@charset "utf-8";
/* CSS Document */

* {margin:0px;padding:0px;}
ul{ list-style:none; list-style-type:none;}
body{ }
a, a:visited{ text-decoration:none;}
img{ border:0px;}

.header_b, .footer_b{ background:#ffffff; width:1000px; margin:0 auto; text-align:center; min-width:1000px; clear:both; padding-top:100px;}	

/*主視覺*/
.top{
	width: 1000px;
	height:396px;
	margin:0 auto;
	display:block;	
}



.time{ width:560px; height:90px; position:absolute; left:205px; bottom:5px;}
.time02{ width:476px; height:90px; position:absolute; left:19px; bottom:5px;}


.fb{ width:1000px; height:85px; margin:0 auto 10px auto; border:#10007A solid; border-width:0px 0px; background:#4c67a1;}

.break{ width:100%; height:70px; margin:0 auto; margin-bottom:0px; border:solid #000; border-width:2px 0px 5px 0px; text-align:center; background:#000000;}

.am100{ position:absolute;  left:20px; bottom:98px; color:#000000; width:490px; font-size:11pt;}
.am100 i{ color:#BC0003; font-style:normal;}
	
/*右側點選列*/
.main{ width:1000px; margin:0 auto; position:relative;}
.main .slide{  top:0px; position:absolute; right:-12px;}
.main .slide ul{position:fixed; top:118px; width:120px; padding:50px;}
.main .slide li{ }
.main .slide a{ }
.main .slide a.sl_b1{ height:35px; margin:5px 0;}
.main .slide a.sl_b2{ height:100px; background:url(images/slide02.png) no-repeat; }
.main .slide a.sl_b3{  }
.main .slide a.sl_b4{ height:30px; }
.main .slide a.sl_b5{ height:100px;  margin:5px 0; }
.main .slide a.sl_b6{ height:63px; margin:3px 0;  }
.main .slide a.sl_b7{ height:45px; background:url(images/icon.png) no-repeat; margin-bottom:3px;}


li.link01{width:120px;  border:0px #fff solid;  padding:10px 0; margin-bottom:5px; display:block;
text-align:center; color:#000000; font-size:18px; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;letter-spacing: 1px; line-height:12pt;
}
li.link01  a{ color:#000000; text-decoration:none; display:block; }
li.link01  a:hover{ color:#BD0003; text-decoration:underline; font-weight:bold;}
li.link01 .a01{ float:left;}


li.link02{width:120px;  border:1px #fff solid;  padding:7px 0; display:block; background:#000;
text-align:center; color:#000000; font-size:18px; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;letter-spacing: 0px; line-height:13pt;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 10px;}
li.link02  a{ color:#fff; text-decoration:none; display:block; padding:3px 0 5px 0; display:block;}
li.link02  a:hover{ color:#000; text-decoration:underline; background:#FCFF19;}
li.link02 .a01{ float:left; width:60px; text-align:center;}
li.link02 .a02{ float:left; width:60px; text-align:center; font-size:14px;}
li.link02 .a03{ float:left; width:60px;}
li.link02 .a04{ float:left; background:#ff1263; line-height:22px; width:100%; border-bottom:#FFF 1px dotted;}
li.link02 .a05{ font-size:14px;}


li.link02 h1{  background:#D90003; color:#FFF; font-size:13pt; padding:4px 0;display:block; line-height:17pt;}
li.link02 h1 a{color:#FFF;}
li.link02 h1 a:hover{ color:#fff; font-size:13pt;background:#D90003;}
li.link02 h1:hover{background:#D90003;}

li.link02 h2, li.link02 h2 a:hover{  background:#7E318E; }
li.link02 h3, li.link02 h3 a:hover{ background:#E4007F; }
li.link02 h4, li.link02 h4 a:hover{ background:#00A0E9; }
li.link02 h5, li.link02 h5 a:hover{ background:#EA5514; }

 li.link02 h2 a, li.link02 h3 a, li.link02 h4 a, li.link02 h5 a{ color:#fff;}
li.link02 h2 a:hover, li.link02 h3 a:hover, li.link02 h4 a:hover, li.link02 h5 a:hover{ color:#fff; font-size:11pt;}

li.link02 h2, li.link02 h3, li.link02 h4, li.link02 h5{color:#FFFFFF;font-weight:normal;	font-size:13pt; padding:3px 0;display:block; margin:5px 0 0 0;}
 
/*亮點商品區塊*/
.bestprice { background:#ffffff;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 15px; overflow:hidden;
}

/*亮點商品區塊_商品單塊設定*/
.bestprice li.box{
	float: left;
	padding: 0px 0 0px 0 ;
	margin:3px 0.5%;
	text-align: center;
	width: 32%;
	min-height: 360px; 
	border:1px dashed;
	border-color:#fff #fff  #6C6C6C #fff;
	
}

.bestprice li.box:hover{border:1px solid #ff0004;}

.bestprice li.box img {
	height: auto;
	width:100%;

	margin: 0 auto;
}
.bestprice h2{ width:1000px; height:75px;}

/*logo區塊*/
.logowall { background:#ffffff;
	width: 1000px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0px; overflow:hidden;
	
}

/*logo區塊_商品單塊設定*/
.logowall li.box{
	float: left;
	margin:7px 0.2% 5px 0.5%;
	padding: 0 ;
	text-align: center;
	width: 15.7%;
	min-height: 100px; border:1px solid #BFBFBF;
}
.logowall li.box:hover{ border:1px solid #FF0004;box-shadow:3px 3px 3px rgba(30%,30%,40%,0.5);}


.logowall li.box img {
	height: auto;
	width:100%;
	margin: 0 auto;
}
.logowall h5{ width:1000px; height:75px;}
.tim{ display:block;}

#topsale{
	display:block;
	margin:0 auto;
	width:950px;
	height:auto;
	background-color:#69011d;
	padding-top:20px;
	padding-bottom:10px;
	padding-right: 13px;
    padding-left: 10px;
    -webkit-border-radius:5px;
	margin-top:30px;
}

#sale{
	display:block;
	margin:0 auto;
	width:950px;
	height:auto;
	background-color:#69011d;
	padding-top:20px;
	padding-bottom:10px;
	padding-right: 13px;
    padding-left: 10px;
    -webkit-border-radius:5px;
}

#sale img{
	display:block;
	margin:0 auto;
}


#line{
	display:block;
	margin:0 auto;
	width:980px;
	padding-top:20px;
	padding-bottom:5px;
}


/*logo區塊*/
.logowall { background:#ffffff;
	width: 1000px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0px; overflow:hidden;
	
}

/*logo區塊_商品單塊設定*/
.logowall li.box{
	float: left;
	margin:7px 0.2% 5px 0.5%;
	padding: 0 ;
	text-align: center;
	width: 15.7%;
	min-height: 100px; border:1px solid #BFBFBF;
}
.logowall li.box:hover{ border:1px solid #FF0004;box-shadow:3px 3px 3px rgba(30%,30%,40%,0.5);}

.logowall li.box img {
	height: auto;
	width:100%;
	margin: 0 auto;
}
.logowall h5{ width:1000px; height:75px;}
.tim{ display:block;}


#contant{display:block;
	margin:0 auto;
	width:980px;
	padding-top:20px;
	padding-bottom:5px;}
	
#logo{display:block;
	margin:0 auto;width:980px; margin-top:10px; background-color:#FFF; margin-bottom:20px;}

#sale table tr td #tittle { margin-bottom:8px;
}
#logo table tr td #more { float:right; margin:7px 5px;
	
}

#logo table tr td #logobox { margin:8px  auto 0px 15px; width:956px;
}

#logo table tr td #logobox ul {
}
#logo table tr td #logobox ul li { float:left; margin: 0px 7px 7px 0;
}

.menu{
	display:none;
}

/*************************************************************************************************************************************/
@media screen and (max-width: 767px) {
	
/*主視覺*/
.top{
	width: 100%;
	height:auto;
	margin:0 auto;
	display:block;	
}

	.bestprice{ width:100%;}
	.bestprice li.box{
	width: 47%;
	min-height:0;
	margin-top:0;
	 padding: 10px 0.3% 5px 0.3%;
	border-top: 1px dashed #ffb8c9;
}

.bestprice h2{ display:none;}

.logowall{ width:100%;}
.logowall h5{ display:none;}

	.logowall li.box{
	width: 32%;
	min-height:0;
	margin:5px 0.2%;
	 padding: 0;
	border: 1px solid #BFBFBF;
}
.time02{ display:none;}
.tim{display:none;}


.footer_b{ display:none;}



.menu{
	display:block;
}

#mntitle {
	padding:10px 0px 10px 0px;
	color:#ffffff;	font-size:13pt;
	letter-spacing:0em;
	margin:0 10px 0 0;
	line-height:30pt;
	text-align:center;
	width:100%;
	background-color: #000000;
    font: bold 40px 微軟正黑體, "Microsoft JhengHei", Helvetica;	
}
.mt a{color:#FFF;	font-size:13pt;}
.mt a:link{color:#FFF;	font-size:13pt;}
.mt a:hover{color:#FF9;	font-size:13pt;}


#mntitle:hover{
	background-color:#000;
	color:#FF9;	font-size:13pt;
}

#mntitle:link{	font-size:13pt;
	color:#ffffff;

}

.tb01{ width:100%;}

.tb01 tr td{ padding:7px 0 12px 0; border-bottom:1px #8F8F8F dashed; }
.tb01 tr td p{ margin-left:10px;}


.tb02{ width:100%;}

.tb02 tr td{  border-bottom:1px #8F8F8F dashed;   border-right:1px #8F8F8F dashed;}
.tb02 tr td p{ margin-left:10px;}