* {margin: 0;padding: 0;}
body{margin:0; padding:0;  background-color:#fff; font-size:12px; font-family:Helvetica Neue,sans-serif;}
img{border:0;}

html{ padding:0; margin:0;}
.header #icon-menu {font-size: 24px;}

.header{ margin:0 auto; background:url(images/top_bg.jpg) repeat-x;margin-bottom: 20px;color: #fff;}
.header .top{color:#fff;font-size: 12px;}
.header  a,.header  a:hover{ color:#FFF; text-decoration:none;font-size: 12px; }
/*.header  a:hover{color:#F00; font-size:12px; text-decoration:none;}*/
.search_icon{position: absolute;top:10px;right:25px;}
.headerbar{ width: 100%;background-color: #fff;padding: 10px 0;margin-top:10px;}
.nav {height:30px;}
.nav_bar { height:30px; margin:0;padding:10px 0;background-color:#fff;}
.nav_bar ul{ height:30px;list-style:none;}
.nav_bar ul li {border:0;text-align: center;padding:0;}
.ie8 .nav_bar ul li a {height:30px; border:1px #333 solid;}
.nav_bar ul li a {text-decoration:none;	font:bold 14px sans-serif; color:#737373;	background:url(../images/header/l_menu.png) no-repeat left top;}
.ie8 .nav_bar ul li a span {height:30px;text-align: center;}
.nav_bar ul li a span {  background:url(../images/header/r_menu.png) no-repeat right top;}
.nav_bar ul li a:hover {color:#f3376c; 	 background:url(../images/header/l_menu_green.png) no-repeat  left top;}
.nav_bar ul li a:hover span {color:#f3376c;  background:url(../images/header/r_menu_green.png) no-repeat  right top;}
.nav_bar ul li a.active {color:#f3376c; background:url(../images/header/l_menu_green.png) no-repeat  left top;}
.nav_bar ul li a.active span {color:#f3376c; background:url(../images/header/r_menu_green.png) no-repeat  right top;}

.lang_bar { width:100px; height:50px; float:left; background-color:#fff;}
.lang_bar ul { width:100px;	 height:50px; list-style:none; float:left; margin:0 0 0 20px; padding:0; text-align:center;}
.lang_bar ul li {float:left; border:0;	padding:0 3px;	margin:0;}
.lang_bar ul li a {	text-decoration:none;	float:left;	padding:10px 5px;	margin:0 1px 0 0;	font:bold 12px Arial, Helvetica, sans-serif; 	color:#737373;}
/*.lang_bar ul li a span {padding:10px 10px;}*/
.lang_bar ul li a:hover{color:#f3376c;}




.logobar{border:0; padding:0; margin:0 auto;}
.logo{padding:15px;}
.logobar .facebook{float:left; display:block; position:absolute;}
.logobar .search{ font-size:12px; text-align: right;margin-top: 25px;}

.logobar .nav {  float:left; padding:0 0 0 40px; }

.bar{padding:20px 0 0 0; margin:0 auto;  height:40px; }
.menu{padding:0; margin:0 auto; float:left;}
ul.menu {height:40px; width:591px; list-style:none; overflow:hidden; padding:0 1px 0 0; margin:0; float:left; background:url(images/header/menu/menu_bg.jpg) no-repeat;}
ul.menu li {float:left;padding:0; margin:0;}
ul.menu li a {display:block; height:40px;  border:0;}

sum{padding:20px 0 0 0; margin:0 auto; }
ul.sum{height:40px; width:100px; list-style:none; overflow:hidden; padding:0; float:right; }
ul.sum li{float:left; padding:0; margin:0; list-style:none;}
ul.sum li a {float:left; padding:20px 10px 0 10px; margin:0;}


a img {border: none;}
#slide_pic {position: relative;    height:270px;    padding:0; margin:0;}
#slide_pic div.ad {cursor:pointer; position: absolute; /* 讓圖片疊在一起 */}
 
 
.banner_loop{ position:absolute;  height:75px; overflow:hidden; margin:0;}
.banner_loop img{position:absolute;}

.containter{margin:0 auto; padding:10px 0 10px 0;}
.banner{margin-bottom: 20px;overflow: hidden;}
.content{margin:0 auto;}


ul, li {margin: 0;	padding: 0;	list-style: none;}
/*ul.tabs {}*/
ul.tabs li {height: 31px; line-height: 31px; overflow: hidden;	margin-bottom: -1px; border: 1px solid #e55b5b;	border-left: none; background: #f36767;	border-left: 1px solid #e55b5b;}
ul.tabs li a {display: block; padding: 0 20px; color:#000; 	text-decoration: none;w100%}
ul.tabs li a:hover {background: #ccc;}
ul.tabs li.active {background: #fff; border-bottom: 1px solid #fff;}
ul.tabs li.active a:hover {background: #fff;}
/*
div.tab_container {	background: #fff;}
div.tab_container .tab_content {border-right-style: 1px solid #cccccc;}
*/

	

/*.bestmenu{ width:100%;}*/
.bestmenu ul{list-style:none;}
.bestmenu ul li{ background-color: #fff;
/*    box-shadow: 2px 2px 5px #888888;*/
}
.indexProduct{margin: 3px;width: 100%;height: 100%;border: 1px solid #DDD;}
/*.bestmenu ul li:hover{box-shadow: 2px 2px 5px #888888;}*/
.bestmenu ul li a{border:0; padding:0; margin:0; text-align:center; font-family:Verdana, Geneva, sans-serif; }
/*.bestmenu ul li a:hover{ height:220px; width:160px; border:1px #ffc8c8 solid; }*/
.bestmenu ul li .product_name{ text-align:center;}
.bestmenu ul li .price{text-align:center; color:#C00; padding:5px; }
.bestmenu ul li .addcart{ text-align:center;margin-bottom: 10px; }
.bestmenu ul li .addcart a{ border:0; padding:0;}


.left_menu{padding:0; margin:0 auto; float:left;  list-style:none;background-color: #fff; }
ul.product_menu{ padding:0; margin:0; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
ul.product_menu li{ width:100%; float:left; padding:0 10px 10px 10px; margin:0; font-size:15px; tecolor:#666; text-align:left;}
ul.product_menu li a {display:block; height:20px;  border:0; color:#999; text-decoration:none; background:#fff; font-size:13px;}
ul.product_menu li a:hover{ background:#FC3; color:#FFF;}

.productbanner{ height:200px; }
.productbanner img{border:0;}

ul.product{list-style:none; display:block;padding: 0;margin: 0;text-align: center;}
/*ul.product img{width: 90px;}*/
ul.product li{padding: 0;}
ul.product li{margin:12px 0; }
ul.product  li a{border:0; padding:0; margin:0; text-align:center; font-family:Verdana, Geneva, sans-serif; }
ul.product  li a:hover{ height:200px; width:160px; border:1px #ffc8c8 solid; }
ul.product  li .product_name{padding:10px 0; width:100%; text-align:center;}
ul.product  li .price{ width:100%;  text-align:center; color:#C00;}
ul.product  li .addcart{ width:100%;  text-align:center; }
ul.product  li .addcart a{ border:0; margin:10px; padding:0;}

.product_info{padding:15px; text-align:center; font-size:15px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  border-bottom-style:dotted;}


.recommenproduct{padding:10px 0;margin: 0;}
ul.recommenproduct{ list-style:none; float:left;}
ul.recommenproduct li{ list-style:none; float:left; font-size:11px; text-align:center; padding:0 10px 0 10px;}
ul.recommenproduct li a{ text-decoration:none; color:#666;}



ul, li {margin: 0;	padding: 0;	list-style: none;}
.info_tab {clear:left; margin:0; padding:0;}
ul.infotabs {height: 32px; padding:10px 0 0 0; border-bottom: 1px solid #666; }
ul.infotabs li {float:left;	height: 31px; line-height: 31px; overflow: hidden;	position: relative; 	margin-bottom: -1px; border: 1px solid #666;	border-left: none; background: #666;	border-left: 1px solid #666;}
ul.infotabs li a {display: block;  color:#FFF; border: 1px solid #999;	text-decoration: none;}
ul.infotabs li a:hover {background:#999;}
ul.infotabs li.active {background: #999; border-bottom: 1px solid #fff;}
ul.infotabs li.active a:hover {background: #999;}
div.infotab_container {clear:left; border-top: none;	background: #fff;}
/*div.infotab_container .infotab_content {padding:15px 0 0 25px; height:200px; border: 1px solid #CCC;}*/



/*.product_details{ width:600px;}*/







.footer_bg{background:#DDD; margin:0 auto; padding:0; height:180px;  bottom:0; }
.footer{ margin:0 auto; padding:0;   }
.customer{ margin:5px auto; padding:0 10px;}
ul.customer { margin:0; padding:10px; list-style:none;}
ul.customer li{ margin:0; padding:5px; font-size:13px;float: left;text-align: center;}
ul.customer li a{ text-decoration:none; color:#666;}

.shortcut{ margin:0; padding:0 10px 0 10px; float:left; }
ul.shortcut { margin:0; padding:10px; list-style:none;}
ul.shortcut li{ margin:0; padding:5px; font-size:13px;}
ul.shortcut li a{ text-decoration:none; color:#666;}

.social{ margin:0; padding:0 10px 0 10px; float:left; }
ul.social { margin:0; padding:10px; list-style:none;}
ul.social li{ margin:0; padding:5px; font-size:13px;}
ul.social li a{ text-decoration:none; color:#666;}


.clean{clear: both;}

.copyright {width:100%; height:40px;	margin:0 auto; padding:0; text-align:center; line-height:20px; font-size:13px; background:#e9e9e9;}






.txt_10px_n_EB6495 { FONT-SIZE: 12px; COLOR: #999; LINE-HEIGHT: 13px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.txt_12px_b_999999 { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #A1D74E; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.txt_12px_b_666666 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.txt_12px_n_666666 { FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.txt_11px_n_666666 { FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 14px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; }
.aterisk  {  font-family:  "Verdana"; font-size: 12px; line-height: normal; font-weight: normal; color: #F86EA2}
.price_zone_2 { font-family:  "Verdana"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #5B5B5B; text-decoration: none}
hr{color:#CCC; border:1;}
.remember .bubble-wrap { position: absolute;  padding-top: 3px;  -o-transition: opacity .218s ease-in .218s;  -moz-transition: opacity .218s ease-in .218s;
  -webkit-transition: opacity .218s ease-in .218s;  transition: opacity .218s ease-in .218s;  left: -999em;  opacity: 0;  width: 314px;  margin-left: -20px; }
.remember .bubble-wrap,  .remember input:focus ~ .bubble-wrap,  .remember .bubble-wrap:hover,  .remember .bubble-wrap:focus { opacity: 1;  left: inherit; }


@media (min-width: 768px) {
   .nav_bar .mui-icon,{display: none;}
    ul.tabs { border-bottom: 1px solid #e55b5b;}
    .tabs li{float: right;}
    .hotitemsimg{display: inline;}
     .proClass .proClassName {bottom:40px;}
}
@media (max-width: 768px) {
    .left_menu{display: none;}
    .indexProduct{ margin: 5px auto;padding: 0;}
/*    .tabs li{float: right;}*/
    .bestmenu ul li{}
    .hotitemsimg{display: none;}
    .proClass .proClassName {bottom:25px;}
}
.proClaContainer{overflow: hidden;background-color: #EEE;}
/*.proClass{margin: 5px auto;}*/
.proClass .proClassName{text-align: center;z-index: 100;margin: 0 auto;height: 16px;line-height: 16px;}
.product_details {
    padding: 10px;margin: 10px 15px;
}

.infotab_content {
    margin: 10px;padding: 10px;
}