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

	
/* 桌機版 */
.bn1{ width:860px; margin:0 auto; text-align:center; }
.bn1 ul{list-style:none;} 
.bn1 li{width:100%; margin:1.5% auto; padding:1%;border-radius:15px; font-size:48px; font-weight:bold;  color:#FFFFFF; text-align:center;}
.bn1 li a{display:block;color:#FFFFFF;}

.bn1 li:nth-child(even) {
      background-color: #003366;
      animation: colorFlash 2s infinite linear;    }

.bn1 li:nth-child(odd) {
      background-color: #c00;
      animation: colorFlash 2s infinite linear reverse;   }

    @keyframes colorFlash {
      0% {background-color: #003366;}

      49% {background-color: #003366;}

      50% {background-color: #c00;}

      99% {background-color: #c00;}

      100% {background-color: #003366;}
	  }

.bn2{ width:980px; margin:0 auto; text-align:center; }
.bn2 ul{list-style:none;} 
.bn2 li{width:19%; margin:1% auto; padding:1%;display:inline-block; font-size:24px; font-weight:bold; background-color:#003366; color:#FFFFFF; text-align:center;}
.bn2 li a{display:block;color:#FFFFFF;}

/* 講座 */
.sp01{ width:980px; margin:1% auto; padding:1%;border:2px solid  #000;border-radius:50px;overflow:hidden;font-size:24px;}
.spt1{ font-size:60px; font-weight:bold; text-align:center;}
.spt2{font-size:40px; font-weight:bold; text-align:center;}
.spt3{font-size:40px; font-weight:bold; text-align:center; color:#CC0000;}
.spbn1{ width:60%; margin:1% auto; padding:1%; background-color:#C00; color:#FFFFFF; font-size:36px; font-weight:bold; text-align:center;}
.spbn1 a{display:block;color:#FFFFFF;}

/* 推薦 */
.box1{ width:980px; margin:1% auto;}
.by{ width:100%; font-size:48px; font-weight:bold;padding:1%;}
.bw{ width:100%;font-size:24px; text-align:left;padding:2%;}
.br{font-size:36px; font-weight:bold; color:#CC0000;text-align:left;}
.tr01{ color:#CC0000;}

/* 留單 */
.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%; }

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

.bn1{ width:86%; margin:0 auto; text-align:center; }
.bn1 li{width:100%; margin:1.5% auto; padding:1%;border-radius:15px; font-size:20px; font-weight:bold;  color:#FFFFFF; text-align:center;}


.bn2{ width:100%; margin:0 auto; }
.bn2 li{width:19%; margin:1% auto; padding:1%;display:inline-block; font-size:14px; font-weight:bold; background-color:#003366; color:#FFFFFF; text-align:center;}


.sp01{ width:94%; margin:1% auto; padding:1%;border:2px solid  #000;border-radius:50px; font-size:12px;}
.spt1{ font-size:24px; font-weight:bold; text-align:center;}
.spt2{font-size:20px; font-weight:bold; text-align:center;}
.spt3{font-size:18px; font-weight:bold; text-align:center; color:#CC0000;}

.spbn1{ width:60%; margin:1% auto; padding:1%; background-color:#C00; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center;}
.spbn1 a{display:block;color:#FFFFFF;}

/* 推薦 */
.box1{ width:92%; margin:1% auto;}
.by{ width:100%; font-size:20px; font-weight:bold;padding:1%;}
.bw{ width:100%;font-size:14px; text-align:left;padding:2%;}
.br{font-size:18px; font-weight:bold; color:#CC0000;text-align:left;}
.tr01{ color:#CC0000;}

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



}