@charset "utf-8";
/* IMPORT RESET */
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("../css/reset.css");
@import url("../css/responsive.gs.12col.css");
@import url("../css/btn_style.css");
/*@import url("../css/animate.css");*/
@import url("../css/shadowbox.css");
/*==============================
Name: A-Lin
Date: 2020-01-21
Type: Layout Css
==============================*/

/*	EXAMPLE STYLES */
/* 不改變原來樣板*/
body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Sans TC";
	color: white;
	overflow-x:hidden;
}

header {
	line-height: 15em;
	text-align: center;
	/*background: #333;*/
}
article {
	line-height:15em;
	text-align: center;
	/*background: #666;*/
}
/*aside {
	line-height: 15em;
	text-align: center;
	background: #999;
}*/

footer {
	line-height:15em;
	text-align: center;
	/*background: #BBB;*/
}

/*===== 共用 ======*/
h1,h2,h6{
	position:absolute;
	left:-1000em;
}
ul,ol{
	padding:0;
	margin:0 auto;
	list-style-type:decimal;
	list-style-position:inside;
}
li{
	display:block;
	font-size:1.25em;
}
li a{
	width:100%;
	line-height:1.325em;
	float:left;
	text-decoration:none;
}
  a:hover {
    outline: none;
    text-decoration:none;
  }

  a:focus {
    outline:none;
    outline-offset: 0;
  }

 a {
	 text-decoration:none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
  }
p{line-height:1.2em;}
.imgWrap{
	width:100%;
	display:block;
	margin:0 auto;
}
/*---反白色差--------------*/
::selection {
	background:#1F3864;
	color: #EEE;
}
::-moz-selection {
	background:#1F3864;
	color: #EEE;
}
/*==========     ===============*/ 
/**/
.gutters .col {
	margin-bottom:2%;
}
/**/
.conWrap{
	background:#FFF;
}
.aMore-round{
	-webkit-animation-delay: 300s;
	animation-delay: 300s;
	animation: BGBG 30s ease-in-out alternate infinite;
	-webkit-animation: BGBG 30s ease-in-out alternate infinite;
	}
.aMore1{
	animation-delay:3s;
-webkit-animation-delay:3s;
    animation:  1s ease-in-out alternate 1;
    -webkit-animation: 1s ease-in-out alternate 1;
	}
.aMore2{
	-webkit-animation-delay:10s;
    animation-delay:10s;
    animation: BGBG 2s ease-in-out alternate 2;
    -webkit-animation: BGBG 2s ease-in-out alternate 2;
	}
.imgWrap{
	width:100%;
	display:block;
	margin:0 auto;
}
.clrr{clear:both; visibility:hidden; height:1px;}
i{display:inline-block; background-repeat:no-repeat; background-position:center center; vertical-align:middle; background-size: cover; margin:0 auto;}
/*============= HEADER ==============*/
header, main, footer{width:100%;}
header article{line-height:0em;}
.logo{ max-width:48px;}
/*Header Nav 導覽列*/
.webNav{
	color:#FFF;
	line-height:0em;
	font-size:11px;
	background:#3B3B3B;
	padding:3px 0 3px 5%;
	text-align:left;
}
.webNav img{vertical-align:middle; display:inline; margin:0 2%; max-width:20px;}
.webNav a,.webNav a:active{color:#FFF; text-decoration:underline;}
.webNav a:hover{color:#FF9;}
.hideWord{padding-top:3px;}
.hideWord span{font-size:0;}
/*Header Main 版頭內容*/
.headerWrap{
	line-height:0em;
	overflow:hidden;
	text-align:center;
	padding:0;
	background:url(images/2020012100cell.jpg) #037DBD center 0 no-repeat;
	background-size:cover;
	position:relative;
}
.hdMain{
	padding:0;
	line-height:0em;
	margin:0 auto;
	max-width:1600px;
	overflow:hidden;
	position:relative;
	/*display: flex;
	flex-wrap:wrap;
	display: -webkit-flex; 
  -webkit-flex-wrap: wrap; */
}
#hdTeacher{
	padding:0;
	line-height:0em;
	text-align:center;
	z-index:10;
}
#hdTeacher img{
	width:60%;
	max-width:425px;
	vertical-align:bottom;
}
.hdImg{display:block; margin:0 auto; padding:2% 5%;}
.hdImg li{
	display:inline-block;
	text-align:center;
	width:32%;
}
.hdImg li img{
	width:95%;
	max-width:300px;
	vertical-align:baseline;
	transition: all 0.5s ease-out;
  -webkit-transition: all 0.4s ease-out;
	-webkit-animation-delay:100s;
    animation-delay:100s;
    animation: roC 5s ease-in-out alternate infinite;
    -webkit-animation: roC 5s ease-in-out alternate infinite;
}
@keyframes roC {
	from{-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);}
	to{-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);}
}

/*Header 版頭標題*/
#hdTitle{
	padding:2% 0;
	text-align:center;
	position:relative;
	/*order: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;*/	
}
#hdTitle img.hd1{max-width:480px; width:90%; z-index:50;}

/*Header 浮動*/
@keyframes rr {
    from { transform: rotate(0deg) translateX(-60px) rotate(0deg); }
    to   { transform: rotate(30deg) translateX(30px) rotate(-45deg); }
}

.prize{
	display:block;
	width:90%;
	max-width:420px;
	margin:10px auto 75px auto;
	position:relative;
}
.prize p{
	color:#EA6050;
	display:block;
	text-align:left;
	font-size:20px;
	border:2px solid #EA6050;
	padding:10px;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.prize p b{font-weight:bold; font-size:1.15em;}
.prize p em{
	display:block;
	color:#333;
	font-size:18px;
	padding-top:5px;
}
.prize p em:before{
	display:inline-block;
	content:"★";
	color:#EA6050;
}
.prize img.pizza{
	max-width:160px;
	width:30%;
	display:inline-block;
	position:absolute;
	z-index:0;
	top:0;
	right:-30px;
	animation:food 4s linear infinite ;
	-webkit-animation: all 3 ease-out;
	-webkit-animation:food 4s linear infinite ;/*大寫LION連結下面keyframes*/
}
@-webkit-keyframes food
	{
		0% {-webkit-transform: translateY(0px);}
		25% {-webkit-transform: translateY(10px);}
		50% {-webkit-transform: translateY(0px);}
		75% {-webkit-transform: translateY(8px);}
		100% {-webkit-transform: translateY(0px);}
	}


/**/
.hdWord{
	clear:both;
	line-height:0em;
	text-align: center;
	margin:0 auto;
	padding:10px 0;
	/* width:90%; */
}
.hdWord h1{
	display:block;
	font-size: 1.75rem;
	font-weight: 900;
	/* font:normal bold 2rem Arial, Helvetica, sans-serif, "微軟正黑體"; */
	text-shadow:3px 3px 0px rgba(25,25,25,.75);
	color:#FFF;
	margin: 0 auto 50px auto;
	position:inherit;
	left:inherit;
}
.hdWord h1 b{
	display:block;
	font-size: 3.75rem;
	line-height: 2em;
	letter-spacing:-2px;
}
.hdWord h1 em{font-size:2rem; color:#000; text-shadow:3px 3px 0px rgba(255,255,255,.75); display:block;}
.hdWord h1 i{width:96px; min-height:96px; display:inline-block;}
.i-loser{
	background-image:url(images/2020012102.png);
}

.hdWord p{font-size: 1.15rem;font-weight: 500;line-height:1.5em;text-align:left;display:block;width: 90%;margin: 10px auto;padding:0 15px;border:3px groove #999;background:rgba(0,0,0,.75);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.hdWord p em{font-weight:normal; font-size:0.85rem;}
.hdWord p.dis{font-size:24px; color:#339;}
.hdWord p span{display:block;}
.hdWord p strong{color:#ef271d; font-size:1.5em;}

.hdWord p .btn{padding:5px 10px; margin:0 auto 10px auto;}
img.word-line{max-width:650px; width:90%; margin:10px auto;}

/*按鈕清單*/
.apply{padding:2% 0; line-height:0em; margin:0 auto; text-align:center;}
.apply .btn{font-size:1.25em; line-height:1.5em; margin:0 5px; padding:15px 10px; max-width:325px; width:80%;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.apply .btn-brown-saddle{ display:block; margin:0 auto; width:90%; max-width:480px; font-weight:bold; font-size:1.325em;}

p.dayline{ display:block; text-align:center; background:#C30;border-radius:50%; max-width:180px; margin:0 auto; padding:5% 0;}
p.dayline b.day{color:#FFF;font-size:1em;}

/**/
.doll{padding:0; text-align:center; margin:0 auto;}
.doll img{display:inline-block; width:45%; border:3px groove #AF253C; max-width:250px;}
.doll p{font-size:15px; color:#AF253C; padding:0;}

/**/
#count{
	  text-align: center;
	  background: #FFF;
	  display: flex;
	  padding: 1.25% 5%;
	  text-align: center;
	  max-width: 1280px;
	  margin: 0 auto;
}
.timer{line-height: 0em;margin: 0 auto;width: 100%;}
.timer span {
    display: block;
    max-height: 50px;
}

.timer span strong {
    display: inline-block;
    float: right;
}
.timer p{color:#40220F;font-weight: 500;font-size: 1.275rem;text-align: center;display: block;}
.timer span.b1,.timer span.b2,.timer span.b3,.timer span.b4{
	display:inline-block;
	margin: 0 0 0 1.5%;
	float:right;
}
.timer iframe{
	width:100%;
	max-width:45px;
	vertical-align:middle;
	overflow:hidden;
	min-height:45px;
}
.timer strong{color: #1F3864;font-size: 1.275rem;font-weight: 500;line-height: 1.25em;display: block;vertical-align:middle;/* margin:0 auto; */}


/**/
#hdFoot{text-align:center; padding:5px 0; margin:-10px auto 0 auto; background:rgba(2,99,46,.92);/*#E7372F*/; z-index:20; clear:both;}
.metBt{padding:0 3.75%; margin:0 auto; list-style-type:none; max-width:1600px; display:block; }
.metBt li{}
.metBt li a{
	color:#FFF;
	font-size: 1rem;
	letter-spacing:-1px;
	text-align:center;
	text-decoration:none;
	line-height:1.25em;
	border:1px solid #FFF;
	display:block;
	margin:0 auto 10px auto;
	min-height:50px;
	padding:10px 3px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.4s ease-out;
	/*color:#022835;
	background:#FFF;
	border:3px solid #D83A3A;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-top-right: 20px;*/
}

.metBt li strong{color:#FC0; display:block;}
.metBt li em{
	color:#FF0/*#E86464*/;
	font-size: 1.375rem;
	font-weight: 500;
	display:block;
	line-height: 1.5em;
	padding:0;
}
.metBt li a:hover,.metBt li a.on,.metBt li.on{
	border:4px solid #F29600;
	position:relative;
	top:2px;
	left:1px;
	box-shadow:0px 0px 10px rgba(112,28,2,.35);
}
.metBt li a:hover strong{color:#099;}
.metBt li i{display:inline-block; vertical-align:middle; width:48px; height:32px; margin-left:15px;}
/*按鈕圖標*/
i.i-click{background-image:url(../images/icon-arrow-l01.png);}

/*==HEADER==*/
@media screen and ( min-width: 480px ){
	.hdWord h1 b{font-size:4.25rem;}
	.timer strong{display:inline-block;}
}
@media screen and ( min-width: 768px ){
	.hideWord span{font-size:13px;}
	.headerWrap{background-position:center bottom;}
	.hdMain{max-width:1600px;}
	#hdTeacher{padding:100px 0 0 0;}
	#hdTeacher img{max-width:475px; width:90%;}
	.hdWord p span{display:inline;}
	.hdWord h1 i{width:200px;}
	/**/
	.metBt li strong{font-size:1.25em;}
	.metBt li b{display:block;}
	.metBt li a{
		width:32%;
		display:inline-block;
		margin:0 0 0 1.25%;
	}
}

@media screen and ( min-width: 1024px ){
	.headerWrap{background:url(images/2020012100.jpg) #037DBD center -10px no-repeat;}
	#hdTeacher{padding:0 0 50px 0;}
	.hdMain{padding-bottom:80px;}
	.hdWord{margin: 0 0 0 10%;text-align:left;}
	.hdWord p{max-width: 720px;padding: 1.25% 5%;}
	.hdWord h1 em{font-size:2.5rem; padding-left:25px;}
	.hdWord h1{font-size:2.5rem;}
	.hdWord h1 b{font-size:4.25rem;}
	#hdFoot{width:100%; z-index:999;padding:30px 0; margin-top:-50px;}
	.metBt li b{display:inline;}
	.metBt li em{font-size: 2rem;}
	.metBt li a{font-size:1.25em;}
	.timer{max-height:120px;}
	.timer strong{font-size: 1.75rem;letter-spacing:1rem;padding-left: 10px;}
}
@media screen and ( min-width: 1280px ){
	#hdTitle{margin:0 auto; padding:0;}
	.hdWord{margin:2% 0 0 10%;}
	.hdWord h1{font-size:2.75rem;}
	.hdWord h1 b{font-size:4.75rem; display:inline;}
	.hdWord h1 b::after{display:inline-block; content:"，";color:#FFF; letter-spacing:-5px;}
	.hdWord p{font-size:1.5rem; line-height:1.25em; text-align:center;}
	.hdWord p em{font-size:1.25rem;}
}
@media ( min-width : 1420px ) {
	.hdMain{padding-bottom:0;}
	#hdFoot{top:400px;}
	.hdWord h1 b{font-size:5.25rem;}
}
@media ( min-width : 1600px ) {
	.webNav{padding:5px 0 5px 5%;}
	.hdMain{padding:2% 3.75% 0 3.75%;}
	.hdWord h1 b{font-size:5.5rem;}
}


/*================== MAIN ===================*/
.mainWrap{text-align:center; padding:0 0 2% 0;}
.mainWrap h2{
	font-size: 1.75rem;
	font-weight: 700;
	color:#FFF/*#323691*/;
	text-align:center;
	letter-spacing:-1px;
	line-height:1.5em;
	margin:0 auto 2.5% auto;
	padding: 1.25% 2.75%;
	display:block;
	position:relative;
	background:#1F3864;
	min-height:50px;
	position:inherit;
	left:inherit;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}
/*.mainWrap h2:after{
	content:'';
	display:block;
	width:35%;
	max-width:250px;
	margin:5px auto 0 auto;
	border-bottom:2px solid #e65524;
}*/
.mainWrap h2 b{color:#EA6050;}
.mainWrap h2.tit1{background-color:rgba(216,58,58,.85);}
.mainWrap h2.tit2{background-color:rgba(40,149,85,.85);}
.mainWrap h2.tit3{background-color:rgba(67,75,161,.85);}
.mainWrap h2.tit4{background-color:rgba(188,46,44,.85);}

.mainWrap h2 span,.mainWrap h4 span{display:block;}
.mainWrap h3{
	color:#0260A0;
	font-size:1.325rem;
	text-align:left;
	font-weight:bold;
	line-height:1.75em;
	max-width:1280px;
	margin:1.75% auto 1% auto;
	width:95%;
	display:block;
	/*background:#2db3a9;*/
}
.mainWrap h3:before{
	content:"";
	background:url(../images/icon-arrow-right01.png) center center no-repeat;
	background-size:cover;
	display:inline-block;
	width:32px;
	height:32px;
	vertical-align:middle;
	margin-right:10px;
}
.mainWrap h4{
	/* font:normal bold 1.5rem Arial, Helvetica, sans-serif, "微軟正黑體"; */
	font-size: 1.375rem;
	font-weight: 500;
	color:#C63532;
	line-height:2em;
	display:block;
	text-align:center;
}

.mainWrap h2 img{max-width:275px; width:50%; display:block; margin:0 auto;}

.titMark{
	font-size:1.25em;
	font-weight:bold;
	line-height:1.325em;
	text-align:left;
	color:#e65524;
	display:block;
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:10px;
	border-left:5px solid #E86464;
	background:#F7ECCD;
}
.ink{
	color:#4B4B4B;
	text-align:left;
	line-height:0em;
	padding:0;
	margin:0 auto 2% auto;
	display:block;
	max-width:1280px;
	background:rgba(255,255,255,.75);
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ink p{
	font-size:1rem;
	font-weight: 300;
	line-height: 1.75em;
	text-align:justify;
	padding: 15px 0;
}

.ink p em{color:#111; text-decoration:underline;}
/**/
.ink ul,.ink ol{margin:0 auto 10px auto; padding:0 0 0 20px; display:block;}
.ink ul li,.ink ol li{
	font-size:1rem;
	line-height:1.25em;
	text-align:left;
	display:list-item;
}
/**/
.teacWrap{line-height:0em; text-align:left; padding:2% 5%;}
.teacImg img{
	border:2px solid #FCC;
	box-shadow:3px 3px 0px #FCC;
	max-width:120px;
	overflow: hidden;
	background:#FFF;
	-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}
.teacInfo{padding:10px 20px; background:#F7EFE7;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.teacInfo h5{font-size:1.25em; font-weight:bold; color:#000; line-height:2em;}
.teacInfo h5 b{font-size:1.75em;color:#EF3A7F; display:block;}
.teacInfo h5 span{display:block; font-size:1em; line-height:1.25em; margin-bottom:10px;}
.teacInfo ul{padding:0; margin:0 auto;}
.teacInfo ul li{
	font-size:0.925em;
	line-height:1.5em;
	display:list-item;
	list-style-type:none;
	color:#333;
	text-align:left;
}
.teacInfo ul li::before {
    display: inline-block;
    content: "● ";
    color: rgb(225, 27, 78);
    width: 20px;
}

/**/
.teacEvent{border-top:10px ridge #E8606A; padding:0 0 3.5% 0; margin:0 auto; line-height:0; width:100%; overflow:hidden;background:rgba(255,255,255,.5);}
.evenImg{display:block; margin:0 auto 2% auto;}
.evenImg img{display:inline-block; width:50%; float:left;}
.teacE ul{padding:0 5%; margin:0 auto; display:block; max-width:1000px;}
.teacE ul li{
	font-size:1em;
	font-weight:bold;
	color:#C33;
	display:list-item;
	text-align:left;
	list-style-type:square;
	line-height:1.5em;
	margin-bottom:10px;
}


/*感言*/
.honor{font-size:1em; padding:0 0 2.5% 0; margin:0 auto; text-align:center;line-height:1.5em; background:rgba(255,255,255,.8);}
.honorBox{
	background:url(../images/img_wood.jpg) 0 0 repeat;
	padding:2% 5%;
}

.honorBox img{max-width:280px;border:2px solid #D69434; width:90%;}
.honorBox p{color:#3B3B3B; line-height:1.625em; font-size:1.15em; text-align:left; display:block; margin:0 auto; width:95%;}
.honTit b{display:block; color:#8B4513; font-size:1.625em; font-weight:bold;}
.honorBox p .btn{display:block; max-width:300px; margin:0;}

.honor ul{padding:0 2.5%; margin:0 auto; display:block; max-width:1280px;}
.honor li{
	display:block;
	list-style-type:none;
	padding:5px 10px;
	margin:2% 0 2% 2%;
	background:#FFF;
	border:2px solid #D69434;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.honor li h5{ font-weight:bold; color:#600; font-size:1.15rem; padding:8px 0; text-align:center; line-height:1.25em;}
.honor li h5 b{color:#C63532; font-size:1.75rem; line-height:1.5em;}
.honor li h5 strong{color:#C63532; display:block;}
.honor li p{font-size:0.875em;text-align:left; line-height:1.25em;color:#5B5B5B; display:block; padding:0 20px;}

.honor li p,.honor li p b, .honor li h5{display:block; padding:10px 0;}
.honor li p b{font-weight:bold; font-size:1.25em; text-align:center; color:#1B1B1B;}
.honor li p em{display:block;color:#C63532;}
.honor li p a{color:#960; width:inherit; float:inherit; display:block; text-align:center; letter-spacing:-1px;}

.honInf{padding:0;}

/**/
.honor .hon_j{
    display: block;
		background-color:#FFF;
    padding:5px;
		margin:2% auto 0 auto;
    box-shadow: 2px 2px 0 #CC9;
    width: 150px;
    height:150px;
    overflow: hidden;
		background-size:cover;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
}

.honor .hon_l {
    display: block;
    background-color: #FFF;
    padding: 5px;
    margin: 5% auto 0 auto;
    box-shadow: 2px 2px 0 #CC9;
    background-image: url(../2019/images/2019051403.jpg);
    width: 120px;
    height: 120px;
    overflow: hidden;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.honor .img01 {background-position: center 0;}
.honor .img02 {background-position: center 480px;}
.honor .img03 {background-position: center 240px;}
.honor .img04 {background-position: center 360px;}
.honor .img05 {background-position: center 120px;}
/**/
.honor .hon_r p{ padding:0 12px 20px 12px;}
.honor .hon_r p:after{
	clear:both;
	display:block;
	content:"";
}

/*影片介紹*/
.videoWrap{
	line-height:0em;
	text-align:left; 
	padding:5% 0 0 0;
	margin:0 auto 3.5% auto;
	border:5px solid #FFF;
	background:url(images/bg-wall.jpg)0 0 repeat;
	max-width:1100px;
}
.videoWrap h4{color:#178FF0; font:normal bold 1.25em Arial, Helvetica, sans-serif, "微軟正黑體"; line-height:1.75em; display:block; margin-bottom:10px;}
.videoWrap h4 em{color:#FF0; font: italic bold 36px Georgia, "Times New Roman", Times, serif; background:#178FF0; padding:5px 10px;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.videoWrap br{clear:both;}

/**/
.videoYoutu { margin-bottom:10%; float:left;}
.videoYoutu img{border:5px solid #4cc1ce; margin:1.5% auto;max-width:400px;}
.videoYoutu img.video{z-index:150; width:90%;}
.videoYoutu img.icon-play{  border:none; opacity:.65; display:block; width:50%; max-width:180px; z-index:200; position: relative; top:0; margin:-50% auto 15% auto;}
.videoYoutu img:hover{ opacity:1;}
/*影片介紹*/
/*-學員感言-清單-*/
.videoBox{margin:0 auto;line-height:0em; padding:1.25% 2%;/* background:rgba(6,64,85,.85);*/}
/*.videoBox h3{color:#FFF;}
.videoBox h3 b{color:#FF3;}
.videoBox h3:after{border-color:#FFF;}*/
.videoBox ul{padding:0; margin:0 auto; width:90%; max-width:1280px;}
.videoBox li {
	width:100%;
	margin:0 auto 20px auto;
	position: relative;
	list-style-type:none;
	overflow:hidden;
}
/*-學員感言-圖片-*/
.videoBox img, .videoBox li em {
	display: block;
	width:100%;
}
.videoBox li div.boxIMG{width:100%; overflow:hidden; height:175px;}
.videoBox li div.boxIMG img{ margin:-20px 0 0 0;filter: brightness(1.3) contrast(1.1);-webkit-filter: brightness(1.3) contrast(1.1);}
.videoBox li div.boxIMG, .videoBox li a, .videoBox li a:visited {height: 175px;}
.videoBox li a, .videoBox li a:visited {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	display: block;
	height: 180px;
	/*background: url(../images/play2.png) 50% 50% no-repeat;*/
	width:100%;
}
.videoBox li a:hover{background:rgba(0,0,0,0.6) /*url(images/play.png) 50% 50% no-repeat*/;}
.videoBox li p{background:#FFDF43;padding:10px 0;color:#330; font-size:0.825em; text-align:center; line-height:1.5em; border:2px dashed #330;}
.videoBox li p strong{color:#028278;font-size:1.75em;display:block;margin-bottom:7px; }

.videoBox li p.vInfo{background:#EEE; color:#555; font-size:15px; padding:10px 20px; text-align:left;}


/*優惠*/
.disCount{
	margin:0 auto;
	padding:0;
	line-height:0em;
	/* border:3px dashed #000; background:#f8ec00;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;*/
}
.disCount h5{
	display:inline-block;
	color:#ef271d;
	background:#FFF;
	line-height:1.325em;
	font-weight:bold;
	padding:0;
	margin-bottom:10px;
}
.disCount p{
	color:#3B3B3B;
	font-size:1.15rem;
	line-height:1.5em;
	display:block;
	padding:0;
	text-align:center;
	position:relative;
}
.disCount p.dis{font-size:1.75rem;font-weight: 700;text-align:center;}
.disCount p strong{font-weight:bold;color:#C63532; }
.disCount p b{ font-weight:bold; font-size:1.5em;color:#F93;}
.disCount p em{font-size:1.25rem; font-weight:normal;}
.disCount p span{display:block;}
.disCount p .btn{display:block; margin:0 auto; max-width:180px;}
/**/
.courWrap{padding:2% 5%; line-height:0em;}

.courWrap p{
	font-size:1em;
	line-height:1.75em;
	color:#555;
	text-align:left;
	display:block;
	padding:2% 5%;
	margin:0 auto;
	max-width:1280px;
}
/**/
.courInfo{text-align:left;line-height:2em; padding:10px; position:relative;}
.courInfo h3{color:#FFF; text-shadow:none;}
.courInfo h3 b{color:#FF0;}
.courInfo ul{margin:0 auto; width:95%; display:block;}
.courInfo ul li{
	color:#3B3B3B;
	font-size:1.15em;
	line-height:2em;
	display:list-item;
	list-style-type:square;
	text-align:left;
}
.courInfo ul li strong{color:#C63532; font-size:1.25em;}
.courInfo ul li em{font:italic bold 0.925em Georgia, "Times New Roman", Times, serif;color:#C63532;}
.courInfo ul li span{color:#900;padding:0 5px;}
.courInfo ul li b{font-weight:600; color:#000;}
.courInfo ul li .btn{display:inline-block; float:inherit; width:25%; max-width:200px; padding:5px 10px; margin:10px;}
/**/
.courInfo ul.courDis{background:#F7ECCD;}
.courInfo .apply{clear:both;}

/*浮動注意事項*/
.disBox{
	width:100%;
	border:5px groove #960;
	background:url(../images/img_wood.jpg) 0 0 repeat;
	padding:20px;
	margin:0 auto 20px auto;
	max-width:1000px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.disBox h5{
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
    color: #000;
    margin: 1% auto;
    padding: 0 2%;
}
.disBox ol{padding:0; margin:10px auto 0 auto;}
.disBox ol li{
	font-size:0.875em;
	line-height:1.75em;
	color:#630;
	display:list-item;
	text-align:left;
}
.disBox ol li strong{color:#C00;}
/**/
.courWrap img{
	width:50%;
	max-width:250px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.courImg{
	border-top:2px ridge #CCC;
	padding:10px;
	position:relative;
}
.courImg p{font-weight:bold;}
.courImg p.c1{color:#D69434;}
.courImg p.c2{color:#34935B;}
.courImg p.c3{color:#1E7CAF;}
.courImg p.c4{color:#C63532;}
/**/
/**/
ul.courList{padding:0 5%; margin:0 auto;}
.courList li{
	color:#000;
	font-size:1em;
	font-weight:bold;
	list-style-type:none;
	display:inline-block;
	margin-bottom:5px;
	width:48%;
}
.courList li div a{
	line-height:2em;
	padding:5px 0;
	margin:0 auto;
	display:block;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	-webkit-clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}
/**/
.pBox{text-align:center; padding:0 2.5%; line-height:0em;margin:0 auto;}



/**/
.mainTab{line-height:0em; padding:10px 3.75%; margin:0 auto;}
.mainTab p{font-size:1rem; line-height:1.5em;text-align:left;}
.mainTab table{ font-family:Arial, Helvetica, sans-serif, "微軟正黑體"; color:#333; margin:0 auto 10px auto; background:#FFF; width:95%; max-width:1200px; box-shadow:0px 0px 15px rgba(0,0,0,.25);}
.mainTab th,.mainTab td{/*border-bottom:1px solid #F93;*/ text-align:center; vertical-align:middle; padding:5px;line-height:1.5em; }
.courtitle2{color:#C63532;background:#EEE;}
.mainTab th{font-size:1.75em; font-weight:bold;}
.mainTab td{font-size:1em; vertical-align:top;color:#555;}
.mainTab th strong{font-size:28px; font-weight:normal; line-height:1em; letter-spacing:-1px;}
/**/
.mainTab #tab1{border:4px solid #396;}
.mainTab #tab1 th,.mainTab #tab1 td{border-right:1px solid #396;}
.mainTab #tab1 th{color:#34935B; text-align:center; font-size:2.75em;}
.mainTab #tab1 td{text-align:left;}
.mainTab #tab2{border:4px solid #C63532;}
.mainTab #tab2 th,.mainTab #tab2 td{border-bottom:1px solid #C63532;border-right:1px solid #C63532;}
.mainTab #tab2 .btn{
	display:block;
	width:80%;
	max-width:250px;
	margin:0 auto 5px auto;
}
.mainTab #tab2 p strong{color:#2B2B2B; font-weight:bold;}
/**/
.mainTab #tab3{border:4px solid #717DD8;}
.mainTab #tab3 th,.mainTab #tab3 td{border-bottom:1px solid #717DD8;}
.mainTab #tab3 strong{color:#434BA1; font-weight:bold;}

.mainTab img{max-width:250px; width:50%;}
/**/
.mainTab table td a{word-break:break-all; color:#C63532; }
.mainTab table td a.btn,.mainTab table td a.btn:hover{
	color:#FFF;
	font-size:1.325rem;
	display:block;
	margin:10px auto;
	max-width:250px;
	width:80%;
}
.mainTab table td a:hover{color:#C03;text-decoration:underline;}

.mainTab table ul{display:block; padding:0; margin:0 auto;}
.mainTab table ul li{
	font-size:1.15rem;
	display:list-item;
	list-style-type:square;
	line-height:1.5em;
}

/*表格基底*/
.tableWrap{line-height:0em; padding:20px 5%; margin:0 auto; background:#FFF;}
.tabBox{padding:0 2.5%;}
.tableWrap table{ font-family:Arial, Helvetica, sans-serif, "微軟正黑體"; color:#333;border:5px solid #009245/*#b1e0dd*/; margin:0 auto 10px auto; background:#FFF; width:95%; max-width:1180px; box-shadow:0px 0px 15px rgba(0,0,0,.25);}
.tableWrap th,.tableWrap td{ border-bottom:1px solid #009245; text-align:center; vertical-align:middle; padding:5px; line-height:1.5em;}


/*表格標記*/
.courtitle{color:#2db3a9;}
.tableWrap th{font-weight:bold; color:#3B3B3B/*#6fa2da*/;font-size: 1.15em; text-align:left;}
.tableWrap table th em{ font-size:0.875em; color:#555; display:block; font-weight:normal;}
.tableWrap table tr th span{display:block;}
.tableWrap table td em{color:#999; text-decoration:line-through;}
.tableWrap table td strong{color:#E04F4F; font-size:1.25em;}
.tableWrap table td span{color:#F00; font-size:1em;}
.tableWrap table td p{text-align:justify; line-height:1.75em; }
.tableWrap table td p b{ display:inline-block; color:#F06; }
.tableWrap p.courline{color:#C33; font-size:18px; line-height:1.5em; display:block; padding:10px 5%; text-align:left; margin:0 auto; max-width:1000px;}
.tableWrap table td .btn{font-size:1.5rem;text-decoration:none; padding:15px; display:block; width:80%; margin:5px auto;}

.tableWrap ol{padding:0; margin:0;}
.tableWrap ol li{display:list-item; font-size:15px; text-align:left;}

/**/
.tableWrap table div a.iconbt1{background:#55ccaa;}
.tableWrap table div a.iconbt2{background:#E8606A;}
.tableWrap table div a.iconbt1:hover{background:#0ec9d9;}
.tableWrap table div a.iconbt2:hover{background:#fe0c89;}
.tableWrap table div a.iconbt1, .tableWrap table div a.iconbt2{
	text-align:center;
	font-size:0em;
	color:#FFF;
	width:88%;
	max-width:110px;
	margin:0 auto;
	display:block;
	padding:10px 5px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.tableWrap table div a.iconbt1 b,.tableWrap table div a.iconbt2 b{display:none;}
.tableWrap div a i {
    display:inline-block;
    width:28px;
    height:28px;
		margin:0 5px;
		vertical-align:middle;
    background-repeat: no-repeat;
    background-position: center center;
		background-size:cover;
}
.tableWrap table div a i.listen {background-image: url(../images/icon-headphone3.png);}
.tableWrap table div a i.order {background-image: url(../images/icon-order.png);}
/**/
.tableWrap td:nth-child(2),.tableWrap td:nth-child(3){ display:none;}
.tableWrap tbody > tr:hover{
	cursor:auto;
  background-color:#ebfdfb;
}


/*OWL*/
.owlWrap{ padding:2% 0 0 0; line-height:0em; max-width:1280px; margin:0 auto; overflow:hidden; /*background:#f7eec8;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;*/}
#owl-List {
	width:90%;
	max-width:1280px;
	margin:0 auto;
}
#owl-List .item {
	overflow:hidden;
  margin: 5px auto;
	width:96%;
	padding:10px 15px;
	/*border:5px groove #111;
	max-height:350px;*/
}

#owl-List .owl-img{
	  display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 25px auto;
    position: relative;
}
.owl-2 .owl-item img{max-width:215px; margin:0 auto;}
.owl-1 .owl-item img{
	max-width:180px;
	margin:0 auto;
	border:3px solid #FC6;
	background:#FFF;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.item .owl-img .owl-round {
    width: 85%;
    margin: 0 auto;
		max-width:180px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#owl-List .item h4{font-size:1.25rem; display:block; line-height:1.5em; color:#3B3B3B; font-weight:bold; text-align:center;}
#owl-List .item h4 strong{color:#009245;}
#owl-List .item p{ display:block; margin:0 auto; color:#5D5D5D; text-align:left; padding:10px 0; font-size:0.925rem; line-height:1.5em;}
#owl-List .item p:before{
	content:"◆";
	font-size:1rem;
	color:#555;
	display:inline;
}
#owl-List .item .tLine{display:block; text-align:center;
color:#C63532; line-height:2em;}
#owl-List .item .tLine a{display:block; color:#434BA1; font-weight:bold; }
#owl-List .item .tLine a:hover,#owl-List .item .tLine a:active{color:#C63532; }

#owl-List .item .owl-P h5 strong{color:#000; font-size:1.525em; display:block; background:#FF0; margin-top:10px;transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);}
/**/
#owl-List .owl-controls .owl-prev,#owl-List .owl-controls .owl-next {
	width: 45px;
	height: 56px;
	position: absolute;
	top:25%;	
}
#owl-List .owl-controls .owl-prev{left: -6.5%;background:url(../images/icon-arrow.png) left top no-repeat;}
#owl-List .owl-controls .owl-next{right: -6.5%;background:url(../images/icon-arrow.png) right top no-repeat;}

#owl-List .owl-theme .owl-controls .owl-page.active span,
#owl-List .owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}


/**/
.applyBox{ text-align:center; padding:2% 0;}
.applyBox b{color:#FF3;}
.applyBox .btn{font-size:1.25em; font-weight:bold; line-height:1.5em; display:block; width:90%; max-width:600px; padding:15px 10px; margin:0 auto;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
/*============= MAIN ==============*/

/*線上測評*/
.teamsWrap{text-align:center; padding:0 7.5%; line-height:2em; margin:0 auto;color:#5B5B5B;}
.teamsWrap .col{margin-left:1.325%;}
.teamImg{padding:5px 10px; border:2px dashed #00693D; background:#FCF1E1;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.teamImg h5{display:block; line-height:1.5em; font-size:1.25em; font-weight:200; color:#222C30; text-align:left; width:95%; margin:0 auto 10px auto;}
.teamImg h5 strong{color:#06F;}
.teamImg h5 em{color:#00693D; font:italic bold 1.5em Georgia, "Times New Roman", Times, serif;}
.teamImg img{max-width:500px; width:90%;}

.teamsBox{padding: 0 5%;line-height:1em;text-align:center;}
.teamsBox .col{margin:0;}
.teamsBox img {
    display: block;
    width: 82%;
    border: 1px solid #DDD;
    box-shadow: 2px 3px 15px rgba(0,0,0,.12);
    max-width: 850px;
		margin:10px auto;
}
/*Google Form*/
.finForm{padding:0; line-height:0em;}
.finForm iframe{
	min-height:1750px;
}

/*表單文宣*/

.addMember {	
	padding:0;
	line-height:2em;
	border:1px solid #DDD;
	background:#f3f0dd;
	/*background:rgba(255,255,255,.85);
	border-bottom:1px solid #999;*/
}
.addMember .col{margin-bottom:0; margin-left:0;}
.mainWrap .addMember h2{ width:100%; max-width:inherit; margin:0 auto;/* color:#FFF;*/color:#1F3864; background:#FF9; padding-top:20px; line-height:1.25em;}
.mainWrap .addMember h2:after{border:none;}
.mainWrap .addMember h2 em{display:block;color:#4d4d4d; font-size:1.325rem;}
.mainWrap .addMember h2 strong{
	display:inline-block;
	color:#E43828;
	padding:0 5px;
}
/**/
.addInfo{line-height:0em; text-align:left;margin:0 auto; background:#FFF;}
.addInfo h5{font-size:1.75rem; margin:0 auto; line-height:1.5em; padding:10px 0; color:#000; text-align:center;}
.addInfo h5 em{font-size:1.25rem;}
.addInfo h5 strong{background:#E86464; color:#FFF; padding:0 8px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;}
.addInfo img{max-width:220px; width:75%; vertical-align:bottom;}
.addInfo ul{display:block; width:95%; margin:0 auto; padding:0 5%;}
.addInfo ul li{
	font-size:1em;
	display:list-item;
	letter-spacing:-1px;
	list-style-type:square;
	color:#000;
	line-height:1.5em;
	margin-bottom:5px;
}
.addInfo ul li strong{color:#C63532; }

/**/
.addBox{position:relative;}
.addBox p{display:block; color:#F33; font-weight:bold;}
.addBox p span{display:block;}
.addBox img{
	max-width:250px;
	width:50%;
		animation-delay:5s;
-webkit-animation-delay:5s;
    animation: flyhigh 3s ease-in-out alternate infinite;
    -webkit-animation: flyhigh 3s ease-in-out alternate infinite;
}
@-webkit-keyframes flyhigh{
		0% {-webkit-transform: translateY(0px);}
		25% {-webkit-transform: translateY(18px);}
		50% {-webkit-transform: translateY(-5px);}
		75% {-webkit-transform: translateY(10px);}
		100% {-webkit-transform: translateY(0px);}
}

/**/
.benefit{
	display:none;
	overflow:hidden;
	background:#FFF;
}
.benefit p{font:normal normal 18px Arial, Helvetica, sans-serif, "微軟正黑體"; display:block; color:#000; line-height:32px; margin:0 auto 2% auto; max-width:100%;text-align:center;}
.benefit p strong{color:#F00;}
.benefit em{ font-style:normal; color:#C30;}

/*課程優勢-升學類 (直)*/
.benefit li {
	float:left;
	width: 330px;
	height: 120px;
	margin:15px 20px 10px 20px;
	padding-left: 160px;
}
.benefit li strong {
	display: block;
	padding:10px 12px 10px 0 ;
	font: normal 24px/30px "微软雅黑";
	color: #333;
}
.benefit li p{ line-height:25px;}
.benefit li.bg1 {background:url(images/icon_001.png) no-repeat;}
.benefit li.bg2 {background:url(images/icon_002.png) no-repeat;}
.benefit li.bg3 {background:url(images/icon_003.png) no-repeat;}
.benefit li.bg4 {background:url(images/icon_004.png) no-repeat;}

/*課程優勢-公職&其它類 (直)*/
.benefit_pb{
	display:inline;
	float:left;
	width:520px;
	padding:0;
	margin:0;
}
.benefit_pb li {
	float:left;
	width: 330px;
	height: 120px;
	margin:15px 20px 10px 20px;
	padding-left: 160px;
}
.benefit_pb li strong {
	display: block;
	padding:10px 12px 10px 0 ;
	font: normal 24px/30px "微软雅黑";
	color: #333;
}
.benefit_pb li p{ line-height:25px;}
.benefit_pb li.bg1 {background:url(images/icon_007.png) no-repeat;}
.benefit_pb li.bg2 {background:url(images/icon_008.png) no-repeat;}
.benefit_pb li.bg3 {background:url(images/icon_009.png) no-repeat;}
.benefit_pb li.bg4 {background:url(images/icon_010.png) no-repeat;}
/*主表單*/
.form_wrap{
	position:relative;
	z-index:10;
	padding:0;
	margin:0;
	line-height:0em;
}
.form_wrap iframe{width:100%; min-height:420px; overflow:hidden; border:none; display:block;}




/*============= ASIDE ==============*/
/*共用-聯絡資訊*/
.contact{background:#FFF;color:#555;text-align:center;line-height:1em;padding:30px 0;font-size: 1rem;}
.contact span{display:block;}
.contact b{font-size:1em; font-weight:bold;}
.contact .phone{color:#E8606A;font-size:1.325em;font-weight:bold;}
.contact .phone em{display:block; font-size:1.25em;}
.contact .phone a{display:block; font-size:1.325em; line-height:1.5em; color:#E86464; letter-spacing:-1px;}
.contact .date{display:none;font-size:15px; color:#555;}
.contact .date i,.contact .phone i{width:28px; height:28px; margin-right:5px; background-size:cover;}
.i-plan{background:url(../images/icon-plan.png);}
.i-call{background:url(../images/icon-call.png);}
/**/
.lineApp{padding:0; text-align:center;}
.lineApp p{font-size:1.425em;font-weight: 500;}
.lineApp p span{font-size:0.825em;display:block; font-family:"Arial Black", Gadget, sans-serif;}
.lineApp a{color:#3C0; display:block;}
.lineApp a:hover,.lineApp a:active{background:#3C0; color:#FF6;}
.lineApp i{height:48px; width:48px; vertical-align:middle;}
.icon-line{background-image:url(../images/icon-line.png);}

/*頁尾固定選單*/
.s_nav{
	width:100%;
	background: rgba(5,67,94,.85);
	position: fixed;
	bottom:0;
	z-index: 500;
	padding:0;
	margin:0;
	visibility:hidden;
}
.s_nav1{
	visibility:visible;
}
.nav_m{margin:0 auto; text-align:center; max-width:1000px;}
.nav_m a{
	display:inline-block;
	width:25%;
	font-size:1rem;
	text-decoration:none;
	color:#FFF;
	padding:12px 0;
	margin:0;
	float:left;
}
.nav_m a.line{border-right:1px solid #FFF;}
.nav_m a:hover,.nav_m a:active{
	color:#FF6;
	background:rgba(2,40,53,.9);
}
@media ( min-width : 600px ){
	.contact span{display:inline;}
}
@media ( min-width : 768px ) {
	.nav_m a{font-size:1.5rem;}
	.contact .phone em,.lineApp p span{display:inline; margin-left:20px;}
}
/**/
#fb{
	display:none;
}
#pagetop {
display: none;
position: fixed;
right: 0;
bottom: 25%;
z-index:10000;
}
/*============= FOOTER ==============*/
.footWrap{
	color:#FFF;
	padding:1.75% 0 100px 0;
	font-size: 13px;
	font-weight: 300;
	line-height:2.25em;
	background:#009245;
}
.footWrap a,.footWrap a:visited{color:#FF6; font-weight:bold;}
.footWrap a:hover,.footWrap a:active{color:#FC0;}
.footWrap span{display:block;}

@media ( min-width : 480px ) {
	.videoBox li{width:320px;}
	.videoBox li div.boxIMG,.videoBox li a, .videoBox li a:visited{height:200px;}
	/*====*/
	.footWrap span,.tableWrap table tr th span{display:inline;}
}
@media ( min-width : 600px ) {
	.mainWrap h2{margin-bottom:1.25%;font-size: 2.25rem;}
	.mainWrap h3{font-size:1.75rem;}
	.mainWrap h4 span{display:inline;}
	.mainWrap h2 img{margin:0 0 0 70%; width:25%;}
	/**/
	.evenImg img{ width:25%;}
	.tableWrap table div a.iconbt1, .tableWrap table div a.iconbt2{ width:75%;}
	.tableWrap th{font-size:1.25em;}
	/**/
}
/*表格RWD變形*/
@media only screen and (max-width: 768px) {
	.mainTab #tab1 thead,.mainTab #tab2 thead{display:none;}
	.mainTab #tab1 th,.mainTab #tab1 td,.mainTab #tab2 th,.mainTab #tab2 td{display:block; padding:3px 8px; }
	/*.mainTab #tab1 th{background:#F7ECCD;}*/
	.mainTab #tab1 td{border-bottom:1px solid #34935B;}
	.mainTab #tab2 td{border-bottom:1px solid #C63532;}
	.mainTab #tab1 tr td:before{color:#34935B;}
	.mainTab #tab2 tr td:before{color:#2B2B2B;}
	.mainTab #tab1 tr td:before,.mainTab #tab2 tr td:before {	
		font-size:2em;
		font-weight:bold;
		text-align:center;
		line-height:2em;
		padding:0 3px;
    content: attr(data-th) " ";
		display:block;
		width:100%;
	}
	
}
/*@media only screen and (max-width: 600px) {
.tableWrap table tr th{ text-shadow:1px 1px 2px #fff; display:block;}
.tableWrap table tr td{border:none;}
}
@media only screen and (max-width: 768px) {	
	.tableWrap table thead{display:none;}
	.tableWrap table tr th{ padding:8px 0; border-top:2px solid #b1e0dd; letter-spacing:-1px;}
	.tableWrap table tr td{display:block; padding:3px 8px; font-size:1.15em; }
	.tableWrap table tr td:before {
		color:#F63;
		border-top:1px solid #b1e0dd;
		font-size:1.5em;
		line-height:2em;
		padding:0 3px;
		margin-right:10px;
    content: attr(data-th) " ";
		display:block;
}
	.tableWrap table td p{display:block;}
}*/
@media ( min-width : 768px ) {
	.disCount{padding:2% 5%;}
	.disCount p{font-size:1.325rem; line-height:1.75em;}
	.disCount p.dis{font-size:2.25rem;}
	.disCount p span{display:inline;}
	p.dayline{position:absolute; right:15%; top:5%; padding:20px; line-height:1.25em;}
	/*==MAIN==*/
	.mainWrap h4{font-size:1.25em;}
	.doll img{width:23.5%;}
	/**/
	.courWrap img{width:100%; margin:0;}
	.courImg{border-top:none;border-right:2px ridge #CCC;}
	.courList li{width:23.75%;}
	.honor li{display:inline-block; float:left; width:47%; margin:0 1.5% 1% 1.5%;}
	.videoBox ul{width:95%;}
	.videoBox li{ float:left; display:inline-block; width:32%; margin:0 0 0 1.25%;}
	.videoBox li div.boxIMG, .videoBox li a, .videoBox li a:visited {height: 135px;}
	.videoBox li div.boxIMG img {margin: -15px 0 0 0;}
	.videoBox li p{font-size:20px;}
	/**/
	.mainTab #tab2 .btn{width:45%; display:inline-block;}
	.tableWrap tr th{width:25%;}
	.tableWrap td.thW{width:48%;}
	.tableWrap tr td span{ white-space:nowrap;}
	.tableWrap table tr td {display:table-cell;}
	.tableWrap td:nth-child(2){ display: table-cell;}
	/**/
	.goods_con{display:inline-block; width:33%; float:left;}
	.goods_con h4{font-size:24px; padding:15px 0 0 0;}
	.goods_con p{text-align:left;}
	/**/
	.benefit {
    display: block;
    width:95%;
    max-width: 250px;
    background-size: 100%;
		background-color:#EEE;
    min-height: 250px;
    padding:0;
}
	.benefit h4 {
    color:#FFF;
    display: block;
    background:#C63532/*#E53828*/;
    line-height: 1.25em;
    font-weight: bold;
    font-size: 2em;
    padding: 15px 0;
    margin-bottom: 10px;
		width:inherit;
}
	.benefit p.dis{font-size:0.875em; color:#000; display:block; margin-top:12px; text-align:center;}
	.benefit i{width:32px; height:32px; vertical-align: middle; margin:0 5px 0 0;}
	.icon-signal{background-image:url(../images/icon-signal.png);}
	.form_wrap iframe{max-width:850px;}
	/*==FOOTER==*/
	#pagetop{display:block;}
	/*#pagetop img{size: inherit;}*/
	#fb{
	display:block;
	position:absolute;
	right:2%;
	top:7.5%;
}
}

@media ( min-width : 960px ) {
	.apply a{font-size:1.625em;}
	.disCount{ text-align:center; padding:1.5% 0;}
		/**/
	.mainWrap h2{font-size:2.75em;}
	.mainWrap h2 span{display:inline;}
	.ink p,.ink ul li,.ink ol li{font-size:1.325rem;/* line-height:1.5em; */}

.teamsBox {
    padding: 1.25% 10%;
}
	.teacBox{padding:5% 0 0 0;}
	.teacher img.noh{margin:2.5% 0 0 0;}
	.teacIntro img.noh-book{position:absolute; right:-30px; width:50%; top:200px;}
	.teacE ul{margin:2% auto 0 auto;}
	.teacE ul li{font-size:1.325em; line-height:1.25em;}
	.applyBox .btn,.apply .btn{font-size:1.5em; font-weight:normal; line-height:1.25em;}
	.prize h5{font-size:1.25em;}
	.prize h5 b{display:inline;}
	.courInfo ul li{font-size:1.25em; line-height:1.75em;}
	.honor li h5 strong{display:inline; letter-spacing:-1px;}
	.videoBox li div.boxIMG,.videoBox li a, .videoBox li a:visited{height:185px;}
	/**/
	.tableWrap table th,.tableWrap table td strong{font-size:1.5rem;}
	.goods{width:99%; padding-left:1%;}
	.goods_con{width:30%; margin-left:3%;}
}
@media ( min-width : 1024px ) {
	/*==MAIN==*/
	.mainWrap h4{font-size:1.75em;}
	.mainWrap .titMark{font-size:1.425em; font-weight:bold; padding:20px 15px; line-height:1.75em;}
	.mainWrap h2 img{width:20%; position:absolute; top:-135px; margin:0;}
	.mainWrap h2 img.titImg1{right:0;}
	.mainWrap h2 img.titImg2{left:50px;}
	.courVideo{float:left; width:50%; margin:5% auto 0 auto;}
	.teacher img.noh{margin:0;}
	.honor li p{line-height:1.5em; font-size:1em;}
	.honor .hon_l{display:inline-block; float:left; margin:0 10px;}
	/**/
	.tableWrap #tableWrap1 td.cour-info,.tableWrap #tableapply td.cour-info{width:32%;}
	.tableWrap table th em{display:inline;}
	.tableWrap td:nth-child(3){ display: table-cell;}
	/**/
	.addMember{padding:1% 0;}
	.addInfo {padding: 0 12%;}
	.addInfo ul{max-width:inherit; padding:0;}
	.addInfo ul li{font-size:1.25rem; text-align:center;}
	.benefit{
		float:right;
	}
}
@media ( min-width : 1280px ) {
	marquee.talk{font-size:2.5em;}
	.mainWrap .prize{max-width:850px; margin:10px auto 20px auto;}
	.mainWrap .prize p{font-size:2em;}
	.mainWrap .prize img{right:-160px; top:-50px; max-width:200px;}
	/**/
	.mainWrap h2{font-size:3em;}
	.mainWrap h3{font-size:2rem;}
	.honor li h5{ padding:8px 0 0 0; font-size:1.5rem; line-height:2em;}
	.honor .hon_j{
		width:200px;
		height:200px;
}
	.videoBox li div.boxIMG,.videoBox li a, .videoBox li a:visited{ max-width:480px;}
	.videoBox li div.boxIMG img {margin: -35px 0 0 0;}
	/**/
	.mainTab img{float:right; width:100%;}
	.mainTab p{font-size:1.25rem; line-height:1.625em;}
	.mainTab #tab2 .btn{width:24%;}
	.courWrap p{font-size:1.15em;}
	.courImg p{position:absolute; top:5%;right:15px; font-size:1.325em;}
	.courInfo ul li span{display:inline;}
	.courList li{width:19%; font-size:1.25em;}
	/**/
	.tabBox{padding:0 5%;}
	.tableWrap th,.tableWrap td{padding:8px 5px;}
	.tableWrap table td strong{font-size:2em; line-height:1.5em;}
	.tableWrap table td p b{display:block;}
	.tableWrap table .cour-tit{width:28%;}
	.tableWrap table .cour-info{width:32%;}
}
@media ( min-width : 1420px ) {
	.mainWrap h2{font-size:3.25em; line-height:2em;}
	.mainWrap h2 img.titImg2{left:10%;}
	.mainWrap h2 img.titImg1{right:3.5%;}
	p.dayline{right:22%;}
	/**/
	.teacWrap{padding:0 15%;}
	.courWrap,.mainTab,.teamsWrap{padding:2% 10%;}
	.teacE ul li{font-size:1.5em;}
	/**/
	.addInfo h5{font-size:2.5rem;}
}
@media ( min-width : 1600px ) {
	.courWrap{padding:0 10%;}
	.teacBox{max-width:1580px;}
	p.dayline{right:30%;}
}