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


.fc01{ color: #ef5350;}
.fc02{ color: #0a9400;}
.fc03{ color: #00ffff;}
.co01{ color: #00a057;}
.co02{ color: #00a0e9;}
.co03{ color: #009f98;}


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

  /*置頂按鈕*/
  .gotop { position: fixed; right:5px;  bottom:205px; width: 75px;  height: 75px; background-color: #fed300; display: flex; justify-content: center; align-items: center;
    opacity: 0;  transition: all 0.4s ease-in-out 0s;  z-index: 999;  border-radius: 50%; }
  .gotop a{  font-size:20px; color: #000; text-decoration:none;}
  .gotop:active{ box-shadow:1px 1px 3px 2px rgba(0,0,0,0.5) inset;transition: all 0s;}

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

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

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

/* == 按鈕 == */
.btn a{
	position:relative; display:block; margin:40px auto 0; width:300px; height:60px; line-height:60px; border-radius:10px; -webkit-border-radius:10px;
    background-color:#e33f43; font-size:2rem; color:#FFF; text-decoration:none; text-align:center;
	}
.btn p:after{ 
    position: relative;
    left:0px;
	font-family:'FontAwesome'; content:"\f0a6";color:#fff; font-size: 2rem; 
	animation:hactive .5s linear infinite alternate;
	}
.btn h4{ margin:10px 0 0; font-size:1.4rem;}
@keyframes hactive{
	from{ right:50px; bottom:-3px;}
    to{ right:50px; bottom:8px;}
	}

.btn2 a{
	position:relative; display:block; margin:40px auto 0; width:300px; height:60px; line-height:60px; border-radius:10px; 
    background-color:#ffff00; font-size:2rem; color:#000; text-decoration:none; text-align:center;
	}
.btn2 p:after{ 
    position: absolute;
	font-family:'FontAwesome'; content:"\f0a6"; color:#000; font-size: 2rem; 
	animation:hactive .5s linear infinite alternate;
	}
.btn2 h4{ margin:10px 0 0; font-size:1.4rem;}


/* == 刊頭 == */
.head{ width:100%; height:780px; background:url(../images/head_bg.jpg); background-position:top center;  }
.head .main{ margin:0 auto; padding:60px 0 0 150px; max-width:1200px; }
.head .main h1{ text-indent:-9999px;}
.head .news a{
	display:block; width:400px; height:50px; text-indent:20px; background-color:#ef5350;
	font-size:1.7em; font-weight:bold; line-height:50px; color:#FF0; text-decoration:none; transition:.3s;
	}
.head .news a:hover{ background-color:#d2413f; }


/* == 優勢 == */
.advantage{	width: 100%; background-color:#d2dd84; }
.advantage .main { margin:0 auto; padding:0px 0 80px; width:100%; max-width:1200px; text-align:center;}
.advantage .main strong {font-size:3.8rem; color: #ef5350; display: block;}
.advantage .main h2{ font-size:3.8rem; margin: 2% 0 0 0; }
.advantage .box{ margin:40px auto;}
.advantage .box ul{ padding:0; display: flex; justify-content: space-between;}
.advantage .box li{ width:32%; background-color:#13b5b1; padding-bottom: 20px;}
.advantage .box li h4{ margin:0 0 10px 0; padding:20px 20px 0; font-size:2.4em; color:#ff0; }
.advantage .box li p{ font-size:1.6em; text-align:center; line-height:1.5; color:#fff; margin-bottom: 0;}

/* 讀書沒效率？2倍效率學習 */
.efficiencybkg{ background:url(../images/efficiency.jpg)no-repeat; background-size: cover; width: 100%;padding: 80px 0;position: relative;overflow: hidden;}
.efficiency{ width: 1000px;margin: 0 auto;text-align: center; position: relative;z-index:50;}
.efficiency h3{color:#eb6100;font-size: 60px;margin-bottom:30px;}
.efficiency>p{font-size: 36px;border: 1px dashed #000;display: inline;}
.efficiency>div{display: flex;justify-content: space-between;align-items:flex-start; margin: 30px 0;text-align: left;}
.efficiency>div img{width: 30%;}
.efficiency .content{font-size: 20px;line-height: 1.5;width:60%;}
.efficiency .content .name{font-weight: bold; color: #0068b7;font-size: 25px;line-height: 2;}
.efficiency .content span{color:#eb6100;}
.efficiency .content .score{font-weight: bold;color: #22ac38;margin-top:20px;position: relative;}
.efficiency .content .score::after{content: '';display: block;position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: #c7e5fc;}
.efficiency .content .slideRL::after{animation:slideRL 1s linear;animation-fill-mode: forwards;}
@keyframes slideRL{
from{width: 100%;}
to{width: 0%;}
}
.efficiency .content a{display: block;width: 70%;color: #fff;background: #e60012;padding: 10px;box-sizing: border-box;border-radius: 10px;text-decoration:none;font-size: 24px;margin: 10px auto;text-align: center;}
.efficiency .content a:hover{box-shadow:0 0 4px #B3000F;}
.efficiency .content a:active{background:#7A000A;box-shadow:0 0 4px #7A000A;}

/* 怕重考N年？3個月快速考取實例  */
.experiencebkg{background:url(../images/experience.jpg)no-repeat;background-size: cover; padding:60px 0;overflow: hidden;}
.experience{width: 1000px;margin: 0 auto;text-align: center;}
.experience h4{font-size:60px;color: #eb6100;margin-bottom: 30px;}
.experience>p{font-size: 36px;border: 1px dashed #000;display: inline;}
.experience>div{margin: 30px 0;text-align: left;}
.experience>div img{width: 48%;}
.experience .content{width: 100%; font-size: 20px;line-height:1.5;}
.experience .content .name{font-weight: bold; color: #0068b7;font-size: 25px;}
.experience .content span{color: #eb6100;}
.experience .content .score{font-weight: bold;color: #22ac38;margin-top:20px;position: relative;}
.experience .content .score::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#ebfbc8;}
.experience .content .slideLR::after{animation:slideLR 1s linear;animation-fill-mode: forwards;}
.experience .content>a{display: block;margin:20px auto;width: 35%;text-align: center;color: #fff;background: #e60012;padding:10px;box-sizing: border-box;border-radius: 10px;text-decoration:none;font-size: 24px;}
@keyframes slideLR{
from{left:0%;}
to{left:100%;}
}
.experience .content>a:hover{box-shadow:0 0 4px #B3000F;}
.experience .content>a:active{background:#7A000A;box-shadow:0 0 4px #7A000A;}

/* == 推薦類科 == */
.recommend{ width:100%; padding:80px 0; }
.recommend .main{ margin:0 auto; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.recommend .main h2{ margin:0; padding:0 0 10px 0; font-size:3.8em; line-height:1.2; color:#0068b7;}
.course_wrapper { overflow:hidden;}
.course_wrapper dd{ float:left; margin:3% 1% 0; width:23%; }
.course{ width:100%; margin:0 auto; clear:both; margin-bottom:10px; }
.course .bt { display:block; width:100%; clear:both; border-radius:10px 10px 0 0; padding:20px ; }
.course .bt.A{ background:#eb6100;}
.course .bt.B{ background:#0068b7;}

.course .bt h3{ padding-bottom:8px; font-size:2.2em; line-height:1.4; color:#FF0; border-bottom:1px dashed #FFFFFF;}
.course .bt h4{ margin:10px 0 0; height:80px; font-size:1.6em; line-height:1.2; color:#FFF;}
.course .bt h5 { margin:0 auto 10px; padding:0; width:100px; height:100px; border-radius:50%; background:#fff; font-size:5em; line-height:100px;}
.course .bt h5.A{ color:#eb6100;}
.course .bt h5.B{ color:#0068b7;}

.course .boxA{ display:none; }
.course .course_box{ padding:10px 0 30px; width:100%; background:#FFF;  overflow:hidden;  border-radius:0 0 10px 10px; }
.course .course_box.A{ border-left:7px solid #eb6100; border-right:7px solid #eb6100; border-bottom:7px solid #eb6100;}
.course .course_box.B{ border-left:7px solid #0068b7; border-right:7px solid #0068b7; border-bottom:7px solid #0068b7;}
.course .course_box ul{ width:100%; margin:0 auto; overflow:hidden;}
.course .course_box li.CLASS{ margin:0 auto 15px; width:60%; height:40px; background:#000; font-size:1.6em; line-height:40px; color:#FFF;}
.course .course_box li img{ margin:20px 0; width:200px;}
.course .course_box li p{ margin:0 15px; font-size:1.6em; line-height:1.4; font-weight:bold; text-align: center; }

/* 智能服務 */
.service {
	padding: 60px calc((100% - 1000px) / 2);
	text-align: center;
	background-color: #13b5b1;
  }
  .service h2 {
	font-size: 3.8em;
	line-height: 1.5;
	color: #fff;
  }
  .service h3 {
	margin: 20px 0px 0px 0px;
	font-size: 1.6em;
	color: #fff000;
	text-align: justify;
	line-height: 1.4;
  }
  .service .list ul {
	margin: 40px 0; padding:0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  .service .list ul li {
	width: 33%;
	background-color: #f48537;
	color:#000;
	text-align: left;
	margin: 2px 0;
	padding: 12px 25px;
	font-size: 30px;
  }	
 .service .list ul li:nth-child(even){
	background-color: #d2dd84;
	color:#000 
 } 
 .service .btn3 a{
    margin: 0 auto; padding: 10px 25px;
    background-color: #e33f43;
    border-radius: 10px;
    font-size: 2em;
    color: #fff;
    text-align: center;
	text-decoration: none;
 }

/* == 投考組合 == */
.comb{ width:100%; background-color:#13b5b1; }
.comb .main{ margin:0 auto; padding:80px 0; width:100%; max-width:1200px; text-align:center;}
.comb .main h2{ margin:0; font-size:3.8em; color:#fff;}
.comb .main h3{ margin:0; font-size:2.4em; color:#fff000;}
.comb .box { margin:40px 0 ; overflow:hidden;}
.comb .box .left { float:left; padding:50px 0 0; width:45%; }
.comb .box .left img{ width:400px;}
.comb .box .right { float:right; width:55%;}
.comb .box .right ul{ margin:0 auto; padding:0; overflow:hidden;}
.comb .box .right li{ display:inline-block; margin:15px 25px; float:left; width:30%;}
.comb .box .right li img{ width:220px;}

/* == 多元學習模式 == */
.studymode {
	padding: 60px calc((100% - 1000px) / 2);
	box-sizing: border-box;
	text-align: center;
	background: #fff;
  }
.studymode h1 {
	font-size: 60px;
	line-height: 1.5;
	color: #eb6100;
}
  .studymode h2 {
	display: inline-block;
	margin: 30px auto;
	padding: 3px 20px;
	line-height: 40px;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
	color:#000;
	text-align: center;
	outline:1px #000 dashed;
}
  .studymode ul { 
	width: 100%;  
	margin:20px 0 50px; padding:0; 
	display: flex; 
	justify-content: space-between;
}
  .studymode ul { 
	display: flex; 
	justify-content: space-between; 
	margin: 60px 0px 40px 0px;
}
  .studymode ul:nth-of-type(2) { 
	justify-content: space-evenly;
}
  .studymode ul li { 
	width: 28.5%;
}
  .studymode ul li .topword { 
	margin: 0px 0px 10px 0px; 
	display: flex; 
	justify-content: flex-start; 
	align-items: center;
}
  .studymode ul li .topword .circle { 
	display: flex; 
	justify-content: flex-start; 
	width: 40%;
}
  .studymode ul li .topword .circle span { 
	width: 36px; 
	height: 36px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	font-size: 1.8rem; 
	font-weight: 700; 
	color: #3d85f9; 
	border-radius: 999px; 
	outline: #fbb03b 2px solid;
}
  .studymode ul li .topword p { 
	width: 60%; 
	padding: 3px 0px; 
	margin: 0px; 
	font-size: 1.35rem; 
	font-weight: 700; 
	font-style: italic; 
	color: #fbb03b; 
	text-align: justify;
	border-bottom: #fbb03b 2px solid; 
}
  .studymode ul li .topword span:nth-child(2) { 
	transform: translate(-2px);
}
  .studymode ul li .topword span:nth-child(3) { 
	transform: translate(-4px);
}
  .studymode img { 
	max-width: 100%; 
	display: block; 
	margin: 0 auto;
}
  .studymode ul li .box p { 
	margin: 20px 0px 0px 0px; 
	padding: 12px 0px 0px; 
	font-size: 1.35rem; 
	line-height: 1.6; 
	color: #4d4d4d; 
	border-top: #4d4d4d 1px solid;
}
  .studymode .btn {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}
  .studymode .btn a {
	clear: both;
    margin: 0 auto;
    height: 60px;
	width: 45%;
	padding:0px 50px;
    line-height: 60px;
    background-color: #e33f43;
    border-radius: 10px;
    font-size: 2rem;
    color: #FFF;
    text-align: center;
	text-decoration: none;
}
.studymodemobile {
	display: none;
}

/* footer */
.FOOTER{ margin:0; padding: 50px calc((100% - 1200px)/2); width:100%; background-color:#2c3c49; box-sizing: border-box;}
.FOOTER ul{ padding:0; display: flex; flex-wrap: wrap;}
.FOOTER li{ width: 20%; margin: 5px 0;}
.FOOTER li a{ display:block; font-size:20px; text-decoration:none; color:#FFF;}

/* == 補平版型區 ============================================================================= */
/*留單*/
  .form {
      padding: 30px 0;
      background-color: #f48537;
  }

  .form img {
      width: 220px;
  }

  .form h2 {
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: normal;
      color: #FFF;
  }

  .form a {
      margin: 20px auto;
      display: block;
      width: 90%;
      border-radius: 10px;
      background-color: #ff0;
      font-size: 1.7em;
      padding: 10px;
      color: #0e303f;
      text-align: center;
      text-decoration: none;
  }

  .form a:hover {
      font-weight: bold;
}

/*輪播*/
/* Swiper 外框微調 */
.efficiency-swiper {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

/* 各 slide 保持內文樣式 */
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 如果需要圖片自適應 */
.efficiency img, .experience img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media screen and ( max-width:1200px ){
  /* footer */
 .FOOTER{width: 100%; padding: 20px 4%;}
 .FOOTER ul li{ width:20%;}
 .FOOTER ul a{font-size: 18px; text-align: center;}
}

/* == 手機版型區 ============================================================================= */

@media screen and ( max-width:767px ){
	
/* == 按鈕 == */
.btn a{
	position:relative; display:block; margin:20px auto 0; width:272px; height:60px; line-height:60px; border-radius:10px; 
    background-color:#e33f43; font-size:2rem; color:#FFF; text-decoration:none; text-align:center;
	}
/*
.btn p:after{ 
    position: absolute;
	font-family:'FontAwesome'; content:"\f0a6";color:#FFF; font-size: 2rem; 
	animation:hactive .5s linear infinite alternate;
	}
*/
.btn h4{ margin:10px 0 0; font-size:1.4rem;}
	


.btn2 a{
	position:relative; display:block; margin:20px auto 0; width:272px; height:60px; line-height:60px; border-radius:10px; 
    background-color:#ffff00; font-size:2rem; color:#000; text-decoration:none; text-align:center;
	}
.btn2 p:after{ 
    position: absolute;
	font-family:'FontAwesome'; content:"\f0a6"; color:#000; font-size: 2rem; 
	animation:hactive .5s linear infinite alternate;
	}
.btn2 h4{ margin:10px 0 0; font-size:1.4rem;}

	
/* == 刊頭 == */
.head{ width:100%; height: 0; background: url(../images/m_head_bg.jpg) no-repeat; background-position: center; background-size: 100%; padding-bottom:161.83%; }
.head .main{ margin:0 auto; padding:5% 3% 0; width:100%; text-align:center; }
.head .main h1{ text-indent:-9999px;}
.head .news a{
	display:block; width:100%; height:40px; text-indent:0; background-color:#ef5350;
	font-size:1.3rem; font-weight:bold; text-align:center; line-height:40px; color:#FF0; text-decoration:none; transition:.3s;
	}
.head .news a:hover{ background-color:#d2413f; }


/* == 優勢 == */
.advantage{ width:100%; background-color:#d2dd84;}
.advantage .main { margin:0 auto; padding:30px 14px; width:100%; max-width:1200px; text-align:center; }
.advantage .main strong { display: none;}
.advantage .main h2{ font-size:2rem; line-height:1.2;}
.advantage .box{ margin:10px auto 0; padding:0;}
.advantage .box ul{ flex-wrap: wrap; justify-content: center;}
.advantage .box li{ margin:10px 0; width:100%; background-color:#13b5b1;}
.advantage .box li h4{ margin:0 0 10px 0;padding:15px 20px 0; font-size:2em; color:#FF0; }
.advantage .box li p{ font-size:1.4em; text-align:center; line-height:1.5; color:#FFF; }
	
/* 智能服務 */
.service {
    padding: 80px 5%;
}
.service h2{
	font-size: 7vw;
    font-weight: bold;
	line-height: 1.3;
}
.service h2> img{
	width: 20%;
}
.service h3{
	font-size:20px;
}
.service .btn3 a {
	font-size: 21px;
}	

/*efficiency*/
.efficiencybkg{padding:30px 0 40px 0;}
.efficiency h3{font-size: 7vw;}
.efficiency>p{font-size:16px;}
.efficiency>div{flex-wrap: wrap;}
.efficiency>div img{width:90%;order:1;margin:0px auto;}
.efficiency>div .content{order: 2;width:90%;margin: 0 auto;}
.efficiency .content .name{font-size:18px;line-height:2;}
.efficiency .content a{font-size:16px;}

/*experience*/
.experiencebkg{padding:30px 0 10px 0;background:#ebfbc8;width:100%;height:100%;}
.experience h4{font-size:7vw;}
.experience>p{display: block;font-size:16px;padding: 5px 0;}
.experience>div{flex-wrap: wrap;}
.experience>div img{width:80%;margin: 0 auto;}
.experience> .content{width: 95%;margin: 0 auto;}
.experience .content .name{font-size:18px;line-height: 2;text-align: center;}
.experience .content>a{font-size: 18px;width: 75%;}

/* == 推薦類科 == */
.recommend{ width:100%; padding:30px 14px; }
.recommend .main{ margin:0 auto; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.recommend .main h2{ margin:0; padding:0 0 10px 0; font-size:2rem; line-height:1.2; color:#0068b7;}

.course_wrapper dd{ display:inline-block; float:none; margin:2% 1%; width:95%;}
.course{ width:100%; margin:0 auto; clear:both; margin-bottom:10px;}
.course .bt { display:block; width:100%; clear:both; border-radius:10px 10px 0 0; padding:20px; }
.course .bt.A{ background:#eb6100;}
.course .bt.B{ background:#0068b7;}
.course .bt h3{ padding-bottom:8px; font-size:1.8em; line-height:1.4; color:#FFF; border-bottom:1px dashed #FFFFFF;}
.course .bt h4{ margin:10px 0 0; height:70px; font-size:1.4em; line-height:1.2;}
.course .bt h5 { margin:0 auto 10px; padding:0; width:100px; height:100px; border-radius:50%; background:#fff; font-size:5em; line-height:100px;}
.course .bt h5.A{ color:#eb6100;}
.course .bt h5.B{ color:#0068b7;}

#box_1, #box_2, #box_3{ display:none; }

.course .course_box{ padding:10px 0 20px; width:100%; background:#FFF;  overflow:hidden;  border-radius:0 0 10px 10px; }
.course .course_box.A{ border-left:7px solid #eb6100; border-right:7px solid #eb6100; border-bottom:7px solid #eb6100;}
.course .course_box.B{ border-left:7px solid #0068b7; border-right:7px solid #0068b7; border-bottom:7px solid #0068b7;}
.course .course_box ul{ width:100%; margin:0 auto; overflow:hidden;}
.course .course_box li.CLASS{ margin:0 auto 15px; width:80%; height:40px; background:#000; font-size:1.8em; font-weight:bold; line-height:40px; color:#FFF;}
.course .course_box li img{ margin:20px 0; width:200px;}
.course .course_box li p{ margin:0 30px; font-size:1.3em; line-height:1.4; text-align: center;  }

/* == 投考組合 == */
.comb{ width:100%; background-color:#13b5b1; }
.comb .main{ margin:0 auto; padding:30px 14px; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.comb .main h2{ margin:0; font-size:2rem; line-height:1.1; color:#fff;}
.comb .main h3{ margin:0; font-size:1.3rem; color:#fff000;}
.comb .box { margin:0; overflow:hidden;}
.comb .box .left { float:none; padding:20px 0 0; width:100%; }
.comb .box .left img{ width:100%;}
.comb .box .right { float:none; width:100%;}
.comb .box .right ul{ margin:10px auto ; overflow:hidden;}
.comb .box .right li{ display:inline-block; margin:10px 0; float:none; width:100%;}
.comb .box .right li img{ width:100%;}

/* == 多元學習模式 == */
.studymode {
	display: none;
}
.studymodemobile { 
	display: block;
	padding:60px 4%; 
	text-align: center;
}
.studymodemobile h1{ 
	font-size: 6vw;
	color: #eb6100;
}
.studymodemobile h2{ 
	display: inline-block;
	margin: 20px auto;
	padding: 3px 20px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	color:#000;
	text-align: center;
	outline:1px #000 dashed;
}
.studymodemobile ul { 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	align-items: center; 
	gap: 25px; 
	margin: 25px 0px 40px 0px;
	padding: 0;
}
.studymodemobile ul li { 
	width: 100%;
}
.studymodemobile ul li a { 
	cursor: pointer;
}
.studymodemobile ul li .topword { 
	margin: 0px 0px 10px 0px; 
	display: flex; 
	justify-content: flex-start; 
	align-items: center;
}
.studymodemobile ul li .topword .circle { 
	display: flex; 
	justify-content: flex-start; 
	width: 40%;
}
.studymodemobile ul li .topword .circle span { 
	width: 40px; 
	height: 40px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	font-size: 2rem; 
	font-weight: 700; 
	color: #3d85f9; 
	border-radius: 999px; 
	outline: #fbb03b 2px solid;
}
.studymodemobile ul li .topword p { 
	width: 60%; 
	padding: 3px 0px; 
	font-size: 1.6rem; 
	font-weight: 700; 
	font-style: italic; 
	color: #fbb03b; 
	text-align: justify; 
	border-bottom: #fbb03b 2px solid;
}
.studymodemobile ul li .topword span:nth-child(2) { 
	transform: translate(-2px);
}
.studymodemobile ul li .topword span:nth-child(3) { 
	transform: translate(-4px);
}
.studymodemobile img { 
	display: block; 
	max-width: 100%; 
	margin: 0 auto;
}
.studymodemobile ul li i { 
	padding: 15px 0px 10px 0px; 
	font-size: 3rem; 
	animation: arrowmove 1s linear infinite alternate;
}
.studymodemobile ul li .sublist { 
	display: none;
}
.studymodemobile ul li .sublist p { 
	display: inline-block; 
	padding: 12px 0px 0px; 
	font-size: 1.6rem; 
	line-height: 1.6; 
	color: #4d4d4d; 
	border-top: #4d4d4d 1px solid;
}
.studymodemobile .btn{ 
	margin:0; 
	display: flex; 
	flex-flow: column; 
	justify-content: center; 
	align-items: center; 
	gap: 15px;
}
.studymodemobile .btn a{ 
	clear: both;
    margin: 0 auto;
    height: 60px;
	width: 100%;
	padding:0px 50px;
    line-height: 60px;
    background-color: #e33f43;
    border-radius: 10px;
    font-size: 21px;
    color: #FFF;
    text-align: center;
	text-decoration: none;
}
/* footer */
.FOOTER{padding: 20px 2% 70px;}
.FOOTER ul li{width:33%; text-align: center;}
.FOOTER li a{font-size:15px;}
	
}

@media(max-width:600px){
	/* 智能服務 */
	  .service .list ul li {
		width: 49%;
		padding: 12px 15px;
		font-size: 1.6em;
		background-color: #d2dd84;
	  }
	  .service .list ul li:nth-of-type(7) {
		width: 100%;
	  }
	  .service .list ul li:nth-of-type(8) {
		width: 100%;
	  }
	  .service .list ul li:nth-of-type(9) {
		width: 100%;
	}
	  .service .btn a{
		width: 100%;
	}
	.service .btn a::after {
		left: 250px;
	}
	/* 多元學習模式 */
	.studymode ul {
		flex-wrap: wrap;
	  }
	  .studymode li {
		width: 100%;
	  }
	  .studymode li h4 {
		font-size: 5.5vw;
	  }
	  .studymode li .box01 {
		font-size: 1.1em;
	  }
	  .studymode .btn {
		flex-wrap: wrap;
		justify-content: center;
	  }
	  .studymode .btn a {
		margin: 5px auto;
		width: 100%;
		font-size: 18px;
	  }
}

@keyframes hactive{
	from{ right:50px; bottom:-3px;}
    to{ right:50px; bottom:8px;}
	}
@media (max-width: 430px) {
	
	/* 多元學習模式 */
	.studymodemobile ul li .topword .circle { width: 30%;}
	.studymodemobile ul li .topword .circle span { width: 33px; height: 33px; font-size: 1.6rem;}
	.studymodemobile ul li .topword p { width: 70%; font-size: 1.15rem;}
	.studymodemobile ul li i { font-size: 2rem;}
	.studymodemobile ul li .sublist p { font-size: 1.3rem;}
}

/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
/* == 按鈕 == */
.head{ width:100%; height:0; background:url(../images/head_bg.jpg); background-position:center; background-size:100%; padding-bottom:60%; }
.head .main{ margin:0 auto; padding:30px 0 0 50px; width:100%; text-align:center; }
.head .main h1{ text-indent:-9999px;}
.head .news a{
	display:block; width:400px; height:50px; text-indent:20px; background-color:#ef5350;
	font-size:1.8rem; font-weight:bold; line-height:50px; color:#FF0; text-decoration:none; transition:.3s;
	}
.head .news a:hover{ background-color:#d2413f; }


/* == 優勢&經驗談 == */
.advantage{	width: 100%; background-color:#d2dd84;}
.advantage .main { margin:0 auto; padding:50px 20px; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.advantage .main h2{ font-size:3.2rem;}
.advantage .box{ margin:30px auto; text-align:center; }
.advantage .box li{ display: inline-block; margin:0 8px; padding:0 0 30px; width:30%; background-color:#13b5b1;}
.advantage .box li h4{ margin:0 0 10px 0;padding:20px 20px 0; font-size:2rem; color:#ff0; }
.advantage .box li p{ font-size:1.2rem; text-align:center; line-height:1.5; color:#fff; }



/* == 推薦類科 == */
.recommend{ width:100%; padding:50px 20px; }
.recommend .main{ margin:0 auto; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.recommend .main h2{ margin:0; padding:0 0 10px 0; font-size:2.6rem; line-height:1.2;}
.course_wrapper dd{ float:left; margin:2% 0.5%; width:24%;}
.course{ width:100%; margin:0 auto; clear:both; margin-bottom:0;}
.course .bt { display:block; width:100%; clear:both; border-radius:10px 10px 0 0; padding:15px ; }
.course .bt.A{ background:#eb6100;}
.course .bt.B{ background:#0068b7;}
.course .bt h3{ padding-bottom:8px; font-size:1.3rem; line-height:1.4; color:#FFF; border-bottom:1px dashed #FFFFFF;}
.course .bt h4{ margin:10px 0 0; height:50px; font-size:1rem; line-height:1.2;}
.course .bt h5 { margin:0 auto 10px; padding:0; width:100px; height:100px; border-radius:50%; background:#fff; font-size:5rem; line-height:100px;}
.course .bt h5.A{ color:#eb6100;}
.course .bt h5.B{ color:#0068b7;}

#box_1, #box_2, #box_3{ display:none; }

.course .course_box{ padding:10px 0 20px; width:100%; background:#FFF;  overflow:hidden;  border-radius:0 0 10px 10px; }
.course .course_box.A{ border-left:7px solid #eb6100; border-right:7px solid #eb6100; border-bottom:7px solid #eb6100;}
.course .course_box.B{ border-left:7px solid #0068b7; border-right:7px solid #0068b7; border-bottom:7px solid #0068b7;}
.course .course_box.C{ border-left:7px solid #a0ca20; border-right:7px solid #a0ca20; border-bottom:7px solid #a0ca20;}
.course .course_box ul{ width:100%; margin:0 auto; overflow:hidden;}
.course .course_box li.CLASS{ margin:0 auto 15px; width:80%; height:40px; background:#000; font-size:1.5rem; font-weight:bold; line-height:40px; color:#FFF;}
.course .course_box li img{ margin:20px 0; width:140px;}
.course .course_box li p{ margin:0 20px; font-size:0.9rem; line-height:1.4; text-align: center; }

/* 智能服務 */
.service {
	padding: 80px 5%;
}
.service h2 {
	font-size: 3.6rem;
}
.service h3{
	text-align: justify;
}
.service .list ul li {
	font-size: 1.2em;
}

/* == 投考組合 == */
.comb{ width:100%; background-color:#13b5b1; }
.comb .main{ margin:0 auto; padding:50px 20px; width:100%; max-width:1200px; text-align:center; overflow:hidden;}
.comb .main h2{ margin:0; font-size:3.6rem;  color:#fff;}
.comb .main h3{ margin:0; font-size:2.4em; color:#fff000;}
.comb .box { margin:40px 0 ; overflow:hidden;}
.comb .box .left { float:left; padding:50px 0 0; width:42%; }
.comb .box .left img{ width:280px;}
.comb .box .right { float:right; width:58%;}
.comb .box .right ul{ margin:0 auto; overflow:hidden;}
.comb .box .right li{ display:inline-block; margin:15px ; float:left; width:40%;}
.comb .box .right li img{ width:180px;}

/* == 多元學習模式 == */
.studymode {
	padding: 80px 5%;	
}
.studymode ul{ 
	width: 100%; 
	margin:20px 0 50px;
}
.studymode ul li{ 
	margin:0 10px; 
	padding:0;
}
.studymode ul li .topword .circle span { 
	width: 30px; 
	height: 30px; 
	font-size: 1.25rem;
}
.studymode ul li .topword p { 
	font-size: 1rem;
}
.studymode ul li .box p { 
	margin: 20px 0px 0px 0px; 
	padding: 12px 0px 0px; 
	font-size: 1rem; 
	line-height: 1.6; 
	color: #4d4d4d; 
	border-top: #4d4d4d 1px solid;
}

/* footer */
 .FOOTER{width: 100%; padding: 20px 4%;}
 .FOOTER ul li{ width:20%;}
 .FOOTER ul a{font-size: 16px; text-align: center;}

}

/*other*/
@media(max-width:1250px){
.efficiency{width: 96%;margin: 0 auto;}
.experience{width: 96%;margin: 0 auto;}
}

/*ipad*/
@media(max-width:768px){

/*efficiency*/
.efficiencybkg{padding:50px 0;}
.efficiency h3{font-size: 50px;font-weight: bold;}
.efficiency>p{font-size: 30px;padding: 10px;}
.efficiency>div{align-items:center;}
.efficiency .content{width: 49%;font-size: 18px;}
.efficiency .content .name{font-size: 26px;}
.efficiency .content a{font-size:22px;font-weight: bold;}

/*experience*/
.experiencebkg{padding:50px 0;}
.experience h4{font-size: 50px;font-weight: bold;}
.experience>div{align-items:center;}
.experience .content{width: 49%;font-size: 16px;}
.experience .content .name{font-size: 26px;}
.experience .content .score{margin-top: 10px;}
.experience .content>a{font-size:22px;font-weight: bold;}

}


/*iphone*/
@media(max-width:767px){

/*efficiency*/
.efficiencybkg{padding:30px 0 0 0;}
.efficiency h3{font-size: 7vw;}
.efficiency>p{font-size:16px;}
.efficiency>div{flex-wrap: wrap;}
.efficiency>div img{width:90%;order:1;margin:0px auto;}
.efficiency>div .content{order: 2;width:90%;margin: 0 auto;}
.efficiency .content .name{font-size:18px;line-height:2;}
.efficiency .content a{font-size:16px;}

/*experience*/
.experiencebkg{padding:30px 0 0 0;background:#ebfbc8;}
.experience h4{font-size:7vw;}
.experience>p{display: block;font-size:16px;padding: 5px 0;}
.experience>div{flex-wrap: wrap;}
.experience>div img{width:80%;margin: 0 auto;}
.experience>div .content{width: 95%;margin: 0 auto;}
.experience .content .name{font-size:18px;line-height: 2;text-align: center;}
.experience .content>a{font-size: 18px;width: 75%;}
	
}