@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; }
	
/* 桌機版 */
.ht1{ width:900px; margin:0 auto; padding:1%; font-size:33px; text-align:left;}
.ft1{ width:900px; margin:0 auto;overflow:hidden;}
.ft1 ul{list-style:none;}
.ft1 li{ width:100%; margin:1.5% auto; padding:2%; font-size:24px; text-align:left; background-color:#FFFFFF;border:2px solid  #CCC;border-radius:20px;}
.ft2{ width:90%; margin:0 auto; padding:1%; font-size:36px; background-color:#2B86B2; color:#FFF; font-weight:bold; text-align:center;}

.ft3{ color:#CC0000; font-weight:bold;}

.tbk{ width:50%; margin:0 auto; padding:1%; font-size:18px; color:#666666; text-align:center;}
.tbk a{color:#666666;display:block;text-decoration:none;}


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

.tbk{ width:50%; margin:0 auto; padding:1%; font-size:14px; color:#666666; text-align:center;}

.ht1{ width:90%; margin:0 auto; padding:1%; font-size:14px; text-align:left;}

.ft1{ width:90%; margin:0 auto;}
.ft1 ul{list-style:none;}
.ft1 li{ width:100%; margin:2% auto; padding:2.5% 1.2% 2.5% 2.5%; font-size:14px; text-align:left; background-color:#FFFFFF;border:2px solid  #CCC;border-radius:20px;}
.ft2{ font-size:16px; background-color:#2B86B2; color:#FFF; font-weight:bold;text-align:center;}



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