@charset "utf-8";
/* IMPORT RESET */
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("../css/reset.min.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: 2021-03-25
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;*/
}


/*===== 共用 ======*/
h6{
	position:absolute;
	left:-1000em;
}
ul,ol{
	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;}
/*---反白色差--------------*/
::selection {
	background:#708090;
	color: #EEE;
}
::-moz-selection {
	background:#708090;
	color: #EEE;
}
/*==========     ===============*/ 
/**/
.gutters .col {
	margin-bottom:2%;
}
/**/
.aMove1{
	animation-delay:5s;
-webkit-animation-delay:5s;
    animation: BGBG 1s ease-in-out alternate 1;
    -webkit-animation: BGBG 1s ease-in-out alternate 1;
	}
.aMove2{
	animation-delay:3s;
-webkit-animation-delay:3s;
    animation: BGBG 2s ease-in-out alternate 2;
    -webkit-animation: BGBG 2s ease-in-out alternate 2;
	}
.aMove-round{
	animation-delay:5s;
-webkit-animation-delay:5s;
    animation: BGBG 3s ease-in-out alternate infinite;
    -webkit-animation: BGBG 3s ease-in-out alternate infinite;
}
.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:text-bottom; background-size: cover; margin:0 auto;}
/*============= HEADER ==============*/
.conWrap{
	background:#fff;
}
header, main, footer{width:100%;}
header article{line-height:0em;}
.leftWrap{
		line-height:0em;
		padding:45px 0 0 0;
		overflow:hidden;
		text-align:center;
		background: url(images/2021032500.jpg) center bottom no-repeat;
		background-size:cover;
		display: flex;
		flex-wrap:wrap;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
}
.logo{ max-width:24px; margin-right:20px;}
/*Header Nav 導覽列*/
.headerWrap{position:fixed;top:0; z-index:1000;}
.webNav{
	line-height:0;
	font-size:11px;
	color: #2b2b2b;
	background: #afdcf3;
	/*background:rgba(92,130,229,.9);
	text-shadow:1px 1px 1px #000;*/
	padding:1px 0 2px 5%;
	text-align:left;
}
.webNav img{vertical-align:middle; display:inline; margin:0 2%; max-width:24px;}
.webNav a,.webNav a:visited{color: #4988b1;text-decoration:underline;}
.webNav a:hover,.webNav a:active{color:#243b77;}
.hideWord{padding-top:10px;}
.hideWord span{font-size:0;}
/*Header Main 版頭內容*/
.hdMain{
	padding:0;
	line-height:0em;
	margin:0;
	text-align:center;
	/*display: flex;
	flex-wrap:wrap;
	display: -webkit-flex; 
  -webkit-flex-wrap: wrap;*/
}
#hdTeacher{
	/* margin-bottom:2.75%; */
	margin: 0;
	padding:0;
	order:2;
	-ms-flex-order: 2;
	-webkit-order:2;
}
#hdTeacher img{max-width: 600px;width:60%;vertical-align:bottom;margin: 0 0 0 2.5%;}

/*Header 版頭標題*/
#hdTitle{
	padding:3% 0 0 0;
	margin:0 auto;
	z-index:11;
	order: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;	
}
#hdTitle img{max-width:700px; width:90%;}

.fly{
		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(25px);}
		50% {-webkit-transform: translateY(-10px);}
		75% {-webkit-transform: translateY(20px);}
		100% {-webkit-transform: translateY(0px);}
}
#hdTitle h1{
	color: #000;
	font-weight:bold;
	display:block;
	font-size: 1.5rem;
	font-weight: 500;
	/* font: normal normal 1.5rem Arial, Helvetica, sans-serif, "Noto Sans TC", "微軟正黑體"; */
	line-height:2em;
}
#hdTitle h1 b{color: #243b77;font-size: 1.375em;font-weight: 900;display:block;line-height: 1.25em;letter-spacing:-2px;}

/**/
.hdWord{
	color:#000;
	text-shadow:0px 0px 5px rgba(255,255,255,.75);
	width:90%;
	margin:0 auto;
	padding:2% 0;
	line-height:0em;
	text-align:center;
	color:#000;
	z-index:10;
	/* background:rgba(255,255,255,.45); */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.hdWord p{
	/* font:normal 300 1.15rem Arial, Helvetica, sans-serif, "Noto Sans TC", "微軟正黑體"; */
	font-size: 1.15rem;
	font-weight: 300;
	display:block;
	line-height:1.5em;
	padding:10px 15px;
}

.hdWord p strong{color: #a7191f;}
.hdWord .btn{
	font-size:1.15rem;
	line-height:1.25em;
	display:block;
	margin:0 auto;
	padding:15px 10px;
	max-width:400px;
	-webkit-border-radius: 50px;
-moz-border-radius:50px;
border-radius:50px;
}
.hdWord .btn b{display:block; font-size:1.5rem;}

/**/
.countTime{/*background:rgba(255,255,255,.25);*/color:#000; text-align:center; max-width:1280px; margin:0 auto;text-shadow:2px 2px 3px #FFF;}
.countTime iframe{ display:inline-block; vertical-align: middle; width:100%; max-width:150px;-webkit-transform-origin: left bottom;
	 -moz-transform-origin: left bottom;-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg); margin:0 0 0 10px;}
.countTime span{display:block;}
.countTime span.timer{
	display:inline;
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	 -moz-transform-origin: left bottom;
	 	animation-delay:3s;
-webkit-animation-delay:3s;
    animation: count 1s ease-in-out alternate infinite;
    -webkit-animation: count 1s ease-in-out alternate infinite;
}
.countTime p{font-size:1.25em;}
.countTime p b{color:#d4145a; font:bold;}


@keyframes count {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
		opacity: 0.5;		
	}
}
.metBt{padding:30px 0;margin:0;list-style-type:none;position:relative;min-height:50px;}
.metBt ul{max-width: 900px;width:95%;margin:0 auto;list-style-type:none;display:block;}
.metBt ul li{position:relative;}
.metBt ul li a:before{
	  position: absolute;
	  content: "";
	  width: 15px;
	  height: 15px;
	  margin-top:10px;
	  border-bottom: 6px solid #e3d348;
	  border-right: 6px solid #a7191f;
	  right:25px;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
}
.metBt li a{
	display:block;
	margin:0 auto 10px auto;
	font-size: 1.15rem;
	font-weight: 300;
	text-align:center;
	text-decoration:none;
	padding:10px 5px;
	color:#FFF;
	background: #243b77;
	border: 2px solid #85bfc3;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}
 .metBt li a:hover,.metBt li a.on,.metBt li.on{background:rgba(4,65,184,.85); position:relative; top:-8px;}
 .metBt li strong{color: #e3d348;font-size:1.325em;}
#hdTitle .metBt img{width:50%; max-width:200px; top:0; right:5%;position:absolute;}

@media ( min-width : 480px ) {
	/*==HEADER==*/
	.hdWord h4 em,.hdWord ul li span{display:inline;}	
	#hdTeacher{/* margin-bottom:2%; */}
}
@media ( min-width : 600px ) {
	.hideWord span{font-size:13px;}
}
@media ( min-width : 768px ) {
	/*==HEADER==*/
	#hdTitle{
	order:2;
	-ms-flex-order: 2;
	-webkit-order:2;}
	#hdTeacher{
	order:1;
	-ms-flex-order: 1;
	-webkit-order:1;
}
	#hdTeacher img{width: 100%;margin:0 auto;padding-top: 50px;}
	.leftWrap,.rightWrap{margin-bottom:0; margin-left:0; width:100%;}
	#hdTitle h1 b{font-size:1.625em;}
	.hdWord{width:95%;padding: 0;}
}
@media ( min-width : 960px ) {
	#hdTitle h1{font-size:1.75rem;}
	.hdWord p{font-size:1.25em;}
	.metBt li a {font-size: 1.5rem;line-height: 1.25em;}
}
@media ( min-width : 1280px ) {
	/*==HEADER==*/
	.webNav{width:50%;}
	.leftWrap,.rightWrap{ width:50%;}
	.leftWrap{position: fixed;left:0;height:100%;min-height:768px;background-position: center bottom;}
	.rightWrap{float:right;padding: 1.75% 0 0 0;}
	#hdTitle,#hdTeacher{width:100%;}
	#hdTitle{
			padding: 0;
			order:1;
			-ms-flex-order: 1;
			-webkit-order:1;
			}
	#hdTeacher{
		order:2;
	-ms-flex-order: 2;
	-webkit-order:2;
}
	#hdTeacher img{margin: 1.75% 0 0 2.5%;padding: 0;width:75%;max-width: 500px;}
	#hdTitle .metBt img{width:75%; max-width:250px;}
	#hdTitle h1 b{font-size:2em;}
	.metBt{width:82%;margin:0 auto;padding:2.75% 0 0 0;min-height:inherit;}

.metBt li a {
    display: inline-block;
    /* width: 48%; */
}
}
@media ( min-width : 1500px ) {
	.hdWord{padding:0;}
}

/*================== MAIN ===================*/
.mainWrap{
	text-align:center;
	padding:0;
}
.mainWrap .col{margin-left:0; margin-bottom:0;}
.mainWrap h2{
	/* font:normal 700 1.325rem Arial, Helvetica, sans-serif, "Noto Sans TC", "微軟正黑體"; */
	font-size: 1.325rem;
	font-weight: 700;
	color: #243b77;
	margin-bottom:2.5%;
	text-align:center;
	line-height:1.5em;
	letter-spacing:-1px;
}
.mainWrap h2 b{color: #a7191f;display:block;font-size:1.5em;}
.mainWrap h2 strong{color: #a7191f;font-size:2em;font-style:italic;}
.mainWrap h2 em{display:block; font-size:1em; color:#e4036a;}
.mainWrap h2 span,.mainWrap h4 span,p.titDist span{display:block;}

.mainWrap h2:after{
	color: #c3dae6;
	font-size:12px;
	line-height:1.5em;
	letter-spacing:2px;
	content: "SENIOR HIGH SCHOOL";
	display: block;
	padding:0;
	border-top: #c3dae6 3px solid;
	width: 75%;
	margin:0 auto;
	text-align: center;
}
.mainWrap h2 a{color:#F39;}

.mainWrap h4{font-size:20px; margin:0 auto 10px auto; padding:0; line-height:1em;}
.mainWrap h4 strong{display:inline-block;padding:5px 10px;box-shadow:inset 1px 1px 2px #FFC;background: #a7191f;}

/*共用*/
.mainWrap .btn {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.bg-gray{background: url(../images/bg_symbol.jpg);}
/*霓虹*/
p.titDist{text-align:center; line-height:1.5em; text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 45, 149) 0px 0px 20px, rgb(255, 45, 149) 0px 0px 30px, rgb(255, 45, 149) 0px 0px 40px, rgb(255, 45, 149) 0px 0px 50px, rgb(255, 45, 149) 0px 0px 75px; }

/*按鈕區塊*/
.apply{clear:both; max-width:800px; margin:0 auto; padding:10px; display:block;}
.apply h3:after{display:none;}
.apply p{text-align:left; font-style:1.25em; font-weight:bold; color:#000; display:block; padding-left:20px;}
.apply p strong{color:#F00;}
.apply a.line-a{font-size:2em; line-height:2em; max-width:320px;}
.apply a.line-a:hover{position:relative; top:3px; left:2px;}
.apply .btn{font-size: 1.25rem;padding: 5px 20px;}
.apply .btn i{width:42px; height:42px; vertical-align:middle;}
.apply .btn i.i-click {background-image: url(../images/icon-y014.png);}
.apply .btn i.i-audio {background-image: url(../images/icon-headphone2.png);}
.apply .btn i.i-line {background-image: url(../images/icon-line.png);}

/**/
.mainTab{text-align:left; font-size:1.15rem; color:#4B4B4B; padding:2.5%; margin:0 auto; background-color:#FFF; }
.mainTab th h3{color:#2B2B2B;text-align:center; font-weight:bold; font-size:1.5rem; line-height:1.5em; display:block;}
.mainTab th h3 b{display:block; line-height:2em; font-size:2rem; white-space:nowrap;}
.mainTab th h3 em{font-weight:normal;color: #4988b1;}

.mainTab table{background:#FFF;border: 3px dashed #4988b1;margin:2% auto;font-size:1rem;width:95%;}
.mainTab th, .mainTab td{letter-spacing:-1px;border-bottom: 1px dashed #4988b1;text-align:center;vertical-align:middle;padding:2px 5px;line-height:1.5em;display:table-cell;}
.mainTab th{font-weight:bold; color:#039;}
.mainTab strong{color:#E8464D;}

.mainTab ul{text-align:left; list-style-type:disc; margin:0 0 0 2%; padding:2% 0;}
.mainTab ul li{
	font-size:1.15rem;
	font-weight: 300;
	display:list-item;
	line-height:1.5em;
	list-style:none;
}
.mainTab ul li:before{
	content:"";
	display:inline-block;
	background:url(../images/icon-check1.png) center 0 no-repeat;
	background-size:cover;
	width:32px;
	height:24px;
}

/*表格基底*/
.tableWrap{line-height:0em; text-align:center; padding:20px 0; margin:0 auto;}
.tableWrap h4{clear:both;}
.tableWrap table{font-family:Arial, Helvetica, sans-serif, "微軟正黑體";color:#333;border: 6px solid #EEE;margin:0 auto;background:#FFF;width:90%;max-width:1000px;box-shadow:0px 0px 10px #CCC;-webkit-box-shadow:0px 0px 10px #CCC;-moz-box-shadow:0px 0px 10px #CCC;}
.tableWrap th,.tableWrap td{ border-bottom:1px solid #CCC; border-left:1px solid #CCC; text-align:center; vertical-align:middle; padding:2px 5px; line-height:1.5em;}

/*表格標記-變版隱藏欄位*/
.tableWrap .tab1 td:nth-child(2),.tableWrap .tab1 td:nth-child(3){
	font-size:0px;
	display: table-column;
	}
	.disTab{ color:#000; line-height:2em; font-weight:bold;}
	.tableWrap table td .disTab p{font-weight:bold; font-size:1.5em; text-align:center; color:#000; display:block; max-width:220px; margin:0 auto;}

.tableWrap table td .disTab em {
    color: #a7191f;
    letter-spacing: -1px;
    font-size: inherit;
    text-decoration: none;
}
/*表格標記*/
.courtitle{background: #afdcf3;color:#333;}
.courtitle2{color:#039;}
.tableWrap th{color:#000;font-size: 1.25em; font-weight:bold;}
.tableWrap th em {
	font-size:1em;
    display: block;
    font-weight: normal;
    color: #333;
}
.tableWrap th a{color:#725b4b;text-decoration:underline;}
.tableWrap th a:hover,.tableWrap th a:active{color:#111;}
.tableWrap table tr th span{display:block;}
.tableWrap table td em{color:#666; text-decoration:line-through;}
.tableWrap table td strong{color: #a7191f;font-size:1.325em;}
.tableWrap table td p{text-align:justify; line-height:1.75em; }
.tableWrap table td p b{ display:inline-block; color:#F06;}
.tableWrap table td .btn {color:#FFF;padding:15px; display:block; width:80%; margin:5px auto; font-size:1em;}
/**/
.tableWrap table td a.courlisten{color:#2D90FC;}
.tableWrap table td a.courlisten:hover,.tableWrap table td a.courlisten:active{color:#030df1;}
.tableWrap table div a i:hover,.tableWrap table div a i:active{background-color:#2D90FC; position:relative; top:-2px;}
.tableWrap table div a i{ width:42px; height:42px;  background-color:#039;  -webkit-border-radius:30px; margin:0 5px 0 0;}
i.icon-user{background-image:url(../images/icon-user.png);}

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

/**/
.disCount{margin:0 auto; padding:0; width:85%; max-width:1000px; border-bottom:2px ridge #591F7E;}
.disCount p{
	font-size:1em;
	color:#000;
	text-align:left;
	word-break:break-all;
}
.disCount p b{display:inline-block; background:#591F7E; color:#FFF;}
.disCount p strong{font-size:2em; color:#F06; }
/*============= MAIN ==============*/
/**/
.famous{text-align:center; padding:2% 5% 0 5%; margin:0 auto; max-width:1280px; line-height:0em;}
.famous .col{margin-left:0;}

.famous img{max-width:550px; width:90%; border:1px solid #4267B2; box-shadow:2px 2px 0px #DDD;}


/*推薦課程*/
.courWrap{
	line-height:0em;
	margin:0 auto;
	padding:0 0 2% 0;
	text-align:center;
	max-width:1280px;
}
ul.courList{padding:0; margin:2% auto; display:block; max-width:1280px; width:80%;}
ul.courList li{
	display:block;
	list-style-type:none;
	box-shadow:0px 5px 5px #DEDEDE;
	margin:0 auto 2% auto;
}
ul.courList li em{font-family: "Arial Black", Gadget, sans-serif; font-style:italic; padding-right:10px;}
ul.courList li a{
	display:block;
	color:#AC1925;
	border:2px solid #AC1925;
	padding:5px 0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.courList li a:hover,ul.courList li a:active{color:#FFF;background-color:#D2122F;border:2px solid #D2122F;box-shadow: inset 2px 3px 10px #AC1925;}
.courApply{padding:2% 0 0 0; line-height:0em; text-align:center;}
.courApply .col{margin-left:0;}
.courApply .btn{ font-size:1.325em; font-weight:bold; letter-spacing:-1px; padding:15px 10px; line-height:1.5em; margin:0 auto 1.5% auto; display:block; width:96%;}
.courApply .btn b{font-size:1.5em;}
.courApply .btn em{font-size:18px; display:block;}
/**/
.courMore{max-width:1200px; margin:0 auto; padding:0 0 2% 0;}
.courMore p{text-align:center;}
.courMore p a{color:#F60;}
.courMore p a:hover,.courMore p a:active{ color:#D2122F;}

.courPire{text-align:center; padding:0; margin:0 auto; line-height:0em;}
.courPire p{
	font-size:1em;
	display:block;
	padding:0 20px;
	color:#333;
	text-align:left;
	line-height:2em;
}
.courPire p b{font-size:1.25em; letter-spacing:-2px; font-weight:bold; color:#093;}
.courPire p img{max-width:180px; width:50%;}
.courApply .c-line{max-width:180px;}

/*師資介紹*/
.teacWrap{line-height:0em; padding:0% 5% 2% 5%; margin:0 auto; max-width:1420px;}
.teacWrap img{ width:90%; margin:0 auto; max-width:1200px;}
/*OWL*/
.owlWrap{ padding:0; line-height:0em; max-width:1280px; margin:0 auto;}
#owl-List {
	width:85%;
	max-width:1280px;
	margin:0 auto 2.5% auto;
}
#owl-List .item {
	overflow:hidden;
  margin: 5px auto;
	/*border:5px groove #111;
	max-height:350px;*/
}
#owl-Listt .owl-img{
	  display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 25px auto;
		border:3px solid #02b6c6;
    overflow: hidden;
    position: relative;		
}
.item .owl-img .owl-round{
	width:80%;
	margin:0 auto;
	overflow:hidden;
	-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.owl-teac .item img,.owl-carousel .owl-item img{
		display: block;
		max-width: 120px;
		width:100%;
		margin:0 auto;
		background:#FFF;
		border: 1px solid #dfd480;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
}
#owl-List img {
    display: block;
    width: 100%;
    max-width: 150px;
		max-height:150px;
    margin: 0 auto;
    padding: 0;
}
#owl-Listt .owl-lazy{
		display: block;
    max-width: 220px;
    width: 100%;
		margin:0 auto;
		border:3px solid #02b6c6
}
#owl-List img:hover{ -webkit-filter: brightness(1.2); filter: brightness(1.2);}

#owl-List .item .owl-P{ display:block;padding:2% 0; margin:0 auto;}

.owl-carousel .item .owl-P h5{display:block; color:#3B3B3B; line-height:1em; font-size:1.5em;}
.owl-teac .item .owl-P h5{font-size:0.925em; font-weight:bold; display:block; line-height:1.25em; color:#333; background:#FFF;}
.owl-teac .item .owl-P h5 strong{
    font-size:1.125em;
    display:block;
    padding:5px 0;
    color:#FFF;
    background: #a7191f;
    /*transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
    }

#owl-List .item .owl-P p{font-size:0.875em; color:#555; text-align:left; padding:10px 0; line-height:1.5em;}
#owl-List .item .owl-P p.goods {
    padding: 10px 20px;
    font-size: 16px;
    color: #555;
		line-height:1.5em;
		text-align:left;
}

/**/
#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;
}

/*課程*/
.courBox{padding:0; margin:2% auto; width:90%;}
.courBox li{	
	list-style-type:none;
	display:inline-block;
	width:50%;
	float:left;
}
	.courBox li:after{
	color: #dfd480;
	font-size:2.75em;
	content: "+";
	display:block;
	float:right;
	margin-top:-20px;
}
.courBox li p{
	font-size:16px;
	display:block;
	border: 5px ridge #dfd480;
	padding:10px 0;
}
.courBox li p b{font-size:1.75em; display:block; line-height:1em;}
.courBox li p em{color: #dfd480;display:block;padding:5px 0;}

.courBox li div.shine1,.courBox li div.shine2,.courBox li div.shine3,.courBox li div.shine4{
	background:#591F7E;
	webkit-animation-delay:3s;
    animation-delay:3s;
}
.courBox li div.shine1{ 
animation:bling1 2s ease-in-out alternate infinite;
    -webkit-animation:bling1 2s ease-in-out alternate infinite;
	}
@-webkit-keyframes bling1{
	0%{background:#9c3ada;}
	50%{background:#591F7E;}
	100%{background:#591F7E;}
}
.courBox li div.shine2{ 
animation:bling2 2s ease-in-out alternate infinite;
    -webkit-animation:bling2 2s ease-in-out alternate infinite;
	}
@-webkit-keyframes bling2{
	0%{background:#591F7E;}
	25%{background:#591F7E;}
	75%{background:#9c3ada;}
	100%{background:#591F7E;}
}



/**/
.courInfo{color:#333;width: 95%;background:#EEE;max-width:1000px;margin:0 auto;padding:2.5%;clear:both;text-align:left;}
.courInfo p{line-height:1.5em;font-size:15px;}
.courInfo p em{color:#12549E; display:inline-block; line-height:2.5em;}
.courInfo p strong{color:#C00;}



/*影片介紹*/
.videoWrap{
	line-height:0em;
	text-align:center;
	padding:0;
	margin:0 auto;
	background: #c3dae6;
}
/**/
.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;}
/*-學員感言-清單-*/
.box3{margin:0; padding:2% 0 0 0;}
.box3 ul{padding:0; margin:0 auto; max-width:750px;}
.box3 li {
	width:90%;
	margin:0 auto 2% auto;
	position: relative;
	list-style-type:none;
	overflow:hidden;
}
/*-學員感言-圖片-*/
.box3 img, .box3 li em {
	display: block;
	width:100%;
}
.box3 li div.boxIMG{width:100%; height:164px; overflow:hidden;}
.box3 li div.boxIMG img{ margin:-20px 0 0 0;}

.box3 li a, .box3 li a:visited {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	display: block;
	height: 164px;
	background: url(../images/play2.png) 50% 50% no-repeat;
	width:100%;
}
.box3 li a:hover{background:rgba(0,0,0,0.6) url(../images/play.png) 50% 50% no-repeat;}

.box3 li p{padding:18px 0;color: #e3d348;font-size:24px;font-weight: bold;text-align:center;background: #4988b1;}
.box3 li p.boxName{color:#000;line-height:1.5em; background:none; padding:10px 0;}
.box3 li p strong{font-size:36px;display:block;margin-bottom:7px;}
.box3 li p strong.f18{font-size:18px;}
/*學員感言MORE*/
.box3 li.mr0{margin-right:0;}
.box3 li.more1{height:350px;}
.box3 li.more1 a,.box3 li.more1 a:visited,.box3 li.more1 a:hover{background:#0A8FC8;font:30px/30px "微软雅黑";color:#fff; padding:125px 0;height:160px;display:block;text-decoration:none;text-align:center; width:100%;}
.box3 li.more1 a:hover{background:#08719E;}
.box3 li.more1 span{vertical-align:middle;}
.jia{width:27px;height:27px;border:#fff solid 1px;display:inline-block;margin-right:15px;text-align:center;border-radius:50%;font-size:23px;line-height:24px;}

/*線上測評*/
.teamsWrap{text-align:center; padding:0 3.75%; line-height:2em; margin:0 auto;color:#5B5B5B;}
.teamsWrap .col{margin-left:0.5%;}
.teamImg{ padding:5px 10px;-webkit-border-radius: 10px; border:2px dotted #236cdb;-moz-border-radius: 10px;
border-radius: 10px;}
.teamImg h5{display:block; line-height:1.5em; font-size:1.15em; font-weight:200; color:#333; background:#F9F7CA; text-align:left; width:95%; margin:0 auto 10px auto;}
.teamImg h5 strong{color:#e4036a;}
.teamImg h5 em{color:#236cdb; font:italic bold 1.5em Georgia, "Times New Roman", Times, serif;}
.teamImg img{max-width:500px; width:90%;}



/*學習優勢*/
.wrapGoods{width:100%; padding:0 0 2% 0; margin:0;background:rgba(255,255,255,.9); line-height:0em; text-align:center;}
.wrapGoods h5{font:normal normal 24px Arial, Helvetica, sans-serif, "微軟正黑體";color: #F36; line-height:1.5em;}
#goods{width:95%; display:block; margin:0 auto; max-width:800px; line-height:0em; padding:2%;}
.goods_con{
	display:inline-block;
	margin:0 auto;
	width:45%;
	margin:0 0 2% 3.5%;
	min-height:160px;
	float:left;
}
.goods_con h4{font: normal bold 1.25rem Arial, Helvetica, sans-serif, "微軟正黑體";line-height: 1.5em;color: #b09a35;margin: 0;}
.goods_con h4 b{color:#F60;}
.goods_con img,.goods_con p{ display:block; margin:0 auto;}
.goods_con img{max-width:160px; margin:5px auto; width:75%;}
.goods_con p{padding:5%;font-size: 1.15rem;line-height: 1.375em;text-align:left;color: #5B5B5B;min-height: 100px;display: block;}


/*Google Form*/
.finForm{padding:0; line-height:0em;}
.finForm iframe{
	min-height:1750px;
}
/*表單文宣*/
.addMember {
	padding:0;
	line-height:0em;
	background: #243b77;
	background-size:cover;
}
.addMember h2{
	font:normal bold 1.85em Arial, Helvetica, sans-serif, "微軟正黑體";
	padding:2% 0;
	text-shadow:none;
}
.addMember h2 b{ color:#FFF;}
.benefit{
	line-height:0em;
	display:none;
}
.benefit p{font:normal normal 18px Arial, Helvetica, sans-serif, "微軟正黑體";display:block;color:#000;line-height: 1.25em;margin:0 auto 2% auto;max-width:80%;text-align:center;}
.benefit strong{ font-size:22px;}
.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{
	z-index:10;
	padding:1% 0 0 0;
	overflow:hidden;
}
.form_content 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:1em;}
.contact span{display:block;}
.contact b{font-size:1em;}
.contact .phone{color:#F09;font-size:1.25em;font-weight:bold;}
.contact .phone em{display:block; font-size:1.25em;}
.contact .phone a{display:block; font-size:1.375em; line-height:1.25em; color:#a7191f; 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.25em; font-weight:bold;}
.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);}

@media ( min-width : 600px ){
	.contact span{display:inline;}
}
@media ( min-width : 768px ) {
.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:#555;
	background: #EEE;
	padding:3.5% 0;
	font-size:13px;
	line-height:2.25em;
}
.footWrap a,.footWrap a:visited{color:#a7191f;}
.footWrap a:hover,.footWrap a:active{color:#C06;}
.footWrap span{display:block;}

@media ( min-width : 480px ) {
	/*==MAIN==*/
	.videoWrap h4{text-align:center;}
	.videoYoutu img.icon-play{margin:-42% auto 15% auto;}
	.box3 li{width:295px;}
	.box3 li div.boxIMG img{ margin:-28px 0 0 0;}
	.tableWrap table td .btn{ width:50%;}
	.tableWrap .tab1 td:nth-child(2){
		font-size: inherit;
		display: table-cell;
	}
	/*====*/
	.footWrap span{display:inline;}
}
@media ( min-width : 600px ) {
	/*==MAIN==*/
	.mainWrap h2{margin:1.25% auto;}
	.mainWrap h2 b,.mainWrap h2 span{display:inline;}
	.courBox li{width:23%; margin:0 2% 1.5% 0;}
	.goods_con{margin:0 0 2% 2%; width:31%; padding:0; min-height:150px;}
	.tableWrap .tab1 td:nth-child(3){
		font-size: inherit;
		display: table-cell;
	}
}
/*表格RWD變形*/
/*@media only screen and (max-width: 600px) {
.tableWrap table tr th{/*.color:#FFF; text-shadow:1px 1px 0px #333; background-color:#00055d; border-color:#CCC;display:block;}

}*/
@media only screen and (max-width: 768px) {
	.mainTab th, .mainTab td{display:block;}
	/*.tableWrap table thead{display:none;}
	.tableWrap table tr th{ padding:8px 0;}
	.tableWrap table tr td{display:block; text-align:left; padding:3px 10px; }
	.tableWrap table tr td:before {
		color:#8705b9;
		font-weight:normal;
		padding:0 10px 0 3px;
		margin-right:10px;
    content: attr(data-th) " ";
    float: left;
		border-right:2px dotted #8705b9;
}
	.tableWrap table tr td{display:block; text-align:right;}*/
}
@media ( min-width : 768px ) {
	/*==MAIN==*/
	.mainWrap h2,.mainWrap h2 b{font-size: 2.5rem;line-height: 1.25em;}
	.mainWrap h2 em{font-size:28px; line-height:1em;}
	.mainWrap h4 span{display:inline;}	
	/**/
	.teacWrap img{width:100%;}
	#goods h4{font-size: 1.5rem;}
	.box3 li{float:left;margin:0 0 20px 3%;}
	.tableWrap th b{color:#ff0080;}
	.tableWrap table tr.courtitle{border-right:2px ridge #3B3B3B;}
	.tableWrap table td .btn{margin:0; display:inline-block; width:inherit; word-break:normal;}
	.apply a.line-a{margin-top:2.75%;}
	.mainTab th{width:42%;}
	/**/
	.benefit {
    display: block;
    width: 95%;
    margin:1% 2%;
    max-width: 250px;
    background-size: 100%;
    background-color: #EEE;
    min-height: 250px;
    padding: 0;
}
	.benefit h4 {
    color:#FFF;
    display: block;
    background: #a7191f;
    line-height: 1.15em;
    font-weight: bold;
    font-size: 1.75em;
    padding: 20px 0;
    margin-bottom: 20px;
}
	.benefit h4 em{color:#FFF; font-size:28px; letter-spacing:-2px;}
	.benefit p.signal {
    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: 5.25%;
    z-index: 99999;
}
}
@media ( min-width : 960px ) {
	/**/
	.mainWrap h2:after{ margin:1.25% auto 0;}
	/**/
	.tableWrap table{width: 92%;max-width:1000px;}
	.tableWrap .disTab{font-size:1.75rem; line-height:1.5em; font-style:italic;}
}
@media ( min-width : 1024px ) {
	/*==MAIN==*/
	.teacWrap ul li strong{font-size:1.25em;}
	/**/
	.courBox{width:100%;}
	.courBox li{width:12.5%; margin:0 0 0.5% 0;}
	.courBox li:after{font-size:2.25em; margin-top:-18px;}
	.tableWrap #tableWrap1 td.cour-info,.tableWrap #tableapply td.cour-info{width:32%;}
	/**/
	.goods{width:100%; padding:0%;}
	.addMember{padding:1% 0;}
	.benefit{
		float:right;
	}
}
@media ( min-width : 1280px ) {
	.courPire p img{max-width:120px;}
	.box3 li{margin:0 0 20px 3.5%;}
	.courBox li:after{font-size:2em; margin-top:-15px;}
	.goods_con img{margin:0 auto; max-width:128px;}
	/**/
	.tableWrap table{margin-bottom:10px;/* width:85%; */}
	.tableWrap table td p b{display:block;}
	.tableWrap table .cour-tit{width:28%;}
	.tableWrap table .cour-info{width:32%;}
}
@media ( min-width : 1500px ) {
	.tableWrap{max-width:1280px;}
	.box3 li{margin:0 0 20px 5%;}
	.box3 li {margin: 0 0 20px 4.75%;}
}