*{ 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;}
body{ background-image:url(../images/bg-image.gif);}
ul,p{ margin:0; padding:0; list-style:none;}
.co01{ color:#F00;}
.co02{ color:#F0F;}
.co03{ color:#00a29c;}
.co04{
	color: #FFFF00;
}
.aL a{ color:#00a29c;}
.bL a{ color:#ad008b;}

/*======================================== 上方標題 ========================================*/

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

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

/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:300px; height:60px; line-height:60px; text-align:center; font-size:2em;  border-radius:10px; -webkit-border-radius:10px;
		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; }

.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%;
       background-color:#009944;
	   background-repeat:no-repeat;
	   background-position:top;
	   text-align:center;
	   }
.head-img{ width:100%;
           max-width:1000px;
		   height:550px;
		   margin:0px auto;
		   background-image:url(../images/hand-l.png);
		   background-size:cover;
		   overflow:hidden;
		   }
.head .bt {margin:450px auto 0;}
.head .bt a{ clear:both; display:inline-block;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:2em;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
		   
		   
/* == 考情專區 == *//*如有兩項考請需改成 float:left; */
.info { margin:0 auto; background:#34a3ee;}
.info ul{ list-style:none; margin:0 auto; padding:10px 0; width:1000px; overflow:hidden; text-align:center;}
.info li{ display:inline-block; float:none; margin:0 20px;	width:460px; height:44px; border-radius:5px; -webkit-border-radius:5px;
	      color:#e61b00; font-size:1.3em;	font-weight:bold; text-align:center; line-height:44px;	}
.info li a{ color:#fff;	}
.info li a:hover{ text-decoration:none;	}

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

/* ==廣告區01== */
.con01{ margin:60px auto;
        width:100%;
		max-width:1200px;
		overflow:hidden;
		}
.con01-l{ margin:0 0 50px 0; padding:0;
          width:250px;
		  height:250px;
		  float:left;
		  }
.con01-r{ margin:0 0 50px 0; padding:0 25px;
          width:900px;
		  height:auto;
		  float:right;
		  }
.con01-r h2{ display:block;
             margin:0 0 20px 0;
             padding:0 10px;
			 width:100%;
			 height:60px;
			 line-height:60px;
			 background-color:#363636;
			 font-size:2.3em;
			 color:#FFF;
			 }
.con01-r span{ color:#FF0;}
.con01-r p{ font-size:1.6em; line-height:1.6;}
.con01-r h3{ padding:15px 0; font-size:2em; color:#F60;}
.con01 a{ clear:both; display:block;
          margin:0 auto;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:2em;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
			   
/* == 國營事業 == */
.moea{ width:100%; background:#FFF;}
.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; }


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


/* == 上榜第一首選 == */
.preferred{ width:100%; background-color:#10ae62;}
.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:10px; -webkit-border-radius:10px; 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;}


/* ==廣告區04== */
.con04{ padding:80px 50px;
        width:100%;
		background-color:#3ba3eb;
		background-position:bottom center;
		background-repeat:no-repeat;
		}
.con04-main{ margin:0 auto;
             padding:0;
             width:100%;
             max-width:1000px;
			 }
.con04-main h2{ margin:0 0 20px 0; font-size:3.6em; color:#FFF; text-align:center;}
.con04-main P{ font-size:2.6em;
               color:#FFF;
			   line-height:1.5;
			   padding:30px 0 0;
			   text-align:center;
			   font-weight:bold;
			   }
.con04-main-box{ width:100%;
                 height:auto;
				 display:block;
				 }
.con04-main-mbox{ width:100%;
                  display:none;
				  }

.con04-btn a{ display:block;
               margin:45px auto 0 auto;
               width:300px;
		       height:60px;
		       line-height:60px;
		       border-radius:10px; -webkit-border-radius:10px;
		       background-color:#e61b00;
		       font-size:2.3em;
		       color:#FFF;
		       text-align:center;
		       text-decoration:none;
		       overflow:hidden;}



/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto;
        padding:50px 0;
		width:100%;
		background:url(../images/bg01.gif);
		overflow:hidden;
		text-align:center;
		}
.study .main{
	margin:0 auto;
	max-width:1000px;
	}
.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:310px;
		   height:40px;
		   line-height:40px;
		   font-size:1.6em;
		   font-weight:normal;
		   color:#FFF;
		   text-align:center;
		   background-color:#666;
		   }
.study .main ul{ margin:50px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.study .main li{ display:block;
           margin:0 20px; padding:0;
		   width:210px;
		   float:left;
		   overflow:hidden;
		   display:inline;
			}
.study .main li h3{ display:block; width:210px; height:100px; }
.study .main li h4{ display:block;
              width:210px; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.study .main li .box01{ padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.study .main li .box02{ padding:10px 0;
                  font-size:1.2em; 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:200px;
	  background-color:#1d1d1d;
	  }
.footer-con{ margin:0 auto;
          padding:60px 0;
          width:100%;
		  max-width:1000px;
		  height:200px;
		  }
.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 ){
	
/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:1.8em;  border-radius:10px; -webkit-border-radius:10px;
		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:300px; height:60px; line-height:60px; text-align:center; font-size:1.8em;
		          border-radius:10px; -webkit-border-radius:10px; 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%;
       background-image:none;
	   background-repeat:no-repeat;
	   background-position:top;
}
.head-img{ width:100%;
		   height:0;
		   padding-bottom:132.85%;
		   background:url(../images/hand-M.png) no-repeat;
		   background-position:center;
		   background-size: cover;
		   }
.head-img .bt{ margin-top:100%;}
.head-img .bt a{ display: inline-block;
          margin:0;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:2em;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
		   
/*考情專區*/
.info { margin:0 auto; width:100%; }
.info ul{ list-style:none; margin:0; padding:10px 0; text-align:center;}
.info li{ display:inline-block; float:none;	margin:5px 0;	width:100%; height:30px; border-radius:5px; -webkit-border-radius:5px;
	      color:#e61b00; font-size:1em;	font-weight:bold; text-align:left; line-height:30px; text-indent:15px;	}
.info li a{ color:#fff;	}
.info li a:hover{ text-decoration:none;	}


			   
/* == 麵包屑 == */
.path{ margin:10px 0;
       padding:0 4%;
	   width:100%;
	   font-size:15px;
	   color:#666;
	   }
.path a{ color:#000;
         text-decoration:underline;}
		 
/* ==廣告區01== */
.con01{ margin:0 auto 40px auto;
        width:100%;
		overflow:hidden;
		}
.con01-l{ margin:30px auto ; padding:0;
          width:250px;
		  height:250px;
		  float:none;
		  }
.con01-r{ margin:0 0 20px 0; padding:0 5%;
          width:100%;
		  height:auto;
		  float:none;
		  }
.con01-r h2{ display:block;
             margin:0 0 10px 0;
             padding:10px;
			 width:100%;
			 height:auto;
			 line-height:1.2;
			 background-color:#363636;
			 font-size:1.7em;
			 color:#FFF;
			 }
.con01-r span{ color:#FF0;}
.con01-r p{ font-size:1.2em; line-height:1.6;}
.con01-r h3{ padding:10px 0; font-size:1.5em; color:#F60;}
.con01 a{ clear:both; display:block;
          margin:0 auto;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:1.7em;
		  font-weight:bold;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
			   
/* == 國營事業 == */
.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; }


/* ==考試資訊== */
.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 20px ; width:100%; height: auto; line-height:50px; font-size:1.3em; text-decoration:none; 
                  color:#FFF; text-align:left; transition:1s;  }
.link .main li a:hover{ color: #FF0;}


/* == 上榜第一首選 == */
.preferred{ width:100%; background-color:#10ae62;}
.preferred .main{ margin:0 auto; padding:10% 4%;  width:100%; overflow:hidden; }
.preferred .main h2{ margin:0; font-size:3em; color:#fff100; }
.preferred .main h3{ margin:0 0 20px 0; font-size:4.6em; 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:300px ;  height:60px; line-height:60px; text-align:center;  font-size:1.8em;
			   border-radius:10px; -webkit-border-radius:10px; 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;}


/* ==廣告區04== */
.con04{ padding:40px 0;
        width:100%;
        height:auto;
		background-color:#3ba3eb;
		background-image:none;
		background-position:bottom center;
		background-repeat:no-repeat;
		}
.con04-main{ margin:0 auto;
             padding:0;
             width:100%;
			 }
.con04-main h2{ margin:0 2% 15px 2%; font-size:2.6em; color:#ffffff; text-align:center;}
.con04-main P{ font-size:1.3em;
               color:#FFF;
			   line-height:1.5;
			   padding:0 5%;
			   }
.con04-main-box{ width:100%;
                 height:auto;
				 display:none;
				 }
.con04-main-mbox{ width:100%;
                  display:block;
				  }
.con04-btn a{ display:block;
               margin:20px auto 0 auto;
               width:300px;
		       height:60px;
		       line-height:60px;
		       border-radius:10px; -webkit-border-radius:10px;
		       background-color:#e61b00;
		       font-size:1.8em;
			   font-weight:bold;
		       color:#FFF;
		       text-align:center;
		       text-decoration:none;
		       overflow:hidden;}
			   
			   
/* ==多元學習模式-== */
.study{ clear:both; margin:0 auto;
        padding:10% 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		background-color:#eee;
		}
.study .main{
	margin:0 auto;
	padding:0 10px;
	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:40px;
	line-height:40px;
	font-size:1.6em;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	background-color:#666;
		   }
.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:#1d1d1d;
		 overflow:hidden;
	  }
.footer-con{ margin:0 auto;
             padding:20px 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:33%;
				   height:21px;
                   font-size:18px;
				   text-decoration:none;
				   color:#FFF;
				   float:left;
				   }

}




/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){

/* == 按鈕 == */
.btn a{ clear:both; padding:0; display:block; width:300px; height:60px; line-height:60px; text-align:center; font-size:1.8em;  border-radius:10px; -webkit-border-radius:10px;
		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:1.8em;
		          border-radius:10px; -webkit-border-radius:10px; 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%;
       background-color:#009944;
	   background-repeat:no-repeat;
	   background-position:top;
	   text-align:center;
	   }
.head-img{ width:100%;
           max-width:100%;
		   height:0;
		   margin:0px auto;
		   background-image:url(../images/hand-l.png);
		   background-size:cover;
		   padding-bottom:55%;
		   overflow:hidden;
		   }
.head .bt {margin:340px auto 0;}
.head .bt a{ clear:both; display: inline-block;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:1.8em;
		  font-weight:bold;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
		   
		   
/* == 考情專區 == *//*如有兩項考請需改成 float:left; */
.info { margin:0 auto; background:#34a3ee;}
.info ul{ list-style:none; margin:0 auto; padding:10px 0; width:100%; overflow:hidden; text-align:center;}
.info li{ display:inline-block; float:none; margin:0;	width:460px; height:44px; border-radius:5px; -webkit-border-radius:5px;
	      color:#e61b00; font-size:1.3em;	font-weight:bold; text-align:center; line-height:44px;	}
.info li a{ color:#fff;	}
.info li a:hover{ text-decoration:none;	}


			   
/* == 麵包屑 == */
.path{ margin:0 auto; padding:10px; width:100%; font-size:16px; color:#666; }
.path a{ color:#000; text-decoration:underline;}
		 
/* ==廣告區01== */
.con01{ margin:30px auto ;
        width:100%;
		overflow:hidden;
		}
.con01-l{ margin:0 auto 10px auto; padding:0;
          width:250px;
		  height:250px;
		  float:none;
		  }
.con01-r{ margin:0 0 20px 0; padding:0 5%;
          width:100%;
		  height:auto;
		  float:none;
		  }
.con01-r h2{ display:block;
             margin:0 0 10px 0;
             padding:10px;
			 width:100%;
			 height:auto;
			 line-height:1.2;
			 background-color:#363636;
			 font-size:2em;
			 color:#FFF;
			 text-align:center;
			 }
.con01-r span{ color:#FF0;}
.con01-r p{ font-size:1.5em; line-height:1.6;}
.con01-r h3{ padding:10px 0; font-size:1.6em; color:#F60;}
.con01 a{ clear:both; display:block;
          margin:0 auto;
          width:300px;
		  height:60px;
		  line-height:60px;
		  border-radius:10px; -webkit-border-radius:10px;
		  background-color:#e61b00;
		  font-size:1.8em;
		  font-weight:bold;
		  color:#FFF;
		  text-align:center;
		  text-decoration:none;
		  }
		  
			   
/* == 國營事業 == */
.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; }


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


/* == 上榜第一首選 == */
.preferred{ width:100%; background-color:#10ae62;}
.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:300px;  height:60px; line-height:60px; text-align:center;  font-size:1.8em;
			   border-radius:10px; -webkit-border-radius:10px; 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;}


/* ==廣告區04== */
.con04{ padding:60px 0;
        width:100%;
        height:auto;
		background-color:#3ba3eb;
		background-image:none;
		background-position:bottom center;
		background-repeat:no-repeat;
		}
.con04-main{ margin:0 auto;
             padding:0;
             width:100%;
			 }
.con04-main h1{ margin:0 0 15px 0; font-size:2.6em; color:#fff100; text-align:center;}
.con04-main P{ font-size:2em;
               color:#FFF;
			   line-height:2;
			   padding:0 5%;
			   margin:10px 0 ;
			   }   
.con04-main-box{ width:100%;
                 height:auto;
				 display:block;
				 }
.con04-main-mbox{ width:100%;
                  display:none;
				  }
.con04-btn a{ display:block;
               margin:20px auto 0 auto;
               width:300px;
		       height:60px;
		       line-height:60px;
		       border-radius:10px; -webkit-border-radius:10px;
		       background-color:#e61b00;
		       font-size:1.8em;
			   font-weight:bold;
		       color:#FFF;
		       text-align:center;
		       text-decoration:none;
		       overflow:hidden;}

/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto;
        padding:40px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.study .main{
	margin:0 auto;
	padding:0 10px;
	width:100%;
	}
.study .main h2{ margin:0;
           padding:0;
		   font-size:3em;
		   font-weight:normal;
		   }
.study .main h5{ display:block;
           margin:10px auto;
		   padding:0;
		   width:50%;
		   height:40px;
		   line-height:40px;
		   font-size:1.6em;
		   font-weight:normal;
		   color:#FFF;
		   text-align:center;
		   background-color:#666;
		   }
.study .main ul{ margin:20px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.study .main li{ display:block;
           margin:0 1%; padding:0;
		   width:23%;
		   float:left;}
.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:#666;}
.study .main li .box02 a{ color:#e60015;}
.study .main li .box02 a:hover{ text-decoration:none;}
		   


/* == 班址 == */
.footer{ width:100%;
      height:auto;
	  background-color:#1d1d1d;
	  }
.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;
				   }

}