/* ---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;}

body { background:url(../images/mainBG.jpg) repeat-y center top;}
* { -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: bah; src: url(../fonts/bahnschrift.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%;}

/*-- 伸縮選單 -- */
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在小螢幕時換行 */}

nav { width:100%; position: fixed; z-index:9999; padding:20px; background:rgba(0,0,0,.3); text-align:right;}
nav ul { list-style: none; color:#bbb; text-align:right; width:100%;}
nav ul li { display:inline-block; width:fit-content; padding: 0 10px;}
nav ul li a { color:#e1e1e1; font-weight:bold; font-size: 18px; transition: all 0.3s ease;}
nav ul li a:hover { color:#fff;}

#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);}

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

.colorP { color:#dc88ff;}
img.arrow { display:block; margin: 25px auto;}

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 230px 0 0 0; text-align:center;}
.fixBG { background:url(../images/homeBG-fix.png) no-repeat center top;}
.animateBG { /*background:url(../images/homeBG.png) no-repeat center top; width:100%;*/}
#home img.main01 { display:block; margin: 0 auto 5px auto;  /* 初始狀態：完全透明且帶有高模糊效果 */
  opacity: 0; filter: blur(15px);/* 設定動畫持續時間為 1 秒，採用平滑曲線 */
  transition: opacity 1s ease, filter 1s ease;}
#home img.main01.is-loaded { /* 清楚狀態：完全不透明且模糊歸零 */
  opacity: 1; filter: blur(0px);
}

/* 1. 定義動畫的變化過程 */
@keyframes blurFadeIn {
0% {
	opacity: 0;                 /* 一開始：完全透明 */
	filter: blur(25px);         /* 一開始：強烈模糊 */
	transform: scale(0.95);     /* 一開始：稍微縮小（增加動態延伸感） */
	}
100% {
	opacity: 1;                 /* 最後：完全顯現 */
	filter: blur(0px);          /* 最後：完全清晰 */
	transform: scale(1);        /* 最後：恢復正常尺寸 */
	}
}

/* 2. 套用動畫到圖片上 */
.blur-in-animation {
	animation: blurFadeIn 2.5s ease-out forwards;
	/* 優化瀏覽器渲染效能 */
	will-change: filter, opacity;
	}

#home img.main02,
#home img.main03,
#home img.main04 { display:inline-block; vertical-align:middle; margin: 0 2%;}

#fonTxt { font-size:20px; line-height:32px; color:#fff; text-align:center; width:90%; margin: 140px auto 95px auto; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 500;}
#fonTxt img { display: block; margin: 20px auto;}

img.item { width:auto; display:block; margin: 0 auto 60px auto;}

.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 40px auto; max-width:1200px; text-align: center;}
.abgne_tab2 ul.tabs2 li { width: 448px; height:113px; display:inline-block; text-align: center; padding: 0; cursor:pointer; margin:0 -20px; line-height:90px; font-size:44px;}
.abgne_tab2 ul.tabs2 li b { font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800;}
.abgne_tab2 ul.tabs2 li.item01 { background: url(../images/tab1-BG.png) no-repeat center center; color:#989baa;}
.abgne_tab2 ul.tabs2 li.item02 { background: url(../images/tab1-BG.png) no-repeat center center; color:#989baa;}
.abgne_tab2 ul.tabs2 li.item01.active { background: url(../images/tab1-BG-R.png) no-repeat center center; color:#1b2243;}
.abgne_tab2 ul.tabs2 li.item02.active { background: url(../images/tab1-BG-G.png) no-repeat center center; color:#1b2243;}

div.tab_container2 { width: 100%; margin: 0 auto; position:relative;}
div.tab_container2 .tab_content2 { padding: 30px 0; color:#fff; text-align:center; width:90%; max-width:1300px; margin: 0 auto 80px auto; font-size:24px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 600; line-height:32px;}
div.tab_container2 .award1 { border-left: #ea339f 2px solid; border-right: #ea339f 3px solid;}
div.tab_container2 .award2 { border-left: #32a548 2px solid; border-right: #32a548 3px solid;}

ul.score-R { width:100%; margin: 50px auto 80px auto; text-align:center;}
ul.score-R li { width:22%; margin: 0 1%; font-size: 40px; color:#fff; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700; border-right: #9da1b2 2px dotted; display:inline-block;}
ul.score-R li:last-child { border:none;}
ul.score-R li b { font-size:90px; font-family: bah; display:block; color:#ea329f; line-height:80px;}

ul.score-G { width:100%; margin: 50px auto 80px auto; text-align:center;}
ul.score-G li { width:23%; margin: 0; font-size: 40px; color:#fff; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700; border-right: #32a548 2px dotted; display:inline-block;}
ul.score-G li:last-child { border:none;}
ul.score-G li b { font-size:90px; font-family: bah; display:block; color:#32a548; line-height:80px;}

ul.awlist li { display:inline-block; margin: 0 10px;}

.arrowS { margin: 10px auto;}
.awardR { font-size: 40px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; color:#ea329f;}
.awardG { font-size: 40px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; color:#32a548;}

.awardnote { font-size:20px; color:#c4c4c4; display:block; margin: 10px auto;}

#Timeline { padding: 70px 0 90px 0;text-align:center; width:90%; max-width:1250px; margin: 0 auto; color:#fff; font-size:24px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 500;}

.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 50px auto; max-width:1200px; text-align: center;}
.abgne_tab1 ul.tabs1 li { width: 160px; height:160px; margin: 0 1%; display:inline-block; text-align: center; padding: 45px 15px 15px 15px; cursor:pointer; border-radius:100px; background-color: transparent; color:#fff; border: #dc88ff 1px solid; font-size:20px; vertical-align:middle; transition: all 0.5s ease;}
.abgne_tab1 ul.tabs1 li:hover { transform: scale(1.05);}
.abgne_tab1 ul.tabs1 li.arrow { padding: 75px 0 0 0; border:none; margin: 0 -1%; width: 46px; height:160px; line-height:160px;}
.abgne_tab1 ul.tabs1 li.arrow.active { border:none; background:none;}
.abgne_tab1 ul.tabs1 li.arrow img { display:block; vertical-align:middle;}
.abgne_tab1 ul.tabs1 li b { font-size:40px; display:block; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; letter-spacing:-2px;}
.abgne_tab1 ul.tabs1 li.active { border:1px solid #fff; background:#fff; color:#0e152e;}

div.tab_container1 { width: 100%; margin: 0 auto; position:relative; max-width:800px;}
div.tab_container1 .tab_content1 { padding: 0; text-align:left; font-size:42px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; display:block;}
div.tab_container1 .tab_content1 ul.list { font-size:42px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; border-left:#dc88ff 4px solid; padding-left:20px; margin-top:25px;}
div.tab_container1 .tab_content1 ul.list li { font-size:18px; color:#fff; font-weight:200; margin: 13px 0; line-height:24px;}

#Participation { padding: 70px 0 90px 0;text-align:center; width:90%; max-width:1250px; margin: 0 auto; color:#fff; font-size:24px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 500;}
.date { font-size:40px; line-height:55px; display:block; font-weight: 700;}
.noteTxt { color:#a3a7b3; font-size:18px; line-height:25px; margin: 25px; auto;}

ul.join { margin-top:10px;}
ul.join li { width:30%; display:inline-block; margin: 0 1%;}
ul.join li a { border-radius:100px; text-align:center; display:block; width:100%; color:#192243; font-size:44px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 800; letter-spacing:-2px; padding: 30px 0; transition: all 0.5s ease;}
ul.join li a img { display:inline-block; margin: 0 10px 0 0; vertical-align: bottom;}
ul.join li a.btn1 { background:#ccb99e;}
ul.join li a.btn2 { background:#eebfbf;}
ul.join li a.btn3 { background:#aad1e9;}
ul.join li a.btn1:hover { background:#e9d7bc; transform: scale(1.05);}
ul.join li a.btn2:hover { background:#f9caca; transform: scale(1.05);}
ul.join li a.btn3:hover { background:#c6e5f8; transform: scale(1.05);}
ul.join>li>a>b { display:block; font-size:16px; display:block; font-weight:300; letter-spacing:0; margin-top:10px;}

#logo { width: 100%; background:url(../images/logoBG.jpg) no-repeat center top; padding: 70px 0 40px 0; text-align:center;}
#logo b { display:block; font-size:20px; color:#dc98f9; font-weight:bolder; margin-bottom:5px;}
#logo img { display:inline-block; margin: 0 20px 40px 20px;}

footer { background:url(../images/footBG.jpg) no-repeat center bottom #e8e9ec; width:100%; padding: 70px 0 20px 0; color:#2f2f2f; font-size:40px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 900; text-align:center;}
footer b { color:#9a9fb0; font-family:bah; font-size:16px; font-weight: normal;}

ul.contact { width:90%; max-width:1250px; margin: 35px auto;}
ul.contact li { width:48%; display: inline-block; font-size: 42px; font-family:GOTHIC; color:9857b2; font-family:bah; color:#9857b2; letter-spacing:-2px; vertical-align:top; line-height:48px;}
ul.contact li img { display:block; margin: 15px auto;}
ul.contact li:first-child { border-right:#999 1px dotted;}
a.reserve { display:block; width: fit-content; font-size: 24px; padding: 20px 60px; text-align:center; background:#0d152f; color:#fff; margin: 30px auto 70px auto; border-radius:200px; transition: all 0.5s ease;}
a.reserve:hover { transform: scale(1.2); background:#000;}

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

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

#home { padding: 200px 0 0 0; } 
.fixBG,
.animateBG { background-size: 1200px auto;}

#home img.main01 { width:60%; max-width:747px;}
#home img.main02 { width:21%; max-width:261px;}
#home img.main04 { width:21%; max-width:261px;}

.abgne_tab1 ul.tabs1 { width:98%;}
div.tab_container2 .tab_content2 { width:96%;}

ul.join li { width:31%; display:inline-block; margin: 0 0.5%;}
ul.join li a { font-size:38px;}
ul.join li a img { display:inline-block; margin: 0 10px 0 0; vertical-align: bottom;}
ul.join>li>a>b { font-size:16px;}

}


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

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

.fixBG,
.animateBG { background-size: 1000px auto;}
	
#home img.main01 { width:66%; max-width:747px;}
#home img.main02 { width:24%; max-width:261px;}
#home img.main03 { width:3%; max-width:20px;}
#home img.main04 { width:24%; max-width:261px;}
img.item { width:380px;}

#fonTxt { font-size:18px; line-height:28px;}
#fonTxt img.txt { width:300px;}

.abgne_tab2 ul.tabs2 { width:100%;}
.abgne_tab2 ul.tabs2 li { width: 280px; height:71px; margin:0 -20px; line-height:62px; font-size:30px;}
.abgne_tab2 ul.tabs2 li.item01,
.abgne_tab2 ul.tabs2 li.item02 { background-size:100% auto;}
.abgne_tab2 ul.tabs2 li.item01.active,
.abgne_tab2 ul.tabs2 li.item02.active { background-size:100% auto;}

div.tab_container2 .tab_content2 { padding: 30px 3%; color:#fff; text-align:center; width:90%; max-width:1300px; margin: 0 auto 80px auto; font-size:22px; line-height:30px;}

ul.score-R { width:100%; margin: 50px auto 80px auto; text-align:center;}
ul.score-R li { width:23%; margin: 0; font-size: 30px; padding:0;}
ul.score-R li b { font-size:50px; font-family: bah; display:block; color:#ea329f; line-height:80px;}

ul.score-G { width:100%; margin: 50px auto 80px auto; text-align:center;}
ul.score-G li { width:23%; margin: 0; font-size: 30px; padding:0;}
ul.score-G li b { font-size:50px; font-family: bah; display:block; color:#32a548; line-height:80px;}

.arrowS { margin: 10px auto;}
.awardR,
.awardG { font-size: 30px; line-height:40px;}

.awardnote { font-size:18px;}

.abgne_tab1 ul.tabs1 { width:100%; margin:0 auto 50px auto;}
.abgne_tab1 ul.tabs1 li { width: 130px; height:130px; margin: 0 1%; text-align: center; padding: 38px 15px 15px 15px; font-size:18px;}
.abgne_tab1 ul.tabs1 li.arrow { padding: 45px 0 0 0; border:none; margin: 0 -1%; width: 26px; height:100px; line-height:100px;}
.abgne_tab1 ul.tabs1 li.arrow img { width:100%;}
.abgne_tab1 ul.tabs1 li b { font-size:32px;}

div.tab_container1 .tab_content1 ul.list { font-size:36px;}

ul.join li { width:65%; display: block; margin: 0 auto 20px auto;}
ul.join li a { font-size:42px; padding: 18px 0;}
ul.join li a img { display:inline-block; margin: 0 10px 0 0; vertical-align: bottom;}
ul.join>li>a>b { font-size:16px;}

/*-- 伸縮選單 -- */
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在小螢幕時換行 */}

ul.contact { width:90%; max-width:1250px; margin: 35px auto;}
ul.contact li { width:100%; display: block; padding: 10px 0;}
ul.contact li img { margin:5px auto;}
ul.contact li:first-child { border-right:none; border-bottom:#999 1px dotted;}

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

}

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

@media screen and (max-width: 767px) {
.fixBG,
.animateBG { background-size: 600px auto;}

#home { padding-top:150px;}
#home img.main01 { width:80%; max-width:747px;}
#home img.main02 { width:35%; max-width:261px;}
#home img.main03 { width:3%; max-width:20px;}
#home img.main04 { width:35%; max-width:261px;}
img.item { width:300px; margin-bottom: 25px;}

#fonTxt { font-size:16px; line-height:25px; margin:60px auto 55px auto;}
#fonTxt img.txt { width:300px;}

.abgne_tab2 ul.tabs2 { width:100%; margin: 0 auto;}
.abgne_tab2 ul.tabs2 li { width: 170px; height:117px; margin:0 3px; line-height:25px; font-size:20px; letter-spacing:-2px; padding-top:19px;}
.abgne_tab2 ul.tabs2 li b { display:block; font-size:36px; margin-bottom:5px;}
.abgne_tab2 ul.tabs2 li.item01 { background:url(../images/tab1-BG-M.png) no-repeat center top; background-size:100% auto; color:#39447a;}
.abgne_tab2 ul.tabs2 li.item02 { background:url(../images/tab1-BG-M.png) no-repeat center top; background-size:100% auto; color:#39447a;}
.abgne_tab2 ul.tabs2 li.item01.active { background:url(../images/tab1-BG-M-R.png) no-repeat center top; background-size:100% auto; color:#fff;}
.abgne_tab2 ul.tabs2 li.item02.active { background:url(../images/tab1-BG-M-G.png) no-repeat center top; background-size:100% auto; color:#fff;}
div.tab_container2 { width: 95%;}
div.tab_container2 .tab_content2 { padding: 30px 3%; color:#fff; text-align:center; width:94%; max-width:1300px; margin: 0 auto 30px auto; font-size:20px; line-height:30px;}

ul.score-R { width:100%; margin: 50px auto 50px auto; text-align:center;}
ul.score-R li { width:30%; margin: 0 0 20px 0; font-size: 20px; padding:0;}
ul.score-R li b { font-size:42px; font-family: bah; display:block; color:#ea329f; line-height:35px;}

ul.score-G { width:100%; margin: 50px auto 50px auto; text-align:center;}
ul.score-G li { width:30%; margin: 0 0 20px 0; font-size: 20px; padding:0;}
ul.score-G li b { font-size:42px; font-family: bah; display:block; color:#32a548; line-height:35px;}

ul.score-R li:nth-child(3),
ul.score-G li:nth-child(3) { border:none;}

.arrowS { margin: 10px auto;}
.awardR,
.awardG { font-size: 28px; line-height:34px;}

.awardnote { font-size:18px;}

.abgne_tab1 ul.tabs1 { width:100%; margin:0 auto 50px auto;}
.abgne_tab1 ul.tabs1 li { width: 130px; height:130px; margin: 0 1%; text-align: center; padding: 38px 15px 15px 15px; font-size:18px;}
.abgne_tab1 ul.tabs1 li.arrow { padding: 45px 0 0 0; border:none; margin: 0 -1%; width: 26px; height:100px; line-height:100px;}
.abgne_tab1 ul.tabs1 li.arrow img { width:100%;}
.abgne_tab1 ul.tabs1 li b { font-size:32px;}

div.tab_container1 .tab_content1 ul.list { font-size:36px;}

ul.join li { width:85%; display: block; margin: 0 auto 20px auto;}
ul.join li a { font-size:36px; padding: 18px 0;}
ul.join li a img { display:inline-block; margin: 0 10px 0 0; vertical-align: bottom; width: auto; height: 45px;}
ul.join>li>a>b { font-size:16px;}

/*-- 伸縮選單 -- */
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在小螢幕時換行 */}

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/mainBG.jpg) repeat-y center top; background-size:800px auto;}
#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: #bbb; 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;}

nav { display: none;}

#Timeline { padding: 30px 0;}
.abgne_tab1 ul.tabs1 { width:100%; margin:0 auto 20px auto;}
.abgne_tab1 ul.tabs1 li { width: 23%; margin: 0; text-align: center; padding: 38px 15px 15px 15px; font-size:13px;}
.abgne_tab1 ul.tabs1 li.arrow { padding: 45px 0 0 0; border:none; margin: 0 -1%; width: 26px; height:100px; line-height:100px; display:none;}
.abgne_tab1 ul.tabs1 li.arrow img { width:100%;}
.abgne_tab1 ul.tabs1 li b { font-size:24px;}
div.tab_container1 .tab_content1 { font-size:28px;}

#Participation { font-size:20px; padding:70px 0 70px 0;}
.date { font-size:28px; line-height:36px; letter-spacing:-1px;}

#logo { width: 100%; background:url(../images/logoBG.jpg) no-repeat center top; padding: 70px 0 40px 0; text-align:center;}
#logo b { display:block; font-size:16px; color:#dc98f9; font-weight:bolder; margin-bottom:5px;}
#logo img { display: block; margin: 0 auto 20px auto; height:60px;}

footer { padding: 40px 0 20px 0; font-size:32px;}
footer b { font-size:13px; font-weight: normal; line-height:18px; color:#CCC; display:block;}

ul.awlist {}
ul.awlist li { width:45%; display: inline-block; margin: 0 0 5px 0;}

ul.contact { width:90%; max-width:1250px; margin: 35px auto 20px auto;}
ul.contact li { width:100%; display: block; padding: 10px 0; font-size:32px; line-height:40px;}
ul.contact li img { margin:5px auto;}
ul.contact li:first-child { border-right:none; border-bottom:#999 1px dotted;}

a.reserve { margin: 10px auto 70px auto; padding:15px 40px; font-size:20px;}
img.img-M { display:block;}
img.img-PC { display:none;}
}

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