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



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

.fs01{ font-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px; }
.fc01{ color: #f45050;}
.fc02{ color:#fff;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}


.HEAD{ width:100%; height:560px; background:url(../images/banner.jpg); background-position:center;}
.HEAD h1{ text-indent:-9999px;}


/*考情專區*/
.info { margin:0 auto; width:1000px; }
.info ul{ list-style:none; margin:0; padding:60px 0; text-align:center;}
.info li{ display:inline-block; float:left;	margin:0 20px;	width:460px; height:44px; border-radius:5px; -webkit-border-radius:5px;
	      background:#f45050; color:#fff; 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;	}

		   

/* == 區塊01 == */
.CON01{ width:100%;	}
.CON01-main{ margin:0 auto; width:1000px; padding:0 20px;}
.CON01-main h2{ margin:20px 0 0; font-size:4.6em; color:#333;}
.CON01-main p{ font-size:2em; line-height:1.6; color:#666; text-indent:5px;}
.CON01-main img{ margin:30px 0 50px; width:350px; height: auto; 	}


/* == 區塊02 == */
.CON02{ width:100%;	background:#8fc31f;	}
.CON02-main{ margin:0 auto; padding:0;
			 width:1000px;
			 padding:50px 0 0;
			 background: url(../images/box02.png) no-repeat 20px 20px; background-size:30%;
             text-align:center;  
			 }
.CON02-main h2{ margin:0 0 25px; font-size:3.4em; line-height:1.1em; color:#333; padding-left:320px; text-align:left;}
.CON02-main dl{
	float:left;
	margin:0 2%;
	padding:25px;
	width:46%;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:12px solid #517504;
	background:#fff;
	text-align:left;
	}
.CON02-main dt{
	font-size:2.1em;
	font-weight:bold;
	color:#f45050;
	}
.CON02-main dd p{ margin:10px 0 20px; font-size:1.4em; line-height:1.6; text-align:justify;}
.CON02-main dd li { font-size:1.5em; line-height:1.6em; }
.CON02-main dd li a{ color:#000;}
.CON02-main dd li a:hover{ text-decoration:none;}
.CON02-main img{ margin:40px auto 50px;	width:350px; height:60px; }			   
			      
			   
/* == 區塊03 == */
.CON03{ width:100%;	}
.CON03-main{ 
             margin:0 auto; 
			 padding:50px 20px 0;
			 width:1000px;
			 text-align:center;
			 }
.CON03-main h2{ margin:0; font-size:3.6em; color:#333; text-align:left;}
.CON03-main p{ font-size:1.4em; line-height:1.6; text-align:left;}
.CON03-main table{
	margin:20px auto 0;
	width:100%;
	overflow:hidden;
	}
.CON03-main table tr,td {
	padding:10px;
	font-size:1.2em;
	text-align:left;
	}
.CON03-main img{ margin:40px auto 50px;	width:350px; height:60px; }	


			   
/* == 區塊04 == */
.CON04{ width:100%;	background:#fbe600;	}
.CON04-main{ margin:0 auto; padding:50px 0;
			 width:1000px;
			 height:550px;
			 background:url(../images/box04.png) no-repeat right bottom;
			 background-size:40%;
			 }
.CON04-main h2{ margin:0 0 20px; font-size:3.7em; color:#333;}
.CON04-main h3{ font-size:2.2em; line-height:1.8em; color:#5288d3;}
.CON04-main p{ display:block; width:600px; font-size:1.5em; line-height:1.6em; }
.CON04-main p a{ color:#ff6600; font-weight:bold;}
.CON04-main img{ margin:40px auto 50px;	width:350px; height:60px; }	



/* == 區塊05 == */
.CON05{ width:100%;	}
.CON05-main{ 
             margin:0 auto; 
			 padding:50px 0;
			 width:1000px;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:4em; color:#333;}
.CON05-main h3{ margin: 0; font-size:1.8em; font-weight:normal; color:#444;}
.CON05-main .box01 img { display:block; width:1000px; height:auto; }
.CON05-main .box02 img { display:none;}
.CON05-main .box03 img { display:none; }
.CON05-main img{ margin:40px auto 0;	width:350px; height:60px; }	


/* == 區塊06 == */
.CON06{ width:100%;	background:#f47242;	}
.CON06-main{ margin:0 auto; padding:0;
			 width:1000px;
			 padding:50px 0 0;
             text-align:center;  
			 }
.CON06-main h2{ margin:0 0 40px; font-size:4em; line-height:1.1em; color:#333;}
.CON06-main dl{
	float:left;
	margin:0 2%;
	padding:25px;
	width:46%;
	height:270px;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:12px solid #c34a1e;
	text-align:left;
	}
.CON06-main dl.a{ background:url(../images/box06_left.jpg) no-repeat left bottom #fff; background-size:38%; }
.CON06-main dl.b{ background:url(../images/box06_right.jpg) no-repeat left bottom #fff; background-size:38%; }
.CON06-main dt{	font-size:2.1em; font-weight:bold; color:#5486cb;}
.CON06-main dd ul{ margin:20px 0 0 140px;}
.CON06-main dd li { font-size:1.4em; line-height:1.8em; }
.CON06-main dd li a{ color:#000;}
.CON06-main dd li a:hover{ text-decoration:none;}
.CON06-main img{ margin:40px auto 50px;	width:350px; height:60px; }	
			   


/* == 多元學習模式 == */
.study{ clear:both; margin:0 auto;
        padding:50px 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:#f47242; color:#FFF;}
.study-btn a.B{ background-color:#71a0e2; 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-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px; }
.fc01{ color: #f45050;}
.fc02{ color:#fff;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}


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



/*考情專區*/
.info { margin:0 auto; width:100%; }
.info ul{ list-style:none; margin:0; padding:20px 0; text-align:center;}
.info li{ display:inline-block; float:none;	margin:5px 0;	width:92%; height:40px; border-radius:5px; -webkit-border-radius:5px;
	      background:#f45050; color:#fff; font-size:1em;	font-weight:bold; text-align:left; line-height:40px; text-indent:15px;	}
.info li a{ color:#fff;	}
.info li a:hover{ text-decoration:none;	}

		   

/* == 區塊01 == */
.CON01{ width:100%;	}
.CON01-main{ margin:0 auto; width:100%; padding:0 15px;}
.CON01-main h2{ margin:0; font-size:2.2em; line-height:1.1em; color:#333; margin-bottom:10px;}
.CON01-main p{ font-size:1.2em; line-height:1.6em; color:#666; text-indent:0px; }
.CON01-main img{ margin:20px auto; width:98%; height:auto; 	}


/* == 區塊02 == */
.CON02{ width:100%;	background:#8fc31f;	}
.CON02-main{ margin:0 auto; padding:0 ;
			 width:100%;
			 padding:20px 15px 0;
			 background:none;
			 }
.CON02-main h2{ margin:0 0 25px; font-size:2.2em; line-height:1.1em; color:#333; padding-left:0px; text-align:left;}
.CON02-main dl{
	float:none;
	margin:15px 0;
	padding:15px;
	width:100%;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:8px solid #517504;
	background:#fff;
	text-align:left;
	}
.CON02-main dt{
	font-size:2em;
	line-height:1.2em;
	font-weight:bold;
	color:#f45050;
	}
.CON02-main dd p{ margin:10px 0 20px; font-size:1.2em; line-height:1.6; text-align:justify;}
.CON02-main dd li { font-size:1.1em; line-height:1.6em; }
.CON02-main dd li a{ color:#000;}
.CON02-main dd li a:hover{ text-decoration:none;}
.CON02-main img{ margin:10px auto 20px;	width:98%; height: auto; }			   



/* == 區塊03 == */
.CON03{ width:100%;	}
.CON03-main{ 
             margin:0 auto; 
			 padding:20px 15px 0;
			 width:100%;
			 text-align:center;
			 }
.CON03-main h2{ margin:0; font-size:2em; color:#333; text-align:left;}
.CON03-main p{ font-size:1.2em; line-height:1.6; text-align:left;}
.CON03-main table{
	margin:20px auto 0;
	width:100%;
	overflow:hidden;
	}
.CON03-main table tr,td {
	padding:10px;
	font-size:1em;
	text-align:left;
	}
.CON03-main img{ margin:20px auto;	width:98%; height: auto; }	


/* == 區塊04 == */
.CON04{ width:100%;	background:#fbe600;	}
.CON04-main{ margin:0 auto; padding:20px 15px;
			 width:100%;
			 height:470px;
			 background:none;
			 background-size:0;
			 }
.CON04-main h2{ margin:0 0 20px; font-size:2.2em; line-height:1.2em; color:#333;}
.CON04-main h3{ font-size:1.5em; line-height:1.2em; color:#5288d3;}
.CON04-main p{ display:block; width:100%; font-size:1.1em; line-height:1.6em; }
.CON04-main p a{ color:#ff6600; font-weight:bold;}
.CON04-main img{ margin:20px auto 30px;	width:98%; height: auto; }	



/* == 區塊05 == */
.CON05{ width:100%;	}
.CON05-main{ 
             margin:0 auto; 
			 padding:20px 0;
			 width:100%;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:1.8em; color:#333;}
.CON05-main h3{ margin: 0; font-size:1em; font-weight:normal; color:#444; text-align:left; padding:0px 15px;}
.CON05-main .box01 img { display:none; }
.CON05-main .box02 img { display:none; }
.CON05-main .box03 img { display:block; width:320px; height:auto; }
.CON05-main img{ margin:20px auto 0; width:98%; height:auto; }	


/* == 區塊06 == */
.CON06{ width:100%;	background:#f47242;	}
.CON06-main{ margin:0 auto; padding:0;
			 width:100%;
			 padding:20px 15px 0;
             text-align:center;  
			 }
.CON06-main h2{ margin:0 0 10px; font-size:2em; line-height:1.1em; color:#333;}
.CON06-main dl{
	float:none;
	margin:15px 0;
	padding:15px;
	width:100%;
	height:200px;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:8px solid #c34a1e;
	text-align:left;
	}
.CON06-main dl.a{ background:url(../images/box06_left.jpg) no-repeat left bottom #fff; background-size:30%; }
.CON06-main dl.b{ background:url(../images/box06_right.jpg) no-repeat left bottom #fff; background-size:30%; }
.CON06-main dt{	font-size:1.8em; font-weight:bold; color:#5486cb;}
.CON06-main dd ul{ margin:0 0 0 70px;}
.CON06-main dd li { font-size:1em; line-height:1.8em; }
.CON06-main dd li a{ color:#000;}
.CON06-main dd li a:hover{ text-decoration:none;}
.CON06-main img{ margin:20px auto;	width:98%; height: auto; }	

/* == 多元學習模式 == */
.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:#f47242; color:#FFF;}
.study-btn a.B{ background-color:#71a0e2; 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-weight:bold;}
.fs02{ text-decoration:underline;}
.fs03{ font-size:40px; }
.fc01{ color: #f45050;}
.fc02{ color:#fff;}
.fc03{ color:#ef310e;}
.fc04{ color:#5cb4c2;}



	
.HEAD{ width:100%; height:100%; background:url(../images/banner.jpg); background-size:cover; padding-bottom:45%; background-position:center;}
.HEAD h1{ text-indent:-9999px;}


/*考情專區*/
.info { margin:0 auto; width:1000px; }
.info ul{ list-style:none; margin:0; padding:40px 0 20px; text-align:center; overflow:hidden;}
.info li{ display:inline-block; float:left;	margin:0 10px;	width:365px; height:44px; border-radius:5px; -webkit-border-radius:5px;
	      background:#f45050; color:#fff; font-size:1.2em;	font-weight:bold; text-align:center; line-height:44px;	}
.info li a{ color:#fff;	}
.info li a:hover{ text-decoration:none;	}	

		   

/* == 區塊01 == */
.CON01{ width:100%;	}
.CON01-main{ margin:0 auto; width:100%; padding:0;}
.CON01-main h2{ margin:0; padding:0 15px; font-size:3.8em; color:#333;}
.CON01-main p{  padding:0 15px; font-size:1.9em; line-height:1.6; color:#666; text-indent:5px;}
.CON01-main img{ margin:30px 15px 40px ; width:350px; height: auto; 	}


/* == 區塊02 == */
.CON02{ width:100%;	background:#8fc31f;	}
.CON02-main{ margin:0 auto; padding:0 ;
			 width:100%;
			 padding:50px 0 0;
			 background: url(../images/box02.png) no-repeat 20px 30px; background-size:28%;
             text-align:center;  
			 }
.CON02-main h2{ margin:0 0 25px; font-size:2.5em; line-height:1.1em; color:#333; padding-left:250px; text-align:left;}
.CON02-main dl{
	float:left;
	margin:0 2%;
	padding:25px;
	width:46%;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:12px solid #517504;
	background:#fff;
	text-align:left;
	}
.CON02-main dt{
	font-size:2.1em;
	font-weight:bold;
	color:#f45050;
	}
.CON02-main dd p{ margin:10px 0 20px; font-size:1.4em; line-height:1.6; text-align:justify;}
.CON02-main dd li { font-size:1.3em; line-height:1.6em; }
.CON02-main dd li a{ color:#000;}
.CON02-main dd li a:hover{ text-decoration:none;}
.CON02-main img{ margin:40px auto 50px;	width:350px; height: auto; }			   
			      

/* == 區塊03 == */
.CON03{ width:100%;	}
.CON03-main{ 
             margin:0 auto; 
			 padding:40px 20px 0;
			 width:100%;
			 text-align:center;
			 }
.CON03-main h2{ margin:0; font-size:3em; color:#333; text-align:left;}
.CON03-main p{ font-size:1.4em; line-height:1.6; text-align:left;}
.CON03-main table{
	margin:20px auto 0;
	width:100%;
	overflow:hidden;
	}
.CON03-main table tr,td {
	padding:10px;
	font-size:1.2em;
	text-align:left;
	}
.CON03-main img{ margin:40px auto;	width:350px; height: auto; }	


/* == 區塊04 == */
.CON04{ width:100%;	background:#fbe600;	}
.CON04-main{ margin:0 auto; padding:40px 20px;
			 width:100%;
			 height:470px;
			 background:url(../images/box04.png) no-repeat right bottom;
			 background-size:35%;
			 }
.CON04-main h2{ margin:0 0 20px; font-size:3.4em; color:#333;}
.CON04-main h3{ font-size:2em; line-height:1.8em; color:#5288d3;}
.CON04-main p{ display:block; width:65%; font-size:1.3em; line-height:1.6em; }
.CON04-main p a{ color:#ff6600; font-weight:bold;}
.CON04-main img{ margin:30px auto 50px;	width:350px; height:60px; }	



/* == 區塊05 == */
.CON05{ width:100%;	}
.CON05-main{ 
             margin:0 auto; 
			 padding:40px 0;
			 width:100%;
			 text-align:center;
			 }
.CON05-main h2{ margin:0; font-size:4em; color:#333;}
.CON05-main h3{ margin: 0; font-size:1.3em; font-weight:normal; color:#444;}
.CON05-main .box01 img { display:none; }
.CON05-main .box02 img { display:block; width:750px; height:auto; }
.CON05-main .box03 img { display:none; }
.CON05-main img{ margin:40px auto 0; width:350px; height:60px; }	


/* == 區塊06 == */
.CON06{ width:100%;	background:#f47242;	}
.CON06-main{ margin:0 auto; padding:0;
			 width:100%;
			 padding:40px 0 0;
             text-align:center;  
			 }
.CON06-main h2{ margin:0 0 40px; font-size:4em; line-height:1.1em; color:#333;}
.CON06-main dl{
	float:left;
	margin:0 2%;
	padding:20px;
	width:46%;
	height:200px;
	border-radius:15px;
	-webkit-border-radius:15px;
	border:10px solid #c34a1e;
	text-align:left;
	}
.CON06-main dl.a{ background:url(../images/box06_left.jpg) no-repeat left bottom #fff; background-size:35%; }
.CON06-main dl.b{ background:url(../images/box06_right.jpg) no-repeat left bottom #fff; background-size:35%; }
.CON06-main dt{	font-size:1.6em; font-weight:bold; color:#5486cb;}
.CON06-main dd ul{ margin:20px 0 0 90px;}
.CON06-main dd li { font-size:1.2em; line-height:1.8em; }
.CON06-main dd li a{ color:#000;}
.CON06-main dd li a:hover{ text-decoration:none;}
.CON06-main img{ margin:40px auto;	width:350px; height:60px; }	



/* == 多元學習模式 == */
.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:#f47242; color:#FFF;}
.study-btn a.B{ background-color:#71a0e2; 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;}
}