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

/* == 桌機版優先 ============================================================================= */
/*舊.HEAD{ width:100%; background:url(../images/bk-image.jpg);}
.HEAD-img{ width:100%;
           max-width:1000px;
		   height:500px;
		   margin:0px auto;
		   background-image:url(../images/head-L.png);
		   background-size:cover;
		   overflow:hidden;
		   position:relative;}
.HEAD-btn{ width:350px;
           height:60px;
		   line-height:60px;
		   border-radius:10px 10px 0 0;
		   font-size:1.6em;
		   background-color:#000;
		   color:#FFF;
		   text-align:center;
		   position:absolute;
		   left:50px;
		   bottom:59px;
		   }
.HEAD-btn a{ color:#FF0; text-decoration:none;}*/
.HEAD{ width:100%; height:auto; background-color:#ffba00;
       background-image:url(../images/head-bg.jpg); background-repeat:no-repeat;
	   background-position:top center;}
.HEAD-main{ margin:0 auto; padding:90px 0 20px 0; width:100%; max-width:1000px;
		    height:auto; overflow:hidden; }
.HEAD-main h1{ margin:0 0 40px 0; width:100%;}
.HEAD-box{ float:none; margin:0 10px; padding:0; width:100%;}
.HEAD-box td{ padding:10px; font-size:1.3em; line-height:1.6;}
.HEAD-box td.fs01{ font-size:1.9em; color:#ffba00;}
.HEAD-box td span{ color:#F00; text-decoration:underline;}
.HEAD-main p{ clear:both; font-size:1.1em; padding:10px 0; text-align:center;}
		   
			   
/* == 麵包屑 == */
.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 10px;
            padding:0;
			width:230px;
			float:left;
			}
.MENU-box dl{ margin:0;padding:0;width:230px;}
.MENU-box dt{ display:block;
              margin:0;padding:0;
			  width:230px;
			  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:230px;
			   height:50px;
			   line-height:50px;
			   background-color:#838383;
			   font-size:1.2em;
			   color:#FFF;
			   text-align:center;
			   }
.MENU-box dd a{ display:block; color:#FFF; text-decoration:none;}
.MENU-box dd a:hover{ text-decoration:underline;}


/* ==廣告區01== */
.CON01-head{ width:100%; height:320px; background-color:#164e7a;}
.CON01-headbn{ margin:0 auto; width:100%;
               max-width:1000px;
			   height:320px;
			   overflow:hidden;
			   background-image:url(../images/image16.jpg);
			   background-size:cover;}


.CON01{ width:100%;
        height:auto;
		margin:0;
		overflow:hidden;
		background-color:#3284b6;
		}
.CON01-main{ margin:0 auto;
             padding:60px 40px;
             width:100%; max-width:1000px;
			 height:500px;
			 }
.CON01-box{ margin:0 20px 50px 20px; padding:0;
            width:420px;
			height:250px;
			float:left;
			background-color:#FFF;
			}
.CON01-box-L{ width:170px; height:250px; float:left;}
.CON01-box-R{ padding:20px; width:250px; height:250px; float:right;}
.CON01-box-R h2{ margin:0; padding:0; font-size:2.2em; color:#000;}
.CON01-box-R h3{ margin:0 0 5px 0; padding:0; font-size:1.5em; color:#3284b6;}
.CON01-box-R p{ font-size:20px; color:#000;}
.CON01-main a{ margin:0 auto; clear:both; display:block;
               overflow:hidden;
               width:35%; height:70px;
			   line-height:70px;
			   border-radius:10px;
			   background-color:#ffe100;
			   font-size:2.2em;
			   text-align:center;
			   color:#164e7a;
			   text-decoration:none;
			   }
			   
/* ==廣告區02== */
.CON02{ width:100%;
        height:820px;
		margin:1px 0 0 0;
		padding:60px 0;
		overflow:hidden;
		background-color:#ffe100;
		}
.CON02-warp{ margin:0 auto; width:100%; max-width:1000px; text-align:center;}
.CON02-warp h1{ margin:0 0 10px 0; font-size:3.6em; color:#d61527;}
.CON02-warp p{ font-size:2em; color:#164e7a; font-weight:bold;}
.CON02-img01{ display:block;}
.CON02-img02{ display:none;}
.CON02-warp a{ margin:30px auto 0 auto; clear:both; display:block;
               overflow:hidden;
               width:35%; height:70px;
			   line-height:70px;
			   border-radius:10px;
			   background-color:#164e7a;
			   font-size:2.2em;
			   text-align:center;
			   color:#fff;
			   text-decoration:none;
			   }


/* ==廣告區03== */
.CON03{ width:100%;
        height:auto;
		margin:1px 0 0 0;
		padding:80px 0;
		overflow:hidden;
		background-color:#00bd7c;
		}
.CON03-warp{ margin:0 auto 40px auto; width:100%; max-width:1000px;
             padding:0; overflow:hidden;}
.CON03-boxL{ width:40%; height:300px; float:left;}
.CON03-boxR{ width:60%; height:auto; float:right;}
.CON03-boxR h1{ padding:0 0 20px 0; font-size:3.6em; color:#ffe100;}
.CON03-boxR p{ font-size:1.7em; color:#FFF; line-height:1.6;}
.CON03-boxR h3{ padding:10px 0 0 0; font-size:1.8em; color:#FFF; line-height:1.6; font-weight:bold;}
.CON03-btn{ margin:20px auto;
            width:100%;
			max-width:608px;}
.CON03-btn a{ display:block; margin:0 4px 0 0 ;
            overflow:hidden;
            width:300px; height:70px;
			line-height:70px;
			border-radius:10px;
			font-size:2.2em;
			text-align:center;
			color:#000;
			text-decoration:none;
			float:left;
			font-weight:bold;}
.CON03-btn a.A{ background-color:#ffe100; color:#000;}
.CON03-btn a.B{ background-color:#d61527; color:#FFF;}


/* == 為您量身訂做 == */
.CON04{ clear:both; margin:0 auto;
        padding:60px 0;
		width:100%;
		max-width:1000px;
		overflow:hidden;
		text-align:center;
		}
.CON04 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.CON04 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;
		   }
.CON04 p{ padding:0;
		  font-size:1.6em;
		  }
.CON04 ul{ margin:50px auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.CON04 li{ display:block; margin:0; padding:0; float:left;}
.CON04 li:nth-child(odd){ width:30%;
						  height:250px;
						  }
.CON04 li:nth-child(odd) img{ padding:15px 0;}
.CON04 li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:130px;
						  }
.CON04 li h3{ margin:0;
              padding:0;
			  font-size:1.7em;
			  color:#000; }
.CON04-btn{ margin:20px auto;
            width:100%;
			max-width:608px;}
.CON04-btn a{ display:block; margin:20px 4px 0 0;
          width:300px;
		  height:60px;
		  line-height:60px;
		  text-align:center;
		  font-size:2em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:left;
		  }
.CON04-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON04-btn a.B{ background-color:#3284b6; color:#FFF;}

/* == 多元學習模式 == */
.CON05{ clear:both; margin:0 auto;
        padding:60px 0;
		width:100%;
		max-width:1000px;
		overflow:hidden;
		text-align:center;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.CON05 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;
		   }
.CON05 ul{ margin:50px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.CON05 li{ display:block;
           margin:0 20px; padding:0;
		   width:210px;
		   float:left;}
.CON05 li h3{ display:block; width:210px; height:100px; }
.CON05 li h4{ display:block;
              width:210px; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.CON05 li .box01{ padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.CON05 li .box02{ padding:10px 0;
                  font-size:1.2em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.CON05 li .box02 a{ color:#e60015;}
.CON05 li .box02 a:hover{ text-decoration:none;}
		   
.CON05-btn{ margin:0 auto;
            width:100%;
			max-width:608px;}
.CON05-btn a{ display:block; margin:0 4px 0 0;
          width:300px;
		  height:60px;
		  line-height:60px;
		  text-align:center;
		  font-size:2em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:left;
		  }
.CON05-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON05-btn a.B{ background-color:#3284b6; color:#FFF;}


/* == 班址 == */
.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%; background:url(../images/bk-image.jpg); background-repeat:no-repeat;}
.HEAD-img{ width:100%;
		   height:auto;
		   margin:0;
		   padding-bottom:50%;
		   background-image:url(../images/head-L.png);
		   background-size:cover;
		   overflow:hidden;
		   position:relative;}
.HEAD-btn{ width:350px;
           height:61px;
		   line-height:61px;
		   border-radius:10px;
		   font-size:1.6em;
		   background-color:#000;
		   color:#FFF;
		   text-align:center;
		   position:absolute;
		   left:5%;
		   bottom:5%;
		   }
.HEAD-btn a{ color:#FF0; text-decoration:none;}*/

.HEAD{ width:100%; height:auto; background-color:#ffba00;
       background-image:url(../images/head-bg.jpg); background-repeat:no-repeat;
	   background-position:top center;
	   }
.HEAD-main{ margin:0 auto; padding:90px 0 20px 0; width:100%; max-width:1000px;
		    height:auto; overflow:hidden; }
.HEAD-main h1{ margin:0 0 40px 0; width:100%;}
.HEAD-box{ float:none; margin:0; padding:0; width:100%;}
.HEAD-box td{ padding:10px; font-size:1.1em; line-height:1.6;}
.HEAD-box td.fs01{ font-size:1.9em; color:#ffba00;}
.HEAD-box td span{ color:#F00; text-decoration:underline;}
.HEAD-main p{ clear:both; font-size:1.1em; padding:10px 0; text-align:center;}
			   
/* == 麵包屑 == */
.PATH{ margin:40px auto;
       padding:0 10px;
	   width:100%;
	   font-size:16px;
	   color:#666;
	   }
.PATH a{ color:#000;
         text-decoration:underline;}

/* == 懶人包綜合選單 == */
.MENU{ margin:0 auto 40px auto;
       padding:0;
	   width:100%;
	   overflow:hidden;
		}
.MENU-box{ margin:0 1%;
            padding:0;
			width:23%;
			float:left;
			}
.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:50px;
			   line-height:50px;
			   background-color:#999;
			   font-size:1.1em;
			   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;}

/* ==廣告區01== */
.CON01-head{ width:100%; height:auto; background-color:#164e7a;}
.CON01-headbn{ margin:0 auto; width:100%;
               padding-bottom:32%;
			   height:auto;
			   overflow:hidden;
			   background-image:url(../images/image16.jpg);
			   background-size:cover;}

.CON01{ width:100%;
        height:auto;
		margin:0;
		overflow:hidden;
		background-color:#3284b6;
		}
.CON01-main{ margin:0 auto;
             padding:60px 20px;
             width:100%;
			 height:auto;
			 }
.CON01-box{ margin:0 20px 50px 20px; padding:0;
            width:420px;
			height:auto;
			float:left;
			background-color:#FFF;
			}
.CON01-box-L{ width:170px; height:250px; float:left;}
.CON01-box-R{ padding:20px 10px; width:250px; height:250px; float:right;}
.CON01-box-R h2{ margin:0; padding:0; font-size:2.2em; color:#000;}
.CON01-box-R h3{ margin:0 0 5px 0; padding:0; font-size:1.5em; color:#3284b6;}
.CON01-box-R p{ font-size:20px; color:#000;}
.CON01-main a{ margin:0 auto; clear:both; display:block;
               overflow:hidden;
               width:35%; height:70px;
			   line-height:70px;
			   border-radius:10px;
			   background-color:#ffe100;
			   font-size:2.2em;
			   text-align:center;
			   color:#164e7a;
			   text-decoration:none;
			   }

/* ==廣告區02== */
.CON02{ width:100%;
        height:auto;
		margin:1px 0 0 0;
		padding:80px 0;
		overflow:hidden;
		background-color:#ffe100;
		}
.CON02-warp{ margin:0 auto; width:100%; text-align:center;}
.CON02-warp h1{ margin:0 0 10px 0; font-size:3.6em; color:#d61527;}
.CON02-warp p{ font-size:2em; color:#164e7a; font-weight:bold;}
.CON02-img01{ display:block;}
.CON02-img02{ display:none;}
.CON02-warp a{ margin:30px auto 0 auto; clear:both; display:block;
               overflow:hidden;
               width:35%; height:70px;
			   line-height:70px;
			   border-radius:10px;
			   background-color:#164e7a;
			   font-size:2.2em;
			   text-align:center;
			   color:#fff;
			   text-decoration:none;
			   }


/* ==廣告區03== */
.CON03{ width:100%;
        height:auto;
		margin:1px 0 0 0;
		padding:80px 0;
		overflow:hidden;
		background-color:#00bd7c;
		}
.CON03-warp{ margin:0 auto 30px auto; width:100%;
             padding:0; overflow:hidden;}
.CON03-boxL{ margin:0 auto; width:50%; height:auto; float:none;}
.CON03-boxR{ margin:0 auto; width:80%; height:auto; float:none; text-align:center;}
.CON03-boxR h1{ padding:0 0 20px 0; font-size:3.6em; color:#ffe100;}
.CON03-boxR p{ font-size:1.7em; color:#FFF; line-height:1.6;}
.CON03-boxR h3{ padding:10px 0 0 0; font-size:1.8em; color:#FFF; line-height:1.6; font-weight:bold;}
.CON03-btn{ margin:20px auto;
            width:100%;
			max-width:608px;}
.CON03-btn a{ display:block; margin:0 4px 0 0 ;
            overflow:hidden;
            width:300px; height:70px;
			line-height:70px;
			border-radius:10px;
			font-size:2.2em;
			text-align:center;
			color:#000;
			text-decoration:none;
			float:left;
			font-weight:bold;}
.CON03-btn a.A{ background-color:#ffe100; color:#000;}
.CON03-btn a.B{ background-color:#d61527; color:#FFF;}

/* == 為您量身訂做 == */
.CON04{ clear:both; margin:0 auto;
        padding:60px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON04 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.CON04 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;
		   }
.CON04 p{ padding:0 5%;
		  font-size:1.2em;
		  }
.CON04 ul{ margin:40px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.CON04 li{ display:block; margin:0; padding:0; float:left;}
.CON04 li:nth-child(odd){ width:30%;
						  height:250px;
						  }
.CON04 li:nth-child(odd) img{ padding:15px 0;}
.CON04 li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:130px;
						  }
.CON04 li h3{ margin:0;
              padding:0;
			  font-size:1.7em;
			  color:#000; }
.CON04-btn{ margin:10px auto;
            width:100%;
			max-width:608px;}
.CON04-btn a{ display:block; margin:10px 4px 0 0;
          width:300px;
		  height:60px;
		  line-height:60px;
		  text-align:center;
		  font-size:2em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:left;
		  }
.CON04-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON04-btn a.B{ background-color:#3284b6; color:#FFF;}

/* == 多元學習模式 == */
.CON05{ clear:both; margin:0 auto;
        padding:0 0 50px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.CON05 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;
		   }
.CON05 ul{ margin:20px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.CON05 li{ display:block;
           margin:0 1%; padding:0;
		   width:23%;
		   float:left;}
.CON05 li h3{ display:block; width:100%; height:auto; }
.CON05 li h4{ display:block;
              width:100%; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.CON05 li .box01{ padding:10px 0; width:100%;
                  font-size:1.2em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.CON05 li .box02{ padding:10px 0;
                  font-size:1em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.CON05 li .box02 a{ color:#e60015;}
.CON05 li .box02 a:hover{ text-decoration:none;}
		   
.CON05-btn{ margin:0 auto;
            width:100%;
			max-width:608px;}
.CON05-btn a{ display:block; margin:10px 4px 0 0;
          width:300px;
		  height:60px;
		  line-height:60px;
		  text-align:center;
		  font-size:2em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:left;
		  }
.CON05-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON05-btn a.B{ background-color:#3284b6; color:#FFF;}


/* == 班址 == */
.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%; background:url(../images/bk-image.jpg);}
.HEAD-img{ width:100%;
		   height:auto;
		   padding-bottom:90%;
		   background-image:url(../images/head-M.png);
		   background-size:cover;
		   position:relative;}
.HEAD-btn{ width:90%;
           height:60px;
		   line-height:60px;
		   border-radius:10px;
		   font-size:1.4em;
		   background-color:#000;
		   color:#FFF;
		   text-align:center;
		   position:absolute;
		   left:5%;
		   right:5%;
		   bottom:10%;
		   }
.HEAD-btn a{ color:#FF0; text-decoration:none;}*/

.HEAD{ width:100%; height:auto; background-color:#ffba00;
       background-image:url(../images/head-bg.jpg); background-repeat:no-repeat;
	   background-position:top center;
	   }
.HEAD-main{ margin:0 auto; padding:20px 0; width:100%; max-width:1000px;
		    height:auto; overflow:hidden; }
.HEAD-main h1{ margin:0 0 20px 0; width:100%;}
.HEAD-box{ float:none; margin:0 2%; padding:0; width:96%;}
.HEAD-box td{ padding:5px; font-size:1em; line-height:1.6;}
.HEAD-box td.fs01{ font-size:1.5em; color:#ffba00;}
.HEAD-box td span{ color:#F00; text-decoration:underline;}
.HEAD-main p{ clear:both; font-size:1em; padding:10px 0; text-align:center;}
			   
/* == 麵包屑 == */
.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 50px auto;
       padding:0;
	   width:100%;
	   overflow:hidden;
		}
.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;}


/* ==廣告區01== */
.CON01-head{ width:100%; height:auto; background-color:#164e7a;}
.CON01-headbn{ margin:0 auto;
               padding-bottom:50%;
               width:100%;
			   height:auto;
			   overflow:hidden;
			   background-image:url(../images/image16-m.jpg);
			   background-size:cover;}

.CON01{ width:100%;
        height:auto;
		margin:0;
		overflow:hidden;
		background-color:#3284b6;
		}

.CON01-main{ margin:0 auto;
             padding:10px 0;
             width:100%;
			 height:auto;
			 }
.CON01-box{ margin:0; padding:0;
            width:100%;
			height:auto;
			float:none;
			background-color:#3284b6;
			text-align:center;
			}
.CON01-box-L{ margin:0 auto; width:50%; height:auto; float:none; display:none;}
.CON01-box-R{ margin:0 auto 1px auto; padding:20px; width:94%; height:auto; float:none; background-color:#FFF;}
.CON01-box-R h2{ margin:0; padding:0; font-size:2.2em; color:#000;}
.CON01-box-R h3{ margin:0 0 5px 0; padding:0; font-size:1.5em; color:#3284b6;}
.CON01-box-R p{ font-size:20px; color:#000;}
.CON01-box-R div img{ max-width:210px;}
.CON01-main a{ margin:20px auto; clear:both; display:block;
               overflow:hidden;
               width:90%; height:50px;
			   line-height:50px;
			   border-radius:10px;
			   background-color:#ffe100;
			   font-size:2em;
			   text-align:center;
			   color:#164e7a;
			   text-decoration:none;
			   }
/* ==廣告區02== */
.CON02{ width:100%;
        height:auto;
		margin:1px 0 0 0;
		padding:40px 0;
		overflow:hidden;
		background-color:#ffe100;
		}
.CON02-warp{ margin:0 auto; width:100%; max-width:1000px; text-align:center;}
.CON02-warp h1{ margin:0 3% 10px 3%; font-size:2.4em; color:#d61527;}
.CON02-warp p{ font-size:1.1em; color:#164e7a; font-weight:bold;}
.CON02-img01{ display:none;}
.CON02-img02{ display:block;}
.CON02-warp a{ margin:30px auto 0 auto; clear:both; display:block;
               overflow:hidden;
               width:90%; height:50px;
			   line-height:50px;
			   border-radius:10px;
			   background-color:#164e7a;
			   font-size:2em;
			   text-align:center;
			   color:#fff;
			   text-decoration:none;
			   }


/* ==廣告區03== */
.CON03{ width:100%;
        height:auto;
		margin:1px 0 0 0;
		padding:40px 0;
		overflow:hidden;
		background-color:#00bd7c;
		}
.CON03-warp{ margin:0 auto; width:100%;
             padding:0; overflow:hidden;}
.CON03-boxL{ margin:0 auto; width:80%; height:auto; float:none;}
.CON03-boxR{ margin:0 auto; width:94%; height:auto; float:none; text-align:center;}
.CON03-boxR h1{ padding:0 0 10px 0; font-size:2.5em; color:#ffe100;}
.CON03-boxR p{ font-size:1.3em; color:#FFF; line-height:1.6;}
.CON03-boxR h3{ padding:10px 0 0 0; font-size:1.5em; color:#FFF; line-height:1.6; font-weight:bold;}
.CON03-btn{ margin:0 auto;
            width:100%;}
.CON03-btn a{ display:block;
              margin:5px auto;
              overflow:hidden;
              idth:80%; height:50px;
			  line-height:50px;
			  border-radius:10px;
			  font-size:2em;
			  text-align:center;
			  color:#000;
			  text-decoration:none;
			  float:none;
			  font-weight:normal;}
.CON03-btn a.A{ background-color:#ffe100; color:#000;}
.CON03-btn a.B{ background-color:#d61527; color:#FFF;}

/* == 為您量身訂做 == */
.CON04{ clear:both; margin:0 auto;
        padding:40px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON04 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.CON04 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;
		   }
.CON04 p{ padding:5px 5%;
		  font-size:1em;
		  }
.CON04 ul{ margin:0 auto;
           padding:0;
		   width:100%;
		   max-width:1000px;
		   overflow:hidden;
		   }
.CON04 li{ display:block; margin:0; padding:0; float:none;}
.CON04 li:nth-child(odd){ width:100%;
						  height:250px;
						  }
.CON04 li:nth-child(odd) img{ padding:15px 0;}
.CON04 li:nth-child(even){ width:5%;
						   height:250px;
						   padding-top:130px;
						   display:none;
						  }
.CON04 li h3{ margin:0;
              padding:0;
			  font-size:1.7em;
			  color:#000; }
.CON04-btn{ margin:0 auto;
            width:100%;}
.CON04-btn a{ display:block; margin:5px auto;
          width:80%;
		  height:50px;
		  line-height:50px;
		  text-align:center;
		  font-size:1.7em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:none;
		  }
.CON04-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON04-btn a.B{ background-color:#3284b6; color:#FFF;}

/* == 多元學習模式 == */
.CON05{ clear:both; margin:0 auto;
        padding:0 0 40px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.CON05 h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   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:#000;
		   }
.CON05 ul{ margin:0;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.CON05 li{ display:block;
           margin:0 auto; padding:0;
		   width:100%;
		   float:none;}
.CON05 li h3{ display:block; margin:0 auto; width:210px; height:100px;}
.CON05 li h4{ display:block; margin:0 auto;
              width:210px; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.CON05 li .box01{ margin:0 auto; padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.CON05 li .box02{ padding:10px 0;
                  font-size:1.2em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.CON05 li .box02 a{ color:#e60015;}
.CON05 li .box02 a:hover{ text-decoration:none;}
		   
.CON05-btn{ margin:0 auto;
            width:100%;}
.CON05-btn a{ display:block; margin:5px auto;
          width:80%;
		  height:50px;
		  line-height:50px;
		  text-align:center;
		  font-size:1.7em;
		  border-radius:10px;
		  text-decoration:none;
		  font-weight:bold;
		  float:none;
		  }
.CON05-btn a.A{ background-color:#ff9000; color:#FFF;}
.CON05-btn a.B{ background-color:#3284b6; color:#FFF;}


/* == 班址 == */
.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;
				   }

}