html,body,div,span,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{background:transparent;margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline}
html, body {
    width: 100%;
}

html {
    margin: auto;
}
body {
    vertical-align: middle;
	font-size:12px;
	font-family:Arial;
  	color:#000;
  	line-height:normal;
	margin:0 auto;
	padding:0;
	outline:0;
	border:0;
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
	min-width:360px;
 }
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a img{border: none; vertical-align: middle;} 
a:hover,a:active{outline:none}
a,a:active,a:visited{text-decoration:none;outline:0;cursor:pointer}
.link{ color:#03F;}
h1,h1 a{font-size:16px;}
h2,h2 a{font-size:14px; color:#150959;}
h3,h3 a{font-size:12px; color:#000;}
h4,h4 a{color:#000}
small{font-size:85%}
strong,th{font-weight:bold}
iframe {border:none;}
.show{display:block;}
.hide{display:none;}
.img img{vertical-align: middle; max-width:98%; max-height:98%;} 
.img {vertical-align: middle; max-width:98%; max-height:98%;} 
.imalign{vertical-align:middle}
:focus{outline:0;}
.fix{overflow:hidden;}
.clearfix{display:block;width:100%}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clear{clear:both;height:1px;overflow:hidden}
.lines, #line{ display:block;height:1px;background-image:url(line.gif); overflow:hidden;}
.line{background: url(line_h.gif) repeat-x bottom; display:block;}
.fl, #fl{float:left; line-height:}
.fr, #fr{float:right;}
.fc, #fc{margin:0 auto;}
.alignleft,#alignleft{text-align: left;}
.alignright,#alignright{text-align: right;}
.aligncenter,#aligncenter{text-align: center;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pa30{padding:30px;}
.pat3{padding-top:3px;}
.pat5{padding-top:5px;}
.pat10{padding-top:10px;}
.pat15{padding-top:15px;}
.pat20{padding-top:20px;}
.pat30{padding-top:30px;}
.par5{padding-right:5px;}
.par10{padding-right:10px;}
.par15{padding-right:15px;}
.par20{padding-right:20px;}
.par30{padding-right:30px;}
.pab5{padding-bottom:5px;}
.pab10{padding-bottom:10px;}
.pab15{padding-bottom:15px;}
.pab20{padding-bottom:20px;}
.pab30{padding-bottom:30px;}
.pal5{padding-left:5px;}
.pal10{padding-left:10px;}
.pal15{padding-left:15px;}
.pal20{padding-left:20px;}
.pal30{padding-left:30px;}
.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}
.ma30{margin:30px;}
.mat5{margin-top:5px;}
.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}
.mat30{margin-top:30px;}
.mat40{margin-top:40px;}
.mar5{margin-right:5px;}
.mar10{margin-right:10px;}
.mar15{margin-right:15px;}
.mar20{margin-right:20px;}
.mar30{margin-right:30px;}
.mab5{margin-bottom:5px;}
.mab10{margin-bottom:10px;}
.mab15{margin-bottom:15px;}
.mab20{margin-bottom:20px;}
.mab30{margin-bottom:30px;}
.mal5{margin-left:5px;}
.mal10{margin-left:10px;}
.mal15{margin-left:15px;}
.mal20{margin-left:20px;}
.mal30{margin-left:30px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t13{font-size:13px;}
.t14{font-size:14px;}
.t15{font-size:15px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}
.t_b{font-weight:bold;}
.t_n{font-weight:normal;}
.t_r{text-align:right!important; padding-right:5px}
.t_l{text-align:left!important; padding-left:5px}
.t_c{text-align:center!important}
.t_full{text-align:justify}
.t_white{color:#FFF;}
.t_yellow{color:#FF0;}
.t_orange{color:#F60;}
.t_red{color:#F00;}
.t_blue{color:#039;}
.t_cyan{color:#03F;}
.t_black{color:#000;}
.t_black10{color:#E6E7E8;}
.t_black20{color:#D2D3D5;}
.t_black30{color:#BDBFC1;}
.t_black40{color:#A9ABAE;}
.t_black50{color:#96989A;}
.t_black60{color:#848688;}
.t_black70{color:#727376;}
.t_black80{color:#606062;}
.t_black90{color:#4B4B4D;}
.linkdefault{color:#00C;}
.wid20x{width:20%}
.wid23x{width:23.5%}
.wid24x{width:24%}
.wid25x{width:25%}
.wid30x{width:30%}
.wid40x{width:40%}
.wid46x{width:46%}
.wid48x{width:48%}
.wid50x{width:50%}
.wid55x{width:55%}
.wid60x{width:60%}
.wid70x{width:68%}
.wid75x{width:75%}
.wid80x{width:80%}
.wid85x{width:85%}
.wid90x{width:90%}
.wid95x{width:95%}
.wid98x{width:98%}
.wid99x{width:99%}
.wid100x{width:100%}
.wid100{width:100px}
.wid120{width:120px}
.wid150{width:150px}
.wid160{width:160px}
.wid170{width:170px}
.wid180{width:180px}
.wid200{width:200px}
.wid203{width:203px}
.wid238{width:238px}
.wid250{width:250px}
.wid280{width:280px}
.wid300{width:300px}
.wid310{width:310px}
.wid330{width:330px}
.wid324{width:324px}
.wid370{width:370px}
.wid350{width:350px}
.wid470{width:470px}
.wid510{width:510px}
.wid506{width:506px}
.wid510{width:510px}
.wid620{width:620px}
.wid650{width:650px}
.borderall{border: 1px #ccc solid;}
.bogoc{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.button{background-color:#fff;border: 1px solid #ccc;color:#000;cursor: pointer;font-weight: bold; height:28px;}
.buttonac{background-color:#F00;border: 1px solid #ccc;color:#fff;cursor: pointer;font-weight: bold; height:28px;}
.button:hover {background-color:#fff; border: 1px solid #999; color:#F00;cursor: pointer;font-weight:bold;}
.bogoc{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-border-radius: 3px 3px 3px 3px;-o-border-radius: 3px 3px 3px 3px;}
select, input, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;border:#ccc 1px solid;}
select, input{height:25px;}
#header{clear:both;width:99.9%;margin:0 auto;}
#header{text-align:center}
#header .logo{border:0px solid #E1E1E1;width:390px; margin:0 auto; padding-top:10px;}
#header .logo img{display:table-cell;vertical-align:middle;padding:20px 0px 20xp 0px;}

.col{letter-spacing: normal; word-spacing: normal;vertical-align: top;text-rendering: auto;}
.collist-1,.collist-2{position: relative;}   
.collist-1{background-color:#F5F5F5; min-height:600px;}
.collist-1{float:left;}
.collist-2 {border: 0px solid #f00;float:left;}
.collist-2 .colleft{width:40%; float:left;border: 0px solid #f00;}
.collist-2 .colright{width:60%; float:right;border: 0px solid #f00;}
.collist-2 .coldetail{width:100%; float:right;border: 0px solid #f00; padding:5px;}

.improductfix{overflow:hidden;display:block;text-align:center}
.improduct{flex-direction:column;justify-content: center;align-items: center;width: 100%;height: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flexbox;}
.improduct img{display:table-cell;vertical-align:middle;max-width:100%;max-height:100%; margin:0 auto;}
#views_block {padding-left:8%;width:98%;}
#thumbs_list {width:85%;}
.improduct{width:99%; height:250px;margin: 0 auto;}

.collist-2 .colleft .info-details{width:100%;text-align:left; display: inline-block;padding-left:5px;}
.collist-2 .colleft .info-details p{font-weight:bold;color:#009; font-size:14px;}
.collist-2 .colright .info-details{width:100%;text-align:left; display: inline-block; margin-top:5px;}

.collist-2 .colright .name{ font-size:16px; font-weight:bold; color:#333;}
.collist-2 .colright .start{ font-size:16px; font-weight:bold; color:#333;}
.collist-2 .colright .info-details .info-left{float:left;width:30%;text-align:left; line-height:30px; font-weight:bold; color:#666; padding-left:3px;}
.collist-2 .colright .info-details .info-right{float:left;width:66%;text-align:left;line-height:30px;}
.collist-2 .colright .info-details .info-right s{font-weight:bold;color:#666; font-size:16px;}
.collist-2 .colright .info-details .price{font-weight:bold;color:#F00; font-size:18px;}
.collist-2 .colright .info-details .kmtitle{float:left;width:98%;font-weight:bold;color:#F00; clear:both; font-size:16px; margin-top:15px;}
.collist-2 .colright .info-details .khuyenmai{width:98%; line-height:20px; font-weight:bold; margin-left:15px;color:#F00; clear:both;}




#menutabs {width:100%; height:31px; border-bottom:1px solid #E1E1E1;}
#menutabs img{border:0;}
#menutabs  ul {list-style: none;padding: 0px;margin: 0px;}
#menutabs  ul li {display: block;position: relative;float: left;}	
#menutabs  ul li {display: block;position: relative;}
#menutabs  ul li a span{padding: 5px 10px 5px 5px;}
#menutabs  li ul{display: none;}
#menutabs  ul li a {font-size:14px;display: block;padding: 5px 15px 3px 10px;text-decoration: none; white-space: nowrap;color: #999;}
#menutabs  ul li a:hover {text-decoration:underline;}
#menutabs  ul .active a {background:#039;}
#menutabs  li:hover ul {display: block; position: absolute; width:240px; z-index:999;border-top:1px solid #999;}
#menutabs  li:hover li {float: none; border-bottom:1px solid #999;}
#menutabs  #drop-nav li ul li {border-top: 0px;}


#wrapper{width:99%;background:#fff;margin:0 auto;overflow:hidden; min-height:600px;}
/**/
.titleboxindex
{
	font-weight:bold; font-size:16px; color:#F60;line-height:28px; text-align:left;padding:5px; margin-left:10px; clear:both
}



.titlecat{font-weight:bold; font-size:16px; color:#F60;line-height:28px; text-align:left;padding:10px;}
.titlecat{background: url(line_h.gif) repeat-x bottom; width:100%; margin:0 auto;}

.warning{display:inline-block;color:#F00;padding:10px;width:39%;background-color:#FFC;border:#F90 2px solid; padding-left:10px}
.titlepage{font-weight:bold; font-size:16px; color:#F60;line-height:28px; text-align:left;background-color:#F7F6FB;padding:5px; margin:0 auto;}
.frompage h2{ font-size:12px; color:#666;}
.frompage{margin:0 auto;text-align:left;font-size:12px; color:#444;;padding:5px;padding-bottom:80px; }
.frompage:hover{margin:auto;font-size:12px; color:#444;;text-align:left; padding:5px;padding-bottom:80px; display:block; }
.fromselect{border:#AEAEB0 1px solid; padding:8px;}
.noidung{width:100%; text-align:center;}
.noidung .chitiet{width:98%; text-align:justify; padding:10px 20px 10px 10px; display:block;}

.col1detail{width:20%; border:#F90 0px solid; margin:5px; padding-left:10px;}
.col2detail{width:80%; border:#F90 0px solid; margin:5px;}
.thongtinchitiet{width:98%; text-align:justify; padding:10px 20px 10px 10px; display:block; font-size:14px;}
.buycart {background-color: #F60;border: 1px solid #ccc;color:#fff;cursor: pointer;font-weight: bold; padding:0 9px 0 9px;}


#mapurl{width:100%;margin:0 auto; background-color:#f00;display:inline-block;}
#mapurl ul {margin: 0;list-style: none; font-weight:bold; padding:3px;}
#mapurl ul li {background: url(here2.gif) no-repeat right 10px; padding-right:15px; }
#mapurl ul li {display: block;position: relative;float: left; padding:8px 15px 0px 5px; color:#039; height:36px;white-space: nowrap;}
#mapurl ul li a{color:#fff;}
#mapurl li li a{color:#fff;}

.wrap{overflow: hidden;}
.box,.boxInner{height:330px;border-bottom:1px #ccc solid;text-align:center;}
.box{float:left;position: relative; overflow:hidden;}
.boxInner{position: absolute;left: 0px;right: 0px;overflow: hidden;border:0px #000 solid;}
.boxInner .titleBox {position: absolute;bottom: 0;left: 0;right: 0;margin-bottom: -50px;background: #3F97F9;background: rgba(10, 121, 244, 0.8);color: #FFF;padding:5px 5px 5px 5px;text-align: center;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.titleBox {font-size:16px; color:#333;}
.im-align h3{font-size:16px;}
.boxInner:hover .titleBox,.boxInner.touchFocus .titleBox {margin-bottom: 0;}
.center{display:table;width: 100%;height:330px;}
.im-align{display: table-cell;text-align: center;vertical-align: middle;width: 100%;height:330px;}
.im-align img{max-width:100%;max-height:100%;}
.merrychristmas{}
@media only screen and (max-width:400px)
{
.products-grid.product-perrow .grid-item {width:100%;}
.header-mobile div{width:230px; height:40px;background-size:80px 60px;background-repeat: no-repeat; }
}
@media only screen and (max-width:500px)
{
#header .logo{display:none}

}
@media only screen and (min-width:401px) and (max-width:680px)
{
.products-grid.product-perrow .grid-item {width: 50%;}
.header-mobile div{width:290px; height:50px; margin-top:5px;}
}
@media only screen and (max-width:680px)
{
#nav-footer,#header .logo,#nav-desktop,#info,.collist-1{display:none}
.box {width: 100%;padding-bottom:5xp;}
.banner ul li{min-height:220px;}
#nav-desktop{display:none}
.header-mobile{width:100%;height:55px;}
.collist-2 {width:100%;}
.products-grid .grid-item .product-des a{opacity: 0; filter: alpha(opacity=100);}
.products-grid .grid-item .product-des div{opacity: 1; filter: alpha(opacity=0);}
.products-grid .grid-item:hover .product-des a{opacity: 1; filter: alpha(opacity=100);}
}
@media only screen and (min-width:681px)
{ 

.box {width: 50%;padding-bottom:5xp;}
.banner ul li{min-height:280px;}
.menu li a{font-size:10px;padding:0px 5px 0px 5px;}
.header-mobile{width:45px;height: 49px;}
.header-mobile div{display:none}
.products-grid.product-perrow .grid-item {width:33.3333333%;}
.products-grid .grid-item:hover .product-des {opacity: 1; filter: alpha(opacity=100);}
.collist-1{width:25%;}
.collist-2 {width:75%;}
.products-grid .grid-item .product-des a{opacity: 0; filter: alpha(opacity=100);}
.products-grid .grid-item .product-des div{opacity: 0; filter: alpha(opacity=0);}
.products-grid .grid-item:hover .product-des a{opacity: 1; filter: alpha(opacity=100);}
.products-grid .grid-item:hover .product-des div{opacity: 1; filter: alpha(opacity=100);}
} 
@media only screen and (min-width:881px)
{
.banner ul li{min-height:380px;}
.menu li a{font-size:12px;padding:0px 9px 0px 9px;}
.collist-1{width:20%;}
.collist-2 {width:80%;}
.products-grid.product-perrow .grid-item {width:25%;}
} 
@media only screen and (min-width:1001px)
{
.banner ul li{min-height:460px;}
.menu li a{font-size:13px;padding:0px 14px 0px 14px;}
.products-grid.product-perrow .grid-item {width: 19.955%;}
} 
@media only screen and (min-width:1500px)
{
.banner ul li{min-height:460px;}
.menu li a{font-size:15px;padding:0px 18px 0px 18px;}
.products-grid.product-perrow .grid-item {width: 19.955%;}
}