@charset "utf-8";
/* IMPORT RESET */
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import "./agent/reset.min.css";
@import "./agent/responsive.gs.12col.min.css";
@import "./agent/btn_style.css";
@import "./agent/agent_form.css";
@import "./agent/animate.min.css";
@import "./agent/timeline.css";

/*==============================
Web Designer: TWSTUDY A-Lin
Date: 2021-09-08
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";
	font-size: 1rem;
	font-weight: 400;
	margin: 0;
	line-height: 1.5em;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

header {
	line-height: 15em;
}

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


/*===== 共用 ======*/
h1,h2,h3,h4,h5{
	display:block;
}
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{
	line-height:1.325em;
	/*width:100%;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.5em;}

/*---反白色差--------------*/
::selection {
	background:#023a51;
	color: #EEE;
}
::-moz-selection {
	background:#023a51;
	color: #EEE;
}
/*==========     ===============*/ 
.gutters .col {
	margin-bottom:2%;
}
/**/
.conWrap{
	background:#FFF;
}
.aMore-round{
	-webkit-animation-delay:5s;
    animation-delay:5s;
    animation: BGBG 2s ease-in-out alternate infinite;
    -webkit-animation: BGBG 2s ease-in-out alternate infinite;
	}
.aMore1{
	animation-delay:5s;
-webkit-animation-delay:5s;
    animation:  1s ease-in-out alternate 1;
    -webkit-animation: 1s ease-in-out alternate 1;
	}
.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%;line-height: 0em;text-align: center;}

.headerWrap{
	background-color:#14213D;
	/*background: url(images/ml_proxy001.jpg) #14213D center bottom no-repeat;
		background-size: cover;*/
}
.logo{ max-width:48px;}
/*Header Nav 導覽列*/
.webNav{
	color:#FFF;
	line-height:0;
	font-size:1rem;
	padding: 3px 0 3px 5%;
	text-align:left;
	backdrop-filter: saturate(200%) blur(20px);
	/*background: rgba(255,255,255,.75);
	background:#FFF;
	box-shadow: 0 3px 3px rgba(100, 100, 100, 0.3);
	position: fixed;
	top: 0;*/
	width: 100%;
	z-index: 999;
}
.webNav img{vertical-align: middle;display:inline-block;margin: 5px 10px;max-width: 32px;}
.webNav a,.webNav a:visited{color:#FCA311; text-decoration:underline;}
.webNav a:hover,.webNav a:active{color:#FC0;}
.hideWord{padding-top:10px;}
.hideWord span{font-size:0;}


/*Header Main 版頭內容*/
.hdMain{
	padding:0;
	line-height:0em;
	margin:0 auto;
	position:relative;
	/*position:relative;
	display: flex;
	flex-wrap:wrap;
	display: -webkit-flex; 
  -webkit-flex-wrap: wrap;*/
}
.hdM1 h1{
	color:#FFF;
	line-height:1.25em;
	text-align:left;
	font-weight:900;
	font-size:2.75rem;
	display:block;
	text-shadow: 0px 0px 12px rgba(0,0,0,.5);
	position:absolute;
	top: 3.75%;
	left:12%;
	z-index:10;
}
#hdImg{
	padding:0;
	z-index:10;
	/*order:2;
	-ms-flex-order: 2;
	-webkit-order:2;*/
}
#hdImg img{
	max-width:1000px;
	margin:auto 0;
	/*animation:girl 2s ease-in-out alternate infinite 1s, girl 3s ease-in -0.5s;
    -webkit-animation: girl 2s ease-in-out alternate infinite 1s, girl 3s ease-in -0.5s;*/
}
/*@-webkit-keyframes girl{
		0% {-webkit-transform: translateY(0px);}
		25% {-webkit-transform: translateY(10px);}
		50% {-webkit-transform: translateY(-5px);}
		75% {-webkit-transform: translateY(20px);}
		100% {-webkit-transform: translateY(0px);}
}*/

/*Header 版頭標題*/
#hdTitle{
	/* position:relative; */
	padding:60px 0 0 0;
	text-align:center;
	z-index:99;
	margin: 0 auto;
	/*order: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;*/
}
#hdTitle img{
	max-width:900px;
	width:95%;
	z-index:100;
	opacity: 1;
}
.hdWord h1,.hdWord h2{
	color:#FFF;
	font-weight:700;
	line-height: 1.75em;
	text-align: center;
	/* text-shadow: rgb(255 255 255 / 60%) 0px -1px 4px, rgb(255 255 0 / 50%) 0px -2px 7px, rgb(228 26 101 / 50%) 0px -5px 10px, rgb(152 2 58 / 50%) 0px -5px 15px; */
}
.hdWord h1{font-size: 2.325rem;}
.hdWord h1 b{display:block; font-size:1.375em;}
.hdWord h2{font-size: 1.425rem;}

.hdWord h2 b {
    color: #FCA311;
    font-size: 1.25em;
}
.hdWord h3{font-size: 1.15rem;color: #E5E5E5;line-height: 2em;}
/**/

.hdWord{
	margin: 0 auto 5% auto;
	line-height:0em;
	padding:2% 0;
	text-align:center;
	/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
}
.hdWord p{
	font-size:1.25rem;
	line-height:1.5em;
	/* letter-spacing: -1px; */
	text-shadow:1px 1px 0px rgba(0,0,0,.85);
	display:block;
	margin:0 auto;
	text-align:left;
	color:#FFF;
}

.hdWord p strong{color:#FF0;}
.hdWord p span{display:block;}


#hdFoot{
	/* position: absolute; */
	padding: 0;
	margin: -10px auto 0 auto;
	text-align:center;
	/* border-bottom:1px solid #FFF; */
}
/**/
.loginWrap{
	width: 95%;
	display:block;
	/* background:#FFF; */
	padding: 2.5% 3.75%;
	line-height: 0em;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.loginWrap h3 {
    line-height: 1.5em;
}
.loginBox{
	display:block;
	padding:10px;
	border:1px dotted #CCC;
	border-top: 6px solid #FCA311;
	background:#FFF;
}
.mainWrap .loginWrap h3:before {
    display: none;
}

.loginWrap .input {
    margin: 0 auto 10px auto;
}

.login_btn .btn {
    font-size: 1.15rem;
    letter-spacing: 0px;
    text-align: center;
    display: inline-block;
    line-height: 1.5em;
    width: 95%;
    margin: 1% 1.25%;
    padding: 10px 0;
}

.login_btn .btn i {
    width: 18px;
    height: 18px;
    margin-left: -15px;
}

.login_btn .w50 {
    width: 45.75%;
}

.loginWrap table {
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
}



/*按鈕區塊*/
.navWrap{
	text-align: center;
	line-height: 0em;
	padding: 10px 0;
	background-color: #FDCE09;
}

/*按鈕區塊*/
.metBt{padding: 0 2.5%;margin:0 auto;list-style-type:none;display:block;}
.metBt li{}
.metBt li a{
	color: #3B3B3B;
	font-size:1.15rem;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	letter-spacing: 1px;
	line-height:1.25em;
	display:inline-block;
	width:45%;
	float:left;
	margin:0 0 10px 10px;
	border: 1px solid #3B3B3B;
	border-bottom:3px solid #3B3B3B;
	min-height:50px;
	padding:10px 3px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.4s ease-out;
}

.metBt li strong{color:#FC0; display:block;}
.metBt li em{
	font-size:0.875em;
	color:#FF0/*#E86464*/;
	display:block;
	padding:0;
	line-height:1em;
}
.metBt li a:hover,.metBt li a:active,.metBt li a.on,.metBt li.on{
	color:#FFF;
	background:#2cbc63;
	border-bottom:3px groove #3B3B3B;
	/*box-shadow:3px 3px 0px rgba(21,31,17,.5);*/
}
.metBt li a:hover{
	position:relative;
	top:-5px;
	left:1px;
}
.metBt li a:hover strong{color:#099;}
.metBt li i{display:inline-block; vertical-align:middle; width:48px; height:32px; margin-left:15px;}

@media ( min-width : 480px ) {
	/*==HEADER==*/
	.hdWord p span{display:inline; font-size:13px;}
	.metBt li a{
		width:47.25%;
		display:inline-block;
		margin:0 0 5px 1.25%;
		float:left;
	}
}
@media ( min-width : 768px ) {
	/*==HEADER==*/
	.hideWord span{font-size:11px;}
	.hdMain{position:relative;background-size: cover;min-height: 500px;}
	.hdM1{background: url(/images/agent/ml_agent001a.jpg) left center no-repeat;}
	.hdM1 h1{font-size: 4.5rem;}
	.hdM2{background: url(/images/agent/ml_agent001b.jpg) right center no-repeat;}
	.hdWord h1{font-size: 4rem;}
	.hdWord h2 {font-size: 2rem;}
	.hdW1{right: 5%;bottom: 5%;max-width: 650px;}
	.hdW2{top: 12%;left: 12%;max-width: 850px;}
	.hdWord p{font-size: 1.275rem;}
	.hdWord {
		width: 80%;
		/* max-width: 850px; */
		text-align:left;
		padding: 2% 0 2% 3.75%;
		position: absolute;
		z-index:300;
		background: rgba(0,0,0,.65);
}
	#hdImg {display: none;}
	#hdImg img{width:80%; margin: 0 0 0 15%;}
	.metBt{padding:0 0.5%;}
	.metBt li a{
		width: 24%;
		margin:0 0 5px 1%;
		padding:15px 3px;
		/* letter-spacing:-1px; */
	}
}
@media ( min-width : 960px ) {
	.hdWord h1,.hdWord h2{text-align:left;}
	.hdWord h3 {font-size: 1.75rem;}
	#hdTitle{ padding:60px 0 0 10%;}
}
@media ( min-width : 1024px ) {
	.hdMain{background-size: auto;}
}
@media ( min-width : 1280px ) {
	.conWrap{background-position: 0 0;}
	#hdTitle{padding:30px 0 0 15%;}
	.hdWord h1{font-size: 4.75rem;line-height: 1.375em;padding-right:7.5%;}
	.hdM1 h1{font-size: 7.25rem;line-height: 1em;left: 5%;}
	.hdWord h2 b {font-size: 1.375em;}
	.hdW1{right: 30%;}
	/**/
	.loginWrap{width: 25%;display:inline-block;padding: 5% 2.5%;background: #14213D;position: absolute;right: 0;top: 48px;min-height: 500px;height: 55%;opacity: 0.9;}
	.loginBox{border-top: 6px solid #FCA311;}
}
@media ( min-width : 1420px ) {
	.loginWrap{right: 3.25%;}
}
@media ( min-width : 1600px ) {
	.headerWrap{background-position:center bottom; }
	.hdW1{top: 38%;}
	
	.hdM1 h1{font-size:8.25rem; left:10%;}
	.hdWord{padding:1.75% 0 1.75% 2.75%;margin: 0 auto 3.5% auto;}
	.hdWord h2{font-size:2.5rem;}
	.loginWrap{right: 5%;}
	.metBt{padding:0 5%;}
	.metBt li a{
		font-size: 1.375rem;
		/* letter-spacing:-1px; */
	}
}

/*================== MAIN ===================*/
.mainWrap{
	text-align:center;
	padding: 0;
	line-height:0em;
}
.mainWrap .col{margin-left: 0;margin-bottom:0;}
.mainWrap h2,.mainWrap h3,.mainWrap h4{display:block;text-align: center;margin: 2% auto 1.25% auto;}
.mainWrap h2{
	color: #14213D;
	font-size:2rem;
	font-weight: 700;
	margin: 30px auto 1.75% auto;
	line-height:1.5em;
}
.mainWrap h2 b{color: #0f7c90;font-size: 1.25em;font-weight: 900;display: block;}
.mainWrap h2 span,.mainWrap h5 span{display:block;}
.mainWrap h2 em{font-size:1.5em; letter-spacing:3px; line-height:1.25em;}
.mainWrap h2:after {
    color: #e0ecf0;
    font-size: 11px;
    letter-spacing: 5px;
    line-height: 1.75em;
    text-align:left;
    content: "";
    display: block;
    border-bottom: 3px solid #14213D;
    width: 30%;
    max-width: 200px;
    margin: 1% auto;
}
.mainWrap h2 i{width:32px; height:32px;display:inline-block; margin-right:10px;}

.i-clock{background-image:url(../images/icon-clock.png);}
.i-flag{background-image:url(../images/icon-flag.png);}
.mainWrap h3{/* color:#0583B5; */font-size: 1.725rem;}

.mainWrap h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    border: 2px solid #4D4D4D;
    background-size: cover;
    background: url(/images/agent/icon-arrow-right02.png) center center no-repeat;
}

.mainWrap 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%;
}
/*.mainWrap h5:before{
	content: "";
	display: block;
	margin:0 auto;
	text-align: center;
	width:70%;
	border-top:1px dashed #DDD;
}*/
.mainWrap h5 strong{color:#FFF; background:#ec2783; padding:3px 8px; display:inline-block;-webkit-border-radius:20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.mainWrap h5 em{color:#FF0;}
.mainWrap h5 i{width:48px; height:48px; vertical-align:middle;}
.ttMark{
	display:block;
	background:#EEE;
	border-left:8px solid #FC0;
}
/**/
.inbg0{background:#FFF;}
.inbg1{background:rgba(255,255,255,.85);}
.inbg2{background:rgba(255,255,255,.5);}
.inbg3{background: #ebebeb;}
.inbg4{background: #d3e1e9;}
.inbg5{background: #c5d6d9;}
.inbg6{background:#F4ECDC;}
.inkimg{
	box-shadow: 8px 8px 0px #FFF;
	width:85%;
	max-width:720px;
}
/**/
.ink{
    color: #4B4B4B;
    text-align: left;
    line-height: 0em;
    margin: 0 auto 2% auto;
    display: block;
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    /* border-radius: 10px; */
}
.ink h3{font-weight: 500;text-align: left;line-height: 1.5em;color:#333;display:block;/* padding: 0 10px; */}

.ink h4 {
    font-size: 2rem;
    line-height: 2em;
    /* text-align: left; */
    color: #FFF;
    background: #143672;
    padding: 10px 20px;
    /* border: 2px solid #EEE; */
}
.ink h3 strong{color: #143672;}
.ink_bg{padding: 1.25% 7.25%;}
.ink blockquote{
	line-height:2em;
	background:#EEE;
	border-left:8px solid #FC0;
	margin:10px auto 30px auto;
}
.ink blockquote p{padding:20px;}
.ink p,.ink li{
    color: #59667d;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.725em;
    text-align: justify; 
    display:block;
}
.ink p strong,.ink li strong{
	color: #0f7c90;
	font-weight: 500;
}
.ink p em{
	color: hsl(0, 93%, 33%);
	font-weight: 500;
}
.ink p{padding: 20px 0;margin-bottom: 15px;}
.ink p .course{font-size:1.25em; padding:0 5px;}
.ink p.point{text-align:center;font-weight:700;font-size: 1.75em;/* color:#FC0; */}
.ink p:before {
    /* content: ""; */
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    border: 2px solid #4D4D4D;
    background-size: cover;
    background: url(/images/agent/icon-arrow-right02.png) center center no-repeat;
}
.ink p a{line-height: 2em;color:#036;text-decoration:underline;margin: 0;padding: 10px;}
.ink ul{padding:0; margin:0; display:block;}
.ink li{padding:5px 0;margin-bottom:5px;list-style: none;}
.ink ul li{
	font-size: 1.25em;
	/* color:#333; */
	/* list-style-type:disc; */
	display:list-item;
	padding-left: 10px;
}
.ink ul li.po {
    font-weight: 500;
    font-size: 1.25rem;
}
/**/
.ink .apply{text-align:center;}
.ink .apply .btn{
	display:inline-block;
	width:47.5%;
	max-width:300px;
	padding:20px 0;
}
/**/
.apply{line-height:1em; text-align:center; padding:2% 0; max-width:1280px; margin:0 auto;}
.apply .btn{margin:0 auto 5px auto;display:block;font-size: 1.25rem;width:85%;}
.apply .btn strong{color:#FF0;}
.apply i{width:42px; height:42px; margin-left:-5px;}
.i-search{background-image:url(../images/icon-search2.png);}
.i-listen{background-image:url(../images/icon-headphone.png);}
/*=============  ==============*/
/**/
.userWrap{
	line-height:0em;
}
.userWrap h4 {
    font-size: 1.725rem;
    font-weight: 900;
    letter-spacing: 10px;
    margin: 0;
    text-align: left;
    padding: 10px 0 10px 2em;
    line-height: 1.5em;
}

/*OWL*/
.owlWrap{ padding:0; line-height:0em;}
#owl-List {
	width:85%;
	max-width: 1420px;
	margin:0 auto;
	padding: 2% 0;
}
#owl-List .item {
	overflow:hidden;
  margin: 5px auto;
	max-width:200px;
	
}
#owl-List .owl-item {
    background: #FFF;
}
#owl-List img {
    display: block;
    width: 100%;
		max-width:250px;
		margin:0 auto;
}
#owl-List img:hover{ -webkit-filter: brightness(1.2); filter: brightness(1.2);}

#owl-List .owl-img{
	background:#FFF;
	overflow:hidden;
	border:2px solid #FCA311;
	-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}

#owl-List .item h4 {
    font-size: 2rem;
    color: #FCA311;
    display: block;
    line-height: 2em;
}


/*輪播Arrow*/
#owl-List .owl-controls .owl-prev,#owl-List .owl-controls .owl-next {
	text-indent: -9999em;
	width: 45px;
	height: 56px;
	position: absolute;
	top:25%;
}
#owl-List .owl-controls .owl-prev{left: -6.5%;background:url(/images/agent/icon-arrow.png) left top no-repeat;}
#owl-List .owl-controls .owl-next{right: -6.5%;background:url(/images/agent/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;
}


/**/
.mainTab{line-height:1em; padding:1% 3.5%;text-align:center;}
.mainTab .col{margin-left:0;}
.mainTab table{color:#333; margin:0 auto 1.5% auto; width:95%; max-width:900px; text-align:center; background:#FFF; border:5px solid #02BA97;
}

.mainTab th,.mainTab td{border-bottom:1px solid #02BA97; padding:5px; vertical-align:middle;line-height:1.25em;}
.mainTab th{color:#3B3B3B; text-align:left;font-weight:bold; }
.mainTab td{font-size:1em; text-align:center;}
.mainTab th b{display:block; color:#03C;}
.mainTab th strong{color:#C00; font-size:15px; line-height:1em;}
.mainTab td strong{color:#ec2783;white-space:nowrap; font-weight:bold;}
.mainTab td p{white-space:nowrap;}
.mainTab td em{color:#F93;}
.mainTab td i{width:28px; height:28px;}
.i-up{background-image:url(../images/agent/icon-arrow-up2.png);}
.i-down{background-image:url(../images/agent/icon-arrow-down.png);}
.mainTab td em,.mainTab span{display:block;}
.courtitle2{
	font-size:1.25em;
	font-weight:bold;
  color: #060;
}
.courtitle3{
	font-size:1.25em;
	font-weight:bold;
  color: #E53828;
}

.mainTab td.tit{width:10%;}
.mainTab .point{background:#fbfb91; color:#222;}
/**/
.mainTab td i{width:32px; height:32px;}

/*表格基底*/
.tableWrap{line-height:0em;margin:0 auto;}
.tableWrap table{font-family:Arial, Helvetica, sans-serif, "微軟正黑體";color: #59667d;border: 5px solid #e0ecf0;margin:0 auto 2% auto;background:#FFF;width: 95%;/* box-shadow:0px 0px 20px #DDD;-webkit-box-shadow:0px 0px 20px #DDD;-moz-box-shadow:0px 0px 20px #DDD;*/}
.tableWrap th,.tableWrap td{border-bottom: 1px solid #e0ecf0;border-left: 1px solid #e0ecf0;text-align:center;vertical-align:middle;padding: 8px 3px;line-height: 1.75em;}
/*表格標記*/
.tableWrap table h3{font-size: 1rem;font-weight: 700;text-shadow:none;}
.courtitle{background: #e0ecf0;color:#333;}
.tableWrap th{font-weight:bold;background: #186fdf;font-size: 1.25rem;font-weight: 900;color: #FFF;}
.tableWrap th em{display:block;font-size:0.875em;font-weight: normal;line-height:1.25em;}
.tableWrap table td em{/* color:#C00; */text-decoration:line-through;}
.tableWrap table td strong{color: #e85858;font-size: 1.25em;font-weight: 500;/* white-space: break-spaces; *//* word-break: break-all; */}
.tableWrap table td p{text-align: left;/* font-size: 1.25rem; */line-height: 1.75em;/*color:#ea3872;*/}
.tableWrap table td p b{ display:inline-block; color:#F06;}
.tableWrap table tr th span{display:block;}
.tableWrap table td .btn{text-decoration:none; padding:15px; display:block; width:80%; margin:5px auto;}

.tableWrap table th img{max-width:480px; width:75%;}


.tableWrap table h4{display:block; background:#ea3872; color:#FFF; font-size:2em; line-height:2em;}
.tableWrap table ul{ list-style-position: inside; padding:10px; margin:0 auto; width:100%; display:block;}
.tableWrap table ul li{
	color:#000;
	display:list-item;
	list-style-type: square;
	font-size:1.25em;
	text-align:left;
	line-height:1.325em;
	margin-bottom:10px;
	border:none;
}
.tableWrap table ul li strong{color:#ea3872; font-size:1.5em; font-style:italic;}
.tableWrap table ul li span{display:block; background:#FF0; text-align:center;}
.tableWrap table ul li em{text-decoration:none;}
/*表格標記-變版隱藏欄位*/
.tableWrap table hr{ visibility:hidden; height:1px;}
/*.tableWrap td:nth-child(2),.tableWrap td:nth-child(3){
	font-size:0px;
	display: table-column;
}*/
/**/
.tableWrap a.order{
	display:block;
	margin:0 auto;
	text-indent:-9999em;
	font-size:0px;
	/* width:48px; */
	/* height:48px; */
	padding:5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.tableWrap a.order:hover{
	position:relative;
	top:-3px;
}
.tableWrap a.order i.i-car{
	background-image:url(../images/icon-car.png);
	}

.tableWrap table i {
    width: 48px;
    height: 48px;
}
/**/
.tableWrap table div a.iconbt1,.tableWrap table div a.iconbt2{
	display:block;
	margin:0 auto;
	width:36px;
	padding:5px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;	
}
.tableWrap table div a.iconbt1{background-color:#660099;}
.tableWrap table div a.iconbt2{background-color:#e94670;}
.tableWrap table div a.iconbt1:hover{background-color:#09C;}
.tableWrap table div a.iconbt2:hover{background-color:#FC0;}
.tableWrap table div a i{display:block;width:28px; height:28px; margin:0 auto; vertical-align: middle; background-repeat:no-repeat;background-position:center center;}
.tableWrap table div a i.listen{background-image:url(../images/icon-headphone.png);
	}
.tableWrap table div a i.intro{background-image:url(../images/icon-note.png);}
.tableWrap table div a i.order{background-image:url(../images/icon-order.png);}


/**/
.adArea{ line-height:0em; width:90%; padding:30px 0; margin:0 auto; clear:both;}
.adArea img{/* width:90%; */max-width:850px;}
/**/
.dealWrap{text-align:center;}
.dealWrap h4{margin:0 auto 20px auto;}
.dealBox{
	width:90%;
	display:block;
	margin:0 auto 10px auto;
	/* border:5px solid #FFF; */
	box-shadow:5px 5px 0px rgba(10,0,0,.15);
}

.dealBox h4 {
    margin: 0 auto;
}
.dealBox img{/* max-width: 400px; *//* width:90%; */}
.dealBox .sale li{font-size: 2em;line-height: 1.5em;}

.dealBox .sale li p {
    text-align: center;
    font-weight: 500;
}
/*優勢*/
/**/
ul.goods-item{padding:0; width:90%; margin:0 auto; max-width:950px;}
ul.goods-item li{
	color:#2B2B2B;
	display:block;
	border-bottom:2px groove #FFF;
	text-align:left;
	padding:2% 0;
}
ul.goods-item li img{
	display:inline-block;
	width:32%;
	padding:10px;
	max-width:96px;
	vertical-align: middle;
}
ul.goods-item .item-box{display:inline-block; width:65%; padding:0 2%;vertical-align: middle; }
ul.goods-item li h4{display:block; line-height:1.75em; font-size:1rem; font-weight:bold;color:#02BA97;}
ul.goods-item li p{font-size:0.75em; line-height:1.5em;}
ul.goods-item li.noline{border:none;}

/**/
.wrapGoods{padding: 2% 7.5%;margin: 0 auto 30px auto;line-height:0em;text-align:center;}
.wrapGoods .col {margin-bottom: 1.5%;}
.wrapGoods h4{/* font-size:1.25rem; */font-weight:500;color: #EEE;background: #143672;line-height: 2em;margin: 0 auto;padding: 10px 0;}
#goods{width:90%; margin:0 auto; max-width:1280px;line-height:0em; padding-top:2%;}
.goods_con{display:block;width:90%; margin:0 auto 1.5% auto;}
.goods_con h4{font-size: 1.15rem;text-align:center;padding-left: 10px;color:#3b3b3b;display:block;font-weight: 500;line-height: 2em;}
.goods_con img,.goods_con p{ display:block; margin:0 auto;}
.goods_con img{
	width:75%;
	max-width:360px;
	margin: 5px auto;
	box-shadow:5px 5px 0px rgba(0,0,0,.25);
	border:3px solid #FFF;
	/*border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
}
.goods_con p{
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.75rem;
	padding:5%;
	color: #3B3B3B;
	min-height: 135px;
	display: block;
	text-align:left;
}

/*表單文宣*/

.addMember {
	padding:1.25% 0;
	line-height:2em;
	background: rgba(204,13,90,.8);
	/*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;*/ padding-top:20px;}
.mainWrap .addMember h2 b{color:#FFF;}
.mainWrap .addMember h2 strong{
	display:inline-block;
	color:#E43828;
	padding:0 5px;
}
/**/
.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-size:1rem;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;}



/*主表單*/
.form_wrap{
	position:relative;
	z-index:10;
	padding:0;
	margin:0 auto;
	line-height:0em;
}
.form_wrap iframe{
	width:100%;
	min-height:600px;
	border:none;
	display:block;
	margin:0 auto;
	overflow-x:hidden;
	scrollbar-face-color:#FFFFFF;/*最大區域顏色*/
	scrollbar-highlight-color:#FFFFFF;/*左上陰影*/
	scrollbar-3dlight-color:#585858;/*左上線條*/
	scrollbar-darkshadow-color:#585858;/*右下線條*/
	scrollbar-shadow-color:#FFFFFF;/*右下陰影*/
	scrollbar-arrow-color:#585858;/*箭頭顏色*/
	scrollbar-track-color:#FFFFFF;/*底色*/
}


/*============= ASIDE ==============*/

#fb{
	display:none;
}
#pagetop {
display: none;
position: fixed;
right: 0;
bottom:20%;
z-index:10000;
}
/*============= FOOTER ==============*/
.footWrap{
	color: #14213D;
	padding: 50px 0;
	font-size: 13px;
	line-height:2.25em;
	background: #EEE;
}
.footWrap a,.footWrap a:visited{color: #FCA311;text-decoration:underline;}
.footWrap a:hover,.footWrap a:active{color:#FF3;}
.footWrap span{display:block; padding:0 5px;}
.contact{letter-spacing:2px; font-size:1.15em; margin:0 auto 2% auto;}

@media ( min-width : 480px ) {
	.apply .btn{display:inline-block;margin:0 0 10px 10px;width:47.8%;line-height: 1.5em;padding:12px 5px;}
	/**/
	.mainWrap h2{font-size: 2.25rem;line-height:1.25em;}
	.mainWrap h2 i{width:48px; height:48px;}
	.mainTab td{font-size:1.25em;}
	.courList li{margin:0 0 5px 1%;}
	/**/
	.addBox p{font-size:1.25em;}
	.addBox img{max-width:120px; position:absolute; right:0; top:120px;}
}
@media ( min-width : 600px ) {
	.mainWrap h5 span,.sale h4 span,.sale p span,.mainTab span{display:inline;}
	.ink p,.ink li{font-size:1.175rem;}
	.ink p strong{font-size:1.15em;}
	.footWrap span{display:inline; margin:0 5px; border-left:1px solid #FFF;}
}

@media ( min-width : 768px ) {
	.mainWrap h2{font-size: 3rem;letter-spacing: -1px;}
	.ink_bg{padding: 1.5% 12.75%;}
	.goods_con{
		display:inline-block;
		width:50%;
		float:left;
		margin:0 0 1.75% 0;
	}
	.goods_con img{width:85%;}
	/**/
	.tableWrap table h3{font-size: 1.5rem;}
	.tableWrap table i {width: 64px;height: 64px;}
	.tableWrap table td p{/* text-align:center; *//* font-size: 1.5rem; */}
	.tableWrap table td .btn{margin:0; display:inline-block; width:inherit; word-break:normal;}
	.tableWrap table td strong{font-size: 2.5em;}
	.tableWrap table div a.iconbt1, .tableWrap table div a.iconbt2,.tableWrap table div a i{width:48px; height:48px; padding:0;}
	.tableWrap table ul li span{display:inline; margin-left:10px;}
	.mainTab th{ white-space:nowrap;}
	/**/
	.mainWrap .addMember h2 em{display:inline; font-size:24px;}
	.icon-signal{background-image: url(../images/icon-signal.png);}
	.form_wrap iframe{max-width:1000px;}
	/*==FOOTER==*/
	#pagetop{display:block;}
	/*#pagetop img{size: inherit;}*/
	#fb{
	display:block;
	position:absolute;
	right:2%;
	top:5.25%;
}
}
@media ( min-width : 960px ) {
	/**/
	.mainWrap h2 span{display:inline;}
	.mainWrap h5{font-size:1.275rem;}	
	.apply{padding:10px 0;}
	.apply .btn{width:32%;font-size: 1.75rem;padding:10px 0;}
	/**/
	.ink h3{font-size: 2.5rem;}
	.ink h4 {font-size: 1.75rem;letter-spacing: 2px;}
	.dealBox{width: 28%;display:inline-block;margin: 0 2.5%;float:left;border:none;}
	.mainWrap .wrapGoods .span_4 {
    width: 31%;
    margin: 0 1%;
	}
	.wrapGoods {padding: 2% 0;}
	.ink p, .ink ul li, .ink ol li {font-size: 1.25rem;line-height: 1.75em;}

.ink p.point {
    font-size: 2.5em;
}
	.goods_con p{font-size: 1.375rem;}
	/**/
	.tableWrap th,.tableWrap td{padding: 10px 15px;font-size: 1.25em;}
	.tableWrap th em{display:inline;}
	.tableWrap th strong{color: #DDD; display:inline;}
	.tableWrap table i{width: 96px;height: 96px;}
	/*.tableWrap td:nth-child(2){font-size: inherit; display: table-cell;}*/
	.mainTab th{font-size:1.325em;}
	.mainTab th strong{display:block;}
	/**/
	.a_nav1{bottom:inherit; top:35px;}
	.adArea img{max-width: 1200px;}
	.mainWrap .addMember h2{line-height:1em;}
	.mainWrap .addMember h2 em{display:inline; padding-left:20px;}
	.addBox p{font-size:1.5em; line-height:1em;}
	.addBox p span{display:inline;}
	.addBox img{top:100px;}
	.footWrap {padding: 5% 0;font-size: 1rem;letter-spacing: 2px;}
}
@media ( min-width : 1024px ) {
	/*==MAIN==*/
	.dealBox h4{font-size: 2.75rem;}
	.tableWrap table h3{font-size: 2rem;}
	.tableWrap table td strong{/* font-size: 1.75em; */}
	.mainTab table{width:80%;}
	/**/
	#owl-List .item .owl-P li{line-height:2em;}
	.discount p,.discount p b{font-size: 1.75rem;}
	/**/
	.benefit{
		float:right;
	}
}
@media ( min-width : 1280px ) {
	/**/
	.mainWrap h2{font-size: 3.275rem;margin: 2.5% auto 1.25% auto;}
	.mainWrap h2 b {
    display: inline;
    font-size: inherit;
}
	.ink p strong{font-size:1.275em;}
	#owl-Listt .item img, .owl-carousel .owl-item img {max-width: 200px;}
	#owl-List {/* padding: 2.75% 10%; */}
	#owl-List .item h4{font-size: 2.25rem;min-height:85px;}
	/**/
	.goods_con h4{font-size: 1.375rem;}
	.goods_con{min-height:inherit; width:25%; margin:0 0 1.75% 0;}
	.goods_con img{width:90%;}
	/**/
	.tableWrap{background-image:none;}
	.tableWrap table{margin-bottom:10px;}
	.addBox img{max-width:275px; right:3.75%; top:70px;}
}
@media ( min-width : 1420px ) {
	.mainWrap h2{font-size: 3.725rem;}
	.ink p, .ink ul li, .ink ol li {font-size: 1.75rem;}
	.dealBox .sale li {font-size: 2.25em;}

}
@media ( min-width : 1600px ) {
	.mainWrap h2{font-size:4rem;}
	.ink_bg{padding: 1.75% 15%;}
}