@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;}

	
/* 桌機版 */
.bnn2{ width:980px; margin:0 auto; padding:1%;}
.bnn2 ul{list-style:none; text-align:center;}
.bnn2 li{ width:30%; margin:1%;padding:1%; font-size:24px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#5F1985;border-radius:30px;}
.bnn2 li a{display:block;color:#FFFFFF;text-decoration:none;}
	  
.bnn2 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);}
}

.bnn3{ width:980px; margin:0 auto; padding:1%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:40%; margin:1%;padding:1%; font-size:24px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#0093CD;border-radius:30px;}
.bnn3 li a{display:block;color:#FFFFFF;text-decoration:none;}
	  
.bnn3 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);}
}
.box{ width:980px; margin:0 auto; font-size:20px; text-align:center; }
.box1{ width:1000px; font-size:26px; margin:0 auto; }
.tp1{width:1000px; font-size:36px; margin:0 auto; font-weight:bold; background-color:#F7B52C; padding:1%;}
.b1{ width:980px; margin:0 auto;text-align:center; font-size:24px; color:#FFF; padding:1%;}

/* 留單 */
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:1% auto; font-size:1.5em; color:#003399; max-width:980px; padding:1%; }

/* 影片 */
.movie{	
    margin:0 auto;
	padding:80px 0; 
	width:100%; 
	overflow:hidden; 
	background-color:#70C5C5;
	}
.movie .box{ 
    margin:0 auto;
	width:1000px; 
	text-align:center;
	}
.movie .box h2{ font-size:2.4em; color: #112F57;}


/* 手機版 */
@media screen and ( max-width:767px ){

.bnn2{ width:100%; margin:0 auto; padding:1%;}
.bnn2 ul{list-style:none; text-align:center}
.bnn2 li{ width:30%; margin:1%;padding:1%; font-size:12px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#5F1985;border-radius:15px;}
.bnn2 li a{display:block;color:#FFFFFF;text-decoration:none;}



.bnn3{ width:100%; margin:0 auto; padding:1%;}
.bnn3 ul{list-style:none; text-align:center}
.bnn3 li{ width:50%; margin:1%;padding:1%; font-size:15px; font-weight:bold; color:#FFFFFF;display:inline-block; background-color:#0093CD;border-radius:15px;}
.bnn3 li a{display:block;color:#FFFFFF;text-decoration:none;}
.box{ width:98%; margin:0 auto; font-size:13px;  }
.box1{ width:95%; font-size:14px;}
.tp1{width:95%; font-size:16px; margin:0 auto; }
.b1{ width:98%; margin:0 auto;text-align:center; font-size:13px; color:#FFF; padding:1%;}
/* 留單 */
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:16px; color:#003399; max-width:100%; }

/*影片*/
.movie{	
    margin:0 auto; 
	padding:40px 15px; 
	width:100%; 
	overflow:hidden; 
	background-color:#70C5C5;
	}
.movie .box{ 
    margin:0 auto; 
	width:100%; 
	text-align:center;
	}
.movie .box h2{ font-size:1.5em;}

}