@charset "UTF-8";

@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular.ttf");
    src: local("☺"), url("../fonts/RobotoRegular.ttf") format("woff"), url("../fonts/RobotoRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight.ttf");
    src: local("☺"), url("../fonts/RobotoLight.ttf") format("woff"), url("../fonts/RobotoLight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoItalic";
    src: url("../fonts/RobotoItalic.ttf");
    src: local("☺"), url("../fonts/RobotoItalic.ttf") format("woff"), url("../fonts/RobotoItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold.ttf");
    src: local("☺"), url("../fonts/RobotoBold.ttf") format("woff"), url("../fonts/RobotoBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Slab";
    src: url("../fonts/Roboto Slab.ttf");
    src: local("☺"), url("../fonts/Roboto Slab.ttf") format("woff"), url("../fonts/Roboto Slab.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RobotoSlabBold";
    src: url("../fonts/RobotoSlabBold.ttf");
    src: local("☺"), url("../fonts/RobotoSlabBold.ttf") format("woff"), url("../fonts/RobotoSlabBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

.btn:focus, .btn:active:focus, .custom-btn-gallery button.active:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

a img {
    border: 0;
}

figure {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* -------------------------------------------------------------- */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: "RobotoRegular";
    line-height: 1;
    font-size: 13px;
    overflow-x: hidden;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    color: #000000;
}

a:hover, a:focus, a:hover p, select:hover, select:focus, select:active {
    text-decoration: none !important;
    outline: none !important;
}

a, a:link, a:active {
    text-decoration: none;
    outline: none !important;
}

.clearfix {
    clear: both;
}

/* User Style */
.hide {
    display: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.no-border {
    border: 0;
}

.row-no-mar {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row-no-pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-mar-left {
    margin-left: 0 !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.no-mar-right {
    margin-right: 0 !important;
}

.no-pad-right {
    padding-right: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

/* end User Style */
@keyframes showDetail2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.form input::-webkit-input-placeholder {
    color: #808080;
    font-size: 14px;
}

.form input:-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
    font-size: 14px;
}

.form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
    font-size: 14px;
}

.form input:-ms-input-placeholder {
    color: #808080;
    font-size: 14px;
}

/* The CSS */
.city-work select option,
.city-work select option,
.city-work select:hover,
.city-work select:focus {
    /*border:0px;*/
    outline: 0px;
}

    .city-work select option:checked:after {
        content: attr(title);
        background: #666;
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        border: none;
    }

.city-work select > option:hover {
    background-color: #ccc;
}

.city-work label {
    position: relative;
}

    .city-work label:before {
        content: "";
        width: 21px;
        height: 21px;
        position: absolute;
        pointer-events: none;
        display: block;
        right: 0px;
        z-index: 999;
        top: -3px;
        margin-top: 1px;
        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -182px -14px;
        display: block;
        cursor: pointer;
    }

.form select option,
.form select option,
.form select:hover,
.form select:focus {
    /*border:0px;*/
    outline: 0px;
}

    .form select option:checked:after {
        content: attr(title);
        background: #666;
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        border: none;
    }

.form select > option:hover {
    background-color: #ccc;
}

.form label {
    position: relative;
}

    .form label:before {
        content: "";
        width: 16px;
        height: 15px;
        position: absolute;
        pointer-events: none;
        display: block;
        right: -214px;
        z-index: 999;
        top: 5px;
        margin-top: 1px;
        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -184px -17px;
        display: block;
        cursor: pointer;
    }

.blue {
    background: #e0efff;
    color: #fff;
}

.slick-slide h3 {
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    padding: 7% 4px;
    position: relative;
    text-align: center;
}

.slick-current h3 {
    background: #fff;
}

.slick-slide h3 img {
    margin: auto;
}

.slick-slider {
    margin-bottom: auto;
}

.bootstrap-select {
    width: 55px !important;
    height: 23px;
    float: right !important;
    position: relative;
    top: 34px;
    right: 0;
}

    .bootstrap-select button {
        width: 100%;
        height: 100%;
        padding-right: 0;
        border: none;
        padding: 0 0 0 5px !important;
    }

    .bootstrap-select .flag-icon {
        width: 18px;
        height: 18px;
        background: url(../Areas/Assets/plugins/Images/img-glag.png) no-repeat;
        display: block;
        float: right;
        margin-right: 7px;
    }

        .bootstrap-select .flag-icon.vn {
            background-position: 0 0;
        }

        .bootstrap-select .flag-icon.gb {
            background-position: 0 -26px;
        }

        .bootstrap-select .flag-icon.cn {
            background-position: 0 -49px;
        }

        .bootstrap-select .flag-icon.jp {
            background-position: 0 -72px;
        }

    .bootstrap-select.btn-group .btn .caret {
        right: -7px;
        color: #1189ff;
    }

    .bootstrap-select.btn-group .btn .filter-option {
        color: #1189ff;
        font-family: Roboto Slab;
    }

    .bootstrap-select .dropdown-menu > li > a {
        padding: 3px 4px;
    }

        .bootstrap-select .dropdown-menu > li > a span {
            right: -5px;
            position: relative;
        }

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.container {
    padding-right: 20px;
    padding-left: 20px;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

.container {
    max-width: 1200px;
}

@media (min-width: 1200px) {
    .container {
        /* width: 1064px;*/
        width: 1200px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    header .container .nav nav {
        margin: 0 36px 0 0px;
        float: left;
    }

        header .container .nav nav > ul > li > a {
            padding: 0 6px;
            font-size: 15px;
        }

        header .container .nav nav > ul > li i {
            background-position: -116px -20px;
            width: 7px;
            height: 7px;
            right: -3px;
        }

        header .container .nav nav > ul > li .menu-child ul li a {
            font-size: 13px;
        }

    .com ul li:nth-child(2) a {
        margin: 25px 8px 0 14px;
    }

    footer #footer .info-bottom li:nth-child(2) a {
        margin: 34px 7px 0;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    header .container .nav nav > ul > li > a {
        padding: 0 15px;
    }

    header .container .nav nav > ul > li i {
        right: 0;
    }

    header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
        margin-left: 240px;
    }

    header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
        margin-left: 310px;
    }

    header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
        margin-left: 520px;
    }
}

@media (min-width: 930px) and (max-width: 999px) {
    header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
        margin-left: 245px;
    }

    header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
        margin-left: 310px;
    }

    header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
        margin-left: 471px;
    }
}

@media (min-width: 870px) and (max-width: 929px) {
    header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
        margin-left: 230px;
    }

    header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
        margin-left: 280px;
    }

    header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
        margin-left: 440px;
    }
}

@media (min-width: 840px) and (max-width: 869px) {
    header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
        margin-left: 200px;
    }

    header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
        margin-left: 260px;
    }

    header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
        margin-left: 420px;
    }
}

@media (min-width: 768px) and (max-width: 839px) {
    header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
        margin-left: 160px;
    }

    header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
        margin-left: 220px;
    }

    header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
        margin-left: 375px;
    }
}

@media (max-width: 767px) {
    header .container .com {
        right: 60px;
        position: absolute;
        display: none;
    }

    footer #footer {
        height: 250px;
    }
}

section {
    overflow: hidden;
    width: 100%;
}

article {
    position: relative;
    width: 100%;
}

    article .carousel-fade .carousel-inner .item {
        opacity: 1;
        transition-property: opacity;
        transform: translate3d(0, 0, 0) !important;
    }

    article .carousel-fade .carousel-inner .active {
        opacity: 1;
        transform: translate3d(0, 0, 0) !important;
    }

        article .carousel-fade .carousel-inner .active.left {
            left: 0;
            opacity: 0;
            z-index: 1;
        }

        article .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 1;
        }

    article .carousel-fade .carousel-control {
        z-index: 2;
    }

    article .slide {
        position: relative;
    }

        article .slide .custom-pager {
            width: 1024px;
            margin: auto;
        }

            article .slide .custom-pager strong a {
                background: url(../Areas/Assets/plugins/Images/img-moc-1.png) no-repeat center;
                width: 127px;
                height: 48px;
                display: block;
                float: left;
                padding: 17px 38px;
                margin-top: -2px;
            }

                article .slide .custom-pager strong a:hover {
                    box-shadow: 0 0 15px 0 #6eb4f5;
                    background-color: #ffffff;
                }

            article .slide .custom-pager strong.cycle-pager-active a {
                box-shadow: 0 0 15px 0 #6eb4f5;
                background-color: #ffffff;
            }

        article .slide .center {
            position: absolute;
            bottom: 68px;
            z-index: 9;
        }

            article .slide .center a {
                width: 60px;
                height: 60px;
                display: block;
                background-color: #ffffff;
                border-radius: 50%;
                position: absolute;
            }

                article .slide .center a i {
                    background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                    width: 10px;
                    height: 17px;
                    display: inline-block;
                    background-position: -97px -39px;
                    margin: 22px 0 0 22px;
                }

                article .slide .center a:hover {
                    background-color: #1189ff;
                }

                    article .slide .center a:hover i {
                        background-position: -110px -39px;
                    }

                article .slide .center a:first-child {
                    left: 30px;
                }

                article .slide .center a:last-child {
                    transform: rotate(180deg);
                    right: 30px;
                }

        article .slide ul li img {
            width: 100%;
        }

    article .bnt-scroll {
        background-position: -97px -18px;
        width: 14px;
        height: 19px;
        margin: 0;
        position: relative;
        z-index: 9;
    }

    article .sev-my {
        color: #1189ff;
        font-family: Roboto Slab;
        font-size: 26px;
        margin-bottom: 26px;
        width: 311px;
        height: 34px;
        display: block;
        margin: auto;
        text-align: center;
        border-bottom: 2px solid transparent;
        border-image: url(../Areas/Assets/plugins/Images/img-line.png) 1 round;
    }

    article .des {
        margin: 24px 0 53px;
    }

        article .des p {
            text-align: center;
            font-size: 15px;
            color: #4c6680;
            line-height: 22px;
            width: 95%;
            margin: auto;
        }

    article .box-content label {
        font-size: 20px;
        color: #4c6680;
        display: block;
        text-align: center;
        margin: 16px 0 58px;
    }

    article .box-content:hover a {
        box-shadow: 0 0 15px 0 #6eb4f5;
        background-color: #ffffff !important;
    }

    article .box-content:hover label {
        color: #1189ff;
    }

    article .group._2 .custom-btn-gallery .btn {
        padding: 5px 30px;
    }

    article .group._2 .custom-btn-gallery .btn-default {
        font-size: 16px;
        border: 1px solid #1982ee;
        border-radius: 28px;
        text-align: center;
        color: #1982ee;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    article .group._2 .custom-btn-gallery button:hover {
        color: #fff;
        background-color: #1982ee;
        border-color: #1982ee;
        box-shadow: -1px 3px 19px 1px #6eb4f5;
    }

    article .group._2 .custom-btn-gallery button.active {
        color: #fff;
        background-color: #1982ee;
        border-color: #1982ee;
        box-shadow: -1px 3px 19px 1px #6eb4f5;
    }

    article .group._2 .gallery_product {
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px;
    }

        article .group._2 .gallery_product .img-responsive {
            margin: 0 auto;
            width: 100%;
        }

        article .group._2 .gallery_product .detail {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.8);
            opacity: 0;
            transition: all 200ms ease;
        }

            article .group._2 .gallery_product .detail p:first-child {
                font-size: 20px;
                color: #4d6680;
                margin: auto;
                text-align: center;
                line-height: 1.3;
                margin-top: 58px;
            }

            article .group._2 .gallery_product .detail p a i {
                background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                background-position: -123px -45px;
                width: 19px;
                height: 16px;
                display: inline-block;
                margin: 11px 9px 0 -21px;
                position: absolute;
            }

            article .group._2 .gallery_product .detail p:nth-child(2) a {
                width: 170px;
                height: 40px;
                border-radius: 25px;
                display: block;
                line-height: 40px;
                text-align: center;
                background-color: #1982ee;
                color: #ffffff;
                position: absolute;
                bottom: 100px;
                text-indent: 29px;
                font-size: 14px;
                top: 50%;
                left: 38%;
                transform: translateX(-50px) translateY(-50%);
            }

                article .group._2 .gallery_product .detail p:nth-child(2) a:hover {
                    box-shadow: -1px 3px 19px 1px #6eb4f5;
                    background-color: #ffffff;
                    color: #1189ff;
                }

                    article .group._2 .gallery_product .detail p:nth-child(2) a:hover i {
                        background-position: -139px -45px;
                    }

        article .group._2 .gallery_product:hover .detail {
            animation: showDetail2 400ms ease-in-out forwards;
        }

    article .group._2 .bnt-scroll {
        margin-top: 0;
    }

    article .group._2 .box-product {
        margin-bottom: 95px;
    }

        article .group._2 .box-product .tab-row {
            width: 719px;
            margin: auto;
        }

            article .group._2 .box-product .tab-row ul li {
                float: left;
                border: 1px solid #1982ee;
                padding: 7px 35px;
                border-radius: 28px;
                font-size: 15px;
                color: #1982ee;
                margin: 0 10px;
                cursor: pointer;
            }

                article .group._2 .box-product .tab-row ul li.active {
                    background-color: #1982ee;
                    color: #ffffff;
                    box-shadow: -1px 3px 19px 1px #6eb4f5;
                }

        article .group._2 .box-product .news-content {
            margin-top: 58px;
        }

            article .group._2 .box-product .news-content .gr {
                display: block !important;
            }

            article .group._2 .box-product .news-content ul li {
                float: left;
                margin-bottom: 20px;
                cursor: pointer;
            }

                article .group._2 .box-product .news-content ul li .info {
                    margin: 0 10px;
                    overflow: hidden;
                    position: relative;
                    perspective: 1000px;
                    transition: width 200ms ease;
                }

                    article .group._2 .box-product .news-content ul li .info .detail {
                        width: 221px;
                        height: 280px;
                        position: absolute;
                        top: 10px;
                        left: 10px;
                        background: rgba(255, 255, 255, 0.8);
                        opacity: 0;
                        transition: all 200ms ease;
                    }

                        article .group._2 .box-product .news-content ul li .info .detail p:first-child {
                            font-size: 20px;
                            color: #4d6680;
                            width: 130px;
                            margin: auto;
                            text-align: center;
                            line-height: 29px;
                            margin-top: 58px;
                        }

                        article .group._2 .box-product .news-content ul li .info .detail p:nth-child(2) a {
                            width: 170px;
                            height: 40px;
                            border-radius: 25px;
                            display: block;
                            line-height: 40px;
                            text-align: center;
                            background-color: #1982ee;
                            color: #ffffff;
                            position: absolute;
                            bottom: 100px;
                            left: 23px;
                            text-indent: 29px;
                        }

                            article .group._2 .box-product .news-content ul li .info .detail p:nth-child(2) a:hover {
                                box-shadow: 0 0 15px 0 #6eb4f5;
                                background-color: #ffffff;
                                color: #1189ff;
                            }

                                article .group._2 .box-product .news-content ul li .info .detail p:nth-child(2) a:hover i {
                                    background-position: -139px -45px;
                                }

                        article .group._2 .box-product .news-content ul li .info .detail p:last-child a:last-child {
                            right: 10px;
                        }

                        article .group._2 .box-product .news-content ul li .info .detail p a i {
                            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                            background-position: -123px -45px;
                            width: 19px;
                            height: 16px;
                            display: inline-block;
                            margin: 11px 9px 0 -21px;
                            position: absolute;
                        }

                article .group._2 .box-product .news-content ul li:hover .info .detail {
                    animation: showDetail2 400ms ease-in-out forwards;
                }

                article .group._2 .box-product .news-content ul li:first-child .info {
                    margin-left: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(5) .info {
                    margin-left: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(9) .info {
                    margin-left: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(11) .info {
                    margin-left: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(4) .info {
                    margin-right: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(8) .info {
                    margin-right: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(12) .info {
                    margin-right: 0;
                }

                article .group._2 .box-product .news-content ul li:nth-child(14) .info {
                    margin-right: 0;
                }

    article .group._2 .img-three {
        background: url(../Areas/Assets/plugins/Images/img-three-intro.png) no-repeat;
        width: 424px;
        height: 217px;
        display: block;
        margin: auto;
        position: relative;
    }

        article .group._2 .img-three p {
            font-family: RobotoSlabBold;
            font-size: 19.72px;
            color: #4d6680;
            position: absolute;
        }

            article .group._2 .img-three p span {
                cursor: pointer;
                display: block;
            }

                article .group._2 .img-three p span:hover {
                    background-color: #1189ff;
                    box-shadow: 0 0 15px 0 #6eb4f5;
                }

            article .group._2 .img-three p:first-child {
                top: -27px;
                left: 122px;
            }

                article .group._2 .img-three p:first-child span {
                    width: 50px;
                    height: 49px;
                    margin-top: 7px;
                    margin-left: 49px;
                }

            article .group._2 .img-three p:nth-child(2) {
                top: 177px;
                left: -154px;
            }

                article .group._2 .img-three p:nth-child(2) span {
                    width: 62px;
                    height: 62px;
                    margin-top: -41px;
                    margin-left: 154px;
                    border-radius: 50px;
                }

            article .group._2 .img-three p:last-child {
                top: 170px;
                right: -120px;
            }

                article .group._2 .img-three p:last-child span {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    margin-left: -71px;
                    border-left: 30px solid transparent;
                    border-right: 30px solid transparent;
                    border-bottom: 51px solid #1189ff;
                    margin-top: -40px;
                }

    article .group._2 .view-more {
        margin-top: 0;
    }

    article .group._2.intro .container {
        padding-bottom: 49px;
    }

    article .group._2 .gr .gallery_product {
        padding-right: 10px;
        padding-left: 10px;
    }

    article .group._4 {
        background-color: #e0efff;
        padding-bottom: 125px;
        margin-top: -49px;
    }

        article .group._4 .carousel-quotes {
            background-color: #e0efff;
        }

            article .group._4 .carousel-quotes #quote-carousel {
                padding: 0 10px 30px;
                margin-top: 30px;
            }

                article .group._4 .carousel-quotes #quote-carousel .carousel-control {
                    background: none;
                    color: #222;
                    font-size: 2.3em;
                    text-shadow: none;
                    margin-top: 30px;
                    width: 60px;
                    height: 60px;
                    display: block;
                    border-radius: 50%;
                    position: absolute;
                    top: 40%;
                }

                article .group._4 .carousel-quotes #quote-carousel a.left {
                    left: -12px;
                }

                    article .group._4 .carousel-quotes #quote-carousel a.left i {
                        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                        width: 10px;
                        height: 17px;
                        display: inline-block;
                        background-position: -97px -39px;
                        margin: 22px 0 0 -35px;
                    }

                article .group._4 .carousel-quotes #quote-carousel a.right {
                    transform: rotate(180deg);
                    right: -12px !important;
                }

                    article .group._4 .carousel-quotes #quote-carousel a.right i {
                        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                        width: 10px;
                        height: 17px;
                        display: inline-block;
                        background-position: -97px -39px;
                        margin: 22px 0 0 -35px;
                    }

            article .group._4 .carousel-quotes .img-thumbnail {
                background-color: transparent;
                border: 0 solid #ddd;
                border-radius: 0;
            }

            article .group._4 .carousel-quotes .carousel-indicators {
                right: 0;
                top: auto;
                margin-right: -19px;
                margin: auto;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%) translateY(-50%);
                position: absolute;
            }

                article .group._4 .carousel-quotes .carousel-indicators .active {
                    background: #1189ff;
                }

            article .group._4 .carousel-quotes li {
                background: transparent;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                border: 1px solid #1189ff;
                display: inline-block;
                margin: 0 9px;
            }

    article .group._8 {
        margin: 70px 0 40px;
    }

        article .group._8 .custom-tabs .nav-tabs {
            border-bottom: 0 solid #ddd;
        }

            article .group._8 .custom-tabs .nav-tabs li {
                float: none;
                margin-bottom: 0;
            }

                article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 {
                    padding-left: 7px;
                    padding-right: 7px;
                }

                    article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item {
                        margin-bottom: 10px;
                        cursor: pointer;
                    }

                        article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item:hover {
                            background-color: #1189ff;
                            border: 1px solid #1189ff;
                        }

                            article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item:hover p {
                                color: #ffffff;
                            }

                                article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item:hover p i {
                                    background-position: -162px -41px;
                                }

                        article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item .col1 {
                            font-family: Roboto Slab;
                            font-size: 16px;
                            height: 45px;
                            line-height: 45px;
                            text-align: center;
                            width: 208px;
                            margin: auto;
                            border-bottom: 2px solid #e0efff;
                            position: relative;
                        }

                            article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item .col1 p {
                                color: #4d6680;
                            }

                        article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item p {
                            color: #4d6680;
                        }

                            article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item p i {
                                background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -160px -20px;
                                width: 18px;
                                height: 20px;
                                display: inline-block;
                                position: absolute;
                                top: 15px;
                                left: 0;
                            }

                        article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item .col2 {
                            padding: 0 32px 30px 20px;
                        }

                            article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item .col2 p {
                                font-size: 15px;
                                line-height: 20px;
                            }

                                article .group._8 .custom-tabs .nav-tabs li .cus-pd-7 .item .col2 p:first-child {
                                    font-family: RobotoBold;
                                    font-size: 15px;
                                    margin: 21px 0 4px;
                                }

                article .group._8 .custom-tabs .nav-tabs li.active .item {
                    background-color: #1189ff;
                    box-shadow: -1px 3px 19px 1px #6eb4f5;
                    border: 1px solid #1189ff;
                }

                    article .group._8 .custom-tabs .nav-tabs li.active .item p {
                        color: #ffffff;
                    }

                        article .group._8 .custom-tabs .nav-tabs li.active .item p i {
                            background-position: -162px -41px;
                        }

        article .group._8 .custom-tabs #div-show-maps {
            margin-top: 30px;
        }

        article .group._8 div {
            float: none;
            margin-bottom: 0;
        }

            article .group._8 div .cus-pd-7 {
                padding-left: 0;
                padding-right: 0;
                width: 100%;
                height: 100%;
            }

                article .group._8 div .cus-pd-7 > div {
                    height: 100%;
                }

                article .group._8 div .cus-pd-7 .item {
                    margin-bottom: 10px;
                    cursor: pointer;
                }

                    article .group._8 div .cus-pd-7 .item:hover {
                        background-color: #1189ff;
                        box-shadow: -1px 3px 19px 1px #6eb4f5;
                        border: 1px solid #1189ff;
                        height: 100%;
                    }

                        article .group._8 div .cus-pd-7 .item:hover p {
                            color: #ffffff;
                        }

                            article .group._8 div .cus-pd-7 .item:hover p i {
                                background-position: -162px -41px;
                            }

                    article .group._8 div .cus-pd-7 .item .col1 {
                        font-family: Roboto Slab;
                        font-size: 16px;
                        height: 45px;
                        line-height: 45px;
                        text-align: center;
                        width: 208px;
                        margin: auto;
                        border-bottom: 2px solid #e0efff;
                        position: relative;
                    }

                        article .group._8 div .cus-pd-7 .item .col1 p {
                            color: #4d6680;
                        }

                    article .group._8 div .cus-pd-7 .item p {
                        color: #4d6680;
                    }

                        article .group._8 div .cus-pd-7 .item p i {
                            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -160px -20px;
                            width: 18px;
                            height: 20px;
                            display: inline-block;
                            position: absolute;
                            top: 15px;
                            left: 0;
                        }

                    article .group._8 div .cus-pd-7 .item .col2 {
                        padding: 0 32px 30px 20px;
                    }

                        article .group._8 div .cus-pd-7 .item .col2 p {
                            font-size: 15px;
                            line-height: 20px;
                        }

                            article .group._8 div .cus-pd-7 .item .col2 p:first-child {
                                font-family: RobotoBold;
                                font-size: 15px;
                                margin: 21px 0 4px;
                            }

            article .group._8 div.active .item {
                background-color: #1189ff;
                box-shadow: -1px 3px 19px 1px #6eb4f5;
                border: 1px solid #1189ff;
            }

                article .group._8 div.active .item p {
                    color: #ffffff;
                }

                    article .group._8 div.active .item p i {
                        background-position: -162px -41px;
                    }

        article .group._8 #div-show-maps {
            margin-top: 30px;
        }

        article .group._8 .p.pav .cus-pd-7 {
            padding-left: 0;
            padding-right: 0;
        }

            article .group._8 .p.pav .cus-pd-7 .item {
                margin-bottom: 10px;
                cursor: pointer;
                background-color: #1189ff;
                border: 1px solid #1189ff;
                height: 100%;
            }

                article .group._8 .p.pav .cus-pd-7 .item p {
                    color: #ffffff;
                }

                    article .group._8 .p.pav .cus-pd-7 .item p i {
                        background-position: -162px -41px;
                    }

        article .group._8 .p .cus-pd-7 .item {
            padding: 0 32px 0 20px;
            border: 1px solid #e0efff;
            width: 327px;
            height: 100%;
        }

    article .group._11 {
        margin-top: 55px;
    }

        article .group._11 .sidebar-left {
            width: 240px;
            float: left;
        }

            article .group._11 .sidebar-left .box {
                width: 95%;
            }

                article .group._11 .sidebar-left .box._1 .list-work {
                    margin-top: 10px;
                }

                    article .group._11 .sidebar-left .box._1 .list-work ul li {
                        padding: 5px 0;
                        display: block;
                        width: 100%;
                    }

                        article .group._11 .sidebar-left .box._1 .list-work ul li a {
                            font-size: 15px;
                            color: #4d6680;
                            line-height: 20px;
                        }

                            article .group._11 .sidebar-left .box._1 .list-work ul li a span {
                                color: #808080;
                                font-size: 14px;
                                display: block;
                                margin-left: 18px;
                            }

                            article .group._11 .sidebar-left .box._1 .list-work ul li a i {
                                background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -178px 5px;
                                width: 13px;
                                height: 17px;
                                display: block;
                                float: left;
                                margin: 2px 5px 0 0;
                            }

                            article .group._11 .sidebar-left .box._1 .list-work ul li a:hover {
                                color: #1189ff;
                            }

                                article .group._11 .sidebar-left .box._1 .list-work ul li a:hover i {
                                    background-position: -165px 2px;
                                }

                                article .group._11 .sidebar-left .box._1 .list-work ul li a:hover span {
                                    color: #1189ff;
                                }

                        article .group._11 .sidebar-left .box._1 .list-work ul li:hover {
                            background-color: #e0efff;
                        }

                            article .group._11 .sidebar-left .box._1 .list-work ul li:hover a {
                                color: #1189ff;
                            }

                                article .group._11 .sidebar-left .box._1 .list-work ul li:hover a i {
                                    background-position: -165px 2px;
                                }

                                article .group._11 .sidebar-left .box._1 .list-work ul li:hover a span {
                                    color: #1189ff;
                                }

                        article .group._11 .sidebar-left .box._1 .list-work ul li.active {
                            background-color: #e0efff;
                        }

                            article .group._11 .sidebar-left .box._1 .list-work ul li.active a {
                                color: #1189ff;
                            }

                                article .group._11 .sidebar-left .box._1 .list-work ul li.active a i {
                                    background-position: -165px 2px;
                                }

                                article .group._11 .sidebar-left .box._1 .list-work ul li.active a span {
                                    color: #1189ff;
                                }

                article .group._11 .sidebar-left .box._2 .fb-page {
                    margin: 15px 0;
                }

        article .group._11 .maj .view-top {
            border-bottom: 1px solid #e0efff;
            margin-left: 20px;
        }

            article .group._11 .maj .view-top .title {
                float: left;
                border-bottom: none;
                margin-left: -20px;
            }

            article .group._11 .maj .view-top .city-work {
                width: 310px;
                margin-top: 10px;
                float: right;
                margin-right: -20px;
            }

                article .group._11 .maj .view-top .city-work > div {
                    display: inline-block;
                }

                article .group._11 .maj .view-top .city-work .work {
                    float: right;
                }

                article .group._11 .maj .view-top .city-work select {
                    width: 150px;
                    height: 20px;
                    color: #808080;
                    font-size: 14px;
                    border: 1px solid #808080;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    cursor: pointer;
                }

        article .group._11 .maj .main {
            margin-top: 16px;
        }

            article .group._11 .maj .main .item {
                border-bottom: 1px solid #e0efff;
                padding-bottom: 3px;
                margin-bottom: 23px;
            }

                article .group._11 .maj .main .item p {
                    color: #808080;
                    font-size: 14px;
                    line-height: 19px;
                }

                    article .group._11 .maj .main .item p small {
                        float: right;
                        color: #4d6680;
                    }

                    article .group._11 .maj .main .item p:first-child a {
                        color: #4d6680;
                        font-size: 15px;
                        font-family: RobotoBold;
                    }

                        article .group._11 .maj .main .item p:first-child a span {
                            font-size: 11px;
                            font-family: Roboto Slab;
                            width: 50px;
                            height: 17px;
                            line-height: 17px;
                            background-color: #f26522;
                            display: inline-block;
                            text-align: center;
                            color: #ffffff;
                            margin-left: 20px;
                        }

                            article .group._11 .maj .main .item p:first-child a span.closed {
                                background-color: #777472;
                            }

                        article .group._11 .maj .main .item p:first-child a:hover {
                            color: #1189ff;
                        }

        article .group._11 .maj .detail-recru .col1 {
            height: 36px;
            border-top: 1px solid #e0efff;
            margin-top: 20px;
        }

            article .group._11 .maj .detail-recru .col1 a {
                width: 80px;
                height: 20px;
                background-color: #4c6680;
                line-height: 20px;
                text-align: center;
                display: inline-block;
                color: #ffffff;
                margin: 12px 10px 0 0;
            }

                article .group._11 .maj .detail-recru .col1 a i {
                    background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                    background-position: -182px -41px;
                    width: 10px;
                    height: 10px;
                    display: inline-block;
                }

                article .group._11 .maj .detail-recru .col1 a:hover {
                    background-color: #1189ff;
                }

                article .group._11 .maj .detail-recru .col1 a:last-child {
                    float: right;
                }

                    article .group._11 .maj .detail-recru .col1 a:last-child i {
                        transform: rotate(180deg);
                        background-position: -182px -42px;
                    }

        article .group._11 .maj .detail-recru .col2 {
            padding-bottom: 5px;
        }

            article .group._11 .maj .detail-recru .col2 p {
                color: #808080;
                font-size: 14px;
                line-height: 19px;
            }

            article .group._11 .maj .detail-recru .col2 > p {
                font-size: 16px;
                color: #1189ff;
                border-bottom: 1px solid #e0efff;
                height: 36px;
                font-family: Roboto Slab;
                line-height: 36px;
            }

            article .group._11 .maj .detail-recru .col2 div {
                margin: 20px 0 10px;
            }

        article .group._11 .maj .detail-recru .col3 p {
            color: black;
            font-size: 15px;
            line-height: 25px;
        }

        article .group._11 .maj .detail-recru .col3 .option {
            color: black;
            font-size: 15px;
            line-height: 25px;
            font-family: RobotoBold;
        }

        article .group._11 .maj .detail-recru .col3 > div {
            padding-left: 20px;
            margin-top: 10px;
        }

            article .group._11 .maj .detail-recru .col3 > div > div {
                color: black;
                font-size: 15px;
                line-height: 25px;
            }

                article .group._11 .maj .detail-recru .col3 > div > div ul {
                    list-style-type: disc !important;
                }

                    article .group._11 .maj .detail-recru .col3 > div > div ul li {
                        margin-left: 30px;
                    }

                    article .group._11 .maj .detail-recru .col3 > div > div ul ul {
                        list-style-type: disc;
                    }

                article .group._11 .maj .detail-recru .col3 > div > div ol {
                    list-style-type: decimal;
                    margin-left: 15px;
                }

        article .group._11 .maj .detail-recru .col3 strong {
            font-family: RobotoRegular;
        }

        article .group._11 .maj .detail-recru .col3 > p {
            font-size: 16px;
            color: #1189ff;
            font-family: Roboto Slab;
            border-bottom: 1px solid #e0efff;
            height: 36px;
            line-height: 36px;
            margin-left: 20px;
        }

        article .group._11 .maj .detail-recru .col3 .fblike {
            position: absolute;
            right: 20px;
            margin-top: 0;
        }

        article .group._11 .maj .detail-recru .col4 {
            width: 190px;
            margin: 50px auto 0;
        }

            article .group._11 .maj .detail-recru .col4 a {
                width: 190px;
                height: 40px;
                background-color: #1189ff;
                text-align: center;
                line-height: 40px;
                color: #ffffff;
                display: inline-block;
                border-radius: 25px;
            }

                article .group._11 .maj .detail-recru .col4 a:hover {
                    box-shadow: 0 0 15px 0 #6eb4f5;
                    background-color: #ffffff;
                    color: #1189ff;
                }

        article .group._11 .sidebar-right {
            width: 240px;
            float: left;
        }

            article .group._11 .sidebar-right .title {
                border-bottom: 1px solid #fff;
                text-align: center;
                margin-bottom: 30px;
            }

            article .group._11 .sidebar-right .box {
                background-color: #e0efff;
                padding-bottom: 20px;
                margin-bottom: 20px;
            }

                article .group._11 .sidebar-right .box .form form input {
                    width: 200px;
                    height: 30px;
                    border: none;
                    margin: 0 auto 10px;
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    font-family: RobotoItalic;
                    color: #808080;
                }

                article .group._11 .sidebar-right .box .form form select {
                    width: 200px;
                    height: 30px;
                    border: none;
                    margin: 0 auto 10px;
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    font-family: RobotoItalic;
                    color: #808080;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    text-align-last: center;
                    cursor: pointer;
                }

                article .group._11 .sidebar-right .box .form form .submit {
                    width: 160px;
                    height: 40px;
                    background-color: #1189ff;
                    line-height: 40px;
                    font-size: 14px;
                    color: #ffffff;
                    text-align: center;
                    text-transform: uppercase;
                    border-radius: 25px;
                    cursor: pointer;
                    margin-top: 21px;
                }

                    article .group._11 .sidebar-right .box .form form .submit:hover {
                        box-shadow: 0 0 15px 0 #6eb4f5;
                        background-color: #ffffff;
                        color: #1189ff;
                    }

        article .group._11 .title {
            font-size: 16px;
            color: #1189ff;
            font-family: Roboto Slab;
            border-bottom: 1px solid #e0efff;
            height: 36px;
            line-height: 36px;
        }

    article .group._1 .custom-carousel .carousel-indicators li {
        width: 127px;
        height: 42px;
        margin: 0;
        padding: 40px 80px;
        text-indent: -999px;
        cursor: pointer;
        background: url(../Areas/Assets/plugins/Images/img-moc-1.png) no-repeat center center;
        border: none;
        border-radius: 0;
    }

    article .group._1 .custom-carousel .carousel-indicators .active {
        background-color: #1189ff;
    }

    article .group._1 .custom-carousel .carousel-control {
        opacity: 1;
        text-align: left;
        width: 60px;
        height: 60px;
        display: block;
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: 40%;
        z-index: 2;
    }

        article .group._1 .custom-carousel .carousel-control:hover {
            background-color: #1189ff;
        }

            article .group._1 .custom-carousel .carousel-control:hover span:first-child {
                background-position: -110px -39px;
            }

    article .group._1 .custom-carousel > .left {
        left: 1%;
        background-image: none;
    }

        article .group._1 .custom-carousel > .left span {
            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
            width: 10px;
            height: 17px;
            display: inline-block;
            background-position: -97px -39px;
            margin: 22px 0 0 22px;
        }

    article .group._1 .custom-carousel > .right {
        right: 1%;
        background-image: none;
        transform: rotate(180deg);
    }

        article .group._1 .custom-carousel > .right span {
            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
            width: 10px;
            height: 17px;
            display: inline-block;
            background-position: -97px -39px;
            margin: 22px 0 0 22px;
        }

    article .group._1 .custom-carousel .carousel-inner .item .carousel-caption {
        width: 350px;
        text-align: left;
        position: absolute;
        top: 0;
        z-index: 9;
    }

        article .group._1 .custom-carousel .carousel-inner .item .carousel-caption p:nth-child(1) {
            font-family: RobotoSlabBold;
            font-size: 40px;
            color: #ffffff;
            line-height: 50px;
            margin: 70px 0 9px;
        }

        article .group._1 .custom-carousel .carousel-inner .item .carousel-caption p:nth-child(2) {
            font-size: 15px;
            color: #ffffff;
            line-height: 20px;
        }

        article .group._1 .custom-carousel .carousel-inner .item .carousel-caption a {
            background: url(../Areas/Assets/plugins/Images/img-viewmore.png) no-repeat;
            width: 188px;
            height: 68px;
            display: block;
            font-family: RobotoLight;
            color: #ffffff;
            text-align: center;
            line-height: 68px;
            position: relative;
            margin-top: 20px;
        }

            article .group._1 .custom-carousel .carousel-inner .item .carousel-caption a:hover {
                color: #1189ff;
                background-position: center bottom;
            }

                article .group._1 .custom-carousel .carousel-inner .item .carousel-caption a:hover i {
                    background-position: -128px -32px;
                }

            article .group._1 .custom-carousel .carousel-inner .item .carousel-caption a i {
                background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                background-position: -128px -18px;
                width: 25px;
                height: 11px;
                display: inline-block;
                margin-right: 9px;
                position: relative;
                top: 1px;
            }

    article .group._3 .link a {
        background: url(../Areas/Assets/plugins/Images/img-online-game-product.png) no-repeat 75% center;
        height: 300px;
        display: block;
        margin: auto;
        margin-top: 20px;
    }

    article .group._3 .link :nth-child(2) a {
        background: url(../Areas/Assets/plugins/Images/img-online-media-product.png) no-repeat 25% center;
    }

    article .group._6 .container .news-more .cus-col-fancy {
        padding: 10px;
        margin-bottom: 0;
        padding-right: 10px;
        padding-left: 10px;
    }

        article .group._6 .container .news-more .cus-col-fancy a {
            height: 240px;
            display: block;
            overflow: hidden;
            background: #cfcdce;
            position: relative;
        }

        article .group._6 .container .news-more .cus-col-fancy p {
            display: table-cell;
            height: 60px;
            color: #f4ddc6;
            font-size: 16px;
            line-height: 24px;
            padding: 0 10px;
            background-color: #1189ff;
            vertical-align: middle;
            width: 100%;
        }

        article .group._6 .container .news-more .cus-col-fancy img.cus-img-facy.img-responsive {
            margin: 0 auto;
            width: 110%;
            max-width: 110%;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            position: absolute;
        }

    article .group._6 .container .news-more .item {
        width: 328px;
        height: 310px;
        float: left;
        margin-bottom: 20px;
    }

        article .group._6 .container .news-more .item a {
            width: 328px;
            height: 250px;
            display: block;
            overflow: hidden;
            position: relative;
            background: #cfcdce;
        }

            article .group._6 .container .news-more .item a img {
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
            }

        article .group._6 .container .news-more .item p {
            display: block;
            height: 60px;
            color: #f4ddc6;
            font-size: 16px;
            line-height: 24px;
            padding: 0 10px;
            background-color: #1189ff;
        }

        article .group._6 .container .news-more .item:nth-child(2) {
            margin: 0 20px;
        }

        article .group._6 .container .news-more .item:nth-child(3n+2) {
            margin: 0 20px;
        }

    article .group._6 .container .nivo-controlNav {
        margin-top: -40px;
        z-index: 999;
        position: relative;
        margin-bottom: 15px;
    }

        article .group._6 .container .nivo-controlNav a {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 1px solid #1189ff;
            display: inline-block;
            margin: 0 9px;
            text-indent: 9999999999px;
        }

            article .group._6 .container .nivo-controlNav a.active {
                background-color: #1189ff;
            }

    article .group._6 .container .view-more a {
        margin: 60px auto 138px auto;
    }

    article .group._9 .associate {
        padding: 30px 30px 0 30px;
        background-color: #e0efff;
        margin-bottom: 82px;
    }

        article .group._9 .associate ul li {
            float: left;
            margin-bottom: 28px;
        }

            article .group._9 .associate ul li a {
                width: 50px;
                font-size: 15px;
                color: #4d6680;
            }

                article .group._9 .associate ul li a span {
                    font-family: RobotoRegular;
                }

                article .group._9 .associate ul li a:hover {
                    font-family: RobotoBold;
                }

                    article .group._9 .associate ul li a:hover i {
                        background-position: -165px 2px;
                    }

                article .group._9 .associate ul li a i {
                    background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -178px 5px;
                    width: 13px;
                    height: 17px;
                    display: block;
                    float: left;
                    margin: -1px 10px 0 0;
                }

    article .group._10 img {
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) translateY(0%);
        position: absolute;
        min-width: 880px;
    }

    article .onlineGames a {
        height: 205px;
        display: block;
        background: url(../Areas/Assets/plugins/Images/img-online-game.png) no-repeat center #ffd7ba;
    }

    article .onlineMedia a {
        height: 205px;
        display: block;
        background: url(../Areas/Assets/plugins/Images/img-online-media.png) no-repeat center #b8e1ff;
    }

    article .onlineAdvertising a {
        height: 205px;
        display: block;
        background: url(../Areas/Assets/plugins/Images/img-online-advertising.png) no-repeat center #ffc0c0;
    }

    article .view-more a {
        width: 180px;
        height: 40px;
        background-color: #1189ff;
        display: block;
        margin: auto;
        border-radius: 25px;
        font-family: RobotoLight;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        position: relative;
    }

        article .view-more a i {
            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
            background-position: -128px -18px;
            width: 25px;
            height: 11px;
            display: inline-block;
            margin-right: 9px;
        }

        article .view-more a:hover {
            box-shadow: 0 0 15px 0 #6eb4f5;
            background-color: #ffffff;
            color: #1189ff;
        }

            article .view-more a:hover i {
                background-position: -128px -31px;
            }

@media (min-width: 1100px) {
    article .group._1 .custom-carousel {
        background-color: #e0efff;
        padding-bottom: 80px;
    }

        article .group._1 .custom-carousel .carousel-indicators {
            bottom: -2px;
        }

            article .group._1 .custom-carousel .carousel-indicators li {
                width: 127px;
                height: 42px;
                margin: 0;
                padding: 40px 80px;
                text-indent: -999px;
                cursor: pointer;
                background: url(../Areas/Assets/plugins/Images/img-moc-1.png) no-repeat center center;
                border: none;
                border-radius: 0;
            }

            article .group._1 .custom-carousel .carousel-indicators .active {
                width: 127px;
                height: 42px;
                margin: 0;
                padding: 40px 80px;
                box-shadow: -1px 3px 19px 1px #6eb4f5;
                background-color: #ffffff;
            }
}

@media (min-width: 768px) {
    article .group._1 .custom-carousel .carousel-inner .item .carousel-caption {
        left: 110px;
        padding-top: 0;
    }

    .modal-backdrop.in {
        opacity: 0;
    }
}

@media (min-width: 992px) and (max-width: 1250px) {
    article .group._1 .custom-carousel .carousel-inner .item .carousel-caption {
        margin-top: -50px;
    }
}

@media (max-width: 480px) {
    article .group._1 .custom-carousel > .left {
        width: 40px;
        height: 40px;
    }

        article .group._1 .custom-carousel > .left span {
            width: 5px;
            height: 17px;
            margin: 12px 0 0 17px;
        }

    article .group._1 .custom-carousel > .right {
        width: 40px;
        height: 40px;
    }

        article .group._1 .custom-carousel > .right span {
            width: 5px;
            height: 17px;
            margin: 12px 0 0 17px;
        }

    article .group._2 .gallery_product .detail p:nth-child(2) a {
        width: 140px;
        top: 70%;
    }

    article .group._6 .container .news-more .cus-col-fancy a {
        height: 140px;
    }

    article .group._6 .container .news-more .cus-col-fancy img.cus-img-facy {
        height: 140px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    article .group._2 .gallery_product .detail p:nth-child(2) a {
        width: 140px;
        top: 70%;
    }
}

@media (max-width: 768px) {
    article .group._2 .box-product .tab-row {
        width: 100%;
    }

        article .group._2 .box-product .tab-row ul li {
            margin: 5px 10px;
        }

    .com ul li:nth-child(2) a {
        margin: 25px 15px 0 20px;
    }

    footer #footer .info-bottom {
        margin-top: 80px;
    }

        footer #footer .info-bottom .f-ulist-b {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
}

@media (max-width: 640px) {
    article .group._3 .link a {
        background-size: contain;
    }

    article .group._3 .link :nth-child(2) a {
        background-size: contain;
    }
}

.nivoSlider {
    overflow: hidden;
    display: block;
    height: 420px;
    width: 100%;
    margin-bottom: 40px;
}

    .nivoSlider a {
        height: 100%;
    }

        .nivoSlider a img {
            height: 100%;
        }

    .nivoSlider img {
        top: 50%;
        transform: translateX(0%) translateY(-50%);
        position: absolute;
    }

#map {
    width: 100%;
    height: 400px;
}

.popup-regis {
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

    .popup-regis .width {
        width: 100%;
        max-width: 520px;
        background-color: #ffffff;
        display: block;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
    }

        .popup-regis .width table {
            width: 467px;
            margin: 38px auto;
        }

            .popup-regis .width table tbody tr td {
                text-align: left;
                padding: 5px 20px;
                font-style: italic;
                font-size: 13px;
                display: block;
                float: left;
                line-height: 40px;
                margin-bottom: 5px;
                width: 339px;
                color: #808080;
            }

                .popup-regis .width table tbody tr td input {
                    border-radius: 0;
                    width: 320px;
                    border: none;
                    height: 40px;
                    margin-right: 0;
                    padding-left: 5px;
                    color: #8a8a8a;
                    font-size: 9pt;
                    background: #e3f1ff;
                }

                    .popup-regis .width table tbody tr td input.error {
                        background: #ffecec;
                        border: 1px solid #bf0000;
                    }

                        .popup-regis .width table tbody tr td input.error:focus {
                            outline: none;
                            border: 1px solid transparent;
                            box-shadow: 0 0 5px #bf0000;
                        }

                    .popup-regis .width table tbody tr td input.inputfile {
                        visibility: hidden;
                        height: 0;
                    }

                .popup-regis .width table tbody tr td span {
                    color: #ff0000;
                }

                .popup-regis .width table tbody tr td select {
                    border-radius: 0;
                    width: 100%;
                    border: none;
                    height: 40px;
                    margin-right: 0;
                    padding-left: 5px;
                    color: #8a8a8a;
                    font-size: 9pt;
                    background: #e3f1ff;
                }

                .popup-regis .width table tbody tr td input[type=file] {
                    padding-top: 5px;
                    background: url(../Areas/Assets/plugins/Images/file.png) no-repeat center right #f3f3f3;
                }

                .popup-regis .width table tbody tr td:first-child {
                    width: 113px;
                }

                .popup-regis .width table tbody tr td.lihe {
                    line-height: 17px;
                }

                .popup-regis .width table tbody tr td .BtSubmit {
                    width: 180px;
                    height: 40px;
                    background-color: #1189ff;
                    display: block;
                    margin: auto;
                    border-radius: 25px;
                    font-family: RobotoLight;
                    color: #ffffff;
                    text-align: center;
                    line-height: 40px;
                    position: relative;
                    cursor: pointer;
                }

                    .popup-regis .width table tbody tr td .BtSubmit:hover {
                        box-shadow: 0 0 15px 0 #6eb4f5;
                        background-color: #ffffff;
                        color: #1189ff;
                    }

                .popup-regis .width table tbody tr td .inputfile + label span {
                    color: #8a8a8a;
                    width: 89px;
                    display: inline-block;
                }

    .popup-regis .work_name {
        text-align: center;
        font-size: 15pt;
        color: #1189ff;
    }

    .popup-regis .notice {
        display: none;
        text-align: center;
        box-sizing: border-box;
    }

        .popup-regis .notice.success {
            width: 100%;
            padding: 10px 0 10px 45px;
            border-top: 2px solid #49b452;
            border-bottom: 2px solid #49b452;
            margin: 10px 0 0;
            background: #d7eed9 url(../Areas/Assets/plugins/Images/notice-info.png) no-repeat 10px center;
            font-size: 10pt;
            color: #49b452;
        }

        .popup-regis .notice.error {
            width: 100%;
            padding: 10px 0 10px 45px;
            border-top: 2px solid #bf0000;
            border-bottom: 2px solid #bf0000;
            margin: 10px 0 0;
            background: #ffeaea url(../Areas/Assets/plugins/Images/notice-alert.png) no-repeat 10px center;
            font-size: 10pt;
            color: #bf0000;
        }

    .popup-regis #loading {
        display: none;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 10;
    }

        .popup-regis #loading img {
            position: relative;
            margin: 0 auto;
            top: 40%;
        }

h1 {
    line-height: 22px;
    color: #4c6680;
    font-size: 15px;
    font-family: RobotoLight;
}

h2 {
    line-height: 22px;
    color: #4c6680;
    font-size: 15px;
    font-family: RobotoLight;
}

.pagination {
    text-align: center;
    display: inline;
}

    .pagination ul {
        margin: auto;
    }

        .pagination ul li {
            display: inline-block;
        }

            .pagination ul li a {
                display: block;
                float: left;
                width: 22px;
                height: 18px;
                padding: 4px 5px 0;
                text-align: center;
                color: #4c6680;
            }

                .pagination ul li a:hover {
                    color: #4c6680;
                }

                .pagination ul li a.active {
                    color: #1189ff;
                }

            .pagination ul li.first {
                background: url(../Areas/Assets/plugins/Images/bnt-next-prev.png) no-repeat center;
                background-color: #4d6680;
            }

                .pagination ul li.first a {
                    color: white;
                    font-weight: bold;
                    background: none;
                }

                .pagination ul li.first:hover {
                    background-color: #1189ff;
                }

                    .pagination ul li.first:hover a {
                        background: none;
                    }

                .pagination ul li.first.active {
                    background-color: #1189ff;
                }

                    .pagination ul li.first.active a {
                        background: none;
                    }

            .pagination ul li.previous {
                background: url(../Areas/Assets/plugins/Images/bnt-next-prev-one.png) no-repeat center;
                background-color: #4d6680;
            }

                .pagination ul li.previous a {
                    color: white;
                    font-weight: bold;
                    background: none;
                }

                .pagination ul li.previous:hover {
                    background-color: #1189ff;
                }

                    .pagination ul li.previous:hover a {
                        background: none;
                    }

                .pagination ul li.previous.active {
                    background-color: #1189ff;
                }

                    .pagination ul li.previous.active a {
                        background: none;
                    }

            .pagination ul li.next {
                background: url(../Areas/Assets/plugins/Images/bnt-next-prev-one.png) no-repeat center;
                background-color: #4d6680;
                transform: rotate(180deg);
            }

                .pagination ul li.next a {
                    color: white;
                    font-weight: bold;
                    background: none;
                }

                .pagination ul li.next:hover {
                    background-color: #1189ff;
                }

                    .pagination ul li.next:hover a {
                        background: none;
                    }

                .pagination ul li.next.active {
                    background-color: #1189ff;
                }

                    .pagination ul li.next.active a {
                        background: none;
                    }

            .pagination ul li.last {
                background: url(../Areas/Assets/plugins/Images/bnt-next-prev.png) no-repeat center;
                background-color: #4d6680;
                transform: rotate(180deg);
            }

                .pagination ul li.last a {
                    color: white;
                    font-weight: bold;
                    background: none;
                }

                .pagination ul li.last:hover {
                    background-color: #1189ff;
                }

                    .pagination ul li.last:hover a {
                        background: none;
                    }

                .pagination ul li.last.active {
                    background-color: #1189ff;
                }

                    .pagination ul li.last.active a {
                        background: none;
                    }

            .pagination ul li label {
                position: relative;
                top: -3px;
                display: block;
                color: #1189ff;
            }

            .pagination ul li:hover a {
                color: #1189ff;
            }

.parallax-window {
    min-height: 340px;
    background: transparent;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
}

.fancybox-overlay {
    background: rgba(255, 255, 255, 0.7);
}

.fancybox-skin {
    border-radius: 0;
    background: white;
}

.fancybox-title {
    text-align: center;
    padding: 10px 10px 0;
    font-size: 13pt;
}

.fancybox-nav {
    position: fixed;
    top: 45%;
    height: auto;
    width: 75px;
}

    .fancybox-nav span {
        visibility: initial;
        opacity: 0.55;
        height: 75px;
        width: 75px;
    }

        .fancybox-nav span:hover {
            opacity: 1;
        }

    .fancybox-nav.fancybox-prev {
        left: 20px;
    }

        .fancybox-nav.fancybox-prev span {
            background: url(../Areas/Assets/plugins/Images/prev.png) no-repeat center center;
        }

    .fancybox-nav.fancybox-next {
        right: 20px;
    }

        .fancybox-nav.fancybox-next span {
            background: url(../Areas/Assets/plugins/Images/next.png) no-repeat center center;
        }

.carousel-indicators {
    width: 813px;
}

body {
    width: 100%;
}

.group._1 {
    height: auto;
    margin-bottom: 40px;
    width: 100%;
    overflow: hidden;
}

.group._8.lh {
    height: 718px;
}

.bnt-next-prev {
    width: 150px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(0);
    position: absolute;
}

#jssor_1 {
    margin: 0 auto;
    width: 1920px;
    height: 568px;
    overflow: hidden;
    visibility: hidden;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(0);
    position: absolute;
}

    #jssor_1 .jssort051 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80px;
        background-color: #e0efff;
        overflow: hidden;
    }

        #jssor_1 .jssort051 .t {
            width: 155px !important;
            height: auto;
            margin-top: 12px;
        }

        #jssor_1 .jssort051 .p.pav > div {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 40px 80px;
            box-shadow: -1px 3px 19px 1px #6eb4f5;
            background-color: #ffffff;
        }

    #jssor_1 .jssor_slide {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../Areas/Assets/plugins/Images/loading.gif) no-repeat 50% 50%;
        background-color: rgba(0, 0, 0, 0.7);
    }

    #jssor_1 .jssor_slide-u {
        cursor: default;
        position: relative;
        top: 0;
        left: 0;
        width: 1920px;
        height: 490px;
        overflow: hidden;
    }

    #jssor_1.vanhoa {
        position: relative;
    }

        #jssor_1.vanhoa .jssort051 {
            display: none;
        }

        #jssor_1.vanhoa .jssor_slide-u > div > img:first-child {
            height: auto !important;
            top: 50%;
            left: 50% !important;
            transform: translateX(-50%) translateY(-50%);
            position: absolute;
        }

.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora106 .c {
        fill: #fff;
        opacity: 1;
    }

    .jssora106 .a {
        fill: none;
        stroke: #000;
        stroke-width: 350;
        stroke-miterlimit: 10;
    }

    .jssora106:hover .c {
        opacity: 1;
    }

    .jssora106:hover .a {
        opacity: 1;
    }

    .jssora106.jssora106dn .c {
        opacity: 1;
    }

    .jssora106.jssora106dn .a {
        opacity: 1;
    }

    .jssora106.jssora106ds {
        opacity: 1;
        pointer-events: none;
    }

    .jssora106 a {
        width: 60px;
        height: 60px;
        display: block;
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        margin-top: 50px;
    }

        .jssora106 a i {
            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
            width: 10px;
            height: 17px;
            display: inline-block;
            background-position: -97px -39px;
            margin: 22px 0 0 22px;
        }

        .jssora106 a:hover {
            background-color: #1189ff;
        }

            .jssora106 a:hover i {
                background-position: -110px -39px;
            }

    .jssora106 #next {
        transform: rotate(180deg);
    }

.jssort051 .p {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e0efff;
    width: 203px;
    height: 82px;
    cursor: pointer;
}

    .jssort051 .p:hover .t {
        opacity: 1;
    }

    .jssort051 .p:hover.pdn .t {
        opacity: 1;
    }

.jssort051 .t {
    position: absolute;
    top: 9px;
    left: 17px;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort051 .pav .t {
    opacity: 1;
}

.jssort051 .pdn .t {
    opacity: 1;
}

#jssor_2 {
    margin: 0 auto;
    width: 1024px !important;
    height: 716px;
    overflow: hidden;
    visibility: hidden;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
}

    #jssor_2 > div {
        position: relative !important;
    }

        #jssor_2 > div:nth-child(3) {
            top: 40px !important;
        }

    #jssor_2 .jssort051 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 255px;
        background-color: #fff;
    }

        #jssor_2 .jssort051 .p {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 348px;
            height: 255px;
        }

            #jssor_2 .jssort051 .p.pav > div {
                width: 127px;
                height: 42px;
                margin: 0;
                background-color: #ffffff;
            }

        #jssor_2 .jssort051 .t {
            width: 348px !important;
            height: 255px !important;
            top: 0;
            left: 0;
        }

    #jssor_2 .jssor_slide {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../Areas/Assets/plugins/Images/loading.gif) no-repeat 50% 50%;
        background-color: rgba(0, 0, 0, 0.7);
    }

    #jssor_2 .jssor_slide-u {
        cursor: default;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 450px;
        overflow: hidden;
    }

    #jssor_2 .jssort051-u {
        left: 0 !important;
    }

.available-mb {
    display: block;
}

.visible-mb {
    display: none;
}

.nivo-controlNav {
    display: none;
}

.two-bnt {
    float: right;
    margin: 11px 20px 0 0;
}

    .two-bnt ul li {
        float: left;
    }

        .two-bnt ul li a {
            color: #808080;
            font-size: 14px;
            display: block;
        }

            .two-bnt ul li a:hover {
                color: #1189ff;
            }

        .two-bnt ul li:nth-child(2) {
            margin: 0 5px;
        }

.slick-initialized .slick-slide {
    display: block !important;
}

.slider_home {
    height: auto;
    overflow: hidden;
}

    .slider_home .slick-track .item {
        display: none;
    }

        .slider_home .slick-track .item.slick-active,
        .slider_home .slick-track .item:first-child {
            display: block !important;
        }

    .slider_home .slider-active .owl-stage .owl-item:not(:first-child) {
        display: none;
    }

.slider_home {
    margin-bottom: 0 !important;
}

    .slider_home .item.slick-active a {
        display: block !important;
    }

    .slider_home .item img {
        width: 100%;
    }

    .slider_home .slick-dots {
        display: block;
        bottom: 10px;
        margin: auto;
    }

@media only screen and (max-width: 414px) {
    .slider_home .slick-dots {
        bottom: 2px;
    }
}

.slider_home .slick-dots li {
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0px 4px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

@media only screen and (max-width: 414px) {
    .slider_home .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0px 2px;
    }
}

.slider_home .slick-dots li:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.slider_home .slick-dots li.slick-active:before {
    height: 100%;
}

.slider_home .slick-arrow {
    width: 50px;
    height: 50px;
    display: none !important;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
}

    .slider_home .slick-arrow:before {
        content: "";
        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
        width: 10px;
        height: 17px;
        display: inline-block;
        background-position: -97px -39px;
        position: absolute;
        top: calc(50% - 7px);
        left: calc(50% - 8px);
    }

    .slider_home .slick-arrow.slick-prev {
        right: inherit;
        left: 25px;
    }

    .slider_home .slick-arrow.slick-next {
        right: 25px;
    }

        .slider_home .slick-arrow.slick-next:before {
            transform: rotate(180deg);
            left: calc(50% - 4px);
        }

.slider_home:hover .slick-arrow {
    display: block !important;
}

@media only screen and (max-width: 414px) {
    .slider_home:hover .slick-arrow {
        display: none !important;
    }
}

.gosu-moc {
    background-color: #e0efff;
}

.slider_moc {
    margin-bottom: auto;
    height: 62px;
    overflow: hidden;
}

@media only screen and (max-width: 414px) {
    .slider_moc {
        height: 39px;
    }
}

.slider_moc .item a {
    width: 100%;
    height: 100%;
    padding: 13px 2px;
    display: block;
    cursor: inherit;
}

@media only screen and (max-width: 414px) {
    .slider_moc .item a {
        padding: 5px;
    }
}

.slider_moc .item a img {
    width: 100%;
    max-width: 155px;
    margin: auto;
}

@media only screen and (max-width: 1600px) {
    #jssor_1 {
        height: 490px !important;
        width: 1636px;
    }

        #jssor_1 .jssor_slide-u {
            height: 490px !important;
            width: 1636px;
        }

            #jssor_1 .jssor_slide-u img {
                height: 410px !important;
                width: 1636px;
            }

    .art-title {
        margin-top: 40px;
    }

    .jssora106 a {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 1366px) {
    #jssor_1 {
        height: 430px !important;
        width: 1432px;
    }

        #jssor_1 .jssor_slide-u {
            height: 430px !important;
            width: 1432px;
        }

            #jssor_1 .jssor_slide-u img {
                height: 350px !important;
                width: 1432px;
            }

    .jssora106 a {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1024px) {
    #jssor_1 {
        height: 340px !important;
        width: 1100px;
    }

        #jssor_1 .jssor_slide-u {
            height: 340px !important;
            width: 1100px;
        }

            #jssor_1 .jssor_slide-u img {
                height: 260px !important;
                width: 1100px;
            }

    header .container .nav nav > ul > li i {
        right: -13px;
    }
}

@media only screen and (min-width: 768px) {
    footer #footer nav ul li a {
        margin-right: 24px;
    }
}

@media only screen and (min-width: 992px) {
    footer #footer nav ul li a {
        margin-right: 60px;
    }
}

@media only screen and (min-width: 1200px) {
    footer #footer nav ul li a {
        margin-right: 76px;
    }
}

@media only screen and (max-width: 992px) {
    .group._2 .container .row .col-xs-12 {
        width: 100%;
        margin-left: 0;
    }

    footer #footer .info-bottom li a {
        top: -25px;
    }

    footer #footer .info-bottom li:nth-child(2) a {
        margin: -29px 7px 0;
    }
}

@media only screen and (max-width: 991px) {
    #jssor_1 {
        height: 335px !important;
        width: 960px !important;
    }

        #jssor_1 .jssor_slide-u {
            height: 335px !important;
            width: 960px !important;
        }

            #jssor_1 .jssor_slide-u img {
                height: 255px !important;
            }

            #jssor_1 .jssor_slide-u > div > img:first-child {
                width: 991px !important;
                left: 50% !important;
                top: 0 !important;
                transform: translateX(-50%) translateY(0%);
            }

        #jssor_1.vanhoa {
            height: 255px !important;
        }

            #jssor_1.vanhoa .jssor_slide-u {
                height: 255px !important;
            }

    header .container .nav nav > ul > li i {
        right: -9px;
    }

    .com ul li:nth-child(2) a {
        margin: 33px 8px 0 14px;
    }

    .jssora106 a {
        margin-top: -50px;
    }
}

@media only screen and (max-width: 767px) {
    article .group._2 .gallery_product {
        margin-bottom: 10px;
    }

    article .group._2 .bnt-scroll {
        margin: 0;
        height: 0;
    }

    article .group._2 .view-more {
        margin: 20px auto;
    }

    article .group._2 .custom-btn-gallery .btn-default {
        margin-left: 0;
        /*float: left;*/
    }

        article .group._2 .custom-btn-gallery .btn-default:nth-child(2n) {
            /*margin: 0 5px;*/
        }

    article .group._2 .custom-btn-gallery .btn {
        padding: 6px 12px;
    }

    article .group._2 .gr .gallery_product {
        padding-right: 5px;
    }

        article .group._2 .gr .gallery_product:nth-child(2n) {
            padding-right: 10px;
            padding-left: 5px;
        }

    article .group._11 {
        margin-top: 21px;
    }

        article .group._11 .maj {
            margin-left: 0 !important;
        }

            article .group._11 .maj .main .item {
                height: 95px;
            }

                article .group._11 .maj .main .item p {
                    text-align: center;
                    line-height: 21px;
                }

                    article .group._11 .maj .main .item p small {
                        width: 100%;
                    }

    article .group._4 {
        margin-top: 0;
    }

        article .group._4 .carousel-quotes #quote-carousel .carousel-control {
            margin-top: 0;
        }

    article .group._6 .container .news-more .cus-col-fancy {
        padding: 5px 5px 5px 10px;
    }

        article .group._6 .container .news-more .cus-col-fancy:nth-child(2n) {
            padding: 5px 10px 5px 5px;
        }

    article .group._8 .p .cus-pd-7 .item {
        padding: 0 20px;
    }

        article .group._8 .p .cus-pd-7 .item p {
            text-align: center;
        }

        article .group._8 .p .cus-pd-7 .item .col2 {
            padding: 0 19px 10px 20px;
        }

    article .group._9 .associate ul li {
        float: none;
        margin-bottom: 17px;
        text-align: center;
    }

        article .group._9 .associate ul li a i {
            display: none;
        }

        article .group._9 .associate ul li a span {
            clear: both;
            display: block;
            line-height: 27px;
            font-family: Robotolight;
            color: #4c6680;
        }

    article .bnt-scroll {
        margin: 0;
        height: 0;
    }

    article .des {
        margin: 24px 0 17px;
    }

    article .slide .center {
        bottom: 38px;
    }

    article .box-content label {
        margin: 6px 0 13px;
    }

    .heiZero {
        height: 0;
    }

    #jssor_1 {
        margin-bottom: 33px;
    }

        #jssor_1.vanhoa {
            height: 247px;
        }

        #jssor_1 .jssort051 {
            z-index: 99;
        }

    .visible-mb {
        display: block;
    }

    .available-mb {
        display: none;
    }

    .jssora106 {
        display: none;
    }

    .nivoSlider {
        height: 236px;
    }

    .custom-btn-gallery {
        width: 95%;
        padding: 0 20px;
        margin: auto;
    }

    .popup-regis {
        background-color: #fff;
    }

        .popup-regis .width {
            top: 0;
            transform: translateX(-50%) translateY(0%);
        }

            .popup-regis .width table {
                width: 100%;
                margin: 20px auto;
            }

                .popup-regis .width table tbody tr td {
                    width: 100%;
                }

                    .popup-regis .width table tbody tr td:first-child {
                        width: 100%;
                        text-align: center;
                        line-height: 10px;
                    }

                    .popup-regis .width table tbody tr td input {
                        width: 100%;
                    }

            .popup-regis .width .close-res {
                width: 100%;
                height: 45px;
                background-color: #1189ff;
                padding-left: 20px;
            }

                .popup-regis .width .close-res i {
                    background: url(../Areas/Assets/plugins/Images/icon-back.png) no-repeat left center;
                    width: 40px;
                    height: 45px;
                    display: block;
                }

    .Critical {
        text-align: center;
    }

    .Copyright {
        text-align: center;
        color: #0b7ce6;
        font-family: Robotolight;
        margin-top: 59px;
    }

    .nivo-directionNav {
        display: none;
    }

    .bootstrap-select {
        position: absolute;
        top: 5px;
        right: 25px;
        z-index: 9;
    }

    .group._1 {
        margin-bottom: 33px;
    }

    footer #footer {
        height: 342px;
    }

        footer #footer .info-bottom {
            margin-top: 45px;
        }

            footer #footer .info-bottom li:nth-child(2) a {
                margin: 34px 7px 0 10px;
            }

            footer #footer .info-bottom .margin-bt:nth-child(2) {
                margin-top: 52px;
            }

        footer #footer a.logo-bottom {
            border-top: 1px solid #0b7ce6;
            height: 90px;
            background-size: inherit;
        }

    .three-bnt.recru {
        width: 100%;
    }

        .three-bnt.recru ul li a {
            font-size: 15px;
            padding: 11px 0;
            width: 31.7%;
        }

        .three-bnt.recru ul li:nth-child(2) a {
            margin: 0 8px;
        }

    .navbar-toggle .icon-bar {
        width: 26px;
    }

    .select_work_mb select {
        width: 100%;
        border: none;
        text-align: center;
        text-align-last: center;
        font-family: RobotoRegular;
        font-size: 15px;
        color: #1189ff;
        background-color: #e3f1ff;
        height: 60px;
    }

        .select_work_mb select option {
            border: none;
            background-color: #e3f1ff;
            text-align: center;
        }

    .list_w .title-mb {
        color: #4d6680;
        font-family: Roboto Slab;
        font-size: 20px;
        text-align: center;
        margin: 38px 0 23px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e0efff;
    }

    .details p img {
        width: 100%;
    }
}

@media only screen and (max-width: 736px) {
    .Copyright {
        margin-top: 50px;
    }

    footer #footer .info-bottom {
        margin-top: 72px;
    }
}

@media only screen and (max-width: 667px) {
    #jssor_1 {
        height: 360px;
    }

        #jssor_1 .jssor_slide-u {
            height: 280px;
        }

    .Copyright {
        margin-top: 76px;
    }

    article .group._2 .bnt-scroll {
        margin-top: 0;
    }
}

@media only screen and (max-width: 568px) {
    #jssor_1 {
        height: 300px;
    }

        #jssor_1 .jssor_slide-u {
            height: 220px;
        }
}

@media only screen and (max-width: 480px) {
    #jssor_1 {
        height: 240px;
    }

        #jssor_1.vanhoa {
            height: 140px;
        }

        #jssor_1 .jssor_slide-u {
            height: 160px;
        }
}

@media only screen and (max-width: 414px) {
    .Copyright {
        margin-top: 34px;
    }

    #jssor_2 {
        height: 600px;
    }

        #jssor_2 .jssor_slide-u {
            height: 315px;
        }

        #jssor_2 .jssort051 .p {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 258px;
            height: 224px;
        }

    .parallax-window {
        min-height: 240px;
        background: transparent;
        margin-bottom: 33px;
    }

    .three-bnt.recru ul li a {
        width: 30.7%;
    }

    .three-bnt.recru ul li:nth-child(2) a {
        padding: 11px 20px;
    }

    article .group._8 div .cus-pd-7 .item:hover {
        background-color: #1189ff;
        box-shadow: none;
    }

    article .group._8 div .cus-pd-7 .item .col2 p {
        line-height: 19px;
    }

        article .group._8 div .cus-pd-7 .item .col2 p:first-child {
            margin: 11px 0 4px 0;
        }

    article .group._8 .p .cus-pd-7 .item {
        width: 245px;
    }

    article .group._10 img {
        width: 100%;
        min-width: 976px;
    }

    article .group._2.intro .container {
        margin-bottom: 0;
    }

    article .group._3 .link a {
        height: 240px;
    }

    .select_work_mb select {
        height: 45px;
    }

    .group._8.lh {
        height: 600px;
    }

    footer #footer {
        background: url(../Areas/Assets/plugins/Images/img-footer-mb.png) no-repeat center;
        height: 330px;
        background-size: cover;
    }
}

@media only screen and (max-width: 375px) {
    article .group._8 {
        margin-top: 45px;
    }

        article .group._8 .p .cus-pd-7 .item {
            width: 230px;
        }

    article .group._2 .custom-btn-gallery .btn {
        padding: 5px 8px;
    }

    article .group._11 .maj .main .item p:first-child a span {
        margin-left: 1px;
    }

    article .sev-my {
        font-size: 25px;
        width: 100%;
    }

    #jssor_2 {
        height: 530px;
    }

        #jssor_2 .jssor_slide-u {
            height: 250px;
        }

        #jssor_2 .jssort051 .p {
            width: 240px;
        }

    .Copyright {
        margin-top: 24px;
    }

    .custom-btn-gallery {
        /*width: 90%;*/
    }

    .three-bnt.recru ul li a {
        letter-spacing: -0.5px;
    }

    .group._8.lh {
        height: 530px;
    }

    .popup-regis .width table tbody tr td {
        margin-bottom: 0;
    }

    footer #footer .info-bottom {
        margin-top: 66px;
    }
}

@media only screen and (max-width: 320px) {
    .popup-regis {
        position: absolute;
    }

    article .group._2 .custom-btn-gallery {
        width: 100%;
    }

        article .group._2 .custom-btn-gallery .btn-default {
            font-size: 14px;
        }

        article .group._2 .custom-btn-gallery .btn {
            padding: 5px 10px;
        }

    article .group._2 .box-product .news-content {
        margin-top: 25px;
    }

    article .group._6 .container .news-more .cus-col-fancy p {
        line-height: 18px;
    }

    article .group._11 .maj .main .item {
        height: 128px;
    }

    .three-bnt.recru ul li a {
        font-size: 14px;
        letter-spacing: -1px;
    }

    .three-bnt.recru ul li:first-child a {
        width: 27%;
    }

    .three-bnt.recru ul li:last-child a {
        width: 35%;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .popup-regis {
        position: absolute;
    }

        .popup-regis .width {
            max-width: 100%;
        }
}

header .container .logo {
    float: left;
    margin-top: 0px;
    left: calc((100% - 193px) / 2);
    top: 0;
}

    header .container .logo a {
        display: table-cell;
        vertical-align: middle;
        height: 90px;
    }

header .container .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: -5px;
}

    header .container .nav nav {
        margin: 0 36px 0 0px;
        float: left;
    }

        header .container .nav nav ul li {
            float: left;
        }

        header .container .nav nav > ul > li > a {
            padding: 0 24px;
            line-height: 90px;
            color: #ffffff;
            font-size: 15px;
            position: relative;
        }

            header .container .nav nav > ul > li > a:hover {
                color: #1189ff;
            }

        header .container .nav nav > ul > li > i {
            background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat -115px -20px;
            width: 9px;
            height: 6px;
            display: block;
            position: absolute;
            top: 10px;
            right: 8px;
        }

        header .container .nav nav > ul > li .menu-child {
            z-index: 999;
            left: 0;
            display: none;
            position: absolute;
            color: #ffffff;
            font-size: 15px;
            min-height: 0;
            padding-bottom: 10px;
            height: 49px;
            background-color: #021f4085;
            border-top: 1px solid #ffffff;
        }

            header .container .nav nav > ul > li .menu-child ul {
                width: 1024px;
                margin: auto;
            }

                header .container .nav nav > ul > li .menu-child ul li a {
                    color: #ffffff;
                    font-size: 14px;
                    font-family: Roboto Slab;
                    border-right: 1px solid #d3d7da;
                    margin-right: 18px;
                    padding-right: 18px;
                    line-height: 49px;
                }

                    header .container .nav nav > ul > li .menu-child ul li a:hover {
                        color: #1189ff;
                    }

                header .container .nav nav > ul > li .menu-child ul li:last-child a {
                    margin-right: 0;
                    border-right: none;
                    padding-right: 0;
                }

        header .container .nav nav > ul > li.active a {
            color: #1189ff;
        }

        header .container .nav nav > ul > li:nth-child(2) .menu-child ul li:first-child {
            margin-left: 226px;
        }

        header .container .nav nav > ul > li:nth-child(3) .menu-child ul li:first-child {
            margin-left: 388px;
        }

        header .container .nav nav > ul > li:nth-child(5) .menu-child ul li:first-child {
            margin-left: 567px;
        }

header .container .com {
    float: left;
}

header .container .navbar-header .navbar-toggle {
    margin-top: 25px;
    margin-right: 5px;
}

    header .container .navbar-header .navbar-toggle .icon-bar {
        background-color: #1189ff;
    }

header .container .navMobile .modal-fullscreen {
    background: #ffffff;
}

    header .container .navMobile .modal-fullscreen .modal-header {
        border-bottom: none;
    }

        header .container .navMobile .modal-fullscreen .modal-header .close {
            font-size: 35px;
            color: #1189ff;
            opacity: 1;
        }

    header .container .navMobile .modal-fullscreen .modal-content {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    header .container .navMobile .modal-fullscreen .modal-body .parent li.li-out {
        border-bottom: 1px solid #4c6680;
        margin: 6px 0;
        position: relative;
    }

    header .container .navMobile .modal-fullscreen .modal-body .parent li a {
        color: #4c6680;
        font-size: 16px;
        font-family: Roboto Slab;
        display: block;
        padding: 10px;
    }

        header .container .navMobile .modal-fullscreen .modal-body .parent li a:hover {
            color: #1189ff;
        }

    header .container .navMobile .modal-fullscreen .modal-body .parent li .ulDropdown li a {
        text-align: left;
        margin-left: 30px;
    }

    header .container .navMobile .modal-fullscreen .modal-body .parent i {
        position: absolute;
        top: 5px;
        right: 0;
        text-align: center;
        font-size: 22px;
        color: #4c6680;
        cursor: pointer;
        width: 30px;
        height: 30px;
        font-style: normal;
    }

.com ul li {
    float: left;
}

    .com ul li a {
        background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
        width: 8px;
        height: 18px;
        display: block;
        background-position: -7px 0;
        margin-top: 34px;
    }

        .com ul li a:hover {
            background-position: -18px 0;
        }

    .com ul li:nth-child(2) a {
        z-index: 999;
        cursor: pointer;
        background: url(../Areas/Assets/plugins/Images/youtube.png) no-repeat;
        width: 28px;
        height: 27px;
        background-size: contain;
        margin-top: 33px;
        margin-left: 15px;
    }

        .com ul li:nth-child(2) a:hover {
            background: url(../Areas/Assets/plugins/Images/youtube-hover.png) no-repeat;
            background-size: contain;
        }

.bnt-top a {
    background: url(../Areas/Assets/plugins/Images/up-arrow.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: none;
    position: fixed;
    bottom: 323px;
    z-index: 999;
}

    .bnt-top a:hover {
        background: url(../Areas/Assets/plugins/Images/up-arrowh.png) no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
    }

.details p {
    line-height: 22px;
    color: #4c6680;
    font-size: 15px;
    font-family: RobotoLight;
}

footer #footer {
    background: url(../Areas/Assets/plugins/Images/bgFooter.jpg) no-repeat center;
    width: 100%;
    height: 413px;
    background-size: cover;
}

    footer #footer .info-bottom {
        margin-top: 58px;
    }

        footer #footer .info-bottom .margin-bt {
            margin-bottom: 8px;
        }

            footer #footer .info-bottom .margin-bt .text-footer p {
                color: #a0c5e8;
                text-align: center;
                line-height: 17px;
            }

        footer #footer .info-bottom li {
            float: left;
        }

            footer #footer .info-bottom li a {
                background: url(../Areas/Assets/plugins/Images/icon-page.png) no-repeat;
                width: 8px;
                height: 18px;
                display: block;
                margin-top: 34px;
                position: relative;
                top: -15px;
                background-position: -29px 0;
            }

                footer #footer .info-bottom li a:hover {
                    background-position: -18px 0;
                }

            footer #footer .info-bottom li:nth-child(2) a {
                z-index: 999;
                cursor: pointer;
                background: url(../Areas/Assets/plugins/Images/youtube-footer.png) no-repeat;
                width: 29px;
                height: 20px;
                background-size: contain;
                margin-top: 33px;
                margin-left: 15px;
            }

                footer #footer .info-bottom li:nth-child(2) a:hover {
                    background: url(../Areas/Assets/plugins/Images/youtube-footer-hover.png) no-repeat;
                    background-size: contain;
                }

    footer #footer nav ul {
        padding: 120px 0 32px;
        border-bottom: 1px solid #0b7ce6;
    }

        footer #footer nav ul li {
            display: inline-block;
        }

            footer #footer nav ul li a {
                color: #a0c5e8;
                font-size: 15px;
                text-transform: uppercase;
                font-family: Roboto Slab;
            }

                footer #footer nav ul li a:hover {
                    color: #fff;
                }

            footer #footer nav ul li .menu-child {
                display: none;
            }

            footer #footer nav ul li:last-child a {
                margin-right: 0;
            }

            footer #footer nav ul li.active a {
                color: #fff;
            }

    footer #footer a.logo-bottom {
        height: 48px;
        background: url(../Areas/Assets/plugins/Images/9d.png) no-repeat center center;
        background-size: contain;
        display: block;
    }

    footer #footer a.logo {
        height: 100px;
        background: url(../Areas/Assets/plugins/Images/logo.png) no-repeat center center;
        background-size: contain;
        display: block;
    }

.view-more.vh {
    margin: 61px 0 90px;
}

.three-bnt.recru {
    width: 85%;
    margin: 50px auto 0;
    height: 29px;
}

    .three-bnt.recru ul li a {
        font-size: 16px;
        border: 1px solid #1982ee;
        border-radius: 28px;
        color: #1982ee;
        margin-bottom: 10px;
        padding: 11px 30px;
        float: left;
        width: 31%;
        text-align: center;
    }

        .three-bnt.recru ul li a:hover {
            color: #fff;
            background-color: #1982ee;
            border-color: #1982ee;
            box-shadow: -1px 3px 19px 1px #6eb4f5;
        }

    .three-bnt.recru ul li:nth-child(2) a {
        margin: 0 6px;
    }

    .three-bnt.recru ul li.active a {
        color: #fff;
        background-color: #1982ee;
        border-color: #1982ee;
        box-shadow: -1px 3px 19px 1px #6eb4f5;
    }

.inputfile + label {
    width: 100%;
    border: none;
    height: 40px;
    top: 0;
    position: relative;
    text-align: center;
    line-height: 40px;
    border-radius: 0;
    cursor: pointer;
    background: #e3f1ff;
}

    .inputfile + label i {
        width: 19px;
        height: 18px;
        background: url(../Areas/Assets/plugins/Images/icon-chonfile.png) no-repeat;
        display: block;
        background-size: contain;
        float: left;
        margin-top: 11px;
    }

.badge-clean {
    background-color: #ffffff00;
    border: 1px solid;
}

/* ==========================================================
   🔱 CỬU CHÂU - BLACK & GOLD THEME (no white / no blue)
   ========================================================== */

/* ===== TOÀN NỀN TỐI ===== */
body[class*="login-page"],
body[class*="register-page"] {
    background-color: #000 !important;
    color: #ffdf5e !important;
    font-family: "Roboto Slab", sans-serif;
}

/* ===== KHUNG LOGIN / REGISTER ===== */
.login-box, .register-box {
    background: radial-gradient(circle at top, #0a0a0a 0%, #000 100%) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3) !important;
    padding: 25px !important;
    color: #ffdf5e !important;
}

/* ===== TIÊU ĐỀ TRÊN CÙNG (Đăng Nhập / Đăng Ký) ===== */
.login-logo, .register-logo, .modal-title {
    background: transparent !important;
    color: #ffdf5e !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 10px 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.4);
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}

/* ===== LABEL ===== */
body[class*="login-page"] .form-group label,
body[class*="register-page"] .form-group label {
    background: none !important;
    color: #ffdf5e !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    border: none !important;
    display: block !important;
    margin-bottom: 3px !important;
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.4);
}

/* ===== INPUT ===== */
body[class*="login-page"] .form-group input,
body[class*="register-page"] .form-group input {
    background: #111 !important;
    color: #ffeb99 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    height: 38px !important;
    text-align: center !important;
    box-shadow: inset 0 0 6px rgba(255, 215, 0, 0.1);
}
body[class*="login-page"] .form-group input:focus,
body[class*="register-page"] .form-group input:focus {
    border-color: #ffcc33 !important;
    box-shadow: 0 0 12px #ffcc33 !important;
    outline: none !important;
}
body[class*="login-page"] .form-group input::placeholder,
body[class*="register-page"] .form-group input::placeholder {
    color: #d8b84a !important;
}

/* ===== BUTTONS ===== */
.btn-success {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}
.btn-success:hover {
    background: linear-gradient(90deg, #ffe066, #ffd633) !important;
    box-shadow: 0 0 18px rgba(255, 215, 0, 0.6);
}

.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.4);
}
.btn-danger:hover {
    background: linear-gradient(90deg, #ff0000, #cc0000) !important;
    box-shadow: 0 0 18px rgba(255, 0, 0, 0.6);
}

/* ===== MODAL POPUP ===== */
.modal-content {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
    color: #ffdf5e !important;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.4) !important;
}
.modal-header, .modal-footer {
    border: none !important;
    text-align: center !important;
}
.modal-body {
    background: #141414 !important;
    border-radius: 8px !important;
    color: #ffdf5e !important;
}
.modal-body input {
    background: #111 !important;
    border: 1px solid #d4af37 !important;
    color: #ffeb8a !important;
    text-align: center;
}

/* ===== SWEETALERT POPUP ===== */
.swal2-popup {
    background: #0d0d0d !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
}
.swal2-title {
    color: #ffdf5e !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}
.swal2-confirm {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    font-weight: 700 !important;
}
.swal2-cancel {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    font-weight: 700 !important;
}
/* === FIX GIAO DIỆN LOGIN / REGISTER VÀ POPUP MÀU XANH === */
.card,
.card-body,
.card-header,
.modal-content,
.modal-header,
.modal-footer {
    background: #0a0a0a !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 0 20px rgba(212,175,55,0.25) !important;
}

.card-header.bg-primary,
.bg-primary,
.card-primary,
.card-outline.card-primary {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
}

label {
    color: #ffdf5e !important;
}

.form-control {
    background: #111 !important;
    color: #ffeb99 !important;
    border: 1px solid #d4af37 !important;
}

.form-control::placeholder {
    color: #d8b84a !important;
}

.btn-primary,
.btn-success {
    background: linear-gradient(90deg,#ffcc33,#d4af37) !important;
    border: none !important;
    color: #000 !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(255,215,0,0.4) !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: linear-gradient(90deg,#ffe066,#ffd633) !important;
}

.btn-danger {
    background: linear-gradient(90deg,#b30000,#ff3333) !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    box-shadow: 0 0 10px rgba(255,0,0,0.4) !important;
}

.modal-content {
    background: #0d0d0d !important;
    border: 1px solid #d4af37 !important;
}

.modal-header .close {
    color: #ffdf5e !important;
    text-shadow: none !important;
}

.swal2-popup {
    background: #0d0d0d !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
}
/* === CUU CHAU DARK GOLD THEME === */
/* Toàn bộ popup, box, form: nền đen, viền vàng, chữ vàng */

/* Vô hiệu màu xanh header */
.modal-header,
.card-header,
.login-box .card-header {
    background: #000 !important;
    border-bottom: 1px solid #d4af37 !important;
}

.modal-title,
.card-title {
    color: #ffdf5e !important;
    text-shadow: 0 0 8px #d4af37 !important;
}

/* Hộp đăng ký, đăng nhập */
.login-box,
.register-box,
.modal-content,
.card {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.3) !important;
    border-radius: 10px !important;
}

/* Ô thông tin hướng dẫn */
.alert,
blockquote,
.info-box,
.bg-light,
.bg-white {
    background: #111 !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    box-shadow: inset 0 0 10px rgba(212,175,55,0.2);
}

/* Ô nhập tài khoản, mật khẩu */
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    text-align: center !important;
}

.form-control::placeholder {
    color: #d4af37 !important;
    opacity: 1 !important;
}

/* Nhãn username/password */
label {
    color: #ffdf5e !important;
    text-shadow: 0 0 5px #d4af37 !important;
}

/* Buttons */
.btn-success,
.btn-primary {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}

.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(255,0,0,0.4) !important;
}

.btn-success:hover,
.btn-primary:hover {
    background: linear-gradient(90deg, #ffe066, #ffd633) !important;
    box-shadow: 0 0 20px rgba(255,215,0,0.5) !important;
}

/* Modal & Popup */
.modal-content,
.swal2-popup {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    border-radius: 10px !important;
}

.modal-footer {
    border-top: 1px solid #d4af37 !important;
    background: #000 !important;
}

/* Xoá hoàn toàn nền xanh */
.bg-primary,
.text-primary {
    background: none !important;
    color: #ffdf5e !important;
}
/* === FIX: Remove blue & white, unify dark gold theme === */

/* Header box "Đăng nhập" / "Đăng ký" */
.modal-header,
.card-header,
.login-box .card-header {
    background: #000 !important;
    border-bottom: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    text-shadow: 0 0 8px #d4af37 !important;
}

/* Main box */
.modal-content,
.login-box,
.register-box {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.3) !important;
    border-radius: 10px !important;
}

/* Label bên trái (Username/Password) */
label {
    background: transparent !important;
    color: #ffdf5e !important;
    border: none !important;
    font-weight: bold !important;
}

/* Input */
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    text-align: center !important;
}

.form-control::placeholder {
    color: #d4af37 !important;
    opacity: 1 !important;
}

/* Buttons */
.btn-success {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}

.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
}

/* Xóa hoàn toàn nền xanh, trắng */
.bg-primary,
.text-primary,
.bg-white,
.bg-light {
    background: none !important;
    color: #ffdf5e !important;
}

/* Hộp hướng dẫn */
blockquote,
.alert {
    background: #111 !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
}
/* === FINAL FIX: REMOVE BLUE AND WHITE FROM ALL BOXES === */

/* Header Đăng nhập / Đăng ký */
.modal-header,
.card-header,
.bg-primary,
.login-box .card-header,
.register-box .card-header {
    background: #000 !important; /* nền đen */
    color: #ffdf5e !important;   /* chữ vàng */
    border-bottom: 1px solid #d4af37 !important;
    text-shadow: 0 0 8px #d4af37 !important;
}

/* Toàn bộ modal và khung box */
.modal-content,
.login-box,
.register-box,
.card {
    background: #0a0a0a !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.3) !important;
}

/* Label và input */
label {
    background: transparent !important;
    color: #ffdf5e !important;
    border: none !important;
    font-weight: 600 !important;
}

.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    text-align: center !important;
}

.form-control::placeholder {
    color: #d4af37 !important;
    opacity: 1 !important;
}

/* Buttons vàng và đỏ */
.btn-success,
.btn-primary {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}

.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
}

/* Xóa hoàn toàn mọi nền trắng còn lại */
.bg-white,
.bg-light,
.alert,
blockquote {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    color: #ffdf5e !important;
}

/* Popup title + footer */
.modal-title,
.modal-footer {
    background: #000 !important;
    color: #ffdf5e !important;
    border-top: 1px solid #d4af37 !important;
}
/* === FULL DARK THEME FIX: REMOVE BLUE HEADER COMPLETELY === */

/* Xóa nền xanh của Bootstrap/ AdminLTE */
.bg-primary,
.card-header.bg-primary,
.modal-header.bg-primary {
    background: #000 !important;
    color: #ffdf5e !important;
    border-bottom: 1px solid #d4af37 !important;
    text-shadow: 0 0 10px #d4af37 !important;
}

/* Header trong login/register box */
.card-header,
.modal-header,
.login-box .card-header,
.register-box .card-header {
    background: linear-gradient(180deg, #0a0a0a 0%, #000 100%) !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 8px 8px 0 0 !important;
    font-weight: bold !important;
    text-transform: uppercase;
    text-shadow: 0 0 10px #d4af37 !important;
    box-shadow: inset 0 -1px 8px rgba(212,175,55,0.3) !important;
}

/* Toàn bộ thân box */
.modal-content,
.card,
.login-box,
.register-box {
    background: #0a0a0a !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 0 35px rgba(212,175,55,0.4) !important;
    border-radius: 10px !important;
}

/* Text và input */
label {
    color: #ffdf5e !important;
    background: transparent !important;
}
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
}
.form-control::placeholder {
    color: #d4af37 !important;
}

/* Buttons */
.btn-success {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}
.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
}

/* Xóa hoàn toàn màu xanh trắng thừa */
.bg-light,
.bg-white,
.text-primary {
    background: none !important;
    color: #ffdf5e !important;
}
/* === FIX: Label trắng -> nền đen, chữ vàng === */

label {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px 0 0 5px !important;
    padding: 6px 10px !important;
    font-weight: bold !important;
    text-align: center !important;
    min-width: 100px !important;
    display: inline-block !important;
    box-shadow: inset 0 0 5px rgba(212,175,55,0.3) !important;
}

/* input liền mạch với label */
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-left: none !important;
    border-radius: 0 5px 5px 0 !important;
    text-align: center !important;
}
.form-control::placeholder {
    color: #d4af37 !important;
}

/* căn chỉnh form đẹp */
.form-group {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}
/* === FIX: FORM TRỞ LẠI HÀNG DỌC (LABEL TRÊN, INPUT DƯỚI) === */

/* Giữ form dạng cột */
.form-group {
    display: block !important;
    margin-bottom: 15px !important;
}

/* Label vàng trên nền đen */
label {
    display: block !important;
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: 100% !important;
    box-shadow: inset 0 0 5px rgba(212,175,55,0.3) !important;
    margin-bottom: 5px !important;
}

/* Ô nhập */
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px !important;
    text-align: center !important;
    width: 100% !important;
}

.form-control::placeholder {
    color: #d4af37 !important;
}

/* Toàn bộ box */
.login-box,
.register-box {
    background: #0a0a0a !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.4) !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* Nút đăng nhập và đóng */
.btn-success {
    background: linear-gradient(90deg, #ffcc33, #d4af37) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}
.btn-danger {
    background: linear-gradient(90deg, #b30000, #ff3333) !important;
    color: #fff !important;
    font-weight: bold !important;
    border: none !important;
}
/* === FIX NỀN LABEL TRẮNG -> ĐEN + CHỮ VÀNG === */

/* Bắt tất cả label có thể bị Bootstrap/AdminLTE đè */
label,
.form-label,
.col-form-label {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 10px !important;
    margin-bottom: 5px !important;
    text-align: left !important;
    font-weight: bold !important;
    box-shadow: inset 0 0 5px rgba(212,175,55,0.3) !important;
}

/* Input form */
.form-control {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    text-align: center !important;
    width: 100% !important;
}
.form-control::placeholder {
    color: #d4af37 !important;
}

/* Hover viền vàng sáng */
.form-control:focus {
    box-shadow: 0 0 10px #d4af37 !important;
    outline: none !important;
}

/* Căn lại box cho đồng nhất */
.form-group {
    display: block !important;
    margin-bottom: 15px !important;
}
/* === FIX NỀN TRẮNG KHI NHẬP INPUT === */
.form-control,
.form-control:focus,
.form-control:active,
.form-control:visited {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 0 10px rgba(212,175,55,0.3) !important;
    outline: none !important;
}

/* Placeholder vàng */
.form-control::placeholder {
    color: #d4af37 !important;
}

/* Autofill của Chrome (xóa nền trắng xanh của autofill) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
    -webkit-text-fill-color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    caret-color: #ffdf5e !important;
}

/* Label giữ nền đen */
label,
.form-label,
.col-form-label {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px !important;
    padding: 6px 10px !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
    text-align: left !important;
}

/* Hover nhẹ */
.form-control:hover {
    box-shadow: 0 0 15px rgba(212,175,55,0.4) !important;
}
/* === LABEL KIỂU BUTTON ĐEN-VÀNG === */
label,
.form-label,
.col-form-label {
    display: inline-block !important;
    width: auto !important;
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 0 8px rgba(212,175,55,0.3) inset !important;
}

/* Khi hover vào label */
label:hover {
    background: #1a1a1a !important;
    color: #fff6c5 !important;
    box-shadow: 0 0 12px rgba(212,175,55,0.5) !important;
    transform: scale(1.02);
}

/* Input giữ nền đen */
.form-control,
.form-control:focus,
.form-control:active {
    background: #000 !important;
    color: #ffdf5e !important;
    border: 1px solid #d4af37 !important;
    border-radius: 5px !important;
    box-shadow: 0 0 10px rgba(212,175,55,0.3) !important;
}

/* Placeholder vàng */
.form-control::placeholder {
    color: #d4af37 !important;
}

/* Autofill Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
    -webkit-text-fill-color: #ffdf5e !important;
}
/* === FORCE VÀNG KIM CHO ACCOUNT INFO === */
div:has(h3:contains("ACCOUNT INFO")),
div:has(h3:contains("Account Info")),
div:has(h3:contains("Tài Khoản")),
div:has(h3:contains("Thông Tin")) {
    background: #000 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(212,175,55,0.3) !important;
    color: #ffdf5e !important;
}

/* Tiêu đề chính */
div:has(h3:contains("ACCOUNT INFO")) h3,
div:has(h3:contains("Account Info")) h3,
div:has(h3:contains("Tài Khoản")) h3 {
    background: #000 !important;
    color: #ffdf5e !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 10px 0 !important;
    text-shadow: 0 0 15px #ffdf5e, 0 0 25px #d4af37 !important;
    border-bottom: 1px solid #d4af37 !important;
}

/* Link hoặc nội dung bên trong */
div:has(h3:contains("ACCOUNT INFO")) a,
div:has(h3:contains("Account Info")) a,
div:has(h3:contains("Tài Khoản")) a {
    display: block !important;
    color: #ffdf5e !important;
    text-decoration: none !important;
    font-size: 15px !important;
    text-align: center !important;
    padding: 6px 0 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover vàng sáng hơn */
div:has(h3:contains("ACCOUNT INFO")) a:hover,
div:has(h3:contains("Account Info")) a:hover,
div:has(h3:contains("Tài Khoản")) a:hover {
    color: #fff6c5 !important;
    text-shadow: 0 0 15px #ffdf5e, 0 0 30px #d4af37 !important;
}

/* Giữ đồng bộ nền vàng kim */
div:has(h3:contains("ACCOUNT INFO")) td,
div:has(h3:contains("Account Info")) td {
    color: #ffdf5e !important;
    background: #000 !important;
}
/* === VIỀN ÁNH VÀNG KIM CHO ICON SHOP === */
.shop-img img {
    border: 2px solid #d4af37 !important;        /* viền vàng kim */
    border-radius: 6px !important;
    box-shadow:
        0 0 10px rgba(255, 223, 94, 0.3),
        0 0 20px rgba(212, 175, 55, 0.4),
        inset 0 0 8px rgba(255, 215, 0, 0.2) !important;
    transition: all 0.3s ease-in-out;
}

/* Hiệu ứng sáng hơn khi hover */
.shop-item:hover .shop-img img {
    transform: scale(1.05);
    box-shadow:
        0 0 15px rgba(255, 223, 94, 0.6),
        0 0 30px rgba(255, 215, 0, 0.5),
        inset 0 0 10px rgba(255, 215, 0, 0.3) !important;
}

/* Hiệu ứng ánh sáng động nhẹ */
@keyframes goldShine {
    0% { box-shadow: 0 0 8px rgba(255, 223, 94, 0.3), 0 0 16px rgba(212, 175, 55, 0.3); }
    50% { box-shadow: 0 0 15px rgba(255, 223, 94, 0.6), 0 0 30px rgba(212, 175, 55, 0.5); }
    100% { box-shadow: 0 0 8px rgba(255, 223, 94, 0.3), 0 0 16px rgba(212, 175, 55, 0.3); }
}
.shop-img img {
    animation: goldShine 2.5s infinite alternate;
}
/* === SIDEBAR TỐI VÀNG KIM HỢP TONE === */
#part_right {
    background: rgba(5, 5, 5, 0.9) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
    padding: 10px !important;
}

/* Căn lề các khối bên trong (Giftcode, video...) */
#part_right iframe,
#part_right img,
#part_right .fb-page,
#part_right .fb-video {
    border-radius: 8px !important;
    box-shadow: 0 0 10px rgba(255, 223, 94, 0.2);
    background: #000 !important;
}

/* Tiêu đề bên phải */
#part_right #topcaothu {
    background: linear-gradient(90deg, #000, #1a1a1a);
    color: #ffdf5e !important;
    text-shadow: 0 0 10px #ffdf5e;
    border-bottom: 1px solid #d4af37;
    border-radius: 6px;
    padding: 6px 8px;
    text-align: center;
    font-weight: bold;
}

/* Hiệu ứng ánh sáng nhẹ */
@keyframes sidebarGlow {
    0% { box-shadow: 0 0 10px rgba(212,175,55,0.2); }
    50% { box-shadow: 0 0 25px rgba(255,223,94,0.4); }
    100% { box-shadow: 0 0 10px rgba(212,175,55,0.2); }
}
#part_right {
    animation: sidebarGlow 3s infinite alternate;
}