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

	
/* 桌機版 */
.t1{ width:980px; margin:0 auto; padding:1%; font-size:36px; color:#FFFFFF;}

.t2{width:980px; margin:0 auto;}
.tbox{ width:880px; margin:0 2% 0 8%; padding:1%; overflow:hidden; text-align:center;}

.tb1{ width:30%; text-align:center;margin:0 auto; float:left;}
.ty{ width:45%; margin:0 auto; font-size:60px; float:left; color:#FAC905; font-weight:bold; text-align:center;}
.t3{width:45%; margin:5% auto 0;font-size:20px; text-align:left; color:#FFF;}

.t4{width:30%;margin:1% auto 0; font-size:30px; float:left; color:#FFFFFF; background-color:#0033FF;border-radius:50px; padding:1%;}
.t4 a{display:block; color:#FFFFFF;}
.t5{width:980px; margin:0 auto; font-size:70px; color:#FFFFFF;font-weight: bold; text-align:center;}

.wbox{ width:880px; background-color:#FFFFFF; text-align:center; margin:0 auto; padding:1%; font-size:24px;}

/* 講座 */
.sp1{ width:980px; margin:0 auto; padding:1%; font-size:60px; font-weight:bold; color:#0033FF; text-align:center;}
.sp2{ width:100%;margin:0 auto;overflow:hidden;text-align:center;}
.sr1{ width:30%;margin:0 auto; font-size:100px; color:#C00;font-weight:bold; float:left;}
.sr2{ width:100%; text-align:left; font-size:48px;color:#C00;font-weight:bold; padding:2%;}
.sr3{ font-size:24px;}
.sb1{ font-size:36px;}
.sk{ font-size:24px; color:#000000; text-align:left; font-weight:normal; width:100%; padding:2%;}
.bn2{ width:300px; margin:0 auto; padding:1%;border-radius:50px; color:#FFF; font-size:36px; background-color:#CC0000; text-align:center;}
.bn2 a{display:block;color:#FFF;}

/* 手機版 */
@media screen and ( max-width:767px ){
.t1{ width:100%; margin:0 auto; padding:1%; font-size:14px; color:#FFFFFF;}

.t2{width:100%; margin:0 auto;}
.tbox{ width:100%; margin:0 1% 0 2%; padding:1%; overflow:hidden; text-align:center;}

.tb1{ width:32%; text-align:center;margin:0 auto; float:left;}
.ty{ width:45%; margin:0 auto; font-size:33px; float:left; color:#FAC905; font-weight:bold; text-align:center;}
.t3{width:45%; margin:5% auto 0;font-size:12px; text-align: center; color:#FFF;}

.t4{width:30%;margin:2% auto 0; font-size:16px; float:left; color:#FFFFFF; background-color:#0033FF;border-radius:50px; padding:1%;}
.t4 a{display:block; color:#FFFFFF;}
.t5{width:100%; margin:0 auto; font-size:30px; color:#FFFFFF;font-weight: bold; text-align:center;}

.wbox{ width:90%; background-color:#FFFFFF; text-align:center; margin:0 auto; padding:1%; font-size:12px;}

/* 講座 */
.sp1{ width:100%; margin:0 auto; padding:1%; font-size:28px; font-weight:bold; color:#0033FF; text-align:center;}
.sp2{ width:100%;margin:0 auto;overflow:hidden;text-align:center;}
.sr1{ width:40%;margin:0 auto; font-size:55px; color:#C00;font-weight:bold; float:left;}
.sr2{ width:100%; text-align:left; font-size:20px;color:#C00;font-weight:bold; padding:2%;}
.sr3{ font-size:14px;}
.sb1{ font-size:16px;}
.sk{ font-size:12px; color:#000000; text-align:left; font-weight:normal; width:100%; padding:2%;}
.bn2{ width:60%; margin:0 auto; padding:1%;border-radius:50px; color:#FFF; font-size:16px; background-color:#CC0000; text-align:center;}


}