/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face */
@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face
{
	 font-family: 'robotoRe';
	 src: url('../fonts/Roboto-Regular.ttf');
}
@font-face
{
	 font-family: 'robotoB';
	 src: url('../fonts/Roboto-Bold.ttf');
}

@font-face { font-family: 'font2'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'font4'; src: url('../fonts/UTMHelvetIns.eot'); src: url('../fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMHelvetIns.woff2') format('woff2'), url('../fonts/UTMHelvetIns.woff') format('woff'), url('../fonts/UTMHelvetIns.ttf') format('truetype'), url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'font3'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'font1'; src: url('../fonts/RobotoSlab-Bold.eot'); src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Bold.woff2') format('woff2'), url('../fonts/RobotoSlab-Bold.woff') format('woff'), url('../fonts/RobotoSlab-Bold.ttf') format('truetype'), url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'); font-weight: bold; font-style: normal; }


/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#3e3e3e; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
/*input:focus{ outline:1px solid #f97d17;}*/
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:0px; list-style: inside;}

/*--Phan trang*/
.phantrang{
	text-align:center;
	background:rgba(0,0,0,0);
	padding:5px 0px;
	margin-top:15px;
}
.phantrang a {
    background:#0b73b4;
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    margin: 10px 0 10px 4px;
	padding: 6px 10px;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.phantrang span{
	padding:3px 10px 5px;
	background:#f97d17;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF;
}

.phantrang a:hover {
    background: none repeat scroll 0 0 #0b73b4; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #0b73b4;   
    box-shadow: none;
    color: #FFF;
	font-weight:bold;
	}/*----------------------------------------------------*/
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 5px; right:5px; text-align:center; cursor:pointer;}
.button{ padding:7px 10px; background:#54a407 ; background-size:100% 100%; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.full{
    overflow: hidden;
}

.center{ width:1200px; margin:0 auto; position:relative; }
.w-ajax{ width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.frm-l{ width:30%; float:left; margin-bottom:10px;}
.frm-r{ width:70%; float:left; margin-bottom:10px;}
.frm-r input[type="text"],.frm-r input[type="email"],.frm-r textarea{ width:100%;}
.w-clear:after{ content:""; display:block; clear:both;}
.mrt15{ margin-top:15px;}
.lh-l{ width:50%; float:left; padding-right:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #CCC;}
.lh-r{ width:50%; float:left;  padding-left:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-left:1px solid #CCC; margin-left:-1px;}
.lh-con-l{ width:30%; float:left; margin-bottom:10px;}
.lh-con-r{ width:70%; float:left; margin-bottom:10px;}
.lh-con-lvh{ visibility:hidden;}
.ipct{ width:100%;}
.tact{ width:100%;}
.smenu{ display:none; background:url(../img/bg-menu.png); padding:5px; color:#FFF;}
.smenu img{ margin-left:10px;}
.smenu a{ color:#FFF;}
.menu_desk { position: relative;}
.menu_desk > ul { list-style: none; float: right; position: relative; margin: 0px;}
.menu_desk > ul > li { float: left; position: relative; text-align: center;}
.menu_desk > ul > li h2{font-size: 14px;}
.menu_desk > ul > li.line { background: url(../images/line_menu.png); width: 1px; height: 23px; margin-top: 6px;}
.menu_desk ul li a { color: #333; text-transform: uppercase; font-size: 15px; padding: 8px 27px; display: block; font-family: 'font2';}
.menu_desk > ul > li:hover > a { color: #007e1b; text-decoration: none;}
.menu_desk > ul > li.active > a { color: #d50000;}
.menu_desk ul ul { list-style: none; min-width: 150px; width: auto; position: absolute; z-index: 99; background: #fff; visibility: hidden; opacity: 0; top: 100%; 
  transition: 0.4s; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#050203)";/*IE 8*/ -moz-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 2px 3px rgba(5, 2, 3, 0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#050203); /*IE 5.5-7*/ 
}
.menu_desk ul ul li { width: 100%; border-top: 1px solid rgb(0,0,0,0.1); position: relative; max-height: none; line-height: normal; text-align: left; }
.menu_desk ul > li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; }
.menu_desk ul ul ul { left: 100%; top: 0px; }
.menu_desk ul ul li:hover > ul { visibility: visible; opacity: 1; transition: 0.4s; top: -1px; }
.menu_desk ul ul li a { padding: 10px 10px; font-size: 14px; color: #000; display: block; text-transform: none; white-space: nowrap;}
.menu_desk ul ul li a:hover { color: #fff; text-decoration: none; background: #007e1b;}
.menu_desk h2, .menu_desk h3 { line-height: normal; margin: 0px;}
.menu_desk > ul > li:last-child ul{right: 0;}
.menu_desk > ul > li:last-child ul ul{right: 100%; left: auto;}
.imenu{ cursor:pointer;}

span.dangxuat{ cursor:pointer;}

.banner-top{background: #007e1b;}
.banner-top:after{display: block;content: "";clear: both;}
.banner-dn{float: right;}
.banner-lh{float: left;font-family: RCR; font-size: 15px;}

.banner-lh .hotline{float: left; background: url(../images/head2.png) no-repeat center left; padding: 9px 0px 7px 28px; color: #fff; }
.banner-lh .hotline span{color: #f6ff00;}
.banner-lh .email{float: left;background: url(../images/head3.png) no-repeat 0px center; padding: 9px 0px 7px 28px; color: #fff; margin-right: 30px;}

.banner-top-right{float: right;font-family: RCR; font-size: 13px;}
.banner-top-right .sodomap{float: left; padding: 7px 30px 6px 30px; color: #fff; border-right: 1px solid #f2f2f2;}
.banner-top-right .sodomap #flags a{margin:0 3px;}
.banner-top-right .banner-dn{float: left;padding: 10px;}
.banner-top-right .banner-dn .dangky{ padding: 5px 10px 5px 40px; background: url(../img/dangki.png) no-repeat 10px center ;}
.banner-top-right .banner-dn .dangnhap{ padding: 5px 10px 5px 40px; background: url(../img/sign-in.png) no-repeat 10px center;}
.banner-top-right .banner-dn .dangxuat{ padding: 5px 10px 5px 40px; background: url(../img/sign-out.png) no-repeat 10px center;}
.banner-top-right a{color: #fff;}
.banner-top-right a:hover{color: #f6ff00; text-decoration: none;}
.banner-bot{
    padding: 12px 0px;
}

.banner-gh{ font-family: RL; color:#8f8f8f; font-size:15px; position: fixed; right: 0px; top: 140px; z-index: 999;}
.banner-gh .giohang-img{ float: left; position: relative;}
.banner-gh .giohang-img div{ 
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #ea0000;
    border: 1px solid #ccc;
    top: 37px;
	left: 0px;
    color: #FFF;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.giohang-img p
{
	    position: absolute;
    right: 20px;
    top: 18px;
	font-family:robotoB;
	font-size:14px;
	text-transform:uppercase;
	color:#ff0000;
}
.name-gh{ float: right;    margin-top: 20px;text-transform: uppercase;}
.banner-gh a{ color:#8f8f8f;}
.logo{ float: left;}

.logo-mobi{
    display: none;
    float: right;
}
.danhmucsp{
    float: left;
    font-family: RCR;
    font-size: 18px;
    color: #FFF;
    line-height: 24px;
    background: url(../img/smenu.png) no-repeat 10px center;
    padding: 10px 14px 10px 50px;
    background-color: #346703;
    border-right: 1px solid #efefef;
}
.danhmucsp  a{color: #fff}
.danhmucsp  a:hover{color: #fff}
.deal{
    float: left;
    font-family: RL;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    padding: 13px 30px ;
}
div.deal-cont {display:block !important;}
.deal:hover{
    background: #346703;
}
.menu-banner-h{
    display: none;
}
.logo-h img{height: 44px; float: left;}
#search-h {float: left; margin-left: 30px;}
.banner-gh-menu{ float:right; font-family: RL; color:#8f8f8f; font-size:15px;    margin-top: 13px;}
.banner-gh-menu .giohang-img{ float: left; position: relative; width: 45px;}
.banner-gh-menu .giohang-img div{ 
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #ea0000;
    border: 1px solid #ccc;
    top: -6px;
    right: 12px;
    color: #FFF;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.banner-gh-menu .name-gh{ float: right;    margin-top: 0px;text-transform: uppercase;}
.banner-gh-menu a{ color:#FFF;}

.se-bot-hide{
    border: none !important;
    padding: 5px 0px;
}
.input-hide{
    height: 30px !important;
    border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    font-size: 13px !important;
}
.select-hide{
    border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    height: 30px !important;
    font-size: 13px !important;
}
.button-hide{
    
    height: 30px !important;
}
.menu-slider{
    width: 100%;
}
#menu{ float: left; width: 225px;position: absolute;top:44px;left: 0px;background: #ffff;z-index: 1;}
.hienthidanhmuc{z-index: 999999999999999999999999!important;}
#slide{ float: left; width:100%; position: relative;}

.slider-m{
    width: 100%;
    float: left;
    /*border: 1px solid #efefef;*/
}
.qc{
    width: 210px;
    float: right;
}


.menu-line{ background:url(../img/menu-line.png) no-repeat right;}
.menu-line:last-child{ background:none;}


.m-menu{
    float: right; margin-top: 18px;
}



.menu{ 
    margin:auto; 
    position:relative;
    /* background: #FFF; */
    /* border: 1px solid #efefef; */
}

.menu ul{
    list-style: none;
    margin: 0px;
}

.my-menu{
    display: block;
    position: relative;
    font-size: 15px;
    font-family: RobotoRegular;
}

.my-menu li{
    padding: 22px 0px 22px 45px;
    position: relative;
}
.my-menu li:after{
    background: url(../img/my-menu-shadow1.png) no-repeat center;
    height: 15px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    z-index: 999;
}
.menu-at{
    background: url(../img/at-menu1.png) no-repeat center;
    height: 11px;
    width: 7px;
    position: absolute;
    top: calc(50% - 5px);
    right: -1px;
    content: "";
    z-index: 999;
    display: none;
}

.my-menu li:first-child:after{
    background: none;
}
.my-menu li a{
    color: #141414;
	text-decoration:none;
	font-family:robotoB;
	text-transform:uppercase;
}
.my-menu li:hover a{
    color: #54a407;
    text-decoration: none;
}


.menu-content{
    display: none;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: #54a407;
    padding: 3px 10px;
    font-family: RobotoRegular;
}
/*Menu ---- responsive*/
.wrap {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition:  left 0.4s ease-in-out;
    -moz-transition:  left 0.4s ease-in-out;
    -ms-transition:  left 0.4s ease-in-out;
    -o-transition:  left 0.4s ease-in-out;
    transition:  left 0.4s ease-in-out;
}
.wrap.open-sidebar {
    left: 240px;
}
 
.swipe-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f3f3f3;
    z-index: 0;
}
#sidebar {
    background: #FFF;
    position: absolute;
    width: 240px;
    height: 100%;
    left: -240px;
    top: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 9999;
}
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-family: RobotoRegular;
}

#sidebar ul li {
    margin: 0;
    position: relative;
    padding-left: 45px;
}

#sidebar ul li:after{
    background: url(../img/my-menu-shadow.png) no-repeat center;
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0px;
    content: "";
    z-index: 999;
}
#sidebar ul li:last-child:after{
    background: none;
}

#sidebar ul li a {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 100;
    color: #141414;
    text-decoration: none;
    display: block;
    -webkit-transition:  background 0.3s ease-in-out;
    -moz-transition:  background 0.3s ease-in-out;
    -ms-transition:  background 0.3s ease-in-out;
    -o-transition:  background 0.3s ease-in-out;
    transition:  background 0.3s ease-in-out;
}
#sidebar ul li:hover a {
}
#sidebar-toggle {
}

.menu-r-show{display: none; z-index: 9999;}
.touch-menu{
    z-index: 980;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    content: '';
    -webkit-transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
    transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
    display: none;
}

/*End menu*/

.cat-nb-content{
    padding: 20px 5px;
    background: #FFF;
    outline: 1px solid #FFF;
    outline-offset: 1px;
}
.menu-item img{
    width: 100%;
}
.menu-item .name{
    width: 100%;
    color: #54a407;
    padding: 7px 0px;
    border: 1px solid #54a407;
    text-align: center;
}
.menu-item .name:hover{
    color: #FFF;
    background: #54a407;
}
.menu-item a:hover{
    text-decoration: none;
}

.cat-content{
    margin-top: 10px;
}
.menu-item2 .name{
    color: #FFF;
    padding: 7px 0px;
    border: 1px solid #fff;
    margin-bottom: 10px;
    text-align: center;
}
.menu-item2 .name:hover{
    color: #71be0f;
    background: #FFF;
}
.menu-item2 a:hover{
    text-decoration: none;
}

.sp-list{
    margin-bottom: 30px !important;
}
.all-c{
    text-align: center;
}
.xemtatca{
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    background: #FFF;
    display: inline-block;
}
.xemtatca a{
    color: #dfdfdf;
}

.box-prod:nth-child(4n+1){clear: left;}
.box-pr{
    margin-bottom: 25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.box-pr .img-pr{
    width: 100%;
}
.box-pr .img-pr img{
    width: 100%;
    height: auto;
}
.box-pr .info{
    background: #fff; margin-top: 5px; border: 1px dashed #d9d9d9; padding: 10px; text-align: center;
}
.box-pr .info .name{margin-bottom: 7px;}
.box-pr .info .name h3{font-size: 15px; margin: 0px;}
.box-pr .info .name a{
    color: #4d4d4d; font-family: 'font3';
}
.box-pr .info .price{
    text-align: center; font-size: 14px;
}
.box-pr .info .price span{display: inline-block;}
.box-pr .info .price span.ban{
    color: #ff0000; font-family: 'font2';
}
.box-pr .info .price span.cu{
    color: #595959; margin-left: 8px; text-decoration: line-through;
}
.box-pr:hover .info .name a{color: #007e1b;}

.dh-tt{ width:500px; margin:auto;}

#search{ float: left;    margin: 2px 0px 0px 325px;}

.se-bot{  text-align:center;font-size: 15px; font-family: RL; color: #8f8f8f; border: 2px solid #dddddd; margin: 0px auto;}
.se-bot div{ float: left;}
.se-bot div input[type="text"]{ width:390px; border: none; height: 40px;}
.se-bot div input[type="text"]:focus{border:1px solid #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.se-bot div select{ width:200px; height: 40px; border: none; font-size: 15px; font-family: RL; color: #8f8f8f; border-right: 1px solid #b9b9b9;}
#se-btn{ background: url(../img/search.png) no-repeat center ;background-color:#71be0f; text-indent: -9999px; width: 68px; height: 40px; border-radius: 0px;}
#se-btn-h{ background: url(../img/search.png) no-repeat center ;background-color:#71be0f; text-indent: -9999px; width: 68px; height: 40px; border-radius: 0px;}

.main-tit{ border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.main-tit h2{
    font-size: 25px;
    font-weight: 400;
    float: left;
    margin: 0px;
    padding: 5px 0px;
    border-bottom: 3px solid #54a407;
}
.main-tit:after{ display: block; content: ""; clear: both;}

.col-a{ width:49%; float:left; border:1px solid #b1e049; border-radius:10px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px;}
.col-b{ width:49%; float:left; margin-left:2%; border:1px solid #b1e049; border-radius:10px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px;}

.box-spbc img{ width:100%;}

.menu-bot{ font-family:Tahoma, Geneva, sans-serif; font-size:15px; text-transform:uppercase; text-align:center;  background:#eaeaea; padding:5px;}
.menu-bot a{ padding:0px 10px;}

#footer{ background:#007e1b;}
.col-foot-l{float: left; width: 40%; padding: 50px 50px 10px 50px;}
.col-foot-r{float: right; width: 60%;}
.name_foot{text-align: left; font-family: 'font2'; color: #fff; text-transform: uppercase; font-size: 15px; margin-bottom: 8px;}
.line_foot{background: url(../images/line_foot.png) repeat-x; height: 2px; margin-bottom: 15px;}
.map_home iframe{width: 100%; height: 358px;}
.name_company{font-family: 'font4';text-transform: uppercase;font-size:30px;color:#f6ff00; margin-bottom: 14px;}
.foot_info{font-size: 13px; padding-left: 40px; margin-bottom: 10px; color: #fff; font-family: 'font3'; min-height: 32px; padding-top: 8px;}
.foot1{background: url(../images/foot1.png) no-repeat 0px 0px;}
.foot2{background: url(../images/foot2.png) no-repeat 0px 1px;}
.foot3{background: url(../images/foot3.png) no-repeat 0px 2px;}
.foot4{background: url(../images/foot4.png) no-repeat 0px 1px;}
#bottom{background: #006316; padding: 14px 0px; font-size: 13px; color: #fff; font-family: 'font3';}
.copyright{float: left;}
.copyright span{color: #f6ff00; font-family: 'font2';}
.thongke{float: right;}
.thongke span{margin: 0px 10px;}
.thongke b{color: #f1d609;}


.ft-1{ width:calc(100% - 650px); float:left;}
.ft-2{ width:250px; float:left; margin-left:50px;}
.ft-3{ width:250px; float:left; margin:0px 50px;}

.baiviet-c{
    padding: 20px 0px;
}
.baiviet-tit{
    font-family: RL;
    font-size: 18px;
    color: #232323;
    text-transform: uppercase;
}

.baiviet-i{
    list-style: none;
    margin: 0px;
}

.baiviet-i li a{
    color: #707070;
    font-size: 13px;
    font-family: RobotoRegular;
}
.ipdk{ border: 1px solid #ececec ; width: 100%; height: 36px;}
.dk-tit{
    font-family: RB;
    font-size: 15px;
    color: #323232;
}

.mangxh{
    text-align: center;
}
.mangxh a:hover{
    text-decoration: none;
}

.chamsoc-c{
    padding: 40px 0px 30px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: url(../img/bg-chamsoc.png) no-repeat center top;
}

.chamsoc-tit{
    font-family: RB;
    font-size: 15px;
    color: #323232;
    text-transform: uppercase;
	margin-bottom:10px;
}

.chamsoc{
   background: url(../img/chamsoc.png) no-repeat center left;
    padding-left: 35px;
    font-family: RCR;
    font-size: 30px;
    color: #dd0000;
}
.dknhanmail{
    position: relative;
}
.btn-dknhanmail{
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../img/btn-dknhanmail.png) no-repeat center;
    background-color: transparent;
    width: 93px;
    height: 36px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    text-transform: uppercase;
}
.ttkhachhang {}
.diachi-tt{
    background: url(../img/diachi.png) no-repeat top left;
    padding-left: 30px;
	font-family: RobotoRegular;
}
.dienthoai-tt{
    background: url(../img/dienthoai.png) no-repeat top left;
    padding-left: 30px;
	font-family: RobotoRegular;
}
.email-tt{
    background: url(../img/mail.png) no-repeat top left;
    padding-left: 30px;
	font-family: RobotoRegular;
}
.website-tt{
    background: url(../img/website.png) no-repeat top left;
    padding-left: 30px;
	font-family: RobotoRegular;
}

.ft-tit{ text-transform:uppercase;  font-size:20px; font-family: RCR;}
.ttlh {margin:25px 0px;}
.hotrothanhtoan{
    text-align: right;
	margin:25px 0px;
}
.hotrothanhtoan img{margin:5px 0px;}
.uft li{ list-style:url(../img/li-ft.png) inside;}
.uft li a{ color:#FFF;}
.uft li a:hover{ color:#FF0;}

.spbc{ margin:20px 0px 0px; border:1px solid #dedede; padding:1px; position:relative;}
.spbc:before{ width:35px; height:calc(100% - 2px); top:1px; left:1px; background:#92d400; display:block; content:""; position:absolute; z-index:99;}
.spbc:after{ width:35px; height:calc(100% - 2px); top:1px; right:1px; background:#92d400; display:block; content:""; position:absolute; z-index:99;}
.slick-spbc{ margin:0px 35px;}
.spbc-tit{ border-bottom:1px solid #c5c5c5; margin:10px 0px 0px 50px;}
.spbc-tit h2{ float:left; background:#FFF; margin-bottom:-5px; font-size:13px; font-weight:normal; text-transform:uppercase; color:#ff0000;}
.slick-spbc .slick-prev{ top:40% !important; left:-25px !important; z-index:999 !important;}
.slick-spbc .slick-next{ top:40% !important; right:-25px !important; z-index:999 !important;}

#container{ margin:30px auto; overflow:hidden;}
.left{ width:260px; float:left; margin-right:20px;}
.right{ width:1018px; float:left; border:1px solid #dfdfdf;}
.content{ text-align:justify; padding:10px 15px;}

.i-l{ width:470px; float:left;}
.i-r{ width:260px; float:left; margin-left:20px;}

.box-news{ margin-bottom:15px; color:#656565;}
.box-news:after{ display:block; content:""; clear:both;}
.box-news-img{ width:125px; float:left; margin-right:10px; padding:2px; border:1px solid #CCC;}
.box-news-img img{ width:100%;}
.box-news h3{ font-size: 15px; margin: 0px; margin-bottom: 10px;}
.box-news a{color: #000; font-family: 'font2'; font-size: 15px;}
.box-news-xt{ font-size:11px; text-align:right;}
.box-news-xt a{ color:#F00;font-family: 'font3'; font-size: 13px;}

.w-fb{ width:300px; position:fixed; top:200px; left:-260px; z-index:9999; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.fb-con{ width:260px; float:left;}
.fb-tit{ width:40px; float:left; cursor:pointer;}
.w-fb:hover{ left:0px;}

.w-httt{ width:300px; position:fixed; top:200px; right:-260px; z-index:9999; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.httt-con{ width:calc(260px - 22px); float:left; background:#FFF; padding:10px; border:1px solid #CCC; min-height:157px;}
.httt-tit{ width:40px; float:left; cursor:pointer;}
.w-httt:hover{ right:0px;}

.map-tit div{ float:left; cursor:pointer; padding:5px 20px; background:#f2f2f2; color:#000; margin-right:1px;}
.map-tit div.active{ background:#0099ff; color:#FFF;}
.map{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.box-map{ height:300px; position:relative; border:1px solid #0099ff;}
.map-top{ z-index:9999;}

.linkdan{
    padding: 10px 0px;
}
.linkdan a{
    color: #999999;
}
.ct-content{
    padding: 20px;
    border: 1px solid #ccc;
    background: #FFF;
    margin-bottom: 20px;
}
.ct-l{ width:calc(40% - 20px); float:left; }
.ct-r{ width:60%; float:right;}
.ct-sp-name h2{ 
    color: #000;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
}
.ct-sp{
    line-height: 22px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
}
.ct-mota{
    padding: 5px;
}
.ct-price{
    padding: 5px 0px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.noidung-ct{
    padding: 10px !important;
    background: #FFF;
}
.real-price-ct{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}
.real-price-ct span{
    text-decoration: line-through;
}
.sale-price-ct .sale{
    display: inline-block;
    font-family: RCR;
    font-weight: bold;
    color: #df0000;
    font-size: 36px;
    line-height: 60px;
}
.sale-price-ct .percent{
    display: inline-block;
    font-family: RL;
    font-size: 16px;
    color: #FFF;
    background: url(../img/percent.png) no-repeat;
    background-size: 100% 100%;
    padding: 3px 10px 3px 17px;
    margin-left: 6px;
}
.vnd{
    vertical-align: super;
    font-size: 80%;
    text-decoration:none !important ;
}
.sl-cont{
    padding: 5px 0px;
}
.sl-tit{
    display: inline-block;    
    margin-right: 15px;
    color: #898989;
    vertical-align: middle;
}
.sl-sp{display: inline-block;}

.ct-view{
    font-family: RL;
    font-size: 16px;
    color: #acacac;
    background: url(../img/view.png) no-repeat center left;
    margin: 5px 0px;
    padding: 5px 0px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    padding-left: 30px;

}

.addthis_native_toolbox{
    margin: 10px 0px;
}

.link-lienket{
    position: fixed;
    top: calc(50% - 50px);
    right: 0px;
    z-index: 99999999;
}
.link-lienket div{
    margin-bottom: 5px;
}

#trangchu{ background:url(../img/bg-trangchu.png); padding:20px 0px 0px;}
.box-tc{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:300px; border:5px solid #cfcfcf; float:left; margin:0px 33px 20px 0px; background:#FFF; padding:5px; text-align:center; position:relative; overflow:hidden; padding-bottom:20px;}
.box-tc-img{}
.box-tc-img img{ width:100%;}
.box-tc h3{ font-family:"Times New Roman", Times, serif; font-size:18px; margin-top:10px;}
.box-tc-des{ position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); overflow:auto; left:0px; top:100%; z-index:99; background:rgba(0,0,0,0.6); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; color:#FFF; padding:10px;}
.box-tc:hover .box-tc-des{ top:0px;}

#hl-fix{ position:fixed; bottom:0px; right:0px; background:url(../img/hotline-fix.png) no-repeat; background-size:100% 100%; width:385px; height:98px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#FF0; padding:40px 0px 0px 90px; z-index:999;}

.box-sp{ width:265px; float:left; margin:0px 46px 20px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #d9d9d9; box-shadow:5px 5px #e5e5e5; -webkit-box-shadow:5px 5px #e5e5e5; -moz-box-shadow:5px 5px #e5e5e5; padding-bottom:10px; font-size:14px; color:#2d2d2d;}
.box-sp-img{ padding:5px;}
.box-sp-img img{ width:100%;}
.box-sp h3{ font-size:14px; margin:5px 10px 0px; font-weight:normal; border-bottom:1px solid #CCC;}
.box-sp-xct{ text-transform:uppercase; width:80%; margin:auto; background:#e3e3e3; margin-top:10px; padding:5px 0px;}
.box-sp a{ display:block; color:#2d2d2d;}
.box-sp a:hover{ color:#F00;}
.box-sp-gia{ margin:5px 10px 0px;}
.box-sp-gia span{ color:#ff0000;}

.iu{ margin-left:20px;}
.iu li{ list-style:url(../img/i-li.png) outside;}

.left-box{ border:1px solid #dfdfdf;}
.left-tit{ color:#FFF; text-transform:uppercase; font-size:15px; font-weight:bold; font-family:"Times New Roman", Times, serif; background:url(../img/bg-menu.png); background-size:100% 100%; text-align:center; padding:10px 5px; position:relative; margin-bottom:10px;}
.left-tit:before{ position:absolute; width:100%; height:9px; left:0px; bottom:-9px; display:block; background:url(../img/bong-left.png) no-repeat; background-size:100% 100%; content:"";}
.uleft-dm{ margin:5px 0px 0px;}
.uleft-dm li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; border-bottom:1px solid #dfdfdf; list-style:url(../img/left-li.png) inside; padding:5px; position:relative;}
.uleft-dm li:last-child{ border-bottom:none;}
.uleft-dm li a{ display:block;}
.uleft-dm li ul{ display:none; position:absolute; top:-1px; left:100%; border:1px solid #dfdfdf; margin:0px; background:#FFF; z-index:999;}
.uleft-dm li:hover ul{ display:block;}
.uleft-dm li ul li{ white-space:nowrap; min-width:200px;}
.left-hl{ position:relative;}
.left-hl img{ width:100%;}
.left-hl div{ position:absolute; left:0px; bottom:0px; width:100%; padding:10px 0px; background:rgba(238,0,0,0.8); text-align:center; color:#FFF; font-size:18px; font-weight:bold;}
.left-hl div strong{ font-family:Tahoma, Geneva, sans-serif; font-size:24px;}
.box-ht{ margin-bottom:10px; border-bottom:1px solid #dfdfdf; padding:10px; font-size:12px; font-weight:bold;}
.box-ht:last-child{ border-bottom:none;}
.box-ht-name{ font-size:14px;}
.box-lnews{ height:75px; overflow:hidden; border-top:1px dashed #cacaca; background:url(../img/bg-left-news.png) repeat-x top; padding:10px;}
.box-lnews-img{ width:80px; float:left; margin-right:10px;}
.box-lnews-img img{ height:65px !important;}
.box-lnews h3{ font-size:12px; font-weight:normal; line-height:15px;}
.box-lnews p{ font-size:11px; color:#858585; font-style:italic;}
.box-lnews a{ color:#000;}
.box-lnews a:hover{ color:#F00;}
.tienitweb{ font-family:"Times New Roman", Times, serif; font-size:14px; padding:5px 5px 5px 40px;}
.lk-tit{ margin:10px 0px 0px 20px; text-decoration:underline;}
.lk-web{ box-shadow:-1px -1px #d6d8d8 inset; width:70%; margin-left:15%; margin-bottom:10px; border:1px solid #d6d8d8; padding:5px 0px; text-align:center;}
.box-video{ padding:0px 5px;}
.uleft-vi{}
.uleft-vi li{ font-family:RL; font-size:13px; list-style:url(../img/i-video.png) inside; cursor:pointer;}

/* Comment */
.commemt-form{ margin-top:20px; width:500px;}
.commemt-form .input{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.commemt-form .button{ padding:5px 25px; margin-top:5px; float:right;}
.cf-hd{ display:none;}
.cf-hd div{ margin-bottom:10px;}
.comment-item{ margin-bottom:10px;}
.comment-item h3{}
.comment-item h3 span{ padding:2px 7px; background:#CCC; color:#FFF; margin-right:5px;}

/* Reponsive video */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom: 1em;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.mdt-l{ width:820px; float:left;}
.mdt-r{ width:180px; float:left; position:relative;}
.pop-dnsv{ background:#FFF; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:absolute; top:37px; right:0px; z-index:999; width:230px; box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; display:none;}
.pop-dnsv div{ margin-bottom:5px;}
.pop-dnsv-l{ width:30%; float:left;}
.pop-dnsv-r{ width:70%; float:left;}
.pop-dnsv-r input{ border:1px solid #CCC; padding:4px; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%;}
.pop-dnsv input[type="submit"]{ margin-right:10px; background:url(../img/bg-btn-dnsv.png); background-size:100% 100%; padding:5px 10px; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.pop-dnsv a{ color:#009fe7;}
.pop-dnsv a:hover{ color:#F00;}

.i-dnsv{ margin-top:8px; cursor:pointer;}
.mdt-sv{ background:url(../img/bg-tensv.png); background-size:100% 100%; color:#FFF; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-transform:uppercase; text-align:center; margin-top:5px; white-space:nowrap;  text-overflow: ellipsis; overflow:hidden;}
.mdt-sv a{ color:#FFF;}
.mdt-sv a:hover{ color:#FF0;}

.sv-tit{ border-bottom:2px solid #fd430f; background:url(../img/bg-sv-tit.png) no-repeat left; padding-left:20px; margin-top:15px; font-family:TexB; color:#023857; text-transform:uppercase;}
.sv-tit:first-child{ margin-top:0px; }
.dt-tit{ border-bottom:2px solid #fd430f; font-family:TexB; color:#023857;}
.svu{ margin:10px 0px 10px 30px; color:#3e3e3e;}

.frm-log{ width:300px; margin:10px auto; box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.mgb10{ margin-bottom:10px;}

.tb-dt{ width:100%; border-collapse:collapse; margin-top:20px;}
.tb-dt th,.tb-dt td{ border:1px solid #CCC; padding:5px;}
.tb-dt th{ background:#0180c9; color:#FFF;}
.tb-dt tr:nth-child(odd) td{ background:#69A6CA; color:#FFF;}


.box-tin{ border-bottom:1px solid #dfdfdf; margin-bottom:10px; position:relative; padding-bottom:10px;}
.box-tin-img{ float:left; margin-right:15px;}
.box-tin h3{}
.box-tin a{ color:#003e93;}
.box-tin a:hover{ color:#F00;}
.box-tin-l{ width:120px; display:inline-block; font-weight:bold;}
.box-tin-r{ display:inline-block;}
.box-tin:last-of-type{ border-bottom:none;}
.box-tin-ngaydang{ position:absolute; bottom:10px; right:20px;}
.box-tini .box-tin-img img{ width:135px;}

.box-tinr{ margin-bottom:5px; border-bottom:1px solid #e2e2e2; padding-bottom:10px;}
.box-tinr-img{ width:140px; float:left; margin-right:10px;}
.box-tinr h3{ margin-bottom:5px;}
.box-tinr-gia{ margin-top:10px;}
.box-tinr-gia span{ font-size:18px; font-weight:bold; color:#e20000;}
.box-tinr:last-of-type{ border-bottom:none;}

.tbl-tin{ width:100%;}
.tbl-tin tr td{ border:1px solid #d8d7d7; padding:5px;}
.tbl-tin span.required{ color:#F00; font-size:18px; font-weight:bold;}

.box-hoidap{ margin-bottom:10px; border:1px solid #92d400; background:#92d400; padding:5px;}
.box-hoidap-tit{ cursor:pointer; padding:5px;}
.box-hoidap-con{ display:none; background:#FFF; padding:10px;}
.frm-hd{}
.frm-hd input[type="text"]{ width:98%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box-hoidap-con1{ background:#FFF; padding:10px;}
.box-hoidap-1{ }
.box-hoidap-1 textarea{ width:400px; height:50px; padding:5px;}
.box-hoidap-2{ margin-top:5px;}

.frm_dktd{}
.frm_dktd textarea{ width:100%;}
.frm_dktd input[type="text"]{ width:100%;}
.frm_dktd select{ padding:5px; width:100%;}

.tbl-qltin tr:nth-child(odd){ background:#f2f2f2;}

/* Tab */
.ct-tabs{
    margin-bottom: 20px !important;
}

.box-tab-tit{ margin-top:10px;}
.tab-tit{ float:left; background:#92d400; padding:5px 20px; margin-right:5px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; color:#FFF; cursor:pointer; font-weight:bold;}
.tab-tit-at{ background:#FFF; color:#555555; border:1px solid #92d400; border-bottom:none; margin-bottom:-1px;}
.box-tab{ border:1px solid #92d400; padding:10px;}
.ctab{ display:none;}
.dpb{ display:block;}

.btn-mua{ background:#54a407; color:#FFF; padding:5px 20px; font-size:18px; margin:5px 0px;}

.display-gt .baiviet-i{
    display: none;
}



.wrap_name{margin-bottom: 30px;}
.wrap_name .name{text-align: center; color: #007e1b; font-family: 'font1'; text-transform: uppercase; font-size: 27px; margin-bottom: 10px;}
.wrap_name .name h1{line-height: normal; font-size: 27px; font-weight: normal;}
.wrap_name .line{background: url(../images/line_name.png) no-repeat center 0px; height: 21px;}
.wrap_name .name2{color: #fff200;}
.wrap_name .line2{background: url(../images/line_name2.png) no-repeat center 0px;}
#about_home{padding: 40px 0px;}
.img-about{float: left; width: 570px;}
.info-about{float: right; width: calc(100% - 610px);}
.des_ab{line-height: 25px; font-family: 'font3'; font-size: 14px;}
.view_ab{margin-top: 20px; text-align: left;}
.view_ab a{display: inline-block; color: #fff; font-family: 'font3'; font-size: 14px; background: #2190e1; border-radius: 5px; padding: 8px 15px;}
.view_ab a:hover{background: #007e1b; color: #fff; text-decoration: none;}
#why{padding: 40px 0px 20px; background: url(../images/bg_why.jpg) no-repeat center center; background-size: 100% 100%; position: relative;}
#why .icon{background: url(../images/nu.png); width: 260px; height: 401px; position: absolute; left: 50%; transform: translate(-50%,0);bottom: -20px;}
.item_why{float: left; width: 468px; position: relative; margin-bottom: 40px;}
.item_why:nth-child(2n+1){clear: left;}
.item_why .img{float: right; width: 149px;}
.item_why .info{float: left; width: calc(100% - 165px); color: #fff; text-align: right; padding-top: 10px;}
.item_why .info .name{font-family: 'font2'; font-size: 16px; margin-bottom: 8px;}
.item_why .info .des{font-family: 'font3'; font-size: 14px; line-height: 25px;}
.item_why_r{float: right;}
.item_why_r .img{float: left;}
.item_why_r .info{float: right; text-align: left;}
#news{background: #f2f2f2; padding: 40px 0px;}
.wrap_swiper{overflow: hidden;}
.item_ttnb .date{position: absolute; left: 15px; top: -22px; color: #fff; display: inline-block; background: #000; padding: 10px;}
.item_ttnb .info{background: #fff; padding: 35px 15px 15px; position: relative;}
.item_ttnb .name{margin-bottom: 8px;}
.item_ttnb .name a{font-family: 'font2'; font-size: 15px; color: #000; display: block;}
.item_ttnb .des{font-family: 'font3'; line-height: 22px; color: #333;}
.item_ttnb:hover .name a{color: #007e1b;}
#other{padding: 40px 0px;}
.col-other-l{float: left; width: 358px;}
.col-other-r{float: right; width: calc(100% - 388px);}
.name_other{text-align: left; color: #007e1b; font-family: 'font1'; text-transform: uppercase; font-size: 27px; margin-bottom: 5px;}
.line_other{background: url(../images/line_other.jpg) no-repeat 0px 0px; height: 3px; margin-bottom: 24px;}
.big_vd{float: left; width: 50%;}
.big_vd .item_vd{width: 100%;}
.small_vd{float: right; width: 50%;}
.item_vd{float: left; padding-left: 15px; margin-bottom: 15px;}
.small_vd .item_vd{width: 50%;}
.small_vd .item_vd:nth-child(2n+1){clear: left;}
.item_vd a{color: #333;}
.item_vd .img{position: relative;}
.item_vd .img img{width: 100%; height: auto;}
.item_vd .img .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center center;}
.item_vd_1{width: 50%; padding-left: 0px;}
.item_vd .name{padding-top: 8px; font-family: 'font2'; font-size: 14px;}
.item_vd:hover a{color: #007e1b; text-decoration: none;}