@charset "utf-8";
/* CSS Document */

/* HTML5基本設定 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}[hidden]{display:none;}

/* 基本設定 */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
address,caption,cite,code,dfn,em,strong,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
html {
}
body {
	min-width: 1040px;
	font-size: 14px;
	font-family:Helvetica, Arial, sans-serif, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei';
	letter-spacing: 0.01em;
	line-height: 1.6;
	color: #555;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
* {margin: 0px; padding: 0px;}
a {color: inherit; text-decoration: none;}
a:hover {color: #06C;}
a:focus {outline: 0;}
strong {color: #C03; font-weight: bold;}
.pngbg {}

/*==【clearfix】==*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html>body .clearfix{display:inline-block;width:100%;}
*html .clearfix{height:1%;/* End hide from IE-mac */}
*+html .clearfix{min-height:1%;/* ie7 hack*/}
.clear{clear:both;font-size:0px;height:0px;}

/*==【共用樣式】==*/
.w1000{width: 1000px; margin: 0 auto;}
.w940{width: 940px; margin: 0 auto;}
.block{clear: both; position: relative;}
.block_txt{font-size: 18px; line-height: 1.55;}
.block_txt p{padding-bottom: 15px;}

.link:hover {color: #06C; text-decoration: underline;}
.subtitle{position: relative; /*z-index: 15;*/ padding-top: 50px; padding-bottom: 50px; font-size: 48px; font-family: Helvetica, Arial, sans-serif, 'sourcehansans-tc-normal', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei';
 letter-spacing: 0.08em; text-align: center; color: #fff; /*background: url(../images/subtitle_deco.png) center 0 no-repeat;*/}
.subtitle p{font-size: 22px; line-height: 1.5; letter-spacing: 0.08em;}
.title{font-size: 36px; letter-spacing: 0.02em; text-align: center; color: #0080ad; font-family: Helvetica, Arial, sans-serif, 'sourcehansans-tc-normal', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei';}

.txt_center{text-align: center;}
.txt_left{text-align: left;}
.f0080ad{color:#0080ad;}


/*==【大框架】==*/
#wrap {position: relative;}
#header, header {position: relative; z-index: 60; height: 125px; border-top: solid 5px #38c6f6; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.23);}
.header_cont h1{margin-top: 35px; float: left;}
.header_cont nav{float: right; margin-top: 50px;}
.header_cont nav li{float: left; padding-left: 2em ; font-size: 18px; line-height: 1em; color: #3e383a;}
.header_cont nav li a{display: block; padding: 8px 0;}
.header_cont nav li a:hover, .header_cont nav li.on a{color: #0082b8; border-bottom: solid 5px #35c8e9;}

#main {display: block;}

footer {height: 350px; background: #12486a; color: #fff; letter-spacing: 0.08em; clear: both;}
footer h2{padding: 75px 0 30px; color: #30cbea; font: 35px/1em "Century Gothic", Arial; letter-spacing: 0.05em; text-transform: uppercase;}
.fo_company{float: left; font-size: 15px; line-height: 29px;}
.fo_company p{padding-bottom: 30px;}
.fo_address{float: right; min-width: 325px; font-size: 14px; line-height: 24px;}
.fo_address p{padding-bottom: 17px;}
.fo_address p+p{font-size: 12px;}


/*==【內容】==*/

/*首頁輪播*/
.idx_banner{position: relative; height: 500px; overflow: hidden; background: #26a1cb;}
.idx_banner_slider li{height: 500px; background-position: center 0; text-indent: -9999px;}
.idxban_1{background-image: url(../images/banner1.jpg);}
.idxban_2{background-image: url(../images/banner2.jpg);}
.idxban_3{background-image: url(../images/banner3.jpg);}
.idxban_4{background-image: url(../images/banner4.jpg);}

.idx_pager{position: absolute; bottom:15px; width: 100%; text-align: center; z-index: 999;}
.idx_pager .bx-pager .bx-pager-item,
.idx_pager .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.idx_pager .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0.6;
}
.idx_pager .bx-pager.bx-default-pager a:hover,
.idx_pager .bx-pager.bx-default-pager a.active {background: #38c6f6; opacity: 1;}

/*首頁內容*/
.idx_feature .w1000{padding: 100px 0 75px;}
.idx_feature .title{color: #016692;}
.idx_feature .title img{margin: -5px 8px 0 0; vertical-align: middle;}
.idx_feature li{float: left; width: 200px; padding: 60px 25px 50px; font-size: 18px; line-height: 30px;}
.idx_feature li h3{padding-top: 20px;}
.idx_btn{display: block; clear: both; margin: 20px auto 0; width: 290px; height: 50px; line-height: 50px; letter-spacing: 0.08em; font-size: 22px; text-align: center; color: #fff; background: #5ab42e url(../images/btn_bg_green.jpg) 0 center; border-radius: 3px;}
.idx_btn:hover{color: #fff; opacity: 0.8;}

/*首頁內容 - 客戶LOGO*/
.customer_co{height: 180px; line-height: 180px; background: #f8f8f8; text-align: center; overflow: hidden;}
.customer_co .w1000{position: relative;}
.customer_co .bx-wrapper{margin: 0 auto;}
.customer_co ul{margin: 0 auto; overflow: hidden;}
.customer_co li{display: inline-block; padding: 0 15px; box-sizing:border-box;}
.customer_co img{vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.customer_co .idx_pager {top:155px;}
.customer_co .idx_pager .bx-pager.bx-default-pager a {background: #bbb; width: 11px; height: 11px; margin: 0 7px;}
.customer_co .idx_pager .bx-pager.bx-default-pager a:hover,
.customer_co .idx_pager .bx-pager.bx-default-pager a.active {background: #8a949a;}

/*每頁底部聯絡btn*/
.contact_box{padding: 80px 0 75px; text-align: center;}
.contact_box p{padding-bottom: 30px; font-size: 26px; letter-spacing: 0.08em;}
.contact_btn{display: inline-block; width: 230px; height: 40px; line-height: 40px; letter-spacing: 0.08em; font-size: 18px; text-align: center; color: #fff; background: #5ab42e url(../images/btn_bg_green.jpg) 0 center; border-radius: 3px; cursor: pointer;}
.contact_btn:hover{color: #fff; opacity: 0.8;}

/* 特色 (feature) */
.fea_1{/*height: 485px;*/ background: #128bb5 /*url(../images/feature_bg1.png) center 160px no-repeat*/; color: #fff;}
/*.fea_1 .subtitle{height: 100px;}*/
.fea_1 .sec1{position: relative; overflow: hidden;}
/*.fea_1 .block_txt{margin:0px 0 0 545px;}*/
.fea_1 .block_txt .title{text-align: left;}
.fea_1 .block_txt li{ padding-bottom: 17px; text-indent: -10px; font-size: 21px; line-height: 21px; text-transform: uppercase;}
.fea_1 .block_txt li:before{content: "-"; margin-right: 4px;}
.fea_1 .block_txt li span{font-size: 13px; line-height: inherit;}
/*.fea_1 .block_txt p{padding-top: 20px; font-size: 24px; line-height: 34px;}
.fea_flight{position: absolute; left:0; top:-200px; bottom:0; width: 100%; background:url(../images/feature_flight.png) center 220px no-repeat;}*/

.fea_2{background: #f7f7f7; overflow: hidden; padding-bottom: 70px;}
.fea_2 .title{padding: 60px 0 35px;}
.fea_2 li{float: left; width: 310px; height: 360px; background: #fff; text-align: center; font-size: 20px;}
.fea_2 li+li{margin-left: 35px;}
.fea_2 li img{display: block; margin: 60px auto 35px;}

.fea_3 .title{padding: 60px 0 50px;}
.fea_3 ul{/*padding: 0 12px 55px;*/ overflow: hidden;}
.fea_3 ul li{float: left; width: 160px; text-align: center; font-size: 15px;}
.fea_3 ul li+li{margin-left: 44px;}
.fea_3 ul li img{display: block; padding: 0 40px 25px; border-bottom: solid 1px #39c4ef;}
.fea_3 ul li p{margin: 12px -6px 0;}

.fea_4{/*height: 380px;*/ background: #128bb5 /*url(../images/feature_bg2.png) center bottom no-repeat*/; color: #fff;}
/*.fea_4 .block_txt{margin-left:575px;}*/
.fea_4 .block_txt .title{padding: 80px 0 15px; color: #fff; font-size: 42px; line-height: 48px; text-align: left;}
.fea_4 .block_txt li{ padding-bottom: 10px; text-indent: -10px; font-size: 18px;}
.fea_4 .block_txt li:before{content: "-"; margin-right: 4px;}

.fea_5{/*height: 460px;*/ background: #eef6fc url(../images/feature_bg3-1.png) center center no-repeat ;background-size: cover;}
/*.fea_5 .block_txt{margin-left:575px;}*/
.fea_5 .block_txt .title{padding: 100px 0 15px; font-size: 42px; line-height: 48px; letter-spacing: 0.05em; text-align: left; color: #0080ad;}
.fea_5 .block_txt li{ padding-bottom: 10px; text-indent: -10px; font-size: 18px;}
.fea_5 .block_txt li:before{content: "-"; margin-right: 4px;}

/* 功能 (function) */
.function .title{color: #0a8fbc;}
.func_1:before{content: ""; position: absolute; top:0; left: 0; right: 0; height: 610px; background: #26a1cb; z-index: -1;}
.func_1 .subtitle{padding-bottom: 25px;}
.func_1 .subtitle p{margin-top: 6px; font-size: 22px; line-height: 1.4; letter-spacing: 0.08em;}

/* 功能 (function) - Slider */


.func_pager{position: absolute; top:535px; width: 100%; text-align: center; z-index: 999;}
.func_pager .bx-pager .bx-pager-item,
.func_pager .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.func_pager .bx-pager.bx-default-pager a {
	background: #dfdfdf;
	color: #fff;
	display: block;
	margin: 0 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	letter-spacing: 0;
	font-size: 12px;
	font-family: "Century Gothic", Arial;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.func_pager .bx-pager.bx-default-pager a:hover,
.func_pager .bx-pager.bx-default-pager a.active {background: #26a1cb;}

/* 功能 (function) - 內容 */
/*.func_2 img, .func_3 img{float: left;}*/
.func_2 .title, .func_3 .title{padding-bottom: 20px; font-size: 36px; line-height: 48px; text-align: left;}
/*.func_2 ul, .func_3 ul{float: right; width: 395px;}*/
.func_2 li, .func_3 li{font-size: 18px; line-height: 26px; padding-bottom: 15px;}
.func_2 li b, .func_3 li b{display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin:-4px 8px 0 0; font: 14px Verdana, Arial; letter-spacing: 0; text-align: center; border: solid 1px; border-radius: 50%;}

.func_2{/*height: 485px;*/ background: #f7f7f7;}
/*.func_2 ul{padding-top: 130px;}*/

.func_3{/*height: 485px;*/ background: #566fa5; color: #fff;}
.func_3 .title{color: #fff;}
/*.func_3 ul{padding-top: 145px;}*/

/* 客戶服務 (service) - 申請步驟 */
.sev_1{/*height: 570px;*/ background: #006089 url(../images/service_bg1.jpg) center 0 no-repeat;}
.sev_1:after{content: url(../images/service_bg1_arrow.png); position: absolute; bottom: -22px; left: 50%; margin-left: -25px; z-index: 2;}
.sev_1 .subtitle{padding-bottom: 25px;}
.sev_1 ul{/*margin-right: -20px;*/ /*padding-top: 27px;*/ overflow: hidden; /*background: url(../images/sev_icongp.png) no-repeat;*/}
.sev_1 li{/*float:left;*/ position: relative; /*width: 120px;*/ /*height: 330px;*/ color: #fff; text-align: center; font-size: 16px;}
/*.sev_1 li+li{margin-left: 27px;}*/
.sev_1 li img{display: block; margin: 0 auto 10px; background: url(../images/sev_icon_bg.png) center 0 no-repeat;}
.sev_1 li b{/*position: absolute; bottom: 0;*/ left:0; width: 100%; height: 30px; /*border-top:solid 1px #65a5bd;*/ color: #c7e1ed; font:15px/33px "Century Gothic", Arial;}

/* 客戶服務 (service) - 教育訓練 */
.sev_2{background: url(../images/service_edu_bg.jpg);}
.sev_2 .title{padding:60px 0 45px; line-height: 1.3; letter-spacing: 0.01em; color: #0a8fbc;}
.sev_2 ul{position: relative; overflow: hidden; height: 420px; font-size: 15px; line-height: 25px; border-bottom: solid 1px #f9fcff; background: url(../images/service_edu_pic.png) center 0 no-repeat;}
.sev_2 h4{padding-bottom: 5px; margin-bottom: 10px; color: #007bb1; font-size: 24px; line-height: 1.25;}
.sev_2 h4 span{font-size: 14px;}

.sev_2 .left{position: absolute; left: 0; width: 270px;}
	.sev_2 .left h4{position: relative; padding-left: 20px; border-bottom:solid 1px rgba(0,0,0,.2); border-bottom:solid 1px #999\9;}
	.sev_2 .left h4:after{content: url(../images/sev_edu_deco.png); position:absolute; bottom: -10px; right: -5px;}
	.sev_2 .left p{padding-left: 20px;}
.sev_2 .right{position: absolute; right: 0; width: 285px;}
	.sev_2 .right h4{position: relative; float: right; width: 100%; border-bottom:solid 1px rgba(0,0,0,.2); border-bottom:solid 1px #999\9;}
	.sev_2 .right h4:after{content: url(../images/sev_edu_deco.png); position:absolute; bottom: -10px; left: -5px;}
	.sev_2 .right p{padding-right: 20px; clear: both;}

.sev_edu1{top:30px;}
	.sev_edu1 h4{width: 385px;}
.sev_edu2{top:10px;}
	.sev_edu2 h4{padding-left: 120px;}
	.sev_edu2 h4 span{display: block;}
.sev_edu3{top:215px; clear: left;}
	.sev_edu3 h4{width: 375px;}
.sev_edu4{top:190px;}
	.sev_edu4 h4{padding-left: 110px;}

/*聯絡我們*/
.contact{height: 820px; background: url(../images/contact_bg.jpg) center 0 no-repeat;}
.contact .subtitle{color: #000; letter-spacing: 0.02em;}
.contact .subtitle p{letter-spacing: 0.03em;}
.contform{width: 500px; margin: -10px auto 0; padding: 40px; border:solid 1px #fff; background: rgba(255,255,255,0.55); box-shadow: 0 0 4px rgba(0,0,0,0.05);}
.contform table{width: 100%;}
.contform th, .contform td{color: #000; font-size: 18px; font-weight: normal; line-height: 40px; letter-spacing: 0.08em; padding-bottom: 20px;}
.contform th{text-align: right; padding-right: 25px; vertical-align: top;}
.contform input, .contform textarea{width: 100%; border: 0; font-size: 16px; font-family:Helvetica, Arial, sans-serif, 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei';
 line-height: 1.5; background: rgba(255,255,255,0.9); background: #fff\9; box-sizing:border-box;}
.contform input{height: 46px; line-height: 46px; padding: 0 10px;}
.contform textarea{height: 190px; padding: 10px;}
.contform .contact_btn{width: 270px; height: 50px; line-height: 50px; font-size: 18px;}

/*優惠方案*/
.sale_1{padding: 0 0 15px; background: #26a1cb;}
.sale_1 ul{margin-right: -40px;}
.sale_1 li{position: relative; display: inline-block; vertical-align: top; width: 440px; padding: 9px; margin: 0 40px 50px 0; border-radius: 8px; background: #fff; overflow: hidden; text-align: center;}
.sale_1 li>div{min-height: 170px; padding: 20px 12px 70px; border: solid 1px #e3e3e3; border-radius: 5px; line-height: 140px;}
.sale_box_num{position: absolute; top:0; left: 0; width: 75px; height: 62px; padding-left: 10px; background: url(../images/sale_deco_1.png) no-repeat; color: #fff; z-index: 2; text-align: left; font: 300 italic 52px Arial;}
.sale_1 li article{display: inline-block; width: 100%; margin: 10px 0; line-height: 1.6; vertical-align: middle;}
.sale_1 li article h3{margin-bottom: 15px; padding-bottom: 5px; font-size: 26px; border-bottom: solid 1px #d5dde0; color: #000; text-transform: uppercase;}
.sale_1 li article p{font-size: 15px;}
.sale_1 .sale_box_btn{position: absolute; bottom: 40px; left: 0; width: 100%; line-height: 0;}
.sale_1 .sale_box_btn a{display: inline-block; padding: 0 30px 0 35px; height: 40px; line-height: 40px; letter-spacing: 0.08em; font-size: 14px; text-align: center; color: #fff; background: #5ab42e url(../images/btn_bg_green.jpg) 0 center repeat-x; border-radius: 3px; cursor: pointer;}
.sale_1 .sale_box_btn a:after{content: url(../images/icon_linkalt.png); margin-left: 5px;}
.sale_1 .sale_box_btn a:hover{color: #fff; opacity: 0.8;}

/*優惠方案 - 直購優惠方案*/
.sale_2{padding: 55px 0 20px; background: #f3f7fc;}
.sale_2 .title{position: relative; padding: 0 0 25px 75px;}
.sale_2 .sale_box_num{background-image: url(../images/sale_deco_2.png); color: #018ab9;}

.sale_table{width: 100%; background: #fff; box-shadow: 1px 2px 3px rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=5)}
.sale_table thead th{line-height: 60px; color: #fff; font-size: 18px; font-weight: normal; letter-spacing: 0.05em;}
	.sale_table .th_top1{background: #272526;}
	.sale_table .th_top2{background: #249bb3;}
	.sale_table .th_top3{background: #1b94bd;}
	.sale_table .th_top4{background: #168bb3;}
	.sale_table .th_top5{background: #3ba606;}
.sale_table tbody{position: relative;}
.sale_table tbody th{font-size: 16px; font-weight: normal; color: #000;}
.sale_table tbody td{padding: 22px 30px; font-size: 14px; border-left:solid 1px #eee;}
.sale_table tbody tr+tr th, .sale_table tbody tr+tr td{ border-top:dotted 1px #bbb;}
.sale_table tbody tr.border_lt td{border-top-color: #ddd;}
.sale_table tbody tr.border_lt2 th, .sale_table tbody tr.border_lt2 td{border-top:solid 1px #bbb;}
.sale_table tbody tr+tr td:nth-last-child(1),.sale_table tbody tr:first-child td:nth-last-child(2){border-left-color: #d8e8f3;}
.sale_table tbody tr+tr td:nth-last-child(2),.sale_table tbody tr:first-child td:nth-last-child(3){border-left-color: #e7f1f8;}
.sale_table .bg_grey{background: url(../images/bg_grey.png);}
.sale_table .bdrl_yellow{border-left: solid 5px #dfd3a4;}
.sale_table .bdrl_green{border-left: solid 5px #94bcaf;}
.sale_table .bdrl_blue{border-left: solid 5px #b4d7ee;}
.sale_table .bdrl_grey{border-left: solid 5px #ddd;}
.col_bg1{background: #f9fdff;}
.col_bg2{background: #f0f9ff;}
.col_bg3{background: #f5f5f5;}

.sale_table tbody .w1em{vertical-align: top; text-align: center; background: #fffaeb; border-left-color:#ebe2c5;}
.sale_table tbody .w1em p{width: 1em; margin: 0 auto; font-size: 18px;}
.icon_no, .icon_yes{display: block; width: 20px; height: 20px; margin: 0 auto;}
.icon_no{background-image: url(../images/icon_no.png);}
.icon_yes{background-image: url(../images/icon_yes.png);}

.sale_table tbody .price th{text-align: right; padding-right: 1em;}
.sale_table tbody .price td{padding: 10px 0; text-align: center;}
.sale_table tbody .price td strong{font-size: 30px; font-weight: normal; color: #191919;}

/*優惠方案 - 注意事項*/
.sale_note{padding: 45px; font-size: 20px; line-height: 40px; color: #000;}
.sale_note li b{display: inline-block; margin:-6px 18px 0 0;  vertical-align: middle; width: 20px; height: 20px; text-align: center; letter-spacing: 0; font: normal 14px/20px Arial; color: #fff; background: #bf2120; border-radius: 50%;}