*{ 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;}



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

.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: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; color:#FFF; }
.btn a.A{ margin:20px  auto 0; background-color:#e60012; }
.btn a.B{ margin:40px 0 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: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; }
.btn2 a.A{ background-color:#e60015; color:#FFF;}
.btn2 a.B{ background-color:#ff9103; color:#FFF;}



/* == 刊頭 == */
.head{ width:100%; height:960px; background:url(../images/banner.jpg); background-position:center;}
.head .main { margin:0 auto; padding:450px 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:4.2em; line-height:1.5; color:#FF0;}
.head h2{ font-size:2.8em; color:#FFF;}
.head p{  font-size:2.2em; line-height:2; color:#FF0;}


/* == 麵包屑 == */
.path{ margin:0 auto; width:100%; text-indent:20px;  font-size:16px; line-height:50px; color:#999; background:#000; }
.path a{ color:#999; text-decoration:underline;}
.path a:hover{ text-decoration:none;}


/* == 新聞 == */
.news{ width:100%;}
.news .main{ margin:0 auto; width:1200px; padding:80px 0; overflow:hidden; text-align:center;}
.news .main h2{ margin:0; font-size:4em; color:#243182;}
.news .main dl{ margin:20px 0 50px; border:4px solid #243182; padding:40px;}
.news .main dt{ margin:20px 0 0; padding:10px; background:#eeeeee; text-align:left; font-size:1.6em; line-height:50px; font-weight:bold; color:#243182;}
.news .main dd p{ text-align:left; font-size:1.5em; line-height:1.6; color:#333;}


/* == 日期 == */
.date{ width:100%; height:800px; background:url(../images/date.jpg); background-position:center;}
.date .main { margin:0 auto; padding:80px 0; width:1200px; text-align:center;}
.date h2{ font-size:4.4em; color:#243182;}
.date .box { float:right; width:660px; margin:50px 0 ; text-align:center;}
.date .box ul{ list-style:none; margin:0; padding:0;}
.date .box li{ float:left; margin:0 0 40px 30px; display:block; width:300px; height:380px;}
.date .box li.a{ background:url(../images/date_img01.gif); background-size:cover; color:#243182;}
.date .box li.b{ background:url(../images/date_img02.gif); background-size:cover; color:#097c25;}


/* ==優勢== */
.advantage{	width: 100%; background-color: #000;}
.advantage .main { margin:0 auto; padding:80px 0; width:1200px; text-align:center;}
.advantage h2{ font-size:4.4em; color:#FF0;}
.advantage h3{ font-size:2.4em; color:#ccc;}
.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:#ff0;}
.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:#000; }
.advantage .main .box li p{ font-size:1.6em; text-align:center; line-height:1.5;}


/* ==考試資訊== */
.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;}


/* == 國營事業 == */
.moea{ width:100%;	}
.moea .main{ margin:0 auto; padding:80px 0; width:1200px; text-align:center; }
.moea .main h2{ margin:0; font-size:4em; color:#333;}
.moea .main h3{ margin:0 0 30px; font-size:1.8em; font-weight:normal; color:#444;}
.moea .main .box01 img { display:none; margin:0 auto 20px ; width:1000px; height:auto; }
.moea .main .box02 img { display:block; margin:0 auto 20px ; width:1000px; height:auto;}
.moea .main .box03 img { display:none; margin:0 auto 20px ; max-width:414px; height:auto; }
	


/* == 上榜第一首選 == */
.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;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:80px 0; width:100%; overflow:hidden; text-align:center; background:#fff;}
.tailored h2{ margin:0; padding:0; font-size:4.4em; font-weight:normal; }
.tailored h3{ display:block; margin:10px auto; padding:0; width:400px;  height:60px;  line-height:60px;  font-size:2.4em; font-weight:normal; color:#FFF;
		      text-align:center; background-color:#000; }
.tailored p{ padding:0; font-size:1.6em; }
.tailored ul{ margin:50px auto; padding:0; width:100%;  max-width:1000px;  overflow:hidden; }
.tailored li{ display:block; margin:0; padding:0; float:left;}
.tailored li:nth-child(odd){ width:30%;  height:250px; }
.tailored li:nth-child(odd) img{ padding:15px 0;}
.tailored li:nth-child(even){ width:5%; padding-top:130px; }
.tailored li h4{ margin:0; padding:0; font-size:1.7em; color:#000; }



/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto; padding:80px 0; width:100%; overflow:hidden; text-align:center; background-color:#f9f9f9;}
.study .main{ margin:0 auto; width:1000px;	}
.study h2{  margin:0; padding:0; font-size:4.4em; font-weight:normal; }
.study h5{ display:block; margin:10px auto; padding:0; width:400px;  height:60px;  line-height:60px;  font-size:2.4em; font-weight:normal; color:#FFF;
		      text-align:center; background-color:#000; }
.study .box ul{ margin:50px auto; padding:0; width:100%; overflow:hidden; }
.study .box li{ display:block; margin:0 20px; padding:0; width:210px;  float:left; overflow:hidden; display:inline;}
.study .box li h3{ display:block; width:210px; height:100px; }
.study .box li h4{ display:block; width:210px; height:50px; line-height:50px; background-color:#2ec34a; font-size:1.6em; color:#FFF; }
.study .box li .box01{ padding:10px 0; width:210px; font-size:1.3em; line-height:1.6; border-bottom:1px solid #CCC;}
.study .box li .box02{ padding:10px 0; font-size:1.2em; line-height:1.6; text-align:center; color:#CCC;}
.study .box li .box02 a{ color:#e60015;}
.study .box li .box02 a:hover{ text-decoration:none;}


/* == 班址 == */
.footer{ width:100%; height:150px; background-color:#888; }
.footer-con{ margin:0 auto; padding:60px 0;  width:100%; max-width:1000px; height:150px; }
.footer-conL{ width:230px; float:left;}
.footer-conR{ width:770px; float:right;}
.footer-conR ul{ width:770px; margin:0;}
.footer-conR li a{ float:left; display:block; padding:0; margin:0 40px 10px 0; width:100px; 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;}
.fc01{ color: #e60012;}
.fc02{ color: #009e82;}
.fc03{ color: #FFFF00;}
.fc04{ color: #339900;}


/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; 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; color:#FFF; }
.btn a.A{ margin:20px  auto 0; background-color:#e60012; }
.btn a.B{ margin:40px 0 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 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:2em;
		          border-radius:6px; -webkit-border-radius:6px; text-decoration:none; font-weight:bold; }
.btn2 a.A{ background-color:#e60015; color:#FFF;}
.btn2 a.B{ background-color:#ff9103; color:#FFF;}


/* == 刊頭 == */
.head { display:block; 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:80% 4% 0; width:100%; text-align:center; }
.head h1{ margin:8px 0; padding:5px 0; display:block; border-top:4px solid #FF0; border-bottom:4px solid #FF0; font-size:2.8em; line-height:1.2; color:#FF0;}
.head h2{ font-size:1.2em; color:#FFF;}
.head p{  font-size:1.1em; line-height:1.2; color:#FF0;}

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

/* == 新聞 == */
.news{ width:100%;}
.news .main{ margin:0 auto; width:100%; padding:10% 4%; overflow:hidden; text-align:center;}
.news .main h2{ margin:0; font-size:3em; color:#243182;}
.news .main dl{ margin:20px 0 30px; border:4px solid #243182; padding:20px;}
.news .main dt{ margin:20px 0 0; padding:10px; background:#eeeeee; text-align:left; font-size:1.4em; line-height:1.4; font-weight:bold; color:#243182;}
.news .main dd p{ text-align:left; font-size:1.2em; line-height:1.4; color:#333;}


/* == 日期 == */
.date{ width:100%; height: auto; background:#f7d700; background-position:center;}
.date .main { margin:0 auto; padding:10% 4%; width:100%; text-align:center;}
.date h2{ font-size:2.8em; color:#243182;}
.date .box { float:none;  margin:20px 0 0; width:100%; text-align:center;}
.date .box ul{ list-style:none; margin:0; padding:0; overflow:hidden;}
.date .box li{  margin:8px 0 ; display:block; width:100%; height:0; padding-bottom:126.66%;}
.date .box li.a{ background:url(../images/date_img01.gif); background-size:cover; color:#243182;}
.date .box li.b{ background:url(../images/date_img02.gif); background-size:cover; color:#097c25;}	   


/* ==優勢== */ 
.advantage{ width:100%; background-color:#000;}
.advantage .main { margin:0 auto; padding:10% 4%; width:100%; text-align:center;}
.advantage h2{ font-size:2.8em; line-height:1.2; color:#FF0;}
.advantage h3{ font-size:1.5em; color:#CCC;}
.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:#FF0;}
.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:#000; }
.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;}


/* == 國營事業 == */
.moea{ width:100%;	}
.moea .main{ margin:0 auto; padding:10% 4%; width:100%; text-align:center; }
.moea .main h2{ margin:0; font-size:3.2em; line-height:1.2; color:#333;}
.moea .main h3{ margin:20px 0 30px; font-size:1.5em; font-weight:normal; color:#444;}
.moea .main .box01 img { display:none; margin:0 auto 20px ; width:1000px; height:auto; }
.moea .main .box02 img { display:none; margin:0 auto 20px ; width:1000px; height:auto;}
.moea .main .box03 img { display:block; margin:0 auto 20px ; max-width:300px; height:auto; }



/* == 上榜第一首選 == */
.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;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:10% 4%; width:100%; overflow:hidden; text-align:center;}
.tailored h2{ margin:0; padding:0; font-size:3em; font-weight:normal; }
.tailored h3{ display:block; margin:10px auto; padding:0; width:100%; height:50px; line-height:50px; font-size:1.6em; font-weight:normal;
		      color:#FFF; text-align:center; background-color:#000;}
.tailored p{ padding:0; font-size:1.2em; }
.tailored ul{ margin:20px auto; padding:0; width:100%; max-width:1000px; overflow:hidden; }
.tailored li{ display:block; margin:10px 0; padding:0; float:none;}
.tailored li:nth-child(odd){ width:100%; height:250px; }
.tailored li:nth-child(odd) img{ padding:15px 0;}
.tailored li:nth-child(even){ width:5%; height:250px; padding-top:130px; display:none;}
.tailored li h4{ margin:0; padding:0; font-size:2em; color:#000; }

/* == 投考組合 == */
.con06{ 
		width:100%;
		background-color:#00afc9;
		}
.con06-main{ margin:0 auto; padding:0;
			 width:100%;
			 height:auto;
			 padding:10% 4%;
			 text-align:center;
			 }
.con06-main h2{ margin:0; font-size:1.8em; color:#333;}
.con06-main h3{ font-size:1.2em; font-weight:normal; color:#fff; padding:10px; }
.con06-main .link{ clear:both;}
.con06-main .link ul{
	list-style:none;
	margin:0;
	padding:0; background-color:#00afc9;
	}
.con06-main .link li{
	margin:20px 0;
	padding-top:55px;
	display:inline-block;
	width:120px;
	height:139px;
	font-size:1.4em;
	}
.con06-main .link li a{
	width:120px;
	height:139px;
	color:#333;
	}
.con06-main .link li a:hover{
	text-decoration:none;
	}
.con06-main .link li:nth-child(odd) {
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	}
.con06-main .link li:nth-child(even) {
	background:url(../images/box06_02.png) no-repeat;
	background-size:cover;
	}
.con06-main img{
	margin:20px 0 30px;
	width:300px;
	height:51px; 
	}

/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto; padding:10% 4% ; width:100%; overflow:hidden; text-align:center;	background-color:#f9f9f9;}
.study .main{ margin:0 auto; padding:0; width:100%;}
.study .main h2{ margin:0; padding:0; font-size:2.6em; font-weight:normal;}
.study .main h5{ display:block; margin:10px auto; padding:0; width:100%; height:50px; line-height:50px; font-size:1.6em; font-weight:normal;
		         color:#FFF; text-align:center; background-color:#000;}
.study .main ul{ margin:20px auto; padding:0 15px; overflow:hidden; text-align:center;}
.study .main li{ display: inline-block; margin:0; padding:0; width:90%; float:none;}
.study .main li h3{ display:block; width:100%; height:auto; }
.study .main li h4{ display:block; width:100%; height:50px; line-height:50px; background-color:#2ec34a; font-size:1.6em; color:#FFF; }
.study .main li .box01{ padding:10px 0; width:100%; font-size:1.2em; line-height:1.6; border-bottom:1px solid #CCC;}
.study .main li .box02{ padding:10px 0; font-size:1em; line-height:1.6; text-align:center;  color:#CCC;}
.study .main li .box02 a{ color:#e60015;}
.study .main li .box02 a:hover{ text-decoration:none;}
		   

/* == 班址 == */
.footer{ width:100%; height:auto; background-color:#888; overflow:hidden;}
.footer-con{ margin:0 auto; padding:30px 0; width:100%; height:auto; overflow:hidden; }
.footer-conL{ margin:0 auto 15px auto; width:100%; max-width:230px; float:none;}
.footer-conR{ width:100%; float:none;}
.footer-conR ul{ width:100%; margin:0 auto; padding:0 0 0 6%;}
.footer-conR li a{ display:block; padding:0; margin:0 0 10px 0; width:30%; height:21px; font-size:18px; text-decoration:none; color:#FFF; float:left; }


}





/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
.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: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; color:#FFF; }
.btn a.A{ margin:20px  auto 0; background-color:#e60012; }
.btn a.B{ margin:40px 0 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: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; }
.btn2 a.A{ background-color:#e60015; color:#FFF;}
.btn2 a.B{ background-color:#ff9103; color:#FFF;}



/* == 刊頭 == */
.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:3em; line-height:1.5; color:#FF0;}
.head h2{ font-size:1.6em; color:#FFF;}
.head p{  font-size:1.6em; line-height:1.6; color:#FF0;}


/* == 麵包屑 == */
.path{ margin:0 auto; padding:0 2%; width:100%; font-size:16px; line-height:50px; color:#999; }
.path a{ color:#999; text-decoration:underline;}
.path a:hover{ text-decoration:none;}


/* == 新聞 == */
.news{ width:100%;}
.news .main{ margin:0 auto; width:100%; padding:50px 20px; overflow:hidden; text-align:center;}
.news .main h2{ margin:0; font-size:3em; color:#243182;}
.news .main dl{ margin:20px 0 50px; border:4px solid #243182; padding:40px;}
.news .main dt{ margin:20px 0 0; padding:10px; background:#eeeeee; text-align:left; font-size:1.6em; line-height:50px; font-weight:bold; color:#243182;}
.news .main dd p{ text-align:left; font-size:1.4em; line-height:1.6; color:#333;}


/* == 日期 == */
.date{ width:100%; height: auto; background:#f7d700;}
.date .main { margin:0 auto; padding:50px 20px; width:100%; }
.date h2{ font-size:3.4em; color:#243182;}
.date .box { float:none; width:100%; margin:0; text-align:center; }
.date .box ul{ list-style:none; margin:40px auto ; padding:0; overflow:hidden;}
.date .box li{ float:left; margin:0 30px; display: inline-block; width:300px; height:380px; }
.date .box li.a{ background:url(../images/date_img01.gif); background-size:cover; color:#243182;}
.date .box li.b{ background:url(../images/date_img02.gif); background-size:cover; color:#097c25;}


/* ==優勢== */
.advantage{ width:100%; background-color:#000;	}
.advantage .main { margin:0 auto; padding:50px 10px; width:100%; text-align:center;}
.advantage h2{ font-size:4em; color:#FF0;}
.advantage h3{ font-size:2.4em; color:#CCC;}
.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:340px; margin:0 4px; padding:0; display: inline-block; text-align:center; background-color:#ff0;}
.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:#000; }
.advantage .main .box li p{ font-size:1.2em; text-align:center; line-height:1.5;}


/* ==考試資訊== */
.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 50px; 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.4em; text-decoration:none; color:#FFF; text-align:left;
                  transition:1s;  }
.link .main li a:hover{ color: #FF0;}


/* == 國營事業 == */
.moea{ width:100%;	}
.moea .main{ margin:0 auto; padding:50px 20px; width:100%; text-align:center; }
.moea .main h2{ margin:0; font-size:4em; color:#333;}
.moea .main h3{ margin:0 0 30px; font-size:1.2em; font-weight:normal; color:#444;}
.moea .main .box01 img { display:none; margin:0 auto 20px ; width:100%; height:auto; }
.moea .main .box02 img { display:block; margin:0 auto 20px ; width:100%; height:auto;}
.moea .main .box03 img { display:none; margin:0 auto 20px ; max-width:414px; height:auto; }
	


/* == 上榜第一首選 == */
.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;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:50px 20px; width:100%; overflow:hidden; text-align:center; background:#fff;}
.tailored h2{ margin:0; padding:0; font-size:4em; font-weight:normal; }
.tailored h3{ display:block; margin:10px auto; padding:0; width:380px;  height:60px;  line-height:60px;  font-size:2em; font-weight:normal; color:#FFF;
		      text-align:center; background-color:#000; }
.tailored p{ padding:0; font-size:1.3em; }
.tailored ul{ margin:50px auto; padding:0; width:100%;  max-width:100%;  overflow:hidden; }
.tailored li{ display:block; margin:0; padding:0; float:left;}
.tailored li:nth-child(odd){ width:30%;  height:250px; }
.tailored li:nth-child(odd) img{ padding:15px 0;}
.tailored li:nth-child(even){ width:5%; padding-top:130px; }
.tailored li h4{ margin:0; padding:0; font-size:1.7em; color:#000; }

/* == 投考組合 == */
.con06{ 
		width:100%;
		background-color:#00afc9;
		}
.con06-main{ margin:0 auto; padding:0;
			 width:100%;
			 padding:50px 20px;
			 text-align:center;
			 overflow:hidden;
			 }
.con06-main h2{ margin:0; font-size:4.2em; color:#fff;}
.con06-main h3{ font-size:1.6em; color:#000; }
.con06-main .link{ clear:both;}
.con06-main .link ul{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#00afc9;
	}
.con06-main .link li{
	display:inline-block;
	margin:40px 0;
	padding-top:75px;
	width:160px;
	height:185px;
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	font-size:1.9em;
	color:#333;

	}
.con06-main .link li a{
	display:block;
	width:160px;
	height:185px;
	color:#333;
	}
.con06-main .link li a:hover{
	text-decoration:none;
	}
.con06-main .link li:nth-child(odd) {
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	}
.con06-main .link li:nth-child(even) {
	background:url(../images/box06_02.png) no-repeat;
	background-size:cover;
	}
.con06-main img{
	margin:20px 0 0;
	width:350px;
	height:60px; 
	}

/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto; padding:50px 20px; width:100%; overflow:hidden; text-align:center; background-color:#f9f9f9;	}
.study .main{ margin:0 auto; width:100%;}
.study h2{  margin:0; padding:0; font-size:4em; font-weight:normal; }
.study h5{ display:block; margin:10px auto; padding:0; width:380px;  height:60px;  line-height:60px;  font-size:2em; font-weight:normal; color:#FFF;
		      text-align:center; background-color:#000; }
.study .box ul{ margin:50px 0 0 0; padding:0; width:100%; overflow:hidden; text-align:center; }
.study .box li{ display:inline-block; margin:0 2px; padding:0; width:24%; overflow:hidden;}
.study .box li h3{ display:block; width:100%; height:auto;}
.study .box li h4{ display:block; width:100%; height:40px; line-height:40px; background-color:#2ec34a; font-size:1.2em; color:#FFF; }
.study .box li .box01{ padding:10px 0; width:100%; font-size:1.2em; line-height:1.6; border-bottom:1px solid #CCC;}
.study .box li .box02{ padding:10px 0; font-size:1.1em; line-height:1.4; text-align:center; color:#CCC;}
.study .box li .box02 a{ color:#e60015;}
.study .box li .box02 a:hover{ text-decoration:none;}


/* == 班址 == */
.footer{ width:100%; height:auto; background-color:#888;}
.footer-con{ margin:0 auto; padding:30px 0; width:100%; height:auto; display:inline-block; }
.footer-conL{ margin:10px auto; width:23%; float:left;}
.footer-conR{ margin:0 auto; width:77%; float:right;}
.footer-conR ul{ width:100%; margin:0;}
.footer-conR li a{ display:block; padding:0; margin:0 0 10px 0; width:20%; height:21px; font-size:18px; text-decoration:none; color:#FFF; float:left; }
	}