/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html { font-family: "微軟正黑體", Arial; font-size:16px; -webkit-text-size-adjust:none;}

body,
html {
  overflow-x: hidden;
}
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
	
* a:link, * a:visited { text-decoration:none;}
* a:hover, * a:active { text-decoration:none;}
.clear { clear:both;}
@font-face { font-family: GOTHIC; src: url(../fonts/GOTHIC.TTF);}

/* --電腦版型------------------------------------- */

h4 { display:none;}
#SUBMENU { display:none;}

select { display:none;}

header { font-size:18px; font-weight:bold; width:100%; z-index:999; text-align:right; background: rgba(0,0,0,.8); height:105px; position: absolute; top:0; left:0; box-shadow: 5px 5px 10px rgba(0,0,0,.3)}
header img { position:absolute; left:20px; top:20px;}
header a { display:inline-block; margin: 0 15px; color:#b7c6c7; padding:65px 0 18px 0;}
header a:hover { color:#fff; border-bottom:#eebc1c 4px solid;}
header a.logo:hover { border-bottom:none;}

.mainCon { position:relative; max-width:1250px; margin: 0 auto; width:95%;}

/* -- 影片 -- */
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden; z-index:1;}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:-55px;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}

/* -- 最新消息 -- */
#news { background:url(../images/newsBG.gif) repeat-x center top #fff; padding: 55px 0 30px 0; margin-top:-114px;}
ul.newslist { width:90%; margin: 0 auto; max-width:960px;}
ul.newslist li { width:100%; display:block; border-bottom: #e5e5e5 2px dotted; padding:10px 0; font-size: 24px; font-weight: bold; line-height:36px;}
ul.newslist li a { width:100%; display:block; color:#333;}
ul.newslist li a b { font-size:16px; color:#ccc; display:block; font-weight:normal; margin-top:-5px;}
ul.newslist li a:hover { color:#358675;}
a.more1 { width:72px; height:72px; display:block; vertical-align:middle; background: url(../images/icon-more.png) no-repeat center top; margin: 20px auto;}
a.more1:hover { background-position: center bottom;}

/* -- 形象大圖 -- */
ul.picL { width:100%}
ul.picL li { width:100%; position:relative; display:block; color:#fff; margin-bottom:-2px;}
ul.picL li img { width:100%;}
ul.picL li .picTxt { font-size:20px; line-height:32px; padding: 0 3% 60px 3%; position:absolute; right:0; bottom:0px; background: rgba(20,111,95,.7); width:40%; max-width:650px;}
ul.picL li .picTxt b { display: block; font-size:36px; padding: 40px 0 35px 0; background:url(../images/titleLine.jpg) no-repeat center top; text-align:center; margin: 0 auto; width:auto; font-weight:bold;}

/* -- 預約按鈕區 -- */
#button { background:#fff; width:100%; height:150px;}
ul.submitButton { text-align:center; margin: 0 0 -95px 0;}
ul.submitTop { text-align:center; margin: 0; background:#f2f2f2; padding:75px 0;}
ul.submitButton li,
ul.submitTop li { display:inline-block; margin: 0 15px; border:#146f5f 1px solid; box-shadow: 5px 5px rgba(0,0,0,.13); padding:45px; background:#fff;}
ul.submitButton li img,
ul.submitTop li img { display:inline-block; vertical-align:middle;}
.subtxt { color:#146f5f; font-size:25px; font-weight:bold; padding: 0 20px 0 25px; border-left:#999 3px dotted; display:inline-block; text-align: left; margin-left:30px; vertical-align:middle;}
.subtxt b { display:block; font-size:42px;}
ul.submitButton li .more,
ul.submitTop li .more { width:72px; height:72px; display:inline-block; vertical-align:middle; background: url(../images/icon-more.png) no-repeat center top;}
ul.submitButton li:hover .more,
ul.submitTop li:hover .more { background-position: center bottom;}

h3 { font-size:42px; font-weight:bold; letter-spacing:10px; display:block; text-align:center; margin-bottom:35px;}
.enTitle { font-size:18px; display: inline-block; font-weight:normal; letter-spacing:0; margin: 0; padding-bottom:20px; border-bottom:#eebc1c 2px solid; width: inherit; color:#8e9994;}
.txtW { color:#fff;}
.txtG { color:#358675;}
.txtB { color:#d9efef;}

/* -- 地圖 -- */
iframe { width:100%; height:290px; margin-bottom:-2px;}

/* -- 基本資料 -- */
#info { width:100%; background:#51c1be; padding: 30px 0 0 0;}
ul.data { width:95%; max-width: 1180px; margin: 0 auto 0px auto;}
ul.data li { font-size: 20px; color:#fff; width:45%; display:inline-block; margin: 0 5% 20px 0; font-weight:bold; line-height: 28px; }
ul.data li b { display: inline-block; color:#1b8683; padding: 0 5px 0 0;}

ul.dataEn { width:90%; max-width: 1100px; margin: 0 auto 0px auto;}
ul.dataEn li { font-size: 20px; color:#fff; width:95%; display:inline-block; margin: 0 5% 20px 0; font-weight:bold; line-height: 28px; }
ul.dataEn li b { display: inline-block; width:200px; color:#1b8683; padding: 0 5px 0 0;}


/* -- 影片 -- */
#video { width:100%; text-align:left; position:relative; padding:50px 0; background:url(../images/videoBG.gif) repeat-x left top #fff; background-size: auto 480px; border-bottom:#51c1be 1px solid;}
#videoL { width: 55%; float:right; position:relative;}
#videoL img.videoL { width:100%;}
#videoL a img.play { display:block; position:absolute; left:50%; top:50%; margin: -31px 0 0 -31px; width:62px; height:62px; opacity:0.65; filter:alpha(opacity=65);}
#videoL a:hover img.play,
#video .con ul.videoS li:hover img.play { opacity:1; filter:alpha(opacity=100);}

#video b { display:block; font-size:36px; line-height:45px; font-weight:bold; width:100%; margin:10px 0 40px; color:#333;}
#video .con { float:left; display:block; width:40%; font-size:18px; line-height:30px; color:#999;}
#video .con ul.videoS { position:absolute; bottom:0;}
#video .con ul.videoS li { width:31.5%; margin: 0 1% 0 0; position:relative; display:inline-block;}
#video .con ul.videoS li img.picS { width:100%;}
#video .con ul.videoS li img.play { display:block; position:absolute; left:50%; top:50%; margin: -31px 0 0 -31px; width:62px; height:62px; opacity:.65; filter:alpha(opacity=65);}

/* -- Footer -- */
footer { width:100%; padding: 30px 0 50px 0; position:relative; vertical-align:central; background:#f2f1f0; text-align:center; font-size:13px; color:#93aaa9;}
footer img { display: block; margin: 0 auto 15px auto; vertical-align:middle;}

.contact-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 500px
;
}

/* -- 內頁大BANNER -- */
.inBanner { position:relative; width:100%; text-align:center; height:313px;}
.newsBG { background: url(../images/inBanner_info.jpg) no-repeat center bottom;}
.aboutBG { background: url(../images/inBanner_about.jpg) no-repeat center bottom;}
.interweb { background: url(../images/inBanner_interweb.jpg) no-repeat center bottom;}
.information { background: url(../images/inBanner_info.jpg) no-repeat center bottom;}
.serviceBG { background: url(../images/inBanner_service.jpg) no-repeat center bottom;}
.applyBG { background: url(../images/inBanner_news.jpg) no-repeat center bottom;}

#path { width:100%; background:#f5f5f5; padding: 20px 15px 20px 0; text-align: right; color:#CCC; font-size:16px; letter-spacing:3px;}
#path b { color:#146f5f; font-weight:bold; margin: 0 2px;}
#path a { color:#333; margin: 0 2px;}


h3.in { font-size:30px; font-weight:bold; letter-spacing:10px; display:block; text-align:center; margin:0; border-bottom:#ebebeb 1px solid; color:#146f5f;}
.enTitle-in { font-size:15px; display: inline-block; font-weight:normal; letter-spacing:1px; margin: 0 0 -3px 0; padding-bottom:20px; border-bottom:#eebc1c 3px solid; width: inherit; color:#8e9994;}

/* -- 內頁兩欄版面 -- */
article { width:90%; max-width:1550px; margin: 40px auto 50px auto;}

#conL { float:left; width:16%;}
#conR { float:right; width:77%; font-size:18px; line-height:32px; text-align:justify; min-height:300px; padding:60px 0 100px 0;}

img.large { width:100%; margin-bottom:90px;}

ul.subLink { background:#f4f4f4; padding: 0; width:100%; font-size:16px; letter-spacing:2px;}
ul.subLink li a { display:block; padding: 20px; width:100%; color:#1f1f1f; line-height:22px;}
ul.subLink li a.click,
ul.subLink li a.click:hover {background:#89b7af; color:#fff;}
ul.subLink li a:hover { background:#ebebeb; color:#146f5f;}

h2 { color:#c5d5d1; font-size:40px; /*letter-spacing:2px;*/ line-height: 40px; display: block; margin-bottom:45px;}

/* -- 列表 -- */
table { width:100%; margin:20px 0 0 0;}

table th img { display:inline-block; margin: 0 0 0 5px;}
table th a { color:#666;}
table th a:hover { color:#b22247;}
table tr:hover { background:#fafafa;}
table th, table tr th:hover { font-size:15px; padding: 15px 10px; text-align:left; white-space:nowrap; border-top:#a6c8c2 2px solid; border-bottom:#e5efed 1px solid; color:#146f5f; background:#fff; cursor: auto;}
table td { font-size:16px; border-bottom:#e8e8e8 1px solid; color:#666; padding: 15px 10px; vertical-align:top; line-height:24px;}
table td.Stxt { font-size:13px; white-space:nowrap;}
table td.issue { color:#111111; font-size:20px; font-weight:bold; line-height:28px;}
table td.issue:hover { color:#000;}
table td a.detail { background: #146f5f; color:#fff; text-align:center; font-size:15px; padding: 7px 20px; white-space:nowrap; display:block;}
table td a.detail:hover { background: #0a0a0a;}


img.download { display:inline-block; margin-right:10px; vertical-align:middle;}
img.R { float:right; border:#999 1px solid; margin:0 0 100px 50px;}

.aboutTitle { font-size:42px; font-weight:bold; line-height:50px; color:#51c1c2; display:block; margin: 0 0 30px 0; text-align:left;}

#joinUs { border-top:#146f5f 1px dotted; border-bottom:#146f5f 1px dotted; padding:50px 0; margin:50px 0;}
#joinUs b { font-size:72px; display:inline-block; font-weight: bold; color:#51c1be; margin-right:10%;}
.good { display:block; font-size:38px; line-height:50px; margin:40px 0 0 0;}
.contactman { display:inline-block; font-size:18px; line-height:30px; margin-right:5%;}

.downloadZone { width:100%; background:#f0f0f0; font-size:18px;}
.downloadZone a { color:#333;}
.downloadZone a:hover { color:#146f5f;}
.downloadZone img { display:inline-block; margin: 0 10px 0 0; vertical-align:middle;}
.downloadZone b { background:#51c1be; color:#fff; padding:30px 40px;}
.downloadTxt { padding:25px 40px; display:inline-block;}

/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1249px) {

header { height:90px;}
header img { width:300px;}
header a { display:inline-block; margin: 0 15px; color:#b7c6c7; padding:48px 0 18px 0;}

/* -- 內頁大BANNER -- */
.inBanner { position:relative; width:100%; text-align:center; height:300px;}
.newsBG { background: url(../images/inBanner_info.jpg) no-repeat center bottom;}
.aboutBG { background: url(../images/inBanner_about.jpg) no-repeat center bottom;}
.Interweb { background: url(../images/inBanner_interweb.jpg) no-repeat center bottom;}
.information { background: url(../images/inBanner_info.jpg) no-repeat center bottom;}
.serviceBG { background: url(../images/inBanner_service.jpg) no-repeat center bottom;}

/* -- 形象大圖 -- */
ul.picL li .picTxt { font-size:16px; line-height:24px; padding: 0 3% 40px 3%; width:50%; max-width:650px;}
ul.picL li .picTxt b { display: block; font-size:30px; padding: 30px 0 25px 0;}

/* -- 預約按鈕區 -- */
ul.submitButton { text-align:center; margin: 0 0 -70px 0;}
ul.submitButton li,
ul.submitTop li { display:inline-block; margin: 0 15px; border:#146f5f 1px solid; box-shadow: 5px 5px rgba(0,0,0,.13); padding:30px; background:#fff;}
ul.submitButton li img,
ul.submitTop li img { width:100px;}
.subtxt { color:#146f5f; font-size:22px; font-weight:bold; padding: 0 20px 0 25px; border-left:#999 3px dotted; display:inline-block; text-align: left; margin-left:30px; vertical-align:middle;}
.subtxt b { display:block; font-size:36px;}

/* -- 影片 -- */
#video { width:100%; text-align:left; position:relative; padding:50px 0; background:url(../images/videoBG.gif) repeat-x left top #fff; background-size: auto 400px; border-bottom:#51c1be 1px solid;}
#videoL { width: 45%; float:right; position:relative;}
#videoL img.videoL { width:100%;}
#videoL a img.play { display:block; position:absolute; left:50%; top:50%; margin: -31px 0 0 -31px; width:62px; height:62px; opacity:0.65; filter:alpha(opacity=65);}
#videoL a:hover img.play,
#video .con ul.videoS li:hover img.play { opacity:1; filter:alpha(opacity=100);}

#video b { display:block; font-size:30px; line-height:40px; font-weight:bold; width:100%; margin:0 0 10px; color:#333;}
#video .con { float:left; display:block; width:50%; font-size:16px; line-height:26px; color:#999;}
#video .con ul.videoS { width:50%; padding-top:20px;}
#video .con ul.videoS li img.play { display:block; position:absolute; left:50%; top:50%; margin: -23px 0 0 -23px; width:45px; height:45px; opacity:.65; filter:alpha(opacity=65);}

/* -- 基本資料 -- */
ul.data li { font-size: 18px; color:#fff; width:48%; display:inline-block; margin: 0 2% 20px 0; font-weight:bold;}

#conL { float:left; width:20%;}
#conR { float:right; width:75%; font-size:18px; line-height:32px; text-align:justify; min-height:300px; padding:60px 0 100px 0;}
img.R { float:right; border:#999 1px solid; margin:0 0 30px 30px; width:60%;}

ul.subLink { background:#f4f4f4; padding: 0; width:100%; font-size:15px; letter-spacing:1px;}
ul.subLink li a { display:block; padding: 15px 10px; width:100%; color:#1f1f1f; line-height:22px;}

.aboutTitle { font-size:32px; font-weight:bold; line-height:45px; color:#51c1c2; display:block; margin: 0 0 30px 0; text-align:left;}
}

/* --平板版型------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
header { font-size:16px; height:80px;}
header img { width:270px; left:15px; top:15px;}
header a { display:inline-block; margin: 0 7px; color:#b7c6c7; padding:35px 0 20px 0;}
header a:hover { color:#fff; border-bottom:#eebc1c 3px solid;}

select { display:block; width:100%; margin: 30px 0 0 0; padding: 10px 5px; font-size:18px; border: #CEE6DD 1px solid; outline:none; color:#146f5f;}
ul.subLink { display:none;}
h3 { font-size:36px;}
.enTitle { font-size:16px;}

/* -- 最新消息 -- */
ul.newslist li { width:100%; display:block; border-bottom: #e5e5e5 2px dotted; padding:10px 0; font-size: 22px; font-weight: bold; line-height:30px;}
ul.newslist li a b { font-size:13px; color:#ccc; display:block; font-weight:normal; margin-top:-5px;}
ul.newslist li a:hover { color:#358675;}
a.more1 { width:60px; height:60px; display:block; background-size: 60px auto;}

/* -- 形象大圖 -- */
ul.picL li .picTxt { font-size:16px; line-height:24px; padding: 0 3% 40px 3%; width:80%; max-width:650px;}
ul.picL li .picTxt b { display: block; font-size:24px; padding: 30px 0 15px 0;}

/* -- 預約按鈕區 -- */
#button { background:#fff; width:100%; height:100px;}
ul.submitButton { text-align:center; margin: 0 0 -50px 0;}
ul.submitButton li,
ul.submitTop li { display:inline-block; margin: 0 10px; border:#146f5f 1px solid; box-shadow: 5px 5px rgba(0,0,0,.13); padding:20px; background:#fff;}
ul.submitButton li img,
ul.submitTop li img { width:70px;}
.subtxt { font-size:18px; font-weight:bold; padding: 0 20px 0 25px; margin-left:30px;}
.subtxt b { font-size:30px;}
ul.submitButton li .more,
ul.submitTop li .more { width:60px; height:60px; display:inline-block; vertical-align:middle; background: url(../images/icon-more.png) no-repeat center top; background-size: 60px auto;}

/* -- 影片 -- */
#video { width:100%; text-align:left; position:relative; padding:50px 0; background:url(../images/videoBG.gif) repeat-x left top #fff; background-size: auto 400px; border-bottom:#51c1be 1px solid;}
#videoL { width: 90%; float:none; position:relative; margin: 0 auto 20px auto;}

#video b { display:block; font-size:30px; line-height:40px; font-weight:bold; width:100%; margin:0 0 10px; color:#333;}
#video .con { float:none; display:block; width:90%; font-size:16px; line-height:26px; color:#999; margin: 0 auto 20px auto;}
#video .con ul.videoS { width:100%; padding-top:20px; position:relative;}
#video .con ul.videoS li img.play { display:block; position:absolute; left:50%; top:50%; margin: -23px 0 0 -23px; width:45px; height:45px; opacity:.65; filter:alpha(opacity=65);}

/* -- 地圖 -- */
iframe { width:100%; height:200px; margin-bottom:-2px;}

/* -- 基本資料 -- */
ul.data li { color:#fff; width:80%; display: block; margin: 0 auto 20px auto; font-weight:bold;}

/* -- 內頁大BANNER -- */
.inBanner { position:relative; width:100%; text-align:center; height:290px;}

#conR { float:none; width:100%; font-size:16px; line-height:28px; text-align:justify; min-height:300px; padding:40px 0 80px 0;}
img.R { border:#999 1px solid; width:50%; box-shadow: 3px 3px 0 #ededed;}
img.large { width:100%; margin-bottom:80px;}
.aboutTitle { font-size:30px; font-weight:bold; line-height:40px; color:#51c1c2; display:block; margin: 0 0 15px 0; text-align: left;}

#joinUs { border-top:#146f5f 1px dotted; border-bottom:#146f5f 1px dotted; padding:50px 0; margin:40px 0;}
#joinUs b { font-size:70px;}
.good { display:block; font-size:30px; line-height:45px; margin:40px 0 0 0;}
.contactman { display: block; font-size:18px; line-height:30px; margin:30px 0;}

.downloadZone { width:100%; background:#f0f0f0; font-size:16px;}
.downloadZone b { background:#51c1be; color:#fff; padding:22px 30px;}
.downloadTxt { padding:20px 30px; display:inline-block;}
.downloadTxt img { height:30px;}

/* -- Footer -- */
footer { padding: 30px 10% 50px 10%; font-size:12px; line-height:18px;}

}

/* --手機版型------------------------------------- */

@media screen and (max-width: 767px) {
	
h4 { width:95px; height:70px; background: url(../images/menu.png) no-repeat center center; background-size:95px 70px; position: fixed; top:5px; right:0; display:block; z-index:9999;}
h4:hover { display:block; width:95px; height:70px; background: url(../images/menu.png) no-repeat center center; background-size:95px 70px; cursor: pointer;}

#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; right:0; display:none; z-index:9997; background: rgba(81,193,190,.95);}
#SUBMENU ul { padding: 0; margin: 70px auto 0 auto; width:90%; text-align:center;}
#SUBMENU ul li { width:100%; letter-spacing:2px;}
#SUBMENU ul li a { font-size:1.25em; color: #fff; font-weight:bold; padding: 20px 0; text-align:center; width:100%; margin: 0; border-bottom:#9fe3e6 1px dotted; text-align:center; display:block; background:none}
#SUBMENU ul li a:hover { color:#e1e1e1;}

select { display:block; width:100%; margin: 30px 0 0 0; padding: 10px 5px; font-size:16px; border: #CEE6DD 1px solid; outline:none; color:#146f5f;}

header { font-size:16px; height:70px; position:fixed; top:0; left:0; background:#000;}
header a { display:none;}
header a.logo { display:block;}
header img { width:230px; left:15px; top:15px; display:block;}

/* -- 影片 -- */
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden; z-index:0; margin-top:70px;}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}

h3 { font-size:30px;}
.enTitle { font-size:14px;}

/* -- 最新消息 -- */
#news { padding: 35px 0 20px 0; margin-top:0;}
ul.newslist li { width:100%; display:block; border-bottom: #e5e5e5 2px dotted; padding:10px 0; font-size: 20px; font-weight: bold; line-height:28px;}
ul.newslist li a b { font-size:13px; color:#ccc; display:block; font-weight:normal; margin-top:-5px;}
ul.newslist li a:hover { color:#358675;}
a.more1 { width:50px; height:50px; display:block; background-size: 50px auto;}

/* -- 形象大圖 -- */
ul.picL li .picTxt { font-size:14px; line-height:22px; padding: 0 3% 40px 3%; width:100%; position:relative; display:block; margin: -2px 0 0 0; background:rgba(0,0,0,.8);}
ul.picL li .picTxt b { display: block; font-size:24px; padding: 30px 0 15px 0; background-size: 150px 5px;}

/* -- 預約按鈕區 -- */
#button { display:none;}
ul.submitButton { text-align:center; margin: 0;}
ul.submitTop { text-align:center; margin: 0; background:#f2f2f2; padding:25px 0;}
ul.submitButton li,
ul.submitTop li { display: block; margin: 15px; border:#146f5f 1px solid; box-shadow: 5px 5px rgba(0,0,0,.13); padding:20px; background:#fff;}
ul.submitButton li img,
ul.submitTop li img { width:70px;}
.subtxt { font-size:18px; font-weight:bold; padding: 0 20px 0 25px; margin-left:30px;}
.subtxt b { font-size:30px;}
ul.submitButton li .more,
ul.submitTop li .more { width:50px; height:50px; display:inline-block; vertical-align:middle; background: url(../images/icon-more.png) no-repeat center top; background-size: 50px auto;}

/* -- 影片 -- */
#video { width:100%; text-align:left; position:relative; padding:50px 0; background:url(../images/videoBG.gif) repeat-x left top #fff; background-size: auto 280px; border-bottom:#51c1be 1px solid;}
#videoL { width: 90%; float:none; position:relative; margin: 0 auto 20px auto;}

#video b { display:block; font-size:24px; line-height:36px; font-weight:bold; width:100%; margin:0 0 10px; color:#333;}
#video .con { float:none; display:block; width:90%; font-size:16px; line-height:26px; color:#999; margin: 0 auto 20px auto;}
#video .con ul.videoS { width:100%; padding-top:20px; position:relative;}
#video .con ul.videoS li img.play { display:block; position:absolute; left:50%; top:50%; margin: -23px 0 0 -23px; width:45px; height:45px; opacity:.65; filter:alpha(opacity=65);}

/* -- 地圖 -- */
iframe { width:100%; height:290px; margin-bottom:-2px;}

/* -- 基本資料 -- */
ul.data li { color:#fff; width:95%; display: block; margin: 0 auto 20px auto; font-weight:bold; font-size:18px; text-align:center;}
ul.data li b { display: block; color:#1b8683; padding: 0; margin-bottom:10px; font-size:16px;}

/* -- 內頁大BANNER -- */
.inBanner { position:relative; width:100%; text-align:center; height:250px;}
.newsBG { background: url(../images/inBanner_info.jpg) no-repeat center bottom; background-size: auto 180px;}
.aboutBG { background: url(../images/inBanner_about.jpg) no-repeat center bottom; background-size: auto 180px;}
.Interweb { background: url(../images/inBanner_interweb.jpg) no-repeat center bottom; background-size: auto 180px;}
.information { background: url(../images/inBanner_info.jpg) no-repeat center bottom; background-size: auto 180px;}
.serviceBG { background: url(../images/inBanner_service.jpg) no-repeat center bottom; background-size: auto 180px;}

#path { width:100%; background:#f5f5f5; padding: 15px 15px 15px 0; text-align: right; color:#CCC; font-size:13px; letter-spacing:1px;}

h3.in { font-size:24px; letter-spacing:3px;}
.enTitle-in { font-size:13px;}

#conR { float:none; width:100%; font-size:16px; line-height:28px; text-align:justify; min-height:300px; padding:40px 0 80px 0;}

h2 { color:#c5d5d1; font-size:36px; letter-spacing:0; display: block; margin-bottom:30px; line-height:40px;}

ul.subLink { display:none;}

table th, table tr th:hover { font-size:15px; padding: 15px 10px; text-align:left; white-space:nowrap; border-top:#a6c8c2 2px solid; border-bottom:#e5efed 1px solid; color:#146f5f; background:#fff; cursor: auto;}
table td { font-size:13px; border-bottom:#e8e8e8 1px solid; color:#666; padding: 10px 10px; vertical-align:top; line-height:24px;}
table td.Stxt { font-size:13px; white-space:nowrap;}
table td.issue { color:#111111; font-size:18px; font-weight:bold; line-height:24px;}
table td a.detail { background: #146f5f; color:#fff; text-align:center; font-size:13px; padding: 5px 10px; white-space:nowrap; display:block;}

img.R { float:none; border:#999 1px solid; margin:60px auto 20px auto; width:80%; box-shadow: 3px 3px 0 #ededed;}
img.large { width:100%; margin-bottom:40px;}
.aboutTitle { font-size:32px; font-weight:bold; line-height:40px; color:#51c1c2; display:block; margin: 0 0 15px 0; text-align:center;}

#joinUs { border-top:#146f5f 1px dotted; border-bottom:#146f5f 1px dotted; padding:50px 0; margin:40px 0;}
#joinUs b { font-size:60px;}
.good { display:block; font-size:22px; line-height:32px; margin:20px 0 30px 0;}
.contactman { display:block; font-size:16px; line-height:24px; margin: 0 0 20px 0;}

.downloadZone { width:100%; background:#f0f0f0; font-size:16px;}
.downloadZone b { background:#51c1be; color:#fff; padding:22px 30px;}
.downloadTxt { padding:20px 30px; display:inline-block;}
.downloadTxt img { height:30px;}

/* -- Footer -- */
footer { padding: 30px 10% 50px 10%; font-size:12px; line-height:18px;}
footer img { width:90%;}
}

/* -- 相關網站 -- */
ul.link { margin: 0 auto; width:90%; max-width:1350px;}
ul.link li { display:inline-block; width:30%; margin: 0 2% 30px 0; padding: 0 0 0 15px; border-left: #fff 1px dotted; font-size:15px;}
ul.link li b { font-size:18px; font-weight:bold; display:block; margin-bottom:5px;}
ul.link li a { color:#fff;}
ul.link li a:hover { color:#363;}

/* -- 相關網站 -- */
ul.webLink { width:100%;}
ul.webLink li:first-child { margin: 0 1% 30px 0;}
ul.webLink li,
/*ul.webLink li:last-child { width:31%; margin: 20px 1% 30px 0; font-size:15px; line-height:24px; vertical-align:top; border-left: #ccc 1px dotted; padding-left:2%; display:inline-block;}*/
ul.webLink li:last-child { width:95%; margin: 20px 1% 30px 0; font-size:13px; line-height:24px; vertical-align:top; border-left: #ccc 1px dotted; padding-left:2%; }
ul.webLink li b { color: #60a049; font-size:18px; font-weight:bold; display: block;}
ul.webLink li:hover b { color:#bb373e;}
ul.webLink li img { width:auto; height:30px; display:block; margin: 0 0 10px 0; opacity: 0.3; filter: alpha(opacity=30);}
ul.webLink li:hover img { width:auto; height:30px; display:block; margin: 0 0 10px 0; opacity: 0.8; filter: alpha(opacity=80);}
ul.webLink li.download { background:url(../images/icon_download.png) no-repeat left top; height:32px; padding: 0 0 0 50px; line-height:32px;}
ul.webLink li.download:hover { background:url(../images/icon_download.png) no-repeat left bottom; height:32px; padding: 0 0 0 50px; line-height:32px;}
.subTitle { display:block; font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:#f1f1f1 1px solid; margin-bottom:20px; color:#148196;}
.subTxtTitle { font-size:18px; font-weight:bold;  color: #60a049; margin-left: 20px;  }
.subTxtContent { font-size:16px; font-weight:bold; white-space: pre-line; margin-left: 20px; }


@media all {
	.lightbox { display: none; }
	.fl-page .jumbotron { margin-top: 2em; }
	.fl-page .doc { margin: 2em 0;}
	.fl-page .btn-download { float: right; }
	.fl-page .btn-default { vertical-align: bottom; }
	.fl-page .btn-lg span { font-size: 0.7em; }
	.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
	.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
	.fl-page .github { margin: 2em 0; }
	.fl-page .github a { vertical-align: top; }
	.fl-page .marketing a { color: #999; }
	/* override default feather style... */
	.fixwidth {	background: rgba(256,256,256, 0.8);}
	.fixwidth .featherlight-content { width: 500px; padding: 25px; color: #fff;	background: #111;}
	.fixwidth .featherlight-close {	color: #fff; background: #333;}
}
#myVideo { position: absolute; top: 0; left: 0; object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: 100%;}
@media(max-width: 768px){
	.fl-page h1 span { display: block; }
	.fl-page .btn-download { float: none; margin-bottom: 1em; }
}

/* -- error -- */
form .error { 
    color: red;
    font-size: 18px;
    font: inherit;
}