body{font-family: 'Roboto', sans-serif; color: #414244; font-size: 16px; line-height: 24px;}
body.ln-vn{font-size: 15px; line-height: 22px;}
/*.ohidden{background: url(../images/ajax-loader.gif) no-repeat center center;}
.ohidden *{visibility: hidden; opacity: 0;}*/
.close:focus{outline: none;}
a{    -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
.anti{    -webkit-transition: all ease 0.4s;    -moz-transition: all ease 0.4s;    -o-transition: all ease 0.4s;    transition: all ease 0.4s;}
a:focus, a:visited{outline: none;}
.page{  left: 0;  top: 0;  position: absolute;  overflow: hidden;  min-height: 100%;  width: 100%;}
.page-load .page{opacity: 0; filter: alpha(opacity=0);height: 100%;}
.page-load:before{background: url(../images/ajax-loader.gif) no-repeat center center; content: "";height: 32px; width: 32px; position: fixed; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.wrapper-main, .main-w{position: relative; width: 100%; z-index: 1; left: 0; top: 0;}
.d-iblock{display: inline-block;}
.d-block{display: block;}
.btn-line{background: none; border: solid 1px #fff; border-radius: 4px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;   color: #fff; display: inline-block; font-size: 16px; font-weight: 500; line-height: 28px; padding: 0 18px;}
.btn-line:focus{color: #fff;}
.btn-line:hover{background-color: #fff; color: #055bac; text-decoration: none; outline: none;}
.btn-line:focus, .btn-line:visited{outline: none; text-decoration: none;}
.btn-line{text-transform: uppercase;}
body.ln-vn .btn-lin{font-size: 15px;}
.po{background-repeat: no-repeat; background-position: 0 0; display: inline-block; height: 18px; width: 18px; vertical-align: middle; margin-top: -1px;}
a:hover .po{background-position: -18px 0;}
.po-phone{background-image: url(../images/hp-ico-phone.png);}
.po-search{background-image: url(../images/hp-ico-search.png); width: 20px;}
a:hover .po.po-search{background-position: -20px 0;}
.modal-wellcom{display: block; visibility: hidden; z-index: -1;}
.modal-wellcom.in{visibility: visible; z-index: 1050;}
.modal-wellcom, .modal-wellcom .modal-content{background: none; border: none; -webkit-box-shadow: none;    box-shadow: none}
.modal-wellcom .mask{left: 0; top: 0; position: fixed; height: 100%; width: 100%; background: #0b448a; opacity: 0.9;filter: alpha(opacity=90); z-index: 1;}
.modal-wellcom .modal-dialog{position: relative; z-index: 2;}
.modal-wellcom .modal-header, .modal-wellcom .modal-body {padding: 0; border: 0;}
.modal-wellcom h3 {color: #fff; font-size: 60px; font-weight: 300;}
.modal-wellcom .close{background: url(../images/ico-closew.png) no-repeat center center; right: 0; top: 0; position: absolute; height: 32px; width: 32px; text-align: center; line-height: 32px; font-size: 0; opacity: 1;filter: alpha(opacity=100);}
.modal-wellcom .des-node{color: #90f6ff; font-size: 18px; font-weight: 300;line-height: 24px;}
.modal-wellcom .well-outer{max-width: 335px; margin: 15px 0;}
.pos-well{position: relative;}
.pos-well .pos-or{background: url(../images/line-w.png) no-repeat center center; color: #54fff9; font-size: 30px; font-weight: 300; line-height: 30px; height: 100%; width: 30px; left: 50%; top: 0; position: absolute; margin-left: -15px;}
.pos-well .pos-or span{display: inline-block; vertical-align: top; left: 50%; top: 50%; position: absolute;-ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%) translateY(-50%);
}
.well-outer{background-repeat: no-repeat; background-position: center top; background-size: cover; border-radius: 10px; display: inline-block; padding: 214px 27px 27px;}
.well-box{background-color: #fff; border-radius: 5px; color: #404040; font-size: 16px; line-height: 24px; position: relative; padding: 25px; z-index: 1; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.well-box > p + p{margin: 0;}
.well-box:before{background: #fff; border-radius: 0 0 5px 5px; content: ""; left: 9px; right: 9px; height: 11px; top: 100%; position: absolute; z-index: -1; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.well-box h4{color: #055bac; font-size: 25px; font-weight: 700; line-height: 28px;margin: 0; }
.well-box .hcenter h4{left: 0; top:  50%; position: relative; -ms-transform: translateX(0) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(0) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(0) translateY(-50%);
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.iframe-video{width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.well-setup{background-image: url(../images/well-1.jpg);}
.well-nac{background-image: url(../images/well-2.jpg);}

.wrapper-bg{background-repeat: no-repeat; background-position: center center;  background-size: cover; position: relative;}
.in-desktop .main-w{top: 50%; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);    padding-bottom: 40px;}
.sroll-main{position: relative; z-index: 1;}
.bg-1{background-image: url(../images/main-bg-1.jpg);}
.bg-2{background-image: url(../images/main-bg-2.jpg); /*background-attachment: fixed;*/}
.bg-3{background-image: url(../images/main-bg-3.jpg); /*background-attachment: fixed;*/}
.bg, .bgm{display: block; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; z-index: 1;}
.bg img{opacity: 0;filter: alpha(opacity=0); display: block; width: 100%; }
.bg .mhx-320{max-height: 300px;}
.tille h2{background: url(../images/ico-1.png) no-repeat center bottom; color: #003258; display: inline-block; font-size: 40px; font-weight: 500; line-height: 40px; margin: 0 0 15px; padding-bottom: 20px; position: relative; overflow: hidden;}
.tille{text-align: center;}
body.ln-vn .tille h2{padding-bottom: 22px; word-spacing: -2px; letter-spacing: -1px; margin-bottom: 10px;}
.tit-ico-2 h2{background-image: url(../images/ico-2.png);}
.tit-ico-3 h2{background-image: url(../images/ico-3.png);}
.tille h2:before{background: url(../images/line-1.png) no-repeat center top; content: ""; height: 2px; width: 100%; bottom: 6px; left: 0; position: absolute;}
.title-3{color: #003258; font-size: 24px; font-weight: 500; line-height: 30px;  margin: 20px 0 0;}
body.ln-vn .title-3{margin: 0;}
.title-3 > span{display: inline-block; vertical-align: top;}
.title-4{color: #ff9c00; font-size: 30px; font-weight: 500; line-height: 36px; margin: 0 0 10px;}
.title-5{color: #005bac; font-size: 18px; font-weight: 500; line-height: 24px; margin: 0 0 10px;}
.title-6{border-bottom: solid 1px #005bac; border-top: solid 1px #005bac; color: #005bac; font-size: 24px; font-weight: 500; line-height: 30px; padding: 16px 0; margin: 0 0 30px; }
.title-7 h2{background: url(../images/ico-4.png) no-repeat center top; color: #414244; font-size: 30px; font-weight: 700; line-height: 32px; padding: 37px 0 20px; position: relative; margin: 50px 0 0; text-align: center;}
.title-7 h2 strong{color: #a758cb;}
.title-7 h2:before{background: url(../images/line-2.png) no-repeat left top; content: ""; height: 2px; width: 230px; top: 30px; left: 50%; position: absolute; margin-left: -115px;}
.title-8{color: #414244; font-size: 30px; font-weight: 500; line-height: 32px;}
.title-8 strong{color: #a758cb;}
.title-9{ font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom: 5px;}
.title-9 strong{color: #005bac;}
.row > .item{float: none; display: inline-block; vertical-align: top;}
.rowf > .item{float: left; display: block;}
.row-10{margin-left: -10px; margin-right: -10px;}
.row-10 .items{padding-left: 10px; padding-right: 10px;}
.row-3{margin-left: -3px; margin-right: -3px;}
.row-3 .items{padding-left: 3px; padding-right: 3px;}
.row-5{margin-left: -5px; margin-right: -5px;}
.row-5 .item, .row-5 .itemn{padding-left: 5px; padding-right: 5px;}
.row-7{margin-left: -7px; margin-right: -7px;}
.row-7 .item{padding-left: 7px; padding-right: 7px;}
.row-0{margin: 0;}
.row-0 .itemn{padding: 0;}
.img-full{display: block; width: 100%;}
input::-webkit-input-placeholder {opacity: 1 !important;filter: alpha(opacity=100);}
input::-moz-placeholder {opacity: 1 !important;filter: alpha(opacity=100);}
input:-ms-input-placeholder {opacity: 1 !important;filter: alpha(opacity=100);}
input:-moz-placeholder {opacity: 1 !important;filter: alpha(opacity=100);}
input::placeholder {opacity: 1 !important;filter: alpha(opacity=100);}
.modal-backdrop.in{opacity: .8;    filter: alpha(opacity=80);}
.wrapper-text{width: 100%; position: relative; z-index: 1;}
.wrapper-text img{max-width: 100% !important; width: auto !important;}
.mbt-20{margin-top: 20px; margin-bottom: 20px;}
/*===================*/
.modal-wrapper{display: block !important; visibility: hidden; z-index: -1;}
.modal-wrapper.in{visibility: visible; z-index: 1050;}
.modal-wrapper .modal-none{padding: 0;}
.modal-wrapper .modal-header, .modal-wrapper .modal-footer{border: none;}
#zino_iframe{position: absolute; z-index: -1; left: 0; top: 0; visibility: hidden;}
#myModalSent #zino_iframe {position: relative; visibility: visible; z-index: 1;}
/*===================*/
.container{position: relative; z-index: 1;}
.pos-left{left: 0;}
.pos-right{right: 0;}
.wrap-header-btn{height: 140px; width: 155px; top: 0; padding-bottom: 5px; position: absolute; z-index: 11;}
.btn-header, .wrap-btnh, .btn-header:before, .btn-header:after{ display: block; font-size: 0; height: 100%; width: 100%; position: relative;}
.btn-header:before, .btn-header:after{content: ""; background-repeat: no-repeat; background-position: 0 0; background-size: 310px 135px; left: 0; top: 0; position: absolute;}
.btna-search:before, .btna-search:after{background-image: url(../images/header-icoa.png);}
.btna-login:before, .btna-login:after{background-image: url(../images/header-icob.png);}
.btn-header.btn-mypoly:before, .btn-header.btn-mypoly:after{background-image: url(../images/header-icologout.png);}
.btn-header.btn-parent:before, .btn-header.btn-parent:after{background-image: url(../images/header-icologout-parent.png);}

body.ln-vn .btna-search:before, body.ln-vn .btna-search:after{background-image: url(../images/header-icovn.png);}
body.ln-vn .btna-login:before, body.ln-vn .btna-login:after{background-image: url(../images/header-icobvn.png);}
.btn-header:after{background-position: -155px 0; visibility: hidden; opacity: 0;filter: alpha(opacity=0);}
.btn-header:hover:before, .dropdown-hover:hover > .btn-header:before, .wrap-btnh:hover .btn-header:before, .wrap-btnh.current .btn-header:before{visibility: hidden; opacity: 0;filter: alpha(opacity=0);}
.btn-header:hover:after, .dropdown-hover:hover > .btn-header:after, .wrap-btnh:hover .btn-header:after, .wrap-btnh.current .btn-header:after{visibility: visible; opacity: 1;filter: alpha(opacity=100);}
.dropdown-hover > .dropdown-menu{left: 50%; -ms-transform: translateX(-50%) translateY(0);  -webkit-transform: translateX(-50%) translateY(0);    transform: translateX(-50%) translateY(0); min-width: 155px; margin: 0;}
.dropdown-hover:hover > .dropdown-menu{display: block;}
.dropdown-hover > .dropdown-menu>li>a{font-size: 14px;  line-height: 20px; padding: 10px;}
.dropdown-hover > .dropdown-menu>li>a:hover, .languge > .dropdown-menu>li>a:hover{color: #055bac; background: none;}
.wrap-header-btn .dropdown-menu{text-align: center;}
/*.menu-header .languge a{ line-height: 40px;}
.languge a{text-transform: uppercase;}

.face a{font-size: 20px;}
.face .font-23{font-size: 26px;}*/
.nav-link a, .header-link a {  color: #95d6ff;   display: inline-block; font-size: 16px; vertical-align: top; padding: 0 10px; position: relative;}
/*.nav-link a:before,*/ .nav-site a:before{content: ""; background-color: #95d6ff; height: 14px; width: 1px; display: block; left: 0; top: 50%; position: absolute; margin-top: -7px;}
.nav-link a:first-child{padding-left: 0;}
.nav-link a:last-child{padding-right: 0;}
.nav-link a:first-child:before, .nav-site a:first-child:before{visibility: hidden;}
.nav-link a:hover, .nav-link a.current{color: #fff; text-decoration: none;}
.menu-header .languge a {line-height: 40px;}
.languge{min-width: 76px; margin-left: 9px;}
.languge > .btn-line{display: block; padding: 0 10px; margin: 0; width: 100%;}
.languge > .btn-line > .fa{margin-left: 5px;}
.languge > .dropdown-menu{min-width: 76px;}
.languge > .dropdown-menu>li>a{color: #58595b; font-size: 16px; font-weight: 500; padding: 3px 10px;}
.header-container{left: 0; top: 0; position: absolute; width: 100%; z-index: 99;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
.header-bg{background: url(../images/header-bg.png) repeat-x left top; height: 320px; left: 0; top: 0; position: absolute; width: 100%; z-index: 0;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
/*.header-in .header-bg{-webkit-box-shadow: 0px 13px 13px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 13px 13px 0px rgba(0,0,0,0.1);box-shadow: 0px 13px 13px 0px rgba(0,0,0,0.1);}
.header-container.header-in{position: fixed; -webkit-animation: antitop .5s ;  -moz-animation:    antitop .5s ;  -o-animation:      antitop .5s ;  animation:         antitop .5s ;}*/
@-webkit-keyframes antitop {  0%   { top: -100%; opacity: 0;}  100% { top: 0; opacity: 1; }}
@-moz-keyframes antitop {  0%   { top: -100%; opacity: 0; }  100% { top: 0; opacity: 1;}}
@-o-keyframes antitop {  0%   { top: -100%; opacity: 0; }  100% { top: 0; opacity: 1; }}
@keyframes antitop {  0%   { top: -100%; opacity: 0; }  100% { top: 0; opacity: 1; }}
/*=====================*/
/*=====================*/
.wrapper-child{left: 0; top: -100%; position: absolute; width: 100%; padding: 0 200px; z-index: 10; visibility: hidden; opacity: 0;  -webkit-transition: all ease 0.6s;    -moz-transition: all ease 0.6s;    -o-transition: all ease 0.6s;    transition: all ease 0.6s;}
.wrapper-child.in{visibility: visible; opacity: 1;filter: alpha(opacity=100); top: -46px;}
.in-hide .header-container .header-top, .in-hide .header-container .logo, .in-hide .header-container .wrapper-menu, .in-hide .header-title .text-box{visibility: hidden; opacity: 0;filter: alpha(opacity=0); z-index: -1; }
.wrapper-child h4{color: #fff; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0 0 10px;}
.student-info.info-box{padding: 20px 0 0; border-left: solid 1px #879bc8; border-right: solid 1px #879bc8; height: 184px;}
.list-child{list-style: none; padding: 0; margin: 0; width: 100%;}
.list-child > li, .list-child > li > a{color: #fff; display: inline-block; font-size: 14px; font-weight: 400; line-height: 20px; vertical-align: top; }
.list-child > li{padding-bottom: 15px;}
.wrap-parent .list-child > li{padding-bottom: 10px;}
.list-child > li > a{opacity: 0.5;filter: alpha(opacity=50);}
.list-child > li > a.current, .list-child > li > a:hover{opacity: 1;filter: alpha(opacity=100); text-decoration: none;}
.list-child a > span{display: block;}
.list-child a > .name{font-size: 16px; font-weight: 700; line-height: 22px;}
.list-child a .ico{position: relative; display:block; background-color: #fff; border-radius: 100%; -moz-border-radius: 100%;  -webkit-border-radius: 100%; text-align: center;  width: 50px; height: 50px; text-align: center; margin: 0 auto 5px; overflow: hidden;}
.list-child a .ico img{ display: block; width: 100%; left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%) translateY(-50%);
}
.list-child.row-2 > li{width: 45%;}
.list-child.row-3 > li{width: 30%;}
.list-child.row-4 > li{width: 24%;}
.student-info > .wrap-logout{display: block; width: 100%; text-align: center; padding-top: 5px;}
.wrapper-child .btna-logout{border: solid 1px #fff; border-radius: 6px; color: #fff; display: inline-block; font-size: 20px; font-weight: 500; line-height: 44px; vertical-align: top; padding: 0 25px; opacity: 1;filter: alpha(opacity=100);}
.wrapper-child .btna-logout:hover{background-color: #fff; border-color: #fff; color: #005bac; }
.wrapper-child .btna-logout:hover, .wrapper-child .btna-logout:focus, .wrapper-child .btna-logout:visited{text-decoration: none; outline: none;}
.wrapper-child .btna-logout .ico{display: inline-block; vertical-align: middle; height: 24px; width: 24px; position: relative; top: -4px; left: 0;}
.wrapper-child .btna-logout .ico:before, .wrapper-child .btna-logout .ico:after{background-repeat: no-repeat; background-position: center center; background-size: contain; content: ""; left: 0; top: 0; display: block; height: 100%; width: 100%; position: absolute;}
.wrapper-child .btna-logout .ico:before{background-image: url(../images/ico-logout.png);}
.wrapper-child .btna-logout .ico:after{background-image: url(../images/ico-logout-h.png); visibility: hidden;}
.wrapper-child .btna-logout:hover .ico:before{visibility: hidden;}
.wrapper-child .btna-logout:hover .ico:after{visibility: visible;}
.wrap-parent{color: #fff; font-size: 14px; line-height: 18px; overflow: hidden; }
.wrap-parent h3{color: #fff; font-size: 16px; font-weight: 700; line-height: 22px; margin: 0;}
.wrap-parent .parent-position{margin: 0 0 10px; text-transform: capitalize;}
.wrap-parent .list-child{overflow: hidden;}
.wrap-parent .list-child a > .name{font-size: 12px; line-height: 16px;}
.wrap-parent .list-child a > .info{font-size: 11px; line-height: 14px;}
.sutdent-info {    width: 100%;    position: relative;    z-index: 1;}
.aside-wrap .sutdent-info{line-height: 16px;}
.sutdent-info figure {    float: left;    width: 49px; height: 49px; background-color: #fff; text-align: center; overflow: hidden;  border-radius: 100%;  -moz-border-radius: 100%;  -webkit-border-radius: 100%; }
.aside-wrap .sutdent-info figure{float: none; position: absolute; left: 0; top: 50%; margin-top: -30px;}
/*.sutdent-info figure {    float: left;    width: 49px;}
.sutdent-info figure img {    display: block;    border-radius: 100%;    width: 100%;}*/
.sutdent-info .content {    overflow: hidden;    padding-left: 10px;}
.aside-wrap .sutdent-info .content{padding-left: 60px;}
.sutdent-info h4 {    font-size: 12px;    font-weight: 700;    line-height: 16px;    margin: 5px 0 0;}
.sutdent-info span {    color: #414244;    font-size: 12px;    line-height: 16px;}
.sutdent-info span.class {    color: #005bac;}


.control-logout{background: url(../images/ico-bg.png) no-repeat center top; color: #297fbf; display: block; font-size: 0; height: 38px; line-height: 38px;width: 42px; left: 50%; margin-left: -21px; bottom: -19px; position: absolute; z-index: 99;}
.control-logout:before{content: "\f107"; font-family: "FontAwesome";display: block; font-size: 30px; height: 100%; width: 100%; text-align: center; position: absolute; z-index: 100;}
.wrap-btnh.current .control-logout:before{content: "\f106"; line-height: 34px;}

.box-info{padding: 20px;}
.box-info .sutdent-info{display: inline-block; font-size: 14px;vertical-align:  top; width: auto; }
.box-info .sutdent-info figure{width: 72px; height: 72px; text-align: center; background-color: #fff;  border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden;}
.box-info .sutdent-info .content{text-align: left;}
.box-info .sutdent-info h4{font-size: 16px; line-height: 24px; margin-top: 10px;}
.box-info .line-left{border-left: solid 1px #acb2bd;}
.btn-link{background-color: #005bac; border-radius: 6px; color: #fff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 44px; text-align: center; min-width: 230px; margin: 13px auto;}
.btn-link:hover, .btn-link:focus{background-color: #005bac; color: #fff; text-decoration: none;}
/*=====================*/
.header-container a{font-weight: 500; vertical-align: top;}
.header-content{position: relative; width: 100%;}
.header-content .logo{left: 50%; margin-left: -75px; top: -50px; width: 130px; position: absolute; z-index: 9;}
/*.btn-header, .wrap-btnh{color: #fff  !important; display: block; font-size: 16px; top: 0; position: absolute; text-align: center; height: 135px; width: 155px;z-index: 11;}
.wrap-btnh{display: inline-block; vertical-align: top; height: auto; width: auto; position: absolute; z-index: 11;}
.wrap-btnh .btn-header{position: relative; overflow: hidden;}
.btn-header span{display: block;}
.btn-header .ico:after, .btn-header .ico:before{background-position: center center; background-repeat: no-repeat; background-size: contain; }
.btn-header .ico:after, .btn-header:hover .ico:before{visibility: hidden;}
.btn-header:hover .ico:after{visibility: visible;}
.btn-header .ico{position: relative; z-index: 1;}
.btn-header .ico:before,.btn-header .ico:after{content: ""; display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 2;}
.btn-header.btn-logo, .wrap-btnh{left: 0;}
.btn-header.btn-contact{right: 0;}
.btn-header.btn-logo .ico:before{background-image: url(../images/ico-block.png);}
.btn-header.btn-contact .ico:before{background-image: url(../images/icon-contact.png);}
.btn-header.btn-logo .ico:after{background-image: url(../images/ico-block-h.png);}
.btn-header.btn-contact .ico:after{background-image: url(../images/icon-contact-h.png);}
.btn-header.btn-mypoly .ico:before{background-image: url(../images/ico-student.png);}
.btn-header.btn-mypoly .ico:after{background-image: url(../images/ico-student-h.png);}
.btn-header.btn-mypoly-parent .ico:before{background-image: url(../images/ico-parent.png);}
.btn-header.btn-mypoly-parent .ico:after{background-image: url(../images/ico-parent-h.png);}
.btn-header.btn-logout .ico{background-image: url(../images/ico-logout-h.png); height: 30px; width: 30px; margin: 8px auto 5px;}
.btn-header.btn-logout .ico:before{background-image: url(../images/ico-logout.png);}
.btn-header.btn-logout .name span{display: block;}
.btn-header.btn-logout .name span.line{display: inline-block; vertical-align: top; border-bottom: solid 1px #88b2d8; padding-bottom: 3px; margin-bottom: 5px;}
.btn-header:hover{color: #005bac !important; text-decoration: none;}
.btn-header:focus,.btn-header:visited{text-decoration: none;}
.btn-header:hover .ico:before{opacity: 0;}
.control-logout{background: url(../images/ico-bg.png) no-repeat center top; color: #297fbf; display: block; font-size: 0; height: 25px; line-height: 23px;width: 29px; left: 50%; margin-left: -15px; bottom: -12px; position: absolute; z-index: 99;}
.control-logout:before{content: "\f107"; font-family: "FontAwesome";display: block; font-size: 16px; height: 100%; width: 100%; text-align: center; position: absolute; z-index: 100;}
.control-logout.current:before{content: "\f106";}*/

.menu{list-style: none; padding: 0; margin: 0; width: 100%;}
.menu > li > a{font-size: 20px; font-weight: 500;}
.menu > li > a > span{display: inline-block; vertical-align: top;}
.menu a:hover{text-decoration: none;}
.menu ul{list-style: none; padding: 0; margin: 0;}
.menu > li > ul{display: none;}
/*================*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.footer-container{background: url(../images/footer-bg.jpg) no-repeat center center; background-size: cover; color: #fff; position: relative; width: 100%; z-index: 2;}
.footer-container .main-w{padding-bottom: 0; }
/*.in-desktop .footer-menu{bottom: auto; top: -10px;}*/
.footer-container a{color: #fff;}
/*.footer-container .nav-link a{color: #87cbff; line-height: 32px;}
.footer-container .nav-link a:hover{color: #fff;}*/
.footer-container .part,.wrap-contact .part{border-left: solid 1px #fff; margin-bottom: 30px; max-width: 240px; margin-left: 52px; padding-left: 10px; position: relative;}
.footer-container .face, .footer-container .face a{color: #fff; font-size: 30px; line-height: 30px; vertical-align: top;}
.footer-container .face{padding-top: 10px;}
.footer-container .face a{padding: 0 26px;}
.footer-container .face a:hover{color: #95d6ff;}
.footer-container .face a:hover .fa-youtube-play{color: #f00;}
.footer-container .face a:first-child{padding-left: 0;}
.footer-container .face a .fa-facebook{font-size: 20px; top: -2px; position: relative;}
.footer-container .part:before{content: ""; background-repeat: no-repeat; background-position: left center; left: -52px; top: 0; height: 100%; width: 52px; position: absolute;}
.footer-container .part-1:before{background-image: url(../images/ico-marker.png);}
.footer-container .part-2:before{background-image: url(../images/ico-phone.png);}
.footer-container .part-3:before{background-image: url(../images/ico-email.png);}
/*
.wrap-contact .part:before
.wrap-contact .part{border-left-color: #a0a0a1;color: #414244;}
.wrap-contact .part-1:before{background-image: url(../images/ico-marker-c.png);}
.wrap-contact .part-2:before{background-image: url(../images/icon-contact-c.png);}
.wrap-contact .part-3:before{background-image: url(../images/ico-email-c.png);}*/
.wrapper-contact .title-3{color: #005bac; font-weight: 400; margin: 0;}
.wrapper-contact .wrapper-list-contact{margin-top: 20px;}
/*.contact-form{background: url(../images/contact-bg.jpg) no-repeat left top; background-size: cover; padding: 35px; position: relative; z-index: 1;}
.contact-form:before{background: #005bac; content: ""; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.66; position: absolute; z-index: 0;}
.contact-form .form-control, .contact-form .bootstrap-select, .contact-form .btn-button{background: none;  border-color: #fff; color: #fff; margin: 10px 0;}*/
.contact-form .form-control, .contact-form .bootstrap-select, .contact-form .btn-button{margin: 10px 0;}
.contact-form .form-control, .contact-form .bootstrap-select > .btn{height: 40px; color: #58595b;}
.contact-form .form-control, .contact-form .bootstrap-select{ color: #58595b;margin: 20px 0 10px;}
.contact-form textarea.form-control{height: 280px; resize: none;}
/*.contact-form .btn-button{font-size: 20px; font-weight: 500; margin: 20px 0 0;}*/
/*.contact-form .bootstrap-select>.dropdown-toggle{background: none; border-color: #fff; color: #fff; }*/
.contact-form .btn-more{font-size: 20px; font-weight: 500; margin: 20px 0 0; padding: 0 25px;}
/*.contact-form ::-webkit-input-placeholder {color: #fff;}
.contact-form ::-moz-placeholder {color: #fff;}
.contact-form :-ms-input-placeholder {color: #fff;}
.contact-form :-moz-placeholder {color: #fff;}
.contact-form ::placeholder {color: #fff;}*/

.wrapper-list-contact{width: 100%; margin-bottom: 25px}

.address-box{padding-bottom: 25px; width: 100%; position: relative; overflow: hidden;}
.address-box > .map{margin-bottom: 25px; left: 0; top: -100%; position: absolute; z-index: -1; visibility: hidden;}
.address-box.in > .map{position: relative; top: 0;  z-index: 1; visibility: visible;}
.address-box + .address-box{padding: 25px 0;}
.wrapper-list-contact .address-box:last-child{padding-bottom: 0;}
.address-box.pb25{padding: 0 0 25px;}
.address-box + .address-box{border-top: dotted 1px #005bac;}
.address-box h4,  .address-box .part{background-repeat: no-repeat; background-position: left top; padding-left: 30px;}
.address-box h4{background-image: url(../images/contact-ico-tit.png); color: #005bac; font-size: 16px; line-height: 24px; padding-top: 4px; margin: 0;}
.address-box nav, .address-box p, .address-box address{margin: 10px 0 0;}
.address-box .part a{color: #414244;}
.address-box .part-1{background-image: url(../images/contact-ico-1.png);}
.address-box .part-2{background-image: url(../images/contact-ico-2.png); background-position: left center;}
.address-box .part-3{background-image: url(../images/contact-ico-3.png); background-position: left center;}
.address-box .nav-link a{color: #aec4d9; font-size: 22px;}
.address-box .nav-link a:before{visibility: hidden;}
.address-box .nav-link a:hover{color: #0066b3;}
.address-box .nav-link a:hover .fa-youtube-play{color: #f00;}



.footer-container .part strong, .wrap-contact .part strong{display: block; margin-bottom: 3px;}
.wrap-contact .part a{color: #414244;}
.footer-container .part-3{margin-bottom: 10px;}
.footer-container h4{font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 15px; margin-top: 45px;}
.footer-container .map{width: 100%;}
.footer-container .footer-menu{background: rgba(0, 91, 172,.9);left: 0; bottom: 100%; height: 50px; overflow: hidden; position: absolute; width: 100%; z-index: 10;}
.footer-in .footer-menu{bottom: 0; position: fixed;}
.footer-menu .menu-nav{list-style: none; padding: 0; margin: 0; width: 100%; overflow: hidden;}
.footer-menu .menu-nav > li{display: inline-block; vertical-align: bottom; text-align: left; }
.footer-menu .menu-nav > li.wauto{width: auto;}
.footer-menu .menu-nav > li.sroll-top{width:  150px;}
.footer-menu .menu-nav > li > a{color: #95d6ff; display: inline-block; vertical-align: top; font-size: 16px; font-weight: 500; padding: 3px 20px; line-height: 29px;}
.footer-menu .menu-nav > li > a:hover{text-decoration: none; color: #fff;}
.footer-menu .menu-nav > li.sroll-top > a, .footer-menu a.sroll-top{display: block; width: 59px; height: 50px; margin: 0 auto; padding: 0;}
.footer-menu a.sroll-top{background: url(../images/top-ico.png) no-repeat center center; font-size: 0;}
.footer-menu .menu-nav .ico, .menu-footer .header-link a .ico{background-repeat: no-repeat; background-position: left top; background-size: 24px 48px; display: inline-block; vertical-align: top; height: 24px; line-height: 24px; width: 24px;margin-right: 0; margin-top: 2px;}
.footer-menu .menu-nav .ico img{display: inline-block; vertical-align: middle; max-width: 24px; max-height: 24px;}
.footer-menu .menu-nav .ico.ico-1{background-image: url(../images/icon-b-1.png);}
.footer-menu .menu-nav .ico.ico-2{background-image: url(../images/icon-b-2.png);}
.footer-menu .menu-nav .ico.ico-3, .menu-footer .header-link a .ico.ico-3{background-image: url(../images/icon-b-3.png);}
.footer-menu .menu-nav > li > a:hover .ico{background-position: 0 -24px;}
.parne-wrap{border-top: solid 1px #fff; padding: 15px 0 0; width: 100%; margin-top: 30px;}
.parner-box{background: #fff; display: inline-block; vertical-align: top; margin: 10px; height: 100px; line-height: 100px;width: 150px;}
.parner-box img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%;}
.parne-wrap h4{font-size: 18px; line-height: 24px; margin: 0 !important;}
.copyright{color: #95d6ff; font-size: 12px; }
.nav-site a{color: #95d6ff; display: inline-block; font-size: 15px; line-height: 24px; padding: 8px 22px; position: relative;}
/*=============*/
.btn-menu {    display: block;	  float: left;    position: relative;    right: 0;    top: 0; padding-top: 6px; padding-bottom: 6px;margin-right: 12px;  -webkit-transform: rotate(0deg);    transform: rotate(0deg);    z-index: 10001;    cursor: pointer;    width: 25px;    z-index: 98;}
.btn-menu:after {    content: '';    position: relative;    display: block;    width: 100%;    padding-bottom: 70%;}
.btn-menu span {    display: block;    position: absolute;    height: 2px;    width: 100%;    background: #e2eeff;    border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;    opacity: 1; filter: alpha(opacity=100);   left: 0;    -webkit-transform: rotate(0deg);    transform: rotate(0deg);    -webkit-transition: .25s ease-in-out;    transition: .25s ease-in-out;}
.btn-menu span:nth-child(1) {    top: 6px}
.btn-menu span:nth-child(2) {    top: 6px;    bottom: 6px;    margin: auto;    width: 100%;    right: 0;    left: auto;}
.btn-menu span:nth-child(3) {    bottom: 6px}
.open-page .btn-menu span:nth-child(1) {    top: 8px;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}
.open-page .btn-menu span:nth-child(2) {    opacity: 0; filter: alpha(opacity=0);   right: -200%}
.open-page .btn-menu span:nth-child(3) {    top: 8px;    -webkit-transform: rotate(-135deg);    transform: rotate(-135deg);}
.btn-menu, .btn-menu.close:hover, .btn-menu.close:focus{opacity: 1;filter: alpha(opacity=100);}
/*===================*/
.hbox-full{height: 100%;}
/*.wrapper-silder, .wrapper-silder .silder-container, .wrapper-silder .item{width: 100%;}
.wrapper-silder .silder-container, .wrapper-silder .slick-slider .slick-track, .wrapper-silder .slick-slider .slick-list, .wrapper-silder .slider-box{height: 100% !important;}
.silder-container .slick-arrow{background: url(../images/slider-arrowa.png) no-repeat left top;  display: block; border: none; padding: 0; height: 59px; width: 59px; top: 50%; margin-top: -30px; position: absolute; z-index: 99; font-size: 0; opacity: 0;}
.silder-container .slick-arrow.slick-prev{left: 35px; background-position: -59px 0;}
.silder-container .slick-arrow.slick-next{right: 35px; background-position: 0  0;}
.silder-container:hover .slick-arrow{opacity: 1;}
.silder-container .slick-arrow:hover, .silder-container .slick-arrow:focus, .silder-container .slick-arrow:visited{text-decoration: none; outline: none;}
.wrapper-silder .owl-item img{display: inline-block; width: auto; vertical-align: bottom;}
.slider-box > .container{height: 100%;}
.slider-peo{left: 50%; bottom: 0; position: absolute; width: 100%; padding-top: 220px; z-index: 1; vertical-align: bottom; max-height: 100%; margin-left: 100%; -webkit-transition: all ease 0.5s;    -moz-transition: all ease 0.5s;    -o-transition: all ease 0.5s;    transition: all ease 0.5s; -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
.slick-current .slider-peo, .active .slider-peo{margin-left: 0;}
.slider-peo >img, .slider-text > img{max-height: 100%; max-width: 100%; display: inline-block; vertical-align: bottom;}
.slider-text{left: 0; top: 0; padding-top: 360px; padding-bottom: 40px;position: absolute; width: 50%; height: 100%; z-index: 10; text-align: center; margin-top: -100%; opacity: 0; -webkit-transition: all ease 1.5s;    -moz-transition: all ease 1.5s;    -o-transition: all ease 1.5s;    transition: all ease 1.5s;}
.slider-text .text-inner{display: inline-block; vertical-align: top; position: relative;  padding-bottom: 60px; max-height: 100%;}
.slider-text .text-inner img{max-width: 100%; display: inline-block; max-height: 100%;}
.slider-text .text-inner > p{bottom: 0; left: 0; position: absolute; width: 100%; text-align: center; margin: 0;}
.slick-current .slider-text, .active .slider-text{margin-top: 0;opacity: 1;}
.slick-dots{list-style: none; padding: 0; margin: 0; bottom: 30px; left: 0; position: absolute; width: 100%; text-align: center; z-index: 10;}
.slick-dots > li, .slick-dots > li > button{display: inline-block; vertical-align: bottom;}
.slick-dots > li > button{background: url(../images/slider-pager.png) no-repeat center top; border: none;font-size: 0; margin: 0 12px; height: 17px; width: 17px;}
.slick-dots > li > button:focus, .slick-dots > li > button:visited{outline: none;}
.slick-dots > li.slick-active > button{background-position: center -17px;}
.text-up .slider-text{padding-top: 270px; height: 100%;}
.text-up .slider-text .text-inner{height: 90%;}
.text-up .slider-peo.text-right{}*/
.slick-dots{list-style: none; padding: 0; margin: 0; bottom: 30px; left: 0; position: absolute; width: 100%; text-align: center; z-index: 10;}
.slick-dots > li, .slick-dots > li > button{display: inline-block; vertical-align: bottom;}
.slick-dots > li > button{background: url(../images/slider-pager.png) no-repeat center top; border: none;font-size: 0; margin: 0 12px; height: 17px; width: 17px;}
.slick-dots > li > button:focus, .slick-dots > li > button:visited{outline: none;}
.slick-dots > li.slick-active > button{background-position: center -17px;}
.wrapper-silder, .wrapper-silder .silder-container, .wrapper-silder .item{width: 100%;}
.wrapper-silder .silder-container, .wrapper-silder .slick-slider .slick-track, .wrapper-silder .slick-slider .slick-list, .wrapper-silder .slider-box{height: 100% !important;}
.silder-container .slick-arrow{background: url(../images/slider-arrowa.png) no-repeat left top;  display: block; border: none; height: 59px; width: 59px; top: 50%; padding: 0; margin-top: -30px; position: absolute; z-index: 99; font-size: 0; opacity: 0;filter: alpha(opacity=0);}
.silder-container .slick-arrow.slick-prev{left: 10px; background-position: -59px 0;}
.silder-container .slick-arrow.slick-next{right: 10px; background-position: 0  0;}
.silder-container:hover .slick-arrow{opacity: 1;filter: alpha(opacity=100);}
.silder-container .slick-arrow:hover, .silder-container .slick-arrow:focus, .silder-container .slick-arrow:visited{text-decoration: none; outline: none;}
.wrapper-silder .owl-item img{display: inline-block; width: auto; vertical-align: bottom;}
.slider-box > .container{height: 100%;}
.slider-peo img{display: inline-block; vertical-align: bottom; max-height: 100%; max-width: 100%;}
.slider-peo{right: 0; bottom: -100%;  position: absolute; padding-top: 160px; width: 100%; z-index: 1; vertical-align: bottom; -webkit-transition: all ease-in-out 0.5s;    -moz-transition: all ease-in-out 0.5s;    -o-transition: all ease-in-out 0.5s;    transition: all ease-in-out 0.5s;
 /*left: 50%;margin-left: 100%;
   -ms-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);*/
    vertical-align: bottom;
  }
  .slider-peo .slider-peo-inner{width: 100%; position: relative; bottom: 0; right: 0; height: 100%;}

  .slider-peo.hbox-full .slider-peo-inner img{position: absolute; bottom: 0; right: 0; }
.slider-peo{-ms-transform: scale(0); /* IE 9 */
    -webkit-transform: scale(0); /* Safari */
  transform: scale(0); /* Standard syntax */ }
.slick-current .slider-peo, .active .slider-peo{bottom: 0;right: 0;  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
  transform: scale(1); /* Standard syntax */}
.slider-peo >img, .slider-text > img{max-width: 100%; max-height: 100%; display: inline-block; vertical-align: bottom;}
.slider-text{left: 15px; top: 0; padding-top: 100px; padding-left: 25px; padding-right: 25px; position: absolute; width: 36%; height: 100%; z-index: 10; text-align: center; margin-left: -100%; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all ease 1.5s;    -moz-transition: all ease 1.5s;    -o-transition: all ease 1.5s;    transition: all ease 1.5s;}
.slider-text .text-inner{height: 100%; vertical-align: top; position: relative; }
.slider-text .text-inner .text-inner-box{width: 100%; max-height: 100%; padding-bottom: 60px; max-height: 100%; -ms-transform: translateX(0) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(0) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(0) translateY(-50%);
    position: relative; top: 50%; left: 0;}
.slider-text .text-inner img{
  max-width: 100%; max-height: 100%; display: inline-block;
}
.text-inner-box > p{bottom: 0; left: 0; position: absolute; width: 100%; margin: 0;}
.text-inner-box .btn-more {border-color: #fff; color: #fff;}
.text-inner-box .btn-more:hover{background-color: #fff; border-color: #fff; color:#0066b3; }

.slider-text .text-inner > p{bottom: 0; left: 0; position: absolute; width: 100%; text-align: center; margin: 0;}
.slick-current .slider-text, .active .slider-text{margin-left: 0;opacity: 1;filter: alpha(opacity=100);}
/*===================*/
.article-box, .articles-box{background-color: #fff; border-radius: 4px; margin: 20px auto 5px; position: relative; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);}
/*.article-box{ cursor: pointer;}*/
.article-box a:focus, .articles-box a:focus,
.article-box a:hover, .articles-box a:hover{text-decoration: none;}
.articles-box{padding: 20px; width: 100%;}
.articles-box .description{margin: 0;}
.rowm .article-box{margin: 10px auto 20px;}
.articles-box figure, .articles-box figure a{display: block; height: 150px; line-height: 150px;width: 100%;}
.article-box figure{border-radius: 4px 4px 0 0;}
.articles-box figure img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 150px;}
.articles-box header{display: table; margin-bottom: 5px; width: 100%;}
.articles-box header h4{display: table-cell; vertical-align: bottom; width: 100%; margin: 0;}
.articles-box header h4{font-size: 20px; line-height: 24px;}
body.ln-vn .articles-box header h4{font-size: 18px;}
.articles-box header h4:hover{text-decoration: none;}
.item:nth-child(4n+1) .articles-box header h4{color: #a40c5e;}
.item:nth-child(4n+2) .articles-box header h4{color: #ec6619;}
.item:nth-child(4n+3) .articles-box header h4{color: #0066b3;}
.item:nth-child(4n) .articles-box header h4{color: #76a60d;}
.figure-wrap{width: 100%;position: relative;}
.figure-wrap .bg{border-radius: 4px 4px 0 0; height: 100%; position: absolute; left: 0; top: 0;}
.figure-wrap .box-list, .bg .mask-play, .bg .mask-view{border-radius: 4px 4px 0 0; display: block; width: 100%; min-height: 340px; position: relative; z-index: 10;visibility: hidden; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
.figure-wrap .box-list{color: #fff; line-height: 22px;}
.ch-item .box-list{background: none;}
.bg .mask-play, .bg .mask-view{font-size: 0; position: absolute; left: 0; top: 0; height: 100%; min-height: 280px;}
.bg .mask-play:before, .bg .mask-view a{left: 50%; top: 50%; position: absolute; z-index: 1; -ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.bg .mask-play{opacity: 0;filter: alpha(opacity=0); -webkit-transition: all ease .5s;    -moz-transition: all ease .5s;    -o-transition: all ease .5s;    transition: all ease .5s;}
.bg .mask-play:before{background: url(../images/ico-play.png) no-repeat center center; content: "";display: block; height: 81px; width: 81px; }
.bg .mask-view a{background-color: #fff; border-radius: 4px; color: #005bac; display: inline-block; font-size: 20px; font-weight: 400; line-height: 44px; min-width: 175px; margin-top: 50%; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all ease .3s;    -moz-transition: all ease .3s;    -o-transition: all ease .3s;    transition: all ease .3s;}
.bg .mask-view a:hover{text-decoration: none;}
.article-box:hover .mask-view a{margin-top: 0; opacity: 1;filter: alpha(opacity=100);}
.article-box:hover .mask-play{opacity: 1;filter: alpha(opacity=100);}
.box-list .box-inner{padding: 40px 10px 70px; width: 100%; position: static;}
.box-list .box-inner.box-text{padding: 20px 20px 70px;}
.box-list .box-inner.box-text p{margin-bottom: 5px;}
.figure-wrap.in > .box-list, .box-pos:hover .figure-wrap > .box-list, .box-pos:hover .bg > .mask-play, .box-pos:hover .bg > .mask-view{visibility: visible;  opacity: 1;filter: alpha(opacity=100);}
.box-pos:hover .figure-wrap{overflow: visible;}
.box-list .btn-a{border: solid 1px #fff; border-radius: 3px; color: #fff; display: block; font-size: 14px; font-weight: 500; margin-bottom: 16px; line-height: 16px; position: relative; padding: 4px 0; }
.hlist  .btn-a{min-height: 58px;}
.btn-a.fob{font-size: 20px; font-weight: 400;}
.box-list .btn-a span{display: block;  padding: 0 6px; left: 0; top: 50%; position: relative; width: 100%; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}
body.ln-vn .box-list .btn-a span{padding: 0 3px;}
.box-list .btn-a:hover{background-color: #fff; color: #005bac; text-decoration: none;}
.box-list .box-btn{margin: 0; bottom: 30px; left: 0; position: absolute; width: 100%; text-align: center; }
.box-list .box-btn .btn-a{display: inline-block; min-width: 140px; line-height: 32px;}
.box-list .closea{background: url(../images/ico-close.png) no-repeat right top; display: block; font-size: 0; height: 21px; width: 21px; right: 15px; top: 12px; position: absolute;}
/*.article-box header, .event-box header, .gallery-box header{min-height: 52px;}*/
.article-box header h4{color: #005bac; font-size: 24px; font-weight: 700; margin: 0; line-height: 30px;}
 .event-box header h4, .gallery-box header h4{color: #005bac; font-size: 16px; line-height: 24px; margin: 0;}
 .article-box header h4, .event-box header h4, .gallery-box header h4{padding: 14px 10px; line-height: 24px;}
/*.article-box header.hcenter h4, .event-box header.hcenter h4, .gallery-box header.hcenter h4{top: 50%; position: relative; left: 0; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); overflow: hidden; }*/
.testimonial-box header h4{-ms-transform: none; -webkit-transform: none; transform: none;    top: 0;}
.gallery-box header h4 a, .gallery-box header h4 a:hover{color: #005bac; text-decoration: none;}
.event-box .description{color: #fff; width: 100%; overflow: hidden;}
.event-box .box-list{font-size: 16px; line-height: 22px; padding: 55px 25px 80px; position: relative; height: auto;  min-height:  300px; position: relative;}
.event-box .description a{color: #fff; text-decoration: none; }
.event-box .box-list .ico-new{position: absolute; left: -7px; top: -100%; display: inline-block; vertical-align: top; -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;}
.event-box:hover .box-list .ico-new{top: -7px; }
.event-box .description p strong{display: block;}
.event-box .description .line{position: relative; padding-top: 10px;}
.event-box .description .line-b{position: relative; padding-bottom: 10px; margin-bottom: 0;}
.event-box .description .line:before, .event-box .description .line-b:before{background: #4a86bb; content: ""; top: 0; left: 30px; right: 30px; position: absolute; height: 1px;}
.event-box .description .line-b:before{top: auto; bottom: 0;}
.gallery-box .bg{min-height: 280px;}
.btn-more{border: solid 2px #0066b3;    border-radius: 5px;    color: #0066b3;    display: inline-block;    font-size: 16px;    font-weight: 500;    line-height: 40px;    min-width: 140px;    text-align: center;}
.btn-more:hover{background-color: #0066b3; border-color: #0066b3; color: #fff; text-decoration: none;}
.box-nolink a{cursor: default;}
.slider-text .btn-more{border-color: #fff; color: #fff;}
.slider-text .btn-more:hover{background-color:  #fff; color: #0066b3;}
.text-inner-box .btn-more2{background-color: #fff; border: none; color: #0066b3; font-size: 16px; font-weight: bold; line-height: 28px; padding: 8px 20px;}
.text-inner-box .btn-more2 .ico{background-color: #0066b3; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #fff; display: inline-block; font-size: 12px; height: 28px; width: 28px; line-height: 28px; vertical-align: top; margin-left: 5px;}
.text-inner-box .btn-more2:hover{background-color: #0066b3; color: #fff;}
.text-inner-box .btn-more2:hover .ico{background-color: #fff; color: #0066b3;}

.head{width: 100%; margin-bottom: 30px;}
.head .date{background: url(../images/ico-cal.png) no-repeat left center; color: #414244; float: left; font-size: 18px; line-height: 30px; margin: 6px 0; padding-left: 36px;}
.head .link-a {    border: solid 1px #005bac;    border-radius: 4px;    display: block;    float: right;    font-size: 20px;    font-weight: 500;    vertical-align: top;    line-height: 40px;    padding: 0 20px;    text-align: center;}
.head .link-a:hover{background-color: #005bac; color: #fff;}
.head .link-a:hover, .head .link-a:focus, .head .link-a:visited{text-decoration: none; outline: none;}
#eventsView .head{margin-bottom: 15px;}
.testimonial-box{font-size: 14px; line-height: 20px;padding: 20px;}
.testimonial-box figure{width: 60px; margin: 0 auto; position: relative;}
.testimonial-box figure:before, .testimonial-box figure:after{content: ""; display: block; position: absolute;}
.testimonial-box figure:before{background: url(../images/figure-bg-ltc.png) no-repeat right top; left: -23px; top: 15px; height: 26px; width: 21px;}
.testimonial-box figure:after{background: url(../images/figure-bg-brc.png) no-repeat left top; right: -27px; top: 25px; height: 27px; width: 24px;}
.testimonial-box figure img{display: block; border-radius: 100%; width: 100%;}
.testimonial-box header, .tes-detail header{ border-bottom: solid 1px #99bdde; margin: 10px 0 15px;}
.testimonial-box header{text-align: center;}
.wrapper-gallery{width: 100%;}
.testimonial-box header h4{font-size: 14px; line-height: 20px; margin: 0; padding: 0; }
.testimonial-box header.hcenter h4{-ms-transform: translateX(0) translateY(0);    -webkit-transform: translateX(0) translateY(0);    transform: translateX(0) translateY(0); top: 0;}
.hcenter .htcenter{-ms-transform: translateX(0) translateY(-50%);    -webkit-transform: translateX(0) translateY(-50%);    transform: translateX(0) translateY(-50%); top: 50%; position: relative; left: 0; width: 100%; display: block;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hcenter .htcenter {  display: inline-block;}
}*/
.testimonial-box header p{font-style: italic; }
.testimonial-box .description{margin-bottom: 15px; text-align: justify;}

.tab-control{list-style: none; padding: 0; margin: 15px 0 0;}
.tab-control > li{display: inline-block; padding: 0 20px;}
.tab-control > li > a{color: #5a5d5f; display: inline-block; font-size: 16px; font-weight: 500;line-height: 30px; vertical-align: top; padding: 0;}
.tab-control > li > a:hover, .tab-control > li.active > a{background: none; color: #0066b3;}
.tab-control > li > a > .ico{display: inline-block; vertical-align: top; height: 30px; line-height: 30px; margin-right: 5px;}
.tab-control > li > a > .ico img{display: inline-block; vertical-align: middle; max-height: 30px; max-width: 35px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.tab-control > li > a:hover > .ico img, .tab-control > li.active > a > .ico img{-webkit-filter: grayscale(0); filter: grayscale(0);}
.wrapper-gallery-tab .tab-content{position: relative; width: 100%; z-index: 1; overflow: hidden;}
.wrapper-gallery-tab .tab-content .tab-pane{left: 0; top: 0; position: absolute; width: 100%; z-index: -1; visibility: hidden; opacity: 0;filter: alpha(opacity=0); display: block !important;}
.wrapper-gallery-tab .tab-content .tab-pane.active{position: relative; visibility: visible; opacity: 1;filter: alpha(opacity=100); z-index: 1;}

.gallery-modal .close:focus, .gallery-modal .close:active{outline: none;}
.gallery-item{position: relative; width: 100%; z-index: 1;}
.gallery-item .galler-text{background: rgba(0, 0, 0,.5); bottom: 0; color: #fff; left: 0; width: 100%; position: absolute; z-index: 10; padding: 15px;}
.gallery-item .galler-text{line-height: 24px;}
.gallery-modal .modal-header h4{color: #005bac; font-size: 24px; font-weight: 500;line-height: 30px; text-align: center;}
.gallery-modal .modal-footer{color: #58595b; font-size: 16px; font-weight: 500; line-height: 24px;}
.gallery-modal .modal-footer .num{display: inline-block; vertical-align: top; padding: 10px 0;}
.gallery-modal .link-a{border: solid 1px #005bac; border-radius: 4px; display: inline-block; font-size: 20px; font-weight: 500; vertical-align: top; line-height: 40px; min-width: 150px; padding: 0 10px; text-align: center;}
.gallery-modal .wrap-box .link-a{background: #005bac; color: #fff; right: 10px; top: 10px; position: absolute; z-index: 10; min-width: 60px;}
.gallery-modal .link-a:hover{background-color: #005bac; color: #fff; text-decoration: none;}
.gallery-modal .owl-nav div, .gallery-modal .slider-btn{background: url(../images/slider-arrow.png) no-repeat left top; border: none; display: block; font-size: 0; height: 30px; width: 34px; font-size: 0;top: 50%; margin-top: -15px; position: absolute; z-index: 99;}
.gallery-modal .owl-nav div.owl-prev, .gallery-modal .btn-prev{background-position: 0 0;left: -60px;}
.gallery-modal .owl-nav div.owl-next, .gallery-modal .btn-next{background-position: -34px 0;right: -60px;}
.gallery-modal .owl-nav div.owl-prev:hover, .gallery-modal .btn-prev:hover{background-position: 0 -30px;}
.gallery-modal .owl-nav div.owl-next:hover, .gallery-modal .btn-next:hover{background-position: -34px -30px;}
.gallery-modal .close, .model-career .close{background: url(../images/ico-closew.png) no-repeat center center; color: #fff; font-size: 0; right: -7px; top: -30px;float: none; opacity: 1;filter: alpha(opacity=100); margin: 0; display: block; z-index: 10;position: absolute; height: 32px; width: 32px; text-shadow: none;}
.model-career .modal-title{color: #0066b3; font-size: 20px; line-height: 28px; margin: 0;}
.model-career .modal-header{position: relative;}
.model-career .modal-title:before{content: ""; background-color: #d4dee6; height: 1px; left: 15px; right: 15px; bottom: 0; position: absolute;}
.model-career .item{padding-top: 15px; padding-bottom: 15px;}
.model-career .form-control{margin: 0;}
.model-career .group-area{padding-top: 0;}
.model-career .item > p{margin: 0;}
.model-career .group-area textarea{height: 120px;}
.model-career .btn-more{margin: 0;}
.wrap-file{position: relative; padding-right: 64px;}
.wrap-file .file-btn{background: url(../images/ico-upload.png) no-repeat center center; right: 0; top: 0; position: absolute; height: 100%; width: 64px; overflow: hidden;}
.wrap-file .file-btn .file-upload{display: block; height: 100%; width: 64px; opacity: 0;filter: alpha(opacity=0); cursor: pointer;}
.wrap-file .file-name{line-height: 28px;}
.model-career .file-error{display: block !important;}

#map{width: 100%; height: 100%;}
#maps1{height: 100%; width: 100%;}
.map{width: 100%; height: 220px;}
.footer-container .map{height: 300px;}
.address-box .map > .map-box{height: 100%; width: 100%;}
.group-main, .anti-opa, .anti-opas{opacity: 0;filter: alpha(opacity=0);}
.current.group-main,  .current.anti-opa{opacity: 1;filter: alpha(opacity=100);}
.anti-top{top: 100px; position: relative; left: 0;opacity: 0;filter: alpha(opacity=0);}
.current.anti-top{top: 0;opacity: 1;filter: alpha(opacity=100);}
.anti-custom .anti-opa{position: relative; top: 20px;}

.ch-item .bg {  	-webkit-transition: all 0.4s ease-in-out;  	-moz-transition: all 0.4s ease-in-out;  	-o-transition: all 0.4s ease-in-out;  	-ms-transition: all 0.4s ease-in-out;  	transition: all 0.4s ease-in-out;  }
.ch-item .box-btn{      bottom: -20px; opacity: 0; filter: alpha(opacity=0);   -webkit-transition: all 0.4s ease-in-out;  	-moz-transition: all 0.4s ease-in-out;  	-o-transition: all 0.4s ease-in-out;  	-ms-transition: all 0.4s ease-in-out;  	transition: all 0.4s ease-in-out;}
.ch-item:hover .box-btn{bottom: 5px; opacity: 1; filter: alpha(opacity=100);}
.figure-wrap{  overflow: hidden;}
.ch-item:hover .bg {	box-shadow:		inset 0 0 0 500px rgba(0, 91, 172,.8);}
.ch-info {	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;	-webkit-transform: scale(0.3);	-moz-transform: scale(0.3);	-o-transform: scale(0.3);	-ms-transform: scale(0.3);	transform: scale(0.3);	-webkit-backface-visibility: hidden;}
.ch-item:hover .ch-info  {	opacity: 1;filter: alpha(opacity=100);	-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);}
.ch-item:hover .anti-opas {	opacity: 1;filter: alpha(opacity=100);}
.footer-in .footer-menu{  -webkit-animation: antibttom .5s ;  -moz-animation:    antibttom .5s ;  -o-animation:      antibttom .5s ;  animation:         antibttom .5s ;}
@-webkit-keyframes antibttom {  0%   { bottom: -100%; opacity: 0;}  100% { bottom: 0; opacity: 1; }}
@-moz-keyframes antibttom {  0%   { bottom: -100%; opacity: 0; }  100% { bottom: 0; opacity: 1;}}
@-o-keyframes antibttom {  0%   { bottom: -100%; opacity: 0; }  100% { bottom: 0; opacity: 1; }}
@keyframes antibttom {  0%   { bottom: -100%; opacity: 0; }  100% { bottom: 0; opacity: 1; }}

.wrapper-login{position: static; width: 100%; z-index: 1;  padding-top: 20%;}
.wrapper-login:before{background: url(../images/login-bg.jpg) no-repeat center top; background-size: cover; content: ""; left: 0; top: 0;  position: fixed; z-index: 0; height: 100%; width: 100%;}
.wrapper-login-tab{color: #fff; margin: 0 auto; width: 400px; padding: 45px 70px;}
.wrapper-login-tab h1{font-size: 40px; font-weight: 400; margin: 0 0 20px;}
.wrapper-login-tab .tab-control{border-top: solid 1px #94b0d7; overflow: hidden;}
.wrapper-login-tab .tab-control > li{display: block; float: left; width: 50%; padding: 14px 0 0;}
.wrapper-login-tab .tab-control > li > a{color: #95d6ff; display: block; line-height: 30px;}
.wrapper-login-tab .tab-control > li.active > a, .wrapper-login-tab .tab-control > li > a:hover{color: #fff;}
.form-login .form-control, .form-login .btn-default{ background: none; border-color: #fff; color: #fff; font-size: 16px;height: 40px; line-height: normal;}
.form-login .form-input{padding: 14px 0 6px; width: 100%;}
.form-login .btn-default{display: inline-block; font-size: 20px; font-weight: 500; height: 44px; min-width: 127px; text-align: center; padding: 0 15px; margin: 24px auto 0; vertical-align: top;}
.form-login .btn-default:hover{background: #fff; color: #005bac;}

.form-login input::-webkit-input-placeholder {color: #fff;}
.form-login input::-moz-placeholder {color: #fff;}
.form-login input:-ms-input-placeholder {color: #fff;}
.form-login input:-moz-placeholder {color: #fff;}
.form-login input::placeholder {color: #fff;}
.icos{background-repeat: no-repeat; background-position: left top; display: inline-block; height: 20px; width: 20px; top: -3px; position: relative; vertical-align: middle; z-index: 1;}
:hover > .icos, .active > a > .icos{background-position: -20px 0;}
.icos-student{background-image: url(../images/ico-lo-student.png);}
.icos-parent{background-image: url(../images/ico-lo-parent.png);}
.icos-block{background-image: url(../images/ico-lo-block.png);}
/*.icos:before, .icos:after{background-repeat: no-repeat; background-position: center center; content: ""; display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute;  z-index: 10;}
.icos-student:before{background-image: url(../images/ico-lo-2.png);}
.icos-student:after{background-image: url(../images/ico-lo-2h.png); opacity: 0;}
.icos-parent:before{background-image: url(../images/ico-lo-3.png);}
.icos-parent:after{background-image: url(../images/ico-lo-3h.png); opacity: 0;}
.icos-block:before{background-image: url(../images/ico-lo-1.png);}
.icos-block:after{background-image: url(../images/ico-lo-1h.png); opacity: 0;}
.icos-btn:hover .icos-block:before, .icos-btn:hover .icos-student:before, .icos-btn:hover .icos-parent:before, .active .icos-btn .icos-student:before, .active  .icos-btn .icos-parent:before{opacity: 0;}
.icos-btn:hover .icos-block:after, .icos-btn:hover .icos-student:after, .icos-btn:hover .icos-parent:after, .active .icos-btn .icos-student:after, .active .icos-btn .icos-parent:after{opacity: 1;}*/
/*=====================*/
.header-title{background-repeat: no-repeat; background-position: center center ; background-size: cover; color: #fff; font-size: 16px; font-weight: 500; line-height: 20px; position: relative; width: 100%; z-index: 1; padding-top: 214px;}
.header-title:before, .header-title:after{ content: ""; opacity: 0.9;filter: alpha(opacity=90); left: 0; top: 0; height: 100%; position: absolute; width: 100%; z-index: 0;}
.header-title:before{background: #0052a5;}
.header-child:before{background: rgba(0, 91, 172,.9);;}
.header-child:after{ height: 0; -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
.in-hide .header-child:after{background: rgba(34, 75, 159,.9); z-index: 1; height: 100%;}
.header-title.header-about{background-image:  url(../images/about-bg.jpg);}
.header-title.header-admissions{background-image:  url(../images/admissions-hbg.jpg);}
.header-title.header-contact{background-image:  url(../images/contact-hbg.jpg);}
.header-title.header-location{background-image:  url(../images/location-hbg.jpg);}
.header-title.header-explore{background-image:  url(../images/explore-hbg.jpg);}
.header-title.header-curriculum{background-image:  url(../images/curriculum-bg.jpg);}
.header-child{background-image:  url(../images/child-bg-student.jpg);}
.header-child.parent{background-image:  url(../images/child-bg-parent.jpg);}
.header-title h1, .header-title p{margin: 0;}
.header-title h1{font-size: 20px; line-height: 28px; text-transform: uppercase;}
.header-title .text-box{border-top: solid 1px #a9c4df; padding: 14px 0;}
.header-title .text-box > span{display: inline-block; vertical-align: top; padding: 0 20px; position: relative;}
.header-title .text-box > span:before{content: "\f105"; font-family: "FontAwesome"; left: 0; top: 50%; position: absolute; line-height: 20px; margin-top: -12px; display: inline-block; vertical-align: top;}
.header-title .text-box > span:first-child{padding-left: 0;}
.header-title .text-box > span:last-child{padding-right: 0;}
.header-title .text-box > span:first-child:before{visibility: hidden;}
.menu-navl,.menu-navl ul{list-style: none; padding: 0; margin: 0; width: 100%;}
.menu-navl ul{display: none;}
.menu-navl ul ul{padding: 5px 0 10px 30px;}
.menu-navl{border-top: solid 1px #ebf0f5; border-bottom: solid 1px #ebf0f5; padding: 10px 0 15px;}
.menu-navl > li{border-bottom: solid 1px #ebf0f5;}
.menu-navl > li:last-child{border-bottom: none;}
.menu-navl li{position: relative;}
.menu-navl a{color: #58595b; display: block; font-size: 16px; font-weight: 500; line-height: 22px; position: relative; padding: 5px 30px 5px 0; text-decoration: none;}
.menu-navl a:hover, .menu-navl a:focus{text-decoration: none;}

.menu-navl > li > a{color: #0066b3; font-size: 20px; line-height: 30px;}
.menu-navl a .ico, .menu-level-nav ul li > a > .ico{display: inline-block; font-family: "FontAwesome"; vertical-align: top; line-height: 30px; right: 0; top: 50%; margin-top: -15px; position: absolute; width: 32px; text-align: center;}
.menu-navl a.open > .ico-down, .menu-navl a > .ico-up{visibility: hidden;}
.menu-navl a.open > .ico-up{visibility: visible;}
.menu-navl li > a:hover, .menu-navl li:hover > a, .menu-navl li > a.active, .menu-navl li.active > a{color: #0066b3; }
.menu-level-nav li > a.link-sub {position: absolute; right: 0; top: 0; height: 32px; width: 32px; z-index: 10; padding: 0; text-align: center;}
/*=======================*/
/*=====================*/
.title-box{background-repeat: no-repeat; background-position: left top;background-size: cover; color: #414244; font-size: 16px; font-weight: 500; line-height: 22px; width: 100%; height: 270px; position: relative; z-index: 1;}
.wellcome-bg{background-image: url(../images/wellcome-bg.jpg); background-position: right center;}
.teacher-bg{background-image: url(../images/teacher-bg.jpg); background-position: right center;}
.student-bg{background-image: url(../images/student-bg.jpg); background-position: left center;}
.promises-bg{background-image: url(../images/promises-bg.jpg); background-position: right center;}
.contact-bg{background-image: url(../images/contact-bg.jpg); background-position: right center;}
.ficility-bg{background-image: url(../images/ficility-bg.jpg); background-position: right center;}
.notice-bg{background-image: url(../images/notice-bg.jpg); background-position: right center;}
.mission-bg{background-image: url(../images/mission-bg.jpg); background-position: left center;}
.student-work-bg{background-image: url(../images/st-work-bg.jpg); background-position: left center;}
.gallery-bg{background-image: url(../images/gallery-bg.jpg); background-position: left center;}
.admissions-bg{background-image: url(../images/admissions-bg.jpg); background-position: right center;}
.events-bg{background-image: url(../images/events-bg.jpg); background-position: right center;}
.video-bg{background-image: url(../images/video-bg.jpg); background-position: right center;}
.tes-bg{background-image: url(../images/tes-bg.jpg); background-position: right center;}
.faq-bg{background-image: url(../images/faq-bg.jpg); background-position: right center;}
.career-bg{background-image: url(../images/career-bg.jpg); background-position: left center;}
.policy-bg{background-image: url(../images/policy-bg.jpg); background-position: left center;}
.nac-bg{background-image: url(../images/nac-bg.jpg); background-position: right center;}
.nac-p-bg{background-image: url(../images/nac-p-bg.jpg); background-position: right center;}
.ecd-bg{background-image: url(../images/ecd-bg.jpg); background-position: right center;}
.pass-bg{background-image: url(../images/pass-bg.jpg); background-position: right center;}
.ele-bg{background-image: url(../images/ele-bg.jpg); background-position: left center;}
.curri-sup-bg{background-image: url(../images/curri-sup-bg.jpg); background-position: left center;}
.nac-s-bg{background-image: url(../images/nac-s-bg.jpg); background-position: right center;}
.sup-bg{background-image: url(../images/sup-bg.jpg); background-position: right center;}
.overview-bg{background-image: url(../images/overview-bg.jpg); background-position: right center;}
.location-bg{background-image: url(../images/location-bg.jpg); background-position: right center;}
.title-box .title-text{display: inline-block; vertical-align: top; left: 0; top: 50%; position: absolute; z-index: 10; -ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%);transform: translateX(0) translateY(-50%);}

.title-box .right-text{right: 0; left: auto;}
.title-box h2{color: #00abe3; font-size: 30px; font-weight: 500; margin: 0 0 10px;}
.title-box h2 span{display: inline-block; vertical-align: top; line-height: 32px; padding: 6px 0; position: relative;}
.title-box h2 span:before, .title-box h2 span:after{background-color: #00abe3;content: ""; height: 1px; width: 100%; left: 0; position: absolute;}
.title-box h2 span:before{top: 0;}
.title-box h2 span:after{bottom: 0;}
.title-box .color-1, .titlew-1{color: #00a651;}
.title-box .color-1 span:before, .title-box .color-1 span:after{background-color: #00a651;}
.title-box .color-2, .titlew-2{color: #fff;}
.title-box .color-2 span:before, .title-box .color-2 span:after{background-color: #fff;}
.title-box .color-3, .titlew-3{color: #e75189;}
.title-box .color-3 span:before, .title-box .color-3 span:after{background-color: #e75189;}
.title-box .color-4, .titlew-4{color: #ff9c00;}
.title-box .color-4 span:before, .title-box .color-4 span:after{background-color: #ff9c00;}
.title-box .color-6, .titlew-6{color: #512d6d;}
.title-box .color-6 span:before, .title-box .color-6 span:after{background-color: #512d6d;}
.title-box p{margin: 0;}
.title-box .apply{right: 0; bottom: 20px; position: absolute; z-index: 10; margin: 0; padding: 0; width: 100%;}
.title-box .apply a, .read-more a{background: url(../images/ico-arl.png) no-repeat right center; color: #0066b3; display: inline-block; font-size: 16px; font-weight: 500; line-height: 24px; vertical-align: bottom; padding-right: 34px;}
.title-box .apply a:hover, .read-more a:hover{text-decoration: none;}
.read-more{margin: 0;}
.titlew-6{font-size: 24px; font-weight: 500; margin: 0; padding: 20px 0;}
.bq-nac{border: none; color: #414244; font-size: 14px; line-height: 18px; position: relative; padding: 10px 84px 0; margin-bottom: 30px;}
.bq-nac:last-child p{margin-bottom: 0;}
.bq-nac:before, .bq-nac:after{content: ""; position: absolute; height: 45px; width: 67px;}
.bq-nac:before{background: url(../images/bql.png) no-repeat right top; background-size: contain; left: 0; top: 0;}
.bq-nac:after{background: url(../images/bqr.png) no-repeat left top; background-size: contain; right: 0; bottom: 0;}
.list-nac{list-style: none; padding: 0; margin: 0;}
.list-nac > li{background: url(../images/ico-li.png) no-repeat left top; margin-top: 10px; padding-left: 45px; padding-bottom: 10px;}
.wrapper-text figure img{display: inline-block;}
/*=======================*/
.teacher-content blockquote, .wellcome-content blockquote{border: none;  color: #0066b3; font-size: 18px; font-weight: 500; line-height: 24px; padding: 0 5%; text-align: center; margin: 30px 0;}

.article-teacher{margin-top: 60px;}
.article-teacher, .article-teacher figure{width: 100%; position: relative;}
.wrapper-details figure{width: 222px; position: relative;}
.tes-detail figure{width: 98px;}
.wrapper-details figure{margin: 0 auto 15px;}
.wrapper-details figure:before, .wrapper-details figure:after{content: ""; display: block; position: absolute; z-index: 10;}
.wrapper-details figure:before{background: url(../images/figure-bg-lt.png) no-repeat left bottom; height: 39px; width: 37px; right: -30px; top: 0;}
.wrapper-details figure:after{background: url(../images/figure-bg-br.png) no-repeat left bottom; height: 45px; width: 38px; left:-40px; bottom: 15px;}
.tes-detail figure:before{background: url(../images/figure-bg-brc2.png) no-repeat left top; right: -43px; top: 38px; height: 45px; width: 38px;}
.tes-detail figure:after{background: url(../images/figure-bg-ltc2.png) no-repeat right top; left: -37px; top: 23px; height: 41px; width: 32px;}
.article-teacher figure > a, .wrapper-details figure > img{display: block; width: 100%; position: relative; z-index: 1;}
.tes-detail figure > img{border-radius: 100%; }
.article-teacher figure img{display: inline-block; max-width: 100%; vertical-align: top;}
/*.article-teacher .content{overflow: hidden; padding-left: 60px;}
.list-teacher .article-teacher:nth-child(2n) figure{float: right;}
.list-teacher .article-teacher:nth-child(2n) .content{padding-right: 40px; padding-left: 0;}*/
.wrapper-details{padding: 15px;}
.article-teacher .content header h4{margin: 20px 0 0;}
.article-teacher .content header h4, .wrapper-details h4{color: #005bac; font-size: 20px; line-height: 28px; text-transform: uppercase;}
.wrapper-details h4{margin: 0 0 5px}
.article-teacher a:hover{text-decoration: none;}
/*========================*/
.row-10{margin-left: -10px; margin-right: -10px;}
.row-10 .item{padding-left: 10px; padding-right: 10px;}
.list-student{padding: 20px 0;}
.student-box{padding: 20px 0;}
.student-box figure{margin: 0 auto; height: 84px; width: 84px; line-height: 84px;}
.student-box figure img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.student-box header h4{color: #197ab8; font-size: 16px; font-weight: 700; line-height: 22px;}
.item:nth-child(5n+1) .student-box header h4{color: #ff863c;}
.item:nth-child(5n+2) .student-box header h4{color: #06b586;}
.item:nth-child(5n+4) .student-box header h4{color: #f59417;}
.item:nth-child(5n) .student-box header h4{color: #d14646;}
/*========================*/
.list-promises{width: 100%; padding-bottom: 40px;}
.article-promises{overflow: hidden; width: 100%; padding: 40px 0;}
.article-promises figure{float: left; width: 46%; text-align: center;}
.article-promises figure img{display: inline-block; max-width: 100%;}
.article-promises header h4{color: #0066b3; font-size: 24px; font-weight: 700; line-height: 30px; margin: 0 0 10px;}
.article-promises .content{overflow: hidden; padding: 0 30px;}
.article-promises:nth-child(2n) figure{float: right;}
.article-promises:nth-child(4n+2){background-color: #faf8ef;}
.article-promises:nth-child(4n){background-color: #f6faef;}
.article-promises:nth-child(4n+1) header h4{color: #a40d5e;}
.article-promises:nth-child(4n+2) header h4{color: #ec6619;}
.article-promises:nth-child(4n) header h4{color: #76a60d;}

.article-promises:nth-child(4n) ul {list-style: none; padding: 0; margin: 0;}
.article-promises:nth-child(4n) ul  > li{position: relative; padding-left: 20px; margin-bottom: 10px;}
.article-promises:nth-child(4n) ul  > li:before{color: #76a60d; content: "\f111"; font-size: 10px; font-family: "FontAwesome"; position: absolute; left: 0; top: 0;}
/*=========================*/
.list-mission{padding: 25px 0; width: 100%;}
.mission-box{position: relative; width: 100%; margin: 10px 0 30px;}
.mission-box figure{padding-left: 9px; padding-bottom: 9px; position: relative; z-index: 0;}
.mission-box figure:before{content: ""; background-color: #ffe0ec; left: 0; top: 9px; bottom: 0; right: 9px; position: absolute; z-index: -1;}
.mission-box:nth-child(2n+1) figure {padding-left: 0; padding-right: 21px; padding-bottom: 21px}
.mission-box:nth-child(2n+1) figure:before{left: 21px; right: 0; top: 21px;}
.mission-box figure img{display: block; width: 100%; position: relative; z-index: 1;}
.mission-box header h4{color: #e75189; font-size: 30px; font-weight: 500; line-height: 36px; margin-bottom: 10px;}
.mission-box .description strong{font-size: 18px;}
/*========================*/
.admission-wrap{padding: 60px 0 30px; width: 100%; position: relative; z-index: 1; overflow: hidden;}
.wrapper-gallery .slider-for .item{text-align: center;}
.wrapper-gallery .slider-for .item img{display: inline-block; max-width: 100%;}
.wrapper-gallery .wrap-box{text-align: center; width: 100%;}
.wrapper-gallery .slider-nav .wrap-box{background-size: cover; opacity: 0.5;filter: alpha(opacity=50);   -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
.wrapper-gallery .slider-nav .slick-current .wrap-box{border: solid 2px #005bac;  opacity: 1;filter: alpha(opacity=100);}
.wrapper-gallery .slider-nav .item{padding: 10px 5px;}
.wrapper-gallery .wrap-box img{display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle;}
.wrapper-gallery .item:focus{outline: none;}
.wrapper-gallery .slick-arrow{background: url(../images/arrow-slider.png) no-repeat left top; border: none; color: #005bac; display: block; font-size: 0; font-family: "FontAwesome"; height: 21px; padding: 0;line-height: 21px; width: 24px; top: 50%; margin-top: -10px; text-align: center; position: absolute; z-index: 10;}
/*.wrapper-gallery .slick-arrow:before{font-size: 30px;}
.wrapper-gallery .slick-prev:before{content: "\f053";}
.wrapper-gallery .slick-next:before{content: "\f054";}*/
.wrapper-gallery .slick-arrow:focus,.wrapper-gallery .slick-arrow:visited{outline: none;}
.wrapper-gallery .slick-prev{background-position:  0 -21px; left: 10px;}
.wrapper-gallery .slick-next{background-position: -24px -21px; right: 10px;}
/*.wrapper-gallery .slick-disabled{opacity: 0.5;}*/
.wrapper-gallery .slick-prev.slick-disabled{background-position:0 0;}
.wrapper-gallery .slick-next.slick-disabled{background-position: -24px 0;}
.tes-detail .description{padding: 0 10px; }
/*========================*/
.calendar-wrap{width: 100%;}
.wrapper-calendar{ border-radius: 6px; margin-bottom: 7px; width: 100%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); }
.wrapper-calendar .fc-view-container .fc-view{overflow: auto;}
.wrapper-calendar .fc-view-container .fc-view > table{min-width: 518px; }
.wrapper-calendar .fc-view-container{padding: 0 10px 10px;}
.fc button, .fc table, body .fc{color: #58595b; font-size: 14px;}
.fc-day-number{color: #58595b;}
.fc-day-grid-event.fc-text {    background: #fff;    border: none;    border-radius: 0;    color: #58595b;}
.fc-day-grid-event.fc-text{display: block; padding: 0; margin: 0 !important;  }
.wrapper-calendar .node{text-align: center; display: block; background: #dae3f4; padding: 5px; top: 5px; position: relative; margin: 0 -3px;}
.fc-content-skeleton thead, .fc-day-number{position: relative; z-index: 10;}
.fc-content-skeleton tbody{position: relative; z-index: 1;}
.wrapper-calendar .times{display: block;}
.wrapper-calendar .fc-header-toolbar{background: #005bac url(../images/bg-img.png) repeat-x left top; border-radius: 6px 6px 0 0 ; margin: 0;}
.wrapper-calendar .fc-header-toolbar > * > *{float: none;}
.wrapper-calendar .fc-header-toolbar .fc-left, .wrapper-calendar .fc-header-toolbar .fc-right, .wrapper-calendar .fc-header-toolbar .fc-center{float: none; width: 100%; text-align: center;}
.wrapper-calendar .fc-header-toolbar .fc-left button, .wrapper-calendar .fc-header-toolbar .fc-left h2{display: inline-block; vertical-align: top;}
.fc td, .fc th{border: dotted 1px #d7dfe6;}
.fc-head .fc-day-header,.fc-head .fc-day-header a {color: #58595b; line-height: 30px; text-transform: uppercase;}
.fc-head .fc-day-header a:hover{text-decoration: none;}
.fc-head .fc-day-header{border-bottom: solid 2px #d7dfe6; border-top: solid 2px #d7dfe6; }
.wrapper-calendar .fc-header-toolbar .fc-center{background: #fff; padding: 15px 0 12px;}
.wrapper-calendar .fc-header-toolbar .fc-center button{background: #fff; border: solid 1px #005bac; color: #005bac; font-weight: 500; text-transform: capitalize; text-shadow: none; height: 40px; min-width: 94px;}
.wrapper-calendar .fc-header-toolbar .fc-center button.fc-state-active{background: #005bac; color: #fff;}
.wrapper-calendar .fc-header-toolbar .fc-right{background: rgba(0, 66, 148, 0.5);}
.wrapper-calendar .fc-header-toolbar .fc-right button{background: none; border: none; color: #46abeb; font-size: 18px; font-weight: 500; height: 50px; text-shadow: none; box-shadow: none;}
.wrapper-calendar .fc-header-toolbar .fc-right button.fc-state-current{color: #fff;}
.wrapper-calendar .fc-header-toolbar .fc-left button{ background: url(../images/ico-calendar.png) no-repeat left top; border: none; height: 35px; width: 31px; box-shadow: none; font-size: 0;}
.wrapper-calendar .fc-header-toolbar .fc-left button.fc-next-button{background-position: right top;}
.wrapper-calendar .fc-header-toolbar .fc-left{padding: 15px 0; line-height: 35px;}
.wrapper-calendar .fc-header-toolbar :focus{outline: none;}
.wrapper-calendar .fc-header-toolbar .fc-left h2{color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 35px; margin: 0; padding: 0 15px; min-width: 200px; text-align: center;}
.fc-day-grid-event.fc-text .fc-title {display: block; padding: 3px;  white-space: normal;    overflow: visible;}
.fc-bgevent{opacity: 1;filter: alpha(opacity=100);}
.fc-day-number{font-weight: 700;}
.td-border{position: relative;}
.td-border:before{display: block; content: ""; left: 0; right: 0; top: 0; bottom: 0;position: absolute;  border: solid 2px #f26d7d;}
.calendar-parent .fc-center{display: none;}
.calendar-parent .fc-header-toolbar .fc-right{background: #fff; text-align: left; padding-top: 10px;}
.calendar-parent  .fc-header-toolbar .fc-right button{color: #58595b; font-size: 14px; font-weight: 400; cursor: default;}
.calendar-parent .fc-header-toolbar .fc-right button.fc-state-current{color: #58595b;}
.calendar-parent  .fc-header-toolbar .fc-right .wrap-tit{display: inline-block; vertical-align: top;color: #58595b; font-size: 14px; line-height: 20px; font-weight: 400; padding: 9px 10px;}
.fc-right .wrap-tit i{background-color: #fff; display: inline-block; vertical-align: top; height: 15px; width: 15px; border-radius: 100%; position: relative; top: 2px; left: 0; margin-right: 2px;}
.calendar-parent  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float: left; padding: 5px;}
.fc-right .wrap-tit i.ico-1{border: solid 1px #c7c9d5;}
.fc-right .wrap-tit i.ico-2{background-color: #fced88;}
.fc-right .wrap-tit i.ico-3{background-color: #fda3b2;}

.box-num{background-color: #fff; border-radius: 6px;  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);  margin: 7px 0;}
.box-num header h4{border-bottom: solid 1px #e5e6ec; color: #58595b; font-weight: 700; font-size: 14px; line-height: 20px; padding: 5px 7px; margin: 0;}
.bgcolor-1{background-color: #fced88;}
.bgcolor-2{background-color: #fda3b2;}
.bgcolor-1 header h4{border-bottom-color: #bca553; color: #725316;}
.bgcolor-2 header h4{border-bottom-color: #c97180; color: #8e3846;}
.box-num p{color: #dfe8f0; font-size: 20px; line-height: 30px; padding: 15px 7px; margin: 0; vertical-align: top;}
.box-num strong{color: #005bac; font-size: 16px; font-weight: 700; display: block; vertical-align: bottom;}
.box-num strong span{font-size: 30px; display: inline-block; vertical-align: bottom;}
.box-num p > span{color: #58595b; font-size: 14px; font-weight: 700; display: block; vertical-align: bottom;}

.sutdent-info{width: 100%; position: relative; z-index: 1;}
.sutdent-info figure{float: left; position: relative; width: 49px; height: 49px; background-color: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; text-align: center; overflow: hidden;}
.sutdent-info figure img{display: block;  width: 100%; left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%) translateY(-50%);
}
.sutdent-info .content{overflow: hidden; padding-left: 10px; padding-bottom: 5px;}
.sutdent-info h4{font-size: 12px; font-weight: 700;line-height: 18px; margin: 8px 0 0;}
.sutdent-info span {    color: #414244;    font-size: 12px;    line-height: 16px;}
.sutdent-info span.class{color: #005bac;}
/*.sutdent-info a:hover, .sutdent-info a:focus, .sutdent-info a:visited{color: #005bac; text-decoration: none;}*/

#popupCalendar .modal-header{background: #005bac url(../images/bg-img.png) repeat-x left top; border-radius: 5px 5px 0 0 ;}
#popupCalendar .modal-header h4{color: #fff;}
.wrap-tab{width: 100%;}
.wrap-tab .nav{overflow: hidden; width: 100%; margin-bottom: 20px;}
.wrap-tab .nav > li{float: left;}
.wrap-tab .nav > li >a {background-color: #fff; color: #005bac; border: solid 1px #005bac; font-size: 16px; font-weight: 500; padding: 8px 10px; min-width: 100px; text-align: center; line-height: 24px;}
.wrap-tab .nav > li.active >a{background-color: #005bac; color: #fff;}
.wrap-tab .nav > li:first-child >a{border-radius: 5px  0 0 5px;}
.wrap-tab .nav > li:last-child >a{border-radius:   0 5px 5px 0;}
.tb-canlendar > tbody > tr > td.col-th{color: #005bac; position: relative;}
.tb-canlendar > tbody > tr > td.col-th strong{font-size: 18px;}
.tb-canlendar .col-th:before{background-color: #dbdbdb; content: ""; display: block; right: 0; top: 10px; bottom: 10px; width: 1px; position: absolute;}
.tb-canlendar > tbody > tr > td{vertical-align: middle; padding: 10px;}
.tb-canlendar.table>tbody>tr:first-child>td{border-top-color: #005bac;}
.tb-canlendar.table>tbody>tr:last-child>td{border-bottom: #005bac solid 1px;}
/*=========================*/
.panel-faq{padding: 30px 0;}
.panel-faq > .panel-default{margin: 10px 0 30px; border-color: #7d8490; }
.panel-faq .panel-default>.panel-heading{background: #fff; position: relative; padding: 0 15px;}
.panel-faq .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: none; padding-left: 60px;}
.panel-faq .panel-default>.panel-heading a{background: url(../images/ico-faq.png) no-repeat left 10px; color: #58595b; font-size: 20px; font-weight: 500; line-height: 26px; display: block; padding: 10px 0 10px 45px;text-decoration: none; outline: none; position: relative;}
.panel-faq .panel-default>.panel-heading a.current, .panel-faq .panel-default>.panel-heading a:hover{color: #005bac;}
.panel-faq .panel-default>.panel-heading a:hover, .panel-faq .panel-default>.panel-heading:focus, .panel-faq .panel-default>.panel-heading:visited{text-decoration: none; outline: none;}

.wrapper-career {width: 100%; position: relative; z-index: 1; margin: 35px 0;}
.wrapper-career .panel-default, .wrapper-career .panel-default .panel-body{border: none !important; box-shadow: none; padding: 0 0 10px;}
.wrapper-career .panel-default{margin-bottom: 40px;}
.wrapper-career .panel-heading{background-color: #fff; border-top: solid 1px #dbe2e9; padding: 0;}
.wrapper-career .panel-heading .panel-title a{color: #005bac; display: block; font-size: 16px; font-weight: 500; padding: 10px 30px 10px 0; line-height: 28px; position: relative; text-decoration: none;}
.wrapper-career .panel-heading .panel-title a:before{display: block; font-family: 'FontAwesome'; font-size: 26px; content: "\f107"; right: 0; top: 50%; position: absolute; height: 30px; line-height: 28px; width: 30px; text-align: center; margin-top: -15px;}
.wrapper-career .panel-heading .panel-title a.current:before{content: "\f106";}
.wrapper-career .panel-heading .panel-title a:focus, .wrapper-career .panel-heading .panel-title a:visited{text-decoration: none;}
.wrapper-career .head{margin: 0;}
.wrapper-career .head h3{color: #005bac; font-size: 18px; font-weight: 700; line-height: 28px; margin: 0 0 5px;}
.wrapper-career .head p{margin: 0 0 5px;}
.wrapper-career .head p:last-child{margin: 0 0 15px;}
.wrapper-career .head .dates{display: inline-block; padding-right: 20px; min-width: 150px;}
.wrapper-career .more-apply{border-top: solid 1px #dbe2e9; padding-top: 20px; margin-bottom: 0;}
/*=========================*/
.tab-collapse{position: relative; width: 100%; z-index: 1;}
.tab-collapse .nav{width: 100%; text-align: center; margin-bottom: 20px;}
.tab-collapse .nav > li, .tab-collapse .nav > li > a{display: inline-block; vertical-align: top; position: relative;}
.tab-collapse .nav > li{margin-left: -1px;}
.tab-collapse .nav > li > a, .tab-collapse .heading-tab a{background-color: #fff; border: solid 1px #512d6d;  color: #512d6d; font-size: 16px; font-weight: 500; line-height: 28px; }
.tab-collapse .nav > li > a{ padding: 10px 15px; min-width: 180px;}
.tab-collapse .nav > li:first-child > a{border-radius: 4px 0 0 4px;}
.tab-collapse .nav > li:last-child > a{border-radius: 0 4px 4px 0;}
.tab-collapse .heading-tab{margin: 0;}
.tab-collapse .heading-tab a{border-radius: 4px; display: block; width: 100%; position: relative; padding: 5px 30px 5px 15px; margin-bottom: 5px;}
.tab-collapse .heading-tab a:before{font-family:'FontAwesome'; content: "\f107"; display: block; height: 30px; width: 30px; text-align: center; line-height: 28px; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.tab-collapse .heading-tab a.active:before{content: "\f106";}
.tab-collapse .nav > li > a:hover, .tab-collapse .nav > li.active > a, .tab-collapse .heading-tab a.active, .tab-collapse .heading-tab a:hover{background-color: #512d6d; color: #fff; text-decoration: none;}
.tab-collapse .nav > li > a:focus, .tab-collapse .nav > li > a:visited, .tab-collapse .heading-tab a:focus, .tab-collapse .heading-tab a:visited{text-decoration: none; outline: none;}
.tab-collapse .heading-tab a.active{border-radius: 4px 4px  0 0; margin: 0;}
/*=========================*/
.list-article{width: 100%;}
.article-program{color: #414244; font-size: 16px; line-height: 22px; width: 100%; padding: 20px 0 30px;}
.article-program .box-head{width: 100%; position: relative;}
.article-program figure, .article-program figure img{display: block; position: relative; width: 100%; z-index: 1;}
.article-program figure{padding-left: 24px; top: 14px;}
.article-program .box-head header{background: rgba(233, 61, 126,0.65);left: 0; top: 0; position: absolute; max-width: 190px; z-index: 10;}


.tab-pane .program-ecd .box-head header, .list-article .program-ecd .box-head header{ max-width: 155px;}
.tab-pane .program-ecd:nth-child(4n+2) .box-head header, .list-article .program-ecd:nth-child(4n+2) .box-head header{  background: rgba(233, 61, 61,0.65);}
.tab-pane .program-ecd:nth-child(4n+3) .box-head header, .list-article .program-ecd:nth-child(4n+3) .box-head header{  background: rgba(255, 131, 30,0.8);}
.tab-pane .program-ecd:nth-child(4n) .box-head header, .list-article .program-ecd:nth-child(4n) .box-head header{  background: rgba(34, 121, 202,0.85); max-width: 190px;}

/*.program-ecd .box-head header{bottom: 0; padding: 25px 0 10px; }
.program-ele .box-head header, .program-pas .box-head header{top: 0; padding: 10px 0 25px; }*/
.article-program .box-head header h4{color: #fff; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 500;  line-height: 34px; margin: 0; padding: 20px 20px 20px 40px;}
body.ln-vn .article-program .box-head header h4{font-size: 22px; line-height: 30px;}
.article-program .box-head header h4.pti2{ padding: 40px 20px 40px 30px;}
.tab-pane .program-ecd:nth-child(4n) .box-head header h4, .list-article .program-ecd:nth-child(4n) .box-head header h4{padding-left: 30px;}
.article-program .content{overflow: hidden;  margin-top: 20px; padding-left: 24px; position: relative;}
.article-program .content .content-inner{padding-top: 64px; position: relative; width: 100%;}
.article-program .content .content-inner:before{content: ""; border-bottom: dotted 1px #ff388c; left: 43px; top: 49px; right: 0; height: 2px; position: absolute;}
.article-program .content .content-inner:after{background: url(../images/ico-ecd-1.png) no-repeat left top;content: ""; left: 0; top: 14px; height: 38px; width: 38px; position: absolute;}

.tab-pane .program-ecd:nth-child(4n+2) .content .content-inner:before, .list-article .program-ecd:nth-child(4n+2) .content .content-inner:before{  border-bottom-color: #e93d3d;}
.tab-pane .program-ecd:nth-child(4n+2) .content .content-inner:after, .list-article .program-ecd:nth-child(4n+2) .content .content-inner:after{ background-image: url(../images/ico-ecd-2.png); }
.tab-pane .program-ecd:nth-child(4n+3) .content .content-inner:before, .list-article .program-ecd:nth-child(4n+3) .content .content-inner:before{  border-bottom-color: #ff831e;}
.tab-pane .program-ecd:nth-child(4n+3) .content .content-inner:after, .list-article .program-ecd:nth-child(4n+3) .content .content-inner:after{ background-image: url(../images/ico-ecd-3.png); }
.tab-pane .program-ecd:nth-child(4n) .content .content-inner:before, .list-article .program-ecd:nth-child(4n) .content .content-inner:before{  border-bottom-color: #2279ca;}
.tab-pane .program-ecd:nth-child(4n) .content .content-inner:after, .list-article .program-ecd:nth-child(4n) .content .content-inner:after{  background-image: url(../images/ico-ecd-4.png);}


.tab-pane .program-ele .content .content-inner:before, .list-article .program-ele .content .content-inner:before{ top: 40px;}
.tab-pane .program-ele .content .content-inner:after, .list-article .program-ele .content .content-inner:after{  background-image: url(../images/ico-ele-1.png); height: 29px;}
.article-program.program-ele .content .content-inner{padding-top: 55px;}

.tab-pane .program-ele:nth-child(even) .box-head header, .list-article .program-ele:nth-child(even) .box-head header{  background: rgba(34, 121, 202,0.85);}
.tab-pane .program-ele:nth-child(even) .box-head header h4, .list-article .program-ele:nth-child(even) .box-head header h4{padding-left: 30px;}
.tab-pane .program-ele:nth-child(even) .content .content-inner:before, .list-article .program-ele:nth-child(even) .content .content-inner:before{  border-bottom-color: #2279ca;}
.tab-pane .program-ele:nth-child(even) .content .content-inner:after, .list-article .program-ele:nth-child(even) .content .content-inner:after{  background-image: url(../images/ico-ele-2.png);}

.tab-pane .program-pas .box-head header, .list-article .program-pas .box-head header{  background: rgba(255, 149, 53,0.82);}
.tab-pane .program-pas .content .content-inner:before, .list-article .program-pas .content .content-inner:before{ top: 37px; left: 37px; border-bottom-color: #ff9535;}
.tab-pane .program-pas .content .content-inner:after, .list-article .program-pas .content .content-inner:after{  background-image: url(../images/ico-pas-1.png); height: 26px;}
.article-program.program-pas .content .content-inner{padding-top: 55px;}

.tab-pane .program-pas:nth-child(even) .box-head header, .list-article .program-pas:nth-child(even) .box-head header{  background: rgba(0, 142, 124,0.87);}
.tab-pane .program-pas:nth-child(even) .box-head header h4, .list-article .program-pas:nth-child(even) .box-head header h4{padding-left: 30px;}
.tab-pane .program-pas:nth-child(even) .content .content-inner:before, .list-article .program-pas:nth-child(even) .content .content-inner:before{  border-bottom-color: #008e7c;}
.tab-pane .program-pas:nth-child(even) .content .content-inner:after, .list-article .program-pas:nth-child(even) .content .content-inner:after{  background-image: url(../images/ico-pas-2.png);}

.list-article .article-program .content ul, .list-article .article-program .content ol{ padding: 0; margin: 0; }
.list-article .article-program .content ul{list-style: none;}
.list-article .article-program .content ol{counter-reset: section; list-style-type:none;}
.list-article .article-program .content ul > li, .article-program .content ol > li{position: relative; padding-left: 24px; margin-bottom: 15px;}
.list-article .article-program .content ul + p{ padding-left: 24px;}
.list-article .article-program .content .node{background-repeat: no-repeat; background-position: left 1px;}
.list-article .article-program .content ol > li{padding-left: 30px; min-height: 26px;}
.list-article .article-program .content ol + p{margin-left: 30px;}
.list-article .article-program .content li:before{display: inline-block; left: 0; top: -1px; position: absolute; }
.list-article .article-program .content ol > li:before{border: solid 1px #ff8838; border-radius: 100%; height: 24px; line-height: 24px; text-align: center; width: 24px;}
/*.list-article .article-program .content ul > li:before{content: "\f00c"; font-family: "FontAwesome"; }*/
.list-article .article-program .content ul > li:before{background: url(../images/ico-check-1.png) no-repeat left top; content: ""; height: 18px; width: 18px;}
.list-article .article-program.program-pas .content ul > li:before{background-image: url(../images/ico-check-2.png);}
.program-pas .content li:before, .program-pas .content li strong, .program-pas .content li b  {color: #ff8838;}
.program-pas:nth-child(even) .content ul > li:before, .program-pas:nth-child(even) .content li:before,
.program-pas:nth-child(even) .content li strong, .program-pas:nth-child(even) .content li b,
.program-pas:nth-child(even) .content .node { color: #008e7c;}
.list-article .article-program .content ol > li:before{counter-increment: section; content: counters(section, ".") " ";}
.program-pas:nth-child(even) .content ol > li:before{border-color: #008e7c;}

.program-ele:nth-child(odd) .content ol > li:before{color: #ff388c; border-color: #ff388c;}
.program-ele:nth-child(odd) .content ul > li:before,
.program-ele:nth-child(odd) .content li strong, .program-ele:nth-child(odd) .content li b{color: #ff388c;}

.program-ele:nth-child(even) .content ol > li:before{color: #007fc8; border-color: #007fc8;}
.program-ele:nth-child(even) .content ul > li:before,
.program-ele:nth-child(even) .content li strong, .program-ele:nth-child(even) .content li b{color: #007fc8;}

.list-article .program-ecd:nth-child(4n) .content ol > li:before{border-color: #2279ca; color: #2279ca;}
.list-article .program-ecd:nth-child(4n) .content ol > li b, .list-article .program-ecd:nth-child(4n) .content ol > li strong{color: #2279ca;}
.list-article .program-ecd:nth-child(4n) .content ol ul > li:before{background-image: url(../images/ico-check-3.png); background-position: left 7px;}
.list-article .program-ecd:nth-child(4n) .content ol ul > li{margin: 3px 0 0;}
.list-article .article-program .content ol ul{margin-left: 15px;}

/*.tab-pane .program-ecd:nth-child(4n+1) .box-head header, .list-article .program-ecd:nth-child(4n+1) .box-head header{
  background: -moz-linear-gradient(top, rgba(225,83,62,0) 0%, rgba(225,83,62,0.5) 35%, rgba(225,83,62,1) 100%);
  background: -webkit-linear-gradient(top, rgba(225,83,62,0) 0%,rgba(225,83,62,0.5) 35%,rgba(225,83,62,1) 100%);
  background: linear-gradient(to bottom, rgba(225,83,62,0) 0%,rgba(225,83,62,0.5) 35%,rgba(225,83,62,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1533e', endColorstr='#e1533e',GradientType=0 );
}
.tab-pane .program-ecd:nth-child(4n+2) .box-head header, .list-article .program-ecd:nth-child(4n+2) .box-head header{
  background: -moz-linear-gradient(top, rgba(43,171,214,0) 0%, rgba(43,171,214,0.5) 35%, rgba(43,171,214,1) 100%);
  background: -webkit-linear-gradient(top, rgba(43,171,214,0) 0%,rgba(43,171,214,0.5) 35%,rgba(43,171,214,1) 100%);
  background: linear-gradient(to bottom, rgba(43,171,214,0) 0%,rgba(43,171,214,0.5) 35%,rgba(43,171,214,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002babd6', endColorstr='#2babd6',GradientType=0 );
}
.tab-pane .program-ecd:nth-child(4n+3) .box-head header, .list-article .program-ecd:nth-child(4n+3) .box-head header{
  background: -moz-linear-gradient(top, rgba(201,178,23,0) 0%, rgba(201,178,23,0.5) 35%, rgba(201,178,23,1) 100%);
  background: -webkit-linear-gradient(top, rgba(201,178,23,0) 0%,rgba(201,178,23,0.5) 35%,rgba(201,178,23,1) 100%);
  background: linear-gradient(to bottom, rgba(201,178,23,0) 0%,rgba(201,178,23,0.5) 35%,rgba(201,178,23,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c9b217', endColorstr='#c9b217',GradientType=0 );
}
.tab-pane .program-ecd:nth-child(4n) .box-head header, .list-article .program-ecd:nth-child(4n) .box-head header{
  background: -moz-linear-gradient(top, rgba(163, 87, 179,0) 0%, rgba(163, 87, 179,0.5) 35%, rgba(163, 87, 179,1) 100%);
  background: -webkit-linear-gradient(top, rgba(163, 87, 179,0) 0%,rgba(163, 87, 179,0.5) 35%,rgba(163, 87, 179,1) 100%);
  background: linear-gradient(to bottom, rgba(163, 87, 179,0) 0%,rgba(163, 87, 179,0.5) 35%,rgba(163, 87, 179,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a357b3', endColorstr='#a357b3',GradientType=0 );
}
.program-ele .box-head header{
  background: -moz-linear-gradient(top, rgba(246,89,172,1) 0%, rgba(246,89,172,0.5) 65%, rgba(246,89,172,0) 100%);
  background: -webkit-linear-gradient(top, rgba(246,89,172,1) 0%,rgba(246,89,172,0.5) 65%,rgba(246,89,172,0) 100%);
  background: linear-gradient(to bottom, rgba(246,89,172,1) 0%,rgba(246,89,172,0.5) 65%,rgba(246,89,172,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f659ac', endColorstr='#00f659ac',GradientType=0 );
}
.program-ele:nth-child(2n) .box-head header{
  background: -moz-linear-gradient(top, rgba(43,171,214,1) 0%, rgba(43,171,214,0.5) 65%, rgba(43,171,214,0) 100%);
  background: -webkit-linear-gradient(top, rgba(43,171,214,1) 0%,rgba(43,171,214,0.5) 65%,rgba(43,171,214,0) 100%);
  background: linear-gradient(to bottom, rgba(43,171,214,1) 0%,rgba(43,171,214,0.5) 65%,rgba(43,171,214,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2babd6', endColorstr='#002babd6',GradientType=0 );
}
.program-pas .box-head header{
  background: -moz-linear-gradient(top, rgba(238,184,1,1) 0%, rgba(238,184,1,0.5) 65%, rgba(238,184,1,0) 100%);
  background: -webkit-linear-gradient(top, rgba(238,184,1,1) 0%,rgba(238,184,1,0.5) 65%,rgba(238,184,1,0) 100%);
  background: linear-gradient(to bottom, rgba(238,184,1,1) 0%,rgba(238,184,1,0.5) 65%,rgba(238,184,1,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb801', endColorstr='#00eeb801',GradientType=0 );
}
.program-pas:nth-child(2n) .box-head header{
  background: -moz-linear-gradient(top, rgba(43,171,214,1) 0%, rgba(43,171,214,0.5) 65%, rgba(43,171,214,0) 100%);
  background: -webkit-linear-gradient(top, rgba(43,171,214,1) 0%,rgba(43,171,214,0.5) 65%,rgba(43,171,214,0) 100%);
  background: linear-gradient(to bottom, rgba(43,171,214,1) 0%,rgba(43,171,214,0.5) 65%,rgba(43,171,214,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2babd6', endColorstr='#002babd6',GradientType=0 );
}*/
.program-ele .node{background-image: url(../images/ico-node-1.png); color: #ff388c;}
.program-pas .node{background-image: url(../images/ico-node-2.png); color: #d77210;}
.list-ecd figure{margin-bottom: 20px; font-size: 16px; line-height: 22px;}
.list-ecd .num{color: #772257; font-size: 36px; font-weight: 900; line-height: 40px;}
.list-ecd .item{padding-bottom: 15px;}
.box-pas{position: relative; padding-left: 34px;}
.box-pas .num{display: inline-block; vertical-align: top; left: 0; top: -4px; position: absolute;}
.wrap-tb-support .table>thead>tr>th, .wrap-tb-support .table>tbody>tr>td{border: solid 2px #fff; text-align: center; vertical-align: middle; padding: 25px 15px;}
.wrap-tb-support .table>thead>tr>th{background-color: #803867; color: #fff; font-size: 18px; line-height: 24px; white-space: nowrap;}
.wrap-tb-support .table>tbody>tr>td{color: #414244; font-size: 16px; line-height: 22px;}
.wrap-tb-support .tb-ecd.table>tbody>tr>td{background-color: #efdee9;}
.wrap-tb-support .tb-pas.table>tbody>tr>td{background-color: #ddc1d4;}
.wrap-tb-support .table>tbody>tr>td:nth-child(1),
.wrap-tb-support .table>tbody>tr>td:nth-child(2),
.wrap-tb-support .table>tbody>tr>td:nth-child(3){white-space: nowrap;}
.wrap-tb-support  h4{font-size: 24px; font-weight: 900; line-height: 30px; margin: 0;}
.wrap-tb-support .tb-ecd.table>tbody>tr:nth-child(odd)>td{background-color: #ddc1d4;}
.wrap-tb-support .tb-pas.table>tbody>tr:nth-child(odd)>td{background-color: #efdee9;}
.wrap-tb-support .table>tbody>tr:first-child>td:first-child{border-radius: 0 0 0 10px ;}
.wrap-tb-support .tb-ecd.table>tbody>tr:first-child>td:first-child{background-color: #efdee9;}
.wrap-tb-support .tb-pas.table>tbody>tr:first-child>td:first-child{background-color: #ddc1d4;}
.wrap-tb-support .table>thead>tr>th:first-child{border-radius: 10px  0 0 0;}
.wrap-tb-support .table>thead>tr>th:last-child{border-radius: 0 10px  0 0;}
.wrap-tb-support .table>tbody>tr:last-child>td:last-child{border-radius: 0  0 10px 0;}

.list-ver .titlew-4, .list-ver .titlew-4 img{vertical-align: bottom;}
.policy-box{padding: 30px 0 20px; width: 100%;}
.policy-box > h3{color: #005bac; font-size: 20px; line-height: 26px; margin: 0 0 10px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}

.tablew-1{text-align: center;}
.tablew-1 .table{margin: 0;}
.tablew-1 .table, .tablew-1 .table th, .tablew-1 .table td{border: solid 2px #fff; line-height: 24px;font-weight: 500; }
.tablew-1 .table th{background-color: #9e70b3; color: #fff; text-align: center; padding: 26px 10px;}
.tablew-1 .table td{background-color: #fff4fb; min-width: 155px; vertical-align: middle; padding: 15px 10px;}
.tablew-1 .table tr:nth-child(odd) td{background-color: #f1defa;}
.tablew-1 .table td:last-child{min-width: 255px;}
.tablew-1 .w180{width: 180px; max-width: 180px;}

.list-support{line-height: 24px; position: relative;}
.list-support h4{color: #a758cb; font-size: 18px; line-height: 26px; margin: 10px 0 0;}
.pos-sm-up-img{display: block;}
.pos-sm-up-img img{display: inline-block; max-width: 100%; vertical-align: top;}

.list-goals .article-overview{border: solid 3px #ff8f8f; border-top: none; padding: 30px 20px 0; position: relative;}
.article-overview{color: #414244; font-size: 16px; font-weight: 400; line-height: 24px;}
.article-overview header{bottom: -6px; position: relative; left: 0; text-align: center; font-size: 25px; color: #ff6969; font-weight: 700;}
.article-overview header .he-center{background-color: #fff; display: inline-block; vertical-align: bottom; padding: 0 15px;}
.article-overview header h4, .article-overview header p{margin: 0;}
.article-overview header h4{font-size: 40px; font-weight: 700; line-height: 46px;}
.article-overview header p{font-size: 24px;}
.article-overview h5{color: #ff6969; font-size: 16px; line-height: 24px; margin: 0 0 5px; padding-left: 10px;}
.article-overview ul{padding: 0 0 1px; margin: 0; list-style: none;}
.article-overview ul > li{padding-left: 10px; position: relative; margin-bottom: 15px;}
.article-overview ul > li:before{color: #ff6969; content: "\f111"; font-size: 10px;font-family: "FontAwesome"; left: 0; top; position: absolute;}
.article-overview figure{height: 71px; width: 75px; margin: 0 auto 10px; line-height: 71px; text-align: center;}
.article-overview figure img{display: inline-block; vertical-align: top; max-width: 100%; max-height: 71px;}
.article-overview > *{position: relative; z-index: 2;}
.article-overview .box-top{background: #fff; left: -3px; right: -3px; top: 0; position: absolute; z-index: 0; height: 88px; }
.article-overview .box-top .box-top-outer, .article-overview .box-top .box-top-inner{width:0px; height:0px; border-left:140px solid transparent; border-right:140px solid transparent; border-bottom:88px solid #ff8f8f; position: absolute; z-index: 1;}

.article-overview .box-top .box-top-inner{border-left-width: 137px; border-right-width: 137px; border-bottom-color: #fff; border-bottom-width: 86px; left: 3px; top: 3px; position: absolute; z-index: 2;}
.article-overview{margin: 20px 0 10px;}


.list-goals .item:nth-child(3n+2) .article-overview header, .list-goals .item:nth-child(3n+2) .article-overview h5,
.list-goals .item:nth-child(3n+2) .article-overview ul > li:before{color: #e55e88;}
.list-goals .item:nth-child(3n+2) .article-overview .box-top .box-top-outer{border-bottom-color:#e55e88;}
.list-goals .item:nth-child(3n+2) .article-overview{border-color:#e55e88;}
.list-goals .item:nth-child(3n) .article-overview header, .list-goals .item:nth-child(3n) .article-overview h5,
.list-goals .item:nth-child(3n) .article-overview ul > li:before{color: #af5fad;}
.list-goals .item:nth-child(3n) .article-overview .box-top .box-top-outer{border-bottom-color:#af5fad;}
.list-goals .item:nth-child(3n) .article-overview{border-color:#af5fad;}


.article-over{padding-top: 0;}
.article-over .content ol{list-style-type: none; counter-reset: li; padding: 0; margin: 0; font-weight: 400; line-height: 24px; font-size: 16px;}
.article-over .content ol > li {    padding-left: 56px;    position: relative;}
.article-over .content ol > li:before { color: #cfcad2; font-size: 45px; font-weight: 700; line-height: 46px; counter-increment: li;    content: counter(li);}
.article-over .content ol > li:nth-child(-n+9):before {    counter-increment: li;    content: "0" counter(li);    position: absolute;    left: 0;    top: 0;}

.msCustomScrollbar .mCSB_inside>.mCSB_container{margin-right: 10px;}
.msCustomScrollbar .mCSB_scrollTools{ opacity: 1;filter: alpha(opacity=100); width: 6px;}
.msCustomScrollbar .mCSB_scrollTools .mCSB_dragger{height: 112px;}
.msCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.msCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.msCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.msCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background: #ccdfe7; }
.msCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background: #fff;}

.page-404{margin-top: 280px;}
.page-404 h3{background:url(../images/ico-4041.png) no-repeat left top; color: #005bac; font-size: 80px; font-weight: 700; font-style: italic; line-height: 90px; padding-top: 10px; margin-top: 40px;}
.page-404 h4{color: #005bac; font-size: 26px; font-weight: 700; line-height: 32px;}
.po-homepoly{background: url(../images/ico-4042.png) no-repeat center center; display: inline-block; height: 22px; width: 22px; vertical-align: top; margin-top: 7px;}
.btn-bg{background-color: #005bac; color: #fff; padding: 0 20px;}
/*======================*/
.box-teacher{margin-bottom: 30px;}
.box-teacher strong{}
.box-teacher h4 {
    color: #0096d5;
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin: 0 0 5px;
}
.box-teacher figure{padding-bottom: 25px; padding-left: 25px; position: relative; width: 100%;}
.box-teacher figure img{display: block; width: 100%;}
.box-teacher figure:before{content: ""; background-color: #3ec6f2; left: 0; top: 25px; right: 25px; bottom: 0; position: absolute; z-index: -1;}
.list-teacher .box-teacher  .figure-img strong{color: #0096d5; font-size: 20px;}

.box-teacher-heading p strong{color: #0096d5; font-size: 20px;}
.box-teacher-heading .group-content > .row{z-index: 1;}
.box-teacher-heading, .box-teacher-heading .group-content{position: relative; width: 100%;}
.box-teacher-heading .group-content .pos-content{position: relative; width: 100%; z-index: 10;}
.pos-content .content-text{background-color: #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(204,204,204,0.7);
-moz-box-shadow: 0px 1px 3px 0px rgba(204,204,204,0.7);
box-shadow: 0px 1px 3px 0px rgba(204,204,204,0.7); padding: 10px;  top: -34px; left: 0; position: relative;}
.pb-20{padding-bottom: 20px;}
.pos-content .content-text strong{color: #0096d5;}
.pb-20{padding-bottom: 20px;}

#zino_iframe{position: absolute; z-index: -1; left: 0; top: 0; visibility: hidden;}
#myModalSent #zino_iframe {position: relative; visibility: visible; z-index: 1;}
.modal-validation{z-index: 9999;}
.vhide{visibility: hidden !important; z-index: -1 !important;}
    .wrapper-popupm{display: none;}
    .wrapper-popupk{position: relative;}
    .wrapper-popupk img{position: relative; z-index: 1;}
    .wrapper-popupk .btn{position: absolute; right: 0; bottom: 0; z-index: 10; width: 100%; height: 100%; overflow: hidden; opacity: 0;filter: alpha(opacity=0); filter: alpha(opacity=0);}
    .modal-popup{z-index: 1049;}
    .silder-container .wrapper-popupa{background-color: #026eb7; width: 100%; height: 100%; left: 0; bottom: 0; position: absolute; text-align: center;}
    .silder-container .wrapper-popupa img{max-width: 100%; max-height: 100%; position: relative; bottom: 0; left: 0; vertical-align: bottom;}

            .ipad{display: block !important;}
          .mobi{display: none !important;}
          .wrapper-popupk .innner, .wrapper-popupk a{display: block; height: 100%; width: 100%; position: relative;}
          .wrapper-popupk a{background-color: #fffdf9;}
          .wrapper-popupa img{display: inline-block; width: auto; height: auto;}
          .wrapper-popupk .innner{ padding-top: 230px;}

                .text-center{text-align: center;}

/*================*/
/*==================*/
.form-search{	margin: 30px 0;	position: relative;	padding-right: 137px;	width: 100%;}
.form-search > .btn{	background-color: #055bac;	color: #fff;	font-size: 16px;	position: absolute;	right: 0; top: 0;	text-align: center;	height: 34px;	line-height: normal;	padding: 0;	width: 120px;	vertical-align: top;}
.form-search .select-box{float: left; width: 78px;}
.form-search .input-text{overflow: hidden; padding-left: 8px;}
.wrapper-list, .wrapper-list-notice{	padding: 18px;margin-bottom: 30px;}
.wrapper-list{background-color: #fff;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;-webkit-box-shadow: 0px 0px 7px 0px rgba(238,238,238,0.8);-moz-box-shadow: 0px 0px 7px 0px rgba(238,238,238,0.8);box-shadow: 0px 0px 7px 0px rgba(238,238,238,0.8);margin-right: 7px;}
.box-notice{	background-color: #fff;	color: #58595b;	display:table;	position: relative;	padding: 10px 0;	width: 100%;}
.wrapper-list .box-notice, .wrapper-list-notice .box-notice{	border-top: dotted  2px #ececf1;}
.wrapper-list .box-notice:hover, .wrapper-list-notice .box-notice:hover{	background-color: #e8f1ff;}
.wrapper-list .box-notice:first-child, .wrapper-list-notice .box-notice:first-child{border-top-style: solid; border-top-color: #005bac;}
.wrapper-list .paging, .wrapper-list-notice .paging{border-top: solid 2px #005bac;}
.box-notice .node, .box-notice .content{	display: table-cell;	vertical-align: middle;	z-index: 1;	position: relative;}
.box-notice .btn-details{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10; opacity: 0;}
.box-notice .btna-details{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10; opacity: 0;}
.box-notice .node{	width: 23%;	padding-left: 10px;	padding-right: 10px;	min-width: 110px;}
.wrapper-list .box-notice .content, .wrapper-list-notice .box-notice .content{padding-right: 60px;}
.box-notice .btn-type{	background: url(../images/ico-file.png) no-repeat center center;	right: 10px;	top: 50%;	position: absolute;	margin-top: -20px;	font-size: 0;	height: 40px;	width: 40px; z-index: 1;}
.notice-download .name{	background: url(../images/ico-file.png) no-repeat left center;	font-weight: 500;	background-size: 30px 35px;	display: inline-block;	line-height: 24px;	padding: 6px 0 6px 35px;}
.box-notice .ico-pdf, .notice-download .ico-pdf{	background-image: url(../images/ico-pdf.png) ;}
.box-notice .ico-ppt, .notice-download .ico-ppt{	background-image: url(../images/ico-ppt.png) ;}
.box-notice h4, .box-notice p{margin: 0;}
.box-notice h4{color: #58595b; font-size: 16px; font-weight: 700;}
.box-notice p{font-size: 14px;}
.ico-node{	background: url(../images/ico-news.png) no-repeat left center;	color: #005bac;	font-size: 16px;	font-weight: 700;	padding-left: 33px;	display: inline-block;	text-transform: uppercase;	line-height: 30px;}
.ico-notice{	background-image: url(../images/ico-notice.png);}
.wrapper-list .pagination, .wrapper-list-notice .pagination{margin: 18px 0 0;}
.notice-detail .modal-content{	padding: 15px;}
.notice-detail .wrapper-details{	border-bottom: solid 2px #005bac;	border-top: solid 2px #005bac;	padding: 0;}
.notice-node{	border-bottom: solid 2px #e1e2e9;	border-top: solid 2px #e1e2e9;	display: table;	width: 100%;}
.notice-node .notice-date, .notice-node .notice-download{	display: table-cell;	padding: 10px 0;	line-height: 35px;}
.notice-node .notice-date{	min-width: 260px;}
.notice-node .notice-download{	border-left: solid 2px #e1e2e9;	padding-left: 15px;	position: relative;	overflow: hidden;}
.file-download{	background-color: #055bac;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	color: #fff;	display: inline-block;	font-size: 16px;	font-weight: 700;	text-align: center;	min-width: 158px;	line-height: 35px;}
.file-download:hover, .file-download:focus{	color: #fff;	text-decoration: none;}
.file-download > img{	display: inline-block;	vertical-align: top;	margin-top: 7px; margin-right: 5px;}
.notice-download .file-download{float: right;}
.pagination li > a, .pagination li > span{border: none; background: #fff; color: #58595b;  padding: 0 5px; line-height: 27px; min-width: 27px; margin: 0 1px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background-color: #337ab7; color: #fff;}
.pagination li > .pg{background: url(../images/page-ico.png) no-repeat left top; background-color: #fff !important; margin: 0 4px; font-size: 0; padding: 0; height: 27px; width: 27px;-webkit-transition: none;    -moz-transition: none;    -o-transition: none;    transition: none;}
.pagination li > .first{background-position: 0 0;}
.pagination li.active > .first, .pagination li > .first:hover{background-position: 0 -27px;}
.pagination li > .previous{background-position: -27px 0;}
.pagination li.active > .previous, .pagination li > .previous:hover{background-position: -27px -27px;}
.pagination li > .next{background-position: -54px 0;}
.pagination li.active > .next, .pagination li > .next:hover{background-position: -54px -27px;}
.pagination li > .last{background-position: -81px 0;}
.pagination li.active > .last, .pagination li > .last:hover{background-position: -81px -27px;}
/*============================*/
.tab-group-in, .tab-group-in .tab-content {width: 100%; position: relative; z-index: 1;}

.tab-group-in .tab-content{overflow: hidden;}
.tab-group-in .tab-content .tab-pane{ display: block !important; position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; z-index: -1;}
.tab-group-in .tab-content .tab-pane.active{position: relative; z-index: 1; visibility: visible;}
.tab-group-in .nav-tabs{border-bottom-color: #ccd8e8; margin-bottom: 40px;}
.tab-group-in .nav-tabs > li{padding-right: 34px;}
.tab-group-in .nav-tabs > li > a{border: none; border-bottom: solid 1px #ccd8e8; color: #58595b; font-size: 20px; font-weight: 500;padding: 10px 0; position: relative;}
.tab-group-in .nav-tabs > li > a:before{background: #0066b3; content: ""; height: 2px; left: 0; bottom: 0; position: absolute; width: 100%; visibility: hidden;}
.tab-group-in .nav-tabs>li.active>a, .tab-group-in .nav-tabs>li.active>a:hover, .tab-group-in .nav-tabs>li.active>a:focus{background: #fff; border: none; border-bottom: solid 1px #0066b3; color: #0066b3; }
.report-detail .nav-tabs>li.active>a, .report-detail .nav-tabs>li.active>a:hover, .report-detail .nav-tabs>li.active>a:focus{background-color: #055bac; color: #fff; border-bottom-color: #fff;}

.tab-group-in .nav-tabs>li.active>a:before, .tab-group-in .nav-tabs>li.active>a:hover:before, .tab-group-in .nav-tabs>li.active>a:focus:before{visibility: visible;}
.tab-group-in .nav-tabs>li>a:hover{background: #fff;}
.tab-group-in .calendar-wrapper{background-color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  -webkit-box-shadow: 0px 5px 5px 0px rgba(220,224,228,1);-moz-box-shadow: 0px 5px 5px 0px rgba(220,224,228,1);box-shadow: 0px 5px 5px 0px rgba(220,224,228,1); overflow: hidden; margin: 0 5px 10px;}
.tab-group-in .calendar-wrapper .header-group{background-color: #055bac; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; color: #fff; padding: 17px 36px;}
.header-group .control-calendar button, .header-group h4{display: inline-block; vertical-align: top; font-size: 20px; line-height: 40px; margin: 0;}
.header-group .control-calendar button{background-color: #055bac; border: none; font-size: 36px; height: 40px; line-height: normal; padding: 0; vertical-align: top;}
.header-group .control-calendar button i{line-height: 38px; vertical-align: top; display: inline-block;}
.header-group .btn-today{background-color: #124591; border: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #3fddff; font-size: 16px; display: inline-block; line-height: 30px; margin-top: 5px; padding: 0 15px; min-width: 97px; text-align: center; vertical-align: top;}
.header-group .wrap-today{text-align: right;}
.header-group h4{padding: 0 30px;}
.table-calendar .table, .table-popup.table{margin: 0;}
.table-calendar .table>thead>tr>th, .table-popup.table>thead>tr>th {background-color: #ebf4ff; border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: none; color: #58595b; font-size: 14px; font-weight: normal;line-height: 18px; text-align: center; text-transform: uppercase; vertical-align: middle; padding: 12px 10px;}
.table-calendar .table>thead>tr>th:first-child, .table-popup.table>thead>tr>th:first-child{border-left-color: #ebf4ff;}
.table-calendar .table>thead>tr>th:last-child, .table-popup.table>thead>tr>th:last-child{border-right-color: #ebf4ff;}
.table-popup.table>thead>tr>th{color: #58595b; font-size: 16px; font-weight: 700; line-height: 24px; text-transform: capitalize;}
.table-calendar th strong{display: block; font-size: 20px; font-weight: 700;}
.table.tb-week>thead>tr>th{font-size: 14px; line-height: 18px;}
.table.tb-week>thead>tr>th strong{display: block; font-size: 20px; line-height: 24px;}
.table-calendar .w-date{width: 105px; max-width: 105px; min-width: 80px;}
.table-calendar .table>tbody>tr>td, .table-popup.table>tbody>tr>td{border-bottom: 1px solid #dfe6eb;  border-left: 1px solid #dfe6eb; border-right: 1px solid #dfe6eb; border-top: none; font-size: 14px; line-height: 18px;  padding: 12px 10px; position: relative; }
.table-calendar .table>tbody>tr>td:first-child, .table-popup.table>tbody>tr>td:first-child{border-left-color: #fff;}
.table-calendar .table>tbody>tr>td:last-child, .table-popup.table>tbody>tr>td:last-child{border-right-color: #fff;}
.table-calendar h4{font-size: 14px; line-height: 18px; margin: 0;}
.table-calendar .table>tbody>tr>td.name{vertical-align: middle;}
.table-calendar .table .name{min-width: 130px;}
.table-calendar .table>tbody>tr>td.name h4{ padding-left: 14px; position: relative;}
.table-calendar .table>tbody>tr>td.name h4:before{background: #72bcf5; content: ""; width: 3px; left: 0; top: 0; bottom: 2px; position: absolute;}
.table-calendar .table>tbody>tr>td.name h4 strong{color: #005bac; font-size: 16px;}
.table-calendar .table>tbody>tr>td.bgtd-1{background-color: #fee6ed; color: #763043;}
.table-calendar .table>tbody>tr>td > *{position: relative; z-index: 1;}
.table-calendar .table>tbody>tr>td >.link-more{background-color: #ffd; display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 10; opacity: 0; filter: alpha(opacity=0);}
.wrap-tbi{width: 100%; padding: 15px 0;}
.wrap-tbi .name{/*border-right: solid 3px #0072bc;*/ color: #005bac; font-size: 16px; float: left; width: 130px; padding-right: 10px;}
.wrap-tbi .content{border-left: solid 3px #0072bc; overflow:  hidden; padding-left: 10px; left: -3px; top: 0; position: relative;}
.wrap-tbi .content ul{list-style: none; margin: 0; padding: 0;}
.homewrok-detail, .report-detail, .wrapper-box-heading{padding: 0;}
.homewrok-detail .heading, .report-detail .nav-tabs, .wrapper-box-heading .heading{background-color: #055bac;border-radius: 5px 5px 0 0; margin: 0;}
.homewrok-detail .heading, .wrapper-box-heading .heading{ padding: 10px;}
.wrapper-box-heading .heading h4{color: #fff; font-size: 16px; line-height: 24px; margin: 8px 0;}
.wrapper-box-heading .heading h2{color: #fff; font-size: 24px; font-weight: 500; line-height: 32px; margin: 8px 0;}
.report-detail .nav-tabs{border-bottom:none; padding: 0 40px;}
.report-detail .nav-tabs > li > a{border-bottom-color: #055bac; color: #2dd5ff;}
.report-detail .nav-tabs > li > a:before{background: #fff;}
.report-detail .nav-tabs>li>a:hover {    background: #055bac;}
.report-detail .nav-tabs > li{margin: 0;}
.homewrok-detail .heading h2{margin: 0; color: #fff; font-size: 24px; line-height: 32px;}
.homewrok-detail .heading p{margin: 0; color: #87f3fa; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: top; position: relative; padding: 0 11%;}
.homewrok-detail .heading p:before{content: ""; background-color: #87f3fa; height: 1px; width: 100%; left: 0; top: 50%; position: absolute; z-index: 1;}
.homewrok-detail .heading p span{background-color: #055bac; display: inline-block; vertical-align: top; position: relative; z-index: 10; padding: 0 12px;}
.box-shadow{background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(232,236,240,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(232,236,240,1);
box-shadow: 0px 0px 5px 0px rgba(232,236,240,1); margin: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 15px;}
.box-arti{background-color: #f55d85; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; padding: 10px; margin-bottom: 20px;}
.box-arti.bga-2{background-color: #ffba25;}
.box-arti.bga-3{background-color: #009bad;}
.box-arti header{position: relative; padding-right: 62px; margin-bottom: 15px;}
.box-arti header .more-report {border: solid 1px #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; font-size: 14px; position: absolute; right: 0; top: 50%; display: inline-block; width: 62px; vertical-align: top; text-align: center; line-height: 28px; margin-top: -15px;}
.box-arti header .more-report:hover, .box-arti header .more-report:focus, .box-arti header .more-report:visited{text-decoration: none;}
.box-arti header h4{font-size: 16px; line-height: 24px; padding: 3px 0; margin: 0;}
.box-arti .point{font-size: 26px; line-height: 60px;}
.box-arti .point strong{font-size: 58px;vertical-align: middle;}
.boxa-report{padding: 10px 10px 0;}
.boxa-chart .heading, .boxa-group .heading{background-color: #055bac;  border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; color: #fff; padding: 0 15px; position: relative;}
.boxa-chart .heading h4, .boxa-group .heading h4{background: url(../images/ico-chart.png) no-repeat left center; color: #87f3fa; font-size: 16px; line-height: 24px; padding: 15px 15px 15px 45px; margin: 0;}
.boxa-group .heading h4{background-image: url(../images/ico-head-1.png); padding-left: 26px;}
.boxa-group .heading h4.title-noneico{background: none; padding-left: 0;}
.boxa-group .heading h4.ico-bad{background-image: url(../images/ico-head-2.png);}
.boxa-group .heading h4.ico-prog{background-image: url(../images/ico-head-3.png);}
.boxa-group .heading h4.ico-homework{background-image: url(../images/ico-head-4.png);}
.boxa-group .heading h4.ico-over{background-image: url(../images/ico-progress-1.png);}
.boxa-group .heading h4.book-title{background-image: url(../images/ico-progress-2.png); vertical-align: bottom; padding-top: 10px; padding-bottom: 11px;}
.boxa-group .heading h4.book-title strong{color: #fff; font-size: 30px; line-height: 32px;}
.boxa-group .heading h4.ico-quizes{background-image: url(../images/ico-progress-3.png);}
.boxa-group .heading-more{padding-right: 78px;}
.heading-more .more-btna{border: solid 1px #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; padding: 0 15px; min-width: 68px; line-height: 28px; text-align: center; right: 10px; top: 50%; margin-top: -15px; position: absolute;}
.heading-more .more-btna:hover, .heading-more .more-btna:focus{background-color: #fff; color: #055bac; font-weight: 700; text-decoration: none;}
.chart-box{background-color: #fff; height: 275px; padding: 30px 15px 0 10px;	width: 100%;}
#chartContainer{position: relative; z-index: 1;}
#chartContainer .highcharts-button, #chartContainer .highcharts-credits{display: none;}
.wrap-reponse-chart{overflow-x: auto; overflow-y: hidden; width: 100%;}
.wrap-reponse-chart .chart-box{width: 860px; margin: 0 auto;}
.chart-control{text-align: right;}
.chart-control .btn-chart{background: url(../images/btn-chart.png) no-repeat left top; border: none; height: 24px; width: 26px; display: inline-block; vertical-align: top; margin: 15px 8px;}
.chart-control .btn-chart:focus{outline: none; border: none;}
.chart-control .btn-chart.btn-prev{background-position: 0 0;}
.chart-control .btn-chart.btn-prev:hover{background-position: 0 -24px;}
.chart-control .btn-chart.btn-next{background-position: -26px 0;}
.chart-control .btn-chart.btn-next:hover{background-position: -26px -24px;}

.box-points{color: #58595b; padding: 20px 0;}
.box-points header{font-size: 30px; font-weight: 700; line-height: 36px; margin-top: 5px;}
/*
.box-progress{display: inline-block; position: relative; margin: 20px 0;}
.box-progress .group-figure ul{list-style: none; width: 32px; margin: 0 auto; padding: 0;}
.box-progress .more-start, .box-progress .more-start-spoly{display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 99; opacity: 0; filter: alpha(opacity=0);}
.group-figure ul li{background-color: #cecece; border-radius: 3px ; -webkit-border-radius: 3px ; -moz-border-radius: 3px ; height: 10px; width: 100%; margin-bottom: 3px;}
.group-figure ul li.pre{background-color: #ffa3ac;}
.group-figure ul li.current{background-color: #f46778;}
.box-progress header{border: solid 1px #e44063; border-radius: 4px; color: #58595b; font-size: 14px; line-height: 20px; padding: 5px 10px; margin-top: 10px;}
.box-progress header h4{color: #e44063; font-size: 14px; margin: 0;}
.box-progress header p{margin: 0;}
.progress-2 .group-figure ul li.pre{background-color: #ffd85f;}
.progress-2 .group-figure ul li.current{background-color: #f3ac15;}
.progress-2  header{border-color: #f3ac15;}
.progress-2  header h4{color: #ce8d04;}
.progress-3 .group-figure ul li.pre{background-color: #63dbc3;}
.progress-3 .group-figure ul li.current{background-color: #1aa78b;}
.progress-3  header{border-color: #099979;}
.progress-3  header h4{color: #2ea184;}
*/
/*======================*/
.wrapper-container .content-main{padding-left: 20px;}
.epoly-content{padding: 15px 15px 5px;}
.epoly-content h4{color: #58595b; font-size: 16px; font-weight: 500; line-height: 24px; margin: 0;}
.panel-box{border-bottom: dotted 1px #d8d8d8; color: #58595b; font-size: 14px;  line-height: 20px; padding: 10px 0; }
.panel-box:last-child{border-bottom: none;}
.panel-box h5{color: #005bac; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; position: relative; padding-left: 24px;}
.panel-box h5:before{content: "\f058"; font-family: "FontAwesome"; font-size: 16px; left: 0; top: -1px; position: absolute;}
.panel-box p{margin: 0; padding-left: 24px;}
.content-start{padding: 10px;}
.content-start h4{color: #58595b; font-size: 16px; line-height: 24px; margin: 0;}
.list-start{list-style: none; padding: 0; margin: 0; overflow: hidden;}
.list-start > li{float: left; width: 25%; padding: 10px 15px;}
.list-start > li > .start{background: url(../images/star-bg.png) no-repeat 0 0; display: block; height: 31px; width: 33px; margin: 0 auto;}
.list-start > li.current > .start{background-position: -33px 0;}
.select-heading .btn-default{background-color: #055bac; border: solid 2px #fff; color: #fff;}
.bootstrap-select.btn-group .dropdown-toggle .caret{border: none; height: 20px; width: 16px; margin-top: -10px; vertical-align: top; line-height: 18px; right: 6px;}
.bootstrap-select.btn-group .dropdown-toggle .caret:before{content: "\f107"; font-family: "FontAwesome"; font-size: 16px;}
.table-main .table-popup.table>thead>tr>th, .table-main .table-popup.table>tbody>tr>td{font-size: 14px; line-height: 18px; padding: 8px; vertical-align: middle;}
.table-main .table-popup.table>thead>tr>th{font-weight: 500;}
.boxa-bg{background-color: #055bac; color: #fff;}
.mtb-8{margin: 9px 0;}
.p1015{padding: 10px 15px 15px;}
/*============================*/
.box-compare{width: 100%; position: relative; text-align: center; padding-top: 20px;}
.box-compare .compare-title{color: #7f7f7f; font-size: 14px; padding: 10px 0; display: inline-block; vertical-align: top; width: 40%;}
.box-compare .compare-img{background: url(../images/progeass-can.png) no-repeat 0 0; height: 218px; width: 314px; margin: 0 auto; position: relative; z-index: 1;}
.box-compare .compare-img.gt{background-position: -628px 0;}
.box-compare .compare-img.lt{background-position: -314px 0;}
.box-compare .compare-img.eq{background-position: 0 0;}
.heading-name{width: 314px; margin: 0 auto 28px; }
.heading-name .name{background-color: #f46778; border-radius: 19px;  -webkit-border-radius: 19px;  -moz-border-radius: 19px; color: #fff; font-size: 14px; font-weight: 700; line-height: 18px; padding: 10px 5px; width: 104px; position: relative;}
.heading-name .name:before{width:0px;height:0px;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 11px solid #f46778; left: 50%; margin-left: -9px; bottom: -11px; position: absolute; content: "";}
.heading-name .name.nonfiction{background-color: #07a492;}
.heading-name .name.nonfiction:before{border-top-color: #07a492;}
.box-compare .compare-num-1, .box-compare .compare-num-2{color: #fff; font-size: 36px; font-weight: bold; height: 88px;line-height: 88px; top: 52px; position: absolute; width: 104px; z-index: 10;}
.box-compare .compare-num-1{left: 0;}
.box-compare .compare-num-2{right: 0;}
.box-compare .compare-img.lt .compare-num-2, .box-compare .compare-img.gt .compare-num-1{top: 12px;}
.box-compare .compare-img.lt .compare-num-1, .box-compare .compare-img.gt .compare-num-2{top: 95px;}
.wrap-progress{background-color: #033e75; height: 11px; border-radius: 6px;width: 100%; position: relative;}
.wrap-progress .progress-box{background-color: #fff; border-radius: 6px;  height: 11px; position: relative; width: 0; -webkit-transition: all ease 0.5s;    -moz-transition: all ease 0.5s;    -o-transition: all ease 0.5s;    transition: all ease 0.5s;}
.bottom-num{border-top: dotted 1px #b5b5b5; color: #58595b; font-size: 20px; font-weight: 700; line-height: 28px; text-align: center; padding: 20px 10px; margin-top: 20px;}
.bottom-num strong{color: #005bac; font-size: 26px;}
/*=========================*/
.box-chart{height: 142px; width: 142px; margin: 0 auto; text-align: center; position: relative; margin-bottom: 10px;}
.box-chart .chart{ height: 100%; width: 100%; position: relative; color: #f46778; font-size: 38px; font-weight: bold;}
.box-chart .chart span{display: block; line-height: 40px; -ms-transform: translateX(0) translateY(-50%); /* IE 9 */    -webkit-transform: translateX(0) translateY(-50%); /* Chrome, Safari, Opera */    transform: translateX(0) translateY(-50%);    top: 50%; left: 0; position: relative;}
.box-chart .chart canvas{ position: absolute; left: 0; top: 0;}
#chart2 .chart{color: #1aa78b; font-size: 20px; }
#chart2 .chart span{line-height: 30px;}
#chart2 .chart strong{display: block; font-size: 38px;}
.box-dash{color: #58595b; font-size: 16px; font-weight: 500; line-height: 22px; padding: 20px 0;}
.box-dash > h4{color: #018a76; font-size: 22px; font-weight: bold; line-height: 26px; text-align: center; margin: 5px 0;}
.box-dash .total{color: #146cc5; font-size: 22px; line-height: 24px; text-align: center; padding-right: 10px; padding-top: 10px;}
.box-dash .head .num{color: #aa591d; float: left; font-size: 22px; font-weight: bold; line-height: 32px;   text-align: center;}
.box-dash .head .title-b{color: #cb712d; font-size: 16px; font-weight: normal; line-height: 20px; overflow: hidden; padding-left: 10px;}
.box-dash .head .title-b strong{display: block; color: #aa591d; font-size: 22px; }
.box-dash .color-1{color: #f46778;}
.box-dash .color-2{color: #1aa78b;}
.box-dash .total strong span{ font-size: 16px;}
.box-dash .more-see{background: url(../images/img/polyar/seelist_nor.png) no-repeat left top; display: block; font-size: 0; height: 40px; width: 88px; margin: 0 auto;}
.box-dash .more-see:hover{background-position: -88px 0;}
.box-dash p{margin: 0;}
.box-dash p strong{font-size: 18px;}
.visible-hide{visibility: hidden;}
.quizes{color: #58595b; font-size: 30px; font-weight: 700; line-height: 43px; margin: 0; padding: 16px 0; vertical-align: bottom;}
.quizes strong{color: #005bac; font-size: 49px;}
.title-ico{background: url(../images/ico-progress-5.png) no-repeat left center; color: #87f3fa; font-size: 18px; font-weight: 700; line-height: 28px; margin: 0; padding-left: 26px;}
.seelist-detail .heading{padding: 11px 20px;}
/*=========================*/
.wrap-dash{margin-top: 36px; width: 100%; position: relative;}
.wrap-dash .dash-head{border-right: dotted 1px #ddd; float: left; width: 174px; min-height: 70px; text-align: center; padding: 35px 0;}
.wrap-dash .dash-head h4{color: #58595b; font-size: 16px; line-height: 22px; margin: 0 0 5px 0;}
.wrap-dash .dash-head p{color: #005bac; font-size: 30px; font-weight: 700; line-height: 32px; margin: 0;}
.wrap-dash .dash-content{overflow: hidden;}
.dash-content-inner{width: 100%; padding:  60px 70px 60px 50px;}
.suggest-v {background-color: #c2daf7; border-radius: 5px; height: 9px; width: 100%; position: relative;z-index: 1;}
.suggest-v .suggest-prog{background-color: #055bac;border-radius:5px; height: 100%; left: 0; top: 0; position: absolute; height: 100%; width: 0; z-index: 9;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}

/*.suggest-v .suggest-box {position: absolute; bottom: 3px; text-align: center; z-index: 10;}
.suggest-v .suggest-box .num{ width: 100%;}
.suggest-v .suggest-box .num strong{display: block; font-size: 14px; height: 38px; width: 38px; margin: 0 auto; position: relative;line-height: 34px; text-align: center;}
.suggest-v .suggest-box .name, #suggest .suggest-v .suggest-course .name{top: 100%; left: 50%; padding-top: 5px; position: absolute; -ms-transform: translateX(-50%) translateY(0);  -webkit-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);}
*/
.suggest-v .suggest-course, .suggest-v .suggest-end{ border-radius: 100%; left: 100%; height: 63px; width: 63px; z-index: 12; margin-left: -32px; top: 50%; margin-top: -31px; z-index: 11; text-align: center; position: absolute;}
.suggest-v .suggest-end{background-color: #c2daf7;}
.suggest-v .suggest-course{background-color: #055bac; }
.suggest-v .suggest-course .num{color: #fff;  font-size: 24px; font-weight: bold; line-height: 63px;}
.suggest-v .suggest-end .name, .suggest-v .suggest-course .name{color: #58595b; font-size: 14px; font-weight: bold; line-height: 18px; padding: 5px 0; white-space: nowrap; top: 100%; left: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(0);  -webkit-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);}
.suggest-v .suggest-course.in{opacity: 1;}
.suggest-v .suggest-end .num{color: #58595b; font-size: 24px; font-weight: bold; line-height: 63px;}
.suggest-v .suggest-current{background-color: #055bac; color: #a0f0ff; bottom: 36px; border-radius: 9px; display: inline-block; vertical-align: top; font-size: 14px; line-height:  24px; padding: 0 9px; left: 100%; position: absolute; white-space: nowrap; z-index: 11; -ms-transform: translateX(-50%) translateY(0);  -webkit-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);}
.suggest-v .suggest-current .num span{color: #fff;}
.suggest-v .suggest-current:before{content: ""; width:0px;height:0px;border-left:4px solid transparent;border-right:4px solid transparent; border-top:4px solid #055bac; bottom: -4px; left: 50%; position: absolute; margin-left: -2px;}


.suggest-h{background-color: #c2daf7; border-radius: 5px; height: 300px; width: 9px; position: relative; margin: 0 auto; }
.suggest-h .suggest-prog{background-color: #055bac;border-radius:5px; left: 0; bottom: 0; position: absolute; width: 100%; z-index: 1;}
.suggest-h .suggest-current{background-color: #055bac; color: #a0f0ff;  left: 30px; border-radius: 9px; display: inline-block; vertical-align: top; font-size: 14px; line-height:  24px; padding: 0 9px;  white-space: nowrap; position: absolute; z-index: 11;  -ms-transform: translateX(0) translateY(-50%);  -webkit-transform: translateX(0) translateY(-50%);transform: translateX(0) translateY(-50%); }
.suggest-h .suggest-current .num span{color: #fff;}
.suggest-h .suggest-current:before{content: ""; width:0px; height:0px; border-bottom:4px solid transparent; border-top:4px solid transparent; border-right:4px solid #055bac; left: -4px; top: 50%; position: absolute; margin-top: -4px;}
.suggest-h .suggest-course, .suggest-h .suggest-end{ border-radius: 100%; height: 40px; width: 40px; text-align: center; line-height: 40px; position: absolute; left: 50%; margin-left: -20px; margin-bottom: -20px; z-index: 10;}
.suggest-h .suggest-end{background-color: #c2daf7;}
.suggest-h .suggest-course{background-color: #055bac; }
.suggest-h .suggest-course .num{color: #fff;}
.suggest-h .suggest-end .name, .suggest-h .suggest-course .name{font-size: 14px;  line-height: 20px; left: 50px; white-space: nowrap; top: 0;; position: absolute;}

.point-rank{list-style: none; padding: 0; margin: 0 auto; overflow: hidden;}
.point-rank > li{float: left; width: 50%; line-height: 40px;}
.point-rank > li.name{border-bottom: dotted 1px #c5d2dd; font-weight: 500;}
.point-rank > li.first{text-align: left; border-right: dotted 1px #c5d2dd;}
.point-rank > li.last{text-align: right;}
.point-rank strong{color: #055bac; display: inline-block; font-size: 30px; font-weight: 500; vertical-align: middle; min-width: 60px; text-align: left;}
/*=========================*/
.box-calendar .heading{padding: 18px 10px;}
.academic-box .heading{padding: 18px 0 0;}
.box-calendar .heading h3{display: inline-block; font-size: 20px; font-weight: 500;  line-height: 32px; vertical-align: top; margin: 0; padding: 0 15px;}
.box-calendar .heading .btn-calendar{background-color: #055bac; border: none; display: inline-block; font-size: 32px; vertical-align: top; height: 32px; width: 32px; padding: 0;}
.box-calendar .heading .btn-calenda i{vertical-align: top; display: inline-block;}
.box-calendar .table-popup.table>thead>tr>th{text-transform: uppercase;}
.box-calendar .table-popup.table>tbody>tr>td{width: 100px; min-width: 80px; padding: 5px; position: relative;}
.box-calendar .date-wrap{ min-height: 100px; position: relative; z-index: 1;}
.box-calendar .date-num{font-size: 16px; font-weight: 500;}
.box-calendar .control-calendar{background-color: #124591; color: #2dd5ff; margin-top: 18px; width: 100%;}
.box-calendar .control-calendar a{color: #2dd5ff; display: inline-block; font-size: 14px; font-weight: 500; line-height: 22px; padding: 10px; }
.box-calendar .control-calendar a:hover, .box-calendar .control-calendar a:focus, .box-calendar .control-calendar a.active{color: #fff; text-decoration: none;}
.box-calendar .control-calendar {text-align: center;}
.box-calendar .control-calendar .nav-control a{border-bottom: solid 2px #124591;}
.box-calendar .control-calendar .nav-control a.active{border-bottom-color: #fff;}
.report-card-wrap .table-popup.table>thead>tr>th, .report-card-wrap .table-popup.table>tbody>tr>td,
.tb-small.table>thead>tr>th, .tb-small.table>tbody>tr>td{font-size: 14px; font-weight: 500; line-height: 20px; padding: 8px; vertical-align: middle;}
.report-card-wrap .table-popup.table>thead>tr>th, .tb-small.table>thead>tr>th{text-transform: capitalize; }
.heading-nav{background-color: #aed0f8; color: #58595b; font-size: 12px; font-weight: 500; line-height: 18px; list-style: none; padding: 0; margin: 0; width: 100%; overflow: hidden;}
.heading-nav > li{ display: inline-block; vertical-align: top; margin: 5px 0;padding: 0 30px; position: relative;}
.heading-nav > li:before{background-color: #d4e6fb; content: ""; height: 100%; width: 1px; left: 0; top: 0; position: absolute;}
.heading-nav > li:first-child{margin-left: -1px;}

.form-heading{width: 100%;}
.form-heading .group-heading, .form-heading .name, .form-heading .select-heading{display: inline-block; vertical-align: top;}
.form-heading .name{color: #87f3fa; font-size: 16px; font-weight: 400; line-height: 34px; padding: 0 15px; margin: 0;}
.form-heading .select-heading{min-width: 80px;}
.form-heading .select-heading .btn-default{border-width: 1px;}
.btn-heading{background-color: #fff; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;color: #055bac; font-size: 14px; font-weight: 500; line-height: normal; height: 34px; padding: 0 20px; margin-left: 15px;}

.wrap-calendar-week .button-control{padding: 10px 20px;}
.button-control .btn-control{background-color: #fff; border: none; color: #055bac; font-size: 16px; line-height: 34px; padding: 0;}
.button-control .btn-control i{font-size: 20px;}
.button-control .btn-control.disable{color: #b0b2b6; }

.academic-box .date-wrap{min-width: 80px;}
.academic-box .date-content{font-size: 14px; line-height: 20px; padding-bottom: 30px;}
.academic-box .bottom-node{background-color: #dae3f4; color: #005bac; font-size: 14px; font-weight: 500; padding: 5px 10px; line-height: 20px; left: -5px; right: -5px; bottom: -5px; position: absolute; }
.academic-box .link-date{background-color: #fff; display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 10; opacity: 0; filter: alpha(opacity=0); }
.academic-box .academic-bg-1{background-color: #fafbb9; color: #aa7f0c;}
.academic-box .academic-bg-2{background-color: #def6d8; color: #3b7e39;}
.academic-box .academic-bg-3{background-color: #f0e5f5; color: #8f439f;}
/*.academic-box .control-calendar .nav-control{display: none;}
.academic-box .control-calendar .nav-control.in{display: block;}*/
.academic-box .content{position: relative; overflow: hidden; width: 100%;}
/*.academic-box .wrap-content-calendar, .wrap-content-calendar .group-month, .wrap-content-calendar .group-week, .wrap-content-calendar .group-year{left: 0; top: 0; position: absolute; z-index: -1; visibility: hidden;}
.academic-box .wrap-content-calendar.in, .wrap-content-calendar .group-month.in, .wrap-content-calendar .group-week.in, .wrap-content-calendar .group-year.in{position: relative; z-index: 1; visibility: visible;}
*/.tb-week .date-event{background-color: #dae3f4; color: #005bac; margin: 0 -5px -5px; padding: 10px; min-height: 200px;}
.tb-week .date-content{padding-bottom: 10px;}



.attendance-box .event-bg-1{background-color: #e8e8e8;}
.attendance-box .event-bg-2{background-color: #fdc7cf; color: #9a4a5e;}
.attendance-box .event-bg-3{background-color: #f6eab2; color: #7e7039;}

.list-box .boxa-group h5{color: #fefefe; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 5px 0; white-space: nowrap;}
.list-box .boxa-group .nodea{ font-size: 14px; line-height: 24px; margin: 0; vertical-align: bottom; padding: 10px 18px;}
.list-box .boxa-group .nodea .name{color: #005bac; vertical-align: bottom;}
.list-box .boxa-group .nodea .name strong{font-size: 24px;}
.list-box .boxa-group.box-2 .heading{background-color: #f1a911;}
.list-box .boxa-group.box-2 .name{color: #f1a911;}
.list-box .boxa-group.box-3 .heading{background-color: #f46778;}
.list-box .boxa-group.box-3 .name{color: #f46778;}

.list-bottom{font-size: 14px; line-height: 20px; padding: 15px 0;}
.list-bottom span{display: inline-block; vertical-align: top; padding: 5px 30px; position: relative;}
.list-bottom span:before{background-color: #e8e8e8; content: "";  height: 20px; width: 20px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; left: 0; top: 50%; position: absolute; margin-top: -10px;}
.list-bottom span.event-2:before{background-color: #fdc7cf;}
.list-bottom span.event-3:before{background-color: #f6eab2;}

.academic-detail .nav-tabs{margin: 0 !important; text-align: center;}
.academic-detail .nav-tabs >li {float: none; display: inline-block; padding: 0 15px;}
.academic-detail .tab-pane{padding: 15px;}
.academic-detail .tab-pane > ul{list-style: none; padding: 0; margin: 0;}
.academic-detail .tab-pane > ul >li{padding-left: 17px; position: relative; margin-bottom: 5px;}
.academic-detail .tab-pane > ul >li:before{content: "\f111"; color: #0072bc; font-family: "FontAwesome"; font-size: 10px;left: 0; top: 0; position: absolute;}
.leaderboard-wrap.box-calendar .heading h3{min-width: 240px;}
.leaderboard-accordion .panel-default{border-color: #e8ecf0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.leaderboard-accordion .panel-default>.panel-heading{background-color: #fff; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.leaderboard-accordion .panel-default>.panel-heading a{color: #009de1; display: block; font-size: 20px; font-weight: 700; line-height: 45px; vertical-align: middle; position: relative;}
.leaderboard-accordion .point{color: #009de1;}
.leaderboard-accordion .panel-default.panel-rank-1>.panel-heading a, .leaderboard-accordion .panel-rank-1 .point{color: #f7ab00;}
.leaderboard-accordion .panel-default.panel-rank-2>.panel-heading a, .leaderboard-accordion .panel-rank-2 .point{color: #8b8b8b;}
.leaderboard-accordion .panel-default.panel-rank-3>.panel-heading a, .leaderboard-accordion .panel-rank-3 .point{color: #dd7853;}
.leaderboard-accordion .panel-default>.panel-heading a img{display: inline-block; vertical-align: top; margin-right: 5px;}
.leaderboard-accordion .panel-default>.panel-heading a:hover, .leaderboard-accordion .panel-default>.panel-heading a:focus{text-decoration: none;}
.leaderboard-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none; padding: 0 15px;}
.leaderboard-accordion .sutdent-info{padding-left: 60px;}
.leaderboard-accordion .sutdent-info .content{padding: 15px 0; line-height: 20px;}
.leaderboard-accordion .sutdent-info h4{font-size: 16px; font-weight: 700; margin: 0;}
.leaderboard-accordion .sutdent-info figure{float: none; left: 0; top: 50%; position: absolute; margin-top: -25px;}
.leaderboard-accordion .point{font-size: 20px; font-weight: 700; line-height: 44px;}
.leaderboard-accordion .group-rank{border-top: dotted 1px #dedede;padding: 15px 0;}
.leaderboard-accordion .panel-body .group-rank:first-child{border-top: none;}
.tb-history{font-weight: 700; font-size: 16px;}
.tb-history strong{color: #005bac;}
.tb-history th, .tb-history td{width: 33.33%;}

.accordions .panel-title>a:before{content: "\f107"; color: #a2a7b1; font-size: 24px; font-family: "FontAwesome"; right: 0; top: 50%; position: absolute; line-height: 30px; margin-top: -15px;}
.accordions .panel-title>a.current.collapsed:before{content: "\f107";}
.accordions .panel-title>a.current:before{content: "\f106";}

/*=========================*/
@media (min-width: 359px){
  .modal-wrapper .modal-540i{width: 540px !important;}
  .modal-wrapper .modal-dialog.modal-320{width: 320px; margin: 30px auto;}
}
/*=========================*/
@media (min-width: 567px){
  .modal-wrapper .modal-540i{width: 540px !important;}
  .modal-wrapper .modal-dialog.modal-360{width: 360px; margin: 30px auto;}
}
@media (min-width: 640px){
  .f-left-xs639-up{float: left;}
  .f-right-xs639-up{float: right;}
  .article-program .box-head{float: left; width: 55%;}
  .program-ele .box-head, .program-pas .box-head{width: 53%;}
  .tab-pane .article-program .content, .article-program .content{margin-top: 0; padding-left: 30px;}
  .tab-pane .article-program:nth-child(even) .box-head, .list-article .article-program:nth-child(even) .box-head{float: right;}
  .tab-pane .article-program:nth-child(even) .content, .list-article .article-program:nth-child(even) .content{padding-left: 0; padding-right: 30px;}
  /*.article-program .box-head header h4{font-size: 48px; line-height: 48px;}*/
  .tab-pane .program-ele:nth-child(odd) .box-head, .list-article .program-ele:nth-child(odd) .box-head{float: right;}
  .tab-pane .program-ele:nth-child(odd) .content, .list-article .program-ele:nth-child(odd) .content{padding-left: 0; padding-right: 30px;}
  .tab-pane .program-ele:nth-child(even) .box-head, .list-article .program-ele:nth-child(even) .box-head{float: left;}
  .tab-pane .program-ele:nth-child(even) .content, .list-article .program-ele:nth-child(even) .content{padding-left: 30px; padding-right: 0;}
    .list-teacher .box-teacher.box-even  .figure-img{float: right;}
    .list-teacher .box-teacher.box-even figure{padding-left: 0; padding-right: 25px; }
    .list-teacher .box-teacher.box-even figure:before{left: 25px; right: 0;}
    .list-teacher .content-box{padding-top: 50px;}
    .box-calendar .control-calendar{text-align: left;}
    .box-calendar .control-calendar .nav-type{text-align: right;}
    .box-calendar .control-calendar .nav-control a{padding: 10px 20px;}
}

@media (min-width: 768px){
  .hidden-xs-up{display: none;}
  .text-sm-up-left{text-align: left;}
  .text-sm-up-right{text-align: right;}
  .col-sm-up-w20{width: 20%;}
  .modal-360{width: 360px;}
  .modal-wrapper .modal-dialog.modal-550{width: 550px;}
  .modal-wrapper:before {   content: '';   display: inline-block;   vertical-align: middle;   height: 100%;   width: 0;}
  .modal-wrapper {   outline: none;   white-space: normal;   box-sizing: border-box;   text-align: center;}

  .modal-alert   .modal-dialog{
    width: 360px;
  }
  .gallery-modal{height: 100%; width: 100%;}
  .gallery-modal .modal-content{z-index: 1;}
  .modal-wrapper .modal-dialog{display: inline-block; vertical-align: middle; text-align: left;}
  .anti-custom .anti-opa{top: 0;}
  .anti-custom .anti-opa:first-child{left: -100%;}
  .anti-custom .current.anti-opa:first-child{left: 0;}
  .anti-custom .anti-opa:last-child{top: 100px;}
  .anti-custom .current.anti-opa:last-child{top: 0;}
  .wrapper-login-tab{background: rgba(0, 66, 148,.77); }
  .title-box .title-text.left-text{padding-left: 86px;}

  .mission-box figure{float: left; width: 46%;}
  .mission-box .content{overflow: hidden; padding-left: 30px;}
  .mission-box:nth-child(2n+1) figure{float: right;}
  .mission-box:nth-child(2n+1) .content{padding-right: 30px; padding-left: 0;}
  .title-box .apply.apply-student{width: 100%; padding: 0 86px;}

  .list-support .item:nth-child(even) {margin-left: 33.33333333%;}
  .pos-sm-up-img{position: absolute; left: 0; top: 0; }
  .list-support  .pos-sm-up-img{height: 100%; margin-left: 33.33333333%;}
  .pos-sm-up-img img{-ms-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); top: 50%; position: relative;}
  .modal-wrapper .modal-dialog.modal-460{width: 460px;}
  .modal-wrapper .modal-dialog.modal-600{width: 600px;}
  .modal-wrapper .modal-dialog.modal-730{width: 730px;}


    .boxa-report{padding: 10px 30px 0;}

    .wrapper-install{background: #fff url(../images/mbg-1.jpg) no-repeat left top;}
    .wrapper-install:before, .wrapper-install:after{content: ""; position: absolute; bottom: 0; z-index: -1; height: 150px; width: 190px;}
    .wrapper-install:before{background: url(../images/mbg-2.jpg) no-repeat left bottom; left: 0;}
    .wrapper-install:after{background: url(../images/mbg-3.jpg) no-repeat right bottom; right: 0;}
    .wrapper-install .title-install{margin-bottom: 40px;}
    .install-left h5.ico-2{margin-top: 70px;}
    .install-left{border-right: solid 1px #85b1d7; padding-bottom: 60px;}
    .install-right{border-left: solid 1px #85b1d7; margin-left: -1px; padding-bottom: 60px;}


}
@media (min-width: 992px){
  .hidden-md-up{display: none !important;}
  .dropdown-mobi{display: none !important;}
  .ptb-90{padding: 90px 0;}
  .pt-90{padding-top: 90px;}
  .p-btn{margin: 10px auto 75px;}
  .p-btn3{margin: 40px 0 50px;}
  .mt30{margin: 20px 0 0;}
  .pt-btn3{margin: 40px 0 20px;}
  .pbt-50{padding: 50px 0 90px;}
  .p-btn2{margin: 40px 0 0;}
  .pbt-50 .title-3{margin-top: 0;}
  .modal-860{width: 860px;}
  /*.btn-header{background: url(../images/header-ico-bg.png) no-repeat center center; background-size: contain;}
  .btn-header:before{background: url(../images/header-ico-bgh.png) no-repeat center center; background-size: contain; content: ""; display: block; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: -1; opacity: 0;}
  .btn-header:hover:before{opacity: 1;}*/
  .wrapper-menu .container{padding: 0; width: 100%;}
  .menu > li{display: inline-block; vertical-align: top; position: relative; overflow: hidden;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
  .menu > li > a{color: #fff; line-height: 30px;}
  .menu > li > a > span{position: relative;}
  .menu > li > a > span:before,.menu > li > a > span:after{content: ""; display: block; height: 2px; background-color: #fff; bottom: 0; position: absolute; opacity: 0;filter: alpha(opacity=0); left:  50%; right: 50%;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
  .menu > li:hover > a > span:before, .menu > li > a:hover > span:before, .menu > li > a.active > span:before{    left: 0;   opacity: 1;filter: alpha(opacity=100);}
  .menu > li:hover > a > span:after, .menu > li > a:hover > span:after, .menu > li > a.active > span:before{ right: 0;  opacity: 1;filter: alpha(opacity=100); }
  .menu > li > ul{background-color: #fff; border-radius: 4px; left: 50%; top: 100%; position: absolute; white-space: nowrap; text-align: left; padding: 20px 10px; min-width: 206px;}
  /*.header-in .header-bg{background-image: url(../images/header-bgh.png); height: 278px;}
  .header-in .header-bg{background: #005bac;}*/
  .menu > li > ul{display: block !important; visibility: hidden; margin-top: 30px; opacity: 0;filter: alpha(opacity=0); -webkit-transition: all ease 0.5s;    -moz-transition: all ease 0.5s;    -o-transition: all ease 0.5s;    transition: all ease 0.5s;    -ms-transform: translateX(-50%) translateY(0);    -webkit-transform: translateX(-50%) translateY(0);    transform: translateX(-50%) translateY(0);    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);  }
  .menu > li:hover{overflow: visible;}
  .menu > li > a{display: block; padding: 10px 0;}
  .menu > li:hover > ul{visibility: visible;  opacity: 1;filter: alpha(opacity=100); margin-top: 0;}
  .menu ul a{color: #58595b; display: block; font-size: 16px; line-height: 24px; padding: 10px 0; text-align: center;}
  .menu ul li > a:hover, .menu ul li > a.active{color: #0066b3;}
  /*.header-in .header-top {display: none;}
  .header-container.header-in .logo{top: 5px; height: 70px; overflow: hidden;}*/
  .modal-wrapper .modal-dialog{width: 856px; position: static;}
  .model-career .modal-dialog{width: 550px;}

  .anti-custom .anti-opa:last-child{right: -100%;}
  .anti-custom .current.anti-opa:last-child{right: 0;}
.aside-wrap .sutdent-info{margin-top: -40px;}
.aside-wrap.is-affixed  .sutdent-info, .wrapper-container > .aside-wrap .sutdent-info{margin-top: 0;}

  .menu-navl a > .ico-down:before, .menu-nav2 a > .ico-down:before{content: "\f067";}
  .menu-navl a > .ico-up:before, .menu-nav2 a > .ico-up:before{content: "\f068";}
  .aside-wrap{float: left; width: 21.75%; padding: 60px 0;}
  /*.wrapper-container .aside-wrap{width: 26%; }*/
  .menu-navl.menu-only > li > ul.show-md{display: block !important; opacity: 1 !important;filter: alpha(opacity=100); height: auto !important;}
  .menu-navl.menu-only > li > a > .ico-up{visibility: visible !important;}
  .menu-navl.menu-only > li > a > .ico-down{display: none;}

  .wrapper-gallery .slider-for .wrap-box{ height: 480px; line-height: 480px;}
  .wrapper-gallery .slider-nav{padding: 0 40px;}
  .wrapper-gallery .slider-nav .wrap-box {height: 63px;}
  .tes-detail .description{padding: 0 35px;}


  .mp-40 .main-w{padding-top: 50px; padding-bottom: 50px;}
  .footer-container.mp-40 .main-w{padding-top: 0; padding-bottom: 0;}
  .wrapper-list-contact{overflow-x: hidden; overflow-y: auto; max-height: 614px;}

  .wrapper-help .pos-sm-up-img{left: 0; bottom: 0; position: absolute; margin: 0;}


  .wrap-parent  .wrap-parent-info{float: left; width: 200px; padding-top: 40px;}
  .student-info .student-content{overflow: hidden;     padding: 20px 0 0;
      margin: 0;
      border-left: solid 1px #879bc8;
      border-right: solid 1px #879bc8;
      height: 184px;}
    .wrap-parent  .student-content{padding-top: 0;}


}
@media (min-width: 1200px){
  .row-lg-4{margin-left: -40px; margin-right: -40px;}
  .row-lg-4 > .item{padding-left: 40px; padding-right: 40px;}
  .row-lg-45{margin-left: -45px; margin-right: -45px;}
  .row-lg-45 > .item{padding-left: 45px; padding-right: 45px;}
  .col-lg-5i{width: 20%;}
  /*.header-in .header-bg{background-position: left bottom; height: 220px;}*/
  /*.header-in .header-bg{background-position: left bottom; height: 168px;}*/
  .menu > li{width: 20%;}
  .menu > li > a{white-space: nowrap;}
  .menu > li:last-child{padding-left: 20px;}
  .menu > li:last-child > ul{margin-left: 10px;}
  .header-container{padding-top: 30px;}
	.wrap-parent.in{top: -40px;}
  /*.header-in .header-bg{height: 150px;}*/
  .header-content{padding: 0 160px; min-height: 135px;}
  /*.header-top .languge, .header-top .face{width: 155px; text-align: center; display: inline-block; vertical-align: top;}*/
  .menu {margin-top: 47px; text-align: center;}
  .menu > .header-logo{width: 150px;}
  .header-top{padding-bottom: 16px;}
  /*.btn-header .ico{height: 56px; width: 50px; margin: 20px auto 12px; text-align: center; line-height: 56px;}
  .btn-header .ico img{display: inline-block; vertical-align: middle;}*/
  .wrapper-group{margin: 0 auto; width: 1070px;}
  .w-1050{width: 1050px;}

  .footer-menu .menu-nav > li{width: 460px;}
  .header-title .text-box{margin: 0 186px; }
  .col-lg-20{width: 20%;}

    .flat-wrap figure{width: 43%; float: left;}
    .flat-wrap .content{overflow: hidden;}
    .title-box .title-text{width: 55%;}
    .title-box.wellcome-bg .title-text{width: 47%;}
    .title-box.w36 .title-text{width: 36%;}
    .title-box.w50 .title-text{width: 50%;}
    .title-box.w45 .title-text{width: 45%;}
    body.ln-vn .title-box .title-text{width: 60%;}
    body.ln-vn .title-box.wellcome-bg .title-text{width: 47%;}
    body.ln-vn .title-box.w50 .title-text{width: 50%;}
    body.ln-vn .title-box.w36 .title-text{width: 40%;}
    body.ln-vn .title-box.w45 .title-text{width: 45%;}
    body.ln-vn .title-box.w55 .title-text{width: 55%;}
    .title-box .apply{width: 55%;}
    .calendar-wrap{width: 770px; margin: 0 auto 50px;}
    .content-main{overflow: hidden; padding: 60px 0 90px 45px; position: relative;}
      .list-support{padding: 30px 0;  min-height: 480px;}

          .article-overview{margin-top: 100px;}
          .list-goals .item:nth-child(3n+2) .article-overview .box-top{top: -60px;}
          .list-goals .item:nth-child(3n) .article-overview .box-top{top: -130px;}
          .list-goals .item:nth-child(3n) .article-overview .box-top:before{border-left: solid 3px #af5fad; border-right: solid 3px #af5fad; left: 0; right: 0; content: ""; top: 100%; position: absolute; height: 42px;}

          .modal-wrapper .modal-1170{width: 1170px;}


                      .wrapper-install .pepper{bottom: 70px; right: 45px;}

                      .modal-wrapper .modal-dialog.modal-1024{width: 1024px;}

}
@media (min-width: 1280px){
  .container{width: 1270px;}
  /*.header-top a{line-height: 46px;}
  .header-container.header-in{padding-top: 0;}
  .header-container.header-in{padding: 10px 0;}
  .header-container.header-in .logo{top: 0; height: 100px; overflow: hidden;}
  .header-container.header-in .btn-header{font-size: 14px; line-height: 20px; height: 120px; width: 138px;}*/
  .btn-header.btn-btnh .name span.line{padding-bottom: 0; margin-bottom: 3px;}
}
@media (min-width: 1200px) and (max-width: 1359px){
.menu > .header-logo{width: 100px;}
.menu > li > a{font-size: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){

  .header-container{padding-top: 20px;}
  /*.header-container.header-in{padding-top: 15px;}
  .header-in .header-bg{height: 125px;}*/
  .header-content{padding: 0 120px;}
  .header-content .logo{width: 100px; margin-left: -50px; top: -45px;}
  .header-top{padding-bottom: 10px;}
  .menu > li{width: 20%;}
  .wrap-header-btn{height: 110px; width: 120px;}
  .btn-header:before, .btn-header:after{background-size: 240px 105px;}
  .btn-header:after{background-position: -120px 0;}
  .btn-line{padding: 0 10px;}
  .wrapper-container .aside-wrap{width: 26%; }
  /*.header-top .face{width: 115px; text-align: center; display: inline-block; vertical-align: top;}
  .btn-header{font-size: 12px; width: 115px; height: 100px;}
  .btn-header .ico{height: 36px; line-height: 36px;width: 36px; margin: 14px auto 5px;}
  .btn-header .ico img{display: inline-block; max-width: 100%; max-height: 100%;}
  .btn-header.btn-btnh .name span.line{padding-bottom: 2px; margin-bottom: 2px;}
  .btn-header.btn-btnh .ico{height: 24px; width: 24px;}
  .wrap-logout .btn-header{line-height: 14px;}
  .header-top a {font-size: 14px;     line-height: 32px;  }*/
  .menu {margin-top: 24px; text-align: center;}
  .menu > .header-logo{width: 100px;}
  .menu > li > a{font-size: 16px;}
  .footer-menu .menu-nav > li > a{font-size: 12px; padding: 5px 10px;}
    /*.slider-text{  top: 34%;}*/
    /*.slider-peo{width: 70%; padding-right: 60px;}
    .slider-text{width: 45%; padding-top: 260px;}
    .slider-peo.text-right{left: auto; right: 0;
      -ms-transform: none;
    -webkit-transform: none;
    transform: none;}*/
      .footer-menu .menu-nav > li{width: 340px;}
  .header-title{padding-top: 164px;}
  .header-title .text-box{ margin: 0 140px;}
  .wellcome-content{padding: 40px 0;}
  .articles-box header a{font-size: 18px;}
  .wrapper-child{padding: 0 130px;}
  .content-main{overflow: hidden; padding: 60px 0 60px 30px;}
  .list-support h4{font-size: 17px; line-height: 24px;}


  .modal-wrapper .modal-1170{width: 970px;}
    .wrapper-popupk .innner{ padding-top: 180px;}
}
@media (min-width: 768px) and (max-width: 1199px){
.title-box .title-text{width: 65%;}
.title-box.w60 .title-text{width: 70%;}
.title-box.w50 .title-text{width: 57%;}
.title-box.w45 .title-text{width: 53%;}
.title-box.w36 .title-text{width: 44%;}
.title-box .title-text.left-text{padding-left: 60px; }
.title-box .apply{width: 65%;}
}
@media (max-width: 991px){
  .hidden-md-down{display: none !important;}
  .title-3{ margin: 10px 0 0;}
  /*.btn-header, .wrap-btnh{position: relative; float: right; width: 32px; margin-left: 5px; height: 44px;}
  .btn-header .ico{width: 100%; height: 24px; margin-top: 10px}
  .btn-header.btn-btnh .ico{height: 24px; width: 24px; margin-top: 10px;}
  .btn-header:hover .ico:before{opacity: 1;}
  .btn-header span, .btn-header span img{display: inline-block; line-height: 48px; vertical-align: middle;}*/
  .wrap-header-btn{padding: 0; height: auto; width: auto;}
  .btn-header-mb{background-repeat: no-repeat; background-position: center center; display: inline-block; height: 30px; width: 30px; font-size: 0; margin-left: 5px;}
  .btn-header-mb.btna-login{background-image: url(../images/header-icobh.png);}
  .btn-header-mb.btna-contact{background-image: url(../images/hp-ico-phoneb.png);}
  .btn-header-mb.btna-search{background-image: url(../images/hp-ico-searchb.png); margin-top: 0;}
  .btn-header-mb.btna-camsearch{background-image: url(../images/hp-ico-search2.png);}
  .btn-header-mb.btn-mypoly{background-image: url(../images/ico-student.png);}
  .btn-header-mb.btn-parent{background-image: url(../images/ico-parent.png);}
  .languge{margin: 0;}
  .wrapper-menu, .wrapper-custom{background-color: #fff; top:  0; left:0; position: fixed; height: 68px; width: 100%; z-index: 999; visibility: hidden; opacity: 0; filter: alpha(opacity=0);-webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
  .wrapper-menu .wrapper-in, .wrapper-custom .wrapper-in{height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto;}
  .wrapper-menu .menu-header, .wrapper-menu .menu-footer{background-color: #005bac; left: 0; width: 100%; position: absolute;}
  .wrapper-menu .menu-header{padding: 10px 0; min-height: 60px;}
  .wrapper-menu .menu-header{top: 0;}
  .wrapper-menu .menu-footer{bottom: 0; height: 106px;}
  .wrapper-menu .menu-content{padding-top: 60px; position: relative; z-index: 1; width: 100%; min-height: 100%;}
  .open-page{    overflow: hidden;  }
  /*.open-page .btn-menu{position: absolute; right: 0; top: 0; z-index: 9999; float: none;}*/
  .wrapper-container .aside-wrap{display: none;}
  .wrapper-container .content-main{padding: 60px 0;}
  .wrapper-custom .wrapper-in{}
    .in-hide{overflow: hidden;}
  .wrapper-custom .wrapper-in .student-info{padding-bottom: 68px; height: auto; min-height: 100%; position: relative;}
  .wrapper-custom .menu-navl > li > a{padding: 10px 30px 10px 0;}
  .wrapper-custom .menu-navl li li > a{font-size: 18px; line-height: 28px; padding: 6px 0;}
  .wrapper-custom .menu-navl > li ul{padding-bottom: 10px;}
  .wrapper-custom{ padding: 0; text-align: left;}
  .wrapper-custom .list-child{background-color: #0052a5; padding: 15px 15px 0; position: relative; z-index: 1;}
  .wrap-parent  .wrap-parent-info{background-color: #0052a5; padding: 15px; position: relative; z-index: 1;}
  .wrap-parent .list-child{padding: 0 ; height: 0; visibility: hidden; overflow: hidden; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
  .wrap-parent .list-child > li{padding: 10px 10px 0;}
  .group-child{position: relative; width: 100%; z-index: 10;}
  .wrap-parent .student-content{position: static; z-index: 10;}
  .group-child .open-child{background-color: #0052a5; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #fff; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 30px; width: 46px; position: absolute; left: 50%; bottom: -20px; margin-left: -20px;}
  .wrap-parent   .group-child.in .list-child{ visibility: visible;     opacity: 1; filter: alpha(opacity=100); height: auto; padding-bottom: 20px;}
  .wrapper-custom .menu-navl{border: none; padding: 0; text-align: left;}
  .wrapper-custom .student-info{border: none; text-align: center; padding: 0;}
  .wrapper-custom .student-info .wrap-menu{width: 100%; padding: 0 15px;}
  .wrap-parent .student-info .wrap-menu{ padding: 15px 15px 0; position: relative; z-index: 1;}
  .wrapper-custom .student-info .wrap-logout{background-color: #0052a5; display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px;}
  .wrapper-custom .btna-logout{line-height: 36px; }
  .wrapper-custom .btna-logout .ico{top: -1px;}
  .wrapper-custom .btn-close{position: absolute; right: 10px; top: 10px; background: url(../images/ico-closew.png) no-repeat center center; height: 32px; width: 32px; font-size: 0; display: block; z-index: 10;}
	.open-sub, .wrapper-custom.in { height: 100%;    visibility: visible;     opacity: 1; filter: alpha(opacity=100); top: 0;}
  .open-page .logo , .open-page .btn-header{z-index: -1;}
  .header-bg{background-image: url(../images/header-bgm.png); height: 102px; background-position: left bottom;}
  /*.header-in .header-bg{background: #005bac ; height: 80px;}*/
  .ptb-70{padding: 35px 0;}
  .menu-footer .face{border-top: solid 1px #76a8dc; padding: 8px 0;}
  .menu-footer .header-link{padding: 10px 0;}
  .menu-footer .header-link a{line-height: 32px; padding: 0 10px;}
  .menu-footer .face a{padding: 0 20px; line-height: 36px;}
  .menu > li > a{color: #0066b3; display: block; font-size: 20px; font-weight: 700; line-height: 30px; padding: 6px 30px 6px 0; position: relative;}
  .menu > li > a > .ico{background: url(../images/arrow-plus.png) no-repeat center top;  display: block; height: 20px; line-height: 20px; width: 20px; right: 0; top: 50%; text-align: center; margin-top: -10px; position: absolute;}
  .menu > li > a.open > .ico{background-position: center -20px;}
  /*.menu > li > a > .ico:before{content: "\f067";}
  .menu > li > a.open > .ico:before{content: "\f068";}*/
  .menu > li{border-bottom: solid 1px #b8cde5;  padding: 10px 0;}
  .menu > li > a:hover{text-decoration: none;}
  /*.menu > li > ul{height: 0; overflow: hidden; opacity: 0; display: block; visibility: hidden;  -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    -o-transition: all ease 0.3s;    transition: all ease 0.3s;}
  .menu > li > ul.in{height: 100%; visibility: visible; opacity: 1;}*/
  .menu ul a{color: #58595b;  display: block; font-size: 18px; line-height: 26px; padding: 6px 0; position: relative;}
  .menu ul a:hover, .menu ul a.active{color: #0066b3;}
  /*.menu ul a:before{content: "\f105"; font-family: "FontAwesome"; left: 0; top: 50%; position: absolute; display: block; height: 24px; line-height: 22px; width: 24px; margin-top: -12px;}*/
  .menu-header .btn-menu{margin-top: 10px;}
  .open-sub .btn-menu{margin-right: 0;}
  .footer-menu .menu-nav{text-align: center;}
  .ptb-90 { padding: 50px 0;  }
  .pt-90{padding-top: 50px;}
  .p-btn { margin: 10px auto 30px;}
  .p-btn3{margin: 30px 0 50px;}
  .pbt-50{padding: 25px 0 40px;}
  .p-btn2{margin: 20px 0;}
  .header-content .logo{width: 50px; top: -5px; margin-left: -25px;}
    /*.header-in .header-bg{height: 68px;}*/
    .article-box, .articles-box{margin: 20px auto 10px;}
    .header-title{padding-top: 90px;}

    .aside-wrap{padding: 20px 0 0;}
    .menu-navl {    border: solid 1px #ced8e1; border-radius: 4px;   padding: 5px 10px;}
    .menu-navl >li:last-child{border-bottom: none;}
    .content-main{padding: 30px 0 60px;}
    .menu-navl a > .ico-down:before{content: "\f107";}
    .menu-navl a > .ico-up:before{content: "\f106 ";}
    .wellcome-content{padding: 0 0 30px;}
    .mp-40 .main-w{padding-top: 30px; padding-bottom: 30px;}

    .silder-container .slick-arrow{display: none !important;}
    .slick-current .slider-text, .active .slider-text{margin-top: 0;}


    .modal-wellcom .well-outer{padding: 214px 15px 25px;}
    .well-box{padding: 15px;}
    .well-box h4{font-size: 22px;}
        .dropdown-mobi .dropdown-menu{min-width: 140px; max-width: 180px;}
        .dropdown-mobi .dropdown-menu>li>a{padding: 3px 10px;}
        .dropdown-menu-center{left: 50%; -ms-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);}

            #containerMain #sidebar{position: relative !important;}
            #containerMain #sidebar .sidebar__inner{position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important;}

            .page-404{margin-top: 70px;}
            .box-list .row .btn-a{height: 58px !important;}

            .silder-container .wrapper-popupm {display: block !important; padding-top: 80px;}
            .silder-container .wrapper-popupm a{background-color: #fffdf8; display: block; height: 100%; width: 100%; position: relative;}
            .silder-container .wrapper-popupk {display: none !important;}
            .wrapper-container .content-main{padding: 20px 0 60px;}
            .tab-group-in .nav-tabs{margin-bottom: 20px;}
            .report-detail .nav-tabs {margin: 0; padding: 0 10px;}
            .report-detail .nav-tabs > li {padding-right: 10px;}
            .report-detail .nav-tabs > li > a{font-size: 16px; line-height: 24px;}

                .header-container{position: fixed;}
                .header-in{background: #005bac ; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,91,172,1);
            -moz-box-shadow: 0px 5px 5px 0px rgba(0,91,172,1);
            box-shadow: 0px 5px 5px 0px rgba(0,91,172,1); }
                .header-in .header-bg{display: none;}
                /*.header-in .header-content .logo{width: 34px; margin-left: -17px; top: -7px;}*/
                .header-content .logo{width: 44px; top: -5px; margin-left: -22px;}

}
@media (min-width: 768px) and (max-width: 991px){
  .modal-860{width: 720px;}
  /*.text-up .slider-text, .slider-text{  left: 0; padding-top: 160px; padding-bottom: 15px;}
  .slider-peo{padding-top: 100px; }
  .slick-current .slider-text{padding-left: 0;}*/
  /*.slider-text .text-inner img{top: 50%; position: relative; -ms-transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);}*/
  /*.slider-text .text-inner{height: 100%;}*/
  /*.slider-text > img{max-height: 240px;}*/
  .slick-current .slider-text{padding-left: 0;}
  .slider-text{padding-top: 70px;}
  .slider-peo{max-height: 100%; padding-top: 70px; }
  .slider-peo img{max-height: 100%;}
  .slider-text .text-inner{height: 100%;}
  .slider-text > img{max-height: 240px;}


  .header-container{padding: 15px 0 25px;}
    .anti-custom .anti-opa:nth-child(3n+2){right: -100%;}
    .anti-custom .current.anti-opa:nth-child(3n+2){right: 0;}
          .flat-wrap figure{width: 40%; float: left;}
          .flat-wrap .content{overflow: hidden; padding-left: 30px;}

            .wrapper-gallery .slider-for .wrap-box{ height: 336px; line-height: 336px;}
            .wrapper-gallery .slider-nav{padding: 0 20px;}
            .wrapper-gallery .slider-nav .wrap-box {height: 50px;}
            .pos-well .pos-or{font-size: 22px;}


            .modal-1170{width: 740px;}
            .wrapper-custom .student-info .wrap-menu{width: 750px; margin: 0 auto;}


}
@media (min-width: 812px) and (max-width: 991px){
.slider-peo{ height: 100%;}
}
@media (min-width: 768px) and (max-width: 811px){
  .text-up .slider-text, .slider-text{  width: 100%; height: 50%; }
  .slider-peo{height: 60% !important; text-align: center; padding: 0;}
      .ipad{display: none !important;}
    .mobi{display: block !important;}
}
@media (max-width: 767px){
  .hidden-xs-down{display: none !important;}
  .text-center-xs-up{text-align: center;}
      .ipad{display: none !important;}
    .mobi{display: block !important;}
    .col-xs-4{width: 32.5%;}


  .header-container{padding: 12px 0 20px;}
  .header-title {      padding-top: 72px;  }
  .header-content .logo{width: 40px; margin-left: -20px;}
  .footer-container h4{margin-top: 25px;}
  .tab-control.nav-gallary > li{padding: 0 10px;}
  .tab-control.nav-gallary > li > a > .ico{display: block; margin: 0;}
  .tab-control.nav-gallary > li > a{font-size: 12px; line-height: 18px; text-align: center;}
  .footer-menu .menu-nav > li.sroll-top > a{width: 50px;}
  .slick-dots{bottom: 15px;}
  .slick-dots > li > button{margin: 0 7px;}
  .gallery-item .galler-text{position: relative;}
  .gallery-modal .modal-header h4{font-size: 20px; line-height: 24px;}
  /*.gallery-modal .close {background: #fff; border: solid 2px #000; border-radius: 100%;  color: #000;    font-size: 22px;    right: -10px;    top: -10px;    float: none;
    opacity: 1;    margin: 0;    display: block;    z-index: 10;    position: fixed;    height: 30px; line-height: 26px; text-align: center;  width: 30px;    text-shadow: none;}*/
    .gallery-modal .close, .modal-wrapper .close{right: 0; top: -36px;}
    .modal-wrapper .modal-dialog{margin: 40px 10px 10px;}
    .gallery-modal .modal-dialog{margin: 40px 10px 10px;}
    .gallery-modal .owl-nav div{top: 30%;}
    .gallery-modal .owl-nav div.owl-prev, .gallery-modal .btn-prev{left: 10px;}
    .gallery-modal .owl-nav div.owl-next, .gallery-modal .btn-next{right: 10px;}
    .anti-custom .current.anti-opa{top: 0;}

    .wrapper-login-tab{margin: 0 auto ; padding: 15px;}
    /*.wrapper-login:after{background: rgba(0, 91, 172,.77); content: ""; left: 0; top: 0; position: fixed; height: 100%; width: 100%; z-index: 0;}*/
    .wrapper-login-tab {
        background: rgba(0, 66, 148,.77);
    }
    .wrapper-login{padding-top: 100px;}
    .ptb-90 { padding: 40px 0;}
    .title-box .apply{text-align: center; padding: 0;}
    .title-box .title-text{text-align: center; display: block; padding: 0 15px; width: 100%;}
    .mission-box figure{margin-bottom: 10px; display: inline-block;}
    .mission-box figure img{display: inline-block; width: auto;}
    .admission-wrap{padding: 15px 0;}
          .flat-wrap figure{width: 100%; margin: 0 auto 20px; text-align: center;}
          .flat-wrap figure > img{display: inline-block;}
          .wrapper-gallery .slider-nav .wrap-box {        height: 40px;          }

    .tab-collapse .tab-pane{border: solid 1px #512d6d; border-radius:  0 0 4px 4px; padding: 0 15px; margin: 0 0 5px;}
    .wrap-tb-support{border: none;}
    .modal-wellcom h3{font-size: 46px;}

    .slider-peo {      padding-top: 80px;        height: 100%; padding-bottom: 30px;  }
    .title-box{height: 200px;}
    .wrapper-gallery .wrap-box{max-height: 420px;}
    .footer-container .part, .wrap-contact .part{max-width: 100%;}
.wrap-dash .dash-head {            border-right: none;     border-bottom:  dotted 1px #ddd;                float: none;                padding: 15px;                width: 100%;              }
    .dash-content-inner{padding: 40px 150px 40px 40px;}
    .slider-text{width: 45%;}

        .wrapper-popupk{display: none;}
        .wrapper-popupm{display: block;}

                    .silder-container .wrapper-popupm {padding-top: 70px;}
                                    .tab-group-in .calendar-wrapper .header-group, .header-group .wrap-today{text-align: center;}
                                    .tab-group-in .table-responsive, .homewrok-detail .table-responsive, .report-detail .table-responsive{margin: 0;}
                                    


}
@media (min-width: 639px) and (max-width: 767px){
  .text-up .slider-text{padding-top: 100px;}
  .slider-text{  top: 0; padding-top: 80px;  left: 15px; height: 100%;   width: 45%;  padding-bottom: 15px;}
  .slider-text .text-inner{display: block; height: 100%;}
}
@media (max-width: 639px){
  .row .item-63950{width: 50%;}
  .row .item-639{width: 100%;}
  .article-box{width: 300px;}
  .slider-tabs .article-box{width: auto;}
  .slider-box > .container{position: absolute;bottom: 0; left: 0; height: 100%; width: 100%;}
  .slider-text, .text-up .slider-text{ top: 0;   left:0;   padding: 0 15px 15px; }
  .slider-text img{max-height: 70%;}
  .slider-text .text-inner img{max-width: 80%;}
  .text-up .slider-peo.text-right{width: 100%;}
  .slider-text .text-inner{padding-top: 100px; display: block; height: 100%;}

  .menu-footer .header-link a{padding: 0 6px;}
  /*.article-teacher{padding: 20px 0;}
  .article-teacher figure{float: none !important; margin: 0 auto;}
  .article-teacher .content{padding: 0;}*/
  .article-promises figure{float: none !important; width: 100%; margin-bottom: 20px;}
  .article-promises{padding: 30px 15px; text-align: center;}
  .article-promises .content{padding: 0;}
  .calendar-parent  .fc-header-toolbar .fc-right .wrap-tit{font-size: 12px; line-height: 18px; padding-right: 0;}
  .bq-nac{padding-left: 44px; padding-right: 44px;}
  .bq-nac:before, .bq-nac:after{height: 23px; width: 34px;}
    .box-teacher{margin-top: 30px;}
    .box-teacher h4{margin-top: 10px;}
    .tab-group-in .calendar-wrapper .header-group{padding: 10px;}
    .header-group h4{font-size: 16px; padding: 0 10px;}
    .report-detail .nav-tabs > li {float: none; display: inline-block; width: 49%;}
    .report-detail .nav-tabs > li > a{display: block;}

}
@media (max-width: 567px){
  .xs-block-down-567{display: block;}
  .item-56750{width: 50%;}
  .item-567{width: 100%;}

  .head .date{float: none;}
  .head .link-a{padding: 0 10px;}
  .wrapper-career .head p{margin: 0;}
  .chart-control .btn-chart{margin-top: 0;}

  .form-heading .group-heading{display: block; width: 100%; margin-bottom: 10px; text-align: center;}
  .form-heading .name{min-width: 100px;}
  .btn-heading{margin: 0 auto; display: block; width: 120px;}
}
@media (max-width: 479px){
  .row .item-479{width: 100%;}
  .row .item-47950{width: 50%;}
  .tab-control.nav-gallary > li{padding: 0 7px;}
  .tab-control.nav-gallary > li > a{font-size: 8px;}
  .wrapper-login-tab{width: auto;}
  .menu-footer .header-link a{font-size: 14px; padding: 0 10px;}
  /*.slider-peo{height: 70%;}
              .text-up .slider-text, .slider-text{padding: 0 15px; width: 100% ; height: 100%;}
              .slider-text .text-inner, .text-up .slider-text .text-inner{display: block; width: 100%; height:50%; position: absolute; left: 0; top: 0;}
              .slider-text .text-inner{height: auto;}*/
              /*.slider-text .text-inner img {
    top: 50%;
    position: relative;
    -ms-transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}*/
              /*.slider-text img{max-height: 160px; max-width: 100%; width: auto !important;}
              .wrapper-calendar .fc-header-toolbar .fc-right button{font-size: 14px; margin: 0;}
              .wrapper-login-tab{width: auto; }*/
              .slider-peo{height: auto !important; max-height: 100%; }
              .slider-peo img{max-width: 100%;
                /*-ms-transform: translateX(-50%) translateY(0);
                -webkit-transform: translateX(-50%) translateY(0);
                transform: translateX(-50%) translateY(0); left: 40%;*/
                 position: relative;
                 display: block; bottom: 0;}
                          .text-up .slider-text, .slider-text{padding: 0 15px; width: 100% ; height: 100%;}
                          .slider-text .text-inner, .text-up .slider-text .text-inner{display: block; width: 100%; height:55%; position: absolute; left: 0; top: 0;}
                          .slider-text img{max-height: 160px; max-width: 100%; width: auto !important;}
}
@media (max-width: 419px){
  .article-box{width: 100%;}
                .article-metho h4, .article-metho{font-size: 14px; line-height: 20px;}
                  .title-box h2 span{font-size: 26px; line-height: 30px;}
                  .box-notice .node, .box-notice .content{display: block; width: 100%;}
                  .box-notice .node{padding: 0 0 5px;}
  .form-search{padding-right: 0;}
	.form-search > .btn{position: relative; margin: 10px auto 0; clear: both; display: block;}

}

@media (max-width: 359px){
  .title-box h2 span{font-size: 22px;}
  .header-title{font-size: 14px; line-height: 22px;}
  .header-title .text-box > span{padding: 0 10px 0 15px;}
  .form-search > .btn{position: relative;}
  .pagination li > a, .pagination li > span{margin: 0; min-width: 20px;}
  .pagination li > .pg{margin: 0 1px;}
}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.is-affixed.pt-20{padding-top: 0;}
/*===============================*/
.page-loading{
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #27a9fa;
  border-bottom: 6px solid #27a9fa;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%) translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*=================================*/