@charset "utf-8";
/* CSS Document */
.redSW{
	color:#FF0000;
	font-weight:900;}
/*桌機板*/
/*網路商成套版*/
#footer{
	padding-top:2%;
	width:100%;
	text-align:center;
	color:#666;
	background-color:#FFF;
	overflow:hidden;}
.shop_center{
	width:96%;
	max-width:980px;
	margin:0 auto 0;
	text-align: center;
	overflow:hidden;}
.shop_center .title{
	font-size:36px;
	font-weight:bolder;
	text-align:center;
	background-color:#02558B;/*標題底色改這*/
	color:#FFF;
	margin:1%;
	padding:1%;}
.shop_center .tri{
	width:100%;
	margin:0 auto;
	overflow:hidden;}
.shop_center .tri_area{
	width:25%;
	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:25%;
	text-align:center;
	padding:10px 0;}
.howtobuy{
	float:left;
	width:25%;
	padding:10px 0;}
.howtobuy .payway{
	float:left;
	width:50%;}
.howtobuy .online{
	float:left;
	width:50%;}
.service{
	float:left;
	width:25%;
	padding:10px 0;}
.image{
	float:left;
	width:25%;
	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;}

}