@charset "utf-8";
/* CSS Document */


/*網路商成套版*/
.footer02{
	padding-top:2%;
	width:100%;
	text-align:center;
	color:#666;
	background-color:#FFF;
	overflow:hidden;
	padding-bottom: 5%;
	margin: 0 auto;
}





.shop_center{
	width:96%;
	max-width:980px;
	margin:0 auto;
	text-align: center;
	overflow:hidden;}
.shop_center .tri{
	width:100%;
	margin:0 auto;
	overflow:hidden;}


.shop_center .tri_area{
	width:33%;
	display: inline-block;
	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;}
.shop_center .tri_area p{
	line-height: 0.5em;
	}

@media screen and (max-width:767px){
/*網路商成套版*/
.footer02{
	padding-top:20px;
	width:100%;
	text-align:center;
	color:#666;
	overflow:hidden;}
.shop_center{
	width:100%;
	height:auto;
	margin-bottom: 8vh;
	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%;
	margin: 3% 0 1%;
	text-align:center;}
.shop_center .tri_area .text{/*按鈕下的說明文字*/
	text-align:left;
	color:#000000;
	padding-top:3%;
	margin:0px auto 15px;
	width:250px;}
.shop_center .tri_area p{/*按鈕下的說明文字*/
	font-size: clamp(1.5rem, 2.5vw, 2.5rem);
	margin: 3% 0 0 0;
	line-height: 0.6em;
	}	
.shop_center .tri_area .onlineshop_btn{
	width: 40vw;
	max-width:260px;
	margin:0 auto;}	
/*購買方式*/	
.footer02 .content{
	padding:0;
	line-height:2em;
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}
.footer02 .content a{
	color:#666;
	text-decoration:none;}
.footer02 .content a:hover{
	color:#090;
	text-decoration:underline;}
.footer02 .content .subtitle{
	border-top-width: 1px;
font-size: clamp(1.5rem, 2vw, 2rem);
	border-top-style: dashed;
	border-top-color: #666;
	text-align:center;
	width:70vw;
	padding: 1% 0;
	margin:0 auto;}


}
