@charset "utf-8";
/* 共用區 */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}
a{ text-decoration:none;}

	
/* 桌機版 */
.frame2{width:980px;overflow:hidden;margin:0 auto; padding:1%;}
.box1{ width:48%; margin:1% auto; padding:1%; float:left; text-align:center; }
.bt1{ width:96%;margin:1% auto; padding:1%;font-size:40px; color:#FFF;}
.bt2{ color:#000; font-size:28px; text-align:center;}
.bt1 a{display:block;}
.sp{ width:900px; margin:0 auto 1%; padding:1%;font-size:40px; color:#FFF; border-radius:50px; text-align:center;}
.sp a{display:block;}
.ba{ width:100%; margin:0 auto; padding:0 1% 1%; font-size:30px; color:#000000; text-align:center;}
.ba a{display:block;color:#000000;}

/*間距*/
.padding-lr{
	width:100%;	}
.center{	
	max-width:1000px;	
	margin:0 auto;}

.padding-lr ul{width:100%;}

.padding-lr li{
	width:330px;
	display:inline-block;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:5% 2% 5% 0 ;}


/* 手機版 */
@media screen and ( max-width:767px ){
.frame2{width:100%;overflow:hidden;margin:0 auto; padding:1%;}
.box1{ width:48%; margin:1% auto; padding:1%; float:left; }
.bt1{ width:96%;margin:1% auto; padding:1%;font-size:20px; color:#FFF;}
.bt2{ color:#000; font-size:16px; text-align:center;}

.sp{ width:90%; margin:0 auto 1%; padding:1%;font-size:20px; color:#FFF; border-radius:50px;}

.ba{ width:100%; margin:0 auto; padding:0 1% 1%; font-size:14px; color:#000000;}


/*間距*/
.padding-lr{
	width:100%;	}
.center{	
	max-width:1000px;	
	margin:0 auto;}

.padding-lr ul{width:100%;}

.padding-lr li{
	width:30%;
	display:inline-block;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:3% 0 0 3%;}	

}