*{ 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{}
ul,p{ margin:0; padding:0; list-style:none;}
.co01{ color:#F00;}
.co02{ color:#0078cc;}
.co03{ color:#e21b4e;}
.co04{ color:#ff9000;}
.co05{ color:#FF0;}
.co06{ color:#56af29;}
.co07{ color:#66ff00;}
.co08{ color:#00d2ff;}
.aL a{ color:#00a29c;}
.bL a{ color:#ad008b;}

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

/* == 桌機版優先 ============================================================================= */
.HEAD{ width:100%;
       height:550px;
       background-image:url(../images/hand-L.png);
	   background-repeat:no-repeat;
	   background-position:top;
	   background-size:cover;
	   overflow:hidden;
	   }
.HEAD h1{ text-indent:-9999px;}
			   
/* == 麵包屑 == */
.PATH{ margin:10px auto;
       padding:0;
	   width:100%;
	   max-width:1000px;
	   font-size:16px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}

/* ==廣告區01== */
.CON01{ margin:0 auto;
        padding:70px 0;
        width:100%;
		max-width:1000px;
		height:600px;
		overflow:hidden;
		background-image:url(../images/image18.jpg);
		}
.CON01 h1{ font-size:4em; padding:0;
           text-align:center; text-decoration:underline;
		   }
.CON01-BOX{ margin:60px auto;
            padding:0 0 0 330px; 
            width:1000px;
			font-size:2.5em;
			line-height:1.6;
			}
.CON01 a{ display:block;
          margin:0 auto;
          width:300px;
		  height:60px;
		  line-height:60px;
		  font-size:2.3em;
		  text-align:center;
		  text-decoration:none;
		  background-color:#000;
		  color:#FFF;
		  border-radius:10px;
		  }
			   
/* ==廣告區02== */
.CON02{ margin:0 auto;
        padding:80px 0;
        width:100%;
		height:600px;
		overflow:hidden;
		background-color:#00d9ec;
		}
.CON02-BOX{ margin:0 auto;
            padding:0 20px;
			width:100%;
			max-width:1000px;
			}
.CON02-BOX ul{ width:100%; overflow:hidden;}
.CON02-BOX li{ display:block;
               margin:0 10px;
			   padding:20px;
               width:300px;
			   height:320px;
			   float:left;
			   background-color:#FFF;
			   border-radius:15px;
			   }
.CON02-BOX li img{}
.CON02-BOX li h3{ margin:0 0 10px 0; width:260px;
                  height:46px;
				  line-height:46px;
				  font-size:2em;
				  color:#FFF;
				  text-align:center;
				  }
.CON02-BOX li h3.blue{ background-color:#0078cc;}
.CON02-BOX li h3.red{ background-color:#e21b4e;}
.CON02-BOX li h3.oran{ background-color:#ff9000;}
.CON02-BOX li p{ font-size:1.6em;
                 text-align:center;
				 line-height:1.5;}
.CON02-BTN a{ display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:50px auto 0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區03== */
.CON03{ margin:0 auto;
        padding:80px 30px;
        width:100%;
		max-width:1000px;
		overflow:hidden;
		}
.CON03 h1{ margin:0 0 40px 0; font-size:4em; text-align:center; text-decoration:underline;}
.CON03-L{ margin:0 0 50px 0;
          width:450px;
		  text-align:center;
		  float:left;
		  }
.CON03-L-box{ padding:20px 0; width:450px;
              height:160px;
			  border-radius:15px;
			  background-color:#e21b4e;
			  }
.CON03-L-box h3 a{ font-size:2em; color:#FFF;}
.CON03-L-box p{ font-size:1.7em; color:#FF0;}
.CON03-R{ margin:0 0 50px 0;
          width:450px;
		  text-align:center;
		  float:right;
		  }
.CON03-R-box{ padding:20px 80px; width:450px;
              height:160px;
			  border-radius:15px;
			  background-color:#00999b;
			  text-align:left;
			  }
.CON03-R-box h3{ font-size:2em; color:#FF0;}
.CON03-R-box h3 a{ color:#FFF;}
.CON03-R-box p a{ font-size:2em; color:#FFF; text-decoration:none;}
.CON03-BTN a{ clear:both; display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區04== */
.CON04{ padding:80px 0px;
        width:100%;
		overflow:hidden;
		background-color:#ffe100;
       }
.CON04 h1{ margin:0 0 40px 0; font-size:4em; text-align:center; text-decoration:underline; }
.CON04-img{ margin:0 auto 30px auto; width:400px;}
.CON04-main{ margin:0 auto;
             padding:0;
             width:100%;
             max-width:1000px;
			 }
.CON04-main-box01{ padding:0 60px; width:100%; max-width:1000px;}
.CON04-main-box01 ul{ width:100%; overflow:hidden;}
.CON04-main-box01 li{ display:block;
                      margin:0 20px;
                      width:400px;
					  height:240px;
					  border-radius:15px;
					  background-color:#FFF;
					  float:left;
					}
.CON04-main-box01 li h3{ display:inline-block;
                         width:400px;
						 height:80px;
						 margin:0 0 15px 0;
						 line-height:80px;
						 border-radius:15px 15px 0 0;
						 background-color:#000;
						 font-size:2.8em;
						 text-align:center;
						 color:#FFF; font-weight:normal;
						 }
.CON04-main-box01 li P{ font-size:1.7em;
                        line-height:1.3;
						text-align:center;
						color:#333;
						font-weight:bold;
						}
.CON04-main-box02{ padding:0 30px; width:100%; max-width:1000px; overflow:hidden;}
.CON04-main-box02 h2{ display:block;
                      margin:80px 0 50px 0;
                      width:940px;
					  height:60px;
					  line-height:60px;
					  background-color:#000;
					  font-size:2.5em;
					  color:#FFF; text-align:center;
					  border-radius:10px;
					  }
.CON04-main-box02-box{ width:100%;
                       max-width:470px;
					   height:260px;
					   float:left;
					   }
.CON04-BTN a{ clear:both; display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:40px auto 0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }
			 
/* == 課程介紹 == */
.CON05{ margin:0 auto;
        padding:80px 0 0 0;
		width:100%;
		max-width:1000px;
		text-align:center;
		overflow:hidden;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:4em;
		   font-weight:normal;
		   }
.CON05 h2{ display:block;
           margin:10px auto;
		   padding:0;
		   width:400px;
		   height:60px;
		   line-height:60px;
		   font-size:2.3em;
		   font-weight:normal;
		   color:#FFF;
		   background-color:#56af29;
		   }
.CON05 ul{ margin:0 auto;
           padding:15px 0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.CON05 li{ display:block; margin:0; padding:0; float:left;}
.CON05 li:nth-child(odd){ width:30%;
						  height:340px;
						  }
.CON05 li:nth-child(odd) img{ padding:15px 0;}
.CON05 li:nth-child(even){ width:5%;
						   height:340px;
						   padding-top:130px;
						  }
.CON05 li h3{ margin:0;
              padding:0 0 10px 0;
			  font-size:1.7em;
			  color:#56af29;
			  }
.CON05 li p{ margin:0;
             padding:0 5%;
             text-align:left;
			 font-size:1.3em;
			 line-height:1.5;
			 }
			 
/* == 按鈕選單 == */
.CON06{ margin:0 auto;
        padding:40px 20px 80px 20px;
		width:100%;
		max-width:1000px;
		text-align:center;
		overflow:hidden;
		}
.CON06 ul{ width:100%;}
.CON06 li{ display:block;
           margin:0 20px 10px 0;
           width:300px;
		   height:60px;
		   line-height:60px;
		   text-align:center;
		   font-size:1.4em;
		   color:#FFF;
		   background-color:#eb5f38;
		   border-radius:10px;
		   float:left;
		   }
.CON06 li a{ display:block;
             width:300px;
			 line-height:60px;
			 color:#FFF;
			 text-decoration:none;
			 }
.CON06 li a:hover{ background-color:#56af29;
                   border-radius:10px;}


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


/* == 班址 == */
.FOOTER{ width:100%;
      height:150px;
	  background-color:#1d1d1d;
	  }
.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 ( min-width:768px ) and ( max-width:1024px ){
.HEAD{ width:100%;
       height:auto;
	   margin:0;
	   padding-bottom:55%;
	   background-image:url(../images/hand-L.png);
	   background-size:cover;
	   overflow:hidden;
       }
			   
/* == 麵包屑 == */
.PATH{ margin:0 auto;
       padding:0 10px;
	   width:100%;
	   font-size:16px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}
		 
/* ==廣告區01== */
.CON01{ margin:0 auto;
        padding:70px 0;
        width:100%;
		height:auto;
		overflow:hidden;
		background-image:url(../images/image18.jpg);
		}
.CON01 h1{ font-size:4em; padding:0;
           text-align:center; text-decoration:underline;
		   }
.CON01-BOX{ margin:60px auto;
            padding:0 0 0 330px; 
            width:100%;
			font-size:2.1em;
			line-height:1.6;
			}
.CON01 a{ display:block;
          margin:0 auto;
          width:300px;
		  height:60px;
		  line-height:60px;
		  font-size:2.3em;
		  text-align:center;
		  text-decoration:none;
		  background-color:#000;
		  color:#FFF;
		  border-radius:10px;
		  }
			   
/* ==廣告區02== */
.CON02{ margin:0 auto;
        padding:80px 0;
        width:100%;
		height:auto;
		overflow:hidden;
		background-color:#00d9ec;
		}
.CON02-BOX{ margin:0 auto;
            padding:0 20px;
			width:100%;
			}
.CON02-BOX ul{ width:100%; overflow:hidden;}
.CON02-BOX li{ display:block;
               margin:0 1%;
			   padding:20px;
               width:31%;
			   height:auto;
			   float:left;
			   background-color:#FFF;
			   border-radius:15px;
			   }
.CON02-BOX li img{ width:100%; height:auto;}
.CON02-BOX li h3{ margin:0 0 10px 0; width:100%;
                  height:46px;
				  line-height:46px;
				  font-size:1.4em;
				  color:#FFF;
				  text-align:center;
				  }
.CON02-BOX li h3.blue{ background-color:#0078cc;}
.CON02-BOX li h3.red{ background-color:#e21b4e;}
.CON02-BOX li h3.oran{ background-color:#ff9000;}
.CON02-BOX li p{ font-size:1.3em;
                 text-align:center;
				 line-height:1.5;}
.CON02-BTN a{ display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:50px auto 0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區03== */
.CON03{ margin:0 auto;
        padding:80px 30px;
        width:100%;
		overflow:hidden;
		}
.CON03 h1{ margin:0 0 40px 0; font-size:3em; text-align:center; text-decoration:underline;}
.CON03-L{ margin:0 0 40px 0;
          width:50%;
		  text-align:center;
		  float:left;
		  }
.CON03-L-box{ padding:20px 0; width:100%;
              height:160px;
			  border-radius:15px;
			  background-color:#e21b4e;
			  }
.CON03-L-box h3 a{ font-size:2em; color:#FFF;}
.CON03-L-box p{ font-size:1.7em; color:#FF0;}
.CON03-R{ margin:0 0 40px 0;
          width:50%;
		  text-align:center;
		  float:right;
		  }
.CON03-R-box{ padding:20px 40px; width:100%;
              height:160px;
			  border-radius:15px;
			  background-color:#00999b;
			  text-align:left;
			  }
.CON03-R-box h3{ font-size:2em; color:#FF0;}
.CON03-R-box h3 a{ color:#FFF;}
.CON03-R-box p a{ font-size:2em; color:#FFF; text-decoration:none;}
.CON03-BTN a{ clear:both; display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區04== */
.CON04{ padding:80px 0px;
        width:100%;
		overflow:hidden;
		background-color:#ffe100;
       }
.CON04 h1{ margin:0 0 40px 0; font-size:4em; text-align:center; text-decoration:underline; }
.CON04-img{ margin:0 auto; width:400px;}
.CON04-main{ margin:0 auto;
             padding:0;
             width:100%;
			 }
.CON04-main-box01{ padding:0 60px; width:100%; max-width:1000px;}
.CON04-main-box01 ul{ width:100%; overflow:hidden;}
.CON04-main-box01 li{ display:block;
                      margin:0 1%;
                      width:48%;
					  height:220px;
					  border-radius:15px;
					  background-color:#FFF;
					  float:left;
					}
.CON04-main-box01 li h3{ display:block;
                         width:100%;
						 height:80px;
						 margin:0 0 15px 0;
						 line-height:80px;
						 border-radius:15px 15px 0 0;
						 background-color:#000;
						 font-size:2.6em;
						 text-align:center;
						 color:#FFF; font-weight:normal;
						 }
.CON04-main-box01 li P{ font-size:1.4em;
                        line-height:1.3;
						text-align:center;
						color:#333;
						font-weight:bold;
						}
.CON04-main-box02{ padding:0 30px; width:100%; overflow:hidden;}
.CON04-main-box02 h2{ display:block;
                      margin:50px 0 30px 0;
                      width:100%;
					  height:60px;
					  line-height:60px;
					  background-color:#000;
					  font-size:2.5em;
					  color:#FFF; text-align:center;
					  border-radius:10px;
					  }
.CON04-main-box02-box{ width:50%;
                       max-width:none;
					   height:auto;
					   float:left;
					   }
.CON04-main-box02-box img{ width:100%; height:auto;}
.CON04-BTN a{ clear:both; display:block;
              width:300px;
			  height:60px;
			  line-height:60px;
			  margin:40px auto 0 auto;
			  background-color:#000;
			  font-size:2.4em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }
/* == 課程介紹 == */
.CON05{ margin:0 auto;
        padding:80px 0 0 0;
		width:100%;
		text-align:center;
		overflow:hidden;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:4em;
		   font-weight:normal;
		   }
.CON05 h2{ display:block;
           margin:10px auto;
		   padding:0;
		   width:400px;
		   height:60px;
		   line-height:60px;
		   font-size:2.3em;
		   font-weight:normal;
		   color:#FFF;
		   background-color:#56af29;
		   }
.CON05 ul{ margin:0 auto;
           padding:15px 0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.CON05 li{ display:block; margin:0; padding:0; float:left;}
.CON05 li:nth-child(odd){ width:30%;
						  height:auto;
						  }
.CON05 li:nth-child(odd) img{ padding:15px 0;}
.CON05 li:nth-child(even){ width:5%;
						   height:auto;
						   padding-top:130px;
						  }
.CON05 li h3{ margin:0 0 10px 0;
              padding:0 8%;
			  font-size:1.6em;
			  color:#56af29;
			  }
.CON05 li p{ margin:0;
             padding:0 10%;
             text-align:left;
			 font-size:1.3em;
			 line-height:1.5;
			 }
			 
/* == 按鈕選單 == */
.CON06{ margin:0 auto;
        padding:40px 20px;
		width:100%;
		text-align:center;
		overflow:hidden;
		}
.CON06 ul{ display:inline; margin:0 auto; width:100%; height:auto; overflow:hidden;}
.CON06 li{ display:block;
           margin:0 1% 10px 0;
           width:49%;
		   height:60px;
		   line-height:60px;
		   text-align:center;
		   font-size:1.4em;
		   color:#FFF;
		   background-color:#eb5f38;
		   border-radius:10px;
		   float:left;
		   }
.CON06 li a{ display:block;
             width:100%;
			 line-height:60px;
			 text-align:center;
			 color:#FFF;
			 text-decoration:none;
			 }
.CON06 li a:hover{ background-color:#56af29;
                   border-radius:10px;}

/* == 多元學習模式 == */
.CON07{ clear:both; margin:0 auto;
        padding:60px 0 50px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON07 h1{ margin:0;
           padding:0;
		   font-size:3em;
		   font-weight:normal;
		   }
.CON07 h2{ 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:#000;
		   }
.CON07 ul{ margin:20px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.CON07 li{ display:block;
           margin:0 1%; padding:0;
		   width:23%;
		   float:left;}
.CON07 li h3{ display:block; width:100%; height:auto; }
.CON07 li h4{ display:block;
              width:100%; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.CON07 li .box01{ padding:10px 0; width:100%;
                  font-size:1.2em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.CON07 li .box02{ padding:10px 0;
                  font-size:1em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.CON07 li .box02 a{ color:#e60015;}
.CON07 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;
				   }

}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
.HEAD{ width:100%;
       height:auto;
	   margin:0;
	   padding-bottom:80%;
	   background-image:url(../images/hand-M.png);
	   background-size:cover;
	   overflow:hidden;
       }
			   
/* == 麵包屑 == */
.PATH{ margin:20px 0;
       padding:0 4%;
	   width:100%;
	   font-size:15px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}
		 
/* ==廣告區01== */
.CON01{ margin:0 auto;
        padding:0 0 40px 0;
        width:100%;
		height:auto;
		overflow:hidden;
		background-image:none;
		}
.CON01 h1{ font-size:2.8em; padding:0;
           text-align:center; text-decoration:underline;
		   }
.CON01-BOX{ margin:20px auto;
            padding:0 20px; 
            width:100%;
			font-size:1.4em;
			line-height:1.6;
			}
.CON01 a{ display:block;
          margin:0 auto;
          width:250px;
		  height:50px;
		  line-height:50px;
		  font-size:2.2em;
		  text-align:center;
		  text-decoration:none;
		  background-color:#000;
		  color:#FFF;
		  border-radius:10px;
		  }
			   
/* ==廣告區02== */
.CON02{ margin:0 auto;
        padding:40px 0;
        width:100%;
		height:auto;
		overflow:hidden;
		background-color:#00d9ec;
		}
.CON02-BOX{ margin:0 auto;
            padding:0 20px;
			width:100%;
			}
.CON02-BOX ul{ width:100%; overflow:hidden;}
.CON02-BOX li{ display:block;
               margin:0;
			   padding:20px;
               width:100%;
			   height:auto;
			   float:none;
			   background-color:#FFF;
			   border-radius:15px;
			   }
.CON02-BOX li img{ width:100%; height:auto;}
.CON02-BOX li h3{ margin:0 0 10px 0; width:100%;
                  height:46px;
				  line-height:46px;
				  font-size:1.4em;
				  color:#FFF;
				  text-align:center;
				  }
.CON02-BOX li h3.blue{ background-color:#0078cc;}
.CON02-BOX li h3.red{ background-color:#e21b4e;}
.CON02-BOX li h3.oran{ background-color:#ff9000;}
.CON02-BOX li p{ font-size:1.3em;
                 text-align:center;
				 line-height:1.5;}
.CON02-BTN a{ display:block;
              width:250px;
			  height:50px;
			  line-height:50px;
			  margin:20px auto 0 auto;
			  background-color:#000;
			  font-size:2.2em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區03== */
.CON03{ margin:0 auto;
        padding:40px 30px;
        width:100%;
		overflow:hidden;
		}
.CON03 h1{ margin:0 0 40px 0; font-size:2.5em; text-align:center; text-decoration:underline;}
.CON03-L{ margin:0 0 20px 0;
          width:100%;
		  text-align:center;
		  float:none;
		  }
.CON03-L-box{ padding:20px 0; width:100%;
              height:auto;
			  border-radius:15px;
			  background-color:#e21b4e;
			  }
.CON03-L-box h3 a{ font-size:2em; color:#FFF;}
.CON03-L-box p{ font-size:1.5em; color:#FF0;}
.CON03-R{ margin:0 0 20px 0;
          width:100%;
		  text-align:center;
		  float:none;
		  }
.CON03-R-box{ padding:20px; width:100%;
              height:auto;
			  border-radius:15px;
			  background-color:#00999b;
			  text-align:left;
			  }
.CON03-R-box h3{ font-size:2em; color:#FF0;}
.CON03-R-box h3 a{ color:#FFF;}
.CON03-R-box p a{ font-size:2em; color:#FFF; text-decoration:none;}
.CON03-BTN a{ clear:both; display:block;
              width:250px;
			  height:50px;
			  line-height:50px;
			  margin:0 auto;
			  background-color:#000;
			  font-size:2.2em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }

/* ==廣告區04== */
.CON04{ padding:40px 0px;
        width:100%;
		overflow:hidden;
		background-color:#ffe100;
       }
.CON04 h1{ margin:0 20px 20px 20px; font-size:3em; text-align:center; text-decoration:underline; }
.CON04-img{ margin:0 auto; width:100%; height:auto;}
.CON04-img img{ width:100%; height:auto;}
.CON04-main{ margin:0 auto;
             padding:0;
             width:100%;
			 }
.CON04-main-box01{ padding:0 20px; width:100%;}
.CON04-main-box01 ul{ width:100%; overflow:hidden;}
.CON04-main-box01 li{ display:block;
                      margin:0 0 20px 0;
					  padding:0 0 15px 0;
                      width:100%;
					  height:auto;
					  border-radius:15px;
					  background-color:#FFF;
					  float:none;
					}
.CON04-main-box01 li h3{ display:block;
                         width:100%;
						 height:80px;
						 margin:0 0 15px 0;
						 line-height:80px;
						 border-radius:15px 15px 0 0;
						 background-color:#000;
						 font-size:2.6em;
						 text-align:center;
						 color:#FFF; font-weight:normal;
						 }
.CON04-main-box01 li P{ font-size:1.5em;
                        line-height:1.3;
						text-align:center;
						color:#333;
						font-weight:bold;
						}
.CON04-main-box02{ padding:0 30px; width:100%; overflow:hidden;}
.CON04-main-box02 h2{ display:block;
                      margin:20px 0;
                      width:100%;
					  height:60px;
					  line-height:60px;
					  background-color:#000;
					  font-size:1.3em;
					  color:#FFF; text-align:center;
					  border-radius:10px;
					  }
.CON04-main-box02-box{ width:100%;
                       margin:0 0 20px 0;
                       max-width:none;
					   height:auto;
					   float:none;
					   }
.CON04-main-box02-box img{ width:100%; height:auto;}
.CON04-BTN a{ clear:both; display:block;
              width:250px;
			  height:50px;
			  line-height:50px;
			  margin:20px auto 0 auto;
			  background-color:#000;
			  font-size:2.2em;
			  text-align:center;
			  text-decoration:none;
			  color:#FFF;
			  border-radius:10px;
			  }




/* == 公職王 == */
.CON05{ clear:both; margin:0 auto;
        padding:20px;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:2em;
		   font-weight:normal;
		   }
.CON05 h2{ display:block;
           margin:10px auto;
		   padding:0;
		   width:90%;
		   height:40px;
		   line-height:40px;
		   font-size:1.4em;
		   font-weight:normal;
		   color:#FFF;
		   text-align:center;
		   background-color:#56af29;
		   }
.CON05 h4{ margin:5px auto;
		   padding:0 5%;
		   font-size:1.5em;
		   color:#000;
		   text-align:center;
		   }
.CON05 p{ padding:5px 5%;
		  font-size:1em;
		  }
.CON05 ul{ margin:0 auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.CON05 li{ display:block; margin:0; padding:0; float:none;}
.CON05 li:nth-child(odd){ width:100%;
						  height:auto;
						  }
.CON05 li:nth-child(even){ width:5%;
						   height:auto;
						   display:none;
						  }
.CON05 li h3{ margin:0;
              padding:0 0 10px 0;
			  font-size:1.7em;
			  color:#56af29; }
			  
			  
/* == 按鈕選單 == */
.CON06{ margin:0 auto;
        padding:0 20px 40px 20px;
		width:100%;
		text-align:center;
		overflow:hidden;
		}
.CON06 ul{ display:inline; margin:0 auto; width:100%; height:auto; overflow:hidden;}
.CON06 li{ display:block;
           margin:0 0 10px 0;
           width:100%;
		   height:60px;
		   line-height:60px;
		   text-align:center;
		   font-size:1.4em;
		   color:#FFF;
		   background-color:#eb5f38;
		   border-radius:10px;
		   float:none;
		   }
.CON06 li a{ display:block;
             width:100%;
			 line-height:60px;
			 text-align:center;
			 color:#FFF;
			 text-decoration:none;
			 }
.CON06 li a:hover{ background-color:#56af29;
                   border-radius:10px;}


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

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

}