@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; 
    background-color:#FFFFFF;
	}
a{ text-decoration:none;}
.frame{ width:100%; margin:0 auto;text-align:center;overflow:hidden;text-decoration:none;}
.frame img{ max-width:1000px;}	

	
/* 桌機版 */
.w1{width:980px; margin:0 auto}
.head{ width:100%; height:auto; background-color:#FFF}
.class{ width:100%; height:auto; background-color: #35678C}

/*btn*/
.btn1{
	text-align:center;
	width:70%;
	height:50px;
	line-height:50px;
    margin:0 auto;
	margin-bottom:5%;
	color:#FFFFFF;
	font-size:26px;
	font-weight:bolder;
	background-color:#CC2A2E;
	border-radius:10px;
	transition:0.5s;}
.btn1 a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn1:hover{
	transform:scale(0.95,0.95)}

.btn1 a::after{content:'\f0a5';display: inline-block; font-family:"Font Awesome 5 Free";animation:slideR 1s linear infinite;}
@keyframes slideR{
 0%{transform: translateX(0);}
 50%{transform: translateX(10px);}
 100%{transform: translateX(0);}
}


/* 手機版 */
@media screen and ( max-width:767px ){
.ha1{ width:100%;margin:0 auto; padding:1% 1% 0 1%; font-size:24px; color:#F00; text-align:center;font-weight: bolder;}


.head{ width:100%; height:auto; background-color:#FFF}
.w1{width:100%; margin:0 auto}

/*btn*/
.btn1{
	text-align:center;
	width:50%;
	height:50px;
	line-height:50px;
	margin:0 auto;
	margin-bottom:5%;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bolder;
	background-color:#CC2A2E;
	border-radius:10px;
	transition:0.5s;}
.btn1 a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;}
.btn1:hover{
	transform:scale(0.95,0.95)}    

}