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

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

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

.fs01{ font-size:30px; color:#999; padding-bottom:20px;}
.fs02{ font-size:30px; color:#333; padding-bottom:20px;}
.fs03{ font-size:40px; }
.fc01{ color:#eb6100;}
.fc02{ color:#fff100;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}

/*雙BT*/
.bt2 { clear:both; padding:10px 0 0; text-align:center;}
.bt2 img{ display:inline-block; text-align:center; width:350px; height:60px; margin:5px 10px;}


.HEAD{ width:100%; background:url(../images/header_bg.jpg);}
.HEAD-img{ width:100%;
           max-width:1000px;
		   height:540px;
		   margin:0px auto;
		   background-image:url(../images/header_bn.png);
		   background-size:cover;
		   overflow:hidden;
		   position:relative; 
		   }
.HEAD-img h1{ text-indent:-9999px;}
.HEAD-link a{
	z-index:111;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 180px;
	height: 180px;
	background: #eb6100;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	padding-top: 40px;
	color: #FFF;
	left: 515px;
	top: 45px;
	}
.finger-move{
	z-index: 222;
	position: absolute;
	width: 70px;
	height: 70px;
	background: url(../images/finger.png) no-repeat;
	background-size: cover;
	left: 572px;
	top: 173px;
	-webkit-animation:ff 1s infinite;
	}
		   

/* == 區塊01 == */
.CON01{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON01-main{ 
            margin:0 auto;
            width:1000px;
			height:600px;
			padding:40px 0 0;
			text-align:center;
			 }
.CON01-main h1{
	margin:20px auto;
	display:block;
	width:420px;
	height:40px;
	overflow:hidden;
	border-radius:50px;
	background:#e60012;
	font-size:1.4em;
	line-height:40px;
	color:#fff;
	}
.CON01-main h1 a{ color:#fff;}
.CON01-main h1 a:hover{	text-decoration:none;}
.CON01-main h2{ margin:0; font-size:4.2em; color:#333;}
.CON01-main h3{ margin:0 0 30px 0; font-size:2.2em; color:#666; }
.CON01-main p{ 
             width:100%;
			 max-width:1000px;
			 height:250px;
			 overflow:hidden;
			 background:url(../images/box01.png) no-repeat;
			 background-size:cover;
			 text-indent:-9999px;
			 }
.CON01-main img{
	margin:40px 0 0;
	width:350px;
	height:60px; 
	}


/* == 區塊02 == */
.CON02{ 
		width:100%;
		background-image:url(../images/bg02.gif);
		}
.CON02-main{ margin:0 auto; padding:0;
			 width:1000px;
			 height:520px;
			 padding:50px 0 0;
			 text-align:center;
			 }
.CON02-main h2{ margin:0; font-size:4.2em; color:#333;}
.CON02-main h3{ font-size:2.2em; color:#333; }
.CON02-main p{ margin:10px 0 20px; font-size:2em; color:#FFF; line-height:1.6;}
.CON02-main table{
	margin:0 auto;
	width:800px;
	overflow:hidden;
	}
.CON02-main table tr,td {
	padding:5px;
	font-size:1.4em;
	}
.CON02-main img{
	margin:40px 0 0;
	width:350px;
	height:60px; 
	}			   
			      
			   
/* == 區塊03 == */
.CON03{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON03-main{ 
             margin:0 auto; 
			 padding:50px 0 0;
			 width:1000px;
			 height:500px;
			 text-align:center;
	         background:url(../images/box03.png) no-repeat;
			 }
.CON03-main h2{ margin:0; font-size:4em; color:#333;}
.CON03-main-R{ width:600px;
               float:right;
			   padding:50px 0;
			   text-align:left;}

.CON03-main-R p{ font-size:2em; line-height:1.6;}


			   
/* == 區塊04 == */
.CON04{ 
		width:100%;
		background-image:url(../images/bg03.gif);
		}
.CON04-main{ margin:0 auto; padding:50px 0;
			 width:1000px;
			 height:700px;
			 text-align:center;
			 }
.CON04-main h2{ margin:0 0 30px; font-size:3.7em; color:#333;}
.CON04-main .left{
	margin-bottom:60px;
	padding-top:360px;
	float:left;
	width:500px;
	height:320px;
	background:url(../images/box04L.png) no-repeat ;
	background-position:center;
	background-size:60%;
	text-align:center;
	}
.CON04-main .right{
	padding-top:360px;
	float:right;
	width:500px;
	height:320px;
	background:url(../images/box04R.png) no-repeat;
	background-position:center;
	background-size:60%;
	text-align:center;
	}
.CON04-main p{ font-size:2em; color:#FFF; bottom:0px;}



/* == 區塊05 == */
.CON05{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON05-main{ 
             margin:0 auto; 
			 padding:50px 0 0;
			 width:1000px;
			 height:500px;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:4em; color:#333;}
.CON05-main-L{ 
               float:left;
			   width:50%;
			   padding:40px 20px 0;
			   text-align:left; 
			   }
.CON05-main-L p{ font-size:2em; line-height:1.8;color:#555;}
.CON05-main-R{
	width:50%;
	float:right;
	margin:30px 0 40px;
	padding:25px;
	background:#DDD;
	border-radius:10px;
	font-size:1.6em;
	text-align:left;

	}


/* == 區塊06 == */
.CON06{ 
		width:100%;
		background-image:url(../images/bg04.gif);
		}
.CON06-main{ margin:0 auto; padding:0;
			 width:1000px;
			 height:540px;
			 padding:50px 0 0;
			 text-align:center;
			 }
.CON06-main h2{ margin:0; font-size:4.2em; color:#333;}
.CON06-main h3{ font-size:1.6em; color:#fff; }
.CON06-main .link{ clear:both;}
.CON06-main .link ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.CON06-main .link li{
	display:inline-block;
	margin:30px 40px;
	}
.CON06-main .link li a{
	padding-top:75px;
	display:block;
	width:160px;
	height:185px;
	font-size:1.9em;
	color:#333;
	}
.CON06-main .link li a:hover{
	text-decoration:none;
	}
.CON06-main .link li:nth-child(odd) {
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	}
.CON06-main .link li:nth-child(even) {
	background:url(../images/box06_02.png) no-repeat;
	background-size:cover;
	}
			   

/* == 麵包屑 == */
.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:60px 0;
		width:100%;

		overflow:hidden;
		text-align:center;
		background-color:#f3f3f3;
		}
.study .main{
	margin:0 auto;
	max-width:1000px;
	}
.study h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   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 ul{ margin:50px auto;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   }
.study li{ display:block;
           margin:0 20px; padding:0;
		   width:210px;
		   float:left;
		   overflow:hidden;
		   display:inline;
			}
.study li h3{ display:block; width:210px; height:100px; }
.study li h4{ display:block;
              width:210px; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.study li .box01{ padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.study li .box02{ padding:10px 0;
                  font-size:1.2em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.study li .box02 a{ color:#e60015;}
.study li .box02 a:hover{ text-decoration:none;}
		   
.study-btn{ margin:0 auto;
            width:100%;
			max-width:608px;}
.study-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;
		  }
.study-btn a.A{ background-color:#e60015; color:#FFF;}
.study-btn a.B{ background-color:#ff9103; 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 ( max-width:767px ){
.fs01{ font-size:0.7em; color:#999; padding-bottom:20px;}
.fs02{ font-size:0.7em; color:#333; padding-bottom:20px;}
.fs03{ font-size:1.4em; }
.fc01{ color:#eb6100;}
.fc02{ color:#fff100;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}

/*雙BT*/
.bt2 { clear:both; padding:10px 0 0; text-align:center;}
.bt2 img{ display:inline-block; text-align:center; width:300px; height:51px; margin:5px 10px;}

.HEAD{
	width:100%; 
    background: none;
	}
.HEAD-img{ width:100%;
		   height:0;
		   padding-bottom:71.80%;
		   background-image:url(../images/m_bn.jpg);
		   background-size:cover;
		   }
.HEAD-img h1{ text-indent:-9999px;}
 
.HEAD-link a{
	display:block;
	width:90px;
	height:90px;
	background-image:url(../images/m_bn_bt.png);
	background-size:cover;
	line-height:5em;
	left:65%;
	top:20px;
	background-size:cover;	
	text-indent:-9999px;
	}
.finger-move{
	display:none;
	}
			   
/* == 區塊01 == */
.CON01{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON01-main{ 
            margin:0 auto ;
            width:100%;
			height:440px;
			padding:20px 0;
			text-align:center;
			 }
.CON01-main h1{
	margin:20px auto;
	display:block;
	width:95%;
	height:36px;
	overflow:hidden;
	border-radius:50px;
	background:#e60012;
	font-size:1em;
	line-height:36px;
	color:#fff;
	}
.CON01-main h1 a{ color:#fff;}
.CON01-main h1 a:hover{	text-decoration:none;}
.CON01-main h2{ margin:0; font-size:1.8em; color:#333;}
.CON01-main h3{ margin:0; font-size:1.1em; font-weight:normal; color:#666; }
.CON01-main p{ 
             width:100%;
			 height:270px;
			 overflow:hidden;
			 background:url(../images/m_box01.png) no-repeat;
			 background-size:100%;
			 text-indent:-9999px;
			 }
.CON01-main img{
	margin:15px 0 30px;
	width:300px;
	height:51px; 
	}


/* == 區塊02 == */
.CON02{ 
		width:100%;
		background-image:url(../images/bg02.gif);
		}
.CON02-main{ margin:0 auto; padding:0;
			 width:100%;
			 height:360px;
			 padding:20px 0 0;
			 text-align:center;
			 }
.CON02-main h2{ margin:0; font-size:1.8em; color:#333;}
.CON02-main h3{ font-size:1.2em; color:#333; }
.CON02-main p{ margin:10px 0 20px; font-size:2em; color:#FFF; line-height:1.6;}
.CON02-main table{
	margin:0 auto;
	width:300px;
	overflow:hidden;
	}
.CON02-main table tr,td {
	padding:5px;
	font-size:1.2em;
	}
.CON02-main img{
	margin:30px 0 0;
	width:300px;
	height:51px; 
	}			 
			   
/* == 區塊03 == */
.CON03{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON03-main{ 
             margin:0 auto; 
			 padding:20px 0 0;
			 width:100%;
			 height:380px;
			 text-align:center;
	         background:none;
			 }
.CON03-main h2{ margin:0; font-size:1.8em; color:#333; padding:0px 10px 0px;}
.CON03-main-R{ width:100%;
               float:none;
			   padding:20px 15px;
			   text-align:left;}

.CON03-main-R p{ font-size:1.2em; line-height:1.6;}


			   
/* == 區塊04 == */
.CON04{ 
		width:100%;
		background-image:url(../images/bg03.gif);
		}
.CON04-main{ margin:0 auto; padding:20px 0;
			 width:100%;
			 height:1100px;
			 text-align:center;
			 }
.CON04-main h2{ margin:0 0 20px; font-size:1.8em; color:#333;}
.CON04-main .left{
	margin-bottom:60px;
	padding-top:360px;
	float:none;
	width:100%;
	height:320px;
	background:url(../images/box04L.png) no-repeat;
	background-position:center;
	background-size:90%;
	text-align:center;
	}
.CON04-main .right{
	margin-bottom:50px;
	padding-top:360px;
	float:none;
	width:100%;
	height:320px;
	background:url(../images/box04R.png) no-repeat;
	background-position:center;
	background-size:90%;
	text-align:center;
	}
.CON04-main p{ font-size:1.4em; color:#FFF; bottom:0px; padding:0px 10px 0px; }


/* == 區塊05 == */
.CON05{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON05-main{ 
             margin:0 auto; 
			 padding:20px 0;
			 width:100%;
			 height:600px;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:1.9em; color:#333; padding:0 10px 0;}
.CON05-main-L{ 
               float:none;
			   width:100%;
			   padding:20px 15px 0;
			   text-align:left; 
			   }
.CON05-main-L p{ font-size:1.3em; line-height:1.8;color:#555;}
.CON05-main-R{
    float:none;
	width:94%;
	margin:20px 10px 10px ;
	padding:25px;
	background:#DDD;
	border-radius:10px;
	font-size:1.4em;
	text-align:left;

	}


/* == 區塊06 == */
.CON06{ 
		width:100%;
		background-image:url(../images/bg04.gif);
		}
.CON06-main{ margin:0 auto; padding:0;
			 width:100%;
			 height:660px;
			 padding:20px 0 0;
			 text-align:center;
			 }
.CON06-main h2{ margin:0; font-size:1.8em; color:#333;}
.CON06-main h3{ font-size:1.2em; font-weight:normal; color:#fff; padding:10px; }
.CON06-main .link{ clear:both;}
.CON06-main .link ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.CON06-main .link li{
	display:inline-block;
	margin:20px 10px;
	}
.CON06-main .link li a{
	padding-top:55px;
	display:block;
	width:120px;
	height:139px;
	font-size:1.4em;
	color:#333;
	}
.CON06-main .link li a:hover{
	text-decoration:none;
	}
.CON06-main .link li:nth-child(odd) {
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	}
.CON06-main .link li:nth-child(even) {
	background:url(../images/box06_02.png) no-repeat;
	background-size:cover;
	}


/* == 麵包屑 == */
.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 0 40px 0;
		width:100%;
		overflow:hidden;
		text-align:center;
		}
.study h1{ margin:0;
           padding:0;
		   font-size:2.6em;
		   font-weight:normal;
		   }
.study 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;
		   }
.study ul{ margin:0;
           padding:0;
		   width:100%;
		   overflow:hidden;
		   text-align:center;
		   }
.study li{ display:block;
           margin:0 auto; padding:0;
		   width:100%;
		   float:none;}
.study li h3{ display:block; margin:0 auto; width:210px; height:100px;}
.study li h4{ display:block; margin:0 auto;
              width:210px; height:50px; line-height:50px;
			  background-color:#2ec34a;
			  font-size:1.6em;
			  color:#FFF; }
.study li .box01{ margin:0 auto; padding:10px 0; width:210px;
                  font-size:1.3em; line-height:1.6;
				  border-bottom:1px solid #CCC;}
.study li .box02{ padding:10px 0;
                  font-size:1.2em; line-height:1.6;
				  text-align:center;
				  color:#CCC;}
.study li .box02 a{ color:#e60015;}
.study li .box02 a:hover{ text-decoration:none;}
		   
.study-btn{ margin:0 auto;
            width:100%;}
.study-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;
		  }
.study-btn a.A{ background-color:#e60015; color:#FFF;}
.study-btn a.B{ background-color:#ff9103; 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;
				   }


}



/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
.fs01{ font-size:30px; color:#999; padding-bottom:20px;}
.fs02{ font-size:30px; color:#333; padding-bottom:20px;}
.fs03{ font-size:40px; }
.fc01{ color:#eb6100;}
.fc02{ color:#fff100;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}

/*雙BT*/
.bt2 { clear:both; padding:10px 0 0; text-align:center;}
.bt2 img{ display:inline-block; text-align:center; width:350px; height:60px; margin:5px 10px;}	
	
.HEAD{
	width:100%;
	height:420px;
	overflow:hidden; 
	background:url(../images/header_bg.jpg) no-repeat; 

	}
.HEAD-img{ width:100%;
		   height:0;
		   padding:0px 50px;
  	       background-image:url(../images/header_bn.png) no-repeat;
	   	   padding-bottom:56%;
		   background-size:cover;
		   overflow:hidden;
		   }
.HEAD-img h1{ text-indent:-9999px;}

.HEAD-link a{
	z-index:111;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 150px;
	height: 150px;
	background: #eb6100;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	padding-top: 40px;
	color: #FFF;
	left: 400px;
	top: 50px;
	}
.finger-move{
	z-index: 222;
	position: absolute;
	width: 70px;
	height: 70px;
	background: url(../images/finger.png) no-repeat;
	background-size: cover;
	left: 440px;
	top: 100px;
	-webkit-animation:ff 1s infinite;
	}
			   


/* == 區塊01 == */
.CON01{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON01-main{ 
            margin:0 auto;
            width:100%;
			max-width:1000px;
			height:540px;
			padding:40px 0 0;
			text-align:center;
			 }
.CON01-main h1{
	margin:20px auto;
	display:block;
	width:420px;
	height:40px;
	overflow:hidden;
	border-radius:50px;
	background:#e60012;
	font-size:1.4em;
	line-height:40px;
	color:#fff;
	}
.CON01-main h1 a{ color:#fff;}
.CON01-main h1 a:hover{	text-decoration:none;}
.CON01-main h2{ margin:0; font-size:3.8em; color:#333;}
.CON01-main h3{ margin:0 0 30px 0; font-size:2.2em; color:#666; }
.CON01-main p{ 
             width:100%;
			 max-width:1000px;
			 height:0;
			 overflow:hidden;
			 background:url(../images/box01.png) no-repeat;
			 padding-bottom:25%;
			 background-size:cover;
			 text-indent:-9999px;
			 }
.CON01-main img{
	margin:40px 0 0;
	width:350px;
	height:60px; 
	}

/* == 區塊02 == */
.CON02{ 
		width:100%;
		background-image:url(../images/bg02.gif);
		}
.CON02-main{ margin:0 auto; padding:0;
			 width:100%;
			 max-width:1000px;
			 height:500px;
			 padding:40px 0 0;
			 text-align:center;
			 }
.CON02-main h2{ margin:0; font-size:3.8em; color:#333;}
.CON02-main h3{ font-size:2.2em; color:#333; }
.CON02-main p{ margin:10px 0 20px; font-size:2em; color:#FFF; line-height:1.6;}
.CON02-main table{
	margin:0 auto;
	width:700px;
	overflow:hidden;
	}
.CON02-main table tr,td {
	padding:5px;
	font-size:1.4em;
	}
.CON02-main img{
	margin:40px 0 0;
	width:350px;
	height:60px; 
	}			 
			   
/* == 區塊03 == */
.CON03{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON03-main{ 
             margin:0 auto; 
			 padding:40px 0 0;
			 width:100%;
			 max-width:1000px;
			 height:460px;
			 text-align:center;
	         background:url(../images/box03.png) no-repeat 0px 45px;
			 background-size:38%;

			 }
.CON03-main h2{ margin:0; font-size:3.2em; color:#333;}
.CON03-main-R{ width:480px;
               float:right;
			   padding:50px 0;
			   margin-bottom:10px;
			   text-align:left;}

.CON03-main-R p{ font-size:1.9em; line-height:1.6;}


/* == 區塊04 == */
.CON04{ 
		width:100%;
		background-image:url(../images/bg03.gif);
		}
.CON04-main{ margin:0 auto; padding:40px 0;
             width:100%;
			 max-width:1000px;
			 height:670px;
			 text-align:center;
			 }
.CON04-main h2{ margin:0 0 30px; font-size:2.7em; color:#333;}
.CON04-main .left{
	margin-bottom:60px;
	padding-top:360px;
	float:left;
	width:50%;
	height:0;
	background:url(../images/box04R.png) no-repeat;
	background-position:center;
	background-size:70%;
	text-align:center;
	}
.CON04-main .right{
	padding-top:360px;
	float:right;
	width:50%;
	height:0;
	background:url(../images/box04R.png) no-repeat;
	background-position:center;
	background-size:70%;
	text-align:center;
	}
.CON04-main p{ font-size:1.6em; color:#FFF; bottom:0px;}

/* == 區塊05 == */
.CON05{ 
		width:100%;
		background-image:url(../images/bg01.gif);
		}
.CON05-main{ 
             margin:0 auto; 
			 padding:40px 0 0;
			 width:100%;
			 max-width:1000px;
			 height:460px;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:3.2em; color:#333;}
.CON05-main-L{ 
               float:left;
			   width:50%;
			   padding:40px 20px 0;
			   text-align:left; 
			   }
.CON05-main-L p{ font-size:1.6em; line-height:1.8;color:#555;}
.CON05-main-R{
	width:45%;
	float:right;
	margin:30px 20px 40px 0;
	padding:25px;
	background:#DDD;
	border-radius:10px;
	font-size:1.4em;
	text-align:left;

	}


/* == 區塊06 == */
.CON06{ 
		width:100%;
		background-image:url(../images/bg04.gif);
		}
.CON06-main{ margin:0 auto; padding:0;
			 width:100%;
			 max-width:1000px;
			 height:500px;
			 padding:40px 0 0;
			 text-align:center;
			 }
.CON06-main h2{ margin:0; font-size:3.2em; color:#333;}
.CON06-main h3{ font-size:1.2em; color:#fff; }
.CON06-main .link{ clear:both;}
.CON06-main .link ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.CON06-main .link li{
	display:inline-block;
	margin:30px 10px;
	}
.CON06-main .link li a{
	padding-top:75px;
	display:block;
	width:160px;
	height:185px;
	font-size:1.9em;
	color:#333;
	}
.CON06-main .link li a:hover{
	text-decoration:none;
	}
.CON06-main .link li:nth-child(odd) {
	background:url(../images/box06_01.png) no-repeat;
	background-size:cover;
	}
.CON06-main .link li:nth-child(even) {
	background:url(../images/box06_02.png) no-repeat;
	background-size:cover;
	}


/* == 麵包屑 == */
.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;}



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

}


/*關鍵影格設定*/
@-webkit-keyframes ff{
	 0%{ top:165px;}
	 50%{ top:180px;}
	100%{ top:165px;}
}