::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
:root {
    --background-static: #3458b8;
    --color-static: #343434;
    --background-hover: #334e9e;
    --color-hover: #3458b8;
    --color-key: #0065df;
}
*{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;height:330px;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: 60px; 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;}
div.bando iframe{display: block;width: 100% !important; height: 100% !important;}
.margin{margin-right:0px !important}
a{text-decoration:none !important;}
div.tt_lh{
	width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}
div.bando{
	width:100%;
	}
@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: 'sfuFu';
    src: url('font/sfuFu/SFUFuturaRegular.eot');
    src: url('font/sfuFu/SFUFuturaRegular.eot') format('embedded-opentype'),
         url('font/sfuFu/SFUFuturaRegular.woff2') format('woff2'),
         url('font/sfuFu/SFUFuturaRegular.woff') format('woff'),
         url('font/sfuFu/SFUFuturaRegular.ttf') format('truetype'),
         url('font/sfuFu/SFUFuturaRegular.svg#SFUFuturaRegular') 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: 'avo';
    src: url('font/avo/utm-avo.eot');
    src: url('font/avo/utm-avo.eot') format('embedded-opentype'),
         url('font/avo/utm-avo.woff2') format('woff2'),
         url('font/avo/utm-avo.woff') format('woff'),
         url('font/avo/utm-avo.ttf') format('truetype'),
         url('font/avo/utm-avo.svg#utm-avo') 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: 'robotoL';
    src: url('font/robotoL/Roboto-Light.eot');
    src: url('font/robotoL/Roboto-Light.eot') format('embedded-opentype'),
         url('font/robotoL/Roboto-Light.woff2') format('woff2'),
         url('font/robotoL/Roboto-Light.woff') format('woff'),
         url('font/robotoL/Roboto-Light.ttf') format('truetype'),
         url('font/robotoL/Roboto-Light.svg#Roboto-Light') format('svg');
}
@font-face {
    font-family: 'openS';
    src: url('font/openS/OpenSans-Regular.eot');
    src: url('font/openS/OpenSans-Regular.eot') format('embedded-opentype'),
         url('font/openS/OpenSans-Regular.woff2') format('woff2'),
         url('font/openS/OpenSans-Regular.woff') format('woff'),
         url('font/openS/OpenSans-Regular.ttf') format('truetype'),
         url('font/openS/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
}
@font-face {
    font-family: 'utmHeve';
    src: url('font/utmHeve/UTMHelvetIns.eot');
    src: url('font/utmHeve/UTMHelvetIns.eot') format('embedded-opentype'),
         url('font/utmHeve/UTMHelvetIns.woff') format('woff'),
         url('font/utmHeve/UTMHelvetIns.ttf') format('truetype'),
         url('font/utmHeve/UTMHelvetIns.svg#UTMHelvetIns') 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');
}
@font-face {
    font-family: 'utmVi';
    src: url('font/utmVi/UTMViceroyJF.eot');
    src: url('font/utmVi/UTMViceroyJF.eot') format('embedded-opentype'),
         url('font/utmVi/UTMViceroyJF.woff') format('woff'),
         url('font/utmVi/UTMViceroyJF.ttf') format('truetype'),
         url('font/utmVi/UTMViceroyJF.svg#UTMViceroyJF') format('svg');
}
@font-face {
    font-family: 'sfuFuB';
    src: url('font/sfuFuB/SFUFuturaBold.eot');
    src: url('font/sfuFuB/SFUFuturaBold.eot') format('embedded-opentype'),
         url('font/sfuFuB/SFUFuturaBold.woff') format('woff'),
         url('font/sfuFuB/SFUFuturaBold.ttf') format('truetype'),
         url('font/sfuFuB/SFUFuturaBold.svg#SFUFuturaBold') format('svg');
}
@font-face {
    font-family: 'sfuFBook';
    src: url('font/sfuFBook/SFUFuturaBook.eot');
    src: url('font/sfuFBook/SFUFuturaBook.eot') format('embedded-opentype'),
         url('font/sfuFBook/SFUFuturaBook.woff2') format('woff2'),
         url('font/sfuFBook/SFUFuturaBook.woff') format('woff'),
         url('font/sfuFBook/SFUFuturaBook.ttf') format('truetype'),
         url('font/sfuFBook/SFUFuturaBook.svg#SFUFuturaBook') format('svg');
}
@font-face {
    font-family: 'sfuFuH';
    src: url('font/sfuFuH/SFUFuturaHeavy.eot');
    src: url('font/sfuFuH/SFUFuturaHeavy.eot') format('embedded-opentype'),
         url('font/sfuFuH/SFUFuturaHeavy.woff2') format('woff2'),
         url('font/sfuFuH/SFUFuturaHeavy.woff') format('woff'),
         url('font/sfuFuH/SFUFuturaHeavy.ttf') format('truetype'),
         url('font/sfuFuH/SFUFuturaHeavy.svg#SFUFuturaHeavy') format('svg');
}
body{
	font-family:Arial !important ;
	font-size:13px !important;
	line-height:1.5;
	background:#fff;
	overflow-x:hidden;
	-moz-user-select: none !important;
	-webkit-touch-callout: none!important;
	-webkit-user-select: none!important;
	-khtml-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
}
div.none{
	display:none !important;
	}
div.wap{
	width: 100%;
	min-width:100%;
	max-width:100%;
    margin: auto;
    position: relative;
	background:#F8F8F8;	
}
div.wapper
{ 
	position:relative;
 	margin:auto;
  	width:1200px;
  	padding:0;
}
div#header
{
	position:relative;
	margin:auto;
	width:100%;
	z-index: 123;
	background:#734C8D;
}
div.giolamviec {float:left;font-family:sfuFBook;font-size:14px;color:#fff;margin:35px 0px;}
div.giolamviec i {font-size:25px;}
div#header .logo_head{
	position: absolute;
    width: 180px;
    top:0;left:0;right:0;
    margin:6px auto;
}
div#header .logo_head img{
	max-width:100%;
	max-height:90px;
}

div.hotline {float:right;font-family:sfuFBook;font-size:15px;color:#fff;background:url(images/phone.png) no-repeat center left;padding-left:40px;margin:30px 0px;}
div.hotline p{float:left;padding: 10px 5px 10px 0px;}
div.hotline span{color:#ffd800;font-family:sfuFuH;float:right;}
div#lienket
{
	float:right;
}
div#lienket a img
{
	margin:0px 5px;
	transition:0.5s;
}
div#lienket a img:hover
{
	transform:rotate(40deg);
}
div#menu_mobi
{
	display:none;
}
div#menu
{
	position:relative;
	width:100%;
	text-align:center;
	background:#fff;
}
div#menu ul.main_nav
{
  	list-style:none;
	display:inline-block;
	vertical-align:top;
}
div#menu ul li
{
	float:left;
	position:relative;
	z-index:50;
}
div#menu ul li a
{
	color:#333333;
	font-size:15px;
	padding:40px 35px;
	text-decoration:none;
	display:block;
	font-family: 'sfuFBook';
	text-transform:uppercase;
}
div#menu ul li a.a1:hover,div#menu ul li a.a1.active,div#menu ul li a.a1.active2
{
	color:#734c8d;
}
div#menu ul li a.a1:hover:after,div#menu ul li a.a1.active:after,div#menu ul li a.a1.active2:after
{
	position:absolute;
	content:"";
	width:100%;height:1px;
	bottom:30%;left:0;right:0;
	background:url(images/act.png) no-repeat center;
}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2
{
	color:#734c8d;
}
div#menu ul li ul,div#menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;	
	list-style:none;
}
div#menu ul li:hover ul
{
	display:block;
}
div#menu ul li ul li
{
	width:220px;
	line-height:1.5;
	background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
div#menu ul li ul li a
{
	padding:7px 10px !important;
	text-transform:none;
	text-align:left;
}
div#menu ul li ul li ul
{	
	left:220px;
	top:0px;
}
div#search
{
    width: 285px;
    z-index: 123;
	float:right;
    background:url(images/bg_search.png) no-repeat;
	margin:7px 0px;
}
div#search input
{
	padding:6px 20px;
    float: left;
    border: none;
    background: none;
    width: 80%;
    outline: none;
    color: #fff;
    font-size: 13px;
	font-family:myFont;
}
div#search i
{
	float: right;
    border: 0;
    margin:5px 20px 5px 0px;
    color: #fff;
    font-size: 18px;
    background: none;
}
div#slider
{
	position:relative;
	width:100%;
}
div#slider img
{
	width:100%;
	height:auto;
}
div#slider .slick-dots {bottom:-30px !important;}
#slider .slick-prev,#slider .slick-next{display:none !important;}
.flex{display: flex;flex-wrap: wrap;align-items: center;}
.flexwb{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.flexwba{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.gtleft{width: 575px;text-align: center;}
.tengt a{display: block;
	font-family: 'utmHeve';
    font-size: 30px;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #bf0000;
    margin-bottom: 15px;
    }
.motagt{
	line-height: 25px;
    font-family: 'myFont';
    font-size: 15px;
    text-align: center;
}
.themgt{display: block;width: 138px;
    height: 43px;
    background: #0016ac;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    display: block;
    font-family: 'sfuFuH';
    margin: 20px auto;
    transition: 1s;
}
.themgt:hover{background: #f00;}

.hinhgt{width: 575px; display: block;}
.hinhgt a,.hinhgt a img{display: block;width: 100%;}


div#left
{
	width:240px;
	float:left;
	position:relative;
}
div.show_cate{position:absolute;left:0;top:45px;width:100%;background:#fff;z-index:123;}
div.tieude
{
	color:#fffc00;
    padding-left:35px;
    font-size: 15px;
    background:#AD1A1A;
    line-height: 45px;
    font-family: fonta;
    text-transform: uppercase;
    z-index: 123;
    position: relative;
	cursor:pointer;
}
div.danhmuc
{	
	margin-bottom:15px;
}
div#danhmuc ul
{
	list-style:none;
	border:1px solid #eeeeee;
	border-top:0;
	padding:15px 0px;
}
div#danhmuc ul li{position:relative;display:block;border-bottom:1px dotted #efefef;float:none;padding:0;}
div#danhmuc ul li:last-child{border-bottom:0;}
div#danhmuc ul li a {
    color: #5d5d5d;
    font-family: Arial;
    text-decoration: none;
    font-size: 14px;
    transition: 0.4s;
    display: block;
    padding: 12px 15px 12px 35px;
    background: url(images/left_list.png) no-repeat 15px 19px;
}
div#danhmuc ul li:last-child a{border-bottom:0;}
div#danhmuc ul li a:hover
{
	color:#ff0000;
	transition:0.4s;
}
div#danhmuc ul li ul 
{
	position:absolute;
	top:0;
	left:100%;
	display:none;
	padding:0;
	background:#fff;
}
div#danhmuc ul li:hover ul {display:block;} 
div#danhmuc ul li ul li {background:none;border-bottom:1px dotted #efefef;}
div#danhmuc ul li ul li a:hover{background:none;color:#ff0000;}
div#danhmuc ul li ul li a
{
	padding: 12px 15px 12px 35px !important;
    background: url(images/left_list.png) no-repeat 15px 19px !important;
}
div.ct_left
{
	padding:10px;
	border:1px solid #e8e8e8;
	border-top:0;
	position:relative;
}
form#frm_dknt{margin:10px 0px;background:#fff;}
p.note {font-family:myfont;font-size:14px;color:#fff;}
form#frm_dknt input[type='text'],form#frm_dknt textarea
{
	width: 80%;
	float:left;
    padding:6px 10px;
	border:0;
    outline: none;
    color: #c1c1c1;
    font-size: 13px;
    font-family: myfont;
   	background:transparent;
}
form#frm_dknt input::placeholder,form#frm_dknt textarea::placeholder{color: #c1c1c1;}
form#frm_dknt input[type='button']
{
	outline:none;
	background:url(images/send.png) no-repeat center;
    border: none;
    padding:6px 0px;
    cursor: pointer;
	float:right;
	width:20%;
}
#main_content {padding:30px 0px 5px 0px;}
div#right
{
	width:100%;
}
div#right1
{
	width:76%;
	float:right;
}
div.tieude_giua{position:relative;text-align:center;margin-bottom:30px;}
div.tieude_giua	span
{
	position:relative;
	font-family:utmVi;
	font-size:34px;
	color:#734c8d;
	text-transform:capitalize;
	display:inline-block;
	padding:0px 10px;
}
div.tieude_giua	span:before
{
	position:absolute;
	content:"";
	width:68px;
	height:25px;
	top:0;left:-68px;bottom:0;
	margin:auto;
	background:url(images/bf_title.png) no-repeat;
}
div.tieude_giua	span:after
{
	position:absolute;
	content:"";
	width:68px;
	height:25px;
	top:0;right:-68px;bottom:0;
	margin:auto;
	background:url(images/af_title.png) no-repeat;
}
div.tieude_detail
{
	color:#3a3a3a;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: bold;
    font-family: sfuFuH;
}
div.wap_item
{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
 
div.item
{
	width:280px;
    margin-right:25px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
	transition:all 0.5s;
	text-align:center;	
}
div.item .sp_img
{
	position:relative;
	overflow:hidden;	
}
div.item a img
{
	width:100%;
	height:auto;
	transition:all 1s ease 0s;	
}
div.item a img:hover
{
	transform:scale(1.1);	
}
div.item .sp_name a
{
	text-decoration:none;
	color:#333333;
	font-family:sfuFuH;
	font-size:14px;
	display:block;	
	text-transform:capitalize;
	margin:10px 0px 5px 0px;
}
div.item .sp_name a:hover
{
	transition:0.4s;
	color:#eb0000;
}

div.sp_gia{font-family:sfuFBook;font-size:14px;color:#333333;}
div.sp_gia span,div.sp_gia span a{color:#eb0000;}
div#map_canvas1
{
	width:100%;
	height:390px;
}
div.diachi_cn {width:100%;padding:15px 0px;}
div.diachi_cn span a{display:inline-block;font-family:openS;font-size:16px;color:#000;padding:0 10px;}
div#wap_footer
{
	max-width:100%;
	margin:auto;
	position:relative;
	background:url(images/bg_footer.png) no-repeat center top;
	background-size:cover;
}
#footer{padding:25px 0px 30px 0px;}
div#main_footer
{
	width:48%;
	float:left;
}
div#main_footer p
{
	font-family:Arial !important;
	font-size:14px !important;
	color:#fff;
	margin-bottom:15px;
}
div#lienket_f a img
{
	margin:0px -6px;
	transition:0.5s;
}
div#lienket_f a img:hover
{
	transform:rotate(40deg);
}
div.w_fbb{width:23%;float:left;margin-left:20px;}
div.tt_footer
{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:15px;
	padding-bottom:10px;
	background:url(images/line_footer.png) no-repeat left bottom;
}
div.w_tktc {float:right;}
div.w_tktc ul {list-style:none;}
div.w_tktc ul li {line-height:35px;font-family:myFont;font-size:15px;color:#fff;}
div.w_tktc ul li span{float:right;}
div.copyright
{
	color:#fff;
	padding:12px 0px;;
	font-size:14px;
	background:#5E3E73;
	font-style:italic;
}
div.copyright span{text-transform:uppercase;}
/*----------------------------------------------------*/
div.wap_pro
{
	margin:15px auto;
	clear:both;
}
.zoom_slick
{
	width:35%;
	float:left;	
	text-align:center;
}
#Zoom-1 img
{
	max-height:400px !important;
}
.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:63%;
}

.product_info li
{
	font-size:14px;
	border-bottom:1px solid #EEE;
	padding:6px 0;
	font-family: Arial;
}
.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: #ed2190;
    border: 0;
    padding: 5px 10px;
    margin-left: 10px;
    height: 32px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
}
.product_info .product-qty {
    margin-bottom: 12px;
}
.product_info .product-qty label {
    
}
.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: #734C8D;
    font-size: 20px;
    font-family: sfuFuH;
    text-transform: uppercase;
}
.product_info li.gia span
{
	color: #ff0000;
    font-size: 17px;
    font-weight: bold;	
}
.product_info li.giacu{text-decoration:line-through;}
.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;
	color:#fff;
	display:block;
	width:150px;
	height:34px;
	line-height:34px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	font-size:12px;	
	transition:0.4s;
	margin-left: 10px;
}
.product_info li .dathang:hover
{
	transition:0.4s;
	background:#E00;
}
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{margin-bottom: 20px;}
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;
}
@-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);
  }
}
div.w_dichvu {padding:40px 0px 35px 0px;}
div.box_dichvu {width:100%;margin:auto;border-right:1px solid #e1e1e1;text-align:center;padding:10px;}
div.img_dichvu {width:60px;height:50px;margin:auto;}
div.img_dichvu img{width:auto;height:100%;}
div.name_dv a{display:block;font-family:sfuFuH;font-size:15px;color:#000;text-transform:uppercase;margin:10px 0px 15px 0px;padding-bottom:10px;background:url(images/line.png) no-repeat center bottom;}
div.desc_dv {font-family:sfuFBook;font-size:14px;color:#000;text-align:center;line-height:20px;}
div.box_danhmuc {position:relative;overflow:hidden;width:48%;float:left;margin-right:40px;
margin-bottom:40px;}
div.box_danhmuc img{width:100%;height:auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
div.box_danhmuc:hover img {-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
div.info_danhmuc {position:absolute;right:40px;top:40px;background:rgba(115, 76, 141, 0.7);padding:40px 15px;text-align:center;width:220px;height:auto;min-height: 260px;}
div.name_danhmuc a{display:block;font-family:sfuFuH;font-size:14px;text-transform:uppercase;color:#fff;margin-bottom:10px;}
div.desc_danhmuc {font-family:sfuFBook;font-size:13px;color:#fff;line-height:25px;}
a.viewmore {font-family: sfuFBook;font-size: 14px;color: #000;text-transform: capitalize;background: #fff;border-radius: 20px;padding: 4px 10px;display: inline-block;margin-top: 15px;}
div.w_spkm {max-width:100%;margin:auto;margin-bottom:40px;}
div.w_ykien {max-width:100%;margin:auto;background:url(images/bg_ykien.png) no-repeat center top;background-size:cover;padding:30px 0px 80px 0px;}
div.w_ykien div.tieude_giua span{color:#fff;}
div.w_ykien div.tieude_giua span:before{background:url(images/af1_title.png) no-repeat;}
div.w_ykien div.tieude_giua span:after{background:url(images/bf1_title.png) no-repeat;}
div.sl_ykien {max-width:950px;margin:auto;}
div.box_ykien{width:100%;margin:auto;position:relative;text-align:center;font-size:15px;color:#fff;}
div.img_ykien {position:relative;overflow:hidden;border-radius:50%;width:140px;height:140px;margin:auto;}
div.img_ykien img{width:100%;height:100%;}
div.desc_ykien {margin:15px 0px;font-family:sfuFBook;}
div.name_ykien {font-family:myfont;text-transform:capitalize;}
div.l_spkm {width:63%;float:left;}
div.col_spkm {width:37%;float:right;height:442px;background:#8E6EA2;padding:60px 28px 0px 28px;text-align:center;}
div.tt_khuyenmai {font-family:sfuFuH;font-size:26px;color:#ffd800;padding-bottom:20px;background:url(images/line_sale.png) no-repeat center bottom;text-align:center;}
div.desc_km {margin-top:20px;font-family:sfuFBook;font-size:15px;color:#fff;text-align:center;}
div.saleoff {margin:55px 0px 35px 0px;}
div.demnguoc p {display:inline-block;vertical-align:top;width:50px;margin-right:45px;font-family:sfuFBook;font-size:15px;color:#fff;text-align:center;}
div.demnguoc p.last{margin-right:0;}
div.demnguoc p span{width:50px;height:50px;border:1px solid #ffd800;color:#ffd800;font-family:sfuFuH;border-radius:10px;display:block;font-size:26px;padding: 3px 0px;}
a.xt{display:inline-block;font-family:sfuFBook;font-size:14px;color:#ffd800 !important;border:1px solid #ffd800;border-radius:10px;padding:4px 15px;}
div.item_km {width:100%;margin:auto;position:relative;overflow:hidden;transition: 1s;outline: 1px solid rgba(255,255,255,1) !important;outline-offset: -10px;z-index:123;}
div.item_km img {width:100%;height:auto;-webkit-transition: all 0.3s; transition: all 0.3s;}
div.item_km img:hover {-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} 
div.w_media
{
	max-width:100%;
	margin:auto;
	padding:15px 0px 10px 0px;
}
div.w_tt
{
	width:49%;
	float:left;
}
div.tt_media
{
	position:relative;
	font-family:utmVi;
	font-size:35px;
	color:#734c8d;
	display:inline-block;
	margin-bottom:15px;
	padding-right:15px;
}
div.tt_media:after{position:absolute;content:"";width:68px;height:25px;background:url(images/tt_media.png) no-repeat;right:-65px;top:0;bottom: 0;margin: auto;}
div.box_tintuc {margin-bottom:30px;}
div.box_tintuc img{float:left;margin-right:15px;}
div.box_tintuc h3 a 
{
	display:block;
	font-family:sfuFuB;
	font-size:14px;color:#333333;
	line-height:20px;
}
div.ngaydang{margin:5px 0px 10px 0px;font-family:myFont;font-size:11px;color:#808080;}
div.desc_tt{color:#333333;line-height:20px;font-family:sfuFBook;font-size:13px;}
div.w_video
{
	float:right;
	width:49%;
}
.video-wrapper {position:relative;}
div.sl-video {margin-top:5px;}
#video-play
{
	cursor: pointer;
    position: absolute;
    width: 100%;
    height: 98%;
    background: rgba(0,0,0,.3) url(images/play.png) no-repeat center center;
    top: 0;
    left: 0;
    z-index: 123;
    background-size: 70px;
}
div.item-vi
{
	width:94%;
	margin:auto;
}
#fanpage {
		z-index:999;
		position: fixed;
		width: 385px;
		min-height: 145px;
		right: -340px;
		top: 20%;
		padding-left: 45px;
		background: url('images/fanpage.png') no-repeat left top;
		cursor:pointer;
		/*transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;*/
	}
#footer1 {display:none;}
#footer1 img{width: 30%;
    max-width: 30px !important;
    vertical-align: middle;float:left;padding:9px 0px;}
#footer1 a{color:#fff;text-decoration:none;font-size:14px;font-family:myfont;line-height:40px;}
.blink_me
{
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.anim-05 {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.soluong_11 {
	border: 1px solid #ccc;
	width: 170px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.soluong_11 .soluong {
	border: none;
	outline: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: none;
	width: calc(100% - 60px);
	height: 100%;
	text-align: center;
	margin: 0;
}
.soluong_11 .a_1 {
	color: #000;
	width: 30px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 30px;
}
.soluong_11 .a_1 svg{zoom: 0.7;}
.giohang_header{
    position: fixed;
    bottom: 250px;
    width: 50px;
    height: 50px;
    padding: 25px 0 0 25px;
    z-index: 999;
    color: #000;
    text-align: center;
    line-height: 20px;
    right: 6px;
    background: url(images/icon_gh.png) no-repeat center center, #fff;
    background-size: 24px 30px;
    box-shadow: 0 0 2px rgba(0,0,0,1);
    border-radius: 50%;-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.giohang_header span{
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    width: 20px;
    font-family: 'myFont';
    display: block;
    background: #ff9801;
    border-radius: 50%;
}

.content_dc{
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.item_dc{
    float: left;
    width: calc(100%/2 - 10px);
    margin: 0 5px;
}
.cl-orange {
    color: #fd7e14;
}

.thongbao_giohang{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.thongbao_giohang .ten{
    background: #e5101d;
    color: #fff;
    width: 200px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-family: 'myFont';
    border-radius: 5px;
}
.thongbao_giohang img {
    width: 200px;
}
.thongbao_giohang .title{
    font-size: 15px;
    font-family: 'myFont';
    margin-bottom: 20px;
}
.flex_thanhtoan {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #ddd;
    color: #555;
    width: 100%;
    margin-bottom: 20px;
}

.div_item {
    width: calc(100%/3);
    padding: 10px;
}

.div_item:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.div_thongtinkhachhang {
}

.div_thongtinkhachhang input[type='text'] {
    outline: none;
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 15px;
    margin-bottom: 10px;
    font-family: 'myFont';
    font-size: 14px;
    color: #555;
}

.div_thongtinkhachhang input[type='text']::placeholder {
    font-family: 'myFont';
    font-size: 14px;
}

.div_thongtinkhachhang textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: 'myFont';
    font-size: 14px;
    color: #555;
    height: 110px;
    display: inline-block;
    outline: none;
    vertical-align: middle;
}

.div_thongtinkhachhang textarea::placeholder {
    font-family: 'myFont';
    font-size: 14px;
}

.thanhpho_quanhuyen {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.thanhpho_quanhuyen select {
    width: calc(50% - 5px);
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    color: #555;
    font-family: 'myFont';
    margin-bottom: 10px;
    padding: 0 12px;
}

.flex_pro_cart {
}

.item_product_cart {
    display: flex;
    margin-bottom: 10px;
}
.item_product_cart2{
    margin: 10px;
}
.item_product_cart .img {
    width: 100px;
}

.item_product_cart .img img {
}

.item_product_cart .info {
    width: calc(100% - 100px);
    padding-left: 10px;
    font-family: 'myFont';
    display: flex;flex-wrap:wrap;
    align-content: center;
}

.item_product_cart .info .ten {
    font-family: 'fonta';
    text-transform: uppercase;
    width: 100%;
}

.item_product_cart .info .p {
    width: 100%;
}
.item_product_cart .info .p span{
    font-family: 'fonta';
    color: #f00;
}
.flex_total_money {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.item_total_money {
    display: flex;
    justify-content: space-between;
}

.item_total_money .ten {
    font-family: 'myFont';
}

.item_total_money .money {
    font-family: 'fonta';
    font-size: 17px;
    color: #f00;
}

.btn_hoantatdathang {
    margin-top: 15px;
}

.btn_hoantatdathang input {
    width: 100%;
    padding: 10px;
    font-size: 15px;
}


.flex_hinhthucthanhtoan .radio {
    margin-bottom: 10px;
    display: flex;flex-wrap: wrap;
    align-items: center; justify-content: space-between;
}
.flex_hinhthucthanhtoan .radio input[type="radio"] {
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: block;
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}
.flex_hinhthucthanhtoan .radio label {
    padding-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    width: calc(100% - 25px);
    cursor: pointer;
}

.content_httt {
    display: none;
}
.content_httt1{padding:0 0 20px 18px;}

.content_httt.active {
    display: block;
}
/*-- end thanh toan --*/
.come-back{
    
color: var(--background-static);
}
.come-back i{
    margin-right:20px;
}
.flex_dn_dk{
    display: flex;
    align-items: center;
}
.req_pass{
    line-height: 23px;
    margin-left: 20px;
}
.req_pass a{
    color: #2962ff;
}
@media (max-width: 768px){
.div_item{padding: 10px;width: 100%;border: none !important;}
.div_item:nth-child(2){padding: 0 10px;}
.flex_hinhthucthanhtoan .radio{margin:5px 0;}
}

.flex_xacnhandonhang {
    display: flex;
    flex-flow: row wrap;
    color: #666666;
    margin-bottom: 20px;
}

.flex_xacnhandonhang .left {
    width: calc(100% - 400px);
    padding-right: 50px;
}

.flex_xacnhandonhang .right {
    border: 1px solid #000;
    padding: 20px;
    width: 400px;
}

.flex_xacnhandonhang .right .info {
    display: flex;
    justify-content: space-between;
    font-family: 'myFont';
}

.flex_xacnhandonhang .right .info p {
    margin-bottom: 5px;
}

.tieude_xacnhan {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.border_xacnhan {
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0 20px 0;
}

.tieude_l {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.flex_xacnhandonhang .left .info {
    margin-bottom: 5px;
    font-family: 'myFont';
}

.flex_xacnhandonhang .left .info span {
    color: #000;
    font-weight: 500;
}

.flex_xacnhandonhang .left .info2 {
    margin-top: 20px;
}

.border_xacnhan2 {
    border-bottom: 1px solid #e6e6e6;
    margin: 40px 0;
}

.btn_web {
    padding: 10px 25px;
    cursor: pointer;
    box-sizing: border-box;
    outline: 0;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    font-size: 14px;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    font-family: 'myFont';
    background: var(--background-static);
    height: auto !important;
    line-height: 23px;
}

.btn_vetrangchu {
    margin-top: 40px;
    display: inline-block;
}
@media (max-width: 800px){
    .flex_xacnhandonhang .left{width: 100%;margin-bottom: 10px;padding-right: 0px;}
    .flex_xacnhandonhang .right{width: 100%;padding: 10px;}
}
@media (max-width: 480px){
    .thanhpho_quanhuyen select{width: 100%;}
}
    
.tieude_giua{
    color:#000;
    text-align: center;
    font-size:20px;
    line-height:40px;
    font-family: 'fonta';
    text-transform:uppercase;
    margin-bottom:20px;
    display: block;
    font-weight: normal;
}

.tieudedangky{
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #000;
    margin-bottom: 2%;
    padding-bottom: 5px;
    font-weight: bold;
}

.w_user {
    display: flex;
    flex-flow: row wrap;
}

.w_user .left {
    width: 200px;
}

.w_user .right {
    width: calc(100% - 200px);
    padding-left: 40px;
}

.avtar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.avtar i {
    font-size: 100px;
    color: #565555;
}

.avtar span {
    font-weight: bold;
}

.a_taikhoan {
}

.a_taikhoan i {
    margin-right: 5px
}

.tbl_dsdonhang {
    color: #000000;
    background: #ECEAEA;
    width: 100%;
}

.tr_dsdonhang {
    background: #535353;
    height: 35px;
}

.tr_dsdonhang2 {
    color: #000;
    background: #fff;
}

.tr_dsdonhang2_1 td {
    padding: 5px;
}

.order_list {
    padding: 5px;
    display: flex;
    flex-flow: row wrap;
}

.order_list p {
    margin-bottom: 5px;
    width: 50%;
}

.order_list p span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 120px;
    display: inline-block;
}

.menu_user{display:block;}
.menu_user a{color:#000;font-family: Arial, Helvetica, sans-serif;font-size:13px;display:flex;margin-bottom: 10px;
flex-wrap: wrap;align-items: center;}
.menu_user a i{margin-right:5px;}
.menu_user a:hover{text-decoration:underline;}
.avtar{display: block;width: 100%; text-align: center;margin-bottom:10px;}
.avtar i{font-size:100px;color:#565555;}
.avtar span{font-family: Arial, Helvetica, sans-serif;display: block;font-weight: bold;}

.khungdonhang{display: block;width: 100%; border: 1px solid #ccc;}
.cotdonhang{
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    font-size: 12px;
}
.cotdonhang:last-child{border: none;}
.cotdonhang0{background: #ccc;color: #000;font-family: 'opensans-bold';}
.sttdonhang{width:30px;padding: 2px 0;text-align: center;}
.madonhang{width: calc(45% - 30px);border-left: 1px solid #ccc;padding:2px 5px;text-align: center;}
.tiendonhang{width: 20%;border-left: 1px solid #ccc;padding:2px 5px;text-align: center;}
.ngaydonhang{width: 20%;border-left: 1px solid #ccc;padding:2px 5px;text-align: center;}
.ttdonhang{width: 15%;border-left: 1px solid #ccc;padding:2px 5px;text-align: center;}
.xemdonhang{cursor: pointer;font-size: 12px;text-decoration: underline;}
.xemdonhang:hover{color: #f00;}

.donggh{color:#000000;padding: 5px 0;line-height: 25px; height: 35px;}
.tenctgh{width: calc(70% - 80px);}
.tenctgh .flexwb{align-items: center;}
.hinhgh{width:100px;padding: 3px;height:100px;display: flex;flex-wrap: wrap;align-items: center;}
.baoghsp{width: calc(100% - 105px);}
.tenctgh0{font-weight: bold;font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.tenctgh1 input{text-align:center; border:1px solid #F0F0F0; padding: 10px 0;}
.tonggia_gh{padding: 0 10px;background: #f5f5f5; text-align: right;line-height: 40px;font-size:18px;font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;}
.tonggia_gh0 span{color: #F00;}
.chitietttgh{padding: 5px;}
.dangky_frm {
    position: relative;
    box-sizing: border-box;
    max-width: 500px;
    width: 100%;
    margin: auto;
}

.flex_gioitinh {
    display: flex;
}

.item_tk {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
}

.item_tk input {
    margin-right: 5px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: none;
    border: 1px solid #c3c3c3;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

.item_tk input:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    outline: none;
    color: #000000;
    outline: 1px solid #fff;
}
@media (max-width: 568px){
    div.dangky{width: 100%; margin-bottom: 10px;padding: 0; border: none;}
    .dangky_frm{padding: 0; border: none;}
    div.dangnhap{width: 100%;}
}
@media (max-width: 480px){
    .item_video{width: calc(100% - 10px);}
    #giohang tr.tr_giohang{line-height: 16px !important;}
    #giohang *{font-size: 10px !important;}
    #giohang .tenctgh{font-size: 10px !important;}
    #giohang .tenctgh *{font-size: 10px !important;height: auto !important}
    #giohang .tenctgh div.flexwb>p{width: 60px !important;}
    #giohang .tenctgh div.flexwb .baoghsp{width: calc(100% - 60px) !important;padding: 5px 5px 5px 2px;
    line-height: 17px;}
    .tenctgh{width: calc(100% - 110px) !important}
    table#giohang input{width: calc(100% - 4px); margin: 0 2px;height: 26px;}
    .tenctgh1{width: 30px !important;}
    .gh_an{width: 80px !important; }
    .giohang_img{margin: 0 !important;}
    .box_news a.img{width: 130px;}
    .box_news a.img img{height: 130px;}
    .box_news h3 a{font-size: 13px;}
    .box_news .mota{font-size: 12px;max-height: 60px;-webkit-line-clamp: 3;}

    .tieudedangky{font-size: 16px;}
    .cotdonhang div{font-size: 10px;line-height: 18px;padding: 2px;}
    .cotdonhang0 div{font-size: 11px;line-height: 18px;}
    .madonhang {width: calc(40% - 30px);}
    .tiendonhang{width: 25%;}

}
.icon_delete{
    color: #000;
    font-size: 15px;
}
.icon_delete:hover{
    color: #f00;
}

.tieude_thanhtoan {
    background: #eee;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    height: 35px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    line-height: 32px;
}

form#frm_order {
    display: flex;
    flex-flow: row wrap;
}

.btn_thanhtoan {
    background: #da1b00;
    color: #FFF;
    margin-top: 3px;
    border: none;
    outline: 0;
    width: 100%;
    height: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #666;
    border-radius: 3px;
    border: solid 1px #D68731
}
/*.bg_chuyenhang {
    background: url(../images/thanh-toan-khi-nhan.jpg) no-repeat top center;
    height: 500px
}*/
.shopping-cart {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 30px
}
/* Button Frame */
.btn-frame{display:block;width:40px;height:40px;position:fixed;right:10px;z-index:100;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;
-ms-flex-align:center;width:40px;height:40px;border-radius:50%;background:#1182FC;
position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite,.btn-support .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:48px;height:48px;top:-4px;right:-4px;position:absolute;
background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;
border-radius:100%;border:1px solid #1182FC;box-sizing: border-box;}
.btn-frame .zoomIn,.btn-support .zoomIn{animation-name:zoomIn;}
.btn-frame .animated,.btn-support .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:56px;height:56px;top:-8px;right:-8px;position:absolute;
-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;
-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;
background-color:rgba(17,130,252,0.6);opacity:.4;box-sizing: border-box;}
.btn-frame .pulse,.btn-support .pulse{animation-name:pulse;}

.btn-zalo{bottom: 170px;}