/*
Theme Name: PPO Elite PR School
Theme URI: http://ppo.vn/
Description:
Author: PPO Vietnam Co.,Ltd
Author URI: http://ppo.vn/
Version: 1.0
Tags: ppo,pr,elite,shool
*/
/********** RESET **********/
html, body, span, object, iframe, abbr, acronym, address, code,del, dfn, em, q, fieldset, form, label, legend,caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; outline-style:none;outline-width:0;outline-color:-moz-use-text-color;font-weight:normal;}
body {margin:0px;padding:0px;font-size:13px;color:#333;font-family:'Bahnschrift', sans-serif !important;}table { border-collapse: separate; border-spacing: 0; }
/* body {margin:0px;padding:0px;font-size:13px;color:#333;font-family:Tahoma,Arial,Helvetica,sans-serif !important;}table { border-collapse: separate; border-spacing: 0; } */
select, input, textarea {background-color: #FFFFFF; font-size:14px;font-family:arial;}
input, textarea { padding: 0px;font-family:arial;}
form { border: none; margin: 0px; padding: 0px; display:inline; }a{color:#333;}
a:hover{}
a:link, a:active, a:visited {text-decoration: none; }
a img {border:0;}img {border: none;}.clrb{clear:both;}
input.op_btn{padding:0px; margin:1px 0px 0px -1px; border:none; background:none;_width:14px; _height:14px;vertical-align:top;}
input.chk_btn{padding:0px; margin:0px; border:none; width:13px; height:13px; background:none;vertical-align:bottom;}
textarea{resize:none;}
input:active{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
input:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
textarea:active{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
textarea:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
select:active{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
select:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
/********** end: RESET **********/



/* 980px hoặc nhỏ hơn */
@media screen and (max-width: 980px) {
    #wrapper .real_w {
        width: 94%;
    }
   .layout_2col .left{
        width: 65%;
    }
  .layout_2col .right {
        width: 30%;
    }
}
#pull {
    display: none;
    text-shadow: none;
     height: 50px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 500;
    float: right;
    right: 10%;
    text-align: center;
}

.navi_bar, .navi_bar ul:before,

.navi_bar, .navi_bar ul:after {

    content: " ";

    display: table !important;

}

.navi_bar, .navi_bar ul:after {

    clear: both;

}

.navi_bar, .navi_bar ul {

    *zoom: 1;

}

/* 700px hoặc nhỏ hơn */
@media screen and (max-width: 700px) {
   .layout_2col .left {
        width: auto;
        float: none;
    }
   .layout_2col .left {
        width: auto !important;
        float: none;
        margin-left: auto !important;

    }
     .layout_2col .right {
        display: none !important;
    }

    .box2col .sage_cafe ul li .text{
            left: 75% !important;
    }
    #header .real_w{width: 100% !important;
position: absolute; !important;}
/* .menu-main{width: 70% !important; */
	.menu-main{width: 100% !important;
    left:83px;
/* float:left !important; */
	float:right !important;
	position: relative; !important;
 	display: block; }

#header .real_w .logo{position: absolute !important;
    margin-left: 20px!important;
}
/* .menu-ref{    float:left !important;  */
	.menu-ref{    float:right !important;
left:0px !important;}
 .navi_bar {
        border-bottom: 0;
    }
    .navi_bar ul {
        display: none;
        height: auto;
    }
    a#pull {
        display: block!important;
        width: 30%;
        position: relative !important;

    }
    a#pull:after {
        content:"";
        background-color: #e2a500;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    

    #header {
        height: auto !important;
    }


    #header .logo_bhk{
        margin-left: 3% !important;
    }
    h1 {
        font-size: 24px;
    }
    .layout_2col .right {
        display: none !important;
    }


    .box2col{
        margin-left: 3% !important;
        margin-right: 3% !important;
    }

    .box2col .skg {
        float:none !important;
        width: auto !important;
    }

    .box2col .sage_cafe{
        float:none !important;
        width: auto !important;
    }



    .box2col .sage_cafe ul li .text{
        left:40% !important;
        max-width: 57% !important;
    }


    .kh_box{
        display: none !important;
    }

.kh_detail .kh_detail_ct .khgv{
    height: auto !important;
    padding-bottom: 5% !important;
}

    .khgv-img{
    float:none !important;
    width: auto !important;
}
.khgv-text{
    float:none !important;
    width: auto !important;
   left: 3% !important;
    padding-right: 5% !important;
    position: relative !important;
}

.kh_detail .kh_detail_ct .reg_box .user_reg{
    margin-left: 3% !important;
margin-right: 3% !important;
}
.kh_detail .kh_detail_ct .reg_box .frm_reg li{margin-left: 3% !important;
margin-right: 3% !important;}

.kh_detail .kh_detail_ct .reg_box .txt{max-width:   220px !important;}
.kh_detail .kh_detail_ct .reg_box .txt input{max-width:     210px !important;}


.news_detail .detail_ct img{max-height: 200px !important;}

.breadcrum h1, .breadcrum h2{font-size:     32px !important;
padding-top:  9px !important;}

.breadcrum h1, .breadcrum h2 span{padding-top:  9px !important;}

    #teacher_box{
        display: none !important;
    }
.kh_other ul{padding-left: 3% !important;}
.news_lst ul li{padding-left: 3% !important;}
.news_lst ul li .thumb{float:none !important;
    width: auto !important;
}
.news_lst ul li .text{float: none !important;
width: auto !important;}

    #footer .footer_top .real_w{
        width: auto !important;
    }   
    #footer .footer_top .column{
        width: auto !important;
        float: none !important;
    }
      #footer .footer_top .column .f_title{
    font-size: 20px !important;
    color: #e2a500 !important;}

}

/*  480px hoặc nhỏ hơn */
@media screen and (max-width: 480px) {

#header .real_w{width: 100% !important;
position: absolute; !important;}
.menu-main{width: 70% !important;
    left:83px;
float:left !important;
position: relative; !important;
 display: block; }

#header .real_w .logo{position: absolute !important;
    margin-left: 20px!important;
}
.menu-ref{    float:left !important; 
left:0px !important;}
 .navi_bar {
        border-bottom: 0;
    }
    .navi_bar ul {
        display: none;
        height: auto;
    }
    a#pull {
        display: block!important;
        width: 30%;
        position: relative !important;

    }
    a#pull:after {
        content:"";
        background-color: #e2a500;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    

    #header {
        height: auto !important;
    }


    #header .logo_bhk{
        margin-left: 3% !important;
    }
    h1 {
        font-size: 24px;
    }
    .layout_2col .right {
        display: none !important;
    }


    .box2col{
        margin-left: 3% !important;
        margin-right: 3% !important;
    }

    .box2col .skg {
        float:none !important;
        width: auto !important;
    }

    .box2col .sage_cafe{
        float:none !important;
        width: auto !important;
    }



    .box2col .sage_cafe ul li .text{
        left:40% !important;
        max-width: 57% !important;
    }


    .kh_box{
        display: none !important;
    }

.kh_detail .kh_detail_ct .khgv{
    height: auto !important;
    padding-bottom: 5% !important;
}

    .khgv-img{
    float:none !important;
    width: auto !important;
}
.khgv-text{
    float:none !important;
    width: auto !important;
   left: 3% !important;
    padding-right: 5% !important;
    position: relative !important;
}

.kh_detail .kh_detail_ct .reg_box .user_reg{
    margin-left: 3% !important;
margin-right: 3% !important;
}
.kh_detail .kh_detail_ct .reg_box .frm_reg li{margin-left: 3% !important;
margin-right: 3% !important;}

.kh_detail .kh_detail_ct .reg_box .txt{max-width:   220px !important;}
.kh_detail .kh_detail_ct .reg_box .txt input{max-width:     210px !important;}


.news_detail .detail_ct img{max-height: 200px !important;}

.breadcrum h1, .breadcrum h2{font-size:     32px !important;
padding-top:  9px !important;}

.breadcrum h1, .breadcrum h2 span{padding-top:  9px !important;}

    #teacher_box{
        display: none !important;
    }
.kh_other ul{padding-left: 3% !important;}
.news_lst ul li{padding-left: 3% !important;}
.news_lst ul li .thumb{float:none !important;
    width: auto !important;
}
.news_lst ul li .text{float: none !important;
width: auto !important;}

    #footer .footer_top .real_w{
        width: auto !important;
    }   
    #footer .footer_top .column{
        width: auto !important;
        float: none !important;
    }
      #footer .footer_top .column .f_title{
    font-size: 20px !important;
    color: #e2a500 !important;}
}


/********** COMMON **********/
.real_w{margin:0 auto;}

.font1{font-family: 'Roboto', sans-serif;}
.font2{font-family: 'Roboto Condensed', sans-serif;}
.font3{font-family: 'Open Sans', sans-serif;}

.left{float:left;
    margin-left: 50px;
    background-color: #f1f1f1;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.right{float:right;
    margin-right: 60px;
}

.bgr_khoahoc{background:url('../images/bgr_khoahoc.jpg') no-repeat center top transparent;}
.bgr_lienhe{background:url('../images/bgr_lienhe.jpg') no-repeat center top #F8F8F8;}
.bgr_sukien{background:url('../images/bgr_sukien.jpg') no-repeat center top transparent;}
.bgr_tintuc{background:url('../images/bgr_tintuc.jpg') no-repeat center top transparent;}
.bgr_tintuc_user{background:url('../images/bgr_tintuc_user.jpg') no-repeat center top transparent;}
.bgr_about{background:url('../images/bgr_about.jpg') no-repeat center top transparent;}
.bgr_cafe{background:url('../images/bgr_cafe.jpg') no-repeat center top transparent;}

.breadcrum{position:relative;top:10px;padding-top:53px;

    -webkit-margin-after: 1em !important;}
.breadcrum h1, .breadcrum h2{font-size:40px;color:gray;padding: 0px 0px 0px 50px;font-weight:normal;
    -webkit-margin-before: 1.5em !important;
    -webkit-margin-after: 0em !important;
    color: black !important;

}

.breadcrum .under-h1{
    border-bottom: 3px solid #e2a500;
    margin-left: 50px;
    width: 65%;
}
.breadcrum h1 span{}
.paging{text-align:right;padding-top:17px;margin-bottom:20px;
    color: black;
    position: absolute}
.paging a, .paging span{display:inline-block;font-size:14px;font-weight:bold;color:#fff;background-color:#ccc;padding:5px 9px 5px;margin-left:2px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.paging a:hover,.paging a.on, .paging span.current {background-color:#966b00;}
.paging a.on{cursor:default;}
/********** end:COMMON **********/

/********** HEADER **********/
#header{height:140px;position:relative; }
#header .bgr_repeat{height:100%;width:50%;background:#323A45;position:absolute;right:0;bottom:0;z-index:-100;}
#header .real_w{width:960px;height:100%;
    position: absolute;}
/* #header .menu_mau{height: 50px;background: none repeat scroll 0 0 #323A45; */
	#header .menu_mau{height: 80px;background: none repeat scroll 0 0 #323A45;
    position: relative;}
#header .logo_bhk{position: relative; margin-left: 50px;}
#header .real_w .logo {
    float:left;
    position: absolute;
    margin-left: 50px;
    text-shadow: none;
    border-left: 1px solid rgba(250, 250, 250, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding: 17px 18px;
    color: #FFFFFF;
    display: inline-block;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 500;
    background:#e2a500 ;
}
.top_box{width:442px;height:36px;background:url('../images/bgr_search.png') no-repeat 0 0 transparent;position:absolute;top:0;right:0;}
.top_box .fl_box{margin:4px 0 0 47px;}
.top_box .fl_box span{font-size:13px;color:#fff;float:left;padding:4px 9px 0 0;}
.top_box .fl_box .icon_face,.top_box .fl_box .icon_twitter,.top_box .fl_box .icon_google{display:inline-block;background-image:url('../images/icon.png');background-repeat:no-repeat;background-color:transparent;width:24px;height:24px;text-indent:-9999px;float:left;}

.top_box .fl_box .icon_fatce{background-position:0 0;margin-right:8px;}
.top_box .fl_box .icon_face{margin-right:8px;}
.top_box .fl_box .icon_twitter{background-position:0 -29px;margin-right:8px;}
.top_box .fl_box .icon_google{background-position:0 -58px;margin-right:15px;}
.top_box .fl_box .line{float:left;position:relative;top:1px;}
.top_box .search_box{width:150px;height:24px;float:right;background-color:#fff;margin:0 58px 0 0;position:relative;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.top_box .search_box .txt{border:medium none;width:120px;margin:3px 0 0 5px;}
.top_box .search_box .btn_search{border:medium none;width:14px;height:14px;background:url('../images/icon.png') no-repeat 0 -87px transparent;position:absolute;top:5px;right:10px;}
.top_box .search_box .btn_search:hover{cursor:pointer;}

.navi_bar{position:absolute;bottom:0px;display: none;
}
.navi_bar li{float:left;position:relative;}
.navi_bar li.current-menu-item{
    background: #313129;
}
.navi_bar li a{
    text-shadow: none;
    border-left: 1px solid rgba(250, 250, 250, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding: 17px 18px;
    color: #FFFFFF;
    display: inline-block;
/*     font-family: Tahoma,Arial,Helvetica,sans-serif ; */
	font-family: 'Bahnschrift', sans-serif !important;
    font-size: 13px;
    font-weight: 500;


}
.navi_bar li a:hover{background-color: #e2a500;}
.navi_bar li a.on{color:#FFFFFF;}
.navi_bar li .submenu{
    min-width:180px;
    position:absolute;
    top:130px;left:0;
    z-index:8000;
    display:none;
}
.navi_bar li .submenu .submenu_ct{background-color:#313129;position:relative;top:10px;padding:5px 10px;
}
.navi_bar li .submenu .arrow{width:0;height:0;border-left:6px solid transparent;border-right:7px solid transparent;border-top:6px solid transparent;border-bottom:6px solid #313129;position:absolute;top:-12px;left:30px;}
.navi_bar li .submenu li{
    float:none;
    margin-left:0;
    border-bottom:1px solid #334336;
}
.navi_bar li .submenu li:last-child{border-bottom:none;padding-bottom: 5px;}
.navi_bar li .submenu li a{font-family: 'Roboto', sans-serif;font-size:13px;font-weight:500;color:#fff;padding:0;border-bottom:none;padding:9px 2px 10px;display:block; background-image: none;}
.navi_bar li .submenu li a:hover{color:#fff;}
.navi_bar li:hover .submenu{display:block;}

.menu-ref {

    color: white;
    position: relative;
    float: right;
    text-shadow: none;
    border-left: 1px solid rgba(250, 250, 250, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding: 17px 18px;
    color: #FFFFFF;
    display: inline-block;
    font-family: Tahoma,Arial,Helvetica,sans-serif ;
    font-size: 13px;
    font-weight: 500;
    right: 398px;

}
.menu-ref:hover{
    background-color: #e2a500;
}

.menu-ref .on{color:#FFFFFF;}

/********** end:HEADER **********/

/********** SLIDE TOP **********/
#slide_top{border-bottom:5px solid #966b00;height:450px;overflow:hidden;position:relative;}
#slide_top .real_w{max-width:940px; margin: auto;}
/*#slide_top .real_w .bx-viewport{left:-330px;}*/
#slide_top ul{margin: 0; padding: 0; position: relative;left:-330px;}
#slide_top ul li{width:100%;height:450px;float:left;}
#slide_top ul li img{width:auto;height:100%;}
#slide_top .bx-controls-direction a{display:inline-block;background-image:url('../images/icon.png');background-repeat:no-repeat;background-color:transparent;position:absolute;width:50px;height:50px;}
#slide_top .bx-controls-direction .bx-prev{background-position:0 -106px;top:190px;left:10%;z-index:500;}
#slide_top .bx-controls-direction .bx-next{background-position:0 -161px;top:190px;right:10%;z-index:500;}
/********** end:SLIDE TOP **********/

/********** WRAPPER **********/
#wrapper{}
#wrapper .real_w{width:100%;}

.layout_2col{padding:35px 0 20px;}
.layout_2col .left{width:65%;padding-top:38px;}
.layout_2col .right{width:22%;}
.homepage .left{padding-top:50px;}





/*---------- LEFT ----------*/
.intro_box{border-bottom:1px solid #e8e8e8;padding-bottom:25px;margin-bottom:25px;
    margin-left: 65px;
    margin-right: 65px;}
.intro_box h1{margin:0;font-size:30px;font-weight:normal;color:#555;margin-bottom:8px;}
.intro_box .intro_box_ct{font-size:13px;color:#666;}
.intro_box .intro_box_ct a{color:#966b00;}

.box2col{border-bottom:1px solid #e8e8e8;padding-bottom:30px;margin-bottom:25px;
    margin-left: 65px;
    margin-right: 65px;
}
.box2col .skg{width:60%;float:left;}
.box2col .skg h2{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:24px;font-weight:normal;color:#555;margin-bottom:13px;}
.box2col .skg ul li{background-color:#f7f7f7;padding:10px;margin-bottom:13px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.box2col .skg ul li .date{width:50px;height:50px;float:left;background-color:#053f7c;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.box2col .skg ul li .date p{margin:0;color:#fff;text-align:center;}
.box2col .skg ul li .date .month{font-family: 'Roboto', sans-serif;font-size:15px;background-color:#012c5a;font-weight:100;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
.box2col .skg ul li .date .day{font-family: 'Roboto', sans-serif;font-size:20px;}
.box2col .skg ul li .text{width:220px;float:right;}
.box2col .skg ul li .text h4{margin:0;margin-bottom:5px;}
.box2col .skg ul li .text h4 a{font-size:13px;color:#666;}
.box2col .skg ul li .text p{font-size:11px;color:#999;margin:0;}
.box2col .skg .bottom{text-align:right;}
.box2col .skg .bottom a{font-size:13px;color:#966b00;}
.box2col .sage_cafe{width:35%;float:right;}
.box2col .sage_cafe .hd{margin-bottom:13px;}
.box2col .sage_cafe h2{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:24px;font-weight:normal;color:#555;margin-bottom:13px;}
.box2col .sage_cafe ul li{margin-bottom:13px;
}
.box2col .sage_cafe ul li .thumb{float:left;width:38%;max-height:70px;overflow:hidden;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.box2col .sage_cafe ul li .thumb img{max-width:117px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.box2col .sage_cafe ul li .text{max-width:17%; position: absolute; left: 53%;}
.box2col .sage_cafe ul li .text h4{margin:0;margin-bottom:5px;
}
.box2col .sage_cafe ul li .text h4 a{font-size:13px;color:#666;}
.box2col .sage_cafe ul li .text h4 a:hover{color: #e2a500;}
.box2col .sage_cafe ul li .text p{font-size:11px;color:#999;margin:0;}
.box2col .sage_cafe .bottom{text-align:right;}
.box2col .sage_cafe .bottom a{font-size:13px;color:#966b00;}

.box2col.handbook .title{margin:0 0 13px;font-family: 'Roboto Condensed', sans-serif;font-size:24px;font-weight:normal;color:#555;}
.box2col.handbook ul{margin: 0;padding: 0;}
.box2col.handbook ul li{background:url('../images/icon_list.png') no-repeat left 5px transparent;padding-left:15px;margin-bottom:9px;}
.box2col.handbook ul li a{color:#666;font-size:13px;}
.box2col.handbook ul li a:hover{color:#e2a500;}
.box2col.handbook .bottom{text-align:right;}
.box2col.handbook .bottom a{font-size:13px;color:#966b00;}

.kh_box{margin-bottom:30px;}
.kh_box .hd{position:relative;}
.kh_box .hd .btn_prev a,.kh_box .hd .btn_next a{
    display:inline-block;background-image:url('../images/icon.png');
    background-repeat:no-repeat;
    background-color:transparent;
    width:25px;height:25px;
    text-indent:-9999px;
    position:absolute;}
.kh_box .hd .btn_prev a{background-position:0 -216px;top:3px;right:30px;}
.kh_box .hd .btn_prev a:hover{background-position:0 -246px; background-color: #e2a500 !important;}
.kh_box .hd .btn_next a{background-position:0 -276px;top:3px;right:0;}
.kh_box .hd .btn_next a:hover{background-position:0 -306px; background-color: #e2a500 !important;}
.kh_box .hd h2{font-size:24px;font-weight:normal;color:#023c7a;margin-left: 130px;margin-bottom:22px;}
.kh_box .kh_slider{overflow:hidden; margin-left: 80px; margin-right: 80px;}
.kh_box .kh_slider ul{width:9999px;}
.kh_box .kh_slider ul li{width:300px;float:left;margin-right:50px !important;}
.kh_box .kh_slider ul li .cm{background-color:#e2a500;font-size:13px;color:#fff;padding:15px 10px;margin-bottom:22px;position:relative;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    opacity: 0.8;
}
.kh_box .kh_slider ul li:nth-child(Even) .cm{background-color:#313129; opacity: 0.8;}
.kh_box .kh_slider ul li:nth-child(Even) .cm .arrow{border-top:6px solid #313129;}
.kh_box .kh_slider ul li .cm .arrow{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #e2a500;border-bottom:7px solid transparent;position:absolute;left:25px;bottom:-12px;}
.kh_box .kh_slider ul li .user{}
.kh_box .kh_slider ul li .user .thumb{float:left;width:60px;height:60px;overflow:hidden;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
}
.kh_box .kh_slider ul li .user .thumb img{max-width:60px;}
.kh_box .kh_slider ul li .user .text{width:230px;float:right;}
.kh_box .kh_slider ul li .user .text h4{margin:0;margin-bottom:5px; font-size:13px;color:#966b00;}
.kh_box .kh_slider ul li .user .text p{font-size:12px;color:#999;margin:0;}

.class_skg{margin-bottom:25px;}
.class_skg .hd{font-family: 'Roboto Condensed', sans-serif;color:#023c7a;font-size:24px;border-bottom:1px solid #e8e8e8;padding-bottom:12px;margin-bottom:18px; font-weight: normal;}
.class_skg ul li{background-color:#f7f7f7;padding:10px;margin-bottom:10px;position:relative;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.class_skg ul li:hover{background-color:#ededed;}
.class_skg ul li .date{width:50px;height:50px;float:left;background-color:#053f7c;margin-right:10px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.class_skg ul li .date p{margin:0;color:#fff;text-align:center;}
.class_skg ul li .date .month{font-family: 'Roboto', sans-serif;font-size:15px;background-color:#012c5a;font-weight:100;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
.class_skg ul li .date .day{font-family: 'Roboto', sans-serif;font-size:20px;}
.class_skg ul li .text{width:520px;float:left;}
.class_skg ul li .text h4{margin:0;margin-bottom:5px;padding-top:5px;}
.class_skg ul li .text h4 a{font-size:14px;color:#333;}
.class_skg ul li .text p{font-size:12px;color:#999;margin:0;}
.list_carousel ul li .btn_reg{background-color:#e2a500;font-family: 'Roboto Condensed', sans-serif;
    color:#fff;
    font-size:16px;
    padding:6px 20px 9px;
    position:absolute;
    top: 10px;
    right:2px;
    display:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    opacity: 0.8;

}
.list_carousel   ul li:hover .btn_reg{display:block;}

.list_kh{
    margin-top: 320px  ;

}
.list_kh .hd{color:#023c7a;font-size:24px;border-bottom:1px solid #e8e8e8;
    padding-bottom:12px;
    margin-bottom:20px;
    font-weight: normal;
    margin-left: 55px;
    margin-right:65px;}
.list_kh ul{
    width: 100%;
    list-style: none;
    padding: 0px 0px 0px 40px;
    margin: 0px;

}
.list_kh ul li{margin-bottom:40px;
    width: 270px;
    float: left;
}

.list_kh ul li .time-kg p{position: absolute;
    top: 0px;
    height: 25px;
    width: 70px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0em;
    text-align: center;
    background-color: #e2a500;
    opacity: 0.9;
    color: white;
    padding-top: 7px;
}

.list_kh ul li .item-kh {
    width: 220px;
    margin: 0 15px;
    float: left;
    background: white;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.list_kh ul li .thumb{float:left;width:220px;height:132px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background-position: top center;
    background-size: cover;
}

.list_kh ul li .giangvien img{
    width: 20px !important;
    height: 20px !important;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

.list_kh ul li .giangvien{
    position: absolute;
    bottom: 60px;
    font-size: 14px !important;
}
.list_kh ul li .thumb img{max-width:220px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.list_kh ul li .text{box-sizing: border-box;
    padding-left: 15px;
    padding-top: 140px;
    padding-right: 15px;
    height: 295px;}
.list_kh ul li .text h4{margin:0;margin-bottom:6px;}
.list_kh ul li .text h4 a{font-size:14px;color:#966b00;}
.list_kh ul li .text h3{margin:0;margin-bottom:6px;}
.list_kh ul li .text h3 a{font-size:14px;color:#966b00;}
.list_kh ul li .text p{margin:0;font-size:13px;color:#666;margin-bottom:10px;}
.list_kh ul li .text .time{
    font-size:14px;
    color:#999;
    position: absolute;
    bottom: 30px;
}
.list_kh ul li .text .price{background-color: #5cb85c; margin-bottom: 0px !important;

    position: absolute; bottom: 0px;
    width: 190px;
    font-size: 16px;
    text-align: center;
    opacity: 0.95;
    padding-top: 7px;
    font-family: MyriadPro-Bold;
    white-space: nowrap;
    color: #fff;
    padding-bottom: 7px;
}


.kh_detail{margin-bottom:20px;
    padding-left: 30px;
    padding-right: 30px;}
.kh_detail .kh_name{font-family: 'Roboto Condensed', sans-serif;color:#555;font-size:24px;font-weight:normal;margin:0;margin-bottom:15px;}
.kh_detail .kh_banner{width:100%;height:250px;overflow:hidden;margin-bottom:6px;  }
.kh_detail .kh_banner img{max-width:100%;
    display: block;
    margin: 0 auto;}
.kh_detail .kh_detail_ct{

}
.kh_detail .kh_detail_ct table{ width: 100% !important;}
.kh_detail .kh_detail_ct h1{color: #555; font: 24px 'Roboto Condensed',sans-serif; font-weight: normal; margin: 0 0 15px;}
.kh_detail .kh_detail_ct h2{font-family: 'Roboto Condensed', sans-serif;color:#966b00;font-size:18px;font-weight:normal;}
.kh_detail .kh_detail_ct .kh_detail_tabs{background-color:#e2a500; opacity: 0.8; width: 100%;}
.kh_detail .kh_detail_ct .kh_detail_tabs li{
    float:left;margin-right:1px;outline:0; list-style: none; border-right: 1px solid #fff;
    position: relative;
}
.kh_detail .kh_detail_ct .kh_detail_tabs li:last-child{border-right: none;}
.kh_detail .kh_detail_ct .kh_detail_tabs li a{
    display:inline-block;font-family: 'Roboto', sans-serif;font-size:14px;color:#ffffff;
    padding:9px 18px 12px;outline:0;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
.kh_detail .kh_detail_ct .kh_detail_tabs li.ui-state-active a{
    background:#000000;
}
.kh_detail .kh_detail_ct .kh_detail_tabs li.ui-state-active a:after{
    background:url("../images/bg-bot-tab-active.png") no-repeat;
    content: ""; padding: 8px; position: absolute; bottom: -7px; left: 12px;
}
.kh_detail .kh_detail_ct #tabs-tq{padding-top: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    background-color: white;

    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;

}
.kh_detail_ct #tabs-giang_vien {
    padding-top: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    background-color: white;
}

.kh_detail .kh_detail_ct .khgv{
    position: relative;
    width: 100%;
    height: 200px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    background: white  ;

}

.kh_detail .kh_detail_ct .khgv-img{
    float:left;
    margin-left: 10px;
}
.kh_detail .kh_detail_ct .khgv-text{
    position: absolute;
    left: 170px;
    width: 50%;
    float:right;
}

.kh_detail .kh_detail_ct .khgv-text .khgv-title{font-size: 18px; color:#966b00;
    padding-bottom: 20px;}

.kh_detail .kh_detail_ct #tabs-tq p {padding: 0px 20px 20px 20px;}
.kh_detail .kh_detail_ct #tabs-tq img{max-width: 80%;
    display: block;
    margin: 0 auto;}
.kh_detail .kh_detail_ct #tabs-tq h2{color:#966b00;font-size:18px;font-weight:normal;}
.kh_detail .kh_detail_ct #tabs-tq ul{padding-left:18px;}
.kh_detail .kh_detail_ct #tabs-tq ul li{list-style-type:disc;margin-bottom:8px;}
.kh_detail .kh_detail_ct #tabs-dk{padding-top:20px;
    background-color: white !important;

    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;}
.kh_detail .kh_detail_ct .reg_box{}
.kh_detail .kh_detail_ct .reg_box label{display:inline-block;font-size:13px;color:#333;width:160px;}
.kh_detail .kh_detail_ct .reg_box .txt{display:inline-block;border:1px solid #e0e0e0;height:34px;width:298px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.kh_detail .kh_detail_ct .reg_box .txt input{border:medium none;margin:10px 0px 0 10px;width:280px;}
.kh_detail .kh_detail_ct .reg_box .txt select{border:medium none;width:100px;margin:8px 0 0 10px;}
.kh_detail .kh_detail_ct .reg_box .user_reg{border-bottom:1px solid #e8e8e8;
    margin-bottom:15px;padding-bottom:15px;
    margin-right: 60px;
    margin-left: 60px;}
.kh_detail .kh_detail_ct .reg_box .frm_reg {padding-left: 0;}
.kh_detail .kh_detail_ct .reg_box .frm_reg li{border-bottom:1px solid #e8e8e8;margin-bottom:15px;
    padding-bottom:5px; list-style: none;
    margin-left: 60px;
    margin-right: 60px;}
.kh_detail .kh_detail_ct .reg_box .frm_reg li div{margin-bottom:10px;   }
.kh_detail .kh_detail_ct .reg_box .btn_bot{padding:0px 60px 0px 60px;}
.kh_detail .kh_detail_ct .reg_box .btn_bot .txt{float:left;width:123px;margin-right:10px;display: none;}
.kh_detail .kh_detail_ct .reg_box .btn_bot .txt input{width:110px;}
.kh_detail .kh_detail_ct .reg_box .btn_bot .btn_submit{background-color:#e2a500;font-family: 'Roboto Condensed', sans-serif;color:#fff;font-size:16px;padding:6px 20px 9px;float:right;border:medium none;margin:0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


.kh_detail .kh_detail_ct .reg_box .btn_bot .btn_submit:hover{cursor:pointer;
    background-color: #966b00;}

.kh_other{overflow:hidden;
    padding-left: 30px;}
.kh_other h2{font-family: 'Roboto Condensed', sans-serif;color:#555;font-size:24px;font-weight:normal;margin:0;margin-bottom:20px;}
.kh_other ul{width:100%;list-style: none; margin: 0px; padding-left: 40px;}
.kh_other ul li{width:140px;float:left;margin-right:50px;height: 190px;margin-bottom:40px; background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
font-size: 12px;

}
.kh_other ul li .thumb{float:left;width:140px;height:84px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.kh_other ul li .thumb img{max-width:140px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.kh_other ul li .text{margin-top: 95px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
font-size: 10px;}
.kh_other ul li .text a{font-size:13px;font-weight:bold;color:#444;}

.event_lst{padding-top:10px;
    padding-left: 20px;
    padding-right: 20px;
}
.event_lst ul li{margin-bottom:20px;
    padding: 20px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    background: white;
}
.event_lst ul li .thumb{float:left;width:25%;height:160px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.event_lst ul li .thumb img{max-width:120px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.event_lst ul li .text{width:75%;float:right;}
.event_lst ul li .text h3{margin:0;margin-bottom:8px;}
.event_lst ul li .text h3 a{font-size:14px;color:#966b00;}
.event_lst ul li .text p{margin:0;font-size:13px;color:#666;margin-bottom:10px;}
.event_lst ul li .text .time{font-size:12px;color:#999;padding-left:25px;background:url('../images/icon_time.png') no-repeat left 0 transparent;}
.event_lst ul li .text .local{font-size:12px;color:#999;padding-left:25px;background:url('../images/icon_location.png') no-repeat left 0 transparent;}

.news_lst{}
.news_lst h2{font-family: 'Roboto', sans-serif;font-size:18px;color:#023c7a;font-weight:500;margin:0;margin-bottom:15px;}
.news_lst ul li{margin-bottom:20px;}
.news_lst ul li .thumb{float:left;width:220px;height:132px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.news_lst ul li .thumb img{max-width:220px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.news_lst ul li .text{width:380px;float:right;}
.news_lst ul li .text h3{margin:0;margin-bottom:10px;}
.news_lst ul li .text h3 a{font-size:14px;color:#966b00;}
.news_lst ul li .text span{display:block;font-size:12px;color:#999;margin-bottom:10px;}
.news_lst ul li .text p{margin:0;font-size:13px;color:#666;}
.news_lst ul li .text img{max-width:380px;}

.news_detail{margin-bottom:25px;overflow: hidden;
    padding: 0px 20px 0px 20px;
}
.news_detail .news_detail_top{border-bottom:1px solid #e7e7e7;padding-bottom:20px;margin-bottom:20px;}
.news_detail .news_detail_top h1{font-family: 'Roboto Condensed', sans-serif;font-size:30px;font-weight:normal;color:#966b00;margin:0;margin-bottom:12px;}
.news_detail .news_detail_top p{font-size:12px;color:#999;margin:0;}
.news_detail .news_detail_top p b{color:#053f7c;}
.news_detail .quote{font-size:14px;color:#333;margin:0;}
.news_detail .detail_ct img{max-width: 100%;
    display: block;
    margin: 0 auto;
}

.social_box{margin-bottom:15px;
    margin-left: 20px;}

.tags_box{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:6px 0 8px;margin-bottom:20px;}
.tags_box p{margin:0;background:url('../images/icon_tag.png') no-repeat left 1px transparent;font-size:12px;color:#848486;padding-left:15px;}
.tags_box p a{color:#848486;}

.comment_box{width: 95%;
    margin-left: 20px;
    margin-right: 20px;
}
.comment_box h22{font-size:24px;color:#023c7a;font-weight:500;margin:0;margin-bottom:15px;}

.other_news{margin-bottom:20px;
    margin-left: 20px}
.other_news h2{font-size:24px;color:#023c7a;font-weight:500;margin:0;margin-bottom:10px;}
.other_news ul {list-style: none; padding: 0px; margin: 0px;}
.other_news ul li{background:url('../images/icon_list.gif') no-repeat left 5px transparent;padding-left:16px;margin-bottom:12px;}
.other_news ul li a{font-size:13px;font-weight:bold;color:#000;}
.other_news ul li a span{color:#966b00;}

.author_info{margin-bottom:15px;}
.author_info .author_info_top{border-bottom:1px solid #e7e7e7;padding-bottom:25px;margin-bottom:15px;}
.author_info .author_info_top .thumb{float:left;width:142px;height:142px;overflow:hidden;
    border-radius:71px;
    -moz-border-radius:71px;
    -webkit-border-radius:71px;
}
.author_info .author_info_top .thumb img{max-width:142px;
    border-radius:71px;
    -moz-border-radius:71px;
    -webkit-border-radius:71px;
}
.author_info .author_info_top .text{width:460px;float:right;}
.author_info .author_info_top .text h2{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:30px;font-weight:normal;color:#053f7c;margin-bottom:6px;padding-top:55px;}
.author_info .author_info_top .text p{margin:0;font-size:13px;color:#966b00;margin-bottom:8px;}
.author_info .author_info_top .text span{font-size:13px;color:#666;}
.author_info .title{font-family: 'Roboto', sans-serif;font-size:18px;color:#023c7a;font-weight:500;margin:0;margin-bottom:10px;}
.author_info .intro_ct{font-size:13px;color:#333;position:relative;border-bottom:1px solid #e7e7e7;padding-bottom:35px;}
.author_info .intro_ct .read-more a,.author_info .intro_ct .read-less a{font-size:13px;color:#966b00;position:absolute;bottom:20px;right:0;}

.about{}
.about h1{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:30px;font-weight:normal;color:#966b00;margin-bottom:5px;}
.about .banner{text-align:center;}
.about .banner img{max-width: 620px;}
.about .about_ct{}

.teacher_lst{
}
.teacher_lst .img-teacher{
    width: 250px;
    margin: 0 15px;
    float: left;
    background: white;
    padding-bottom: 10px;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.teacher_lst ul{
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.teacher_lst ul li{margin-bottom: 30px;
    width: 250px;
    float: left;
    margin: 20px 15px;}
.teacher_lst ul li .thumb{    float: left;
    width: 250px;
    height: 300px;
    overflow: hidden;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-position: top center;
    background-size: cover;
}
.teacher_lst ul li .thumb img{

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.teacher_lst ul li .text{    box-sizing: border-box; padding-top: 310px; padding-left: 20px;
    height: 400px;
    padding-bottom: 15px;}
.teacher_lst ul li .text h3{font-family: 'Roboto', sans-serif;font-size:18px;color:#966b00;font-weight:500;margin-bottom:5px;}
.teacher_lst ul li .text h3 a{color:#966b00;}
.teacher_lst ul li .text .intro{position:relative;}
.teacher_lst ul li .text .intro .read-more a,.teacher_lst ul li .text .intro .read-less a{font-size:12px;color:#966b00;display:block;margin-top:5px;}
.teacher_lst ul li .text .intro p{font-size:13px;color:#666;margin:0;}

.sage_cafe_lst{}
.sage_cafe_lst ul li{border-bottom:1px solid #e7e7e7;padding-bottom:15px;margin-bottom:15px;}
.sage_cafe_lst ul li:last-child{border-bottom:none;}
.sage_cafe_lst ul li h3 a{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:30px;font-weight:normal;color:#966b00;margin-bottom:10px;}
.sage_cafe_lst ul li .author_box{margin-bottom:10px;}
.sage_cafe_lst ul li .author_box .thumb{float:left;width:50px;height:50px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.sage_cafe_lst ul li .author_box .thumb img{max-width:50px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.sage_cafe_lst ul li .author_box .text{width:560px;float:right;}
.sage_cafe_lst ul li .author_box .text h4{margin:0;font-size:13px;color:#053f7c;margin-bottom:10px;}
.sage_cafe_lst ul li .author_box .text h4 a{color:#053f7c;}
.sage_cafe_lst ul li .author_box .text p{margin:0;font-size:12px;color:#666;}
.sage_cafe_lst ul li .author_box .text p span{color:#999;}
.sage_cafe_lst ul li .post_ct{font-size:13px;color:#666;}
.sage_cafe_lst ul li .post_ct img{max-width: 620px;}

/*---------- RIGHT ----------*/

.tv_box{background:url('../images/bgr_tv_box.png') no-repeat 20px 20px #e2a500;padding:15px 0px 17px 80px;margin-bottom:20px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.tv_box p,.tv_box h4{margin:0;color:#fff;}
.tv_box p{font-family: 'Roboto', sans-serif;font-size:16px;}
.tv_box h4{font-family: 'Open Sans', sans-serif;font-size:28px;}

.email_box{margin-bottom:20px;}
.email_box h3{margin:0;font-family: 'Roboto', sans-serif;font-size:18px;font-weight:normal;color:#966b00;margin-bottom:10px;}
.email_box .email_box_ct{}
.email_box .email_box_ct .txt{border:1px solid #e8e8e8;height:34px;width:218px;float:left;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.email_box .email_box_ct .txt input{margin:0;border:medium none;font-size:13px;margin:8px 0 0 12px;width:200px;}
.email_box .email_box_ct .btn_send{border:medium none;background-color:#966b00;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:normal;color:#fff;float:right;height:36px;padding:0 20px;margin:0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.email_box .email_box_ct .btn_send:hover{cursor:pointer;}

.r_box{}
.r_box .hd{border-bottom:1px solid #e8e8e8;font-size:18px;font-weight:normal;color:#966b00;padding-bottom:7px;margin-bottom:15px;}
.r_box .r_box_ct{}
.r_box .event ul li{margin-bottom:15px;}
.r_box .event ul li .thumb{float:left;width:120px;height:160px;overflow:hidden;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.r_box .event ul li .thumb img{max-width:100%;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.r_box .event ul li .text{max-width:45%;float:right;}
.r_box .event ul li .text h3{font-size:13px;color:#666;margin:0;margin-bottom:10px;}
.r_box .event ul li .text h3 a{color:#666;}
.r_box .event ul li .text p{margin:0;font-size:12px;color:#999;padding-left:20px;margin-bottom:10px;}
.r_box .event ul li .text .time{background:url('../images/icon_time.png') no-repeat left 0 transparent;}
.r_box .event ul li .text .location{background:url('../images/icon_location.png') no-repeat left 0 transparent;}

.r_box .like_box{padding-bottom:15px;}

.r_box .skg{}
.r_box .skg ul li{background-color:#f7f7f7;padding:10px;margin-bottom:13px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;

}
.r_box .skg ul li .date{width:50px;height:50px;float:left;background-color:#e2a500;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.r_box .skg ul li .date p{margin:0;color:#fff;text-align:center;}
.r_box .skg ul li .date .month{font-family: 'Roboto', sans-serif;font-size:15px;background-color:#966b00;font-weight:100;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
.r_box .skg ul li .date .day{font-family: 'Roboto', sans-serif;font-size:20px;}
.r_box .skg ul li .text{width:70%;float:right;}
.r_box .skg ul li .text h4{margin:0;margin-bottom:5px;}
.r_box .skg ul li .text h4 a{font-size:13px;color:#666;}
.r_box .skg ul li .text p{font-size:11px;color:#999;margin:0;}
.r_box .skg .bottom{text-align:right;}
.r_box .skg .bottom a{font-size:13px;color:#966b00;}

.r_box .danhmuc{padding-bottom:18px;}
.r_box .danhmuc ul li{background:url('../images/icon_list.gif') no-repeat left 6px transparent;padding-left:15px;margin-bottom:5px;}
.r_box .danhmuc ul li a{font-size:13px;color:#666;}
.r_box .danhmuc ul li a:hover{color:#966b00;}

.r_box iframe{max-width: 300px;max-height: 300px;}

.kh_info{background-color:#f7f7f7;padding:20px;margin-bottom:15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.kh_info h2{margin:0;font-family: 'Roboto', sans-serif;font-size:18px;color:#053f7c;font-weight:normal;border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px;}
.kh_info ul li{background:url('../images/icon_list1.png') no-repeat left 6px transparent;padding-left:13px;font-size:13px;color:#000;margin-bottom:10px;}
.kh_info ul li span{font-weight:bold;color:#966b00;}
.kh_info .btn_reg{background-color:#966b00;font-family: 'Roboto Condensed', sans-serif;color:#fff;font-size:16px;padding:6px 0px 9px;text-align:center;width:100%;display:inline-block;margin-top:8px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


.kh_info .btn_reg:hover{
    background-color:   #e2a500;
}
/*---------- Contact page ----------*/
.contact_page{min-height:460px;padding:20px 0;}
.contact_page .left{width:40%;position:relative;min-height:580px;
margin-top: 20px;
background-color: #fff;
}
.contact_page .right{width:40%;}
.contact_page .add_box h1{margin-left: 65px;
    margin-right: 65px;
    margin-top: 20px;
    font-size:35px;color:grey;
    font-weight:normal;
    margin-bottom:12px;
    border-bottom: 1px solid #e8e8e8;
}
.contact_page .add_box .add_box_ct{padding:20px 15px;font-size:13px;color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    opacity: 0.7;
    color: #966b00;
}
.contact_page .add_box .add_box_ct h3{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:18px;color:#fff;font-weight:normal;margin-bottom:20px;}
.contact_page .add_box .add_box_ct p{margin:0;padding-left:20px;margin-bottom:6px;}
.contact_page .add_box .add_box_ct .local{background:url('../images/icon_location_white.png') no-repeat left 4px transparent;}
.contact_page .add_box .add_box_ct .phone{background:url('../images/icon_phone_white.png') no-repeat left 3px transparent;}
.contact_page .add_box .add_box_ct .mail{background:url('../images/icon_mail_white.png') no-repeat left 4px transparent;}
.contact_page .map_box, .contact_page .map_box iframe{width:100%;height:606px;overflow:hidden;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.contact_page input{ border: none; border-radius: 3px; height: 25px;padding-left: 5px;}
.contact_page input[type='submit']{ cursor: pointer; padding: 5px;}
.contact_page input[type='submit']:hover{ background: #ccc;}
.contact_page textarea{ border: none; border-radius: 3px; padding: 5px;width: 268px; height: 155px;}
.contact_page span.wpcf7-not-valid-tip{ color: red;}
.contact_page div.wpcf7-validation-errors{ border: none;}
.contact_page div.wpcf7-mail-sent-ok{ border: none;}
/*---------- end:Contact page ----------*/

/********** end:WRAPPER **********/

/********** TEACHER BOX **********/
#teacher_box{background-color:#f8f8f8;padding:18px 0 40px 0;}
#teacher_box .real_w{width:985px;}
#teacher_box h4{font-family: 'Roboto Condensed', sans-serif;color:#023c7a;font-weight:normal;font-size:24px;margin:0;margin-bottom:27px;padding-left:20px;}
#teacher_box .teacher_slide{padding:0 20px;overflow:hidden;position:relative;}
#teacher_box .teacher_slide ul{width:9999px;list-style: none; padding: 0px; margin: 0px;}
#teacher_box .teacher_slide ul li{width:210px;float:left;margin-right:30px;}
#teacher_box .teacher_slide ul li .thumb{float:left;width:80px;height:80px;overflow:hidden;
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
}
#teacher_box .teacher_slide ul li .thumb img{}
#teacher_box .teacher_slide ul li .text{width:110px;float:right;}
#teacher_box .teacher_slide ul li .text h3{margin:0;font-size:13px;margin-bottom:5px;}
#teacher_box .teacher_slide ul li .text h3 a{color:#966b00;}
#teacher_box .teacher_slide ul li .text p{font-size:12px;color:#999;margin:0;}
#teacher_box .bx-controls-direction a{display:inline-block;background-image:url('../images/icon.png');background-repeat:no-repeat;background-color:transparent;position:absolute;width:12px;height:20px;}
#teacher_box .bx-controls-direction .bx-prev{background-position:0 -336px;top:26px;left:0;}
#teacher_box .bx-controls-direction .bx-prev:hover{background-position:0 -361px;}
#teacher_box .bx-controls-direction .bx-next{background-position:0 -386px;top:26px;right:0;}
#teacher_box .bx-controls-direction .bx-next:hover{background-position:0 -411px;}
/********** end:TEACHER BOX **********/

/********** FOOTER **********/
#footer{background-color:#313129;}
#footer .footer_top{padding:30px 0;}
#footer .footer_top ul{list-style: none; padding: 0px; margin: 0px;}
#footer .footer_top .real_w{width:960px;padding:0 10px;}
#footer .footer_top .column{width:30%;float:left;color:#B5B4B4;margin-right:30px;}
#footer .footer_top .column .f_title{margin:0;font-family: 'Roboto Condensed', sans-serif;font-size:24px;font-weight:normal;margin-bottom:20px;}
#footer .footer_top .column .column_ct p{margin:0;}
#footer .footer_top .column .about .des{font-size:13px;margin-bottom:10px;}
#footer .footer_top .column .about a{font-size:13px;color:#966b00;}
#footer .footer_top .column .news ul li{background:url('../images/icon_list.png') no-repeat left 5px transparent;padding-left:15px;margin-bottom:9px;}
#footer .footer_top .column .news ul li a{color:#B5B4B4;font-size:13px;}
#footer .footer_top .column .news ul li a:hover{color:#e2a500;}
#footer .footer_top .column .contact{}
#footer .footer_top .column .contact ul li{font-size:13px;margin-bottom:12px;}
#footer .footer_top .column .contact ul .address{background:url('../images/icon_address.png') no-repeat left 3px transparent;padding-left:30px;}
#footer .footer_top .column .contact ul .phone{background:url('../images/icon_phone.png') no-repeat left 2px transparent;padding-left:30px;}
#footer .footer_top .column .contact ul .fax{background:url('../images/icon_fax.png') no-repeat left 2px transparent;padding-left:30px;}
#footer .footer_top .column .contact ul .mail{background:url('../images/icon_mail.png') no-repeat left 4px transparent;padding-left:30px;}
#footer .footer_bot{background-color:#0B0B0B;text-align:center;font-size:13px;color:#f0f0f0;padding:13px 0 11px;}
#footer .footer_bot a{color:#f0f0f0;}
#footer .footer_bot a:hover{color:#fff;}
/********** end:FOOTER **********/

/********** MORE LESS CONTENT **********/
a.adjust{
    padding:10px;
    display:block;
    font-weight:bold;
    background:#eee;
    color:#333;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    width:80px;
    text-align:center;
    text-decoration:none;
}
a.adjust:hover{
    background:#333;
    color:#FFF;
    -webkit-transition: all 400ms; /*safari and chrome */
    -moz-transition: all 400ms ease; /* firefox */
    -o-transition: all 400ms ease; /* opera */
    transition: all 400ms ease;
}
p.continued{
    margin-top:0;
}
/********** end:MORE LESS CONTENT **********/
.menu-main {
    background: none repeat scroll 0 0 #323A45;
    float: right;
    height: 100%;
    width: 850px;
    position: relative;

}
.menu-main .mnhome a{
    background: url('../images/mnhome.png') no-repeat  center 40px;
}
.menu-main .mnabout a{
    background: url('../images/mnabout.png') no-repeat  center 40px;
}
.menu-main .mnkh a{
    background: url('../images/mnkh.png') no-repeat  center 40px;
}
.menu-main .mnnews a{
    background: url('../images/mnnews.png') no-repeat  center 40px;
}
.menu-main .mnevent a{
    background: url('../images/mnevent.png') no-repeat  center 40px;
}
.menu-main .mnmedia a{
    background: url('../images/mnmedia.png') no-repeat  center 40px;
}
.menu-main .mncontact a{
    background: url('../images/mncontact.png') no-repeat  center 40px;
}
.ggsearch{
    border: 1px solid #ccc;
    height: 20px;
    margin-bottom: 13px;
    padding: 10px;
    border-radius: 3px;
}
.detail_ct{
    line-height: 20px;
}


.list_kh1{

}
.list_kh1 .hd{color:#023c7a;font-size:24px;border-bottom:1px solid #e8e8e8;
    padding-bottom:12px;
    margin-bottom:20px;
    font-weight: normal;
    margin-left: 55px;
    margin-right: 40px;}
.list_kh1 ul{
    width: 100%;
    list-style: none;
    padding: 0px 0px 0px 40px;
    margin: 0px;

}
.list_kh1 ul li{margin-bottom:40px;
    width: 270px;
    float: left;
}

.list_kh1 ul li .time-kg p{position: absolute;
    top: 0px;
    height: 25px;
    width: 70px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0em;
    text-align: center;
    background-color: #e2a500;
    opacity: 0.7;
    color: white;
    padding-top: 7px;
}

.list_kh1 ul li .item-kh1 {
    width: 220px;
    margin: 0 15px;
    float: left;
    background: white;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
.list_kh1 ul li .thumb{float:left;width:220px;height:132px;overflow:hidden;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background-position: top center;
    background-size: cover;
}

.list_kh1 ul li .giangvien img{
    width: 20px !important;
    height: 20px !important;

    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

}

.list_kh1 ul li .giangvien{

    font-size: 14px !important;
}
.list_kh1 ul li .thumb img{max-width:220px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.list_kh1 ul li .text{box-sizing: border-box;
    padding-left: 15px;
    padding-top: 140px;
    padding-right: 15px;
    height: 230px;}
.list_kh1 ul li .text h4{margin:0;margin-bottom:6px;}
.list_kh1 ul li .text h4 a{font-size:14px;color:#966b00;}
.list_kh1 ul li .text h3{margin:0;margin-bottom:6px;}
.list_kh1 ul li .text h3 a{font-size:14px;color:#966b00;}
.list_kh1 ul li .text p{margin:0;font-size:13px;color:#666;margin-bottom:10px;}
.list_kh1 ul li .text .time{font-size:14px;color:#999; }
.list_kh1 ul li .text .price{background-color: #5cb85c; margin-bottom: 0px !important;

    position: absolute; bottom: 0px;
    height: 25px;
    width: 190px;
    font-size: 16px;
    text-align: center;
    opacity: 0.8;
    padding-top: 7px;
    font-family: MyriadPro-Bold;
    white-space: nowrap;
    color: #fff;
}

.right .taxonomy-picker ul li select{
    border: 1px solid #ccc!important;
    box-sizing: inherit;
    height:30px;
    border-radius: 5px;
}


.right .taxonomy-picker ul li{
    background: none; !important;
    padding-left: 0px !important;
}

.right .taxonomy-picker p input{
    background-color: #e2a500;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px 6px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #966b00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 80px;
    opacity: 0.8;
}
.right .taxonomy-picker p input:hover{
    background-color: #966b00 ;
}