/*-----------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*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin,vietnamese);
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.html') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.html') 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: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.html') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.html') 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: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.html') 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.html') 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: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.html') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

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

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


/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility; min-width: 1200px;}
a { text-decoration:none; color:#000; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; 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:15px; text-decoration: none !important;}
.tab-map-detail a {
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
}
#map_canvas iframe{
	width:100% !important;
	height:400px !important;
}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang a {background:#000;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 #f97d17; 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 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 5px; right:5px; text-align:center; display:none;}
.button{ padding: 2px 15px; background:#774f02; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.html) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 15px;font-family: RR;font-size: 20px;color: #5FA50E;border-bottom: 1px solid #5FA50E;}
.main-tit h2{font-size: 20px;font-weight: bold; margin: 0px;line-height: 35px; text-transform:uppercase;}
.box-tab-tit{margin-bottom: 10px;font-family: RM; text-transform: uppercase; color: #FFF; margin-top: 15px;}
.main-tit a{ margin-right: 15px; opacity: 0.5;}
.main-tit a.active,.main-tit a:hover{ color: #F00; opacity: 1;font-weight: bold;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{float: left; line-height: 30px; padding: 5px 15px 5px 20px; cursor: pointer; background: url(../img/bg-menu.html); background-size: 100% 100%; margin-right: 20px;}
.box-tab-tit div.active{ color: #FFF; background: url(../img/bg-menu-at.html); background-size: 100% 100%;}
.box-tab-con{display: none;}
.box-tab-con:first-child{display: block;}
.sub-arrow{display: none !important;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Banner */
#banner{ background: #FFF;width: 1200px;margin: auto;}
.banner-hl{position: absolute;top: 25px;right: 10px; font-family: RB; color: #f90000;text-transform: uppercase;font-size: 18px; text-shadow:2px 2px #FFF,-2px 2px #FFF,2px -2px #FFF,-2px -2px #FFF;}
.banner-hl img{position: relative;top: -10px;}

/* Menu */
#menu{ background:#383733; background-size: auto 100%;width: 1200px;margin: auto;}
.menu-l{width: calc(100% - 350px);float: left; font-family: RCB; font-size: 16px;}
.menu-r{width: 330px;float: right;padding-top: 5px;position: relative;}
.menu-r input{width: 100%; padding:3px 35px; background: url(../img/bg-se.png); background-size: 100% 100%;border: none;}
.menu-r input:focus{outline: none;}
.menu-r img{position: absolute;top: 10px;right: 20px;}

/* Slide */
#slide{width: 1200px;margin: auto;}

/* Footer */
/*#footer{ background: #bf810b; padding: 20px 0px; color: #FFF;font-family: RR;width: 1200px;margin: auto;}
.ft-top{height: 57px; background: url(../img/top-ft.jpg) no-repeat center top,#1e7101;width: 1200px;margin: auto;display: none;}*/
#footer{/* background: #1e7101; */padding: 20px 0px;color: #FFF;font-family: RR;/* border-top: 1px solid #ccc; */background: #bd8f4896;background: url(../../images/bg-footer.jpg);}
.ft-top{/* height: 57px; *//* background: url(../img/top-ft.jpg) no-repeat center top,#1e7101; */}
.ft-1{width: 26%;float: left;color: #fff;padding-right: 2%;font-family: RR;}
.ft-2{width: 17%;float: left;margin: 0px 20px;min-height: 1px;/* font-family: RCR; */color: #fff;}
.ft-3{float: right;width: 22%;color: #fff;}
/*.w-tk{ 
    background: #da9615;
    margin-bottom: 20px;
    padding: 10px 40px;
    border-radius: 0px 20px 0px 20px;
    border-bottom: 1px solid #af7507;
    border-right: 1px solid #af7507;
    border-top: 1px solid #af7507;
    border-left: 1px solid #af7507;
    font-size: 12px;
    line-height: 19px;
}*/
.w-tk{background: #195e01; margin-bottom: 20px; padding: 10px 40px;border-radius: 0px 20px 0px 20px;border-bottom: 1px solid #32bc02;border-right: 1px solid #32bc02;border-top: 1px solid #144d01;border-left: 1px solid #144d01;font-size: 12px;line-height: 19px;}
.tk-tit{font-weight: bold;text-transform: uppercase; color: #FF0;margin-bottom: 10px;}


/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;}

/* San pham */
.box-sp{width: 280px;float: left; margin: 0px 25px 20px 0px;text-align: center;}
.box-sp:hover{ box-shadow: 0px 0px 5px #CCC;}
.box-sp-img{position: relative; overflow: hidden;}
.box-sp-img img{width: 100%;max-height: 250px;}
.box-sp h3{font-size: 16px;font-family: RB;font-weight: normal; margin: 10px;}
.box-sp-xn{position: absolute; top: -100px;left: 0;width: 100%;text-align: center;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.box-sp-xn a{display: inline-block; padding: 5px; background: #258265; color: #FFF; border-radius: 5px;}
.box-sp:hover .box-sp-xn{top: 40%;}
.box-sp:nth-child(3n){margin-right: 0;}
.box-sp:nth-child(3n+1){clear: both;}
.ct-l{width: 48%;float: left;}
.ct-r{width: 48%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; margin: 0px 0px 15px; color: #F00; font-size: 24px; margin: 0px;}
.ct-sp-gia span{ color: #F00;font-weight: bold;}

/* Tin tuc */
.box-news{line-height: 20px;border-bottom: 1px solid #CCC; margin: 0px 0px 15px 0px;padding-bottom: 5px;}
.box-news-img{float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px;  max-width: 200px;}
.box-news h3{margin: 0px 0px 5px;font-size: 18px; font-family: RCR;padding-bottom: 5px;}
.box-news-date{ color: #bbbbbb;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
.box-newsi{width: 100%;float: none; margin: 0px 0px 15px;border: none;}
.box-newsi h3{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.box-newsi div{text-align: justify;}
.box-newsi .box-news-img{border-radius: 10px; overflow: hidden;}
.box-newsi .box-news-img img{border-radius: 8px; overflow: hidden;}

/* Container */
#container{ padding:20px 0px 20px;}
.content{ text-align:justify;}
.left{width: 23%;float: left;}
.right{width: 75%;float: right;}
#popup{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: #000;display: none;}
.pop-close{text-align: right;}
.pop-close img{cursor: pointer;}
.w-dt{border: 1px solid #69b2e9; padding: 10px 20px; margin-bottom: 15px;}
.dt-tit{text-transform: uppercase;color: #F00; font-family: RCB;}
.slick-doitac .slick-prev,.slick-doitac .slick-next{width: 26px !important; height: 45px !important;top: 20px !important;}
.slick-doitac .slick-prev{ background: url(../img/sprev.png) !important; background-size: 100% 100% !important; text-indent: -99999px;left: -33px !important;}
.slick-doitac .slick-next{ background: url(../img/snext.png) !important; background-size: 100% 100% !important; text-indent: -99999px;right: -33px !important;}
.left-tit{background: url(../img/bg-left-tit.png);background-size: 100% 100%;/* font-family: RSB; */padding: 5px 20px;text-transform: uppercase;font-weight: bold;color: #FFF;}
.left-tit a{color: #FFF;}
.w-ht{border: 1px solid #8dc54c; padding: 10px; background: url(../img/bg-left-ht.jpg) no-repeat top center; padding-top: 118px;}
.w-ht .hotline{ font-size: 24px; color: #c70000;font-family: RB; text-shadow:1px 1px #FFF,-1px 1px #FFF,1px -1px #FFF,-1px -1px #FFF; padding-left: 50px;}
.box-yh{font-size: 12px; color: #333333;line-height: 18px;margin-top: 10px;}
.yh-l{width: 36%;float: left;margin-right: 4%;text-align: center;}
.yh-r{width: 60%;float: left;font-size: 18px;}
.yh-r span{ color: #000; font-size: 18px;}
.ltt-tit{height: 37px; background: url(../img/bg-left-tit-t.png); background-size: 100% 100%; margin-top: 15px;}
.w-ltt{ border: 1px solid #8dc54c;border-top: none; box-shadow: 0px 0px 70px #c7ddaf inset;}
.left-box{padding: 10px;}
.box-lnews{}
.box-lnews-img{width: 90px; padding: 5px;border: 1px dashed #CCC;float: left;margin-right: 10px;}
.box-lnews h3{font-family: RCL; font-size: 13px;font-weight: normal;line-height: 18px;}
.box-lnews a{ color: #315c00;}
.box-lnews a:hover{ color: #F00;}
.left-dm{border: 1px solid #8dc54c;background: #504f48;}
.left-dm ul{margin: 5px 0px 0px;}
.left-dm ul li{list-style: none;padding: 5px 10px;border-bottom: 1px solid #b1a8a8;font-weight: bold;}
.left-dm ul li ul li{border: none;}
.box-video{width: 48%;float: left; margin: 0px 4% 20px 0px;}
.box-video:nth-child(2n){margin-right: 0;}
#sanpham{margin-top: 20px;}
.slick-sanpham .slick-prev,.slick-sanpham .slick-next{width: 26px !important; height: 45px !important;top: 20px !important;}
.slick-sanpham .slick-prev{ background: url(../img/sprev.png) !important; background-size: 100% 100% !important; text-indent: -99999px;left: -33px !important;}
.slick-sanpham .slick-next{ background: url(../img/snext.png) !important; background-size: 100% 100% !important; text-indent: -99999px;right: -33px !important;}
.gt a{width: 30%;display: inline-block;}
#banner .center img{
	max-height: 110px;
}
.banner-en{
	position: absolute;
    top: 0;
    right: 0;
}
.left-dm ul li a{
	color: #fff;
}
.block-prd-content{
	    width: 75%;
    float: right;
}
.logo-footer{
	float: right;
}
.line-footer-over{
	background: #f97242;
}
.bordernow{
	border-top: 1px solid #ccc;
	/* font-family: RR; */
	font-family: RCR;
}
#back-top img{
	border-radius: 50%;
}