.clear{clear: both;float: none;}
@font-face {
font-family:font_utm;
src:url('/fonts/UTM AvoBold.ttf') format('truetype');
font-weight:normal;
 font-style:normal;
}

a{
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}
ul{
	padding:0;
}
li{
	list-style:none;
	padding:0;
	margin:0;
}
a:hover{text-decoration: none;}
#wrapper{width: 100%;margin: auto;}
#header{
    width: 100%;
    margin: auto;
    background-size: 100% 100%;
	/*min-height: 136px;*/
	border-bottom: 1px solid #cdcdcd;background: #fff;
}
.left-t{float:right;}
.page4{background-color:#fff;padding-bottom: 30px;}
.top-header{width: 100%;height: 37px;background-image: url(../img/line-top-head.png);
                background-size: 100%;background-repeat: no-repeat;
                background-position: bottom;}
.top-header ul{float: right;}
.top-header ul li{float: left;list-style: none;height: 100%;}
.top-header ul li a{float: left;font-size: 14px;text-transform: uppercase;border-right: 1px solid #303030;
                    color: #303030;padding:0px 10px;margin-top: 10px;height: 14px;line-height: 15px;}
.top-header ul li:last-child a{border-right:none;}
.top-header ul li a:hover{text-decoration: underline;}

.bottom-header{height: 86px;}
.bottom-header .logo{padding-top: 3px;}
.bottom-header .logo img{
    width: 232px;
    margin-top: 14px;
}
.search{right: 80px;bottom: 0; height: 40px;}
.search p{float: left;font-weight: bold;}
.search p i{font-style: italic;color: #808080;font-weight: normal;}
.search form{
    width: 60%;
    height: 34px;
    float: right;}
.search .input_seach {
    width: 115px;
    height: 28px;
    margin-top: 3px;
    outline: 0;
    border: none;
    background: none;
    float: left;
    color: #000000;
    font-style: italic;
    padding-left: 30px;}
.search .submit {width: 34px;margin-left: 15px;height: 34px;background: none;border: none;}
.left_tin{
    padding: 20px 0;
}
.form-control{width:94%;float: left;border-radius: 4px 0 0 4px}

.input-group-btn{float: left;}
.ho-tro{height: 100%;padding-top: 15px;}
.hotline{float: right;}
.hotline p{font-weight: bold;font-size: 14px;}
.hotline p font{color: #ff0000;font-size: 14px;}
.hotline p img{float: left;vertical-align: middle;padding-right: 10px;}
#carttop{float: right;padding-top: 8px;}
#carttop p{float: left;font-size: 14px;}
#carttop p a{font-weight: bold;color: #303030;text-transform: uppercase;font-size: 14px;}
#carttop p a img{float: left; vertical-align: middle;padding-right: 10px;}
#carttop p b{color: #ff0000;font-size: 14px;}

/************** menu*********************/
.bs-example{display: none;}
#menu{height:100%;position:relative;background-color: #1f2336; border-bottom:2px solid #ffc20e;}
#menu ul{float: right;margin-bottom: 0px;/*width: calc(100% - 150px)*/; }
#menu ul li{
    float: left;
    list-style: none;
    padding: 0px 22px;
    position: relative;
    z-index: 10;
    padding-top: 10px;padding-bottom: 10px; 
}
#menu ul li li h2{
	margin:0;
	padding-left:15px;
}
ul.sub1 li a{ font-weight:bold!important;}
.current a{
    color: #7fafaa;
    /*border-bottom: 2px solid #ffc20e;*/
}
#menu ul li.current a{
	color:#ffc20e;
}
#menu ul li.current li a{
    color: #333;
    border: none;
}
#menu ul li.current li:hover a{
    color: #ffc20e;
}
#menu ul li ul li:last-child{
	border-radius:0 0 8px 8px;
}
#menu ul li ul li li:last-child{
	border-radius: 0 0 8px 0;
}
#menu ul li ul li li:first-child{
	border-radius:0 8px 0 0; 
}
#menu ul li ul li {
    padding: 5px 0;
    margin: 0;
    height: AUTO;
}
#menu ul li:hover ul{display: block;}
#menu ul li:hover ul ul{
	display:none;
}
#menu ul li ul li:hover ul {
	display:block;
	top: 0;
    left: 262px;
	border-radius: 0 8px 8px 0;
}
#menu ul li ul li:hover ul li {
	background-color:#fff;
}
#menu ul li ul li:hover ul li:hover {
	background-color:#2591d0;
}
#menu ul li ul li:hover ul a{
	color:#2591d0 !important;
}
#menu ul li ul li:hover ul li:hover a{
	color:#fff !important;
}
#menu ul ul ul ul{
	display:none !important;
}
.navbar{margin-bottom:0px;}
.navbar-default{background-color: #1f2336;}
.navbar-default .navbar-toggle{background-color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #cdcdcd;}
.navbar-default .navbar-brand{color: #fff;font-weight: bold;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus{background-color: #fa6c04;}
.navbar-default .navbar-nav > li > a{color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
/************** slide **********************/
#slide a i {position: absolute;margin: 0;font-size: 24px;font-weight: bold;display:none;
            top: 45%;}

.fa-chevron-circle-right{background-image: url(../img/next.png);width: 36px;height: 35px;right:100%;}
.fa-chevron-circle-left{background-image: url(../img/prev.png);width: 36px;height: 35px;left:100%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1}

/**************** sản phẩm chính ********************/
ul.san-pham-main{float: left;padding-left: 0px;list-style: none;}
ul.san-pham-main li.sp-home{float: left;height: 180px;margin-top: 10px;margin-bottom:10px;}
ul.san-pham-main li.sp-home a img{width: 100%;height: 100%;float: left;margin-top: -50px;}
ul.san-pham-main li.sp-home a h3{text-align: center;color: #303030;font-size: 22px;font-weight: bold;}
ul.san-pham-main li.sp-home a:hover{text-decoration: none;}
ul.san-pham-main li.sp-home a:hover h3{color: #fa6c04;}
/***************** sản phẩm bán chạy ****************/
.sp-ban-chay{margin-top:20px;}
.title-home{/*background-image: url(../img/line-sp-ban-chay.png);
            background-repeat: no-repeat;background-position:left 0px top 29px;
            background-position-y: 29px;*/
            background: url(../img/line-sp-ban-chay.png)no-repeat center 29px;}
.title-home h2{color: #303030;font-size: 24px;text-transform: uppercase;text-align: center;}


ul.sp-news{padding-left: 0px;list-style: none;}
ul.sp-news li.sp-moi{float: left;margin-top: 20px;margin-bottom:20px; border-right: 1px solid #cdcdcd;}
ul.sp-news li:nth-child(4){border-right:none;}
ul.sp-news li:nth-child(8){border-right:none;}
ul.sp-news li:nth-child(12){border-right:none;}
ul.sp-news li:nth-child(16){border-right:none;}
ul.sp-news li:nth-child(20){border-right:none;}
ul.sp-news li:nth-child(24){border-right:none;}
ul.sp-news li:nth-child(28){border-right:none;}
ul.sp-news li:nth-child(32){border-right:none;}
ul.sp-news li:nth-child(36){border-right:none;}
ul.sp-news li:last-child{border-right:none;}
ul.sp-news li.sp-moi a h3{width: 100%;float: left;font-size: 14px;font-weight: bold;color: #303030;
            line-height: 22px;margin-top: 0px;}
ul.sp-news li.sp-moi a:hover h3{color: #fb7819;}
ul.sp-news li.sp-moi .thong-tin{width: 100%;float: left;margin-top: 10px;}
ul.sp-news li.sp-moi .thong-tin a img{float: left;width: 140px;height: 140px;padding-right: 10px;}
ul.sp-news li.sp-moi .thong-tin a img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
ul.sp-news li.sp-moi .thong-tin .right-sp{margin-top: 10px;}
.thong-tin .right-sp p{color: #109801;font-size: 14px;margin-top: 5px;margin-bottom:3px; }
.thong-tin .right-sp p font{color: #303030;}
.thong-tin .right-sp p.gia-cu{color: #303030;text-decoration: line-through;}
.thong-tin .right-sp p.gia-moi{color: #ff0202;font-weight: bold;}
.dat-hang{background: #97c03d;width: 111px;height: 30px;color: #fff;margin: auto;margin-top: 20px;}
.dat-hang a{color: #fff;font-size: 14px;text-transform: uppercase;padding:5px 0 0 20px;float: left;text-decoration: none;}
.dat-hang:hover{background: #fb7819;}


/*********** footer *********************/
#footer{
    width: 100%;
    background-color: #1f2336;
    padding-top: 10px;
    padding-bottom: 15px;
    background-size: 100% 100%;
	color: #fff;
}
#footer a{
	color:#fff;
	font-size:14px;
}
#footer h2{
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
}
#footer h2 span{
	font-size: 14px;
}
#footer p{
	line-height:20px;
	margin-bottom:15px;
}
.footer-li{float: left;}
.footer-li h2{float: left;width: 100%;color: #303030;font-size: 14px;text-transform: uppercase;font-weight: bold;}
.footer-li ul{float: left;width: 100%;list-style: none;padding-left: 0px;}
.footer-li ul li{float: left;width: 100%;line-height: 30px;}
.footer-li ul li a{color: #303030;font-size:14px;}
.footer-li ul li a:hover{text-decoration: underline;}
p.total,p.online{float: left;width: 100%;font-size:14px;}
p.total font, p.online font{float: right;}
.footer-li a img{float: left;margin-top:5px;}

.right-footer p{float: left;line-height:18px;margin-bottom:3px;font-size:14px;}
.right-footer ul.mxh{float: left;width: 100%;margin-top:5px;}
.right-footer ul.mxh li{float: left;width: 32px;height: 32px;margin-right:15px;}
.right-footer ul.mxh li a img{float: left;width: 100%;height: 100%;}


/***************** trang tin tức *************************/

.link-dh{margin: auto;height:45px;background: url(../img/bg-line.png)repeat-x bottom;}
.link-dh a{color: #8bc636;font-size:11px;float: left;padding-right:15px;margin-top:14px;}
.link-dh a h2{font-size:11px;margin-top:2px;margin-bottom:0px;}


ul.list-news{float: left;padding-left: 0px;list-style: none;margin-top: 20px;}
ul.list-news li{float: left;margin: 8px 0px;padding-bottom:16px;border-bottom: 1px dashed #cdcdcd;
                padding-left:0px;}
ul.list-news li a{text-decoration: none;}
ul.list-news li a img{float: left;width: 200px;height: 150px;margin-right:10px;
                        padding: 3px;border: 1px solid #cdcdcd;box-shadow: 1px 1px 2px 2px #f5f5f5;}
ul.list-news li a h3{color: #8bc636;font-size: 14px;font-weight: bold;margin-top: 0px;margin-bottom:3px;text-align: justify;}
ul.list-news li a:hover h3{color: #fa6c04;}
ul.list-news li p.date{font-size:11px;color: #303030;font-style:italic;margin-bottom:5px;}
ul.list-news li p{font-size:14px;color: #303030;text-align: justify;}
ul.list-news li a.read-more{float: right;font-size: 14px;color: #8bc636;}
ul.list-news li a.read-more:hover{color: #fa6c04;}

/****************** phân trang *****************************/

.page1{margin:0 auto;text-align:center;float:right;}
.page1 ul{margin-top:10px;float: right;}
.page1 ul li{float: left;margin-right: 15px;list-style:none; border-bottom: none; }
.page1 ul li.end{}
.page1 ul li,.ct_news_item_list .page1 ul li a{color:#303030!important;font-size:14px;text-decoration:none;
                white-space: nowrap;}
.page1 ul li.current a,.page1 ul li a.current{
  color: #fff!important;padding:1px 7px;border-radius: 3px ;background:#8bc636;
  text-decoration:none;
}	

/************ trang sản phẩm detail *****************/
.detail-product{margin-top: 20px;}
.left-detail-p{padding-left: 0px;}
.justify { text-align:justify; text-justify:inter-ideograph; letter-spacing:0px;}
.justify:after { content:'.'; height:0px; width:100%; display:inline-block; overflow:hidden; }
.justify .line { content:'.'; display:inline-block; width:100%; height:0px; overflow:hidden; }
.justify .box { display:inline-block; vertical-align:top;text-align:left; padding-left: 0px;margin-bottom:25px;}
.cart{background: url(../img/ico2_dathang.png);width: 109px;height: 40px;color: #fff;margin-top: 20px;margin-bottom:20px;}
.cart a{background: url(../img/ico2_dathang.png);width: 109px;height: 40px;float: left;}


#proimg {width: 100%; height: 100%;background-color:#fff; vertical-align:middle;text-align:center;font-size:0px;*font-size:189px;border:1px solid #d6d6d6;}
#proimg:after{height:100%;width:0px; content:'.'; display:inline-block; vertical-align:middle; overflow:hidden;}
#proimg img{width:100%;height:350px; vertical-align:middle;}
.proright p{font-size: 14px;}
.proright p font{color: #ff0202;font-weight: bold;}
.proright p.gia-cu{text-decoration: line-through;}

.proimglist{overflow:hidden;background-color:#F5F5F5;padding:14px 14px;height:100px; margin-top:13px;border:1px solid #E8E8E8;}

.proimglist .imglist .spec-list{overflow:hidden;position:relative; width:100%;height: 75px;}
.proimglist .imglist .spec-list ul{width:100%!important;padding-left:0px;height: 75px;}
.proimglist .imglist .spec-list ul li{margin-right:0px; display:inline-block;height: 75px;}
.proimglist .imglist .spec-list ul li img{width:110%; height:45px;padding:2px; border:1px solid #ccc; cursor:pointer;height: 75px;}
.proright img.anh{margin-top:30px;float: right;}
.spec-list > div{width: 100%!important;}

.other{margin-top:30px;}
.other h2{background: url(../img/bg-line.png)repeat-x bottom;
        font-size: 18px;font-weight: bold;margin: 0px;padding: 10px 0 15px 0;text-transform: uppercase;}
.other ul{width: 100%;list-style: none;padding-left: 0px;margin-top: 15px;}
.other ul li{float: left;margin-top: 10px;}
.other ul li a img{width: 98%;padding: 1%;border: 1px solid #cdcdcd;background: #fff;box-shadow: 1px 1px 2px 2px #E8E8E8;}
.other ul li a img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.other ul li a h3{color: #303030;font-size: 14px;text-align: center;margin-top:15px;line-height: 18px;}
.other ul li a:hover h3{color: #fa6c04;}

.right-detail-p{padding-right: 0px;}
.nav-tabs > li{border: 1px solid #cdcdcd;border-bottom: none;border-radius: 5px 5px 0 0;margin-right: 5px;}
.nav-tabs > li a{margin-right: 0px;font-size: 13px;color: #303030;font-weight: bold;text-transform: uppercase;}
.nav-tabs{}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
                background: #97c03d;color: #fff;font-size:13px;text-transform: uppercase;font-weight: bold;}
.tab-content .tab-pane{width: 100%;text-align: justify;padding-top: 10px;}
/******************* trang detail news *****************/
.left-mutinew h3.title{font-size: 18px;color: #8bc636;margin-top:0px;margin-bottom:5px;}
.left-mutinew p.date{font-size: 11px;color: #7b7272;font-style: italic;}
.left-mutinew p.extract{font-weight: bold;text-align: justify;font-size: 14px;}
.left-mutinew .details{font-size: 14px;text-align: justify;}

.left-mutinew{margin-top: 20px;padding-left:0px;}
.right-mutinew {margin-top: 20px;padding-right:0px;}
.new-hot{width: 100%;margin-bottom:15px;float: left;}
.new-hot h2,.new-hot a h2{color: #fff;font-weight: bold;font-size: 18px;text-align: center;text-transform: uppercase;
            font-family: ari;background: #44ac26;margin: 0px;padding: 10px 0;border-radius: 5px 5px 0px 0px;}
.new-hot a:hover h2{color: #fa6c04;}
.new-hot ul{list-style: none;width: 100%;padding-left: 0px;border: 1px solid #97c03d;border-top: none;
            border-radius: 0 0 5px 5px;padding-top:15px;float: left;}
.new-hot ul li{width: 94%; float: left;margin: 5px 0;padding-bottom:10px; border-bottom: 1px dashed #44ac26;margin-left:3%;}
.new-hot ul li:last-child{border-bottom:none;}
.new-hot ul li a img{float: left;width: 110px;height: 80px;padding: 3px;border: 1px solid #cdcdcd;margin-right: 8px;}
.new-hot ul li a img:hover{opacity: 0.7;}
.new-hot ul li a h3{font-size: 14px;color: #44ac26;font-weight: bold;margin: 0 5px 0 0px;line-height: 17px;}
.new-hot ul li a:hover h3{color: #fa6c04;}
.new-hot ul li p.date{font-size: 11px;color: #7b7272;}
.new-hot ul li p.gia-moi{font-size: 14px;color: #ff0202;font-weight: bold;}
.new-hot ul.doi-tac li a img{width: 100%;height: auto;}

.new-hot ul.video li{border-bottom:none;margin-top: 0px;margin-bottom: 0px;width: 94%;margin-left: 3%;
                    background: url(../img/ico1.png)no-repeat 0 3px;}
.new-hot ul.video li:first-child{background: none;}
.new-hot ul.video li a iframe{width: 100%;height: auto;}
.new-hot ul.video li a{float: left;color: #303030;width: 100%;}
.new-hot ul.video li a h4{font-size: 14px;float: left;padding-left: 15px;margin: 0px;margin-top:2px;font-weight: bold;}
.new-hot ul.video li a:hover h4{color: #fa6c04;}

.others{}
.others h2{background: url(../img/bg-line.png)repeat-x bottom;
        font-size: 18px;font-weight: bold;margin: 0px;padding: 10px 0 15px 0;text-transform: uppercase;}
.others ul{width: 100%;list-style: none;padding-left: 0px;margin-top: 15px;}
.others ul li{float: left;margin-top: 10px;}
.others ul li a img{width: 98%;height:150px; padding: 1%;border: 1px solid #cdcdcd;background: #fff;box-shadow: 1px 1px 2px 2px #E8E8E8;}
.others ul li a img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.others ul li a h3{color: #303030;font-size: 14px;text-align: center;margin-top:15px;line-height: 18px;}
.others ul li a:hover h3{color: #fa6c04;}

@media(max-width:1000px){
	.vp1{
		display:none;
	}
    #chinh-sach{display:none;}
    ul.sp-news li.sp-moi .thong-tin a img{float: left;width: 120px;height: 120px;padding-right: 10px;}
    ul.san-pham-main li.sp-home{height:140px;}
    ul.san-pham-main li.sp-home a h3{font-size:16px;}
    
    .search{height: 100%;padding-top: 15px;}
    .bottom-header .logo img {
		width: 163px;
		margin-top: 14px;
	}
	#menu ul li {
		float: left;
		list-style: none;
		padding: 0px 6px;
		height: 100%;
		position: relative;
		z-index: 10;
		padding-top: 10px;
	}
	#menu ul li a {
		font-size: 14px;
	}
    .search form{float: left;}
    .search .input_seach {width: 220px;height: 20px;margin-top: 3px;outline: 0;padding-left: 10px;
        border: none;background: none;float: left;color: #fa6c04;font-style: italic;}
    .search .submit {width: 24px;margin-left: 15px;height: 24px;background: none;border: none;}
    .bottom-header{height: auto;}
    .top-header ul li a{font-size: 11px;padding: 0 8px;}
    .slider1_container{width: 1000px!important;}
    .slide-222{width: 1000px!important;}
    
    .proimglist{height: 60px;}
    .proimglist .imglist .spec-list ul li{height: 40px;}
    .proimglist .imglist .spec-list ul li img{width:110%; height:40px;}
    
}

@media(max-width:767px){
    .search {
        float: right;
        text-align: right;
        position: absolute;
        top: -5px !important;
        right: -48px !important;
        z-index: 999;
    }
    #gioi-thieu h2, #su-kien h2, #doitac h2, #gioi-thieu1 h2, #gioi-thieu1 h1{
        font-size: 18px !important
    }
    #doitac .top{padding: 0;overflow: hidden;}
    #box-gioi-thieu img{max-width: 100%;}
    #box-gioi-thieu .container, .gt2{/*padding: 0*/}
    .logo img{width: 100%;}
    #menu{display:none;}
    .bs-example{display: block;}
    .top-header{display:none;}
    #chinh-sach{display:none;}
    ul.sp-news li.sp-moi{border-right:none;border-bottom:1px solid #cdcdcd;padding-bottom:15px;
            }
    ul.san-pham-main,ul.sp-news{width: 96%;margin: 0 2%;}
    ul.san-pham-main li.sp-home{height:180px;}
    ul.san-pham-main li.sp-home a h3{font-size:22px;}
   .slider1_container{width: 767px!important;}
    .slide-222{width: 767px!important;}
    .left-mutinew ul.list-news li{width:94%;margin: 10px 3%;}
    
    .proimglist{height: 60px;}
    .proimglist .imglist .spec-list ul li{height: 40px;}
    .proimglist .imglist .spec-list ul li img{width:110%; height:40px;}
}
@media(max-width:480px){
    #menu{display:none;}
    .top-header{display:none;}
    
    .bs-example{display: block;}
    
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1;height: 150px;}
    #chinh-sach{display:none;}
    ul.sp-news li.sp-moi{border-right:none;border-bottom:1px solid #cdcdcd;padding-bottom:15px;
                }
    ul.san-pham-main,ul.sp-news{width: 94%;margin: 0 3%;}
    ul.san-pham-main li.sp-home{height:180px;}
    ul.san-pham-main li.sp-home a h3{font-size:22px;}
    .left-mutinew ul.list-news li{width:94%;margin: 10px 3%;}
    
    .proimglist{height: 60px;}
    .proimglist .imglist .spec-list ul li{height: 40px;}
    .proimglist .imglist .spec-list ul li img{width:140%; height:40px;}
    
    .left-detail-p{padding-left: 5px;padding-right: 5px;}
    .justify .box{padding-left: 5px;padding-right: 5px;}
    .tab-tt-sp{width: 100%;padding: 0 10px;}
    .right-detail-p{padding-right: 15px;}
    .left-mutinew{padding-left:15px;}
    .right-mutinew{padding-right: 15px;}
    ul.list-news{padding-left:15px;margin-right:15px;}
    ul.list-news li{padding-right:0px;}
    ul.list-news li a img{width: 100px;height: 80px;}
}
.jCarouselLite{
    left: 60 !important;
    width: 95% !important;
}
.jCarouselLite1{
    left: 0 !important;
    width: 100% !important;
}
 .jCarouselLite3{
    left: 0 !important;
    width: 1100px !important;
}

.jCarouselLite ul li h2{ 
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
    color: #333;
    margin: 20px 0;
    opacity: 0.7;
}
.jCarouselLite ul li p{
	text-align:justify;
	padding:0 10px;
	box-sizing:border-box;
}
#doitac{
    background: #f7f7f7;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
#doitac li img{
	max-width:100% !important;
} 
#gioi-thieu,#gioi-thieu1{
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
#gioi-thieu h2,#su-kien h2,#doitac h2,#gioi-thieu1 h2,#gioi-thieu1 h1{
   color: #303030;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/bg_content1.png) no-repeat center bottom;
	width: 100%;
	height: 70px;
}
#gioi-thieu1 p{
	text-align:center;
}
ul li.gt1 {
	list-style:none;
}
ul li.gt1:first-child{
	padding-right:15px;
}
ul li.gt1:last-child{
	padding-left:15px;
}

ul li.gt1 .top{
    width: 100%;
    position: relative;
	overflow: hidden;
}
ul li.gt1 .top img{
	width:100%;
    border-radius: 20px;
}
ul li.gt1 .top .text{
    width: 100%;
    height: 58px;
    background-size: 100%;
    color: #fff;
	text-align:right;
	position:absolute;
	bottom: -0;
    background: url(/images/muiten.png) no-repeat top 13px left 14px;

}
ul li.gt1 .top a:hover h3{
	color:#2591D0;
	-webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}
ul li.gt1 .top img:hover{
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: scale(1.01);
}
ul li.gt1 .top .bg{
    height: 58px;
    position: absolute;
    bottom: -0;
    width: 100%;
    background-color: #333;
    opacity: 0.7;
    border-radius: 0 0 20px 20px;
}
ul li.gt1 .top .text h3{
	font-size:18px;
	text-transform:uppercase;
    padding-right: 20px;
}
ul li.gt1 .bottom{
    margin-top: 20px;
    color: #303030;
    font-size: 14px;
	line-height:20px;
}
#su-kien{
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.top1{
	width:100%;
	overflow:hidden;
	position:relative;
}
.top1 img{
	width:100%;
}
.top1 .bg{
    background: url(/images/sukien.png) no-repeat bottom right;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 52px;
    max-width: 786px;
    padding: 10px;
    box-sizing: border-box;
    padding-left: 50px;
}
.top1 .text{
    position: absolute;
    right: 0;
    bottom: 0;
}
.bottom1 .text{
	text-align:right;
}
.bottom1 .text h3{
	border-bottom:2px solid #2591d0;
	float:left;
	width:90%;
	margin-top: 46px;
	padding-bottom: 6px;
    font-weight: bold;
}
.bottom1 .text h3 span{
    background-color: #2591d0;
    color: #fff;
    padding: 6px;
    font-weight: bold;
}
.bottom1 label{
    float: left;
	width:10%;
	font-size:80px;
	color:#cdcdcd;
}
li:last-child .bottom1 .text{
	text-align:left;
}
li:last-child .bottom1 .text h3{
	float:right;
	padding-bottom:0;
	padding-top:5px;
}
li:last-child .bottom1 .text h3 span{
	float: left;
    padding-top: 4px;
    padding-bottom: 3px;
    margin-right: 10px;
	    padding: 16px 5px;
}
.bg .t1{
    background: url(/images/time.png)no-repeat top left 42px;
    float: left;
    padding-left: 71px;
    font-size: 14px;
    min-height: 22px;
    padding-top: 6px;
    color: #303030;
}
.bg .t2{
    background: url(/images/diadiem.png)no-repeat top left 42px;
    float: left;
    padding-left: 71px;
    font-size: 14px;
    min-height: 22px;
    padding-top: 6px;
    color: #303030;
}
.gt2{
	padding-bottom: 20px;
    box-sizing: border-box;
	overflow: hidden
}
#gioi-thieu1 .top{padding:0}
.tren1{
	left:42%;
}
.duoi1{
	left:50%;
}
.gt3{background-color: #fff;padding-bottom: 30px;overflow: hidden;}
@media (min-width: 992px) {
	.gt2 {
		margin-top:10px;
		padding-bottom: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.bot3{
		width: 28% !important;
		float: right;
	}
	.tren1{
	left:33%;
	}
	.duoi1{
		left:38%;
	}
}
.bot3{
	width: 100%;
    overflow: hidden;
    margin: 10px 0;
    margin-left: 0;
	box-sizing:border-box;
}
.gt2 img{
    width: 100%;
	height: 180px;
}
.gt2 img:hover{
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	transform: scale(1.1);
}
.gt2:first-child{
	margin-left:0;
}
.gt2 .text h3{
    font-size: 14px;
    color: #333;
	line-height:20px;
    font-weight: bold;
    text-align: left;
    /*padding: 0 10px;*/
	text-transform:uppercase;
}
.gt2 .text h3:hover{
	color:#ffc20e;
}
.gt2 .tin-bot{
    text-align: justify; 
    padding-top: 0;
	font-size:14px;
	color:#303030;
	margin-bottom:15px;
}
.gt2 .tin-bot p{
    margin: 0;
    line-height: 22px;
    min-height: 90px;
    padding-bottom: 10px;
	text-align:justify !important
}
.vx1{
	max-width:100% !important
}
.gt2 a.chitiet{
    color: #fff;
    background-color: #1f2336;
    padding: 7px 15px;
	float:left;
}
.gt2 a.chitiet:hover{
    border: 1px solid #ffc20d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: scale(1.1);
}
#nhan-xet{
	background:url(/images/nhanxet.png);
	background-size:100% 100%;
}
.left_n{
	width:30%;
	float:left;
}
.left_n img{
    border: 2px solid #2591D0;
    border-radius: 50%;
    padding: 2px;
    width: 80%;
}
.right_n{
	width:70%;
	float:left;
	color:#fff;
}
.thongt{
    text-align: left;
    background: url(/images/daunhay.png) no-repeat;
    padding-left: 68px;
	margin-bottom:10px;
}
.thongt h2{
	color:#02a2ff;
	font-size:14px;
	font-weight:bold;
}
.thongt label{
	font-weight:normal;	
}
.right_n p{
	text-align:justify;
}
.bot1 h3,.bot2 h3{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#footer .bot1 a{color:#ffc20e;}
.bot1 a:hover, .bot2 li a:hover{
	text-decoration:underline;
}
.daidien{
	width:100%;
}
.daidien img{
	width:100%;
	/*display:none;*/
}
.allwap{
    width: 100%;
    overflow: hidden;
}

.anhr{
    display: none;
}
.danhmuc h2 a,.danhmuc h1 a{
    font-size: 14px;
    font-family: tahoma;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.danhmuc h2, .danhmuc h1{
    padding: 10px 0;
    border-bottom: 1px solid #cdcdcd;
    margin: 10px;
    padding-left: 0;
    margin-bottom: 0;
}
.danhmuc{
    overflow: hidden;
    margin-bottom: 3px;
    background-color: #1f2336;
}

.head_tin{
    margin-top: 6px;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px;
    padding-top: 10px
}
.right_tin  .tin-news-2{
    width: 100%;
    overflow: hidden;
    margin: 5px 0;
    padding: 15px 0;
    border-bottom: 1px dashed #cdcdcd; 
}
li.tin-news-2:first-child{
	border-top:0;
}
.right_tin  ul{
	margin-bottom:5px;
	    width: 100%;
    overflow: hidden;
}
.right_tin  .tin-news-2 .n1{
	width:205px;
	height:145px;
	float:left;
	margin-right:15px;
}
.right_tin  .tin-news-2 .n1 img{
	width:100%;
	height:100%;
}
.tin-news-2 .title h3{
    font-size: 15px;
    font-weight: bold; 
    color: #333;
}
.tin-news-2 .title h3:hover{
	color:#ffc20e;
}
.tin-news-2 p{
	color:#303030;
	font-size:14px;
}
.pages1{
	text-align:right;
	border-top: 1px dashed #cdcdcd;
	width:100%;
	padding: 10px 0
}

.pages1 a{
	padding: 5px;
	color: #333;
	background-color: #cdcdcd;
}
.pages1 a:hover{
	padding: 5px;
	color: #fff;
	background-color: #ffc20e;
}

/***************** phan trang *****************/
.pages1{float: right;margin-bottom: 20px;margin-top: 20px;}
.pages1 ul{float: right;}
.pages1 ul li{float: left;background: #cdcdcd;margin-right: 5px;}
.pages1 ul li a{padding: 3px 8px;color: #303030;float: left;text-decoration: none;}
.pages1 ul li a.current, .page1 ul li:hover a{
    color: #fff;background: #0071d1; border: 1px solid #303030;padding: 2px 7px;
}

#linkdan{
    width: 100%;
    overflow: hidden;
    margin-top: 19px;
}
#linkdan p{
float: left;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #F8F8F8;
    padding: 7px;
}
.title3 {
	text-align:center;
}
.title3 h2{
    color: #4CADC5;
    font-size: 28px;
    font-family: font_utm;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0;
    margin-bottom: 20px;
    /* padding-bottom: 20px; */
    /* background: url(/images/bot1.png) no-repeat center bottom; */
}
.row2 .child-item-li-4{
	float:left;
}
.hotro{
	width:100%;
	overflow:hidden;
}
.hotro h2{
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 35px;
    background: url(/images/bg-l.jpg)no-repeat bottom left;
    padding-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 10px;
}
.left_tin li span{
	text-transform:uppercase;
	font-size:14px;
	color:#2591d0;
	font-weight:bold;
	padding:10px;
	padding-left:15px;
}
.left_tin li li:last-child{
	border-bottom:0;
}
.left_tin li li span{
	text-transform:none;
	color:#333;
	padding-left:25px;
}
.img_last{
	width:100%;
	text-align:center;
}
.img_last img{
	width:100%;
}
.end_b{
	width:100%;
	overflow:hidden;
	border-top:1px solid #8fbcd6;
	padding-top:20px;
    margin-bottom: 22px;
}
.end_l, .right_l{
	width:50%;
	float:left;
}
.right_l li{
	float:right;
	margin-left:10px;
}
.end_l{
	text-align:left;
}
.tt_module{
    text-align: center;
    margin: 10px;
    font-weight: bold;
}
.right_tin img{
	max-width:100%;
}
.tinlq p{
    font-weight: bold;
    border-top: 2px solid #2591D0;
    padding-top: 6px;
    text-transform: uppercase;
}
.content img{
    max-width: 100%;
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
}
#menu_bar{
	margin-bottom:0;
}
#menu_bar li{
	background-color:#dadada;
	padding-top: 10px;
}
#menu_bar li a{
	padding-left: 10px;
	font-family: tahoma;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}
#menu_bar li li{
	background-color:#fff;
}
#menu_bar ul{
	margin-top:10px;
}
#menu_bar li li a{
	text-transform:normal;
	text-transform: none;
	font-family: font_utm;
	font-size: 14px;
}
.menu_bar li{
	margin: 0 10px;
	padding-left: 0;
	border-bottom: 1px solid #cdcdcd;
	padding:5px 0;
}
.menu_bar li:last-child{
    border: none;
}
.menu_bar li a{
    font-size: 14px;
    color: #fff;
    font-family: arial;
    font-weight: normal;
}
.menu_bar li:hover a{
    color: #ffc20e;
}
.next:hover,.prev:hover{
	border:none;
} 
.bottom1{
	width:100%;
	overflow:hidden;
}
#su-kien .gt1{
	padding:0 !important;
	height: 207px;
}
.bot3 b{
	padding-left:50px;
}
#footer .phone{color:#ff0000}
#footer  .phone a{
	color:#ff0000;
	padding-right: 10px;
	font-weight: bold;
}
@media (max-width: 700px) {
	/*.right_n{
		width:42%;
	}*/
	.right_tin{padding:0;}
	ul.nav li{padding:5px 10px;text-align:right;}
	ul.nav li a{text-transform:uppercase;}
	.search form{width:70% !important}
	ul.nav li.current a{
		border:none;
	}
	.hotro{display:none;}
	ul.nav li a{
		color:#fff;
	}
	.left-t, .logo{
		padding:0 15px;
	}
	.thongbao{display:none;}
	#footer  .phone{
    display: block;
    background: url(/images/hot.png) no-repeat left -1px center;
    background-size: auto 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background-color: #d4181f;
    width: auto;
    border-radius: 50px;
    /* border: 1px solid #ff0000; */
    position: fixed;
    bottom: 30px;
    left: 5px;
    box-shadow: 1px 1px 4px #0d0c0c;
    color: #fff;
        box-shadow: 1px 1px 4px #0d0c0c;
		padding-left:45px!important;
    }
	.bot3{
		    margin-bottom: 40px !important;
	}
	.vx1{
		height:auto !important;
	}
	.duoi1{
		left:0;
	}
	.tren1{
		left:0;
		top: 130px !important;
	}
	.bot3{
		margin: 10px 0;
	}
	.bot1{
		/*padding: 0 5px;*/
		box-sizing: border-box;
	}
	.gt1{
		padding:0 !important;
	}
	.top1{
		overflow:auto;
		}
	.top1 .bg {
		background: none;
		position: relative;
		width: 100%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.bottom1 .text h3 {
		border-bottom: 2px solid #2591d0;
		float: left;
		width: 90%;
		margin-top: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	.bottom1 label {
		float: left;
		font-size: 20px;
	    padding-top: 10px;
	}
	.gt2 .tin-bot p{
		height:auto;
	}
}
.detail-new{
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
.detail-new p.brief{
    font-weight: bold;;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}
.detail-new h3{
	font-weight: bold;
	font-size: 28px;
	margin: 5px 0px 10px;color: #1f2336;
	margin-top:15px;
}
p.date{
	margin:10px 0;
}
.tinlq{
    margin-top: 20px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
  .gt2{
     background-color: #fff;
    margin-left: 3.333333333%;
    margin-top: 10px;
    padding: 0;
    padding-bottom: 20px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .bottom-header{
	  width:100%;
  }
  #menu ul li {
    padding: 0px 5px;
}
#menu ul li a{
	font-size:11px;
}
#menu ul li ul {
    top: 63px;
}
}
.next, .prev{
	outline:none;
}
.album ul li{
/*	border:1px solid #cdcdcd;*/
}
.daidien1{
	width: 100%;
	height: 180px;
	background: url(/images/banner.jpg);
	border: 1px solid rgba(82, 79, 79, 0.05);
	border-left: 0;
	border-right: 0;
}
.left-t p {
    float: left;
    color: #333;
    line-height: 50px;
	margin-right:15px;
}
.left-t .tel, .left-t .tel a{
	font-size: 18px;
	color: #F9FD09;
}
.left-t p img{
	margin-right:10px;
}
.vp1{
    float: left;
    width: 100%;
    background: #3078f1;
    height: 50px;
}
.right-t li, .right-t p{
	float:right;
	margin-left:5px;
	margin-top:10px;
	margin-left:20px;
}
.right-t p{
    color: #333;
    margin-top: 11px;
}
.album ul li img {
    width: 100%;
    height: 100%;
    padding: 1px;
    box-sizing: border-box;
}
.logo img{ margin-top: 10px;
}
.tin-top .text{
    margin-top: 15px;
    height: 60px;
}

.left-t p.email a{color: #fff;}
.doitacs div{
    border: 1px solid #cdcdcd;
    width: 144px !important;
}
.doitacs div img{
    width: 100% !important;
	padding: 2px;
	box-sizing: border-box;
}
h2.tieude{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 12px 0px;
    text-transform: uppercase;
    margin-top: 25px;
}
li.nd-text{
    list-style: none;
    border-top: solid 1px #ccc;
    padding: 8px 0;
	
}
li.nd-text a{
    color: #333;
	line-height:18px;
}
li.nd-text:hover a{
    color: #ffc20e;
}

.videos iframe{
    width: 100%;
    overflow: hidden;
}
.l-gt2{
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
} 
.l-gt2 a{
    color: #333;
}
.l-gt2:hover a{
    color: #ffc20e;
}
.l-tin-top{
    width: 30%;
    float: left;
}
.l-tin-top img{width: 100%;}
.l-text{
    width: 70%;
    float: left;
    padding-left: 20px;
}
.head_tin a{color: #333;}
.head_tin a:hover{color: #ffc20e;}
.r-bando{
    padding-top: 20px;
    overflow: hidden;
}
.r-bando iframe{
    width: 100%;
    overflow: hidden;
}
.x12 img{
	width:100%;
}
.x12{text-align:justify}
ul.gallery li.course{
    background: url(/images/arrow.png) no-repeat center left;
    padding-left: 20px;
}
ul.gallery li.course:first-child{background:none;padding-left:0;}
.blacklink{ float:left; margin-bottom:10px; margin-left:5px;}
.blacklink a{ color:#fff!important;}
.blacklink a:hover{ color:#ffc20e;}
.clear{ clear:both;}
#content_project .group input {
    float: left;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    color: #000;
}
#content_project .group {
    float: left;
    width: 100%;
    margin-top: 15px;
}
#content_project  input[type='submit'] {
    float: left;
    padding: 6px 8px;
    background: #2A8ECC;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
}
#footer .phone{display:none;color:#ff0000}
#footer  .phone a{
	color:#fff;
	font-weight: bold;
    font-size: 18px;
}
#footer  .phone a:last-child{
    padding-right: 10px;
}
    #footer  .phone{
    display: block;
    background: url(/images/hot.png) no-repeat left -1px center;
    background-size: auto 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background-color: #d4181f;
    width: auto;
    border-radius: 50px;
    /* border: 1px solid #ff0000; */
    position: fixed;
    bottom: 30px;
    left: 5px;
    box-shadow: 1px 1px 4px #0d0c0c;
    color: #fff;
        box-shadow: 1px 1px 4px #0d0c0c;
		padding-left:45px!important;
    }
#support-247{ display:none;}
.dk_form{background:url(../img/bg_form.jpg); background-size:cover; width:100%; float:left;padding-bottom:20px; }
 .content_project3 {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    background: #1f2336;
    border-top: 3px solid #ffc20e;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px; 
}
.label_sign {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
}
#content_project input[type='submit'] {
    float: left;
    padding: 10px 15px;
    background: red;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
}

@media(max-width:767px){
#support-247{ position:fixed; width:100%; height:60px;bottom:0px; background:#1f2336; padding:5px 10px; display:block;} 
#support-247 .mmt-menu__item{ width:50%; float:left;}
#support-247 .mmt-menu__item .mt-tooltip{ width:100%; background:#bd7229; margin:5px; border-radius:5px;}
#support-247 .mmt-menu__item .mt-tooltip img{ width:22%; float:left; padding:5px;filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); margin-top:5px;}
#support-247 .mmt-menu__item .mt-tooltip .mmt-button__label{ color:#fff; width:70%; float:left; font-size:14px; padding:5px;}
.detail-new,.mutinews{ width:100%; margin-left:0%;}
.tin-news-2 .title h3{ line-height:25px; text-transform:uppercase; color:#215d5b;}
.tin-news-2 p {color: #303030;font-size: 16px;} 

}
@media(max-width:480px){
  	.right_tin .tin-news-2 .n1{ width:100%; height:205px; margin-bottom:15px;} 
	.dk_form{ background:none;} 
}