@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; }
	
/* 桌機版 */
/* 主頁按鈕 */
.hbn{ width:980px; margin:0 auto; text-align:center;overflow:hidden;}
.hbn ul{list-style:none;}
.hbn li{ width:90%; margin:1%; padding:1%;font-size:32px; background-color:#DA5C20; color:#FFFFFF; text-align:center;}
.hbn li a{color:#FFFFFF;display:block;}
/* 回上頁 */
.bankbn{width:30%; margin:0 auto; text-align:center;}
.bankbn ul{list-style:none;}
.bankbn li{width:100%; margin:1%; padding:1%;font-size:32px; background-color:#DA5C20; color:#FFFFFF;}
.bankbn li a{color:#FFFFFF;display:block;}
/* 短課、書目按鈕 */
.sabn{width:50%; margin:1% auto;padding:1%; text-align:center;color:#FFFFFF;font-size:32px;}
.sabn a{color:#FFFFFF;display:block;}

.sph1{width:80%; margin:1% auto;padding:1%; text-align:center;background-color:#FFFFFF;font-size:48px; font-weight:bold;color: #036;}
.sp{width:80%; margin:1% auto;padding:1%; text-align:left;font-size:48px; font-weight:bold;color: #C00;}



/* 手機版 */
@media screen and ( max-width:767px ){
.hbn{ width:100%; margin:0 auto; }
.hbn li{ width:90%; margin:1%; padding:1%;display:inline-block; font-size:16px; }

.bankbn{width:50%; margin:0 auto;}
.bankbn li{width:100%; margin:1%; padding:1%;font-size:14px; }

.sabn{width:80%; margin:1% auto;padding:1%; text-align:center;font-size:14px;}

.sph1{width:80%; margin:1% auto;padding:1%; text-align:center;font-size:16px; }
.sp{width:80%; margin:1% auto;padding:1%;font-size:16px; font-weight:bold;color: #C00;}


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