::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
*{margin: 0; padding: 0;box-sizing:border-box;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {min-width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.video_popup {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo{ width:100%; padding:4px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}
.addthis_native_toolbox{margin:10px 0px; width:100%; clear:both;max-height:50px;overflow:hidden;
}
#toptop {width: 37px; height: 37px;position: fixed;bottom: 30px; right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition:0.5s;z-index:200;}
#toptop:hover{background: url(images/back_to_top.png) bottom center no-repeat;transition:0.5s;}
.clear{clear:both;}
img{max-width:100% !important; vertical-align:middle;}
div.bando img{max-width:none !important;}
.margin{margin-right:0px !important}
div.tt_lh{
	width:100%;
	/* float:left; */
	}
div.bando{
	width:100%;
	/* float:right; */
	}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	/* background:url(images/bg_body.png) repeat !important; */
}
@font-face {
    font-family: 'myFont';
    src: url('font/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'myFont';
    src: url('font/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'fonta';
    src: url('font/RobotoBold.eot');
    src: url('font/RobotoBold.eot') format('embedded-opentype'),
         url('font/RobotoBold.woff2') format('woff2'),
         url('font/RobotoBold.woff') format('woff'),
         url('font/RobotoBold.ttf') format('truetype'),
         url('font/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: 'fontc';
    src: url('font/RobotoCondensedBold.eot');
    src: url('font/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('font/RobotoCondensedBold.woff2') format('woff2'),
         url('font/RobotoCondensedBold.woff') format('woff'),
         url('font/RobotoCondensedBold.ttf') format('truetype'),
         url('font/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: 'UTMAvo';
    src: url('font/UTMAvo.eot');
    src: url('font/UTMAvo.eot') format('embedded-opentype'),
         url('font/UTMAvo.woff2') format('woff2'),
         url('font/UTMAvo.woff') format('woff'),
         url('font/UTMAvo.ttf') format('truetype'),
         url('font/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'avo_bold';
    src: url('font/avo_bold/utm-avobold.eot');
    src: url('font/avo_bold/utm-avobold.eot') format('embedded-opentype'),
         url('font/avo_bold/utm-avobold.woff2') format('woff2'),
         url('font/avo_bold/utm-avobold.woff') format('woff'),
         url('font/avo_bold/utm-avobold.ttf') format('truetype'),
         url('font/avo_bold/utm-avobold.svg#utm-avobold') format('svg');
}
@font-face {
    font-family: 'robotoCRe';
    src: url('font/robotoCRe/RobotoCondensed-Regular.eot');
    src: url('font/robotoCRe/RobotoCondensed-Regular.eot') format('embedded-opentype'),
         url('font/robotoCRe/RobotoCondensed-Regular.woff2') format('woff2'),
         url('font/robotoCRe/RobotoCondensed-Regular.woff') format('woff'),
         url('font/robotoCRe/RobotoCondensed-Regular.ttf') format('truetype'),
         url('font/robotoCRe/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}
@font-face {
    font-family: 'alter-gothic';
    src: url('font/alter-gothic/008vectordepvnutm-alter-gothic.eot');
    src: url('font/alter-gothic/008vectordepvnutm-alter-gothic.eot') format('embedded-opentype'),
         url('font/alter-gothic/008vectordepvnutm-alter-gothic.woff2') format('woff2'),
         url('font/alter-gothic/008vectordepvnutm-alter-gothic.woff') format('woff'),
         url('font/alter-gothic/008vectordepvnutm-alter-gothic.ttf') format('truetype'),
         url('font/alter-gothic/008vectordepvnutm-alter-gothic.svg#008vectordepvnutm-alter-gothic') format('svg');
}
@font-face {
    font-family: 'sfuMachine';
    src: url('font/sfuMachine/SFUMachineRegular.eot');
    src: url('font/sfuMachine/SFUMachineRegular.eot') format('embedded-opentype'),
         url('font/sfuMachine/SFUMachineRegular.woff2') format('woff2'),
         url('font/sfuMachine/SFUMachineRegular.woff') format('woff'),
         url('font/sfuMachine/SFUMachineRegular.ttf') format('truetype'),
         url('font/sfuMachine/SFUMachineRegular.svg#SFUMachineRegular') format('svg');
}
@font-face {
    font-family: 'robotoMe';
    src: url('font/robotoMe/Roboto-Medium.eot');
    src: url('font/robotoMe/Roboto-Medium.eot') format('embedded-opentype'),
         url('font/robotoMe/Roboto-Medium.woff2') format('woff2'),
         url('font/robotoMe/Roboto-Medium.woff') format('woff'),
         url('font/robotoMe/Roboto-Medium.ttf') format('truetype'),
         url('font/robotoMe/Roboto-Medium.svg#Roboto-Medium') format('svg');
}
div.none{
	display:none !important;
	}
div.wap{
	max-width:1366px;
	margin:auto;
	width:100%;
	position:relative;
	min-width:1200px;
	}
div.wapper
{ 
	position:relative;
 	margin:auto;
  	width:1200px;
  	padding:0px;
}
div#header
{
	position:relative;
	margin:auto;
	width:100%;
	background:#2ea8ff;
}
.top_head {display: none; position:absolute;width:100%;height:38px;top:0;left:0;right:0;background:url(images/bg_top.png) no-repeat;}
div#header .logo_head
{
	position: relative;
    width: 110px;
    height: 95px;
    z-index: 9999;
	float:left;
	margin: 18px 0px;
}
div#header .logo_head img{max-width:100%;max-height:100%; }
div#header .banner
{
	width:640px;
	height:auto;
	margin:auto;

}
div#header .banner img{max-width:100%;max-height:100%;    margin: 20px 0px 15px 0px;}
.r_header{position:absolute;top:85px;right:0;}
.hotline {
	width: 300px;
    float: right;
    font-family: Arial;
    font-size: 15px;
    color: #000000;
    line-height: 38px;
    text-align: center;
}
.hotline img {margin-right:5px;}
.hotline span{font-size:22px;color:#2ea8ff;}

div#menu_mobi
{
	display:none;
}
div#menu
{
	position:relative;
	background:url(images/bg_menu.png) repeat-x;
	height:49px;
	width:100%;
	line-height:48px;
	margin:auto;
    border-bottom: 2px solid #fff;
    z-index: 123;
    box-shadow: 0px 2px 7px #ccc;
}
div#menu ul
{
  list-style:none;
}
div#menu ul li
{
  float:left;
  position:relative;
  z-index:50;
  
}
div#menu ul li:after
{
	position:absolute;
	content:"";
	width:2px;
	height:47px;
	right:0;top:0px;
	background:url(images/line.png) no-repeat;
}
div#menu ul li.last:after{opacity:0;}
div#menu ul li a
{
	color: #3d3d3d;
    font-size: 17px;
    padding: 0px 45px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    font-family: robotoCRe;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2
{
	color: #014fa2;

}
div#menu ul li ul,div#menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;	
}
div#menu ul li:hover ul
{
	display:block;
}
div#menu ul li ul li
{
	width:230px;
	line-height:1.5;
	background:#e9e9e9;
	border-bottom:1px solid #fff;	
}
div#menu ul li ul li a
{
	padding:6px 10px;
	text-transform:none;
}
div#menu ul li ul li ul
{	
	left:230px;
	top:0px;
}
div#search
{
	position: relative;
    background: url(images/bg_search.png) no-repeat;
    height: 30px;
}
div#search input
{
	padding: 6px 15px;
    float: left;
    border: none;
    background: none;
    width: 239px;
    outline: none;
    font-size: 13px;
    color: #3e3e3e;
    line-height: normal;
    background: transparent;
    font-family: myFont;
}
div#search button
{
	float: right;
    background: transparent;
    font-family: Arial;
    color: #fff;
    border: 0;
    position: relative;
    top: 7px;
    right: 7px;
}

div#slider
{
	width:100%;
	position:relative;
	margin:auto;
	
}
div#left
{
	width:250px;
	float:left;
}
div#right1
{
	width:880px;
	float:right;
}
div.tieude
{
	position:relative;
	color: #fff;
    text-align:center;
    font-size: 20px;
    height: 40px;
    line-height: 45px;
	padding-left:15px;
    font-family: alter-gothic;
	text-transform:uppercase;
	background:url(images/tt_danhmuc.png) no-repeat center center;
    top: -35px;
    margin-bottom: -40px;
}
.roll {
    max-height: 340px;
    overflow-y: auto;
    margin-right: 5px;
}
.roll::-webkit-scrollbar{width:1px;}
.roll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px #2EA8FF;}
.roll::-webkit-scrollbar-thumb{background-color:#2EA8FF;outline:1px solid #2EA8FF;}
div.danhmuc.httt
{
	border:1px solid #e1e1e1;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.ct_left
{
	padding:20px 15px;
}
.box-hotline 
{
	background:url(images/httt.png) no-repeat center left;
	padding-left:60px;
	font-family:utmHeve;
	font-size:14px;
	color:#555555;
	margin-bottom: 10px;
    padding: 7px 0px;
    padding-left: 90px;
}
.box-hotline span{font-size:16px;color:#d8221e;}
.box-support 
{
	padding: 8px 0px;
  
}
.box-support .ten{font-size:15px;color:#0137a7;font-family:robotoMe;}
.dienthoai {font-size:13px;color:#3e3e3e;font-family:Arial;}
.dienthoai span{color:#014fa2;font-size:18px;}
.dienthoai .email{font-family:Arial;font-size:13px;color:#3e3e3e;}
.box-support .chatyh a{font-size:13px;color:#3e3e3e;float:right;}
.it_httt {margin-top:10px;}
.chatyh img{float:right;}
div.danhmuc
{
	position:relative;
	background: #f9f9f9;
    margin-bottom: 7px;
	border:1px solid #d4d0d0;
	border-top:0;
	 margin-top: 30px;
    margin-bottom: 50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.danhmuc:before
{
	position: absolute;
    content: "";
    width: 100%;
    height: 16px;
    top: -14px;
    left: 0;
    right: 0;
    background: url(images/before_danhmuc.png) no-repeat;
}
div#danhmuc ul#accordion-1
{
	padding:17px 0px;
}
div#danhmuc ul li
{

}
div#danhmuc ul li:last-child a {
    border-bottom: none;
}
div#danhmuc ul li a
{
	color: #343434;
    font-family: Arial;
    text-decoration: none;
    font-size: 13px;
    transition: 0.4s;
    display: block;
    padding: 11px 10px 11px 45px;
    background: url(images/left_list.png) no-repeat 25px 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d7d7;
}
div#danhmuc ul li a:hover
{
	color:##014FA2;
	transition:0.4s;
}
div#danhmuc ul li ul
{
	    position: absolute;
    border: 1px solid #ddd;
    border-left: 0;
    border-bottom: 0;
    left: 250px !important;
    background: #F9F9F9;
}
div#danhmuc ul li ul li a
{
	font-family:Arial;
	font-size:15px;
	color:#434444;
	font-weight:normal;
	text-transform:none;
	padding: 10px 10px 10px 45px;  
	
}

div#tinmoi
{
	
}
div#tinmoi ul
{
	list-style:none;
	padding:0 10px;
}
div#tinmoi ul li
{
	border-bottom:1px dashed #DDDDDD;
	padding:10px 0;
}
div#tinmoi ul li a img
{
	width:60px;
	padding:2px;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}
div#tinmoi ul li a img:hover
{
	transition:1s;
	border:1px solid #c1000a;
}
div#tinmoi ul li h4 a
{
	text-decoration:none;
	color:#111111;
	font-size:12px;
	transition:0.4s;
	font-weight:normal;
}
div#tinmoi ul li h4 a:hover
{
	color:red;
	transition:0.4s;
}
div#hotro
{
}
div#hotro .phone
{
	background:url(images/phone.png) 13px center no-repeat;
	color:#d60000;
	font-size:20px;
	font-weight:bold;
	padding-left:60px;
	padding-top:20px;
	padding-bottom:10px;
}
div#hotro ul
{
	list-style:none;
	border-bottom:1px dashed #DDDDDD;
	padding:10px 0;
	margin:0px 10px;
}
div#hotro ul li
{
	clear:both;
	padding:2px 0;
	
}
div#hotro ul li a img
{
	float:right;
}
div#quangcao a img
{
	width:90%;
	max-width:300px !important;	
	border:1px solid #DDD;
	margin:5px auto;
	padding:4px;
	box-sizing:border-box;
}
div#quangcao a img:hover
{
	border:1px solid red;	
}
form#frm_dknt
{
	background:url(images/bg_dknt.png) center no-repeat;
	width:251px;
	height:35px;
	margin:10px;
}
form#frm_dknt input[type='text']
{
	margin-left:45px;
	width:140px;
	padding:0px 5px;
	float:left;
	margin-top:9px;
	border:none;
	background:none;
	outline:none;
	color:#000;
}
form#frm_dknt input[type='button']
{
	background:#000;
	color:#fff;
	width:50px;
	height:25px;
	line-height:25px;
	border:none;
	margin-top:5px;
	border-radius:3px;
	cursor:pointer;
}
div#main_content
{
    background: #fff;
    box-shadow: 0px 0px 6px #ccc;
    padding: 15px;
    margin-top: -1px;
}
.tieude_detail
{
	    color: #fff;
    text-align: center;
    font-size: 15px;
    background: #014fa2;
    line-height: 40px;
    position: relative;
    font-family: myFont;
    padding-left: 10px;
    text-align: left;
	margin-top:10px;
}
div#right
{
	width:100%;
	position:relative;
}
div.tieude_giua
{
	color:#fff;
	font-size:35px;
	background:url(images/title-f.png) no-repeat center bottom;
	padding-bottom:25px;
	position:relative;
	font-family:sfuEro;
	text-align:center;
	text-transform:uppercase;
}
.tieude_giua1
{
	position:relative;
	border-bottom:1px solid #cbcbcb;
	margin-top:25px;
	height:40px;
	text-align:center;
}
.tieude_giua1 h2{
	color: #333232;
    font-size: 24px;
    position: relative;
    background: #0cb202;
    display: inline-block;
    min-width: 190px;
	display:inline-block;
    font-family:fonta;
    text-transform: uppercase;
	background:url(images/after_h2.png) no-repeat center bottom;
	padding-bottom:10px;
}
.xemtatca {position:absolute;top:0px;right:10px;margin:11px 0px;}
.xemtatca a{text-decoration:none;color:#2ea8ff;font-size:12px;}
div.wap_item,div.wap_item1
{
	margin-top: 25px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	
}
.box-pro {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    margin: 0 -10px;
}
div.item
{
    position: relative;
    width: calc(100%/4 - 20px);
    height: auto;
    margin: 0 10px;
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
div.item:nth-child(4n){margin-right:0;}
div.item .sp_img
{
	position: relative;
    overflow: hidden;
	border:1px solid #cbcbcb;
	padding:4px;
}

div.item .sp_img a
{
	display:block;
	line-height:0;
}
div.item a img
{
	width:100%;
	transition: all 1s ease 0s;
}
div.item a img:hover
{
	    transform: scale(1.1);
}
div.item .sp_name a
{
	text-decoration: none;
    color: #333232;
    font-family: Arial;
    font-size: 13px;
    display: block;
    text-align: center;
	margin-top:7px;
	line-height: 20px;
}
div.item .sp_name a:hover
{
	transition:0.4s;
	color:#2ea8ff;
}
div.item .sp_gia
{
	font-size:14px;
	color:#242424;
	text-align:center;
}
div.item .sp_gia span,div.item .sp_gia span a{color:#ee0c00;}

div.item div{text-align:justify;font-size:13px;}
div.item .sp_gia span.giakm
{
	color:#666666;
	text-decoration:line-through;
	float:left;
}
div.item .sp_gia span.giamoi
{
	color:#666666;
	color:red;
	float:right;
}
div.item .sp_gia span.motgia
{
	display:block;
	float:none;
}
div.item .sale{
	display:block;
	position:absolute;
	top:4px;
	right:4px;
	width:48px;
	height:54px;
	text-align:center;
	line-height:54px;
	color:#fff;
	font-size:16px;
	background:url(images/sale-icon.png) no-repeat center;
	z-index:99;
	}
.item_dm {
    width: calc(100%/3 - 10px);
    margin: 5px;
    text-align: center;
    position: relative;
}

.item_dm h3 {
    position: absolute;
    bottom: 0;
    background: rgb(46 168 255 / 84%);
    padding: 10px;
    left: 0;
    right: 0;
}

.item_dm h3 a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
}
.item_dm .sp_img{overflow: hidden;}
.item_dm .sp_img img {
    width: 100%;
    transition: all 1s;
}
.item_dm:hover .sp_img img {
    transform: scale(1.2);
    transition: all 1s;
}
.tieude_giua2 {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
}

.tieude_giua2 h2 {
    font-size: 20px;
    color: #106eb1;
	font-weight: bold;
	position: relative;
	line-height: 40px;
}
.tieude_giua2 h2::after {
	position: absolute;
	width: 150px;
	content: "";
	border-bottom:2px solid #106eb1 ;
	bottom: 0;
	left: 0;
}
div#wap_footer
{
	max-width:1366px;
	margin:auto;
	
}
#footer{padding:5px 0px 5px 0px;}
div#main_footer
{
	width:545px;
	float:left;
}
div#main_footer h2
{
	font-family:avo_bold !important;
	font-size:20px !important;
	color:#fff200;
	margin:0;
	margin-bottom:15px;
	text-transform:uppercase;
}
div#main_footer p
{
	font-family:Arial !important;
	font-size:14px !important;
	color:#fff;
	line-height:30px;
}
.w_dknt {width:265px;float:left;margin-left:35px;}
.social {margin-top:10px;}
.social a img{margin-right:5px;    transition: all 0.6s;
    transform: rotate(0deg);}
.social a img:hover{transform: rotate(360deg);}
.copyright{line-height:45px;background:rgba(0, 0, 0, 0.28);font-family:robotoMe;}
.copy{float:left;color:#fff;font-size:13px;}
.mail-form {position:relative;text-align:center;}
.mail-form input
{
	padding:8px 10px;
	background:#fff;
	border:transparent;
	font-size:13px;
	color:#898989;
	width:100%;
}
.mail-form button
{
	height:30px;
	width:85px;
	background:#f14d49;
	border:1px solid #ccc;;
	border-radius:10px;
	font-family:sfuMachine;
	font-size:18px;color:#fff;
	margin-top:20px;
}
.dmsp {float:right;width:280px;}
.title_f {font-family:sfuMachine;font-size:22px;color:#fff;margin-bottom:10px;}
.tktcc
{
	margin-right:250px;
	float:right;
}
.tktcc ul li{list-style:none;font-size:13px;color:#fff;font-family:robotoMe;line-height:25px;display:inline-block;}
.tktcc ul li span{float:right;}

/* --------------------- Phan trang ------------------*/

div#doitac
{
	box-sizing:border-box;
}
div#doitac a img
{
	height:100px;
	margin:0 5px;
	border:1px solid #DDD;
}
/*----------------------------------------------------*/
div.wap_pro
{
	margin:15px auto;
	clear:both;
}
.zoom_slick
{
	width:45%;
	float:left;	
}
.zoom_slick .slick2
{
	border:1px solid #DDD;
}
.zoom_slick .slick
{
	margin-top:5px;
}

.zoom_slick .slick img
{
	width:90%;
	margin:auto;
	border:1px solid #DDD;
	box-sizing:border-box;
	padding:5px;
}
.zoom_slick .slick img:hover
{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:53%;
}

.product_info li
{
	font-size:13px;
	border-bottom:1px solid #EEE;
	padding:6px 0;
}
.product_info li .color_item {
    float: left;
    cursor: pointer;
    padding: 15px 18px;
    font-size: 16px;
    margin-right: 5px;
    border: 1px solid rgba(204, 204, 204, 1);
    text-transform: uppercase;
    color: #333;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product_info li .size_item {
    float: left;
    cursor: pointer;
    padding: 6px 10px;
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid rgba(204, 204, 204, 1);
    background: #fff;
    text-transform: uppercase;
    color: #333;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product_info .product-qty .cart button {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
	margin-left:10px;
	height:32px;
	cursor:pointer;
    font-weight: bold;
}
.product_info .product-qty {
    margin-bottom: 12px;
}
.product_info .product-qty label {
    font-family: avob;
    font-size: 13px;
}
.product_info .product-qty div {
    display: inline;
}
.product_info .product-qty .controls button {
    border: 0;
    background: white;
    padding: 7px 9px;
    font-size: 16px;
    border: 1px solid #ccc;
    position: relative;
	outline:none;
	float:left;
    
}
.product_info .product-qty .controls input {
    padding: 5px 7px;
    width: 47px;
    border-right: 0;float:left;
    border-left: 0;
    text-align: center; 
	position:relative;
	height:32px;
}
.product_info .product-qty input {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100px;
}
.product_info li .color_item.active, .product_info li .size_item.active {
    border: 1px solid #F8004B;
}
.product_info li.ten
{
	color: #014fa2;
    font-size: 20px;
    font-family: fonta;
    text-transform: uppercase;
    font-weight: bold;
}
.product_info li.giakm
{
	
	font-size:15px;
	text-decoration:line-through;
}
.product_info li
{
	color:#000;
	font-size:14px;
}
.product_info li span{font-weight:bold;color:#ff0000;}
.product_info li b
{
	font-weight:normal;
	font-size:14px;
}
.xemgiohang
{
	color: #E80019;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    transition: 0.4s;
    margin: auto;
    margin-top: 7px;
}
.product_info li .dathang
{
	background:#000 url(images/i_cart.png) 10px center no-repeat;
	color:#fff;
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	padding-left:30px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	font-size:12px;	
	transition:0.4s;
}
.product_info li .dathang:hover
{
	transition:0.4s;
	background:#E00 url(images/i_cart.png) 10px center no-repeat;
}
span.size {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
span.mausac {
    display: block;
    float: left;
    border: 1px solid #DDD;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
}
span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {
    border: 1px solid #EE0000;
}
input.soluong
{
	width: 50px;
	border: 1px solid #C7C6C6;
	padding: 2px 0px;
	text-align: center;
	font-size: 15px;
	 margin-right:5px;
}
table#giohang input
{
	   margin:5px 0px;
}
table#giohang input.btn,.click_ajax
{   
 	background: #DC0018;
    color: #ffffff;
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    margin: 5px 1px;
    border-radius: 3px;
}
  
table#tt td
{
	height:30px;
}
table#tt td input.t
{
	width:300px;
	height:20px;
	margin:3px 0px 5px 0px;
	border:1px solid #DDD;
}
table#tt td textarea
{
	width:300px;
}
table#tt span
{
	color:red;
}

/*--------- copy - right--------*/

div.copy-right .cop-l{
	height:40px;
	line-height:40px;
	color:#8cc2ff;
	font-size:14px;
	width:48%;
	float:left;
	}
div.copy-right .cop-r{
	height:40px;
	line-height:40px;
	color:#8cc2ff;
	font-size:14px;
	text-align:right;
	width:48%;
	float:right;
	}
div.copy-right .cop-r span{
	color:#ff0;
	}
	
/*-------- Box top --------------*/	
div#box-top{
	font-size:14px;
	background:url(images/bg-top.png) repeat-x center left;
	}
div.box-bao{
	max-width:1200px;
	margin:0 auto;
	color:#fff;
	}
div#box-top .bix-mail{
	width:23%;
	height:35px;
	line-height:35px;
	float:left;
	background:url(images/top-2.png) no-repeat left center;
	padding-left:30px;
	display:block;
	}
div#box-top .bix-mail span{color:#ff0;}
div#box-top .bix-hotline{
	width:23%;
	height:35px;
	line-height:35px;
	float:left;
	background:url(images/top-1.png) no-repeat left center;
	padding-left:30px;
	display:block;
	color:#fff;
	font-weight:bold;
	margin-left:26%;
	}
div#box-top .bix-hotline span{color:#ff0;}
div#box-top .bix-icon{
	width:14%;
	height:35px;
	line-height:35px;
	float:right;
	padding-left:30px;
	display:block;
	color:#ff0;
	font-weight:bold;
	}
div#box-top .bix-icon img{
	margin-right:6px;
	transition:0.5s;
	}
div#box-top .bix-icon img:hover{
	transform:rotate(40deg);
	}


@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
		z-index: 99999999999999999 !important;
		position: absolute;
		animation: star linear 1.75s infinite;
		-moz-animation: star linear 1.75s infinite;
		-webkit-animation: star linear 1.75s infinite;
		-o-animation: star linear 1.75s infinite;
	}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}
#map_canvas1
{
	height: 270px;
    width: 100%;
    margin: 0px auto;
    border: 0
}
.list-dtac
{
	margin:37px 0px;
	border-top:1px solid #e0e0e0;
}
.item_dtac 
{
	width: 88%;
    margin: 10px auto;
    border: 1px solid #ccc;
    height: 75px;
}
.item_dtac img {max-width: 100%;max-height: 100%;}
button.slick-next, button.slick-prev {
    background: url(images/next_arr.png) no-repeat center;
    opacity: 1;
    width: 13px;
    height: 66px;
    right: -13px;
    top: calc(50% - 33px);
}
button.slick-prev {
	right:auto;
	left: -13px;
	transform: rotate(180deg);
}
.tt_media{margin-bottom:28px;background:url(images/tt_media.png) no-repeat;height:40px;}
.tt_media h2{font-family:robotoCRe;font-size:17px;text-transform:uppercase;color:#fff;line-height:40px;padding-left:10px;}
.big_news{position:relative;width:290px;float:left;}
.big_news img{margin-bottom:10px;}
.big_news h3 a{text-decoration:none;font-size:13px;color:#4b4b4b;}
.big_news h3 a:hover{color:#0b01b8;}

.list-option {position:relative;}
.box-newss {width:95%;margin:auto;}
.img-newss {margin-bottom:10px;}
.box-newss  h3{line-height:15px;}
.box-newss  h3 a{font-family:Arial;font-size:13px;color:#525252;text-decoration:none;}
.box-newss  h3 a:hover{color:#0b01b8;}
.box-newss div{font-size:15px;color:#5c5b5b;line-height:20px;}
.box_spnb {position:relative;text-align:center;padding:10px 0px; border-bottom:1px dashed #a9a9a9 !important;}
.box_spnb .img_spnb {border:1px solid #cdcdcd;padding:3px;background:#fff;}
.box_spnb h3 a{text-decoration:none;font-size:13px;color:#1f1f1f;}
.box_spnb h3 a:hover{color:#014FA2;}
.ct_left.sl_spnb {padding:20px 10px;}
.box_ttnb {position:relative;padding:10px 0px;border-bottom:1px dashed #a9a9a9 !important;}
.box_ttnb .img_ttnb {float:left;margin-right:5px;border:1px solid #dfdfdf;}
.box_ttnb h3 {line-height:21px;}
.box_ttnb h3 a{text-decoration:none;color:#616060;font-size:13px;}