/* ---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; display:block;}
@font-face { font-family: GOTHIC; src: url(../fonts/GOTHIC.TTF);}


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

body { background: url(../images/mainBG.jpg) no-repeat center top #c6490c;}
h1 { position:absolute; left:0; top:-1000px;}
a.actionBTN { position:fixed; bottom:30px; right:5px; display:block; width:130px; z-index:9999;}
a.actionBTN img { width:100%; transform: scale(0.9); opacity: 0.9; /* 預設透明度 90% */ transition: transform 0.3s ease, opacity 0.3s ease;}
a.actionBTN:hover img {transform: scale(1); /* 放大 */ opacity: 1; /* 透明度 100% */}
a.small { font-size:15px; margin-top:15px; color: #999; display:block;}
a.small:hover { color:#333;}
img.download { display:inline-block; margin-right:5px; width:25px; vertical-align:middle;}
#btnZone a .img-M { display:none;}
#btnZone a .img-PC { width:100%; display:block;}

h4 { width:80px; height:80px; background: url(../images/menuM.png) no-repeat center center; background-size:75px 75px; position: fixed; top:20px; right:20px; display:block; z-index:9999;}
h4:hover { display:block; width:80px; height:80px; background: url(../images/menuM.png) no-repeat center center; background-size:80px 80px; 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 6% 90% rgba(246,213,189,.95);}
#SUBMENU ul { padding: 0; margin: 80px 0 0 10%; width:80%; text-align: right;}
#SUBMENU ul li { width:100%; letter-spacing:0; list-style:none;}
#SUBMENU ul li a { font-size:25px; color: #db5052; 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 b { font-size:14px; display:block; margin-top:5px; font-weight:normal; letter-spacing:2px; color:#333;}
#SUBMENU ul li a:hover { color:#c92e40;}

/* -- 右側主選項 -- */
nav { position:fixed; top:20%; right:0; font-size:18px; font-weight:bold; color:#00713f; z-index:9999999; width: auto; display:none;}
nav ul { text-align: right;}
nav ul img { display: inline-block; margin-top: 30px; float:left;}
nav li { margin:30px 0 0 0; display: block; padding: 0 20px;}
nav li a { display:block; color:#00687e;}
nav li a b { font-size:10px; color:#666; font-weight:normal; display:block; letter-spacing:1px; margin-top:5px;}

nav li a:hover { display:block; color: #1c2366;}
nav li a:hover b { color:#666;}

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

/* -- 首頁 -- */
#home { width:100%; position:relative;}
img.mainT { display:inline-block; margin: 80px 60px 0 0; float:right; width:24.72%; max-width:309px;}
img.subT-1 { margin: 75px 0 0 13.6%; display: inline-block; width:23.92%; max-width:299px;}
img.subT-2 { margin: 0 0 0 1.7%; display: inline-block; width:28.96%; max-width:362px;}
img.subT-3 { margin: 10px auto 0 auto; display: block; width: 73.44%; max-width:918px;}
img.subT-4 { margin: 20px 0 70px 13.6%; display: block; width:35.84%; max-width:448px;}
img.subT-5 { margin: 35px 0 0 13.6%; clear:both; display: block; width:46.96%; max-width:587px;}

img.subT-3 { opacity: 0; filter: blur(15px);/* 設定動畫持續時間為 1 秒，採用平滑曲線 */
  transition: opacity 1s ease, filter 1s ease;}
img.subT-3.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;
	}

img.item-1 { width:auto; display:block; margin: 0 auto 40px auto;}
img.mouse { display: block; margin: 100px auto 120px auto;}

#intro { width:100%; color:#fff; text-align:center; background:url(../images/BG-3.png) no-repeat center bottom; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 500; font-size:20px; line-height:32px; padding: 0 0 200px 0;}
.enIntor { display:block; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:24px; font-weight:normal; margin: 30px 0 140px 0;}

/* -- About -- */
.date { font-family:GOTHIC; font-size:36px; font-weight:bold; text-align:left; width:100%; letter-spacing:1px; padding-left:15px;}
.date b { display: inline-block; font-size:80px; font-weight:900; margin:10px 0 5px 0; font-family:GOTHIC; color:#f3eba5;}
.week { font-size:18px; letter-spacing:-1px; font-family:'微軟正黑體'; font-family: Arial, Helvetica, sans-serif; border-radius:100px; background:#f3eba5; color:#c6490c; display:inline-block; margin: -10px 6px 0 6px; vertical-align:middle; width:50px; height:50px; line-height:50px; text-align:center;}

.add { font-size:20px; width:100%; display:block; margin-top:10px; font-weight:bold; line-height:30px; color:#fff;}
.add b { font-size: 33px; display: block; margin: 0 0 10px 0; font-weight:700; letter-spacing:0; font-family:GOTHIC; color:#f3eba5;}

/* -- 講員區 -- */
#speakerTOP { }
#speaker { width:100%; position:relative; margin: 0; background: url(../images/BG-3.jpg) no-repeat center top #a23056;}
.downBG { background:url(../images/BG-4.jpg) no-repeat center bottom;}
a img.more { display:block; margin: 15px auto 0 auto; opacity:0.65; filter:alpha(opacity=65);}
a:hover img.more { opacity:1; filter:alpha(opacity=100);}

/* -- 活動議程 -- */
img.downnPDF { display: inline-block; width:25px; height:auto; margin: 0 10px 0 0;}
a.pdf { font-size:15px; color:#ffd588; display:block;}
a.pdf img { vertical-align:middle;}

ul.th { width:95%; margin: 0 auto 10px auto; border-radius: 50px; background:#171b43; color:#f6dcbd;}
ul.th li { display:inline-block; color:#fff; font-size:18px; padding:15px 20px; line-height:27px; vertical-align: middle; font-weight:bolder; margin:0;}
ul.th li b { font-size:13px; font-weight:normal; letter-spacing:0;}

.agendaNote { text-align:center; width:90%; display:block; margin: 30px auto 40px auto; color:#fff; font-size:18px; font-weight:bold;}
.agendaNote b { font-weight:normal; display:block; font-size:15px; margin-top:10px;}

ul.table-PC { width:95%; margin: 0 auto 10px auto; border-radius: 30px; background:rgba(246,220,198,.75);}
ul.table-PC li { display:inline-block; color:#333; font-size:18px; padding:15px 20px; line-height:22px; vertical-align: middle; margin:0;}
ul.table-PC li b { font-size:13px; font-weight:normal; letter-spacing:0;}

ul.th li.time { width:13%;}
ul.th li.issue { width:80%;}
ul.table-PC li.time { width:13%;}
ul.table-PC li.issue { width:80%; font-size: 16px; letter-spacing:1px; color: #171b43; font-weight:bolder;}
ul.table-PC li.issue b { font-size:24px; font-weight:bold; display: block; margin: 0; color:#7c0c31; line-height:30px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700; transition: transform 0.5s ease;}

ul.table-PC li.issue a { color:#333;}
ul.table-PC li.issue a:hover { color:#000;}
ul.table-PC li.issue a:hover b { color: #1c729a; transform: scale(1.01); transition: transform 0.5s ease;}

ul.table-PC li.speaker { font-size:15px; line-height:18px; width: fit-content; color:#333; margin: 0 0 0 13%;}
ul.table-PC li.speaker .title { font-size:18px; font-weight:bold; display:block; margin-bottom:0; line-height:26px; color:#333;}
ul.table-PC li.speaker b { font-size:22px; font-weight:bold; display:block; margin: 0; color: #171b43; line-height:25px;}
ul.table-PC li.speaker a:hover b { color: #1c729a;}
ul.table-PC li.speaker a { color:#333; margin-bottom:10px; display:block;}
ul.table-PC li.issue .mark { display:block; font-size:16px; font-weight:bolder; margin-bottom: 4px; color:#333; border-left: #7c0c31 2px solid; padding: 0 0 0 10px;}
ul.table-PC li.speaker a .mark2 { display:block; font-size:14px; font-weight:bold; color:#891636; margin:5px 0 3px 0;}

a img.sPhoto { display:inline-block; width:70px; margin: 5px 0 0 0; float:left; opacity: 1; filter: alpha(opacity=100); transition: transform 0.5s ease; filter: brightness(90%);}
a:hover img.sPhoto { opacity: 1.0; filter: alpha(opacity=100); transform: scale(1.1); transition: transform 0.5s ease; filter: brightness(100%);}
.nameZone { width: calc(100% - 90px); float:right; display:inline-block;}

/* -- 交通資訊 -- */
#traffic { width:100%; background: url(../images/BG-5.jpg) no-repeat center top #3c86a9; position:relative; padding: 50px 0 0 0;}
img.item4 { width:auto; display:block; margin: 0 auto 30px auto;}
img.map { width:auto; display:block; margin: 0 auto; box-shadow: 0 0 10px 0px #669900}

.BGTraffice { background:url(../images/BG-5-1.png) no-repeat center bottom;}

h3 { font-size:24px; font-weight:bold; display:block; width:90%; margin: 0 auto 50px auto; color:#fff; line-height:20px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700;}
h3 b { font-size:36px; line-height:44px; color: #f7f2b5; display:block; margin:5px 0 20px 0; letter-spacing:0;}
.enh3 { font-size:16px; font-weight: normal; line-height:20px;}

ul.traffic { width:100%; display:flex; padding:50px 0; margin: -2px 0 0 0;}
ul.traffic li { width:50%; padding: 0 3%; font-size:15px; line-height:24px; vertical-align:top; border-left: #b1d6e8 1px dotted; padding-left:2%; color:#fff; list-style:none;}
ul.traffic li img { display: inline-block; width:auto; margin: 0 15px 0 0; vertical-align:middle;}
ul.traffic .txt36 { color: #fff; font-size:26px; margin-bottom:5px; font-weight:bold; display: inline-block;}
ul.traffic .txt18 { color: #ffd3df; font-size:18px; margin-bottom:30px; font-weight:bold; display: inline-block;}
ul.traffic li b { font-size:22px; font-weight:bold; line-height:30px; display:block; margin: 10px 0 5px 0; color:#fff;}

.address { font-size:18px; text-align:center; margin-top:40px; line-height:26px; color:#e1e1e1;}
.address img { display:block; margin: 0 auto 10px auto;}
.txtS { color:#f7f2b5; font-size:30px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700;}
.txtM { font-size:32px; color:#fff; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700;}
.note-sponsor { font-size:15px; line-height:24px; color:#00687e; font-weight:bold; text-align:center; display:block; margin: -30px auto 10px auto; width:300px;}

/* -- 贊助 -- */
#sponsor { background: url(../images/BG-6.jpg) no-repeat center top #fff; padding: 120px 0 50px 0;}
#sponsor>ul { width:90%; margin: 30px auto 0 auto; text-align:center;}
#sponsor>ul>li { margin: 0 15px 30px 15px; display:inline-block; font-size:15px; color:#666; text-align: center; vertical-align:middle;}
#sponsor>ul>li.sLeft,
#sponsor>ul>li.sMid,
#sponsor>ul>li.sRight { background:#f4f4f4; margin: 0 0 30px 0; padding: 15px 20px;}

#sponsor>ul>li.sLeft { border-left:#00687e 1px solid; padding-left:20px;}
#sponsor>ul>li.sRight { border-right:#00687e 1px solid; padding-right:20px;}

#sponsor>ul>li img,
#sponsor>ul>li.sLeft img,
#sponsor>ul>li.sMid img,
#sponsor>ul>li.sRight img { height:50px;}
img.item5 { width:auto; display:block; margin: 0 auto;}

/* -- Footer -- */
footer { width:100%; color:#333; background:#dfdfdf; text-align:center; line-height:25px; padding: 50px 0 50px 0; font-size:15px;}
footer img { width:auto; height:52px; display: inline-block; margin: 10px 15px 20px 15px;}
footer a { color: #369;}
.mapTxt { width:52%; float:left; text-align: right;}
iframe { aspect-ratio: 1200/600; max-width:1250px; width:45%; margin: 0 3% 0 0; display: inline-block; border-radius:30px; float: right;}

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

h5 { font-size:32px; font-weight:bold; color:#363b75;}

/* -- 頁籤 -- */
ul.bookmark-4 { text-align:center; margin:10px 0 40px 0;}
ul.bookmark-4 li { font-family:GOTHIC; font-size:36px; line-height:24px; text-align: center; margin: 0 15px; display:inline-block; font-weight: bold; background:none; color:#fff; position:relative; padding: 5px 50px 20px 50px; border-radius:100px; border:#fff 1px solid;}
ul.bookmark-4 li b { display:block; font-size:15px; margin-bottom:10px;}
ul.bookmark-4 li img { position:absolute; left:-10px; top:-20px;}
ul.bookmark-4 li.click { border:#f6dcbd 1px solid; color:#a23056; background:#f6dcbd;}

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

/* -- 右側主選項 -- */
nav { position:fixed; top:20%; right:0; font-size:16px; font-weight:bold; color:#00713f; z-index:9999999; width: auto;}
nav li { margin:30px 0 0 0; display: block; padding: 0 20px;}

#intro, #speaker, .downBG, #sponsor, #traffic, .BGTraffice, body { background-size: 2000px auto;}

}


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

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

#intro, #speaker, .downBG, #sponsor, #traffic, .BGTraffice, body { background-size: 1650px auto;}

h4 { width:65px; height:65px; background: url(../images/menuM.png) no-repeat center center; background-size:65px 65px; position: fixed; display:block; z-index:9999;}
h4:hover { display:block; width:65px; height:65px; background: url(../images/menuM.png) no-repeat center center; background-size:65px 65px; cursor: pointer;}

#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; left:0; display:none; z-index:9997; background: rgba(56,173,176,0.9);}
#SUBMENU ul { padding: 0; margin: 10% auto 0 auto; width:80%;}
#SUBMENU ul li a { font-size:1.25em; color: #fff; font-weight:bold; padding: 40px 0 15px 0; text-align:center; text-decoration:none; float:none; width:100%; margin: 10px auto; background:url(../images/submenuBG.png) no-repeat center top; width:120px; height:120px; background-size:120px auto; display:block;}
#SUBMENU ul li a:hover { color:#d3a22a;}
#SUBMENU ul li b { font-size:13px; display:block; margin-top:5px;}
.mainCon-h { position:relative; max-width:1250px; margin: 0 auto; width:96%;}

img.mouse { display: block; margin: 50px auto 50px auto; width:20px;}
img.item-1 { width:60%; display:block; margin: 0 auto 40px auto;}

img.mainT { display:inline-block; margin: 80px 60px 0 0; float:right; width:24.72%; max-width:309px;}
img.subT-1 { margin: 5px 0 0 10%; display: inline-block; width:30.92%; max-width:299px;}
img.subT-2 { margin: 0 0 0 1.7%; display: inline-block; width:35.96%; max-width:362px;}
img.subT-3 { margin: 10px auto 0 auto; display: block; width: 80.44%; max-width:918px;}
img.subT-4 { margin: 20px 0 50px 10%; display: block; width:50%; max-width:448px;}
img.subT-5 { margin: 30px 0 0 10%; clear:both; display: block; width:65%; max-width:587px;}

#intro { font-size:16px; line-height:25px; padding: 0 0 150px 0;}
.enIntor { font-size:14px; line-height:18px; margin: 30px 0 90px 0;}

/* -- About -- */
.date { font-family:GOTHIC; font-size:32px; font-weight:bold; text-align:left; width:100%; letter-spacing:1px; padding-left:15px; width:90%;}
.date b { display: inline-block; font-size:45px; font-weight:900; margin:10px 0 5px 0; font-family:GOTHIC;}
.week { font-size:13px; margin: -12px 6px 0 6px; vertical-align:middle; width:40px; height:40px; line-height:40px; text-align:center;}

.add { font-size:18px; width:100%; display:block; margin-top:10px; font-weight:bold; line-height:28px;}
.add b { font-size: 30px; display: block; margin: 0 0 10px 0; font-weight:900; letter-spacing:0; font-family:GOTHIC;}

#note { font-size: 15px; line-height:24px; width:55%; padding-left:25px; border-left: #fff100 1px solid; margin-top:40px;}
#note b { font-size:22px; font-weight:bold; margin:0 0 15px 0; display:block;}
.infoB { display:block; font-size:18px; font-weight:bold; text-align:center; margin-top:30px;}

a img.more { display:block; margin: 15px auto 0 auto; opacity:0.65; filter:alpha(opacity=65);}
a:hover img.more { opacity:1; filter:alpha(opacity=100);}

/* -- 頁籤 -- */
ul.bookmark-4 li { font-size:32px; line-height:20px; padding: 5px 50px 20px 50px;}
ul.bookmark-4 li b { display:block; font-size:15px; margin-bottom:10px;}

ul.th { width:90%; margin: 0 auto 10px auto;}
ul.th li { font-size:16px; padding:15px 20px; line-height:24px; margin:0;}
ul.th li.time { width:20%; vertical-align:top;}
ul.th li.issue { width:79%;}

ul.table-PC { width:90%; margin: 0 auto 10px auto; border-radius: 20px; background:rgba(246,220,198,.75);}
ul.table-PC li { font-size:15px; padding:15px 20px; line-height:18px; vertical-align: middle; margin:0;}
ul.table-PC li b { font-size:13px; font-weight:normal; letter-spacing:0;}
ul.table-PC li.time { width:20%; vertical-align:top; padding-top:20px; font-size: 16px; letter-spacing:1px; color: #171b43; font-weight:bolder;}
ul.table-PC li.issue { width:79%;}
ul.table-PC li.issue b { font-size:24px; font-weight:bold; display: block; margin: 0; color:#7c0c31; line-height:30px; font-family: 'Noto Sans1 TC', sans-serif; font-weight: 700;}
ul.table-PC li.issue .mark { font-size:14px;}
ul.table-PC li.speaker { font-size:15px; line-height:18px; width: fit-content; color:#333; margin:0 0 0 20%;}
ul.table-PC li.speaker .title { font-size:16px; line-height:24px;}
ul.table-PC li.speaker b { font-size:20px; line-height:24px;}
ul.table-PC li.speaker a { color:#333; margin-bottom:10px; display:block;}
ul.table-PC li.speaker a .mark2 { display:block; font-size:14px; font-weight:bold; color:#891636; margin:5px 0 3px 0;}

/* -- 贊助 -- */
#sponsor { padding: 90px 0 70px 0;}
#sponsor>ul>li { margin: 0 15px 20px 15px; display:inline-block; font-size:15px; color:#666; text-align: center; vertical-align:middle;}
#sponsor>ul>li img { height:30px;}
#sponsor>ul>li.sLeft,
#sponsor>ul>li.sMid,
#sponsor>ul>li.sRight { background:#f4f4f4; margin: 0 0 20px 0; padding: 15px 10px;}

#sponsor>ul>li.sLeft { border-left:#00687e 1px solid; padding-left:15px;}
#sponsor>ul>li.sRight { border-right:#00687e 1px solid; padding-right:15px;}

#sponsor>ul>li.sLeft img,
#sponsor>ul>li.sMid img,
#sponsor>ul>li.sRight img { height:25px;}
img.item5 { width:auto; display:block; margin: 0 auto;}

/* -- Footer -- */
footer { font-size:13px;}
footer img { width:auto; height:35px; display: inline-block; margin: 10px 15px;}

a.actionBTN { position:fixed; bottom:30px; right:5px; display:block; width:100px; z-index:9999;}
a.actionBTN img { width:100%;}

.mapTxt { width:90%; margin: 0 auto 20px auto; float: none; text-align: center;}
iframe { aspect-ratio: 1200/600; max-width:1250px; width:90%; margin: 0 auto; display: block; border-radius:20px; float: none;}
ul.traffic { width:90%; display: block; padding: 20px 0; margin: 0 auto;}
ul.traffic li { width:100%; padding: 0 0 0 3%; display:block; margin-top:10px; font-size:15px;}
ul.traffic li img { width:45px; vertical-align:middle;}
ul.traffic li b { font-size:18px; line-height:24px;}
.txtS { font-size:24px;}

}

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

@media screen and (max-width: 767px) {
#intro, #speaker, .downBG, #sponsor, #traffic, .BGTraffice, body { background-size: 950px auto;}

.mainCon-h { width:98%;}

h4 { width:50px; height:50px; background: url(../images/menuM.png) no-repeat center center; background-size:50px 50px; position: fixed; display:block; z-index:9999; top:10px; right:10px;}
h4:hover { display:block; width:50px; height:50px; background: url(../images/menuM.png) no-repeat center center; background-size:50px 50px; cursor: pointer;}

#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; left:0; display:none; z-index:9997; background-size: 60% auto;}
#SUBMENU ul { padding: 0; margin: 55px auto 0 auto; width:80%;}
#SUBMENU ul li a { font-size:1.25em; font-weight:bold; padding: 10px 0; text-align:center; text-decoration:none; float:none; width:100%; margin: 0 auto;  display:block;}
#SUBMENU ul li a:hover {}
#SUBMENU ul li b { font-size:13px; display:block; margin-top:5px;}

/* -- 頁籤 -- */
ul.bookmark-4 li { font-size:22px; line-height:20px; padding: 5px 40px 10px 40px;}
ul.bookmark-4 li b { display:block; font-size:13px; margin-bottom:0px;}
a.actionBTN { position:fixed; bottom:10px; right:5px; display:block; width:100px; z-index:9999;}
a.actionBTN img { width:100%;}

img.mouse { display: block; margin: 15px auto 50px auto; width:20px;}
img.item-1 { width:80%; display:block; margin: 0 auto 40px auto;}

img.mainT { display:inline-block; margin: 70px 0 0 10%; float:left; width:30%; max-width:309px;}
img.subT-1 { margin: 5px 0 0 10%; display: inline-block; width:30.92%; max-width:299px;}
img.subT-2 { margin: 0 0 0 1.7%; display: inline-block; width:35.96%; max-width:362px;}
img.subT-3 { margin: 10px auto 0 auto; display: block; width: 80.44%; max-width:918px;}
img.subT-4 { margin: 10px 0 20px 10%; display: block; width:60%; max-width:448px;}
img.subT-5 { margin: 20px 0 0 10%; clear:both; display: block; width:70%; max-width:587px;}

#intro { font-size:15px; line-height:22px; padding: 0 3% 150px 3%;}
.enIntor { font-size:13px; line-height:16px; margin: 30px 0 90px 0;}

/* -- About -- */
.date { font-size:24px; letter-spacing:1px; padding-left:15px; width:90%;}
.date b { font-size:32px;}
.week { font-size:12px; margin: -8px 6px 0 6px; vertical-align:middle; width:30px; height:30px; line-height:30px; text-align:center;}

.add { font-size:14px; line-height:18px;}
.add b { font-size: 22px; line-height:28px;}

#note { font-size: 15px; line-height:24px; width:55%; padding-left:25px; border-left: #fff100 1px solid; margin-top:40px;}
#note b { font-size:22px; font-weight:bold; margin:0 0 15px 0; display:block;}
.infoB { display:block; font-size:18px; font-weight:bold; text-align:center; margin-top:30px;}

a img.more { display:block; margin: 15px auto 0 auto; opacity:0.65; filter:alpha(opacity=65);}
a:hover img.more { opacity:1; filter:alpha(opacity=100);}

/* -- 頁籤 -- */
ul.bookmark-4 li { font-size:30px; line-height:18px; padding: 5px 30px 15px 30px;}
ul.bookmark-4 li b { display:block; font-size:14px; margin-bottom:5px;}

.agendaNote { font-size:15px; margin:10px auto 20px auto;}
.agendaNote b { font-size:13px;}

ul.th { width:90%; margin: 0 auto 10px auto;}
ul.th li { font-size:11px; padding:15px 20px; line-height:16px;}
ul.th li.time { width:22%; vertical-align:top;}
ul.th li.issue { width:76%;}

ul.table-PC { width:90%; margin: 0 auto 10px auto; border-radius: 10px; background:rgba(246,220,198,.75);}
ul.table-PC li { font-size:14px; padding:15px 20px; line-height:18px; vertical-align: middle;}
ul.table-PC li b { font-size:13px; font-weight:normal; letter-spacing:0;}
ul.table-PC li.time { width:15%; vertical-align:top; padding-top:20px; font-size: 16px; letter-spacing:0; font-weight:bolder;}
ul.table-PC li.issue { width:78%;}
ul.table-PC li.issue b { font-size:20px; line-height:24px;}
ul.table-PC li.issue .mark { font-size:14px;}
ul.table-PC li.speaker { font-size:14px; line-height:18px; width: fit-content; color:#333; margin:0;}
ul.table-PC li.speaker .title { font-size:14px; line-height:20px;}
ul.table-PC li.speaker b { font-size:18px; line-height:22px;}
ul.table-PC li.speaker a { color:#333; margin-bottom:10px; display:block;}
ul.table-PC li.speaker a .mark2 { display:block; font-size:14px; font-weight:bold; color:#891636; margin:5px 0 3px 0;}

a img.sPhoto { margin: 0; width:50px;}
.nameZone { width: calc(100% - 60px); float:right; display:inline-block;}

/* -- 贊助 -- */
#sponsor { padding: 90px 0 70px 0;}
#sponsor>ul>li { margin: 0 10px 10px 10px; display:inline-block; font-size:15px; color:#666; text-align: center; vertical-align:middle;}
#sponsor>ul>li img { height:25px;}
#sponsor>ul>li.sLeft,
#sponsor>ul>li.sMid,
#sponsor>ul>li.sRight { background:#f4f4f4; margin: 0 0 20px 0; padding: 15px 10px;}

#sponsor>ul>li.sLeft { border-left:#00687e 1px solid; padding-left:15px;}
#sponsor>ul>li.sRight { border-right:#00687e 1px solid; padding-right:15px;}

#sponsor>ul>li.sLeft img,
#sponsor>ul>li.sMid img,
#sponsor>ul>li.sRight img { height:25px;}
img.item5 { width:auto; display:block; margin: 0 auto;}

/* -- Footer -- */
footer { font-size:13px;}
footer img { width:auto; height:35px; display: inline-block; margin: 10px 15px;}

a.actionBTN { position:fixed; bottom:30px; right:5px; display:block; width:80px; z-index:9999;}
a.actionBTN img { width:100%;}

.mapTxt { width:90%; margin: 0 auto 20px auto; float: none; text-align: center;}
iframe { aspect-ratio: 1200/600; max-width:1250px; width:90%; margin: 0 auto; display: block; border-radius:10px; float: none;}

h3 { font-size:20px; line-height:24px;}
h3 b { font-size:30px; line-height:36px;}
.enh3 { font-size:14px; line-height:18px;}

ul.traffic { width:90%; display: block; padding: 20px 0; margin: 0 auto;}
ul.traffic li { width:100%; padding: 0 0 0 3%; display:block; margin:0 0 30px 0; font-size:15px;}
ul.traffic li img { width:36px; vertical-align:middle;}
ul.traffic li b { font-size:16px; line-height:22px;}
.txtS { font-size:24px;}

}


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