/* ---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; color: #39C; font-weight:bold;}
* a:hover, * a:active { text-decoration:none; font-weight:bold; color: #F60;}
.clear { clear:both;}
@font-face { font-family: GOTHIC; src: url(../fonts/GOTHIC.TTF);}

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

body { background: url(../images/mainBG.jpg) no-repeat center 60px #eaf1f9;}
h1 { position:absolute; left:0; top:-1000px;}
#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 15px 0 15px; transition: transform 0.3s ease;}
a:hover img.buyFund { transform: scale(1.1);}


header { width:100%; background:#fff; padding: 30px 3% 20px 3%; text-align:right}
header img { height:35px;}

img.fubon { float:left;}
img.tel { float:right;}

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

/* -- 首頁 -- */
img.mainT { width:auto; margin:200px auto 0 auto; z-index:2; display: block;}
img.subT-1 { margin: 120px auto 0 auto; z-index:2; display: block; width:90%; max-width:1100px;}
img.subT-1-M, img.subT-2-M { display:none;}
img.subT-2 { margin: -20px 3% 10px 0; z-index:2; display: block; width:35%; max-width:439px; float:right;}
img.subT-3 { margin: 70px auto 0 auto; z-index:2; display: block;}

img.chart { width:100%; display:block; margin: 0 auto 30px auto;}
img.chart2,
img.chart3 { width:100%; display:block; margin: 0 auto 30px auto; max-width:600px;}
img.item { width:auto; display:block; margin: 0 auto 30px auto;}
.itemBG { width:100%; background:url(../images/itemBG.png) no-repeat center top; height:151px;}
.itemBG img { display:block; margin: 0 auto; padding-top:86px;}
.midTitle { display:block; width: fit-content; font-size:36px; line-height:45px; font-weight:bolder; color:#000; margin: 35px auto 25px auto; text-align:center;}

/* -- Home -- */
#Home { width:100%; padding: 120px 0 0 0; background:url(../images/mainTitle03.png) no-repeat center bottom; min-height:494px;}
.homeTxt { width: 100%; font-size:20px; color:#000; line-height:32px; margin:0; min-height:399px; position:relative;}
.homeTxt b { font-size:30px; font-weight:bold; line-height:45px; display:block;}

/* -- Why -- */
#Why { width:100%; background:url(../images/BG1.jpg) no-repeat center bottom; padding: 100px 0 60px 0;}

/* -- 首選 -- */
#Choice { width:100%; background: url(../images/BG2.jpg) no-repeat center top #f5f5f5; padding: 90px 0 30px 0;}
.contentB { border-radius:30px; border:#1b508b 4px solid; padding: 0 50px 50px 50px; margin: 65px auto 140px auto; background:#fff; width:95%; max-width:1220px; font-size:22px; line-height:34px; font-weight:bold;}
img.conTitle { display:block; margin: -36px auto 30px auto; width:auto;}

.subTitle { width:100%; background:url(../images/subTitle-Line.png) repeat-x center center; height:88px; display:block; margin: 30px auto 40px auto;}
.subTitle b { background: url(../images/subTitle-BG.png) no-repeat center top; width: fit-content; margin: 0 auto; color:#1b508b; font-size:22px; font-weight:bold; background-size: 100% 84px; height:84px; display:block; text-align:center; min-width: 664px; padding-top:16px;}

#contentL { float:left; vertical-align:top; width:57%; padding: 0 6% 0 0; border-right:#dae2eb 1px solid;}
#contentR { float:right; vertical-align:top; width:38%; padding: 0 0 0 1%;}

.subTitle2 { width:100%; background:url(../images/subTitle-Line.png) repeat-x center center; height:88px; display: block; margin: 30px auto 40px auto;}
.subTitle2 b { background: url(../images/subTitle-BG3.jpg) no-repeat center top; width: fit-content; margin: 0 auto; color:#1b508b; font-size:22px; font-weight:bold; background-size: 100% 84px; height:84px; display:block; text-align:center; min-width: 292px; padding-top:16px;}

.intorTxt { font-size:30px; font-weight:bold; text-align:center; margin-bottom:80px;}
.intorTxt img { display:block; margin: 0 auto 10px auto; width:50px;}
.intorTxt a { border-radius:50px; padding: 20px 0; text-align:center; width: fit-content; font-weight:bolder; font-size:24px; margin: 30px auto 80px auto;}

/*table.win { width:95%; max-width:1100px; margin: 30px auto;}
table.win th { background:url(../images/BG-TH-2.jpg) repeat-x center center; background-size:2px 100%; padding: 15px 10px; color:#fff; font-size:22px; font-weight:bold;}
table.win td { padding: 20px; background:#e3f1f5; border-bottom:#ccc 1px solid; font-size:22px; font-weight:bold; text-align:center;}
table.win td.date { background:#c7e5ed;}*/

/* -- 得獎 -- */
#Award { width:100%; background: url(../images/awardBG.jpg) no-repeat center top #eeebe3; padding: 135px 0 100px 0; font-size:25px; line-height:36px; color:#333; text-align:center;}
.trophy { text-align:center; position:relative;}
img.trophy3 { display:inline-block; z-index:-1; margin-top:-70px;position: relative; width:300px;}
img.trophy5 { display:inline-block; z-index:-1; margin-top:-70px;position: relative; width:300px;}
img.trophy10 { display:inline-block; z-index:999; margin: 0 -70px 0 -70px; padding-top:40px;position: relative;}

/* -- 新登場 -- */
tr:nth-child(even) { background:#f8feff;}
#New { width:100%; background: url(../images/BG3.jpg) no-repeat center top #fff; padding: 75px 0 100px 0;}
table.new { width:95%; max-width:1100px; margin: 30px auto; border:#ccc 1px solid;}
table.new th { background:url(../images/BG-TH.jpg) repeat-x center center; padding: 15px 15px; color:#fff; font-size:22px; font-weight:bold; background-size:2px 100%;}
table.new td { padding: 12px 15px; border-bottom:#ccc 1px solid; font-size:22px; font-weight:bold; text-align:center; font-family:GOTHIC;}
table.new td.date { background:#d6eef2;}

table.new2 { width:100%; max-width:1100px; margin: 30px auto; border:#ccc 1px solid;}
table.new2 th { background:url(../images/BG-TH.jpg) repeat-x center center; padding: 15px 15px;; color:#fff; font-size:22px; font-weight:bold; background-size:2px 100%;}
table.new2 td { text-align: center; /* 水平置中 */ vertical-align: middle; /* 垂直置中 (選用) */ padding: 12px 15px; border-bottom:#ccc 1px solid; font-size:22px; font-weight:bold; text-align:center; font-family:GOTHIC;}
table.new2 tr.date { background:#f8feff;}
table.new2 tr.date2 { background:#f8fffc;}
table.new2 tr.date td:first-child{ border-right:#ccc 1px solid; background:#d6eef2;}
table.new2 tr.date2 td:first-child { border-right:#ccc 1px solid; background:#def7ed;}

ul.bond { font-size:18px; color:#666; margin-bottom:20px; display:block;}
ul.bond li {display:block; line-height:24px; font-weight:normal;}
ul.bond li b { font-size:20px; font-weight:bold; display: inline-block; color:#000;}

ul.color { width:100%; color:#000; display:block; margin-top:5px;}
ul.color li { display:inline-block; padding: 5px 3px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
ul.color li.Bar1 { background:#7ca037;}
ul.color li.Bar2 { background:#d07f21;}
ul.color li.Bar3 { background:#0f7e7c;}
.Bar1Txt { color:#7ca037;}
.Bar2Txt { color:#d07f21;}
.Bar3Txt { color:#0f7e7c;}

table.new2 tr.TR1 td { /*background:#d5ebaa;*/ color:#7ca037;}
table.new2 tr.TR2 td { /*background:#f5dfc5;*/ color:#d07f21;}
table.new2 tr.TR3 td { /*background:#d4f2f1;*/ color:#0f7e7c;}

img.win { position:absolute; right:-25px; bottom:30px; display:block; width:70px;}

/* -- About -- */
#About { width:100%; background: url(../images/BG4.jpg) no-repeat center top #1b508b; padding: 80px 0 100px 0;}
img.LO-loog { display:block; margin: 0 auto 55px auto;}
.aboutTitle { width:80%; background: url(../images/aboutBG.jpg) no-repeat center top; background-size:100% 88px; font-size:26px; font-weight:bold; color:#1b508b; text-align:center; line-height:88px; margin: 0 auto 40px auto;}

ul.aboutSpot { text-align:center; width:80%; margin: 30px auto 90px auto;}
ul.aboutSpot li { width:25%; margin: 0 4%; font-size:20px; color:#fff; line-height:30px; display:inline-block; vertical-align:top;}
ul.aboutSpot li img { display:block; padding: 45px; border:#fff 1px solid; border-radius:100px; margin: 0 auto 35px auto; width:auto;}
ul.aboutSpot li b { font-size:36px; font-weight:bold; display:block; text-align:center; color:#eeebe3;}
ul.aboutSpot li .number { font-size:48px; line-height:50px; color:#fffeb6; font-weight:bold; display:block; text-align:center; margin: 25px 0 45px 0;}
.worldmap { background:url(../images/mapBG.png) no-repeat center top; text-align:center; font-size:16px; color:#fff;}
.worldmap img { display:block; margin: 0 auto 5px auto;}

/* -- 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;}
ul.logo { width:90%; max-width:1250px; margin: 0 auto 15px auto; font-size:14px; color:#999; text-align:center;}
ul.logo li { display:inline-block; width: fit-content; margin: 0 15px; text-align:left;}
ul.logo li img { display:block; margin-top:2px;}
.adTxt { position:absolute; right:20px; bottom:60px; border:#666 1px solid; padding: 8px 30px; width: fit-content; text-align:center; font-size:18px; color:#000;}

#warningTxt { font-size:18px; line-height:34px; color: #666; width:95%; margin: 50px auto; text-align:justify; max-width:1250px; font-weight:bold;}

.noteTxt { width:95%; color:#505050; font-size:15px; line-height:24px; text-align: center; margin: 0 auto;}
.noteTxt b { font-size:24px; font-weight:bolder; display:block; margin-bottom:20px; color:#000;}

img.PIC-M { display:none;}
img.PIC-PC { display:block;}

.copy-right { color: #666; font-size:15px; line-height:24px; background-color: #fff; margin:0; padding: 35px 5%;}
.copy-right b { float:left;}
.copy-right .tel { float:right;}
.copy-right .tel a { color:#5CC0DA; display:inline-block;}

.company { padding: 0 0 30px 0; margin-bottom:30px; border-bottom:#a3bec4 1px solid; display:block; color:#086b80;}
.company img { width: 320px; display:block; margin-bottom:20px;}

/* -- Video -- */
#Video { width:100%; background: url(../images/BG5.jpg) no-repeat center top #20909d; padding: 80px 0 100px 0; font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:28px;}
iframe { aspect-ratio: 560 / 315; width:90%; max-width:1100px; margin: 60px auto 0 auto; border:#86d0d9 5px solid; border-radius:20px; box-shadow:#066 0 0 20px;}


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

#contentL { float:left; vertical-align:top; width:65%; padding: 0 6% 0 0; border-right:#dae2eb 1px solid;}
#contentR { float:right; vertical-align:top; width:30%; padding: 0 0 0 1%;}

}

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

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

body { background: url(../images/mainBG.jpg) no-repeat center 30px #eaf1f9; background-size:2450px auto;}

img.subT-2 { margin: -40px 3% 10px 0; z-index:2; display: block; width:50%; max-width:439px; float:right;}
img.item { width:65%;}


.subTitle b { background: url(../images/subTitle-BG.png) no-repeat center top; background-size:500px 88px; width: fit-content; margin: 0 auto; color:#1b508b; font-size:21px; letter-spacing:-1px; font-weight:bold; background-size: 100% 84px; height:84px; display:block; text-align:center; min-width:530px; padding-top:16px;}

.subTitle2 b { background: url(../images/subTitle-BG3.jpg) no-repeat center top; width: fit-content; margin: 0 auto; color:#1b508b; font-size:21px; font-weight:bold; background-size: 100% 84px; height:84px; display:block; text-align:center; min-width: 292px; padding-top:16px;}


img.conTitle { display:block; margin: -55px auto 30px auto; width:auto;}
.contentB { border-radius:30px; border:#1b508b 4px solid; padding: 0 35px 50px 35px; margin: 135px auto 140px auto;}

img.chart2 { width:100%; max-width:599px;}
img.chart3 { width:100%; max-width:600px;}

#contentL { float:none; vertical-align:top; width:90%; padding: 20px 0; border-right: none; border-bottom:#dae2eb 1px solid;}
#contentR { float:none; vertical-align:top; width:90%; padding: 20px 0;}

/*table.win { width:95%; max-width:1100px; margin: 30px auto;}
table.win th { background:url(../images/BG-TH-2.jpg) repeat-x center center; background-size:2px 100%; padding: 15px 10px; color:#fff; font-size:18px; font-weight:bold;}
table.win td { padding: 15px 10px; background:#e3f1f5; border-bottom:#ccc 1px solid; font-size:20px; font-weight:bold; text-align:center;}*/

table.new { width:95%; max-width:1100px; margin: 30px auto;}
table.new th { background:url(../images/BG-TH.jpg) repeat-x center center; padding: 15px 10px; color:#fff; font-size:18px; font-weight:bold; background-size:2px 100%;}
table.new td { padding: 15px 10px; border-bottom:#ccc 1px solid; font-size:20px; font-weight:bold; text-align:center;}

ul.color li { font-size:18px;}

.midTitle { display:block; width: fit-content; font-size:30px; line-height:40px; font-weight:bolder; color:#000; margin: 35px auto 25px auto; text-align:center;}

img.trophy3 { display:inline-block; z-index:-1; margin-top:-70px;position: relative; width:280px;}
img.trophy5 { display:inline-block; z-index:-1; margin-top:-70px;position: relative; width:280px;}
img.trophy10 { display:inline-block; z-index:999; margin: 0 -70px 0 -70px; padding-top:40px;position: relative; width:300px;}

.aboutTitle { width:95%; background: url(../images/aboutBG.jpg) no-repeat center top; background-size:100% 88px; font-size:24px; font-weight:bold; color:#1b508b; text-align:center; line-height:88px; margin: 0 auto 40px auto;}

ul.aboutSpot { text-align: left; width:80%; margin: 60px auto 90px auto;}
ul.aboutSpot li { width:90%; margin: 0 auto 30px auto; font-size:20px; color:#fff; line-height:30px; display: block; vertical-align:top;}
ul.aboutSpot li img { display: inline-block; padding: 45px; border:#fff 1px solid; border-radius:100px; margin: -20px 35px 35px 0; width:auto; float:left; text-align:left;}
ul.aboutSpot li b { font-size:36px; font-weight:bold; display:block; text-align: left; color:#eeebe3;}
ul.aboutSpot li .number { font-size:48px; line-height:50px; color:#fffeb6; font-weight:bold; display:block; text-align: left; margin: 5px 0 10px 0;}
.worldmap { background:url(../images/mapBG.png) no-repeat center top; text-align:center; font-size:16px; color:#fff;}
.worldmap img { display:block; margin: 0 auto 5px auto;}

img.PIC-M { display:block;}
img.PIC-PC { display:none;}

ul.bond { font-size:16px;}
ul.bond li {line-height:22px;}
ul.bond li b { font-size:18px;}

.copy-right { padding: 35px 0;}
.copy-right b { float:none;}
.copy-right .tel { float:none; display:block; margin-top:20px;}
.copy-right .br { display:inline-block;}

/* -- Video -- */
#Video { background-size:2000px auto; padding: 80px 0 100px 0; font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:28px;}


}

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

@media screen and (max-width: 767px) {

body { background: url(../images/mainBG-M.jpg) no-repeat center -40px #eaf1f9; background-size:750px auto;}
header { width:100%; background:#fff; padding: 10px 3% 0 3%; text-align:right; position:relative;}
header img { height:15px; position:absolute; right:3%; top:20px;}
img.fubon { float:left; height:36px;}
img.tel { float:right; height:36px;}

#btnZone { position:fixed; bottom:5%; right:5px; width:100px; z-index:9999;}
#btnZone a img { width:100%; transition: transform 0.3s ease;}
#btnZone a:hover img { width:100%; transform: scale(1.1);}

img.subT-1,
img.subT-2 { display:none;}
img.subT-1-M { display: block; width:60%; margin: 30px auto 10px auto;}
img.subT-2-M { width:60%; margin: 10px auto; display:block;}
img.subT-3 { width:80px; margin:15px auto 0 auto;}

#Home { width:100%; padding: 10px 0 0 0; background-size: 1200px auto;  min-height:242px;}

/* -- Why -- */
#Why { width:100%; background:url(../images/BG1.jpg) no-repeat center bottom; padding: 70px 0 60px 0;}

img.item { width:75%;}

a img.buyFund { margin: 15px auto; display:block; width: 80%; max-width:300px;}
a:hover img.buyFund { margin: 15px auto; display:block; width: 80%; max-width:300px;}

.subTitle b { background: url(../images/subTitle-BG.png) no-repeat center top; background-size:500px 70px; width: fit-content; margin: 0 auto; color:#1b508b; font-size:16px; letter-spacing:-1px; font-weight:bold; background-size: 100% 84px; height:70px; display:block; text-align:center; min-width:300px; padding-top:10px;}

.subTitle2 b { background: url(../images/subTitle-BG3.jpg) no-repeat center top; width: fit-content; margin: 0 auto; color:#1b508b; font-size:16px; font-weight:bold; background-size: 100% 70px; height:84px; display:block; text-align:center; min-width: 250px; padding-top:14px; margin: 0 auto;}

.pr { display:block; line-height:20px;}

img.conTitle { display:block; margin: -35px auto 30px auto; width:90%;}
.contentB { border-radius:15px; border:#1b508b 2px solid; padding: 0 15px 50px 15px; margin: 60px auto 100px auto; font-size:18px; line-height:26px;}

img.chart2 { width:100%; max-width:599px;}
img.chart3 { width:80%; max-width:500px;}

#contentL { float:none; vertical-align:top; width:90%; padding: 20px 0; border-right: none; border-bottom:#dae2eb 1px solid; margin: 0 auto;}
#contentR { float:none; vertical-align:top; width:90%; padding: 20px 0; margin: 0 auto;}

/*table.win { width:95%; max-width:1100px; margin: 30px auto;}
table.win th { background:url(../images/BG-TH-2.jpg) repeat-x center center; background-size:2px 100%; padding: 10px 5px; color:#fff; font-size:13px; font-weight: normal;}
table.win td { padding: 10px 5px; border-bottom:#ccc 1px solid; font-size:15px; font-weight:bold; text-align:center;}*/

table.new { width:95%; max-width:1100px; margin: 30px auto;}
table.new th,
table.new2 th { background:url(../images/BG-TH.jpg) repeat-x center center; padding: 10px 5px; color:#fff; font-size:15px; font-weight: normal; background-size:2px 100%;}
table.new td,
table.new2 td { padding: 10px 5px; border-bottom:#ccc 1px solid; font-size:15px; font-weight:bold; text-align:center;}

ul.color li { font-size:14px;}

.midTitle { display:block; width: fit-content; font-size:25px; line-height:32px; font-weight:bolder; color:#000; margin: 35px auto 25px auto;}

/* -- 得獎 -- */
#Award { width:100%; background: url(../images/awardBG.jpg) no-repeat center top #eeebe3; background-size:1500px auto; padding: 80px 0 100px 0; font-size:18px; line-height:25px; color:#333; text-align:center;}
.trophy { text-align:center; position:relative;}
img.trophy3 { display:inline-block; z-index:-1; margin-top:-80px;position: relative; width:125px;}
img.trophy5 { display:inline-block; z-index:-1; margin-top:-80px;position: relative; width:125px;}
img.trophy10 { display:inline-block; z-index:999; margin: 0 -30px 0 -30px; padding-top:40px;position: relative; width:140px;}

.aboutTitle { width:95%; background: url(../images/aboutBG.jpg) no-repeat center top; background-size:100% 90px; font-size:18px; font-weight:bold; color:#1b508b; text-align:center; line-height:24px; margin: 0 auto 40px auto; height:90px; padding-top:20px;}

ul.aboutSpot { text-align: left; width:80%; margin: 60px auto 90px auto;}
ul.aboutSpot li { width:90%; margin: 0 auto 40px auto; font-size:16px; color:#fff; line-height:24px; display: block; vertical-align:top;}
ul.aboutSpot li img { display: inline-block; padding: 15px; border:#fff 1px solid; border-radius:100px; margin: -5px 15px 0 0; width:70px; float:left; text-align:left;}
ul.aboutSpot li b { font-size:24px; font-weight:bold; display:block; text-align: left; color:#eeebe3;}
ul.aboutSpot li .number { font-size:30px; line-height:40px; color:#fffeb6; font-weight:bold; display:block; text-align: left; margin: 0px 0 10px 0;}
.worldmap { background:url(../images/mapBG.png) no-repeat center top; text-align:center; font-size:16px; color:#fff; width:100%; background-size:100%;}
.worldmap img { display:block; margin: 0 auto 5px auto; width:100%;}

.noteTxt { width:95%; color:#505050; font-size:13px; line-height:20px; text-align: center; }
.noteTxt b { font-size:20px; font-weight:bolder; display:block; margin-bottom:20px; color:#000;}

img.PIC-M { display:block;}
img.PIC-PC { display:none;}

ul.bond { font-size:15px;}
ul.bond li {line-height:20px;}
ul.bond li b { font-size:16px;}

#warningTxt { font-size:15px; line-height:20px; color: #666; width:90%; margin: 50px auto; text-align:justify; max-width:1250px; font-weight: normal;}

.copy-right { padding: 35px 0;}
.copy-right b { float:none;}
.copy-right .tel { float:none; display:block; margin-top:20px;}
.copy-right .br { display: block;}

.company { padding: 0 0 30px 0; margin-bottom:30px; border-bottom:#a3bec4 1px solid; display:block; color:#086b80;}
.company img { width: 250px; display:block; margin-bottom: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; }
}