.ma{margin: auto}
.fl{float: left}
.fr{float: right}

.tf{text-align: left}
.tr{text-align: right}
.tc{text-align: center}

.color-red{color: red}
.color-blue{color: #0000ff}

.fb{font-weight: bold}

.fs90{font-size: 90%}
.fs80{font-size: 80%}
.fs70{font-size: 70%}

.w100{width: 100%}
.w80{width: 80%}
.w70{width: 70%}
.w50{width: 50%}

h1 {
    font-size: 20px;
    color: #333333;
    margin: 0px;
    font-weight: bold;
}


h2 {
    font-size: 16px;
    color: #0000ff;
    margin: 0px;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
}

[class^="col-"] > .co{display: inline-block;float: left}
.col-2 > .co{width: 50%}

.line{border-bottom: 1px solid rgba(255,255,255,.5);clear: both;margin: 1% 0}
.clear{clear: both}
.bg-transparent{background: rgba(255,255,255,.5);overflow: hidden}
.hotcourses{background: #FFF;text-align: center;color: rgba(0,0,0,.5);font-size: 80%;padding: 2% 0}
.hotcourses a{color: #000}

table{border-collapse: collapse;width: 100%;margin: auto}
table th{background: rgba(0,0,0,0);padding: 0px 1px 0px 1px;}
table td ,table th {border-color: rgba(0,0,0,.5);border-style: solid;border-width: 1px;padding: 8px;}

.menu-main{width: 100%;text-align: center}
.menu-main li{display: inline-block}

body{background: #efe053;font-size: 94%} 
body,*{margin: 0;padding: 0;font-family: Microsoft Sans Serif,MS Sans Serif,sans-serif;font-style: normal}
body,a{color: rgba(255,255,255,1);text-decoration: none}
a:hover{color: rgba(255,255,255,1)}

ul{list-style: none;}
ul.style-arrow{}
ul.style-arrow li:before{content: "» "}
ul.inline{}
ul.inline li{display: inline-block}

.title-top-page{font-size: 120%;text-align: center;font-weight: normal;margin: 5px 0;clear: both;color: #DEDEDE}

.header{background: #FFF;width: 100%;overflow: hidden;color: rgba(0,0,0,.5)}
.header #logo{width: 100%;max-width: 260px}
.header input{border: 1px solid rgba(0,0,0,.5);padding: 1%;margin: 1% 0;color: rgba(0,0,0,.5)}
.header .icon-social{vertical-align: middle;cursor: pointer;margin: .3% 0;height: 20px}
.header .layout-like{margin: 1% 0}
.header > article, .menu-main ul, .contentner,footer > section,address > ul{width: 80%;margin: auto;max-width: 1024px;}

/*menu-list-inline-block*/
.list-inline{width: 100%}
.list-inline li{padding: .8% 1.5%;margin-right: 1%;position: relative;display: inline-block}
.list-inline li:not(:last-child):after{border-right: 1px solid rgba(255, 255, 255, 0.5);bottom: 0;content: "";height: 50%;margin: auto;position: absolute;right: 0;top: 0;}

/*menu main*/
.menu-main, .menu-promotion{background: #15188a;}
.menu-main{border-bottom: 2px solid rgba(255,255,255,1);position: relative}
.menu-main a{color: rgba(255,255,255,1)}
.menu-main li a:hover{color: rgba(255,255,255,1)}
.menu-main .sub-menu{display: none}
.menu-main li:hover > .sub-menu{display: block}
.menu-main .sub-menu{padding: 1% 0;position: absolute;top: 100%;left: 0;min-width: 230px;width: 100%;max-width: none;background: #15188a;white-space: nowrap;z-index: 9;text-transform: capitalize}
.menu-main .sub-menu > li{width: 100%;display: block;margin: 2% 0;text-align: left;padding: 1% 0 0 5%}
.menu-main .sub-menu > li:before{content: "» ";}
.menu-main .sub-menu > li:after{border-right: none}

.menu-main.fixed{position: fixed;top:0;left: 0;z-index: 99;display: none}
.menu-main.fixed.active{display: block}

/*menu promotion*/
.menu-promotion{margin: .5% 0}
.menu-promotion .tab-main{background: red;position: relative;border: none;font-weight: bold}
/*.menu-promotion .list-inline li >a:hover{color: #FFF}*/
/*.menu-promotion li.tab-main:after{border-color: transparent transparent transparent red;border-style: solid;border-width: 18px;bottom: 0;content: "";height: 0;margin: auto;position: absolute;right: -36px;top: -.5px;width: 0;}*/

/*Banner main*/
.banner-main img{width: 100%}

/*layout promotion*/
.layout-promotion-banner{width: 100%;clear: both;overflow: hidden}
.layout-promotion-banner img{width: 100%}

/*slide-thesun*/
.slide-thesun{position: relative;overflow: hidden}
.slide-thesun .slide-thesun-ul{width: 1500px;}
.slide-thesun .slide-item{width: 300px;float: left}
.slide-thesun .slide-button{position: absolute;top:45%;width: 95%;margin: auto;left: 0;right: 0;height:0}
.slide-thesun .button{width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;display: inline-block;cursor: pointer;transform: scale(3,8);-webkit-transform: scale(3,8);color: #878787}
.slide-thesun .button[data-button="next"]{float: right}
.slide-thesun .button:hover{color: #5C4444}


.column{width: 100%}
.column .column-1{width: 70.5%;margin-right: .5%;float: left}
.column .column-2{width: 29%;float: left}

.extra{background: #FFF;padding: 0 2%;color: rgba(0,0,0,.5);overflow: hidden;line-height: 1.5;margin-bottom: 1%}

.contentner-detail{background: #FFF;padding: 2%;color: #666666;overflow: hidden;line-height: 1.5}
.contentner-detail a{color: rgba(51, 74, 242, 0.8)}
.contentner-detail a:hover{text-underline-position: initial;color: rgba(51, 74, 242, 1)}
.contentner-detail h1{font-size:20px;}
.contentner-detail h2,.contentner-detail h3,.contentner-detail h4{font-size: 100%;margin: 5% 0 1.5%;}
.contentner-detail h1.title{font-size: 120%;margin-bottom:2%;border-bottom: 1px dashed rgba(0,0,0,.2);padding-bottom: 3%;text-align: center}
.contentner-detail hr{border: 1px solid rgba(0,0,0,.1);background: none;margin: 2% 0}
.contentner-detail .box-style{border: 1px solid rgba(0,0,0,.2);padding: 1%;text-align: center;margin: 1% 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);}
.contentner-detail > div{text-indent: 50px}
.contentner-detail img{margin: 1% 0;}
.contentner-detail ul.list-style li:before{content: "- "}
.contentner-detail .line{border-bottom: 3px dashed #EBC717;clear: both;margin: 3% 0}

/*layout-review*/
.layout-review{background-color: #FFF;}
.layout-review ul{width: 1550px}
.layout-review li{width: 10%;max-width: 150px}
.layout-review img{width: 100%;height: auto}
.layout-review #layout-review-list{max-width: max-content;overflow: auto}
/*.layout-review #layout-review-list ul{width: 1500px}*/
.layout-review .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 7px;top:-1px}

/*layout-event-list*/
.event-list,.layout-event-list .tab-detail li{padding: .5% 0;}
.event-list li,.layout-event-list .tab-detail li{padding: 1% 0;}
.event-list li, .layout-event-list .tab-detail li li{border-bottom: 1px double rgba(0, 0, 0, 0.2);}
.event-list li:before ,.layout-event-list .tab-detail ul li:before{content: "» ";color: rgba(0, 0, 0, 0.5);}

.more-list{margin-top: 20px}

/*banner text*/
.banner-side{width: 100%;margin: 0 0 2%;text-align: center}
.banner-side.str{background: #FFF;overflow: hidden;padding: 3%;width: 94%;margin: auto;margin-bottom: 3%}
.banner-side.str h2{color: rgba(0,0,0,1);}
.banner-side.str{color: rgba(0,0,0,.8);font-size: 90%}
.banner-side.str ul{padding: 2%;margin: auto;margin: 2%}
.banner-side.str li{text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 2%;}
.banner-side.str a{color: rgba(51, 74, 242, 0.8)}
.banner-side.str a:hover{color: rgba(51, 74, 242, 1)}
.banner-side img{width: 100%}
.banner-height{min-height: 150px;margin-bottom: 2%;border: 1px solid rgba(255,255,255,.5);}

/*tab*/
.tab-list{width: 100%}
.tab-list .tab-header{width: 100%}
.tab-list .tab-header li{width: 50%;float: left;text-align: center;padding: 1.5% 0;background: rgba(148, 148, 148, 0.95);color: #000;font-weight: bold;cursor: pointer;letter-spacing: 1px;text-overflow:ellipsis;white-space: nowrap}
.tab-list .tab-header li.active{background: #00aef0;color: #FFF;position: relative}
.tab-list .tab-header li.active:after{border-color: #00aef0 transparent transparent transparent;border-style: solid;border-width: 12px;content: "";height: 0;margin: auto;position: absolute;left: 0;right: 0px;top: 100%;width: 0;}
.tab-detail{padding: 2%;background: #FFF;border: 1px solid rgba(0,0,0,.2);border-top:none}
.tab-detail > li{padding: .3% 0;display: none}
.tab-detail > li.active{display: block}
/*.tab-list .tab-detail ul li:before{content: "» ";color: rgba(0, 0, 0, 0.5)}*/
.tab-detail a:hover{color: rgba(0,0,0,.8);}

.tab-detail a,
.layout-promotion a,
.student-list .detail{color: #000}

/*layout-promotion*/
.layout-promotion{background: #FFF;border: 1px solid rgba(0,0,0,.2);color: rgba(0,0,0,.5);padding: 2%;margin: 1% 0;}
.layout-promotion ul{padding: 1% 2%;}
.layout-promotion li{padding: .8% 0;margin: .5% 0;border-bottom: 1px double rgba(0,0,0,.2);}
.layout-promotion li:before{content: "» "}

/*layout-country-list*/
.layout-country-list {background: #FFF;margin-top: 1px;}
.layout-country-list .country-list li{display: inline-block;width: 30.6%;margin: 1%;cursor: pointer}
.layout-country-list .country-list img{width: 100%;border-radius: 5px;}

/*student*/
.student-list{color: rgba(0,0,0,.5);font-size: 80%;padding: 1% 2%;margin-bottom: 2%;background: #FFF;}
.student-list #layout-student-list{max-height: 300px;overflow: auto}
.student-list h2{margin: 2% 0% 5%}
.student-list li{clear: both;width: 100%;padding: 1% 0;overflow: hidden;cursor: pointer}
.student-list li:not(:last-child){border-bottom: 1px dashed rgba(0, 0, 0, 0.3);}
.student-list .img{width: 30%;float:left;text-align: center;padding: 2%}
.student-list .img img{width: 100%;}
.student-list .detail{width: 66%;float:left;}
.student-list li:hover .detail{width: 66%;float:left;color: rgba(0,0,0,.8)}


/*popular-link*/
.popular-link li{height: 200px;width: 24%;margin: 1% 0}

/*logo-link*/
.logo-link{padding: 2% 0}
.logo-link li{width:19.6%;text-align: center;cursor: pointer}
.logo-link img{width: 90%;vertical-align: middle;filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);}
.logo-link img:hover{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);}

/*footer*/
.footer{width: 100%;background: #FFF;border-top: 2px solid #DDAC00;overflow: hidden;color: rgba(0,0,0,1)}
.footer a{color: rgba(0,0,0,1)}
.footer a:hover{color: rgba(0,0,0,1)}
.footer .heard{margin: 1% 0 2%;font-weight: bold}
.footer .heard li:not(:last-child):after{border-right: 1px solid rgba(0, 0, 0, 0.5);}
.sitemap{margin-bottom: 2%;overflow: hidden}
.sitemap ul{width: 17.8%;float: left;border-right: 2px dashed rgba(0,0,0,.3);margin-right: 2%}
.sitemap ul:last-child{border-right: 2px dashed transparent}
.sitemap .list-inline li:not(:last-child):after{border-right: 1px solid rgba(0, 0, 0, 0.5);}
.sitemap ul li{padding: 1% 0}
.sitemap ul li:first-child{font-weight: bold;text-align: center;color: rgba(0,0,0,.8);margin-bottom:2%;text-transform: uppercase}
.sitemap ul li:not(:first-child):before{content: "» ";}
.sitemap ul.contrat{font-size: 90%}
.sitemap ul li.not-before:before{content: "";}/*remove - */
.address{background: #00AEF0;overflow: hidden;color: #FFF;clear: both;padding: 1% 0}
.address li{width: 47%;text-align: center;float: left;padding: 1%}
.address li:last-child{border-left: 2px dashed rgba(255,255,255,.5)}
.copyright{background: #003366;clear: both;text-align: center;font-size: 80%;padding: .5% 0}
.copyright , .copyright a{color: rgba(255,255,255,.8)}

/*mCustomScrollbar*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00aef0;border-radius: 0;line-height: 30px;width: 7px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#00aef0;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#00AEF0;}
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 10px;}
/**/
/*tr{transition: all 1s ease;-webkit-transition: all 1s ease;transform: translateX(50%);-webkit-transform:translateX(50%);}*/



/*menu mobile*/
.icon-menu-mobile{display: none}
.icon-menu-mobile{position: fixed;top:1%;left: 1%;width: 40px;z-index: 9;cursor: pointer;overflow: hidden;background: #00044c;border-radius: 5px;border: 1px solid #fff}
.icon-menu-mobile > div{height: 5px;width: 80%;margin: 6px auto;background: #FFF;}
.layout-menu-mobile{display: block;width: 70%;max-width: 250px;background: #00044c;height: 800px;position: fixed;left: 0;top:0;z-index: 99;color: rgba(255,255,255,.9);padding: 1%;transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease;transform: translate3d(-100%,0,0);-webkit-transform: translate3d(-100%,0,0);overflow: auto;}
.layout-menu-mobile.active{transform: translate3d(0%,0,0);-webkit-transform: translate3d(0%,0,0)}
.layout-menu-mobile .icon-menu-mobile{position: relative;float: right;margin: 1% 2% 5%}
.layout-menu-mobile .list-inline{clear: both;}
.layout-menu-mobile a:hover{color: #FFF}
.layout-menu-mobile li{border-bottom: 1px solid rgba(255,255,255,.3);padding: 5px;display: block;position: relative;padding: 8px 0}
.layout-menu-mobile li:after{border-right: none}
.layout-menu-mobile li:not(:last-child):after{border-right: none}
.layout-menu-mobile .more{position: relative;cursor: pointer}
.layout-menu-mobile .more:before{position: absolute;content: "▼";top:5px;right: 5px;cursor: pointer}
.layout-menu-mobile .more:before:hover{color: #FFF}
.layout-menu-mobile .sub-menu{margin-left: 10px;display: none}
.layout-menu-mobile .sub-menu li:before{content: "» "}
.layout-menu-mobile .sub-menu li:last-child{border: none}
/*.mobile .layout-menu-mobile .more:before{position: absolute;content: "▲";top:5px;right: 5px}*/

form.FrmSearch{padding: 1% 0;}
form.FrmSearch input[type="text"]{margin-bottom: 2%;padding: 5px 10px}

.list-search{}
.list-search li{padding: 1% 0;border-bottom: 1px solid rgba(0,0,0,.1)}

.icon-hot{background: url(../img/icon/hot.gif);vertical-align: top;margin-left: 1%;width: 19px;height: 9px;display: inline-block;overflow: hidden;background-position: center center;background-repeat: no-repeat;}
.icon-new{background: url(../img/icon/new.gif);vertical-align: top;margin-left: 1%;width: 22px;height: 9px;display: inline-block;overflow: hidden;background-position: center center;background-repeat: no-repeat;}
.icon-info{background: url(../img/icon/info.gif);margin-left: 1%;width: 16px;height: 16px;display: inline-block;overflow: hidden;background-position: center center;background-repeat: no-repeat;}


.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #eee;
    border-color: #ddd;
    color: #23527c;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #777;
    cursor: not-allowed;
}
.btn-info {
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
button, select {text-transform: none;}
button {overflow: visible;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
.search,#search{width: 193px;float: right;margin-bottom: 1%}
.search input,#search input {background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;border: medium none;color: #7f7f7f;float: left;font: 12px "Helvetica","Lucida Sans Unicode","Lucida Grande",sans-serif;height: 20px;margin: 0;padding: 5px;width: 140px;}
.search button,#search button {background: #003366 url("../img/icon/search.png") no-repeat scroll center center;border: medium none;cursor: pointer;float: left;height: 30px;text-indent: -99999em;transition: background 0.3s ease-in-out 0s;width: 43px;}
.search button:hover,#search button:hover {background-color:#000;}

#search-mobile{display:none}

.column-2.column-ele{background: #FFF}

a[href^="tel:"],.extra a ,.contentner-detail a{
   color:#0000ff!important
}