.pre-header {
    color: #616b76;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: #fff;
}

.List a {
    color: #4b88d4;
}

    .List a:hover {
        color: #33CCFF;
        text-decoration: none;
    }

.Block3 {
    left: 20px;
}

.portlet.box.blue-hoki > .portlet-title {
    background-color: #009FCC;
}

#Search {
    width: 3.2em;
    height: 2.5em;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1em;
    color: #00BBFF;
    border-left-width: 1px;
    left: 15px;
}
.facetbutton {
    margin-top: 2px;
}
.MiddleBlock .btn.blue {
    color: #4ea6e8;
    background-color: none;
    border-color: #4ea6e8;
    border-width: 1px;
    top: 5px;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 500;
}

.page-sidebar-closed {
    font-family: 微軟正黑體;
}

.UrlStyle {
    color: #3a6382;
}

    .UrlStyle:hover {
        color: #3a6382;
        text-decoration: none;
    }

    .UrlStyle a text {
        background-color: #ecb95b70;
    }

em {
    background-color: #ecb95b70;
}

#ServiceBox {
    z-index: 30;
    /*margin: -60px 80px 40px -60px;*/
}
/*諮詢
 * 對話框，邊框式（下三角）
 */
.badge1 {
    position: relative;
}

    .badge1:after {
        content: "";
        position: absolute;
        top: -25px;
        right: 0px;
        font-size: .7em;
        background: lawngreen;
        color: white;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        border-radius: 50%;
    }
.dialog-border-bottom {
    border: 5px solid #3598DC;
    height: 165px;
    position: relative;
    width: 140px;
    border-radius: 0.5em !important;
}

.dialog-border-bottom:after {
    border-color: #3598DC transparent transparent transparent;
    border-style: solid solid solid solid;
    border-width: 20px 20px 20px 20px;
    bottom: -40px;
    /*必須指定，才能顯示內容*/ content: "";
    height: 0px;
    left: 43px;
    /*必須指定，否則會變梯形 */ position: absolute;
    width: 0px;
}

.img-circle {
    margin-left: 15px;
}
/*fb messenger*/
#fb-root > div.fb_dialog {
    bottom: 0 !important;
    margin-bottom: 0px;
    margin-right: 40px;
    position: absolute !important;
}
.fb_customer_chat_bubble_animated_no_badge {
    box-shadow: unset;
}
[data-testid="dialog_iframe"] {
    bottom: 30px !important;
}
.ctm-service {
    text-align: center;
    border-color: white;
    border-radius: 2px;
    margin: 10px;
}
input.form-control, textarea.form-control {
    border: 1px solid #4ca8f5;
}

.form-body {
    margin: 10px;
    border: 2px solid #4ca8f5;
}

/*radio color*/
.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
}

    .radio-item input[type='radio'] {
        display: none;
    }

    .radio-item label {
        color: #4ca8f5;
        font-weight: normal;
    }

        .radio-item label:before {
            content: " ";
            display: inline-block;
            position: relative;
            top: 2px;
            margin: 0 5px 0 0;
            width: 20px;
            height: 20px;
            border-radius: 11px;
            border: 2px solid #4ca8f5;
            background-color: transparent;
        }

    .radio-item input[type=radio]:checked + label:after {
        border-radius: 12px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: 5px;
        content: " ";
        display: block;
        background: #4ca8f5;
    }
/*radio color*/

/*表格 placeholder begin*/
#CustomerServiceFrom ::-webkit-input-placeholder { /* Chrome */
    color: #4ca8f5 !important;
    opacity: 0.5;
}

#CustomerServiceFrom:-ms-input-placeholder { /* IE 10+ */
    color: #4ca8f5 !important;
    opacity: 0.5;
}

#CustomerServiceFrom::-moz-placeholder { /* Firefox 19+ */
    color: #4ca8f5 !important;
    opacity: 1;
}

#CustomerServiceFrom:-moz-placeholder { /* Firefox 4 - 18 */
    color: #4ca8f5 !important;
    opacity: 1;
}
/*表格 placeholder end*/
.NewsIsPopular {
    color: red;
}
.ActivityIsNew {
    color: red;
}

#KeywordBlock {
    padding-top: 15px;
}
#TagsBlock {
    padding-top: 15px;
}
#TagsBlock button {
    margin-bottom: 5px;
}
.pagination > li > a {
    margin-right: 5px;
}
.pagination > li.disabled > a {
    background-color: #dfe4f3 !important;
}
.pagination > li.next.disabled > a {
    background-color: #fff !important;
}
.pagination > li.prev.disabled > a {
    background-color: #fff !important;
}

.search-image {
    width: 180px;
    height: 120px;
    margin-left: -30px;
}

@media only screen and (max-device-width : 500px) {
    div.row.container{
        padding-top:20px;
    }

    .pagination > li {
        margin-left: 0;
        margin-right: 0;
    }

    .ImageUrl {
        margin-left: 30px;
    }
}