@charset "utf-8";
/* CSS Document */
.redSW{
	color:#FF0000;
	font-weight:900;}
/*桌機板*/
.head{ width:100%; padding:1%; height:auto;

		text-align:center;	font-weight:bold;
	background-color:#000000;  }


.head a{  padding:1%; 
		font-size:24px;text-decoration:none;
		text-align:center;	font-weight:bold;
 color:#FFFFFF;}

.head a:hover{ 
    transform:translate(0,5px); color:#EDDB5F;
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}



/*網路商成套版*/
#footer{
	padding-top:2%;
	width:100%;
	text-align:center;
	color:#666;
	background-color:#FFF;
	overflow:hidden;}

#footer2{
	width:100%;	padding-top:1%;
	background-color:#FFF;
	text-align:center;

	overflow:hidden;}

.center{
	width:100%;	max-width:1200PX;
	margin:0 auto 0;
	text-align: center;
	overflow:hidden;}

.center .tri_area2{
	width:49%;
	float:left;
	text-align:center;}

.center .tri_area2 img{	float:left;
	width:10%;
line-height: inherit;
}

.center .tri_area2 .text{
	text-align:left;	
	font-size:24px;padding-top:1%;	margin:0% 3%;
	color:#000000;font-weight:bold;	

	
}





.shop_center{
	width:96%;
	max-width:980px;
	margin:0 auto 0;
	text-align: center;
	overflow:hidden;}




.shop_center .tri{
	width:100%;
	margin:0 auto;
	overflow:hidden;}


.shop_center .tri_area{
	width:33%;
	float:left;
	text-align:center;}
.shop_center .tri_area .text{/*按鈕下的說明文字*/
	text-align:left;
	font-size:16px;
	color:#000000;
	padding-top:3%;
	padding-left:14%;}
.shop_center .tri_area .text li{
	list-style-type: square;
	list-style-image: url(../images/tri.png);
	vertical-align:middle;}
.shop_center .tri_area .onlineshop_btn{
	width:96%;
	margin:0 auto;}
.shop_center .tri_area .onlineshop_btn img{
	max-width:255px;}
/*購買方式*/	
#footer .content{
	padding:0;
	line-height:2em;
	overflow:hidden;}
#footer .content a{
	color:#666;
	text-decoration:none;}
#footer .content a:hover{
	color:#090;
	text-decoration:underline;}
#footer .content .subtitle{
	background-color:#CCCCCC;
	text-align:center;
	width:200px;
	margin:0 auto 10px;
	font-weight:bolder;
	font-size:18px;}
.about{
	float:left;
	width:33%;
	text-align:center;
	padding:10px 0;}
.howtobuy{
	float:left;
	width:33%;
	padding:10px 0;}
.howtobuy .payway{
	float:left;
	width:50%;}
.howtobuy .online{
	float:left;
	width:50%;}
.service{
	float:left;
	width:33%;
	padding:10px 0;}
.image{
	float:left;
	width:33%;
	padding:10px 0;}
	
@media screen and (max-width:767px){
/*網路商成套版*/
#footer{
	padding-top:20px;
	width:100%;
	text-align:center;
	color:#666;
	overflow:hidden;}
.shop_center{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align: center;}
.shop_center .title{
	font-size:30px;
	font-weight:bolder;
	text-align:center;
	background-color:#02558B;/*標題底色改這*/
	color:#FFF;
	margin:1%;
	padding:1%;}
.shop_center .tri{
	width:90%;
	margin:0 auto;
	overflow:hidden;}
.shop_center .tri_area{
	width:100%;
	text-align:center;}
.shop_center .tri_area .text{/*按鈕下的說明文字*/
	text-align:left;
	font-size:16px;
	color:#000000;
	padding-top:3%;
	margin:0px auto 15px;
	width:250px;}
.shop_center .tri_area .onlineshop_btn{
	max-width:260px;
	margin:0 auto;}
/*購買方式*/	
#footer .content{
	padding:0;
	line-height:2em;
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}
#footer .content a{
	color:#666;
	text-decoration:none;}
#footer .content a:hover{
	color:#090;
	text-decoration:underline;}
#footer .content .subtitle{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666;
	text-align:center;
	width:90%;
	margin:0 auto 10px;}
.about{
	width:100%;
	text-align:center;
	padding:10px 0;
	border:none;}
.howtobuy{ 
	width:100%;
	padding:10px 0;
	border:none;}
.howtobuy .payway{
	float:left;
	width:50%;}
.howtobuy .online{
	float:left;
	width:50%;}
.service{ 
	width:100%;
	padding:10px 0;
	border:none;}
.image{
	width:100%;
	padding:10px 0;
	border:none;}
	.head{ width:100%; padding:1%; height:auto;

		text-align:center;	font-weight:bold;
	background-color:#000000;  }


.head a{  padding:0.2%; 
		font-size:12px;text-decoration:none;
		text-align:center;	font-weight:bold;
 color:#FFFFFF;}

.head a:hover{ 
    transform:translate(0,5px); color:#EDDB5F;
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}

	
#footer2{
	padding-top:2%;
	width:100%;

	text-align:center;

	overflow:hidden;}

.center{
	width:100%;

	margin:0 auto 0;
	text-align: center;
	overflow:hidden;}

.center .tri_area2{
	width:49%;
	float:left;
	text-align:center;}
.center .tri_area2 img{	float:left;
	width:25%;
	
}

.center .tri_area2 .text{
	text-align:left;	
	font-size:15px;
	color:#000000;font-weight:bold;	

	
}
}