.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
p{margin-bottom:0px;}
 
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; max-width:1366px; margin:auto; position:relative; overflow:hidden;}
.top{height:38px; line-height:38px; width:100%; background:#91010c;}
.top-content{ width:98%; max-width:1200px; margin:auto;}
.top-left{ padding-left:15%; float:left; color:#fff; font-size:14px; font-family:arial;}
.top-right{ float:right; color:#fff; font-size:14px; font-family:arial;}
.top-right span{ font-weight:bold; color:#fff200; font-size:15px; font-family:arial;}

.header{ width:100%; background:url(images/head.png) no-repeat center; background-size:cover; position:relative; z-index:999; } 
.header_content{width:98%; max-width:1200px; margin:auto; position:relative; }
.banner{display:block; margin:auto; float:left; margin-left:70px;}
.logo{display:block; position:absolute; left:0px; top:-38px; z-index:99;}
.cname{ color:#a1010d; text-align:center; font-family: 'UTM-Avo'; font-size:50px;}
.c-slogan{ color:#000000; text-align:center; font-family: 'UTM-Avo'; font-size:28px; font-style:italic;}
.banner-icon{ height:110px; position:relative; }
.item-top{position:absolute; top:24px; right:0px } 
 
.zalo-share-button{ float:left;}
.wrap_menu1{ margin:auto; width:100%; text-align:center; height:40px; position:fixed; top:0px; left:0px; background:#fff; z-index:999; display:none;}
.wrap_menu{ margin:auto; height:40px; float:right;}
.menu{ position:relative; height:40px;display:inline-block; }
.menu li{float:left; padding-right:1px; }
.c1 a{padding-left:0px !important;}
.menu li::before{ content:''; height:11px; width:1px; position:absolute; right:0px; top:16px; background:#91010c;}
.menu li:last-child::before,.menu li li::before{ display:none !important;}
.menu li a{font-size:16px; color:#91010c; display:block; height:40px; line-height:40px; font-family: 'UTM AvoBold'; transition:all 0.5s; padding:0 18px;}
.menu li a:hover{ color:#222; transition:all 0.5s;}
.asas{display:none;}
.menu li li a{ font-family:'Roboto-Regular';}


#search1{ width:275px;  position:relative; }
#search1 input{width: calc( 100% - 90px ); padding:0 5px; border:1px #464646 solid; background: #fff; outline:none; color:#243632; font-family:arial; font-size:11px; float:left; height:30px; border-right:none; }
#search1 input::-webkit-input-placeholder { color:#243632;}
#search1 input::-moz-placeholder { color:#243632;}
#search1 input:-ms-input-placeholder { color:#243632;}
#search1 input:-moz-placeholder { color:#243632;}
#search1 button{ border:none; color:#fff; font-size:11px; font-family:arial; font-weight:bold; background:#af0b1b; height:30px; width:90px; float:right;}

#search{width: calc( 100% - 80px ); float:right; display:none; position:relative; }
#search input{width: calc( 100% - 90px ); padding:0 5px; border:1px #464646 solid; background: #fff; outline:none; color:#243632; font-family:arial; font-size:11px; float:left; height:30px; border-right:none; }
#search input::-webkit-input-placeholder { color:#243632;}
#search input::-moz-placeholder { color:#243632;}
#search input:-ms-input-placeholder { color:#243632;}
#search input:-moz-placeholder { color:#243632;}
#search button{ border:none; color:#fff; font-size:11px; font-family:arial; font-weight:bold; background:#af0b1b; height:30px; width:90px; float:right;}
.addthis_native_toolbox{ float:left;}
/*------end menu-------*/
.slider{ width:100%; position:relative; margin:auto;}
/*-----------end slider-------------*/
.wrap-about{width:100%; background:url(images/bg2.png) no-repeat center; position:relative; }
.wrap-about::before{ width:100%; height:9px; content:''; background:url(images/rangcua1.png) no-repeat center; position:absolute; left:0px; top:0px;}
.wrap-about::after{ width:100%; height:9px; content:''; background:url(images/rangcua2.png) no-repeat center; position:absolute; left:0px; bottom:0px;}
.about{width:98%; max-width:1200px; margin:auto; padding:50px 0;}
.about-content{width:36%; float:left; position:relative;}
.about-content img{width:100%; }
.certificate-content{width:64%; float:right; margin-left:0%; padding:35px 30px; background:#fff; text-align:center; margin-top:40px;}
.title-about{color:#630012; font-family: 'UTM-Avo';  font-size:25px; background:url(images/tt.png) no-repeat bottom center; padding-bottom: 25px; margin-bottom: 20px;}
.mota-gioithieu{color:#363636; font-family: 'UTM-Avo'; font-size:15px; line-height:1.8; text-align:center;}
.xemgt{ display:block; width:110px; height:37px; font-family: 'UTM-Avo'; line-height:37px; text-align:center; color:#fff; border-radius:20px; font-size:15px; margin:auto; margin-top:30px; background:#b80612; }
.xemgt:hover{ color:#ff0; }

.about-content1{width:36%; float:right; position:relative;}
.about-content1 img{width:100%; }
.certificate-content1{width:65%; float:left; margin-right:-1%; padding:35px 30px; background:#fff; text-align:center; margin-top:40px; border:1px #e4e4e4 solid;}

.wrap-tab{width:100%; background: url(images/bg2.png) no-repeat center; background-size:cover; position:relative; padding:30px 0;}
.wrap-tab::before{ width:100%; height:9px; content:''; background:url(images/rangcua1.png) no-repeat center; position:absolute; left:0px; top:0px;}
.wrap-tab::after{ width:100%; height:9px; content:''; background:url(images/rangcua2.png) no-repeat center; position:absolute; left:0px; bottom:0px;}

.main{ }
.main_content{ width:98%; max-width:1200px; margin:auto; padding:40px 0; }
.box_container{ position:relative;}
.listimg{display:block; width:100%;}

.index-tab{ }

.ttlist{ margin-bottom:20px; text-align:center;}
.ajax-sp{display:inline-block; margin:0 30px; color:#232323; font-family: 'UTM AvoBold'; height:40px; line-height:40px; background:url(images/list2.png); position:relative; cursor:pointer; padding: 0 10px;}
.ajax-sp::before{ content:'';width:26px; height:40px; background:url(images/slist3.png) no-repeat right center; position:absolute; left:100%; top:0px;}
.ajax-sp::after{ content:'';width:26px; height:40px; background:url(images/list1.png) no-repeat left center; position:absolute; right:100%; top:0px;}
.ajax-sp font{ position:absolute; left:0px; bottom:-9px; width:100%; height:9px; background:url(images/bong.png) no-repeat center; }
.ajax-sp a{color:#232323;}
.ajax-sp a:hover{color:#f00;}

.item{width:23.5%; float:left; position:relative; margin-right:2%; margin-bottom:30px;}
.item:nth-child(4n){ margin-right:0px;}
.item:nth-child(4n+1){ clear:both;}
.item .item_content{position:relative; font-family: 'UTM-Avo'; color:#fff; padding-top:5px; padding:6px 0;}
.item .name{text-align:center; margin-bottom:6px; }
.item .name a{font-size:18px; font-family: 'UTM-Avo'; color:#fff; transition:all 0.2s;}
.item:hover .name a{ color:#ff0; transition:all 0.2s; }
.item .box_item_img{position:relative; overflow:hidden; background:#fff; border:5px #fff solid;} 
.item .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }
.item .sp-xemthem{ color:#fff; font-size:16px; text-align:center;}
.item .sp-xemthem span{ color:#ff0; }

.item1{width:23.5%; float:left; position:relative; margin-right:2%; margin-bottom:30px;}
.item1:nth-child(4n){ margin-right:0px;}
.item1:nth-child(4n+1){ clear:both;}
.item1 .item_content{position:relative; font-family: 'UTM-Avo'; color:#fff; padding-top:5px; padding:6px 0;}
.item1 .name{text-align:center; margin-bottom:6px; }
.item1 .name a{font-size:18px; font-family: 'UTM-Avo'; color:#91010c; transition:all 0.2s;}
.item1 .box_item_img{position:relative; overflow:hidden; background:#fff; border:5px #91010c solid;} 
.item1 .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item1:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }
.item1 .sp-xemthem{ color:#91010c; font-size:16px; text-align:center;}
.item1 .sp-xemthem span{ color:#f00; }

.title_sp{height:48px; width:100%; margin-bottom:20px; position:relative; border-bottom:3px #00792b solid;}
 
.title_sp font{ display:inline-block; cursor:pointer; height:44px; line-height:44px; position:relative; color:#191919; font-family:'Roboto-Bold'; text-transform:uppercase; font-size:15px;   background:#ebebeb; padding:0 20px;} 
.title_sp font:nth-child(2){ padding-left:40px;}
.title_sp span{ display:inline-block; cursor:pointer; height:45px; line-height:45px; position:relative; color:#fff; font-family:'RobotoMedium'; text-transform:uppercase; font-size:16px; padding:0 35px; z-index:99; min-width:100px; background:#1d8b00; padding:0 20px;} 
.title_sp span::before{width:42px; height:45px; background:url(images/ttm1.png) no-repeat; content:''; position:absolute; left:100%; top:0px;z-index:99;}


 
.wrap-bottom{ }
.bottom{padding:30px 0; width:98%; max-width:1200px; margin:auto;}
.title_bottom{text-align:center; margin-bottom:30px;} 
.title_bottom span{display:inline-block; margin:0 35px; color:#fff; font-family: 'UTM AvoBold'; font-size:20px; height:40px; line-height:40px; background:url(images/ttbt3.png); position:relative; cursor:pointer; padding: 0 15px; min-width:220px; text-align:center;}
.title_bottom span::before{ content:'';width:32px; height:40px; background:url(images/ttbt2.png) no-repeat right center; position:absolute; left:100%; top:0px;}
.title_bottom span::after{ content:'';width:32px; height:40px; background:url(images/ttbt4.png) no-repeat left center; position:absolute; right:100%; top:0px;}
.title_bottom span font{ position:absolute; left:0px; bottom:-9px; width:100%; height:9px; background:url(images/ttbt1.png) no-repeat center; }

 
.news{color:#353535; width:97%; margin:18px auto; font-family: 'Roboto-Regular'; font-size:14px;}
.news .img-news{ width:45%; float:left;}
.news div.ngay { font-family: 'Roboto-Regular'; font-size:14px; color:#909090;}
.news div.tenn { line-height: 1.5; }
.news div.tenn a{font-family: 'UTM-Avo'; font-size:17px; text-transform:uppercase; color:#af0b1b;}
.news .box_content_news{ font-family:arial; font-size:14px; color:#464646; font-size:13px; width:52%; float:right; }
.xemtin{margin-top:30px;}
.xemtin a{ color:#df1113; font-family:arial; font-size:13px; text-decoration:underline; }

 
.wrap-email{ background:url(images/bg1.png) no-repeat center; background-size:cover; padding-top:40px; position:relative;}
.wrap-email::before{ width:100%; height:9px; content:''; background:url(images/rangcua1.png) no-repeat center; position:absolute; left:0px; top:0px;}
.wrap-email::after{ width:100%; height:9px; content:''; background:url(images/rangcua2.png) no-repeat center; position:absolute; left:0px; bottom:0px;}

.center{width:45%; float:right;}
 
.center-slogan{ color:#fff; font-size:30px; font-family: 'UTM AvoBold'; margin-bottom:10px; text-shadow: 2px 0 0 #af0b1b, -2px 0 0 #af0b1b, 0 2px 0 #af0b1b, 0 -2px 0 #af0b1b, 1px 1px #af0b1b, -1px -1px 0 #af0b1b, 1px -1px 0 #af0b1b, -1px 1px 0 #af0b1b; margin-bottom:15px;}
.email_dk_content{ }
.input_mail{width: 100%; margin-bottom:10px; height:45px; border:none; border-radius:4px; padding: 0 12px; display:block; background:#fdf4e1;}
.input_mail:nth-child(1){width:49%; float:left;}
.input_mail:nth-child(2){width:49%; float:right;}

.text_mail{width: 100% ; border:none; border-radius:4px; padding: 0 12px; display:block; background:#fdf4e1; margin-bottom:10px; }
 
.btnct_dk{width:125px; height:56px; margin-right:6px; background:#af0b1b; border:none; color:#fff; font-size:18px; font-family: 'UTM AvoBold'; margin-top:10px;}

.title_bottom1{font-family: 'UTM-Avo'; text-align:left; color:#282828; font-size:22px; padding-bottom:10px; background:url(images/line.png) repeat-x bottom; position:relative; margin-left:18px; margin-bottom:20px;}
.title_bottom1::before{ content:''; background:#af0b1b; width:6px; height:33px; position:absolute; left:-18px; top:9px;}

.item-bottom{width:32%; float:left; margin-right:2%; } 
.item-bottom:nth-child(3){ margin-right:0%; } 
#listvideo{ width:100%; height:25px;}
.video-wrapper{padding-bottom:265px; position:relative;}
.video-wrapper iframe{border:none; width:100%; height:100%; position:absolute;}

.hotro{ width:100%; height:290px; background:url(images/ht.png) no-repeat; background-size:cover; text-align:center; padding:40px 10px;}
.tt-hotro{ font-family: 'RobotoMedium'; font-size:22px; color:#fff; text-align:center;}
.tel{ font-family: 'Roboto-Bold'; font-size:24px; color:#fff; display:inline-block; background:url(images/tel.png) no-repeat left top; padding: 19px 0 9px 77px; margin:10px;}
.email{ font-family: 'RobotoMedium'; font-size:18px; color:#fff; margin-top:10px;}

.holder { margin: 15px 0; text-align:center; }
.holder a { font-size: 14px; display:inline-block; width:26px; height:26px; line-height:26px; border:1px #e6e6e6 solid; cursor: pointer; background-color: #fcfcfc; margin: 0 2px; color: #333; border-radius:50%; }
.holder a:hover { background-color: #dc0000; border:1px #dc0000 solid; color: #fff; }
.holder a.jp-previous { margin-right: 15px; display:none; }
.holder a.jp-next { margin-left: 15px;  display:none;}
.holder a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: bold; }
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;  background-color: #dc0000; border:1px #dc0000 solid; color: #fff;}
.holder span { margin: 0 5px; }

.end{ background:url(images/ft.png) no-repeat center; background-size:cover; }
.footer_content{width:98%; max-width:1200px; margin:auto; font-family:'Roboto-Regular'; font-size:14px; padding:40px 0;}
.ft_info{width:32%; float:left; color:#fff; font-family: 'SVN-Aptima';}

.ft_access{width:50%; float:right; border:3px rgba(255,255,255,0.5) solid; }
.ft_tt{color:#fff200; font-size:42px; font-family: 'UTM Soraya'; position:relative;}
 
.cty_name{ font-family: 'UTM-HelvetIns'; color:#fcff00; font-size:27px; margin-bottom:10px;}

.copy{width:100%; background:#a20716;padding:12px 0; }
.copyc{ width:98%; max-width:1200px; margin:auto; font-family: 'Roboto-Regular'; font-size:13px; color:#fff; text-align:left;}
.copyc div{float:right}
/*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#000; padding: 2.5px 12px; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{	font-weight:bold; background:#217E07; padding: 3px 12px; color:#ffffff;}
.phantrang span{ font-weight:bold; background:#217E07; padding: 3px 12px; color:#ffffff;}
/*------------------------------------*/
.lh_cont{width:49%; float:left;}
.frm_lienhe{width:49%; float:right;}
.bando{width:100%;}

.ipct{width: 100%; height:30px; border: 1px solid #333; border-radius: 5px; padding:0 10px; margin-bottom:10px; color:#333; outline:none; background: none;}
.ipct:nth-child(2n){ float:right;}
.ipct:nth-child(2n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#333;}
.ipct::-moz-placeholder { color:#333;}
.ipct:-ms-input-placeholder { color:#333;}
.ipct:-moz-placeholder { color:#333;}

.tact{ border: 1px solid #333; border-radius: 5px; width: 100%; padding: 0 10px; background:none; margin-bottom:10px; outline:none;}
.tact::-webkit-input-placeholder { color:#333;}
.tact::-moz-placeholder { color:#333;}
.tact:-ms-input-placeholder { color:#333;}
.tact:-moz-placeholder { color:#333;}

.btnct{ background:#df1010; padding:5px 20px; border:none; font-size:16px; font-family: 'OpenSansBold'; border-radius:3px; color:#fff;}

.box_container{ }
.chitietsanpham{width:100%;  }
.zoom_slick{ width:35%; float:left;}
.slider-for{width:75%; float:right;}
.slider-nav{width:24.5%; float:left;}

.product_info{ width:63%; float:right;}
.mota{ font-size:14px; color:#000; font-family: 'Roboto-Regular'; margin-bottom:6px;}

.division{display:inline-block; width:40px; font-size:15px; float:left; height:40px;text-align:center; cursor:pointer;line-height:40px; border:1px #000 solid; border-right:none; background:#fff;}
.sluong{display:inline-block; border:1px #000 solid; width:40px; float:left; height:40px;text-align:center; line-height:40px;}
.plus{display:inline-block; width:40px; height:40px; font-size:15px; float:left;text-align:center; cursor:pointer; line-height:40px;  background:#fff; border:1px #000 solid; border-left:none;}
.addtocart{height:40px; background:#024F91; margin-left:15px; color:#fff; border:none; border-radius:4px; padding:0 10px; font-size:17px; float:left; font-weight:bold;}


.detail{font-size:14px; color:#000;  margin:6px 0; font-family: 'Roboto-Regular'; position:relative; margin-bottom:5px; }
.detail font{color:#f00; font-size:18px;}
 
.addfont{ font-size: 20px; font-family: 'Roboto-Bold'; color: #e64100; text-transform:uppercase; }
 
 
.box_de_cont{padding:10px;}
.box_news{padding:7px 0; width:49%; margin-right:2%; float:left; border-bottom:1px dotted #A0A0A4;}
.box_news:nth-child(2n){ margin-right:0;}
.box_news:nth-child(2n+1){ clear:both; }

.box_news h3 a{ font-size:16px; color:#1e1e1e; font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover  h3 a{color:#F00; transition:0.4s;}
.box_news a.chitiet{ color:#00F;}
.box_news a{ text-decoration:none;}
.box_news a img{ float:left; margin:4px 15px 3px 0px; width:31%; height:auto; transition:1s; border:1px solid #BBB;}
.box_news a img:hover{opacity:0.4;	transition:1s;}

.call{width:100%; display:none; height:40px; line-height:40px; position:fixed; bottom:0px; left:0px; background:#7a030f; text-align:center; z-index:9999;}
.call div{width:33%; float:left; height:40px;}
.call strong{padding-left:38px; display:inline-block;}
.call span{display:inline-block; height:40px; line-height:40px; background:url(images/goidien.png) no-repeat left center; padding-left:28px;  background-size:auto 25px;
	-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;
	}
.call a{color:#fff !important; font-size:14px;}
.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; }
}
  
/* Gio hang*/
#giohang{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0px;left: 0;  background: rgba(0,0,0,0.5); opacity: 0;}
#giohang.active{z-index: 999; opacity: 1;}
.w-giohang{background: #FFF;position: relative;width: 800px;max-width: 100%; margin: 50px auto; border-radius: 5px;padding: 10px; transition:all 0.5s;top: -1000px; max-height: 90%;overflow: auto;}
#giohang.active .w-giohang{top: 0;}
.giohang-cl{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.giohang-tit{ margin-bottom: 15px; font-family: 'RobotoCondensed-Regular'; font-size: 18px;}
.giohang-tit  a{color:blue; transition:all 0.5s; font-family: 'RobotoCondensed-Regular';}
.giohang-tit:hover a{color:#f00; text-decoration:underline; transition:all 0.5s;}
.tbl-giohang .tr{ border-bottom: 1px solid #CCC;}
.tbl-giohang .th{  padding: 2px 5px;}
.tbl-giohang .th:last-child{text-align: right; padding-right: 20px;}
.tbl-giohang .td{ padding: 5px 0px;}
.tbl-giohang .td:nth-child(1){width: 50%; padding-right:10px;}
.tbl-giohang .td:nth-child(2){ color: #f00; font-weight: bold;}
.tbl-giohang .td:nth-child(3){ font-weight: bold; width: 50px;}
.tbl-giohang .td:nth-child(4),.tbl-giohang .th:nth-child(4){ width:120px; text-align: center;}
.tbl-giohang .td:nth-child(4){ color:#f00;}
.tbl-giohang .td:nth-child(3) input{ width: 50px;}
.tbl-giohang .td:nth-child(5){ text-align: right; font-weight: bold; color: #F00;}
.giohang-thanhtien{ font-family: 'RobotoCondensed-Bold'; text-align: right; font-size: 16px; margin-top: 10px; }
.giohang-thanhtien span{ color: #f00;}
.giohang-btn{margin-top: 10px;}
.giohang-btn-l{float: left;}
.giohang-btn-r{float: right;}
.giohang-btn-r button{ background: #d60c0c; color: #FFF; font-family: 'RobotoCondensed-Bold'; font-size: 16px; padding: 5px 15px; border:none;}

.box-spc{}
.box-spc img{width: 120px;float: left; border: 1px solid #CCC; margin-right: 10px;}
.box-spc a{ display: block; font-size: 12px; color:#1471CE; transition:all 0.3s;}
.box-spc a:hover{ display: block; color:#f00; transition:all 0.3s;}
.box-spc .gh-name{ font-size: 14px; color:#ad7d33; font-family: 'RobotoCondensed-Bold';}
.box-spc .del-cart{ color:#00f; }
 
/* Thanh toan */
.left-tt{width: 60%;float: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px;}
.right-tt{width: calc(40% - 20px);float: right; border: 1px solid #CCC; border-radius: 5px; padding: 10px;}
.thanhtoan-tit{margin: 10px 0px; background: #eeeeee; font-family: 'RobotoCondensed-Regular';}
.thanhtoan-tit .step{width: 33.33%;float: left; padding: 5px 10px;}
.thanhtoan-tit .step span{ padding: 3px 10px; background: #999; color: #FFF; border-radius: 50%; margin-right: 10px;}
.thanhtoan-tit .step.active{ background: #f4f9fd;position: relative;}
.thanhtoan-tit .step.active:before{width: 20px;height: 100%;position: absolute;top: 0;right: 0;background: url(../img/step-at.png); background-size: 100% 100%;content: "";}
.thanhtoan-tit .step.active:nth-child(3):before{display: none;}
.thanhtoan-tit .step.active span{ background: #0099cc;}
.w-st1{ max-width: 400px; margin: 20px auto;}
.w-st1 label{font-weight: normal;}
.w-st1 input[type="text"]{ margin-bottom: 10px;}
.w-st1 input[type="button"],.w-st1 input[type="submit"]{width: 100%;border: none;padding: 5px 10px;background: #d60c0c; color: #FFF;}
.st1-pwd{display: none;}
.w-st1 .input{width: 100%; padding: 5px;}
.thongbao{font-weight: bold;color: #F00;}
.rtit{font-family: RCB; color: #555; font-size: 18px; margin-bottom: 10px;}
.rtit a{ float: right; font-size: 14px;}
.box-spr{ margin-bottom: 5px;padding-bottom: 5px; border-bottom: 1px solid #CCC;}
.box-spr-img{width: 30%;float: left; border: 1px solid #CCC;}
.box-spr h3{width: 40%;float: left; padding: 0px 10px; margin: 0;font-family: 'RobotoCondensed-Regular'; font-size: 15px;}
.box-spr-gia{width: 30%;float: left; text-align: right;}
.r-info-l{float: left;font-weight: bold;}
.r-info-r{float: right;font-weight: bold; color: #F00;}
.box-donhang{ margin-bottom: 10px;}
.box-donhang table{ width: 100% !important;}

.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: 'RobotoCondensed-Regular'; font-size:16px;}
.tbl .td,.tbl .th{ display: table-cell;}
.set_w{ }
.ajax_soluong{ background: none; border: 1px #fff solid; padding-left:10px; width:90%; margin:0 5%; display:block; border: 1px solid #ccc; height:34px;border-radius: 4px;}

.tt_box{ width:100%; float:none; margin-bottom:20px;}
.frm_info{ width:100%; float:none;}
.httt{width:100%; margin-top:20px;}
.check_ht{margin-bottom:10px;}

.check_ht span{display:block; width:20px; height:20px; text-align:center; line-height:25px;  float:left}
.check_ht span i{font-size:18px; cursor:pointer; color:#ad7d33;}
.check_ht .tt_info{width: calc( 100% - 35px ); float:right;}
.check_ht .tt_info b{font-size:15px;}

.month{width:30px; height:30px; display:block; float:left; margin:3px; line-height:30px; text-align:center; position:relative; border:1px #ccc solid; font-weight:bold; font-size:12px;}
.month_active{ border:1px #ff1300 solid !important;}
.check{width:18px; display:none; height:18px; line-height:21px; padding-left:8px; background:url(images/corner.png) no-repeat; background-size:100% 100%; position:absolute; right:0px; bottom:0px;}
.check img{width:10px;}
.color_img{display:block; width:100%;}
 
.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; }
}
/*phone*/
.quick-alo-phone.quick-alo-show {
	visibility: visible;
}

.quick-alo-phone {
	position: fixed;
	visibility: hidden;
	background-color: transparent;
	/* width: 200px;
	height: 200px;*/
	width:82px;
	height:64px;
	cursor: pointer;
	z-index: 200000 !important;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition: visibility .5s;
	-moz-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5;
}

.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {

    background-color: #2aa3d4;
    opacity: .75 !important;
}

.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #2aa3d4;
}

.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    color: red;
    font-size: 20px;
    font-family: RobotoBold;
    left: 70px;
    position: absolute;
    background: rgba(30,30,30,0.1) url("images/call.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #75eb50;
}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}