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

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

img{max-width:100%; height:auto; border:none;}
p{line-height:20px;}
a{color:#101010;}
a:hover{color:#b30101;}
a, a:hover{text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
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;
border: 1px solid #f2f2f2;
background: #fff;
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:1188px; margin:0 auto; position:relative;  background-color:#fff;}
.wrapperfooter{width:100%; margin:0 auto; position:relative;  background-color:#a1a1a1; padding:10px 0;}
.wrapperheader{width:100%; margin:0 auto; position:fixed; top:0; z-index:99999;   background-color:#a1a1a1;}
/*header*/
#header{background-color:#fff; width: 1180px;
    margin: 0 auto; margin-top:33px;}

.logo{width:96px; margin:0 auto}
.logo img{border:none;}
#section {background-color:#fff;}
.content-section{background-color:#fff;}
.block-mang-xh{width:88px; float:right; margin-top: 10px;}
.mang-xh{width:116px; float:left;}
.mang-xh img{margin-left:3px;}
.select-number, .select-string {
overflow: hidden;
background:url(../images/bg-select.png) no-repeat;
height: 24px;
width: 115px;
float: left;
}
div.select-number select {
width: 115px;
border: none;
-webkit-appearance: none;
background: none;
padding-top: 3px;
height: 24px;
}

.search {
    margin-top: 3px;
    
    float: right;
    width: 23%;
    height: 30px;
    position: relative;
}
#popup_up_link{margin-left:-30px}
.search input[type=text] {
    float: left;
    text-indent: 15px;
    height: 25px;
    width: 83%;
    border: 1px solid #CCCCCC;
    color: #898888;
	padding:0;
    font-size: 12px;
	border-radius: 2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
background-color:#FFFFFF
}
.search input[type=submit] {
    width: 15%;
    height: 27px;
    background: url(../images/ico_search.jpg) no-repeat left center;
    border: none;
}

.head_hotline {
    float: right;
	width:23%;
}
.hotliner{    font-size: 15px;
    line-height: 12px;
    color: #fff;}
.hotliner img {margin-left:10px;}

   

.slide-show {  width:100%;}

#news_review{width:75%; margin:0 auto;text-align:center; }
#news_review p{padding:0 5px;font-size: 19px; line-height: 19px}
#news_review  a{color:#7b7b7b; }


#section .slide-show img{max-width:100%; margin:0 auto}

#section .about-us{background:#2f0000 url(../images/bg-about.png) repeat-x left bottom; text-align:center; padding:15px 0; color:#fff;}
#section .about-us img{margin-bottom:10px;}
#section .about-us h1{font-size:13px; font-weight:normal;}
.content-section .block{margin-bottom:10px;}
.block-index { }
.block-index >div{width:99%; float:none; }
 
.h3index{margin:0; font-size:15px; text-align:left; padding:0; color:#fff; font-weight:bold; }
.h3index a {color:#fff;  font-weight:bold; text-transform:uppercase;  }
.h3index a:hover {color:#FFFF00;}
.block-category >div .content{padding:0 10px; padding-left:0px;}
.block-category >div .content img{margin-bottom:7px;}
.block-category >div .content ul{list-style:url(../images/list.png); margin-left:14px;}
.block-category >div .content ul li{    padding: 1px 0;
    float: left;
    width: 118px;}
.block-category >div .content p,a{}
.block-category >div .content a:hover{color:#37d710;}
/*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;}

.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 {}
.jcarousel-index ul{list-style:url(../images/list-2.png); margin-left:15px;}
.jcarousel-index ul li{padding:7px 0; line-height:18px;}

.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;
	 
}
/*slide khach hang*/

#flexisel {/*display:none;*/}
.nbs-flexisel-container {position:relative;	max-width:100%;}
.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:135px; height:59px; cursor: pointer; positon: relative;}
/*** 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;}
.bgnau {background-color:#fdf4e5;}
.bgtrang {background-color:#fff;}
.bgtrang p{font-size:11px;}
.bgnau p{font-size:11px;}
.bgtrang span a{text-decoration:underline;}
.bgxam {background-color:#f5f4f0}
.bgxam p{font-size:11px;}
.bgxam span a{text-decoration:underline;}
.bgnau span a{text-decoration:underline;}
.hoatdong{    float: left;
    width: 48%; text-align:center;
    margin-right: 5px;}
.doitac img{float:left; margin-right:10px; width:60px;}	

/*footer*/
#footer{ padding:5px 0; padding-bottom:0px; width:1180px; margin:0 auto;}
#footer .block{width:40%; float:left; margin-left:20px; margin-bottom:10px; font-size:12px;}
#footer .block p {line-height:16px;}
#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: #e98023; margin:0 0 10px 0;}
#footer .block:nth-of-type(2n+2){margin-right:0; width:55%; margin-top:20px; }
.copy-right{font-size:11px;  margin:0; padding:0; text-align:center;}
 

/*template*/
.content-left{width:22%; float:left; margin-left:10px; margin-top:10px;}
.content-left .block{margin-bottom:15px; background:#e1dddb;padding-top: 10px;}

.content-left .block .content{padding:10px; padding-bottom:15px;}
.google {border:3px solid #640101; width:706px; margin:0 auto;}
.mod-category{list-style:url(../images/list.png) inside;}
.content-left a{color:#000;}
.content-left a:hover{color:#666666;}
.liactive {background-color:#d7d7d7;}
.mod-category li{padding:5px 0;}
.level3 {    padding-left: 30px;
    list-style: url(../images/list.png) inside;
}}
.mod-bloglist a{color:#FFFFFF;}
.mod-bloglist li{padding:10px 0; border-bottom:1px dotted #0033FF; min-height:45px;}
.mod-bloglist li img{width:60px; height:40px; padding:1px;  float:left; margin-right:7px;}
.mod-bloglist li h2{font-size:12px; margin:0; padding:0; font-weight:normal; line-height:20px;}

.mod-products{}
.mod-products >div{width:24.7%; float:left; margin-bottom:17px; text-align:left; border: 1px solid #f5f5f5;
    overflow: hidden;
    background-color: #FFFFFF;}
.mod-products >div:nth-of-type(4n+4){border-right:none !important;}
.mod-products >div h2{font-size:13px; text-transform:none; margin:0; margin-top:15px; line-height:20px; color:#3d3d3d;}
.mod-products >div h2 a{color:#ae7e17;}
.mod-products >div h2 a:hover{color:#c40026;}
.new, .sale {
    position: absolute;
    top: 0;
    right: 0;
}
.productsinfo {
    position: relative; padding:10px;     padding-bottom: 0px; text-align:center;
}
.mod-pro >div{margin-bottom:30px;}

.mod-pro-detail >div{width:225px;}

.mod-pro-detail >div{margin-bottom:0 !important;}
.img-pro-detail{float:left; margin-right:15px; margin-top:10px;}

.content-right{width:75%; float:right; margin-top:10px;}
.content-right .block{}
.class-h1{ }
.tieude {  text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    height: 22px;
    line-height: 22px;
    text-align: left;
 
    border-left: 3px solid;
    margin-bottom: 26px;
    padding-left: 10px;
    border-bottom: 1px dotted; margin-top: 10px; color:#023a78;}
.tieude1 {font-size: 13px;font-weight: 700;margin: 0; height:35px; line-height:35px; text-align:left; padding-left:20px; background-color:#ed1c24; color:#FFFFFF; text-transform:uppercase; }

.content-right .block .content h1{font-size:18px; color:#b30101;}
.content-right .block .content h2{font-size:14px;min-height: 40px;}
.content-right .block .content a{color:#a41916;}
.ul-list{list-style:url(../images/list-2.png); margin:10px 20px;}
.ul-list li{padding:5px 0;}
.hotlineright {float:right; width:376px; margin-top:9px;}
.icon_head {float:left;}
.content-index{width:100%; float:none; }

.txt-color{color: #b30101;}
.news-other{}
.news-other >h4{height:20px; border-left:3px solid #FF9900; border-bottom:1px dotted #FF9900; line-height:20px; padding-left:5px; font-size:14px; margin-bottom: 15px;}
.news-other ul{list-style:url(../images/list-2.png); margin-left:25px;}
.news-other ul li{padding:5px 0;}

.news-item{padding:10px 0; border-bottom:1px solid #ececec; clear:both; min-height:130px; }
.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; height:200px; }
.kh-item img{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;}
.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:#fcff00}

#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 {width:250px;}
#form-wrapper li textarea{width:500px;}
#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: 12px;
/*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;}
#myContent {
	width:145px;/* padding:10px; padding-top:100px;*/
}
#myContent ul{}
#myContent ul li{padding:10px 5px; border-bottom:1px solid #b30101; text-align:center; color:#fff;}
#myContent ul li p{margin:0;}
#myContent ul li span{color:#ff0;}
#myContent ul li img{margin:5px;}
#headerDiv a {
float: right; color:#fff; text-decoration:none;
}
#headerDiv a:hover {
color: #fF0; text-decoration:none;
}


.search-box {
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    margin-bottom: 10px;
    float: right;
}

.search-box form {
    line-height: 0;
}
.search-box input[type="text"] {
    border:1px solid #c6c6c6;;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 0 21px 0 15px;
    width: 160px;
}
.search-box input[type="text"]:focus {
    border-color: #f9e7bc;
}
.search-box input[type="button"], .search-box input[type="submit"] {
    background: #fff url("../images/icon-search.png") no-repeat scroll 50% 50%;
    border-radius: 0;
    display: block; border:none;
    height: 21px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1px;
    text-indent: -9999px;
    top: 1px;
    width: 28px;
}

#bttopleft {
   display:none;
}

.m_phone {
    background: #019b35 url(../images/m_phone.png) no-repeat 10px center;
    width: 90px;
    padding-left: 32px;
    height: 33px;
    position: absolute;
    bottom: 30%;
    left: 2%;
    font-weight: bold;
    color: #fff;
    line-height: 33px;
}
._font {
    float: left;
    height: 18px;
    font: 14px/16px Arial; padding-top:8px;
}


/***********/
.tr_mobile
{
  display:none!important;
}
.tr_pc
{
 display: block !important;
width: 124px;
float: left;
margin-top: 5px; margin-left:20px;
}


/************/
.d_mneu_mobile
{
    margin: 0px auto;
    background: #e10717 repeat-x;
    width: 100%;
    margin-top: 15px;
    float: left;
    position: relative;
     height:45px;
	 overflow:hidden;
}
.phan-trang{    font-size: 14px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;}
.phan-trang a{color:#fff; padding: 5px 10px;
    background: #FF803B;}
.phan-trang a:hover{    /* color: #fff; */
    background: #CA4E0B;}
.phan-trang span{    font-size:14px;
    padding: 5px 10px;
    background: #CA4E0B;
    color: #fff;}
	
	
.div-info { width:430px; float:right;}
.div-info ul {
    list-style: outside none none;
}
.div-info li {
    border-bottom: 1px dotted #dddddd;
    font-size: 14px;
    height: 42px;
    line-height: 30px;
    padding: 6px 0;
}
.div-info li .label {
    padding-left: 20px;
    position: relative;
    width: 24%;
}
.div-info li .text {
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.div-info li .label::before {
    color: #999999;
    content: "+";
    font-size: 16px;
    left: 0;
    position: absolute;
}
.div-info li .text::before {
    color: #333;
    content: ":";
    font-size: 14px;
    left: 0;
    position: absolute;
}
.fl {float:left;}
.div-info .price_old {
    color: #333;
    font-size: 14px;
}
.div-info .price {
    color: #e71e1e;
    font-weight: bold;
}

.frame_images{ width:450px;  float:left}

.giohang_tk { margin-top:10px}
.giohang_tk td{ border:1px solid #ccc}
.giohang_tk input[type='button']{background: #ed1c24;
    color: #fff;
    border: none;
    padding: 6px 10px;
    margin: 5px 0px;
    text-transform: uppercase;
    font-size: 12px;}

.menu_giohang ,.tonggia { color:#fff; background:#ed1c24}

.phantrang{ display:block; width:100%; text-align:center}
.phantrang a{ padding: 5px 10px;
    background: #ed1c24;
    color: #fff;}
.phantrang span{    padding: 5px 10px;
    background: #b30910;
    color: #fff;}


.giohang_tk1{ border:none}
.giohang_tk1 td{ border:none !important}
.giohang_tk1 td input, .giohang_tk1 td select{     padding: 5px;
    width: 100%;
    margin: 2px 0px;
    border: 1px solid #ccc;
    max-width: 350px;}
	
	.giohang_tk1 td textarea{     padding: 5px;
    width: 100%;
    margin: 2px 0px;
    border: 1px solid #ccc;
    max-width: 450px; margin-bottom:0px;}

#submit_thanhtoan{background: #ed1c24;
    color: #fff;
    border: none;
    padding: 9px 10px !important;
    margin: 5px 0px;
    text-transform: uppercase;
    font-size: 12px;
    max-width: 129px;}


/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 350px;
	height: 204px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
.danhmucspindex1{width:792px; margin:0 auto;}
.danhmucspindex {float:left;width: 31%;
    margin-right: 20px; margin-bottom:20px;}
.danhmucspindex a{font-weight:bold; font-size:17px; text-transform:uppercase;}
.blockvideo {width:654px; margin:0 auto;}