*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ width:100%; height:100%; font-family:"微軟正黑體",Arial, Helvetica,sans-serif; text-size-adjust:none; font-size:15px;}
ul,p{ margin:0; padding:0; list-style:none;}

/*隱藏SchemaDIV*/
.boxhide{ display:none;}
.boxhide p{ margin:0; padding:0;}

/* == 桌機版優先 ============================================================================= */

.fs01{ font-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px;}
.fc01{ color: #e60012;}
.fc02{ color: #009e82;}
.fc03{ color: #FFFF00;}
.fc04{ color: #339900;}


/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:320px; height:60px; line-height:60px; text-align:center; font-size:1.8em;  border-radius:50px; text-decoration:none; font-weight:bold; color:#FFF;}
.btn a.A{ margin:20px auto 0; background-color:#e60012;}
.btn a.B{ margin:40px auto 0; background-color:#e60012;}
.btn a.C{ margin:20px auto 0; background-color:#e60012;}
.btn a:hover { position:relative; top:1px; left:1px;}

.btn2{ margin:20px auto; width:100%; text-align:center; }
.btn2 a{ display: inline-block; margin:20px 4px 0 0; width:350px; height:60px; line-height:60px; text-align:center; font-size:1.8em;
		          border-radius:50px; text-decoration:none; font-weight:bold; }
.btn2 a.A{ background-color:#e60015; color:#FFF;}
.btn2 a.B{ background-color:#ff9103; color:#FFF;}

/*2018.3/30增加置頂選單*/
.top{ margin:0; padding:0;
      width:100%;
	  height:60px; line-height:60px;
	  background-color:#000;
	  font-size:1.1em; color:#666;
	  position:fixed; z-index:999;
	  top:0;
	  text-align:center;
	  }
.top a{ text-decoration:none; color:#FFF;}
.top a:hover{ text-decoration:underline;}

/* == 刊頭 == */
.head{ width:100%; height:960px; background:url(../images/banner.jpg); background-position:center;}
.head .main { margin:0 auto; padding:500px 0 0; width:800px; text-align:center;}
.head h1{ margin:5px 0; display:block; border-top:5px solid #FF0; border-bottom:5px solid #FF0; font-size:5.6em; line-height:1.5; color:#FF0;}
.head h2{ font-size:2.8em; color:#FFF; text-shadow:0px 0px 3px #333;}
.head p{  font-size:2.2em; line-height:2; color:#FF0;}


/* == 麵包屑 == */
.path{ margin:60px auto 0 auto; width:100%; padding:0 0 0 20px; font-size:16px; line-height:50px; color:#000; background:#FFF; }
.path ol{ margin:0; padding:0; width:100%;}
.path li{ margin:0; padding:0; display:inline-block;}
.path li a{ color:#000; text-decoration:underline;}
.path li a:hover{ text-decoration:none;}

/* ==優勢== */
.advantage{	width: 100%; background-color:#0a51a1;}
.advantage .main { margin:0 auto; padding:80px 0; width:1200px; text-align:center;}
.advantage h2{ font-size:4.4em; color:#fff;}
.advantage h3{ font-size:2.4em; color:#74d127;}
.advantage .main .box{ margin:20px auto 0; padding:0; }
.advantage .main .box ul{ width:100%; overflow:hidden;}
.advantage .main .box li{ float:left; margin:0 30px 20px; padding:0 0 40px; display: inline-block; text-align:center; background-color:#74d127;}
.advantage .main .box li img{ width:340px;}
.advantage .main .box li h4{ margin:0 0 10px 0;padding:20px 20px 0; font-size:2.4em; color:#0a51a1; }
.advantage .main .box li p{ font-size:1.6em; text-align:center; line-height:1.5; color:#0a51a1;}


/* ==考試資訊== */
.link{ width:100%; background-color:#233341;}
.link .main { margin:0 auto; padding:50px 0; width:1200px; overflow:hidden; }
.link .main ul{ list-style:none; margin:0; padding:0;}
.link .main li a{ float:left; display:block; padding:0; margin:0 ; width:240px; height:40px; line-height:40px; font-size:1.4em; text-decoration:none; color:#FFF; text-align:left;
                  transition:1s;  }
.link .main li a:hover{ color: #FF0;}


/* == 上榜第一首選 == */
.preferred{
	width: 100%;
	background-color: #08bbc2;
}
.preferred .main{ margin:0 auto; padding:80px 0 ;  width:100%; max-width:1200px; background-image:url(../images/image10-L.png) ; overflow:hidden; }
.preferred .main h2{ margin:0; font-size:5em; color:#fff100; }
.preferred .main h3{ margin:0 0 30px 0; font-size:5em; color:#fff100; }
.preferred .main p{ font-size:2.4em; color:#FFF; line-height:1.6;}
.preferred .main a{ float:left; display:block; margin:10px 6px 10px 0; width:300px;  height:60px; line-height:60px; text-align:center;  font-size:2em;
			   border-radius:6px; -webkit-border-radius:6px; text-decoration:none; font-weight:bold; overflow:hidden;  }
.preferred .main a.A{ background-color:#fff100; color:#000;}
.preferred .main a.B{ background-color:#e60015; color:#FFF;}

/*必備線上資源*/
.resource{ padding:100px calc((100% - 1100px)/2); }
.resource h2{ padding: 20px 0; font-size: 3em; color: #0a51a1; text-align: center;}
.resource p{ font-size: 1.4em; line-height: 1.6;}
.resource ul{ margin: 20px 0 60px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.resource ul li{ width: 33%; margin: 5px 0; padding: 15px; text-decoration: none; font-size: 1.6em; color: #0a51a1; background-color: #74d127; border-radius: 5px;}

/*學習方式超多元*/
.studymode{ margin:0 auto; padding:100px calc((100% - 1200px)/2); text-align:center; overflow: hidden; background-color: #f5f5f5;}
.studymode h1 {font-size: 3em;color: #0a51a1;}
.studymode h2 {display: inline-block;padding: 5px 40px;margin: 20px 0px 60px 0px;font-size: 1.8rem; font-family: "微軟正黑體"; line-height: 1.5;color: #666;text-align: center;border: 1px dashed #666;}
.studymode ul {display: flex;justify-content: space-between;margin: 60px 0px 40px 0px;}
.studymode ul:nth-of-type(2) {justify-content: space-evenly;}
.studymode ul li {width: 28.5%;}
.studymode ul li .topword {margin: 0px 0px 10px 0px;display: flex;justify-content: flex-start;align-items: center;}
.studymode ul li .topword .circle {display: flex;justify-content: flex-start;width: 40%;}
.studymode ul li .topword .circle span {width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;font-size: 1.8rem;font-weight: 700;color: #3d85f9;border-radius: 999px;outline: #fbb03b 2px solid;}
.studymode ul li .topword p {width: 60%;padding: 3px 0px;font-size: 1.35rem;font-weight: 700;font-style: italic; color: #fbb03b;text-align: justify;border-bottom: #fbb03b 2px solid;}
.studymode ul li .topword span:nth-child(2) {transform: translate(-2px);}
.studymode ul li .topword span:nth-child(3) {transform: translate(-4px);}
.studymode img {max-width: 100%;display: block;margin: 0 auto;}
.studymode ul li .box p {margin: 20px 0px 0px 0px;padding: 12px 0px 0px;font-size:1.4rem; line-height: 1.6;color: #4d4d4d;border-top: #4d4d4d 1px solid;}
.studymodemobile {display: none;}

/* footer */
.footer{ margin:1px 0 0;width:100%; background-color:#2c3c49;  overflow:hidden;}
.footer-con{ margin:0 auto; padding:50px 0; max-width:1200px; display: flex; justify-content: center; align-items: center; overflow:hidden; }
.footer-conL{ max-width:230px;}
.footer-conR ul{ margin:0; display: flex; flex-wrap: wrap;}
.footer-conR li{ width: 24%;}
.footer-conR li a{ display:block; padding:0; margin:0 40px 10px 0; height:21px; font-size:20px; text-decoration:none; color:#FFF;  }
				   

/* == 手機版型區 ============================================================================= */

@media only screen and (max-width: 767px) {
.fs01{ font-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px;}


/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.6em; }
.btn a.A{ margin:0 auto 0; }
.btn a.B{ margin:40px auto 0; }
.btn a.C{ margin:20px auto 0; }

.btn2{ margin:20px auto 0; width:100%; text-align:center; }
.btn2 a{ display: inline-block; margin:5px 0 ; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.6em;}

/*2018.3/30增加置頂選單*/
.top{ margin:0; padding:0;
      width:100%;
	  height:50px; line-height:50px;
	  background-color:#000;
	  font-size:0.8em; color:#666;
	  position:fixed; z-index:999;
	  top:0;
	  text-align:center;
	  }
.top a{ text-decoration:none; color:#FFF;}
.top a:hover{ text-decoration:underline;}

/* == 刊頭 == */
.head { display:block; margin: 50px 0 0 0; width:100%; height:0; background:url(../images/m_bn.jpg) no-repeat; background-size:cover; padding-bottom:177.8%; }
.head .main { display:block; margin:0 auto; padding:4% 4% 0; width:100%; text-align:center; overflow:hidden; }
.head h1{ margin:8px 0; padding:5px 0; display:block; border-top:4px solid #0a51a1; border-bottom:4px solid #0a51a1; font-size:3em; line-height:1.2; color:#0a51a1;}
.head h2{ font-size:1.4em; color:#390; text-shadow:none;}
.head p{ margin:0 0 100%;  font-size:1.2em; line-height:1.2; color:#0a51a1;}

/* == 麵包屑 == */
.path{ display:none;}   


/* ==優勢== */ 
.advantage{ width:100%; background-color:#0a51a1;}
.advantage .main { margin:0 auto; padding:10% 4%; width:100%; text-align:center;}
.advantage h2{ font-size:2.2em; line-height:1.2; color:#FFF;}
.advantage h3{ font-size:1.2em; color:#74d127;}
.advantage .main .box{ margin:20px auto 0; padding:0; }
.advantage .main .box ul{ width:100%; overflow:hidden;}
.advantage .main .box li{ float:none; margin:10px 0; padding:0 0 40px; display: inline-block; text-align:center; background-color:#74d127;}
.advantage .main .box li img{ width:100%;}
.advantage .main .box li h4{ margin:0 0 10px 0;padding:20px 20px 0; font-size:2em; color:#0a51a1; }
.advantage .main .box li p{ font-size:1.5em; text-align:center; line-height:1.5;}


/* ==考試資訊== */
.link{ width:100%; background-color:#233341;}
.link .main { margin:0 auto; padding:10% 4%; width:100%; text-align:center;overflow:hidden; }
.link .main ul{ list-style:none; margin:0; padding:0; }
.link .main li a{ float:none; display: inline-block; padding:0; margin:0 35px ; width:100%; height: auto; line-height:60px; font-size:1.8em; text-decoration:none; 
                  color:#FFF; text-align:left; transition:1s;  }
.link .main li a:hover{ color: #FF0;}


/* == 上榜第一首選 == */
.preferred{ width:100%; background-color:#08bbc2;}
.preferred .main{ margin:0 auto; padding:10% 4%;  width:100%; overflow:hidden; }
.preferred .main h2{ margin:0; font-size:2.8em; color:#fff100; }
.preferred .main h3{ margin:0 0 20px 0; font-size:3em; line-height:1.1; color:#fff100; }
.preferred .main p{ margin:10px; font-size:1.8em; color:#FFF; line-height:1.6;}

.preferred .main a{ display: block; margin:5px auto; width:100% ;  height:60px; line-height:60px; text-align:center;  font-size:2em;
			   border-radius:6px; -webkit-border-radius:6px; text-decoration:none; font-weight:bold; float:left; }
.preferred .main a.A{ background-color:#fff100; color:#000;}
.preferred .main a.B{ background-color:#e60015; color:#FFF;}

/*必備線上資源*/
.resource{ padding:65px 5%;}
.resource h2{ padding: 0 0 10px; font-size: 1.8em;}
.resource p{ padding: 0; font-size:16px; text-align:justify;}
.resource ul{ margin: 10px 0 30px; flex-wrap: wrap;}
.resource ul li{ width: 48%; margin: 5px 0; font-size: 1.1em;}
.resource ul li:nth-child(7){ width: 100%;}
.resource ul li:nth-child(8){ width: 100%;}
.resource ul li:nth-child(9){ width: 100%;}

/*學習方式超多元*/
.studymode {display: none;}
.studymodemobile {display: block;text-align: center;padding: 65px 4%; background: #eeeeee;}
.studymodemobile h1 {font-size: 7.2vw;color: #2c3c49;font-weight: bold;}
.studymodemobile h2 {display: inline-block;margin: 25px 0px;padding: 5px 10px;font-size: 5vw;color: #666;outline: #666 1px dashed;}
.studymodemobile ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 25px;margin: 25px 0px 0px 0px;}
.studymodemobile ul li {width: 100%;}
.studymodemobile ul li a {cursor: pointer; text-decoration: none;}
.studymodemobile ul li .topword {margin: 0px 0px 10px 0px;display: flex;justify-content: flex-start;align-items: center;}
.studymodemobile ul li .topword .circle {display: flex;justify-content: flex-start;width: 40%;}
.studymodemobile ul li .topword .circle span {width: 10vw;height: 10vw;display: flex;justify-content: center;align-items: center;font-size: 6vw;font-weight: 700;color: #3d85f9;border-radius: 999px;outline: #fbb03b 2px solid;}
.studymodemobile ul li .topword p {width: 60%;padding: 3px 0px;font-size: 6vw;font-weight: 700;font-style: italic;color: #fbb03b;text-align: justify;border-bottom: #fbb03b 2px solid;}
.studymodemobile ul li .topword span:nth-child(2) {transform: translate(-2px);}
.studymodemobile ul li .topword span:nth-child(3) {transform: translate(-4px);}
.studymodemobile img {display: block;max-width: 100%;margin: 0 auto;}
.studymodemobile ul li i {padding: 15px 0px 10px 0px;font-size: 8vw;animation: arrowmove 1s linear infinite alternate;}
.studymodemobile ul li .sublist {display: none;}
.studymodemobile ul li .sublist p {display: inline-block;padding: 12px 0px 0px;font-size: 5.5vw;line-height: 1.6;color: #4d4d4d;border-top: #4d4d4d 1px solid;}

/* footer */
.footer{ margin:1px 0 0; width:100%; background-color:#2c3c49; overflow:hidden;}
.footer-con{ padding:50px 2%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow:hidden; }
.footer-conL{ max-width:230px;}
.footer-conR ul{ width: 100%; margin:20px 0 0; display: flex; flex-wrap: wrap; text-align: center;}
.footer-conR li{ width: 33%;}
.footer-conR li a{ display:block; padding:0; margin:0 0 10PX; height:21px; font-size:18px; color:#FFF;}

}



/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
.fs01{ font-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px;}


/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:320px; height:60px; line-height:60px; font-size:1.8em; }
.btn a.A{ margin:20px auto 0; }
.btn a.B{ margin:40px auto 0; }
.btn a.C{ margin:20px auto 0; }
.btn a:hover { position:relative; top:1px; left:1px;}

.btn2{ margin:20px auto; width:100%; text-align:center; }
.btn2 a{ display: inline-block; margin:20px 4px 0 0; width:320px; height:60px; line-height:60px; font-size:1.6em;}

/*2018.3/30增加置頂選單*/
.top{ margin:0; padding:0;
      width:100%;
	  height:60px; line-height:60px;
	  background-color:#000;
	  font-size:1em; color:#666;
	  position:fixed; z-index:999;
	  top:0;
	  text-align:center;
	  }
.top a{ text-decoration:none; color:#FFF;}
.top a:hover{ text-decoration:underline;}

/* == 刊頭 == */
.head{ width:100%; height:0; background:url(../images/banner.jpg) no-repeat; background-size: 140%; padding-bottom:70%; background-position:center;}
.head .main { margin:0 auto; padding:250px 100px 0; width:100%; text-align:center;}
.head h1{ margin:5px 0; display:block; border-top:5px solid #FF0; border-bottom:5px solid #FF0; font-size:4em; line-height:1.5; color:#FF0;}
.head h2{ font-size:1.6em; color:#FFF;}
.head p{  font-size:1.4em; line-height:1.5; color:#FF0;}


/* == 麵包屑 == */
.path{ margin:50px auto 0 auto; padding:0 2%; width:100%; font-size:15px; line-height:50px; color:#666; }
.path ol{ margin:0; padding:0; width:100%;}
.path li{ margin:0; padding:0; display:inline-block;}
.path li a{ color:#000; text-decoration:underline;}
.path li a:hover{ text-decoration:none;}


/* ==優勢== */
.advantage{ width:100%; background-color:#0a51a1;	}
.advantage .main { margin:0 auto; padding:50px 10px; width:100%; text-align:center;}
.advantage h2{ font-size:3.2em; color:#fff;}
.advantage h3{ font-size:2em; color:#74d127;}
.advantage .main .box{ margin:20px auto 0; padding:0; }
.advantage .main .box ul{ width:100%; overflow:hidden;}
.advantage .main .box li{ float:left; width:32%; height:310px; margin:0 4px 10px; padding:0; display: inline-block; text-align:center; background-color:#74d127;}
.advantage .main .box li img{ width:100%;}
.advantage .main .box li h4{ margin:0 0 10px 0;padding:20px 20px 0; font-size:2em; color:#0a51a1; }
.advantage .main .box li p{ font-size:1.2em; text-align:center; line-height:1.5; color:#0a51a1; }


/* ==考試資訊== */
.link{ width:100%; background-color:#233341;}
.link .main { margin:0 auto; padding:50px 0; width:100%; overflow:hidden; }
.link .main ul{ list-style:none; margin:0 40px; padding:0;}
.link .main li a{ float:left; display: inline-block; padding:0; margin:0 ; width:220px; height:40px; line-height:40px; font-size:1.2em; text-decoration:none; color:#FFF; text-align:left;
                  transition:1s;  }
.link .main li a:hover{ color: #FF0;}
	


/* == 上榜第一首選 == */
.preferred{ width:100%; background-color:#08bbc2;}
.preferred .main{ margin:0 auto; padding:50px 20px;  width:100%; background:url(../images/image10-L.png) no-repeat; background-size: 110%; background-position:center; overflow:hidden; }
.preferred .main h2{ margin:0; font-size:3.8em; color:#fff100; }
.preferred .main h3{ margin:0 0 20px 0; font-size:3.8em; color:#fff100; }
.preferred .main p{ width:400px; font-size:2em; color:#FFF; line-height:1.6;}
.preferred .main a{ float:left; display:block; margin:5px 3px 0; width:230px;  height:46px; line-height:46px; text-align:center;  font-size:1.6em;
			   border-radius:6px; -webkit-border-radius:6px; text-decoration:none; font-weight:bold; overflow:hidden;  }
.preferred .main a.A{ background-color:#fff100; color:#000;}
.preferred .main a.B{ background-color:#e60015; color:#FFF;}

/*必備線上資源*/
.resource{ padding:100px 2%;}
.resource h2{ font-size: 2.8em;}
.resource p{ padding: 10px 5%; font-size: 1.4em;}
.resource ul{ margin: 10px 0 40px;}
.resource ul li{ width: 32%; margin: 5px 0; font-size: 1.3em;}

/*學習方式超多元*/
.studymode{ padding:80px 2%;}
.studymode h2{ margin: 20px 0; font-size:1.5em;}
.studymode ul{ width: 100%; margin:20px 0 30px;}
.studymode ul li{ margin:0 10px; padding:0;}
.studymode ul li .topword .circle{width: 53%;}
.studymode ul li .topword p {width: 47%;}
.studymode ul li img{ max-width: 100%;}
.studymode ul li h4{ padding: 10px 0; font-size: 1.3em;}
.studymode ul li .box p{ font-size: 1rem;}

/* footer */
.footer{ margin:1px 0 0;width:100%; background-color:#2c3c49; overflow:hidden;}
.footer-con{ padding:50px 0; width: 100%; display: flex; justify-content: center; align-items: center; overflow:hidden; }
.footer-conL{ max-width:230px;}
.footer-conR ul{ margin:0; display: flex; flex-wrap: wrap;}
.footer-conR li{ width: 25%;}
.footer-conR li a{ display:block; padding:0; margin:0 0 10PX; height:21px; font-size:18px; color:#FFF;}

}

*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
      font-size:15px;}
ul{ margin:0; padding:0; list-style:none;}
p{ margin:0; padding:0;}