/*
 * Author: Thang Tran Trong
 * Email: trantrongthang1207@gmail.com
 * Teams: trantrongthang1207
 * Freelancer: https://www.freelancer.com/u/bentran1207
 */
@import 'k2.css';
@import 'general.css';
.container {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 1400px) {
    .container {
        max-width: 1010px;
    }
}

@media (max-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
}
em{
    color: inherit;
}
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
body{
    line-height: 20px;
    color: #2c2c2c;
    background-color:#eceef1;
    font-family:Arial, Helvetica, sans-serif;
    /*font-family:Verdana, Geneva, sans-serif;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-family:"Courier New", Courier, monospace;
    font-family:Arial, Helvetica, sans-serif;
    font-family:Tahoma, Geneva, sans-serif;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-family:"Arial Black", Gadget, sans-serif;
    font-family:"Times New Roman", Times, serif;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-family:"MS Serif", "New York", serif;
    font-family:"Lucida Console", Monaco, monospace;
    font-family:"Comic Sans MS", cursive; */
}


div.moduletable, div.moduletable_menu, div.moduletable_text, div.module, div.module_menu, div.module_text {
    clear: both;
    display: block;
    margin:0;
    width: 100%;
    position: relative;
}
h3.moduletitle{
    color:#272727;
    font-size: 100%;
    text-transform: uppercase;
    margin:0 0 5px;
    padding:0;
    line-height: 100%;
}
h3.moduletitle span{
    line-height: 100%;
}
.title2 h3.moduletitle{
    color:#ffffff;
}
.title3 h3.moduletitle{
    color:#FFF;
    font-size: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
    line-height: 100%;
    border-bottom: 1px solid #E9EBED;
    background:url(../images/h3-bg.jpg) repeat-x !important;
    font-weight:bold;

}
.title3 h3.moduletitle span{
    padding: 0 0 0 10px;
}
div#sp-component h3.moduletitle {
    color: #FFF !important;
    background: url(../images/h3-bg.png) no-repeat;
    height: 34px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
}
.pmodule{
    background: none;
    border:1px solid #d4d7db;
}
.pmodule .modulecontent{
    padding:5px 15px 15px;
    clear: both;
}


#sp-top {
    margin: 0;
}
#sp-top .container-inner{
    background:#f3ead9;
    padding: 15px;
}

#zt-position3-inner{
    border:1px solid #d4d7db;
    border-bottom:4px solid #d4d7db;
    margin: 0;
    padding:0px;
    padding-top:10px;
    float: left;
    background-color: #ffffff;
}
#zt-position3-inner .moduletable{
    margin: 0;
    padding: 0 10px;
    width: auto;
}

#zt-position-15 .zt-box-inside{
    padding: 0 15px 0 5px;
}
#zt-position-15 div.k2ItemsBlock ul li{
    padding: 13px 0;
}
#zt-position-15 div.k2ItemsBlock ul li.firstItem{
    padding:0 0 13px;
}
#zt-position-15 div.k2ItemsBlock ul li.lastItem{
    padding:12px 0;
}

#zt-position-16 .zt-box-inside{
    padding: 0 5px;
}

#zt_footer_logo .zt-box-inside{
    padding: 0 5px 0 15px;
}
#zt-logo-footer {
    float: left;
    margin:32px 0 0 0;
}

#sp-right .moduletable {
    background:#cdc7bb;
    border-radius: 18px;
    margin-bottom:10px;
}
#sp-right .modulecontent{
    padding: 0px;
    clear: both;
}
#sp-right .bmodule{
    background: #cdc7bb;
    border:1px solid #d4d7db;
    border-radius: 18px;
    margin-bottom:10px;
}
#sp-bottom{
    padding: 0;
}
#sp-bottom .container-inner  {
    padding: 0 11px;
}
#sp-bottom .container-inner  div.moduletable{
    margin: 0;
}

#zt-userwrap4{
    background-color: #1B1D1F;
}
#zt-userwrap4-inner {
    padding: 20px 0;
    margin: 0;
}

#zt-position-14{
    height: 45px;
    border-top:5px solid #d41203;
    border-bottom: 1px solid #2e3031;
    margin: 0;
    padding: 0;
    background-color: #1B1D1F;
}
#zt-position-14  ul.menu{
    margin: 7px 0;
    float:left;
}
#zt-position-14  ul.menu li {
    border-right: 0;
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: auto;
    background:0;
}
#zt-position-14  ul.menu li a{
    text-transform: none;
    font-size: 100%;
    color:#b6b6b7;
}
#zt-position-14  ul.menu li a span{
    padding:0 20px;
}
#zt-position-14  ul.menu li.first a span{
    padding:0 20px 0 0;
}
#zt-position-14  ul.menu li a:focus,
#zt-position-14  ul.menu li a:active,
#zt-position-14  ul.menu li a:hover {
    background: none;
    text-decoration: none;
    color:#ffffff;
}

#sp-copyright{
    line-height: 100%;
}
#sp-copyright a{
    color:#ffffff;
}
#sp-copyright a:hover{
    text-decoration: underline;
}
#sp-copy-right .container-inner{

    border-top: 0px solid #008bea;
    background: #555;
    padding: 15px 15px;
    line-height:1.8;
    color:#FFF;
}
#sp-copyright a{
    color:#FFF ;
}
div#sp-right h3.moduletitle
{
    color:#3a0404 !important;
    background: none repeat scroll 0 0 #e0d4be !important;
    border-radius: 18px;
    height:30px;
    margin-left:0px !important;
    text-transform:uppercase;
    font-size:12px;
    line-height:30px;
    padding-left:0px;
    margin-top:0px;
    margin-bottom:0px;

}
hr
{
    margin:10px 0;
}
label {
    color: #363636;
    display: inline;
    font-size: 110%;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 10px;
}
tr, td {
    border: 1px solid #999;
    height: auto;
    padding:0px;
    vertical-align: middle;
}
tbody tr td {
    border-top: 1px solid #999;
    padding:0px;
}
#jflanguageselection {
    float: right;
    margin: 0px 10px 20px 5px ;
}
.itemFullText table p
{
    margin:0;
}

.catItemViewP
{

    margin:0 !important;
    text-align:center;


}
h2.catItemTitleP, .catItemTitleP h2
{
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px;
    line-height: 1.3;
    margin-top: 0;
}
.catItemViewP img
{
    height:160px !important;
    padding: 5px;
    border-radius: 18px;

}
.catItemViewP img:hover{
    opacity: 0.8;
}
.du-an-container
{
    border:1px solid #CCC;
    margin:5px;
    border-radius: 5px;
    background:#FFF;

}
.du-an-container:hover
{
    border:1px solid #fcb712;
}
.du-an-container-page
{
    border:1px solid #CCC;
    margin:5px;
    border-radius: 8px;
    background:#FFF;
    min-height:200px;
    padding-bottom: 5px;
}
.du-an-container-page:hover
{
    border:1px solid #fcb712;
}
.japan-study
{
    background:url(../images/study-in-japan.jpg) no-repeat right;
}
.fullwidthbanner-container
{
    margin-bottom:10px !important;
}
.stik-box
{
    background:url(../images/box.jpg) no-repeat center;
    width:230px;
    height:244px;

}
.marquee {
    width: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #ccc;
}
h4
{
    margin-bottom:10px !important;
}

#zt-position8-inner
{
    border: 0px solid #f3ead9 !important;
    font-weight:bold;


}
.ja-tabs-title h3
{
    font-size:100% !important;
}
#thoi-tiet .container
{
    width:100%;
}
.formResponsive .formHorizontal .rsform-block
{
    margin-bottom:0px;
}
.window-container
{
    z-index:99999 !important;
    text-align:center !important;
}
.image-browser-image
{
    float:none !important;
    text-align:center !important;
}
.image-browser-image img
{
    left: 75px !important;
    top:55px !important;
    text-align: center !important;
}

.play-vide0 img, img .play-vide0
{
    height:auto !important;
}

.img-mod-sanpham img, img.img-mod-sanpham {
    height: 155px !important;
    margin-top: 5px;
}
.catItemTitleP h2, h2.catItemTitleP {
    font-size: 100%;
    font-weight: normal;
    margin-top: 0px;
}
.top-hotline
{
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6);
    background:url(../images/top-hotline-bg.jpg) repeat-x!important;
    color:#242d3f;
    font-size:26px;
    height:68px;
    line-height:68px;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    border-radius: 10px;
}
.top-hotline a, a.top-hotline
{
    color:#242d3f !important;
}
div#zt-position8-inner h3.moduletitle
{
    margin-bottom:12px;
}
div#zt-position8-inner
{
    background:#f3ead9 !important;
}
a.modal-button, .button2-left .blank a, .button2-left a, .button2-left div.readmore a
{
    background:none !important;
    border:none !important;
}
div#sp-top
{
    background:none !important;
    margin-top:0px;
    display:block;
    /*margin-top:190px;*/
}


#sp-bottom1 {
    background: none repeat scroll 0 0 #5d3829;
    color: #FFF;
}
#sp-bottom2 {
    background: none repeat scroll 0 0 #6d493b;
    color: #FFF;
}
#sp-bottom2 a
{
    color:#FFF !important;
}
#sp-bottom3 {
    background: none repeat scroll 0 0 #5d3829;
    color: #FFF;
}
#sp-bottom4
{
    background: none repeat scroll 0 0 #6d493b;
    color: #FFF;
}
#sp-bottom1 p, #sp-bottom2 p, #sp-bottom3 p, #sp-bottom4 p
{
    font-size:13px;
}

#sp-bottom ul.menu li a
{
    background:none !important;
    color:#666 !important;
    text-transform:none;
    font-size:100%;
    border-bottom:1px solid #CCC;
}
#sp-bottom ul.menu li a:hover
{
    color:#111 !important;
}
#sp-bottom h3.moduletitle {
    background: url(../images/h3-add.png) no-repeat scroll left center rgba(0, 0, 0, 0) !important;
    padding-left: 30px;
    padding-top: 10px;
    color:#FFF;
}
#sp-bottom div.k2ItemsBlock ul li
{
    padding-left:5px;
    font-size:100%;

}


#sp-main-body{
    padding: 0;
}
#sp-main-body .container-inner{
    background: #f3ead9;
    padding: 0 15px;
}
.itemImage img{
    width: 100%;
}
#sp-right h3.moduletitle
{
    color:#3a0404 !important;
    background: none repeat scroll 0 0 #e0d4be !important;
    border-radius: 18px;
    height:30px;
    margin-left:0px !important;
    text-transform:uppercase;
    font-size:12px;
    line-height:30px;
    padding-left:10px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight: bold;
}
.pl-row{
    --bs-gutter-x: 3px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.pl-col-md-6{
    flex: 0 0 auto;
    width: 50%;
    margin-top: 7px;
}
.ttt-logo{
    background: #fff url(../images/header-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
}
.ttt-logo a{
    display: block;
    text-align: left;
}
.container .sp-megamenu-wrapper {
    display: flex;
    justify-content: center;
    background: #fff;
    margin: 0;
    box-shadow: 0 5px 5px #999999;
}
.blog .du-an-container-page .uk-h3{
    font-size: 100%;
    margin-top: 10px;
    font-weight: bold;
    line-height: 100%;
    padding: 0 0 5px 0;
    margin-bottom: 0;
}
.page-header {
    padding-bottom: 0;
}
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){
    background: #ee8a09;
}
.tm-header-mobile .tm-logo{
    height: auto;
}
.tm-headerbar-top {
    padding: 0;
}
.tm-headerbar-top {
    background: #eceef1;
}
.tm-header .tm-headerbar-top .container {
    background: #fff url(../images/header-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
}
.uk-navbar-toggle svg,
.uk-offcanvas-close svg,
.tm-header-mobile .uk-nav-primary li a, .tm-header-mobile .uk-nav-default li a,
.tm-header-mobile .uk-nav-primary .uk-nav-sub a, .tm-header-mobile .uk-nav-default .uk-nav-sub a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation{
    padding-right: 0;
    padding-left: 0;
}
.tm-header-mobile .uk-nav-default li{
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.tm-header-mobile .uk-nav-default li .uk-icon {
    display: none;
}
.tm-header-mobile .uk-nav-default li .collapse  {
    position: absolute;
    right: 20px;
    top: 15px;
    background: url(../images/icon-all.png) no-repeat 0 -204px;
    cursor: pointer;
    display: block;
    height: 23px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 9px;
    width: 38px;
    z-index: 9;
    -webkit-transition: All 0.3s linear;
    -moz-transition: All 0.3s linear;
    -o-transition: All 0.3s linear;
}
.tm-header-mobile .uk-nav-default li .expand {
    background:url("../images/icon-all.png") no-repeat 0 -240px;
    cursor: pointer;
    display: block;
    height: 23px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 9px;
    width: 38px;
    z-index: 9;
    -webkit-transition:All 0.3s linear;
    -moz-transition:All 0.3s linear;
    -o-transition:All 0.3s linear;
}
.tm-header-mobile .uk-navbar-toggle{
    background: url(../images/icon-all.png) no-repeat 0 -281px;
    height: 37px;
    width: 52px;
    margin: 5px 10px;
    display: block;
    text-align: right;
    padding: 0;
}
.tm-header-mobile .uk-navbar-toggle .uk-icon{
    opacity: 0;
}
.tm-header-mobile .uk-nav-sub{
    display: none;
}
.tm-header-mobile li.uk-active .uk-nav-sub{
    display: block;
}
.uk-nav-default .uk-nav-sub li.uk-active>a{
    color: #fff;
}
.tm-header-mobile .uk-nav-default ul.uk-nav-sub{
    border-top: 1px solid #f8f8f8;
}
.tm-header-mobile .uk-nav-default ul.uk-nav-sub a{
    padding-left: 30px;
}
.tm-header-mobile .uk-nav-default li ul.uk-nav-sub li:last-child{
    border: none;
}
.tm-header-mobile .uk-nav-sub a span {
    padding: 0 0 0 20px;
    background: url(../images/drill-arrow.png) no-repeat scroll left 50%;
}
.tm-header-mobile .uk-nav-default li a{
    padding: 8px 15px;
}
.tm-header-mobile .uk-first-column,
.tm-header-mobile .uk-nav-default ul.uk-nav-sub{
    padding-left: 0;
}
.tm-header .container{
    background: #fff;
    box-shadow: 0 5px 5px #999999;
}
.ttt-menu{
    background: #f3ead9;
    padding-bottom: 10px;
}
.tm-header .sp-megamenu-parent{
    background: #e0d4be;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 0px;
    margin-top: 10px;
    width: auto;
    border-radius: 10px 10px 10px 10px;
}
.tm-header .uk-navbar-center a{
    text-transform: uppercase;
}
.uk-offcanvas-bar{
    background: #cc770a;
}
.uk-navbar-nav .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item>a{
    font-weight: bold;
}
.sp-megamenu-parent>li>a{
    border-right: 1px solid #d6d8db;
    color: #262626;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-color: #2270C4 rgba(0, 0, 0, 0.15) #044488 rgba(255, 255, 255, 0.2);
    border-style: solid;
    border-width: 1px;
    text-transform:uppercase;
    border-bottom:none;
    border-top:none;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
    padding: 0 11px;
}
.sp-megamenu-parent>li:first-child>a, .sp-megamenu-parent>li:first-child>span{
    border-radius: 10px 0px 0px 10px;
}
.sp-megamenu-parent>li:last-child>a, .sp-megamenu-parent>li:last-child>span{
    border-radius: 0px 10px 10px 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:first-child{
    border-radius: 10px 10px 0px 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child{
    border-radius:  0px 0px 10px 10px;
}
.uk-navbar-item, .uk-navbar-nav>li>a{
    min-height: 35px;
}
.uk-navbar-toggle{
    min-height: 35px;
    margin-right: 15px;
}
.uk-offcanvas .uk-grid {
    margin-left: 0;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
    line-height: 35px;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active>span, .sp-megamenu-parent>li.active:hover>a,
.tm-header .uk-navbar-nav>li:hover>a, .tm-header .uk-navbar-nav>li>a[aria-expanded=true]{
    background: #7d955c;
    color: #fff;
}
.sp-megamenu-parent .sp-dropdown,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    border-radius: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:focus, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:active{
    background: #7d955c;
    color: #fff;
}
.uk-button-text{
    background: #7d955c;
    padding: 0 5px;
    color: #fff;
}
div.itemImage img {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 18px;
    margin: 0;
    padding: 4px;
}
#toc_container {
    background: #edf6ff;
    border: 1px solid #aaa;
    padding: 0 10px;
    margin-bottom: 1em;
    font-size: 95%;
}
#toc_container a {
    text-decoration: none;
    text-shadow: none;
    font-weight: 555;
}
p.toc_title, ul.toc_list {
    margin: 5px;
    padding-left: 0;
}
.col-red{
    color: #ff0000;
}
.btn-sivali, .btn-sivali:hover{
    background: #7d955c;
    color: #fff;
}
#sp-component{
    margin-bottom: 30px;
}
.itemImage {
    margin-top: 5px;
}
.product-infor .btn-sivali{
    text-transform: uppercase;
}
@media(max-width: 992px){
    #sp-top,
    #sp-right,
    .sanpham .itemAuthorLatest{
        display: none;
    }
    .product-infor{
        text-align: center;
    }
    .product-infor .btn-sivali{
        font-size: 120%;
    }
    .product-price{
        font-size: 150%;
    }
    .tm-header-mobile {
        -moz-box-shadow: 0 5px 5px #999999;
        -webkit-box-shadow: 0 5px 5px #999999;
        box-shadow: 0 5px 5px #999999;
        margin-bottom: 10px;
    }
    div.itemHeader h1.componentheading, h1.componentheading{
        margin-top: 0;
    }
    #sp-footer #k2ModuleBox141{
        background: #ee8a09 none repeat scroll 0 0;
        border-top: 0 solid #eeeeee;
        bottom: 0;
        color: #fff;
        left: 0;
        padding: 10px;
        position: fixed;
        right: 0;
        z-index: 999999;
    }
    #sp-footer #k2ModuleBox141 a{
        color: #fff;
    }
    #sp-main{
        padding-bottom: 40px;
    }
}