/* ========================================================================== Mixin ========================================================================== */
/* ========================================================================== Variables ========================================================================== */
/* Fonts */
/* Color */
/* Path */
#header .container {
    background-repeat: no-repeat;
}

    #header .container .logo {
        margin-top: 10px;
    }

        #header .container .logo a {
            position: relative;
            z-index: 99;
        }

        #header .container .logo img {
            max-width: 250px;
            width: 100%;
        }

    #header .container .promo {
        margin-top: 10px;
    }

#footer .container {
    font-size: 13px;
}

    #footer .container div {
        margin: 0 .5em;
        display: inline;
    }

    #footer .container span {
        display: inline;
    }

    #footer .container a {
        color: #fff;
        text-decoration: underline;
    }

#main {
    position: relative;
}

    #main .title {
        padding-top: 5px;
        padding-bottom: 5px;
        background: url(../../Content/images/ui/bg-title.png) 100% 0 no-repeat;
    }

        #main .title h4 {
            margin: 0;
            line-height: 1.5;
        }

.sidebar.affix {
    top: 70px;
}

.sidebar.affix-bottom {
    position: absolute;
}

.sitelink {
    padding-top: 5%;
    background: url(../../Content/images/ui/bg-sitelink.png) no-repeat center 0;
    background-size: 100% auto;
}

    .sitelink #marquee {
        overflow: hidden;
    }

        .sitelink #marquee .marquee-in {
            float: left;
            width: 8000%;
        }

            .sitelink #marquee .marquee-in .marquee-item {
                float: left;
            }

                .sitelink #marquee .marquee-in .marquee-item > a img {
                    height: 50px;
                    border: 0;
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                }

                .sitelink #marquee .marquee-in .marquee-item > a:hover img {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    .sitelink .marquee-nav {
        position: relative;
    }

        .sitelink .marquee-nav > a {
            position: absolute;
            top: 10px;
            z-index: 99;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

            .sitelink .marquee-nav > a.marquee-left {
                left: 13%;
            }

            .sitelink .marquee-nav > a.marquee-right {
                right: 13%;
            }

            .sitelink .marquee-nav > a:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

.carousel .carousel-control {
    color: #000;
}

    .carousel .carousel-control.left {
        left: 10px;
    }

    .carousel .carousel-control.right {
        right: 10px;
    }

    .carousel .carousel-control:hover {
        color: #000;
    }

.headlines .tab-content {
    background: #fff;
    border-top-width: 3px;
    border-top-style: solid;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

    .headlines .tab-content a:hover {
        text-decoration: none;
    }

    .headlines .tab-content .table caption, .headlines .tab-content .table thead {
        display: none;
    }

    .headlines .tab-content .table tr:first-child td {
        border-top: none;
    }

    .headlines .tab-content .table tr td {
        padding-top: 0;
        padding-bottom: 0;
        height: 3.65em;
    }

        .headlines .tab-content .table tr td:first-child {
            width: 10%;
        }

    .headlines .tab-content .btn-more {
        position: absolute;
        right: 20px;
        top: 12px;
        padding: 0 .5em 3px;
        font-size: 13px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

        .headlines .tab-content .btn-more:hover {
            text-decoration: none;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

[class^="list-"] h5, [class*="list-"] h5 {
    font-size: 18px;
}

[class^="list-"] .row > div > a, [class*="list-"] .row > div > a {
    display: block;
    background: #eee;
    color: #444;
}

    [class^="list-"] .row > div > a figure, [class*="list-"] .row > div > a figure {
        position: relative;
    }

        [class^="list-"] .row > div > a figure img, [class*="list-"] .row > div > a figure img {
            width: 100%;
        }

        [class^="list-"] .row > div > a figure i, [class*="list-"] .row > div > a figure i {
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 10;
            margin: -20px 0 0 -20px;
        }

    [class^="list-"] .row > div > a p, [class*="list-"] .row > div > a p {
        overflow: hidden;
        padding: 5px;
        height: 3.4em;
    }

    [class^="list-"] .row > div > a:hover, [class*="list-"] .row > div > a:hover {
        text-decoration: none;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

[class^="list-"] .btn-more, [class*="list-"] .btn-more {
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 13px;
}

.grid-view > div {
    margin: 10px 0;
}

    .grid-view > div > a {
        display: block;
        padding: 5px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

        .grid-view > div > a figure {
            display: table-cell;
            vertical-align: middle;
            width: 300px;
            height: 180px;
            text-align: center;
        }

            .grid-view > div > a figure img {
                margin: 0 auto;
                width: 100%;
                max-width: 100%;
                max-height: 180px;
            }

        .grid-view > div > a p {
            padding-top: 5px;
            overflow: hidden;
            height: 3em;
        }

        .grid-view > div > a:hover {
            text-decoration: none;
        }

    .grid-view > div.frame > a {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center 100%;
    }

    .grid-view > div.frame-activity h4 {
        max-height: 2em;
        overflow: hidden;
    }

.lang-en #header .navbar-nav > li {
    font-size: 13px;
}

.lang-en [class^="list-"] h5, .lang-en [class*="list-"] h5 {
    margin: 0 0 5px;
    border: none;
}

.lang-en [class^="list-"] .btn-more, .lang-en [class*="list-"] .btn-more {
    top: 2px;
}

body {
    border-top: 7px solid #0d6fb8;
}

    body .container {
        position: relative;
    }

.font-bold {
    font-weight: bold;
}

/* ========================================================================== Navigator ========================================================================== */
.navbar-nav > li {
    float: none;
    font-size: 15px;
}

    .navbar-nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

#header .navbar-nav {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

    #header .navbar-nav > li {
        border-left: 1px solid #ccc;
    }

        #header .navbar-nav > li > a {
            padding: 12px 0;
            height: 45px;
            color: #000;
        }

        #header .navbar-nav > li:first-child {
            border-left: none;
        }

            #header .navbar-nav > li:first-child > a {
                -moz-border-radius: 4px 0 0 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px 0 0 4px;
            }

        #header .navbar-nav > li:last-child > a {
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0;
            border-radius: 0 4px 4px 0;
        }

        #header .navbar-nav > li:hover > a, #header .navbar-nav > li.active > a {
            background-position: 0 100%;
        }

.top-nav {
    position: absolute;
    right: 20px;
    top: 0;
    padding: 5px 10px 10px;
    background: #0d6fb8;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
    line-height: 20px;
    list-style: none;
}

    .top-nav > li {
        display: inline-block;
        margin: 0 .5em;
    }

        .top-nav > li > a {
            color: #fff;
        }

            .top-nav > li > a:hover {
                color: #ccc;
            }

        .top-nav > li i {
            position: relative;
            top: 2px;
            font-size: 20px;
        }

.top-nav2 {
    position: absolute;
    right: 20px;
    top: 35px;
    padding: 5px 10px 10px;
    background: #0d6fb8;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
    line-height: 20px;
    list-style: none;
}

    .top-nav2 > li {
        display: inline-block;
        margin: 0 .5em;
    }

        .top-nav2 > li > a {
            color: #fff;
        }

            .top-nav2 > li > a:hover {
                color: #ccc;
            }

        .top-nav2 > li i {
            position: relative;
            top: 2px;
            font-size: 20px;
        }

.top-btn {
    position: absolute;
    right: 15px;
    top: 35px;
    padding: 20px 6px 6px;   
    font-size: 18px;
    line-height: 20px;
    list-style: none;

    background-image: url(../../../../Content/css/theme/default/AgentMSG1.png);
    width:140px;
    height:60px;
    background-size: 140px 60px;
}

    .top-btn > li {
        display: inline-block;
        margin: 0 .5em;
    }

        .top-btn > li > a {
            color: #000;
        }

            .top-btn > li > a:hover {
                color: #00f;
            }

        .top-btn > li i {
            position: relative;
            top: 2px;
            font-size: 20px;
        }

#scrollUp {
    bottom: 50px;
    right: 1em;
    width: 41px;
    height: 40px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAMAAABU4iNhAAAAmVBMVEUAAAAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyB8fHwjHyAjHyAjHyAjHyAjHyB8fHwjHyAjHyAjHyAjHyAjHyB8fHwjHyB8fHwjHyAjHyB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHwmmOaRAAAAM3RSTlMAAAECAwQFBggJCgwNDhATFRcYGRobHiAgISQoKSorLC0uLzAwMTEyMzM2OzxcXWBhYmbtLP8XAAABV0lEQVR4AZWVabPxQBCFjyB2ERHEIsSieS28///H3ZipuedORKl5vuGpiT7d04FNc5AsMhHJFsmgiY/UwqX8ZRnWUEY12kqRbVTFG921lLHuwqYykk+MKgDxJmKYx0Gv2wviuRgmHsVKIppN6MPghxvRJDw1FsUxqhZqPIoiBjR9UaRtFGmnouhDUct0enW8U9cJZzrYsT7REqnqU8fIaRzVf2yhnJb+ufFbTgSyut9X/BSZoryNiodVY/c/Z8cEtOChIy+GlmirQ2V0oNvoW6Kt+rqpmKmELLGoqqRmSHUIlni5GJUxpthLTmiLgKWGkrOHvAigOBvRqGe8CJRD0xKp0uTTDxSpHvh0VvSgSPXBipjSTYvkX/7FjSkx+en1eYLF6XmdMnl2sxx2kxNSCieEU1cKp85hkh1uh8ONc7jFDpvBYdt822AOW9Fh0zpub/c3wre3zA8/EXVoc5aNHAAAAABJRU5ErkJggg==);
}

    #scrollUp:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

/* ========================================================================== Table ========================================================================== */
.table_reg_form {
    color: #305a97;
}

    .table_reg_form td {
        border-bottom: #91b6eb 1px dotted;
        line-height: 30px;
        padding: 5px;
    }

    .table_reg_form th {
        font-size: 15px;
        color: #305a97;
        background-color: #e4ebf4;
        line-height: 20px;
        padding: 3px;
    }

@media screen and (max-width: 480px) {
    .table-rwd table, .table-rwd thead, .table-rwd tbody, .table-rwd th, .table-rwd td, .table-rwd tr {
        display: block;
    }

    .table-rwd th {
        display: none;
    }

    .table-rwd td {
        border: none;
        position: relative;
        white-space: normal;
        text-align: left;
        width: 100%;
    }

        .table-rwd td:before {
            content: attr(data-th) " : ";
            font-weight: bold;
            display: block;
        }
}

.mg-10 {
    margin: 10px;
}

.mg-t-10 {
    margin-top: 10px;
}

.mg-b-10 {
    margin-bottom: 10px;
}

.mg-l-10 {
    margin-left: 10px;
}

.mg-r-10 {
    margin-right: 10px;
}

.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.pd-10 {
    padding: 10px;
}

.pd-t-10 {
    padding-top: 10px;
}

.pd-b-10 {
    padding-bottom: 10px;
}

.pd-l-10 {
    padding-left: 10px;
}

.pd-r-0 {
    padding-right: 0px;
}

.pd-r-10 {
    padding-right: 10px;
}

.pd-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.mg-15 {
    margin: 15px;
}

.mg-t-15 {
    margin-top: 15px;
}

.mg-b-15 {
    margin-bottom: 15px;
}

.mg-l-15 {
    margin-left: 15px;
}

.mg-r-15 {
    margin-right: 15px;
}

.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.pd-15 {
    padding: 15px;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-b-15 {
    padding-bottom: 15px;
}

.pd-l-15 {
    padding-left: 15px;
}

.pd-r-15 {
    padding-right: 15px;
}

.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.mg-20 {
    margin: 20px;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-20 {
    margin-left: 20px;
}

.mg-r-20 {
    margin-right: 20px;
}

.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.pd-20 {
    padding: 20px;
}

.pd-t-20 {
    padding-top: 20px;
}

.pd-b-20 {
    padding-bottom: 20px;
}

.pd-l-20 {
    padding-left: 20px;
}

.pd-r-20 {
    padding-right: 20px;
}

.pd-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.mg-25 {
    margin: 25px;
}

.mg-t-25 {
    margin-top: 25px;
}

.mg-b-25 {
    margin-bottom: 25px;
}

.mg-l-25 {
    margin-left: 25px;
}

.mg-r-25 {
    margin-right: 25px;
}

.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.pd-25 {
    padding: 25px;
}

.pd-t-25 {
    padding-top: 25px;
}

.pd-b-25 {
    padding-bottom: 25px;
}

.pd-l-25 {
    padding-left: 25px;
}

.pd-r-25 {
    padding-right: 25px;
}

.pd-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.mg-30 {
    margin: 30px;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.mg-l-30 {
    margin-left: 30px;
}

.mg-r-30 {
    margin-right: 30px;
}

.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.pd-30 {
    padding: 30px;
}

.pd-t-30 {
    padding-top: 30px;
}

.pd-b-30 {
    padding-bottom: 30px;
}

.pd-l-30 {
    padding-left: 30px;
}

.pd-r-30 {
    padding-right: 30px;
}

.pd-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.mg-0 {
    margin: 0 !important;
}

.pd-0 {
    padding: 0 !important;
}

.pd-l-0 {
    padding-left: 0 !important;
}

.v-top {
    vertical-align: top !important;
}

.v-middle {
    vertical-align: middle !important;
}

.v-bottom {
    vertical-align: bottom !important;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.bs {
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

    .bs:before, .bs:after {
        content: " ";
        display: table;
    }

    .bs:after {
        clear: both;
    }

.bg-white {
    background: #fff;
}

.bg-gray-LT {
    background-color: #fcfcfc;
}

.accesskey {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 9px;
    color: #fff;
    text-underline-position: none;
}

#footer .container .accesskey {
    color: #0d6fb8;
}

.text-yellow {
    color: #ff0;
}

.text-black {
    color: #000;
}

.font-small {
    font-size: 13px;
}

/* ========================================================================== Icons ========================================================================== */
[class^="ico-"], [class*="ico-"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    [class^="ico-"]:before, [class*="ico-"]:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

    [class^="ico-"][class^="ico-slide-"], [class^="ico-"][class*="ico-slide-"], [class*="ico-"][class^="ico-slide-"], [class*="ico-"][class*="ico-slide-"] {
        width: 17px;
        height: 30px;
    }

    [class^="ico-"].ico-slide-left, [class*="ico-"].ico-slide-left {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAeCAMAAAD95QUdAAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAAN3RSTlMAAQIWISInKiwxNTY7PD9BR0hMTU5TVFZaXGFjZWlrcHFzdHl6e4GKkpm8vuTn6+7w8fLz9PX2U4CMdgAAAIVJREFUeAFd0VcOQiEQRmH02ovYFbH3XlBm/0szMSST43n8Hkj4x7DCOSOUrqc8oHw75gDV+8Gg2mNPaL42BPteEDpxRujLhDCSMcHJgDCNXcL80yasQ4uwezYM20J+rYIlpJeZj71/cjIk6C/wU0/QNbDYkpBWZXVdntdBFb0gr4yKl+wLpLQLC3GYG90AAAAASUVORK5CYII=);
    }

    [class^="ico-"].ico-slide-right, [class*="ico-"].ico-slide-right {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAeCAMAAAD95QUdAAAAn1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3kz5EAAAANXRSTlMAAQIWIicrLDE1Njs8QEFHSExOVFVWWltcYmNkaWtyc3R5e4KKkpq8vuTn6Ovu8PHy8/T19io2jjQAAACBSURBVHgBhdLHEoIhDARgfrEXVOxYEBE7KpL3fzbPrDMmx++QyexGyHNdlFM7XRtAVbg1gcTx0UbysYPkXn2kXVJImzxCWpFGmtMMaUJLpHFeIw0/W6TBe4/Uex5+xJWgkmU262yYCxc0LcGQZtKwSTGp+tj9304V7i2mZXmBT/gC/Z4KcWzOy00AAAAASUVORK5CYII=);
    }

    [class^="ico-"].ico-arrow, [class*="ico-"].ico-arrow {
        width: 17px;
        height: 17px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAvVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////9WVlZZWVlcXFxeXl5fX19hYWFubm55eXl7e3uRkZGampqbm5ucnJyfn5+pqamtra2wsLC6urq/v7/FxcXOzs7R0dHT09PW1tbX19fa2trf39/q6urr6+vw8PDz8/P6+vr7+/v8/Pz///8GTETXAAAAHHRSTlMAGlZaXmdrbW5ydneys7a3uNvc3t/i4+vu7/DxNd4l0QAAAJxJREFUeAE9zmcSgkAMhuFvKSgWUSlYxN577+b+x3IlwefPZt5hSPCj7HLUrJVsBWH6xHyTg0v0ekpzoRl6eIwPkgxAxfr9rJMTl1ghx9Oyd+UhD4/Yon9L3yoiEtNRmiI0KDOYkdZGncR2eOFvKhJ2nb38R3Ydk43s4nvo3F1l9/DN78n8f7NW0OUuoYiUFRALLAjleGEr9BwF7QsCJy7kUTQjUwAAAABJRU5ErkJggg==);
    }

    [class^="ico-"].ico-play, [class*="ico-"].ico-play {
        width: 40px;
        height: 40px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA21BMVEXu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u4AAAACAgIDAwMEBAQFBQUQEBASEhIUFBQVFRUrKystLS0xMTE0NDRJSUlLS0tNTU1SUlJWVlZbW1tgYGB5eXl8fHyEhISHh4eqqqqtra2ysrK0tLTNzc3Pz8/T09PV1dXh4eHi4uLk5OTl5eXn5+ft7e3u7u7kvYFhAAAASXRSTlMAAQMEBw0ODxQVJzw9Pj9UVV9pamt5fH6Ak5SfoKWmp66vs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzaoKrLwAAAUlJREFUeNqVlWdvgzAQho+QpISGMp0UCE7s7r33SHf8/39RqxSpHmdQn4+nRz75fLyAguOHJKezGc1J6Dtgw4tLIVHGHqr1EiY0WNIzvdVKIFRDTeukwkLakb3uWFgZd6XzRqKB0d+ZmWgkg5qhaCGo51K1iXRlKZoXxpsP1DlffiEiGwBArNb40QtixgBOqYl879EUSwd8oYt869Y0fYgM8YfzD10MgWAiP3jWygQKVOQ792q5AIqLfON6ocwcmCnWnLzJk2wQ+akiUqt49q60Lizi5s1CvQzBxd0HfTwRKh7OjYH7mHjxaTwhshR8+w5bCoh1cf8JXTPwmCoev5oeW4ZLotSusA1Pfz8uKlqgdQQFbeLafwMA3OZIcaWQWm8MKQk3s/Z1QSXAgzQAg35qRnPat4T9RNYmsQc2HD8i+ZSxaU4i7ffxDUR8RGmR4w2JAAAAAElFTkSuQmCC);
    }

    [class^="ico-"][class^="ico-title-"], [class^="ico-"][class*="ico-title-"], [class*="ico-"][class^="ico-title-"], [class*="ico-"][class*="ico-title-"] {
        width: 28px;
        height: 26px;
    }

    [class^="ico-"].ico-title-news, [class*="ico-"].ico-title-news {
        background-position: 0 0;
    }

    [class^="ico-"].ico-title-info, [class*="ico-"].ico-title-info {
        background-position: 0 -26px;
    }

    [class^="ico-"].ico-title-album, [class*="ico-"].ico-title-album {
        background-position: 0 -52px;
    }

    [class^="ico-"].ico-title-video, [class*="ico-"].ico-title-video {
        background-position: 0 -78px;
    }

    [class^="ico-"].ico-title-contact, [class*="ico-"].ico-title-contact {
        background-position: 0 -104px;
    }

    [class^="ico-"].ico-title-guestbook, [class*="ico-"].ico-title-guestbook {
        background-position: 0 -130px;
    }

    [class^="ico-"].ico-title-payment, [class*="ico-"].ico-title-payment {
        background-position: 0 -156px;
    }

/* ========================================================================== Mobile ========================================================================== */
@media screen and (min-width: 992px) {
    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .carousel .carousel-inner .item img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 1199px) {
    #main .headlines .tab-content .table tr:last-child {
        display: none;
    }

    #main .headlines .tab-content .table tr td {
        height: 3.45em;
    }
}

@media screen and (max-width: 991px) {
    body {
        padding-top: 50px;
        border-top-width: 0;
    }

    #header .container .logo {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        #header .container .logo img {
            width: 50%;
            min-width: 150px;
        }

    #header .container .promo {
        margin-top: 20px;
    }

        #header .container .promo img {
            width: 50%;
            max-width: 250px;
            min-width: 150px;
        }

    #header .container .navbar {
        position: absolute;
        right: 0;
        top: 25%;
        z-index: 98;
        width: 100%;
    }

        #header .container .navbar .navbar-nav {
            margin: 20px auto 0;
            width: 100%;
            background: #eee;
        }

            #header .container .navbar .navbar-nav > li {
                width: 100% !important;
                border-top: 1px solid #ccc;
            }

                #header .container .navbar .navbar-nav > li:first-child {
                    border-top: none;
                }

                #header .container .navbar .navbar-nav > li > a {
                    padding-left: 1em;
                    width: 100% !important;
                }

    .navbar-nav > li {
        float: left;
        width: 100%;
    }

        .navbar-nav > li > a {
            text-align: left;
        }

    .top-nav {
        right: auto;
        top: -50px;
        width: 100%;
        text-align: right;
    }

    .top-nav2 {
        right: auto;
        top: -20px;
        width: 100%;
        text-align: right;
    }

    .top-btn {
        display:none;
    }

    .carousel {
        margin-bottom: 20px;
    }

        .carousel .carousel-inner .item img {
            width: 100%;
        }

    .carousel-control {
        font-size: 3em;
    }

    [class^="list-"] .btn-more, [class*="list-"] .btn-more {
        top: 5px;
    }

    .sitelink .marquee-nav > a.marquee-left {
        left: 0;
    }

    .sitelink .marquee-nav > a.marquee-right {
        right: 0;
    }

    .breadcrumb {
        margin-top: 20px;
    }

    .sidebar {
        margin-top: 20px;
        padding: 0;
    }

    #footer .container div {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    .top-nav > li {
        margin: 0 .25em;
    }

    .top-nav2 > li {
        margin: 0 .25em;
    }

    #header .container .navbar .navbar-nav {
        margin-top: 20px;
    }

    .grid-view > div > a figure {
        width: 768px !important;
        height: auto;
    }

        .grid-view > div > a figure img {
            max-height: none;
        }
}

@media screen and (max-width: 360px) {
    .hidden-xxs {
        display: none !important;
    }

    .carousel-control {
        font-size: 2em;
    }

    #main .container .headlines .nav-tabs > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .container .headlines .nav-tabs > li i {
        display: none;
    }
}

@media screen and (orientation: landscape) {
    #header .container .navbar .navbar-nav {
        margin-top: 20px;
    }
}
/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
    position: relative;
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

    .ekko-lightbox-nav-overlay a {
        z-index: 100;
        display: block;
        width: 49%;
        height: 100%;
        font-size: 30px;
        color: #fff;
        text-shadow: 2px 2px 4px #000;
        opacity: 0;
        filter: dropshadow(color=#000000, offx=2, offy=2);
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

        .ekko-lightbox-nav-overlay a:empty {
            width: 49%;
        }

.ekko-lightbox a {
    text-decoration: none;
}

    .ekko-lightbox a:hover {
        opacity: 1;
    }

.ekko-lightbox .glyphicon-chevron-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right;
}

.ekko-lightbox .modal-footer {
    text-align: left;
}


/* ============ ELTA ============ */
[class^="ico-"].ico-title-newsletter, [class*="ico-"].ico-title-newsletter {
    background-position: 0 -182px;
}

[class^="ico-"].ico-title-periodical, [class*="ico-"].ico-title-periodical {
    background-position: 0 -208px;
}

#search > table > thead {
    border-top: 1px solid #ddd;
    color: #0d6fb8;
}

#search > table > tbody > tr > td {
    vertical-align: middle;
}

#search > div.the-entry {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

    #search > div.the-entry > table > tbody > tr > th {
        text-align: right !important;
        color: #0d6fb8;
    }

    #search > div.the-entry > table > tbody > tr > td {
        padding-left: 10px;
    }

    #search > div.the-entry > ul {
        padding-top: 10px;
    }

#newsletter div.newsletter-search {
    background-color: #fcfcfc;
    padding: 20px;
}

#newsletter div.periodical {
    background-color: #fcfcfc;
    padding: 20px;
}

    #newsletter div.periodical p {
        font-size: 13px;
    }

    #newsletter div.periodical .list-inline {
        color: #0d6fb8;
        font-size: 13px;
    }

    #newsletter div.periodical a.thumbnail {
        margin-bottom: 4px;
    }

    #newsletter div.periodical p {
        margin-bottom: 4px;
    }

    #newsletter div.newsletter-entry-header a.thumbnail, #newsletter div.periodical a.thumbnail {
        border: 0;
        padding: 0;
    }

#newsletter div.newsletter-entry-header h1 {
    border-bottom: 1px solid #ddd;
    color: #0d6fb8;
    margin-top: 5px;
    padding-bottom: 14px;
    font-size: 30px;
}

#newsletter div.newsletter-entry-list h4 {
    border-bottom: 1px solid #ddd;
    color: #0d6fb8;
    padding-bottom: 14px;
    margin-bottom: 17px;
    font-size: 18px;
}

.newsletter-search-form .form-control {
    padding-left: 5px;
    padding-right: 5px;
}

.newsletter-search-form select.form-control {
    padding-left: 2px;
    padding-right: 2px;
}

.newsletter-search-form div[class*=col-] {
    padding-left: 5px;
}

.newsletter-search-form .control-label {
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
    text-align: right;
}

@media (min-width: 320px) {

    .newsletter-search-form .form-inline .form-control {
        display: inline;
        padding-top: 6px;
        padding-bottom: 6px;
        width: 32%;
    }
}

/* ===== elta ===== */
.m20 {
    margin: 20px 0;
}

.m40 {
    margin: 40px 0;
}

.m60 {
    margin: 60px 0;
}

.p40 {
    padding-left: 40px;
    padding-right: 40px;
}

.p20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.red {
    color: red;
}

.form-group button {
    margin-top: 20px;
}

div > .alert-success > strong {
    font-size: 19px;
}

.title4 {
    color: #305a97;
    font-size: 22px;
    font-family: DFKai-SB, ¼Ð·¢Åé, MingLiU, PMingLiU;
    font-weight: bold;
    line-height: 30px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

    .responsive-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

ww