@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;}
/* 留單用 */
.Stay{ width:100%; height:auto; text-align:center; margin:1% auto; font-size:30px; color:#003399; max-width:980px; }
	
/* 桌機版 */
.fram{ width:100%; margin:0 auto; text-align:center;}
.fram img{max-width:980px;}
/* line連結 */
.bn1{ width:980px; margin:0 auto;}
.bn1 ul{list-style:none;}
.bn1 li{ width:32%; margin:1% auto; padding:1%; font-size:36px; text-align:center;display:inline-block;border-radius:20px; background-color:#FFFFFF;border:2px solid #CCC; font-weight:bold;}
.bn1 li img{ max-width:40px;}
.bn1 li a{display:block;}

/* 手機版 */
@media screen and ( max-width:767px ){
	
.fram img{max-width:100%;}

/* line連結 */
.bn1{ width:96%; margin:0 auto;}
.bn1 ul{list-style:none;}
.bn1 li{ width:32%; margin:1% auto; padding:1%; font-size:16px; text-align:center;display:inline-block;border-radius:10px; background-color:#FFFFFF;border:2px solid #CCC; font-weight:bold;}
.bn1 li img{ max-width:50%;}
.bn1 li a{display:block;}



/* 留單用 */
.Stay{ width:100%; height:auto; text-align:center; margin:1% auto; font-size:16px; color:#003399; max-width:100%; }
}