/*font*/
@font-face {font-family:UTMEremitage;src:url('font/UTM Eremitage.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:UTMBebas;src:url('font/UTM Bebas.ttf') format('truetype');font-weight:normal; font-style:normal;}

div.wrap{float:left; width:100%;position: relative;min-width:980px;}

/*header*/
div.line-header{float:left;width:100%;position: fixed;top:0px;z-index: 99;min-width:980px;}
div.line-header div.top{float:left; width:100%; background-color: #f1ca28;position: relative;height: 51px;}
div.line-header div.top div.logo{float:left;}
div.line-header div.top div.logo a{font-family: "UTMEremitage"; font-size: 37px; color:black; text-decoration: none; line-height: 40px;}


div.line-header div.box-search{float: right; margin-left:30px;margin-top:6px;margin-right:10px;}
div.line-header div.box-search form{float:left;margin:0px;}
div.line-header div.box-search form input[type='text']{ background-color: #fcf3cf; border: 1px solid white; float:left; width:250px; height:27px; padding: 5px 10px 5px 10px; border-radius:3px 0 0 3px; border-right:none; font-size:15px;}
div.line-header div.box-search form input[type='text']:hover{background-color: white}
div.line-header div.box-search form select{float:left; height:33px; border: 1px solid #dadada; border-left-color:#dadada; padding:2px 0 2px 0; border-right:none;}
div.line-header div.box-search form select option{border-bottom: #dadada 1px solid;}
div.line-header div.box-search form select:hover{background-color: white;}
div.line-header div.box-search form input[type='submit']{float:left; height:39px; background-color:#2f2f2f; color:#fff; text-transform: uppercase; cursor: pointer; font-size: 15px; padding:2px 20px 2px 20px;font-weight:bold; border-radius:0px 3px 3px 0; border:black 1px solid;}
div.line-header div.box-search form input[type='submit']:hover{background-color:#d30540;border-color:#d30540;}

div.line-header div.top div.hotline{float:left;height:52px; border-left:1px solid #594800;  color:#333;  padding-left:20px; margin-left:20px;font-family: UTMBebas, Impact;}
div.line-header div.top div.hotline i{font-size:28px;float: left; color:#5b5b5b;}
div.line-header div.top div.hotline span{color: #dd0d12;font-size:30px;float: left;margin-left:4px;margin-top:2px; text-shadow: 1px 0px 1px white;}
div.line-header div.top div.hotline div{clear:both;float: left;height: 28px;}
div.line-header div.top div.hotline div label{float: left; margin-right:5px;margin-top:4px;color:#5b5b5b;font-size: 14px;}
div.line-header div.top div.hotline div strong{font-size:22px;color: #dd0d12;float: left;height: 18px; text-shadow: 0px 0px 1px white;}

div.line-navbar{float: left;width:100%;background-color: #e5ba00; height: 40px;}
div.line-navbar div.subnavbar{float: left;margin-left:93px;border-left:1px solid #594800;height: 40px;width:90px;}
div.line-navbar div.navbar{float: left; border-left:1px solid #594800; }
div.navbar ul,
div.navbar ul li{float: left;margin:0px;padding:0px;list-style: none;}
div.navbar ul li{position: relative;}
div.navbar ul li a{float: left; height: 40px; line-height: 40px; text-decoration: none; color: black; padding: 0px 15px 0 15px; font-family: "UTMBebas";font-size:18px;}
div.navbar ul li a.active,
div.navbar ul li a:hover{background-color: white;color: #dd0d12;}

div.navbar ul ul{position: absolute; z-index: 99; left: -1px; top: 40px; background-color: rgba(255,255,255,0.9);padding-bottom:10px;box-shadow:1px 1px 3px gray;background: white url(images/ulbg.gif) 0px 0px repeat-x;display: none;}
div.navbar ul li:hover ul{display: block;}
div.navbar ul ul.ul3{width:810px;border-left:1px solid #594800;}
div.navbar ul ul.ul71{left:1px;}

div.navbar ul ul li{width:196px;}
div.navbar ul ul ul{width: 100%;top:0px;position: static;padding:0px;box-shadow:0px 0px 0px white;border:none;background-color: transparent;background-image: none;}
div.navbar ul ul ul li{width:100%;}
div.navbar ul ul li a{text-transform: uppercase;font-size:12px; padding:0px;font-family: Arial;font-weight:bold;height: 30px;line-height: 30px;background: url(images/icon_blue.png) 5px 7px no-repeat;text-indent: 22px;}
div.navbar ul ul li a:hover{background-color: transparent;text-decoration: underline;}
div.navbar ul ul ul li a{font-size:12px;font-weight: normal;text-transform: none;height: 25px;line-height: 25px;background: url(images/icon-3.gif) 15px 10px no-repeat;text-indent: 22px;}
div.navbar ul ul li.a94{width:220px;position:absolute;left:0px;top:188px;}
div.navbar ul ul li.a132{position:absolute;left:392px;top:240px}
div.navbar ul ul li.a96{position: absolute; left: 0px;top:325px;}
div.navbar ul ul li.a88{position: absolute; left: 392px; top: 120px;}
div.navbar ul ul li.a174{position:absolute;left:588px;top:0px;}
div.navbar ul ul li.a154{position: absolute;left:588px; top: 290px;}



div.navbar ul ul li.a95 li a{color: #ff4500;}
div.navbar ul ul li.a24 li a{color: #228b22;}
div.navbar ul ul li.a132 li a{color: #ba55d3;}
div.navbar ul ul li.a65 li a{color: red;}
div.navbar ul ul li.a94 li a{color: #8e7200;}
div.navbar ul ul li.a96 li a{color: #0000cd;}
div.navbar ul ul li.a88 li a{color: #bf5d0d;}
div.navbar ul ul li.a154 li a{color: #18968b;}
div.navbar ul ul li a.active{text-decoration: underline;background-color: transparent;color: black;}
div.navbar ul ul ul li a.active{text-decoration: underline;font-weight: bold;}

/*line-cartt*/
div.line-navbar div.box-right{float:right;margin-right:10px;}
div.line-navbar div.box-right div.view{float:left;margin-top:4px;}
div.line-navbar div.box-right div.view a{float:left; color:black; text-decoration: none; background-color: #929292; padding:6px 10px 6px 10px;margin-right:6px;border-radius:3px;}
div.line-navbar div.box-right div.view a i{font-size:26px;}
div.line-navbar div.box-right div.view a:hover{background-color:#dd0d12;color:white;}
div.line-navbar div.box-right div.cart{margin-top:4px; float: left;}
div.line-navbar div.box-right div.cart a{font-size: 20px;color: white;float: left;text-decoration: none;padding:6px 10px 6px 10px;border-radius:3px;background-color: #dd0d12;}
div.line-navbar div.box-right div.cart a i{float:left; margin-right:5px;}
div.line-navbar div.box-right div.cart a label{float:left; text-align: center; font-size: 24px; color:white; cursor: pointer;font-family: UTMBebas;}
div.line-navbar div.box-right div.cart a:hover{background-color:black;}

/*------slideBox------*/
div.slideBox{float: left;width:100%;height: 400px;background-color: #eeeeee;margin-top:91px;border-top: #f1ca28 1px solid;padding: 10px 0 10px 0;}
div.slideBox div.khanguyen_slide{margin-left:10px;}
div.slideBox div.khanguyen_slide,
div.slideBox div.khanguyen_slide div#slider{width:700px;height: 400px !important;}
div.slideBox div.khanguyen_slide div#slider a{float: left;}
div.slideBox div.khanguyen_slide div#slider img{width:700px;height: 400px;}
div.slideBox div.khanguyen_slide div#slider .prev_button{left:0px;}
div.slideBox div.khanguyen_slide div#slider .next_button{right:0px;}

/*hot product*/
div.slideBox div.hotproduct{float: right; height: 400px;min-width:250px;background-color:#ffffff;width: calc(100% - 730px);margin-right:10px;overflow: hidden;}
div.hotproduct div.content,
div.hotproduct div.boxhot{float: left;width:100%;position: relative;}
div.hotproduct h3{float: left;width:100%;margin:0px;line-height: 35px;font-weight: normal;background-color: #dd0d12;}
div.hotproduct h3 a{text-decoration: none;}
div.hotproduct h3 a:hover{text-decoration: underline;color: #e5ba00 !important;}
div.hotproduct h3 a:first-child{font-family: UTMBebas; margin-left: 10px; font-size:24px;color: #f6db6d;}
div.hotproduct h3 a:last-child{float: right;margin-right:10px;color: black;}

div.hotproduct div.content ul,
div.hotproduct div.content ul li{float: left;margin:0px;padding:0px;list-style: none;}
div.hotproduct div.content ul{width:100%;}
div.hotproduct div.content ul li{width:20%;margin-top:7px;}
div.hotproduct div.content ul li div.box{width:92%;margin-left:2%;height: 153px;background-color: #f9e8a4;position: relative;padding:10px 2% 10px 2%;overflow: hidden;border-radius:2px;}
div.hotproduct div.content ul li a{float: left;width:100%;text-decoration: none;color: black;text-align: center;}
div.hotproduct div.content ul li img{border:none;height: 100px;}
div.hotproduct div.content ul li a.thumb{margin-bottom:6px;}
div.hotproduct div.content ul li a:hover{text-decoration: underline;}
div.hotproduct div.content ul li:hover div.box{background-color: #f1ca28;}

div.hotproduct div.price{ position: absolute; top: 0px; right:0px; background-color: white; padding:3px 5px 3px 5px;float: right; border-radius: 0 0 0 50px} /*241,202,40*/
div.hotproduct div.price span.off{text-align: left; color: red; font-size: 13px; width:auto !important; margin-right:5px;float:right;}
div.hotproduct div.price span.off i{margin-right:2px; font-size: 13px;}
div.hotproduct div.price span.old{color: #4a4a4a;  font-size: 14px;text-decoration: line-through;float: right;}
div.hotproduct div.price span.new{color: red;  font-size: 20px;float:right;width:100%;text-align: right;font-family:UTMBebas; clear:both;}

/*mainpage*/
div.mainContent{float: left;width:100%;position: relative;background-color: #f7f7f7;}
div.mainContent div.column_left{float: left;width:240px;padding-left:10px;}
div.mainContent div.column_right{float:right;	width: calc(100% - 270px);margin-right:10px;}
div.mainContent h3.category{font-family: "UTMBebas";}

/*home*/
div.module_home{padding:0px 0 20px 0;}
div.module_home,
div.module_home div.box_module{float: left;width:100%;}
div.module_home div.box_module{background: white url(images/ulbg.gif) left top repeat-x;padding-top:10px;}
div.module_home h3.category{float: left;width:100%;margin:0px;font-weight: normal;background-color: #e5ba00;border-top:#f1ca28 5px solid;}
div.module_home h3.category span,
div.module_home h3.category a{text-decoration: none;font-family: UTMBebas; font-size:24px;color: #dd0d12;margin-left:10px;line-height: 35px}
div.module_home h3.category a:hover{text-decoration: underline;}


/*column left*/
div.column_left h3.category{background-color: transparent !important; border-top:none;margin: 10px 0px 20px 0;}
div.column_left h3.category a{color: #e5ba00;font-size: 35px !important; margin:0px !important;text-decoration: none;}
div.column_left h3.category a:hover{text-decoration: underline;}



div.column_left div.list_content{float: left;width:100%;}
div.module_home div.column_left div.list_content{overflow: auto;max-height: 430px;}

div.column_left ul,
div.column_left ul li{float: left;width:100%;margin:0px;padding:0px;list-style: none;}
div.column_left ul li{padding:5px 0 5px 0;}
div.column_left ul li a{float: left;text-decoration: none;}
div.column_left ul li a span{font-size:15px;float: left;color: black;}
div.column_left ul li a label{font-size:20px;font-weight: bold;text-transform: uppercase;cursor: pointer;font-family: "UTMBebas";color: #dd0d12;float: left;line-height: 35px;}
div.column_left ul li a i{float:left;color: #6a6a6a;margin-left:5px;}
div.column_left ul li a:hover span{text-decoration: underline;}
div.column_left ul li a.active span{color: #dd0d12;}

/*column right*/
div.column_right p.moreall{float:left;width:100%;margin:10px 0 0 0;}
div.column_right p.moreall a{float: left;text-decoration: none;color: black;background-color: #f1ca28;;height: 30px;line-height: 30px;margin-left:6px;padding: 0px 10px 0 10px;border-radius:3px;}
div.column_right p.moreall a:hover{background-color: #dd0d12;color:white;}

/*product*/
ul.product,
ul.product li{	float: left; margin: 0px; padding: 0px; list-style: none;}
ul.product{	width: 100%;}
ul.product li{	width: 233px;margin-top:10px;}
ul.product li div.product{	width: 90%; position: relative;	float: left; height: 200px; margin:0 3% 0 3%;padding:10px 2% 10px 2%; border: 1px solid #c1c1c1;border-radius:2px; background-color: white;}
div.module_home ul.product{max-height: 464px;overflow: hidden;}

ul.product li div.product img.gift{ position: absolute;	top: 0px; right: 0px;z-index: 1;}
ul.product li div.product div{float: left;width:100%;}
ul.product li div.product div.img a{float: left;width:100%;text-align: center;margin-bottom:5px;text-decoration: none;color: black;}
ul.product li div.product div.img a img.thumb{height: 110px;}

ul.product div.product_more{background-color: #f0f0f0;position: absolute; bottom:0px;padding:2px 0 2px 0;left:0px;}
ul.product div.product_more a{float: left;margin-left:4px;text-decoration: none; padding: 5px 10px 5px 10px; color: white;  background-color:#5b5b5b; font-size: 15px;border-radius: 3px;;margin-top:5px;}
ul.product div.product div.price{float: right;width:auto;margin-right:4px;}
ul.product div.price span.off{text-align: left; color: red; font-size: 13px; width:auto !important; margin-right:5px;float:right;}
ul.product div.price span.off i{margin-right:2px; font-size: 13px;}
ul.product div.price span.old{color: #4a4a4a;  font-size: 14px;text-decoration: line-through;float: right;}
ul.product div.price span.new{color: red;  font-size: 20px;float:right;width:100%;text-align: right;font-family:UTMBebas; clear:both;}

ul.product li div.product:hover{border-color:#f1ca28;}
ul.product li div.product:hover div.product_more{background-color: #f1ca28;}
ul.product div.product_more a:hover{	background-color:#dd0d12;}
ul.product li div.product div.img a:hover{text-decoration: underline;}



/*footer*/
div.line-footer{float:left; width:100%; background-color:#191919;padding:20px 0 0 0;}
div.line-footer div.w1200{width:1200px;display: table;margin:auto;}
div.line-footer div.columnLeft{float:left; width:75%; padding-bottom: 20px; }
div.line-footer div.columnLeft div.linksite{float:left; width:100%;}
div.line-footer div.columnLeft div.linksite ul li{box-sizing: border-box; width:33.3333%; padding:0px 2%; border-right:1px solid #9a9a9a;}
div.line-footer div.columnLeft div.linksite ul li span{font-family: "UTMBebas"; font-size: 35px; color:#dfdfdf; font-weight: normal; margin:10px 0px 30px 0;}
div.line-footer div.columnLeft div.linksite ul li:first-child{padding-left:0px;}
div.line-footer div.columnLeft div.linksite ul li ul li{width:100%; border:none; padding:0px; min-height: 0px;}
div.line-footer div.columnLeft div.linksite ul li ul li a{color:#9a9a9a; font-size: 13px;}

div.line-footer div.columnRight{float:left; width:22%;margin-left:2%; padding-bottom: 20px;}
div.line-footer div.columnRight div.facebookpage{float:left; width:100%; margin-bottom:10px;}
div.line-footer div.columnRight h3{float: left;width:100%;font-family: "UTMBebas"; font-size: 35px; color:#dfdfdf; font-weight: normal; margin:10px 0px 30px 0;}
div.line-footer div.columnRight p{line-height: 150%;color: #9a9a9a;}
div.line-footer div.columnRight p br{margin-bottom:8px;}
div.line-footer div.columnRight p a{color: white;}
div.line-footer div.columnRight p a:hover{text-decoration: none;color: red;}

div.line-footer-btm{float: left;width:100%;background-color: white;}
div.line-footer-btm p{margin:0px;}
div.line-footer-btm p a{text-decoration: none; color: black;}
div.line-footer-btm p a img{border:none;}



@media screen and (max-width:980px){
	div.hotproduct div.content ul li{width:100%;}
	ul.product li{	width: 233px;}
	div.line-footer div.w1200{	width:100%;}
}

@media screen and (min-width:980px) {
	div.hotproduct div.content ul li{width:100%;}
	ul.product li{	width: 233px;}
	div.line-footer div.w1200{	width:100%;}
}

@media screen and (min-width:1024px) {
	div.hotproduct div.content ul li{width:50%;}
	ul.product li{	width: 250px;}
	div.line-footer div.w1200{	width:100%;}
}

@media screen and (min-width:1280px) {
	div.hotproduct div.content ul li{width:33.333%;}
	ul.product li{	width: 246px;}	
	div.line-footer div.w1200{	width:1200px;}
}
@media screen and (min-width:1360px) {
	ul.product li{	width: 214px;}
}
@media screen and (min-width:1366px) {
	ul.product li{	width: 215px;}
}
@media screen and (min-width:1400px) {
	div.hotproduct div.content ul li{width:25%;}
	ul.product li{	width: 222px;}
}
@media screen and (min-width:1440px) {
	ul.product li{	width: 230px;}
}
@media screen and (min-width:1600px) {
	ul.product li{	width: 218px;}
}
@media screen and (min-width:1680px) {
	div.hotproduct div.content ul li{width:20%;}
	ul.product li{	width: 232px;}
}
@media screen and (min-width:1920px) {
	ul.product li{	width: 233px;}
	div.hotproduct div.content ul li{width:20%;}
}

@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}
