@charset "utf-8";
/* CSS Document */

html{margin-top:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#101010; margin:0px; background-color:#f2f2f2;}

img{max-width:100%; height:auto; border:none;}
p{line-height:20px;}
a{color:#df1411;}
a:hover{color:#000;}
a, a:hover{text-decoration:none;}
ul{margin:0; padding:0; }
table {width:100%;border-collapse:collapse; line-height:25px;}
table td { border:#2a2a2a solid 1px; padding:1px; vertical-align:middle; padding-left:5px; padding-right:5px; vertical-align:middle;}
.italic {font-style: italic;}
.float-left{float:left;}
.float-right {
float: right;
margin-left: 15px;
padding: 5px;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clearb {clear:both;}
.center{text-align:center;}

.wrapper{width:1000px; margin:0 auto; position:relative; background-color:#FFFFFF;}
/*header*/
#header{min-height:100px; }

.logo{ }
.logo img{border:none;}

.block-mang-xh{width:183px; float:right;}
.mang-xh{width:66px; float:right;}
.mang-xh img{margin-left:3px; margin-top:5px;}
.select-number, .select-string {
height: 24px;
width: 115px;
float: left;
margin-top:5px;
}

/*section*/
#section{}
#section .slide-show{ width:100%;  }
#section .slide-show img{max-width:100%;}

#section .about-us{text-align:center; color:#000;}
#section .about-us img{margin-bottom:10px;}
#section .about-us h1{font-size:13px; font-weight:normal;}

.content-section{ padding-bottom:5px;}
.content-section .block{padding-top:10px;}
.block-index{}
.block-index >div{width:68%; float:left; margin-right:1%; margin-bottom:10px;}
.block-index >div:nth-of-type(2n+2){margin-right:0; width:30%;}

.block-category{}
.block-category >div{ }
.block-category >div >h3{margin:0; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; padding:7px 0; border:1px solid #8a8a8a; font-weight:normal; margin-bottom:15px;
	/*border radius*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*shadow*/
	-moz-box-shadow: 0px 5px 10px #373737;
	-webkit-box-shadow: 0px 5px 10px #373737;
	box-shadow: 0px 5px 10px #373737;
	/*background*/
	background-image: linear-gradient(bottom, #890000 37%, #df1411 100%);
	background-image: -o-linear-gradient(bottom, #890000 37%, #df1411 100%);
	background-image: -moz-linear-gradient(bottom, #890000 37%, #df1411 100%);
	background-image: -webkit-linear-gradient(bottom, #890000 37%, #df1411 100%);
	background-image: -ms-linear-gradient(bottom, #890000 37%, #df1411 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, #890000),
		color-stop(1, #df1411)
	);
}
.block-category >div .content{padding:10px;}
.block-category >div .content .info{margin-bottom:10px;}
.block-category >div .content .info img{border:1px solid #c9c9c9; float:left; margin-right:10px; width:140px; height:93px; margin-bottom:7px;}
.block-category >div .content .info p{padding:0; margin:0;}
.block-category >div .content ul{list-style:url(../images/list.png); margin-left:20px; margin-bottom:10px;}
.block-category >div .content ul li{padding:5px 0;}

/*block index 2*/
.block-index-2{}
.block-index-2 >div{}
.block-index-2 >div >h3{padding:10px 0; font-size:20px; font-weight:700; margin:0; margin-bottom:5px;}
.block-index-2 >div ul{list-style:url(../images/list-1.png); margin-left:20px; margin-bottom:10px;}
.block-index-2 >div ul li{padding:5px 0;}

.content-du-an{}
.content-du-an h2{font-size:12px; text-transform:uppercase; margin:0 0 10px 0;}
.content-du-an h2 a{color:#a70000;}
.content-du-an h2 a:hover{color:#101010;}
.content-du-an p{margin-bottom:20px;}

.video{}
.video iframe{width:100%; min-height: 205px; height:auto;}

.xem-them{width:77px; height:27px; line-height:27px; padding-left:35px; background:url(../images/xem-them.png) no-repeat top left; float:right; margin-bottom:7px;}

.read-more{width:65px; height:20px; line-height:20px; padding-left:25px; background:url(../images/read-more.png) no-repeat center left; float:right; margin-bottom:7px;}


/*block index 3*/
.block-index-3{}
.block-index-3 >div.left{width:32%; float:left; margin-bottom:10px;}
.block-index-3 >div.left >h3{padding:10px 0; font-size:20px; font-weight:700; margin:0; margin-bottom:5px;}
.jcarousel-index { height:116px !important;}
.jcarousel-index ul{}
.jcarousel-index ul li{padding:7px 0; line-height:18px;height:116px !important;}

.block-index-3 >div.right{width:64%; float:right; padding:15px 10px;
	/*border radius*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*background*/
	background-image: linear-gradient(bottom, #B5B5B5 43%, #D1D1D1 100%);
	background-image: -o-linear-gradient(bottom, #B5B5B5 43%, #D1D1D1 100%);
	background-image: -moz-linear-gradient(bottom, #B5B5B5 43%, #D1D1D1 100%);
	background-image: -webkit-linear-gradient(bottom, #B5B5B5 43%, #D1D1D1 100%);
	background-image: -ms-linear-gradient(bottom, #B5B5B5 43%, #D1D1D1 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.43, #B5B5B5),
		color-stop(1, #D1D1D1)
	);
}
/*slide khach hang*/

#flexisel {/*display:none;*/}
.nbs-flexisel-container {position:relative;	width:950px; margin-left:23px;}
.nbs-flexisel-ul {position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center;}
.nbs-flexisel-inner {overflow:hidden; float:left; width:100%;}
.nbs-flexisel-item {float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-item img {width:160px; height:103x; cursor: pointer; positon: relative; border:1px solid #CCCCCC; padding:2px; margin-right:10px;}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 22px; height: 22px; position: absolute;	cursor: pointer; z-index: 100; opacity: 0.5;}
.nbs-flexisel-nav-left {left: 10px;	background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {right: 5px; background: url(../images/button-next.png) no-repeat;}


/*footer*/
#footer{ padding:15px 0; background-color:#2e3192; font-size:14px;}
#footer p {font-size:13px;}
#footer h1 {font-size:14px; color:#fff; font-weight:bold;}
#footer .block{width:55%; float:left; color:#fff; font-size:12px; margin-left:15px;}
#footer .block1{width:35%; float:right; color:#fff; font-size:12px; margin-left:15px;}
#footer .block ul{list-style:url(../images/list-2.png); margin-left:30px;}
#footer .block ul li{padding:5px 0;}
#footer .block h2{font-size:13px; font-weight:700; text-transform:uppercase; color: #fff; margin:0 0 10px 0;}
#footer .block1 a {color:#FFFFFF;}
#footer .block:nth-of-type(2n+2){margin-right:0;}
.copy-right{font-size:11px; color:#fff; margin:0; padding:0; text-align:center;}
.copy-right a{color:#fff;}
.copy-right a:hover{color:#785959;}

/*template*/
.content-left{width:30%; float:left;}
.content-left .block{ }
.content-left .block >h3{margin:0; font-size:15px; color:#fff; text-align:center; text-transform:uppercase; padding:5px 0;  font-weight:bold; 
	/*border radius*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*shadow*/
	-moz-box-shadow: 0px 5px 10px #c8c8c8;
	-webkit-box-shadow: 0px 5px 10px #c8c8c8;
	box-shadow: 0px 5px 10px #c8c8c8;
	background-color:#df1411;
}
.content-left .block .content{padding:10px; padding-bottom:15px;}

.mod-category{list-style:url(../images/list.png); margin-left:20px;}
.mod-category li{padding:5px 0;}

.mod-bloglist{}
.mod-bloglist li{padding:10px 0; background:url(../images/li-news.png) repeat-x left bottom; min-height:45px; list-style:none;}
.mod-bloglist li img{width:90px; height:64px; border:1px solid #c9c9c9; padding:1px; background:#fff; float:left; margin-right:7px;}
.mod-bloglist li h2{font-size:13px; margin:0; padding:0; font-weight:normal; line-height:20px;}

.content-right{width:68%; float:right; margin-left:15px;}
.content-right .block{}
.content-right .block >h3{font-size: 20px;font-weight: 700;margin: 0; background:url(../images/h3-right.png) no-repeat top left; height:35px; line-height:35px; padding-left:55px; border-bottom:3px solid #df1411;}
.class-h1{font-size: 14px;font-weight: 700;margin: 0; background:url(../images/folder-title.jpg) no-repeat top left; height:35px; line-height:35px; padding-left:13px; border-bottom:2px solid #df1411; text-transform:uppercase; color:#d81c14; font-size:16px;}
.content-right .block .content{padding:10px; border:1px solid #ccc;/* background:#fbfbfb;*/
	/*background*/
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align:justify;
}
.content-right .block .content h1{font-size:18px; color:#df1411;}
.content-right .block .content h2{font-size:14px; text-transform:uppercase;}

.ul-list{list-style:url(../images/list-2.png); margin:10px 20px;}
.ul-list li{padding:5px 0;}

.txt-color{color: #df1411;}
.news-other{}
.news-other >h4{height:30px; background:url(../images/h3-other.png) no-repeat top left; line-height:30px; padding-left:40px; font-size:18px; margin-bottom: 15px;}
.news-other ul{list-style:url(../images/list-2.png); margin-left:55px;}
.news-other ul li{padding:5px 0;}

.news-item{background:url(../images/li-news.png) repeat-x left bottom; padding:10px 0; min-height:135px;}
.news-item img{width:185px; height:124px; float:left; margin-right:15px; border:1px solid #ddd; padding:2px;}
.news-item p{margin-top:5px;}
.date-time{font-size:11px; color:#afafaf; margin:0; padding:0;}
.news-item h2{text-transform:none !important; margin:0; margin-bottom:10px;}

.kh-item{background:url(../images/li-news.png) repeat-x left bottom; padding:15px 0; min-height:60px;}
.kh-item img{width:135px; height:59px; float:left; margin-right:10px; border:1px solid #ddd; padding:2px;}
.kh-item p{margin-top:5px;}
.kh-item h2{text-transform:none !important; margin:0; margin-bottom:7px;}

.contact-info{}
.contact-info ul{margin-bottom:7px; list-style:none;}
.contact-info ul li{padding:7px 0;}
.contact-info ul li .info-left{float:left; width:100px;}
.contact-info ul li .info-right{margin-left:100px;}
.contact-info ul li span{color:#fcd6281f0}

#form-wrapper{margin-top:10px; float:left; position: relative; width:100%;}
#form-wrapper ul{list-style:none !important;}
#form-wrapper:before, #form-wrapper:after
{z-index: -1; position: absolute; content: ""; bottom: 15px;left: 10px; width: 50%; top: 80%; max-width:300px;}
#form-wrapper:after
{  -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;  left: auto;
}
#form-wrapper .button{padding:0.3% 1%; margin-right:1%;}
#form-wrapper li{padding:0.5% 0; clear:both;}
#form-wrapper li label{width:100px; float:left;}
#form-wrapper li input, #form-wrapper li textarea{width:250px;}
#form-wrapper li .button{padding:3px 10px;}
#form-wrapper li:last-child input{width:65px; float:left; margin-top:15px;}
#form-wrapper li span{color:#f00;}

/**/
/*form bottom
-----------------------------------------------------*/
#form-dk{position: fixed; width:145px; bottom:0px; right:15px; z-index:999;}
#headerDiv, #contentDiv {
float: left;
width: 510px;
}
#titleText {
float: left;
font-size: 1.1em;
font-weight: bold;
margin: 5px;
}
#myHeader {
font-size: 1.1em;
/*font-weight: bold;*/
margin: 5px 3px;
}
#headerDiv {
background:url(../images/title-httt.png) no-repeat top left;
color: #9EB6FF; width:145px; height:30px; line-height:30px; text-transform:uppercase; font-size:12px; text-align:center;
}
#contentDiv { width:145px;
	background-image: linear-gradient(bottom, #7C0000 42%, #A00000 100%);
	background-image: -o-linear-gradient(bottom, #7C0000 42%, #A00000 100%);
	background-image: -moz-linear-gradient(bottom, #7C0000 42%, #A00000 100%);
	background-image: -webkit-linear-gradient(bottom, #7C0000 42%, #A00000 100%);
	background-image: -ms-linear-gradient(bottom, #7C0000 42%, #A00000 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.42, #7C0000),
		color-stop(1, #A00000)
	);
	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#myContent {
	width:145px;/* padding:10px; padding-top:100px;*/
}
#myContent ul{}
#myContent ul li{padding:10px 5px; border-bottom:1px solid #df1411; text-align:center; color:#fff;}
#myContent ul li p{margin:0;}
#myContent ul li span{color:#d6281f; text-transform:uppercase;}
#myContent ul li img{margin:5px;}
#headerDiv a {
float: right; color:#fff; text-decoration:none;
}
#headerDiv a:hover {
color: #d6281f; text-decoration:none;
}

.visa {background:url(../images/bgdanhsach.jpg) no-repeat center top; padding-top:37px; height:120px;}

.folder, .folder-small {
    margin-bottom: 18px;
}
.folder ul li {padding-bottom:10px;}
.folder-title {
    background: url("../images/folder-title.jpg") no-repeat scroll 0 0 #fff;
    font: 13px arial;
}
.folder-title {
    height: 41px;
}
.link-title {font-weight:bold; font-size:13px;}
.folder-activeleft {
    height: 29px;
    width: 2px;
}
.folder-active {
    padding: 13px 23px;
}

.link-folder {
    color: #d4281b;
    font: bold 16px arial;
    text-decoration: none;
	text-transform:uppercase;
}
a.link-folder:hover {
    color: #ffd6281f0;
}
.folder-activeright {
    background: url("../images/bg_corner.gif") no-repeat scroll -5px -23px #f4f5f6;
    height: 21px;
    width: 2px;
}
.folder-titleright {
    background: url("../images/bg_corner.gif") no-repeat scroll -5px -46px #f4f5f6;
    height: 21px;
    width: 2px;
}
.fr {
    float: right;
}
.folder-content {
    font: 12px arial;
    padding: 15px 5px 0px 10px;
}
.folder-topnews {
    width: 437px;
}
.img-subject {
    border: 1px solid #a5a5a5;
    margin-right: 8px;
    margin-top: 2px;
	padding:3px;
	width:196px;
	height:143px
}
.folder-content p {
    margin-bottom: 4px;
    margin-top: 0;
}
.folder-content {
    font: 12px arial;
	border:1px solid #CCCCCC;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.folder-othernews {
    width: 180px;
}
.cottrai {float:right; width:684px; }
.cotphai{float:left; width:298px;}
.nenkhung {background: url("../images/4bg.jpg") no-repeat top center; width:298px; height:234px;}
.nenkhung a { float: left;
    height: 69px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 112px; color:#FFFFFF; margin: 38px 3px 3px 25px; font-size:20px; text-align:center;}
	.nenkhung a:hover {color:#FF0000;}
.cotphai .block >h3{margin:0; font-size:15px; color:#fff; text-align:center; text-transform:uppercase; padding:5px 0;  font-weight:bold; 
	/*border radius*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*shadow*/
	-moz-box-shadow: 0px 5px 10px #c8c8c8;
	-webkit-box-shadow: 0px 5px 10px #c8c8c8;
	box-shadow: 0px 5px 10px #c8c8c8;
	background-color:#2e3192;

}
.cotphai .block .content{padding:10px; border:1px solid #CCCCCC;}
.cotphai .block .content .info{margin-bottom:10px;}
.cotphai .block .content .info img{border:1px solid #c9c9c9; float:left; margin-right:10px; width:140px; height:93px; margin-bottom:7px;}
.cotphai .block .content .info p{padding:0; margin:0;}
.cotphai .block .content ul{list-style:none; margin-left:5px; margin-bottom:10px;}
.cotphai .block .content ul li{padding: 5px 0;
height: 70px;}

.div-yahoo{color:#004593; margin-top:10px;}
.div-yahoo span{color:#eb3e00;}
.div-yahoo img{float:left; margin-right:10px; padding-top:7px;}


.sign-up {
    background: url("../images/bgtk-1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 29px;
    margin: 0 auto;
    position: relative;
    width: 263px;
}
.sign-up-xuly_input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    color: #236a7a;
    font-size: 13px;
    font-style: italic;
    height: 25px;
    line-height: 29px;
    width: 224px;
	margin-top:5px;
}
.sign-up-bnt_search {
    background: url("../images/btn-search-1.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 29px;
    margin-top: 5px;
    width: 79px;
}
.videotrangchu {min-height:234px; float:left; margin-top:-3px;}
.videotrangchu > div {
     background-color: #e6e6e6;
    float: left;
    margin: 0 11px 10px 0;
    text-align: left;
    width: 208px;
}
.videotrangchu > div p a {color:#333333;}
.videotrangchu > div p a:hover {color:#d81c14;}

.height-product{ height:230px !important;}

.videotrangchu > div img {padding: 5px; width: 197px; height:140px;}
.content ul{ margin-left:5px;}

.phantrang{background: none !important;
width: 100% !important;
text-align: center !important; margin-top:10px !important;}
.phantrang span{padding:5px 10px; background:#00679D; color:#fff;}
.phantrang a{  padding:5px 10px; background:#0094E1;color:#fff;}

/**/
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
	.wrapper{width:98%; margin:0 auto;}
	.logo{width:100% !important;}
	.cotphai {display:none;}
	.cottrai {    float: none;    width: 100%;}
	.content-right {
    width: 100%;
    float: none; margin-left:2px;
}
}


@media screen and (max-width: 568px){
	/*section 2*/
	.block-index >div{float:none; width:100%; margin-right:0;}
	#footer .block{float:none; width:100%; margin-right:0; margin-left:2px;}
	#footer .block1 {float:none; width:100%; margin-left:2px;}
	.block-index-3 >div.left, .block-index-3 >div.right{float:none; margin-right:0; width:100%;}
	.block-index-3 >div.right{padding:15px 0;}
	.logo{width:100% !important; float:none; text-align:center;}
	
	.content-right, .content-left{float:none; width:100%; margin-left:0px;}
	#form-wrapper li input, #form-wrapper li textarea{margin-left:0;}
	.cottrai {margin-left:0px; float:none; width:100%;}
	.cottrai .folder-topnews {    width: 100%; }
	.cottrai .img-subject {    width: 98%; }
	.cottrai .folder-othernews {    width: 97%; }
	.floatleft {float:none;}
	.videotrangchu > div {width:47%;}
	.cotphai {width:100%; margin-right:0px;}
	.cotphai .nenkhung{}
	.news-item img {width:100%;}
	.news-other ul {margin-left:10px;}
	.videotrangchu > div img {padding: 5px;    width: 95%;}
	#footer h1 {   font-size: 14px;    font-weight: bold}
	#footer p {
    font-size: 13px;
}
}


@media screen and (max-width: 360px){
	 
	.videotrangchu > div {width:100%;}
 
}
.content-right .block .content ul {margin-left:15px;}

.videotrangchu > div p {height:60px; padding-left:5px;}

.cbo_val{width: 221px;
height: 60px;
margin-top: 4px;}
.link-subfolder {color:#FF0000; }
.subfolder {margin-right:20px;}

.counter {
    background: url("../images/tktc.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-left: 20px;
    padding-left: 45px;
}
.counter p {
    line-height: 22px !important;
}
.counter-span {
    color: #f00;
}
.trangcon { border:none; padding:0px;}