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


/*======================================== AD ========================================*/

header{
	width:100%;
	padding:0 0 20px 0;
	margin:0 0 2px 0;
	background-color:#FFF;
	text-align:center;
	box-shadow:1px 1px 2px #999;
	}

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

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

.fs01 {	font-size: 24px; color: #FFF; font-weight: bold;}
.fs02 {	font-size: 24px; color: #554B34; }
.fs03 {	font-size: 24px; color: #89B700; font-weight: bold;}
.fs04 { display: inline-block; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; background:#cf1820; text-align:center; line-height:50px; color:#FFF;}


.fc01{ color: #d35400;}
.fc02{ color: #cf1820;}
.fc03{ color: #fff600;}
.fc04{ color: #2ea4a5;}

.aL a{ color:#FFF;	text-align:center;}
.aL a:hover{ text-decoration:none;}
.bL a{ color:#333;}
.bL a:hover{ text-decoration:none;}

.btn a{ padding:0; display:block; width:300px; height:60px; line-height:60px; text-align:center; font-size:30px;  border-radius:3px; -webkit-border-radius:3px;
		text-decoration:none; font-weight:bold; color:#FFF; }
.btn a.A{ margin:20px 0 0; background-color:#284054; }
.btn a.B{ margin:20px auto 0; background-color:#284054; }
.btn a.C{ margin:20px auto 0; background-color:#e60012; }
.btn a:hover { position:relative; top:1px; left:1px;}


.btn2 { clear:both; padding:0;}
.btn2 ul { margin:0; padding:0;	list-style:none; text-align:center;	}
.btn2 li { display:inline-block;}
.btn2 li a{	display:inline-block; width:300px;	height:60px; line-height:60px;	border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; 
            text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn2 li a:hover { position:relative; top:1px; left:1px;}
.btn2 li.A a{ background-color:#284054; }
.btn2 li.B a{ background-color:#e60012;}
.btn2 li.C a{ background-color:#13b5b1;}



/* == 刊頭 == */
.HEAD{ width:100%; height:380px; background:url(../images/banner.jpg); background-position:center; border-bottom:20px solid #284054; }
.HEAD h1{ text-indent:-9999px;}


/* == 考情 == */
.news{ margin:0 auto; padding:40px 0 0; width:100%; max-width:1000px; text-align:center;}
.news h2{ margin:0 ; font-size:4.5em; font-weight:normal; color:#cf1820; }
.news .left{ float:left; width:49%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
.news .right{ float:right; width:49%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}


/* == 區塊01 == */
.CON01{ width:100%;}
.CON01 .main{ margin:0 auto; padding:40px 0 60px; width:1000px; text-align:center; overflow:hidden;}
.CON01 .main h2{ margin:0 ; font-size:4.5em; font-weight:normal; color:#cf1820; }
.CON01 .box{ margin: 20px 0 30px; overflow:hidden;}
.CON01 .main ul { clear:both; list-style:none; margin:0; padding:0;}
.CON01 .main li { float:left; margin:0 10px; display: inline;}
.CON01 .main p{ font-size:1.2em;  }
.tb-sty01 { border-collapse: collapse; width:480px;}
.tb-sty01 td{ border:1px solid #fff; border-collapse: collapse; padding:6px;}
.CON01 .main h3{ font-size:1.5em;}
.CON01 .main h3 a{ color:#39F;}




/* == 區塊02 == */
.CON02{ width:100%; background:#cdc00a; }
.CON02 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; background: url(../images/con02.jpg) no-repeat bottom left 10%; overflow:hidden; text-align:center; }
.CON02 .main h2{ margin:0; font-size:4.5em; font-weight:normal; color:#284054; }
.CON02 .main .box { margin:30px 0; }
.CON02 .main .box .right{ float:right; font-size:2em; line-height:1.8; color:#284054; text-align:left;}

	      
			   
/* == 區塊03 == */
.CON03{ width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON03 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; overflow:hidden; text-align:center;  }
.CON03 .main h2{ margin:0 0 30px; font-size:4.5em; font-weight:normal; color:#284054;  }
.CON03 .box01{ display:block; }
.CON03 .box01 img{ width:1000px; height:auto;}
.CON03 .box02{ display:none; }


/* == 區塊04 == */
.CON04{ width:100%; background:#d2d2d2;}
.CON04 .main{ margin:0 auto; padding:60px 0 ; width:1000px; background: url(../images/con04.gif) no-repeat bottom right 5%; overflow:hidden; }
.CON04 .main h2{ margin:0; font-size:4.8em; font-weight:normal; color:#898004;}
.CON04 .main dl{ margin:20px 0; width:600px; color:#284054; }
.CON04 .main dt{ font-size:2em; font-weight:bold;line-height:1.6;}
.CON04 .main dd{ font-size:1.4em; line-height:1.6;}	


/* == 區塊05 == */
.CON05 { width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON05 .main{ margin:0 auto; padding:50px 0 70px; width:1000px; overflow:hidden; text-align:center;  }
.CON05 .main h2{ margin:0 0 30px; font-size:4.3em; font-weight:normal; color:#284054;  }
.CON05 .box01{ display:block; }
.CON05 .box01 img{ width:1000px; height:auto;}
.CON05 .box02{ display:none;}


/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:60px 0; width:100%; overflow:hidden; text-align:center; background:#d65515;}
.tailored h2{ margin:0; padding:0; font-size:4.5em;  font-weight:normal;  color:#FFF; }
.tailored h3{ display:block;
           margin:10px auto;
		   padding:0;
		   width:420px;
		   height:60px;
		   line-height:60px;
		   font-size:2.4em;
		   font-weight:normal;
		   color:#189c99;
		   text-align:center;
		   background-color:#fff600;
		   }
.tailored .box ul{ margin:60px auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.tailored .box li{ display:block; margin:0; padding:0; float:left;}
.tailored .box li:nth-child(odd){ width:30%;
						  height:300px;
						  }
.tailored .box li:nth-child(odd) img{ padding:0;}
.tailored .box li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:80px;
						  }
.tailored .box li h4{ margin:20px 0 5px;
              padding:0;
			  font-size:1.8em;
			  color:#000; }
.tailored .box li h5{
	font-size:2em;
	color:#FF0;
	font-weight:normal;
	}



/* == 麵包屑 == */
.PATH{ margin:40px auto;
       padding:0;
	   width:100%;
	   max-width:1000px;
	   font-size:16px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}

/* == 懶人包綜合選單 == */
.MENU{ margin:0 auto 100px auto;
       padding:0;
	   width:100%;
	   max-width:1000px;
	   overflow:hidden;
		}
.MENU-box{ margin:0 20px;
            padding:0;
			width:210px;
			float:left;
			overflow:hidden;
			display:inline;
			}
.MENU-box dl{ margin:0;padding:0;width:210px;}
.MENU-box dt{ display:block;
                  margin:0;padding:0;
				  width:210px;
				  height:100px;
				  }
.MENU-box dt.a{ background-color:#0bb2b5;}
.MENU-box dt.b{ background-color:#e17f00;}
.MENU-box dt.c{ background-color:#963483;}
.MENU-box dt.d{ background-color:#29a23f;}
.MENU-box dd{ display:block;
               margin:1px 0;padding:0;
			   width:210px;
			   height:50px;
			   line-height:50px;
			   background-color:#999;
			   font-size:1.2em;
			   color:#FFF;
			   text-align:center;
			   }
.MENU-box dd.e{ background-color:#0cc7cb;}
.MENU-box dd.f{ background-color:#ff9103;}
.MENU-box dd.g{ background-color:#b5419e;}
.MENU-box dd.h{ background-color:#2ec34a;}
.MENU-box dd a{ display:block; color:#FFF; text-decoration:none;}
.MENU-box dd a:hover{ text-decoration:underline;}


		   


/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto;
        padding:50px 0;
		width:100%;
		background:#f8f8f8;
		overflow:hidden;
		text-align:center;
		}
.study .main{
	margin:0 auto;
	width:1000px;
	}
.study h1{ margin:0;
           padding:0;
		   font-size:3em;
		   font-weight:normal;
		   }
.study h2{ display:block;
           margin:10px auto;
		   padding:0;
		   width:310px;
		   height:40px;
		   line-height:40px;
		   font-size:1.6em;
		   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:100%; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.study .box li .box01{ padding:10px 0; width:100%;
                  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:#e60015;}
.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{ display:block;
                   padding:0;
				   margin:0 40px 10px 0;
				   width:100px;
				   height:21px;
                   font-size:20px;
				   text-decoration:none;
				   color:#FFF;
				   float:left;
				   }
				   

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

@media screen and ( max-width:767px ){

.fs01 {	font-size: 20px; color: #FFF; font-weight: bold;}
.fs02 {	font-size: 20px; color: #554B34; }
.fs03 {	font-size: 20px; color: #89B700; font-weight: bold;}
.fs04 { display: inline-block; width:35px; height:35px; border-radius:50%; -webkit-border-radius:50%; background:#cf1820; text-align:center; line-height:35px; color:#FFF;}


.fc01{ color: #d35400;}
.fc02{ color: #cf1820;}
.fc03{ color: #fff600;}
.fc04{ color: #2ea4a5;}

.aL a{ color:#FFF;	text-align:center;}
.aL a:hover{ text-decoration:none;}
.bL a{ color:#333;}
.bL a:hover{ text-decoration:none;}

.btn a{
	clear:both;   
    padding:0;
 	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:30px;
	border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	font-weight:bold;		  
	color:#FFF;
	}
.btn a.A{ margin:20px auto 0; background-color:#284054; }
.btn a.B{ margin:20px auto 0; background-color:#284054; }
.btn a.C{ margin:20px auto 0; background-color:#e60012; }
.btn a:hover { position:relative; top:1px; left:1px;}

.btn2 {clear:both; padding:0;}
.btn2 ul { margin:0; padding:0;	list-style:none; text-align:center;	}
.btn2 li { display:inline-block; width:100%; margin:2px 0;	}
.btn2 li a{	display:inline-block; width:100%;	height:60px; line-height:60px;	border-radius:3px;  -webkit-border-radius:3px;	font-size:30px; 
            text-decoration:none; text-align:center; color:#FFF; font-weight:bold;}
.btn2 li a:hover { position:relative; top:1px; left:1px;}
.btn2 li.A a{ background-color:#284054; }
.btn2 li.B a{ background-color:#e60012;}
.btn2 li.C a{ background-color:#13b5b1;}



.HEAD{ width:100%; height:0; background:url(../images/m_bn.jpg) no-repeat; background-size: cover; padding-bottom:82.35%; }
.HEAD h1{ text-indent:-9999px;}
	   

/* == 考情 == */
.news{ margin:0 auto; padding:20px 10px 0; width:100%; max-width:1000px; text-align:center;}
.news h2{ margin:0 ; font-size:2em; font-weight:normal; color:#cf1820; }
.news .left{ float:none; margin:5px 0; width:100%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
.news .right{ float:none; width:100%; background: #FC0; border-radius:10px; -webkit-border-radius:10px; padding:20px; font-size:1.3em; text-align:left;}
	 

/* == 區塊01 == */
.CON01{ width:100%; }
.CON01 .main{ margin:0 auto; padding:20px 10px 30px; width:100%; text-align:center;}
.CON01 .main h2{ margin:0 ; font-size:2.8em; font-weight:normal; color:#cf1820;}
.CON01 .box{ margin: 20px 0 30px; overflow:hidden;}
.CON01 .main ul { clear:both; list-style:none; margin:0; padding:0;}
.CON01 .main li { float:none; margin:0;}
.CON01 .main p{ font-size:1.2em;  }
.tb-sty01 { border-collapse: collapse; width:100%;}
.tb-sty01 td{ border:1px solid #fff; border-collapse: collapse; padding:5px; }


/* == 區塊02 == */
.CON02{ width:100%; background:#cdc00a; }
.CON02 .main{ margin:0 auto; padding:30px 12px 10px; background: none; width:100%; overflow:hidden; text-align:center; }
.CON02 .main h2{ margin:0; font-size:3.7em; line-height:1.1;  color:#284054; }
.CON02 .main .box { margin:30px 0; }
.CON02 .main .box .right{ float:none; padding:20px 4px 0; border-top:1px solid #666;  font-size:1.4em; line-height:1.8; color:#284054; text-align:left;}
   


/* == 區塊03 == */
.CON03{ width:100%; background:#fff; border-bottom:2px solid #FFF;}
.CON03 .main{ margin:0 auto; padding:30px 16px; width:100%; overflow:hidden; text-align:center; }
.CON03 .main h2{ margin:0 0 20px; font-size:3.7em; line-height:1.1; color:#284054; }
.CON03 .box01{ display:none;}
.CON03 .box02{ display:block; }
.CON03 .box02 img {width:100%; height:auto;}
.CON03 .btn a.B{ margin:20px auto 0; background-color:#284054; }



/* == 區塊04 == */
.CON04{ width:100%; background:#d2d2d2;}
.CON04 .main{ margin:0 auto; padding:30px 12px ; width:100%;  background:none; text-align:center; overflow:hidden; }
.CON04 .main h2{ margin:0 0; font-size:2.8em; color:#898004;}
.CON04 .main dl{ margin:10px 0; padding:0 4px; width:100%; color:#284054; text-align:left; }
.CON04 .main dt{ font-size:1.8em; font-weight:bold;line-height:1.6;}
.CON04 .main dd{ font-size:1.2em; line-height:1.6; }



/* == 區塊05 == */
.CON05 { width:100%; background:#FFF; border-bottom:2px solid #FFF;}
.CON05 .main{ margin:0 auto; padding:30px 16px; width:100%; overflow:hidden; text-align:center;  }
.CON05 .main h2{ margin:0 0 30px; font-size:2.7em; line-height:1.1; font-weight:normal; color:#284054;  }
.CON05 .box01{ display:none;}
.CON05 .box02{ display:block; }
.CON05 .box02 img {width:100%; height:auto;}		




/* == 為您量身訂做 == */
.tailored{ clear:both; margin:0 auto; padding:30px 16px 40px ; width:100%; overflow:hidden;	text-align:center;	}
.tailored h2{ margin:0; padding:0; font-size:2.8em; line-height:1.1; font-weight:normal; }
.tailored h3{ display:block;
           margin:20px auto;
		   padding:0;
		   width:90%;
		   height:40px;
		   line-height:40px;
		   font-size:1.4em;
		   font-weight:normal;
		   color:#189c99;
		   text-align:center;
		   background-color:#fff600;
		   }
.tailored .box ul{ margin:0 auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.tailored .box li{ display:block; margin:0; padding:0; float:none;}
.tailored .box li:nth-child(odd){ width:100%;
						  height:310px;
						  }
.tailored .box li:nth-child(odd) img{ padding:15px 0;}
.tailored .box li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:130px;
						   display:none;
						  }
.tailored .box li h4{ margin:0;
              padding:0;
			  font-size:1.8em;
			  color:#000; }
.tailored .box li h5{
	font-size:2em;
	color:#FF0;
	font-weight:normal;
	}




/* == 麵包屑 == */
.PATH{ margin:25px 0;
       padding:0 4%;
	   width:100%;
	   font-size:15px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}

/* == 懶人包綜合選單 == */
.MENU{ margin:0 auto ;
       padding:0;
	   width:100%;
	   overflow:hidden;
	   background-color:#f3f3f3;
		}
.MENU-box{ margin:0 auto;
            padding:0;
			width:100%;
			max-width:280px;
			float:none;
			}
.MENU-box dl{ margin:0;padding:0;width:100%;}
.MENU-box dt{ display:block;
                  margin:0;padding:0;
				  width:100%;
				  height:auto;
				  }
.MENU-box dt.a{ background-color:#0bb2b5;}
.MENU-box dt.b{ background-color:#e17f00;}
.MENU-box dt.c{ background-color:#963483;}
.MENU-box dt.d{ background-color:#29a23f;}
.MENU-box dd{ display:block;
               margin:1px 0;padding:0;
			   width:100%;
			   height:auto;
			   background-color:#999;
			   font-size:1.2em;
			   color:#FFF;
			   text-align:center;
			   }
.MENU-box dd.e{ background-color:#0cc7cb;}
.MENU-box dd.f{ background-color:#ff9103;}
.MENU-box dd.g{ background-color:#b5419e;}
.MENU-box dd.h{ background-color:#2ec34a;}
.MENU-box dd a{ display:block; color:#FFF; text-decoration:none;}
.MENU-box dd a:hover{ text-decoration:underline;}



/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto;
        padding:20px 16px 40px;
		width:100%;
		overflow:hidden;
		text-align:center;
		background-color:#eee;
		}
.study .main{
	margin:0 auto;
	padding:0 ;
	width:100%;
	}
.study .main h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.study .main h2{ 
    display:block;
    margin:10px auto;
    padding:0;
	width:100%;
	height:40px;
	line-height:40px;
	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:#e60015;}
.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;
				   }

}