/* ---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;
}
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
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/GOTHICB.TTF);}

/* --電腦版型------------------------------------- */
h1 { position:absolute; left:0; top:-1000px;}
/*-- 選單 --*/
h4, #SUBMENU { display:none;}

.mainCon { position:relative; max-width:1250px; margin: 0 auto 0 auto; width:90%;}
#btnZone { position:fixed; bottom:5%; right:10px; width:150px; z-index:9999;}
#btnZone a img { width:100%; transition: transform 0.3s ease;}
#btnZone a:hover img { width:100%; transform: scale(1.1);}
a img.buyFund { display:inline-block; margin: 30px 3% 0 3%; transition: transform 0.3s ease; width:25%; max-width:300px;}
a:hover img.buyFund { transform: scale(1.06);}

a.target1 { display:block; margin-top:-260px; padding-top:260px;}
a.target2 { display:block; margin-top:-235px; padding-top:235px;}
a.target3 { display:block; margin-top:-220px; padding-top:220px;}

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 300px 0 0 0; background: url(../images/mainViewBG.jpg) no-repeat center top; min-height:930px; text-align:right;}

ul.navigation { width:100%; background:#fff; padding:80px 3% 35px 0; border-bottom:#a2cad6 1px solid; color:#CCC; font-weight:normal;}
ul.navigation img.toplogo { position:absolute; top:60px; left:3%;}
ul.navigation li { display:inline-block; font-size: 20px; margin: 0 20px;}
ul.navigation li a { color:#1a2e6d; font-weight:bold;}
ul.navigation li a:hover { color:#C00;}

a.join { position: fixed; right:0; bottom:20px; display:block; z-index:9999; width:200px;}
a.join img { width:100%;}
img.subT-1 { margin: 0 auto; display: block; width:90%; max-width:1095px;}
.subT-2 { background: url(../images/mainView.png) no-repeat center 80px; width:100%; min-height:638px; text-align:right; width:100%;}
img.subT-3 { margin: 35px 10% 0 0; display: block; width:24%; max-width:295px; float:right; clear:both;}
img.subT-4 { width: 51.36%; display:block; width:49%; max-width:642px; float:right; clear:both; margin:30px 10% 0 0;}

h5 { color:#0a4a87; font-size:38px; font-weight:bolder; letter-spacing:-2px; text-align:center; display:block; margin: 0 auto 35px auto; font-family: 'Noto Sans TC', sans-serif; font-weight: 900;}
h5.golden { color:#c3b791;}
h5.issue2 { color:#b89729; font-size:38px; font-weight:bolder; letter-spacing:-2px; text-align:center; display:block; margin: 0 auto 35px auto; font-family: 'Noto Sans TC', sans-serif; font-weight: 900; background:url(../images/itemBG.png) no-repeat center bottom; padding-bottom:40px; width: fit-content;}
  
#warningTxt { font-size:18px; line-height:34px; color: #666; width:100%; padding: 50px 0; text-align:justify; font-weight:bold;}

#future { width:100%; position:relative; background:url(../images/BG-2.jpg) no-repeat center 187px; font-size:20px; line-height:32px; color:#212121; padding-bottom:260px;}
img.item1 { width:auto; display:block; margin: -190px auto 10px auto;}
#future img.chart-PC { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#future img.chart-M { display:none;}

.abgne_tab1 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab1 ul.tabs1 { display:block; width:90%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab1 ul.tabs1 li { width: 21.8%; height:178px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }
.abgne_tab1 ul.tabs1 li.item01 { background:url(../images/tab1-1-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item02 { background:url(../images/tab1-2-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item03 { background:url(../images/tab1-3-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item04 { background:url(../images/tab1-4-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item01.active { background:url(../images/tab1-1-1.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item02.active { background:url(../images/tab1-2-1.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item03.active { background:url(../images/tab1-3-1.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item04.active { background:url(../images/tab1-4-1.png) no-repeat center center; background-size:100% auto;}

div.tab_container1 { width: 100%; margin: 0 auto; position:relative;}
div.tab_container1 .tab_content1 { padding: 0;}

#excellence { width:100%; background:url(../images/BG-3.png) no-repeat center 110px; font-size:20px; line-height:32px; color:#212121; padding-bottom:200px;}
img.item2 { width:auto; display:block; margin: -174px auto 45px auto;}
#excellence img.chart-PC { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#excellence img.chart-M { display:none;}
p.excellence { display:block; margin-bottom:150px;}

#key { width:100%; background:url(../images/BG-5.jpg) no-repeat right 174px; font-size:20px; line-height:32px; color:#fff; padding-bottom:200px; position:relative;}
img.item3 { width:auto; display:block; margin: -174px auto 45px auto;}
img.boatBG { position:absolute; right:-1%; bottom:-50px; width:65%; max-width:817px;}
img.manpic { display:inline-block; float:left; width:40%; max-width:335px; margin: 0 3.2% 0 0;}

.abgne_tab2 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab2 ul.tabs2 { display:block; width:90%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab2 ul.tabs2 li { width: 21.8%; height:178px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }
.abgne_tab2 ul.tabs2 li.item01 { background:url(../images/tab2-1-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item02 { background:url(../images/tab2-2-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item03 { background:url(../images/tab2-3-2.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item01.active { background:url(../images/tab2-1-1.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item02.active { background:url(../images/tab2-2-1.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item03.active { background:url(../images/tab2-3-1.png) no-repeat center center; background-size:100% auto;}

div.tab_container2 { width: 100%; margin: 0 auto; position:relative;}
div.tab_container2 .tab_content1 { padding: 0;}

.manager { font-size:26px; color:#fff; font-weight:bolder; padding:35px 0 60px 0; background:url(../images/itemBG2.png) no-repeat center bottom; width:65%; float:right; margin-bottom:25px;}
.manager b { font-size:52px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 900; color:#c3b791;}
.manager .enN { font-size:32px; color:#c3b791; display:block; margin: 10px 0;}

ul.introTxt { width:65%; float:right; display:block;}
ul.introTxt li { display:block; font-size:18px; color:#fff; line-height:30px; margin: 5px 0; list-style-type: circle; background:url(../images/icon-intro.png) no-repeat left 10px; padding-left:16px;}

ul.team { background:url(../images/pic-team.png) no-repeat left top; padding: 40px 0 0 40%; background-size:38% auto; min-height:305px;}
ul.team li { font-size:24px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:34px;}
ul.team li:nth-child(1) { background:url(../images/icon-1.png) no-repeat left top;} 
ul.team li:nth-child(2) { background:url(../images/icon-2.png) no-repeat left top;} 
ul.team li:nth-child(3) { background:url(../images/icon-3.png) no-repeat left top;} 
ul.team li:nth-child(4) { background:url(../images/icon-4.png) no-repeat left top;} 

ul.country { background:url(../images/itemBG2.png) no-repeat center top; padding: 40px 0 0 0; margin:28px 0 50px 0;}
ul.country li { font-size:24px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:34px;}
ul.country li:nth-child(1) { background:url(../images/icon-1.png) no-repeat left top;} 
ul.country li:nth-child(2) { background:url(../images/icon-2.png) no-repeat left top;} 
ul.country li:nth-child(3) { background:url(../images/icon-3.png) no-repeat left top;} 
ul.country li:nth-child(4) { background:url(../images/icon-4.png) no-repeat left top;} 

.countryPic { display:block; text-align:center;}
.countryPic img { display:inline-block; margin: 0 5px;}

.titleVideo { background:url(../images/itemBG2.png) no-repeat center bottom; width: fit-content; margin: 100px auto 50px auto; font-size:50px; font-family: 'Noto Sans TC', sans-serif; font-weight: 900; color:#c3b791; display:block; padding-bottom:45px;}

.videoZone { width:100%; text-align:center;}
a.video { width:100%; display:block; text-align:center;}
a.video img { width:100%; width:90%; max-width:1030px; margin:30px auto; display:block;}
table.M { display:none;}
table.pc { width:90%; margin: 20px auto 30px auto; text-align:left; max-width:1250px; box-shadow:#333 0 0 15px; border:#fff 6px solid; border-radius:20px; border-collapse: separate;
  border-spacing: 0;}
table.pc th { text-align: center; padding: 15px 0; font-size:18px; font-weight:bold; background:#508fcd;}
table.pc .radius1 { border-radius: 12px 0 0 0;}
table.pc .radius2 { border-radius: 0 12px 0 0;}
table.pc .radius3 { border-radius: 0 0 12px 0;}
table.pc .radius4 { border-radius: 0 0 0 12px;}
table.agenda1 td { font-size:16px; padding: 15px 10px; border-bottom:#cbd9e6 1px dotted; line-height:24px; vertical-align: middle; background:rgba(255,255,255,1); width:20%;}
table.pc td.time { font-size:20px; background:#b7daf0; color:#0a4a87; font-weight:bold;}
table.pc tr:last-child td { border:none;}
table.agenda1 td.issue { font-size:36px; color: #072767; font-weight: bolder; line-height:36px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-align:center;}


/* -- Footer -- */
footer { width:100%; font-size:13px; font-weight:bold; color:#333; line-height:30px; margin: 0 auto; text-align:center; padding: 40px 0 60px 0; position:relative;}

.company { padding: 0 0 30px 0; margin-bottom:30px; border-bottom:#a3bec4 1px solid; display:block; color:#086b80; position:relative;}
.company img { width: 320px; display:block; margin-bottom:20px;}
.company img.wb { position:absolute; right:0; top:0;}
.sTxt { font-size:15px;}
#warningTxt { font-size:18px; line-height:28px; color: #858585; width:100%; padding: 50px 5%; text-align:justify; font-weight:bold; background:#eaf6fa;}
#warningTxt b { font-weight:bolder; color:#000;}

.noteTxt { width:90%; color:#505050; font-size:16px; line-height:25px; margin: 0 auto;}
.noteTxt b { font-weight:bolder; color:#000;}

iframe {width: 90%; aspect-ratio: 16 / 9; margin: 0 auto;}


/*-- 伸縮選單 -- */
header { position: fixed; top: 0; width: 100%; height: 120px; background: #fff; border-bottom:#a2cad6 1px solid; color:#CCC; font-weight:normal; display: flex; justify-content: space-between; align-items: center;
  padding: 0 40px; transition: all 0.3s ease; z-index: 1000; flex-wrap: wrap; /* 為了RWD在小螢幕時換行 */}
header.shrink { height: 65px; padding: 0 20px;}
.logo-container { display: flex; align-items: center; gap: 15px; transition: all 0.3s ease;}
.logo-container img { transition: all 0.3s ease;}
header.shrink .logo-container img { height: 30px;}
.logo-container h1 { font-size: 32px; transition: all 0.3s ease;}
header.shrink .logo-container h1 { font-size: 20px;}
nav ul { list-style: none; display: flex; gap: 20px;}
nav ul li a { color:#1a2e6d; font-weight:bold; font-size: 20px; transition: all 0.3s ease;}
nav ul li a:hover { color:#C00;}
header.shrink nav ul li a { font-size: 20px;}
.content { padding-top: 160px; /* 確保內容不會被 header 擋住 */}

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

#home { width:100%; position:relative; background: url(../images/mainViewBG.jpg) no-repeat center top; min-height:930px; text-align:right;}

.countryPic img { display:inline-block; margin: 0 1%; width:48%;}
img.manpic { display:inline-block; float:left; width:33%; max-width:335px; margin: 0 1% 0 0;}
}


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

@media screen and (min-width: 768px) and (max-width: 1024px) {

a.join { position: fixed; right:0; bottom:20px; display:block; z-index:9999; width:180px;}
#home { width:100%; position:relative; padding:100px 0 0 0; min-height:750px; background-position: center top; background-size:1800px auto;}

img.subT-1 { margin: 100px auto 0 auto; display: block; width:85%; max-width:1095px;}
.subT-2 { background: url(../images/mainView.png) no-repeat center 60px; width:100%; min-height:600px; text-align:right; width:100%; background-size:1600px auto;}
img.subT-3 { margin: 10px 7% 0 0; display: block; width:30%; max-width:295px; float:right; clear:both;}
img.subT-4 { display:block; width:45%; max-width:642px; float:right; clear:both; margin:10px 7% 0 0;}

h5 { font-size:32px; line-height:36px;}
h5.issue2 { font-size:32px;}

#future { width:100%; position:relative; background:url(../images/BG-2.jpg) no-repeat center 139px; font-size:16px; line-height:24px; color:#212121; padding-bottom:180px; background-size:1400px auto;}
img.item1 { width:auto; display:block; margin: -320px auto 10px auto; height:200px;}
#future img.chart-PC { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#future img.chart-M { display:none;}

.abgne_tab1 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab1 ul.tabs1 { display:block; width:98%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab1 ul.tabs1 li { width: 21.8%; height:120px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }

#excellence { width:100%; background:url(../images/BG-3.png) no-repeat center 66px; font-size:16px; line-height:24px; color:#212121; padding-bottom:150px; background-size:1400px auto;}
img.item2 { width:auto; display:block; margin: -129px auto 45px auto; height:200px;}
#excellence img.chart-PC { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#excellence img.chart-M { display:none;}
p.excellence { display:block; margin-bottom:120px;}

#key { width:100%; background:url(../images/BG-5.jpg) no-repeat right 130px; font-size:16px; line-height:24px; color:#fff; padding-bottom:100px; position:relative;}
img.item3 { width:auto; display:block; margin: -129px auto 45px auto; height:200px}
img.boatBG { position:absolute; right:-1%; bottom:-20px; width:65%; max-width:817px;}
img.manpic { display:inline-block; float:left; width:30%; max-width:335px; margin: 0 2% 0 0;}

.abgne_tab2 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab2 ul.tabs2 { display:block; width:98%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab2 ul.tabs2 li { width: 21.8%; height:110px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }

.manager { font-size:20px; color:#fff; font-weight:bolder; padding:35px 0 30px 0; background:url(../images/itemBG2.png) no-repeat center bottom; width:65%; float:right; margin-bottom:15px;}
.manager b { font-size:40px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 900; color:#c3b791;}
.manager .enN { font-size:30px; color:#c3b791; display:block; margin: 5px 0;}

ul.introTxt { width:65%; float:right; display:block;}
ul.introTxt li { display:block; font-size:16px; color:#fff; line-height:24px; margin: 5px 0; list-style-type: circle; background:url(../images/icon-intro.png) no-repeat left 10px; padding-left:16px;}

ul.team { background:url(../images/pic-team.png) no-repeat left top; padding: 40px 0 0 40%; background-size:38% auto; min-height:305px;}
ul.team li { font-size:18px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:28px;}

ul.country { background:url(../images/itemBG2.png) no-repeat center top; padding: 40px 0 0 0; margin:28px 0 50px 0;}
ul.country li { font-size:18px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:28px;}

.countryPic { display:block; text-align:center;}
.countryPic img { display:inline-block; margin: 0 5px;}

.titleVideo {  margin: 100px auto 50px auto; font-size:32px; padding-bottom:45px;}

table.pc th { padding: 15px 0; font-size:16px;}
table.agenda1 td { font-size:16px; padding: 15px 10px; border-bottom:#cbd9e6 1px dotted; line-height:24px; vertical-align: middle; background:rgba(255,255,255,1); width:20%;}
table.pc td.time { font-size:20px; background:#b7daf0; color:#0a4a87; font-weight:bold;}
table.agenda1 td.issue { font-size:30px; color: #072767; font-weight: bolder; line-height:36px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-align:center;}

/* -- Footer -- */
footer { width:100%; padding: 45px 5% 55px 5%;}
.company { padding: 0 0 30px 0; margin-bottom:30px; border-bottom:#a3bec4 1px solid; display:block; color:#086b80; position:relative;}
.company img { width: 240px; display:block; margin-bottom:20px;}
.company img.wb { position:absolute; right:0; top:-10px; width:200px;}
.sTxt { font-size:13px;}
#warningTxt { font-size:16px; line-height:24px; color: #858585; width:100%; padding: 50px 5%; text-align:justify; font-weight:bold; background:#eaf6fa;}
#warningTxt b { font-weight:bolder; color:#000;}
#future img.chart-M { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#future img.chart-PC { display:none;}

#excellence img.chart-M { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#excellence img.chart-PC { display:none;}

/*-- 伸縮選單 -- */
header { position: fixed; top: 0; width: 100%; height: 90px; background: #fff; border-bottom:#a2cad6 1px solid; color:#CCC; font-weight:normal; display: flex; justify-content: space-between; align-items: center;
  padding: 0 25px; transition: all 0.3s ease; z-index: 1000; flex-wrap: wrap; /* 為了RWD在小螢幕時換行 */}
header.shrink { height: 65px; padding: 0 20px;}
.logo-container { display: flex; align-items: center; gap: 15px; transition: all 0.3s ease;}
.logo-container img { transition: all 0.3s ease; height:25px;}
header.shrink .logo-container img { height: 20px;}
.logo-container h1 { font-size: 32px; transition: all 0.3s ease;}
header.shrink .logo-container h1 { font-size: 20px;}
nav ul { list-style: none; display: flex; gap: 10px;}
nav ul li a { color:#1a2e6d; font-weight:bold; font-size: 18px; transition: all 0.3s ease;}
nav ul li a:hover { color:#C00;}
header.shrink nav ul li a { font-size: 18px;}
.content { padding-top: 210px; /* 確保內容不會被 header 擋住 */}
}

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

@media screen and (max-width: 767px) {
#home { width:100%; position:relative; padding:100px 0 0 0; min-height:750px; background-position: center top; background-size:1000px auto;}

#btnZone { position:fixed; bottom:2%; right:5px; width:70px; z-index:9999;}
#btnZone a img { width:100%; transition: transform 0.3s ease;}
#btnZone a:hover img { width:100%; transform: scale(1.1);}
a img.buyFund { display:inline-block; margin: 30px 3% 0 3%; transition: transform 0.3s ease; width:25%; max-width:300px;}
a:hover img.buyFund { transform: scale(1.06);}

img.subT-1 { margin: 20px auto 0 auto; display: block; width:90%; max-width:1095px;}
.subT-2 { background: url(../images/mainView.png) no-repeat -230px 180px; width:100%; min-height:500px; text-align:left; width:100%; background-size:1100px auto;}
img.subT-3 { margin: 10px 0 0 5%; display: block; width:45%; max-width:295px; float:left; clear:both;}
img.subT-4 { display:block; width:85%; max-width:642px; float:left; clear:both; margin:10px 0 0 5%;}
a.join { position: fixed; right:0; bottom:20px; display:block; z-index:9999; width:120px;}
h5 { font-size:24px; letter-spacing:-1px; margin: 0 auto 35px auto; font-family: 'Noto Sans TC', sans-serif; font-weight: 900;}
h5.issue2 { font-size:24px; font-weight:bolder; letter-spacing:-1px; background:url(../images/itemBG.png) no-repeat center bottom; padding-bottom:25px; width: fit-content;}

a img.buyFund { margin: 25px auto 20px auto; display:block; width: 60%; max-width:300px;}
a:hover img.buyFund { margin: 25px auto 20px auto; display:block; width: 60%; max-width:300px;}

#future { width:100%; position:relative; background:url(../images/BG-2.jpg) no-repeat center 91px; font-size:16px; line-height:24px; color:#212121; padding-bottom:120px; background-size:1400px auto;}
img.item1 { width:auto; display:block; margin: -320px auto 10px auto; height:130px;}
#future img.chart-PC { width:90%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#future img.chart-M { display:none;}


.abgne_tab1 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab1 ul.tabs1 { display:block; width:98%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab1 ul.tabs1 li { width: 24%; height:100px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }
.abgne_tab1 ul.tabs1 li b { display: inline-block; cursor:pointer; color: #9e97cb; text-align:center; font-size:48px; margin:0; font-weight:bold; letter-spacing: -1px; font-family: GOTHIC;}
.abgne_tab1 ul.tabs1 li .week { display:inline-block; width:32px; height:32px; line-height:32px; font-size:18px; font-weight:bold; color:#6156ae; margin: 0 0 10px 7px; border-radius:30px; background:#9e97cb; vertical-align:middle; text-align:center;}
.abgne_tab1 ul.tabs1 li.item01 { background:url(../images/tab1-1-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item02 { background:url(../images/tab1-2-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item03 { background:url(../images/tab1-3-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item04 { background:url(../images/tab1-4-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item01.active { background:url(../images/tab1-1-1-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item02.active { background:url(../images/tab1-2-1-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item03.active { background:url(../images/tab1-3-1-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab1 ul.tabs1 li.item04.active { background:url(../images/tab1-4-1-M.png) no-repeat center center; background-size:100% auto;}

div.tab_container1 { width: 100%; margin: 0 auto; position:relative;}
div.tab_container1 .tab_content1 { padding: 0;}

.abgne_tab2 { display:block; z-index:9995; width:100%; max-width:1250px; margin: 0 auto;}
.abgne_tab2 ul.tabs2 { display:block; width:98%; text-align:center; margin:0 auto; max-width:1200px; text-align: center;}
.abgne_tab2 ul.tabs2 li { width: 31%; height:140px; display:inline-block; text-align:left; padding: 0; cursor:pointer; margin:0 -3px; }
.abgne_tab2 ul.tabs2 li b { display: inline-block; cursor:pointer; color: #9e97cb; text-align:center; font-size:48px; margin:0; font-weight:bold; letter-spacing: -1px; font-family: GOTHIC;}
.abgne_tab2 ul.tabs2 li .week { display:inline-block; width:32px; height:32px; line-height:32px; font-size:18px; font-weight:bold; color:#6156ae; margin: 0 0 10px 7px; border-radius:30px; background:#9e97cb; vertical-align:middle; text-align:center;}
.abgne_tab2 ul.tabs2 li.item01 { background:url(../images/tab2-1-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item02 { background:url(../images/tab2-2-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item03 { background:url(../images/tab2-3-2-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item01.active { background:url(../images/tab2-1-1-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item02.active { background:url(../images/tab2-2-1-M.png) no-repeat center center; background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item03.active { background:url(../images/tab2-3-1-M.png) no-repeat center center; background-size:100% auto;}

#excellence { width:100%; background:url(../images/BG-3.png) no-repeat center 66px; font-size:16px; line-height:24px; color:#212121; padding-bottom:150px; background-size:800px auto;}
img.item2 { width:auto; display:block; margin: -86px auto 45px auto; height:130px;}
p.excellence { display:block; margin-bottom:80px;}

#key { width:100%; background:url(../images/BG-5.jpg) no-repeat right 85px; font-size:16px; line-height:24px; color:#fff; padding-bottom:100px; position:relative;}
img.item3 { width:auto; display:block; margin: -129px auto 45px auto; height:130px}
img.boatBG { position:absolute; right:-1%; bottom:-20px; width:80%; max-width:817px;}
img.manpic { display:block; float:none; width:60%; max-width:335px; margin: 0 auto 20px auto;}

.manager { font-size:18px; color:#fff; font-weight:bolder; padding:35px 0 30px 0; background:url(../images/itemBG2.png) no-repeat center bottom; width:100%; float:none; margin-bottom:15px; text-align:center;}
.manager b { font-size:36px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 900; color:#c3b791;}
.manager .enN { font-size:26px; color:#c3b791; display:block; margin: 5px 0;}

ul.introTxt { width:100%; float:none; display:block;}
ul.introTxt li { display:block; font-size:16px; color:#fff; line-height:24px; margin: 5px 0; list-style-type: circle; background:url(../images/icon-intro.png) no-repeat left 10px; padding-left:16px;}

ul.team { background:url(../images/pic-team.png) no-repeat center top; padding: 105px 0 0 0; background-size:auto 100px; min-height:305px;}
ul.team li { font-size:18px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:28px;}

ul.country { background:url(../images/itemBG2.png) no-repeat center top; padding: 40px 0 0 0; margin:28px 0 50px 0;}
ul.country li { font-size:18px; color:#fff; width:100%; display:block; padding-left:45px; font-weight:bold; margin-bottom:15px; min-height:28px;}

.countryPic { display:block; text-align:center;}
.countryPic img { display:block; margin: 0 auto 10px auto; width:98%;}

.titleVideo {  margin: 100px auto 50px auto; font-size:24px; line-height:30px; padding: 0 2% 35px 2%;}

.noteTxt { width:90%; color:#505050; font-size:14px; line-height:22px; margin: 0 auto;}

table.pc{ display:none;}
table.M { display:block;}

table.M { width:90%; margin: 20px auto 30px auto; text-align:left; box-shadow:#333 0 0 15px; border:#fff 4px solid; border-radius:15px; border-collapse: separate;
  border-spacing: 0;}
table.M th { text-align: center; padding: 10px 0; font-size:15px; font-weight:bold; background:#508fcd;}
table.M .radius1 { border-radius: 12px 0 0 0;}
table.M .radius2 { border-radius: 0 12px 0 0;}
table.M .radius3 { border-radius: 0 0 12px 0;}
table.M .radius4 { border-radius: 0 0 0 12px;}
table.agenda1 td { font-size:14px; padding: 15px 10px; border-bottom:#cbd9e6 1px dotted; line-height:24px; vertical-align: middle; background:rgba(255,255,255,1); width:20%;}
table.M td.time { font-size:18px; background:#b7daf0; color:#0a4a87; font-weight:bold; text-align:center;}
table.agenda1 td.issue { font-size:24px; color: #072767; font-weight: bolder; line-height:36px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-align:center;}

ul.introTxt b { display:block; font-size:24px; font-weight:bolder; color:#FF0; margin-bottom:20px;}
ul.introTxt li { display:block; font-size:15px; color:#fff; line-height:30px; margin: 5px 0; list-style-type:disc;}

/* -- Footer -- */
footer { width:100%; padding: 45px 5% 55px 5%;}
.company { padding: 0 0 15px 0; margin-bottom:15px; border-bottom:#a3bec4 1px solid; display:block; color:#086b80; position:relative;}
.company img { width: 150px; display:block; margin-bottom:20px;}
.company img.wb { position:absolute; right:0; top:-10px; width:140px;}
.sTxt { font-size:12px;}
#warningTxt { font-size:14px; line-height:20px; color: #858585; width:100%; padding: 50px 5%; text-align:justify; font-weight:bold; background:#eaf6fa;}

#future img.chart-M { width:100%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#future img.chart-PC { display:none;}

#excellence img.chart-M { width:100%; display:block; margin: 50px auto 30px auto; max-width:1050px;}
#excellence img.chart-PC { display:none;}

 header {
    flex-direction: column;
    height: auto;
    padding: 20px 20px;
    align-items: flex-start;
  }

  header.shrink {
    height: auto;
    padding: 20px 20px;
  }

  .logo-container img {
    height: 20px;
  }

  header.shrink .logo-container img {
    height: 20px;
  }

  .logo-container h1 {
    font-size: 24px;
  }

  header.shrink .logo-container h1 {
    font-size: 18px;
  }

  nav ul {
     display:none;
  }

  /*-- 選單 --*/
h4 { width:95px; height:70px; background: url(../images/menu.png) no-repeat center center; background-size:95px 70px; position: fixed; top:0; 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: url(../images/menuBG.png) no-repeat 10% 90% rgba(8,107,128,.9);}
#SUBMENU ul { padding: 0; margin: 80px 0 0 5%; width:80%; text-align: right;}
#SUBMENU ul li { width:100%; letter-spacing:0; list-style:none;}
#SUBMENU ul li a { font-size:20px; color: #c2f2f1; font-weight:bold; padding: 20px 0; border-right:none; width:100%; margin: 0; display:block; font-family:Arial, Helvetica, sans-serif, "微軟正黑體";}
#SUBMENU ul li a:hover { color:#fff;}
  
}

@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; }
}