/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---reset.css--- */
html { font-family: "微軟正黑體", Arial; font-size:16px; -webkit-text-size-adjust:none;}
body,
html {
overflow-x: hidden;
}
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */}
* a:link, * a:visited { text-decoration:none;}
* a:hover, * a:active { text-decoration:none;}
.clear { clear:both;}
@font-face { font-family: GOTHIC; src: url(../fonts/GOTHIC.TTF);}
/* --電腦版型------------------------------------- */
body { background: url(../images/mainBG.gif) no-repeat center top #7fbdcb;}
h1 { position:absolute; left:0; top:-1000px;}
a.actionBTN { position:fixed; bottom:30px; right:5px; display:block; width:170px; z-index:9999;}
a.actionBTN img { width:100%;}
a.small { font-size:15px; margin-top:15px; color: #C00; display:block;}
a.small:hover { color:#369;}
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 { display:none;}
h4:hover { display:block; width:69px; height:69px; background: url(../images/icon_Menu.png) no-repeat #43727a center center;}
#SUBMENU { display:none;}
/* -- 右側主選項 -- */
nav { position:fixed; top:20%; right:0; font-size:18px; font-weight:bold; color:#00713f; z-index:9999999; width: auto;}
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: #eb6311;}
nav li a:hover b { color:#666;}
.mainCon { position:relative; max-width:1250px; margin: 0 auto; width:90%;}
/* -- 首頁 -- */
#home { width:100%; position:relative; background:url(../images/homeBG.gif) no-repeat center top; padding-top:75px; min-height:785px;}
img.mainT { width:auto; margin: 0 30px 0 0; z-index:2; display: block; float:right; clear:both; width:44%; max-width:570px;}
img.subT-1 { margin: 120px 0 0 2%; z-index:2; display: block; clear:both; float:left; width:53%; max-width:688px;}
img.subT-2 { margin: 0 0 70px 2%; display: block; width:auto; display: block; float:left; width:53%; max-width:688px;}
.enTitle { width:53%; max-width:688px; font-size:28px; color:#3e3e3e; line-height:36px; text-align:right; padding: 0 0 0 2%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;}
img.item { width:auto; display:block; margin: -200px auto 60px auto;}
img.item-1 { width:auto; display:block; margin: -50px auto 60px auto;}
/* -- About -- */
#about { padding: 0px 0 80px 0; position:relative; margin: 0 auto 0 auto; text-align:center; width:90%; color:#dbb149;}
.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:50px; font-weight:900; margin:10px 0 5px 0; font-family:GOTHIC; color:#00687e;}
.week { font-size:14px; font-family:'微軟正黑體'; font-family: Arial, Helvetica, sans-serif; border-radius:100px; background:#00687e; color:#edf7f9; display:inline-block; margin: -10px 6px 0 6px; vertical-align:middle; width:50px; height:50px; line-height:50px; text-align:center;}
.add { color:#00687e; font-size:20px; width:100%; display:block; margin-top:10px; font-weight:bold; line-height:30px;}
.add b { font-size: 33px; display: block; margin: 0 0 10px 0; font-weight:900; letter-spacing:0; font-family:GOTHIC;}
#note { font-size: 15px; color: #fff; line-height:24px; width:55%; padding-left:25px; border-left: #fff100 1px solid; margin-top:40px;}
#note b { font-size:22px; font-weight:bold; color:#fff; margin:0 0 15px 0; display:block;}
.infoB { display:block; font-size:18px; font-weight:bold; text-align:center; color:#eb6311; margin-top:30px;}
/* -- 講員區 -- */
#speakerTOP { }
#speaker { width:100%; position:relative; margin:0; padding-bottom:90px;}
#speaker ul { width:100%; text-align:center;}
#speaker ul li a { margin: 0 1% 30px 1%; font-size:26px; color:#00687e; line-height:32px; font-weight:bold; width:31%; vertical-align:top; float:left; min-height:500px;}
#speaker ul li a .title { display:block; font-size:15px; font-weight:normal; line-height:22px; margin-bottom:10px; color:#fff;}
#speaker ul li a img.man { margin: 0 auto 20px auto; max-width:261px; width:100%; display:block;}
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;}
#agenda { width:100%; position:relative; background: url(../images/agendaBG.gif) no-repeat center top #eb8648; padding: 90px 0 90px 0;}
#agendaTop { padding-bottom:50px;}
#agenda table.M { display:none;}
#agenda table.pc { width:90%; border-bottom:#a4b9d6 1px solid; margin: 0 auto 10px auto;}
#agenda table.pc th { text-align:left; padding:15px 20px; background:#c0d8de; color:#00687e; font-weight:bold; font-size:18px;}
#agenda table.pc th b { font-size:13px; font-weight:normal; letter-spacing:0;}
#agenda table.pc td { font-size:16px; color:#333; padding:15px 20px; border-bottom:#a4b9d6 1px dotted; line-height:27px; vertical-align: middle; background:rgba(255,255,255,.95);}
#agenda table.pc td.time { font-size:16px; font-weight:bold; width:13%; color:#333; font-family:GOTHIC; letter-spacing:1px;}
#agenda table.pc td .mark { display:block; font-size:16px; color:#284660; border-left: #eb6311 3px solid; padding: 0 0 0 10px; margin-bottom:10px;}
#agenda table.pc td .mark2 { display:block; font-size:14px; font-weight:bold; color:#999; margin-bottom:10px;}
#agenda table.pc td.speaker { font-size:15px; width:43%; line-height:18px;}
#agenda table.pc td.speaker .title { font-size:18px; font-weight:bold; display:block; margin-bottom:5px; line-height:26px;}
#agenda table.pc td.issue { color:#2b5c73; width:44%; font-size:16px; color:#333; line-height:20px;}
#agenda table.pc td.issue b { font-size:24px; font-weight:bold; display: block; margin: 0; color:#00687e; line-height:30px;}
#agenda table.pc td.speaker b { font-size:22px; font-weight:bold; display:block; margin: 0 0 5px 0; color:#eb6311; line-height:25px;}
#agenda table.pc td.rest { background: #F4F4F4;}
#agenda table.pc td.rest b { font-size:22px; font-weight:bold; display:inline-block; margin: 0 10px 0 0; color:#2b5991; line-height:30px;}
.agendaNote { text-align:center; width:90%; display:block; margin: 30px auto 40px auto; color:#333; font-size:18px; font-weight:bold;}
.agendaNote b { font-weight:normal; display:block; font-size:15px; margin-top:10px;}
/* -- 交通資訊 -- */
#traffic { width:100%; background: url(../images/venueBG.gif) no-repeat center top #e9e9e9; position:relative; padding: 90px 0 90px 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}
h3 { font-size:32px; font-weight:bold; display:block; width:90%; text-align:center; margin: 0 auto 50px auto; color:#00687e; line-height:26px;}
h3 b { font-size:20px; color:#333; display:block; margin:10px 0 20px 0; letter-spacing:0;}
ul.traffic { width:100%; display:flex; padding-bottom:50px; margin-top:10px; text-align:center;}
ul.traffic li { width:50%; padding: 0 3%; font-size:15px; line-height:24px; vertical-align:top; border-left: #00687e 1px dotted; padding-left:2%; text-align: center;}
ul.traffic li:first-child { border:none;}
ul.traffic li img { display: block; width:auto; margin: 0 auto 5px auto;}
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;}
.address { font-size:18px; text-align:center; margin-top:40px; line-height:26px; color:#333;}
.address img { display:block; margin: 0 auto 10px auto;}
.txtS { color:#00687e; font-size:18px; font-weight:bold; margin-bottom:10px; display:block;}
.txtM { font-size:24px;}
.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/sponsorBG.gif) no-repeat center top #fff; padding: 90px 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.sLeft img,
#sponsor>ul>li.sMid img,
#sponsor>ul>li.sRight img { height:30px;}
img.item5 { width:auto; display:block; margin: 0 auto;}
/* -- Footer -- */
footer { width:100%; color:#67abba; background:#00687e; text-align:center; line-height:25px; padding: 50px 0 50px 0; font-size:15px;}
footer img { width:auto; height:42px; display: inline-block; margin: 10px 15px 20px 15px;}
iframe { aspect-ratio: 1200/500; max-width:1250px; width:95%; margin: 0 auto 40px auto; display:block;}
img.PIC-M { display:none;}
img.PIC-PC { display:block;}
h5 { font-size:32px; font-weight:bold; color:#363b75;}
/* -- 頁籤 -- */
ul.bookmark-3 { text-align:center; margin:50px 0 80px 0;}
ul.bookmark-3 li { font-size:22px; line-height:24px; text-align: center; margin: 0 15px; display:inline-block; font-weight: bold; background:none; color:#c0e6ef; position:relative; padding: 10px 2px;}
ul.bookmark-3 li b { display:block; font-size:15px;}
ul.bookmark-3 li img { position:absolute; left:-10px; top:-20px;}
ul.bookmark-3 li.click, ul.bookmark-4 li.click { border-bottom:#F60 6px solid; color:#00687e;}
ul.bookmark-4 { text-align:center; margin:50px 0 50px 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:#ecb592; position:relative; padding: 10px 2px 20px 2px;}
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, ul.bookmark-4 li.click { border-bottom:#7fbdcb 6px solid; color:#fff;}
/* --窄螢幕版型------------------------------------- */
@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;}
.mainCon { position:relative; max-width:1250px; margin: 0 auto; width:90%;}
#speaker ul { width:80%; text-align:center; margin: 0 auto;}
#agenda table.pc { width:85%; border-bottom:#a4b9d6 1px solid; margin: 0 auto 10px auto;}
}
/* --平板版型------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* -- 右側主選項 -- */
nav { position:fixed; top:0; right:0; font-size:18px; font-weight:bold; color:#00713f; z-index:999; width:100%; height:63px; background-size:100% 1px;}
nav ul { width:96%; margin: 0 auto;}
nav ul img { display: inline-block; margin:20px 0 0 10px; float:left; width:auto; height:35px;}
nav li { display:none;}
h4 { width:65px; height:65px; background: url(../images/menuM.png) no-repeat center center; background-size:65px 65px; position: fixed; top:0; right:0; 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(235,99,17,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;}
/* -- 首頁 -- */
#home { width:100%; position:relative; background:url(../images/homeBG.gif) no-repeat -500px top; background-size:1800px auto; padding-top:75px; min-height:650px;}
img.mainT { margin: 0 20px 0 0; z-index:2; display: block; float:right; clear:both; width:60%; max-width:570px;}
img.subT-1 { margin: 120px 0 0 0; z-index:2; display: block; clear:both; float:left; width:60%; max-width:688px;}
img.subT-2 { margin: 0 0 70px 0; display: block; width:auto; display: block; float:left; width:60%; max-width:688px;}
.enTitle { width:60%; max-width:688px; font-size:24px; color:#3e3e3e; line-height:30px; text-align:right; padding: 0 0 0 2%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;}
/* -- 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; color:#00687e;}
.week { font-size:13px; margin: -12px 6px 0 6px; vertical-align:middle; width:40px; height:40px; line-height:40px; text-align:center;}
.add { color:#00687e; 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; color: #fff; line-height:24px; width:55%; padding-left:25px; border-left: #fff100 1px solid; margin-top:40px;}
#note b { font-size:22px; font-weight:bold; color:#fff; margin:0 0 15px 0; display:block;}
.infoB { display:block; font-size:18px; font-weight:bold; text-align:center; color:#eb6311; margin-top:30px;}
/* -- 講員區 -- */
#speakerTOP { }
#speaker { width:90%; position:relative; margin:0 auto; padding-bottom:90px;}
#speaker ul li a { margin: 0 3% 30px 3%; font-size:22px; color:#00687e; line-height:25px; font-weight:bold; width:43%; vertical-align:top; float:left; min-height:450px;}
#speaker ul li a .title { display:block; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:10px; color:#fff;}
#speaker ul li b { display:block; margin-bottom:10px;}
#speaker ul li a img.man { margin: 0 auto 20px auto; max-width:261px; width:100%; display:block;}
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);}
#agenda table.pc { display: none;}
#agenda table.M { width:90%; border-bottom:#a4b9d6 1px solid; margin: 0 auto 10px auto; display: block;}
#agenda table.M th { text-align:left; padding:15px 20px; background:#c0d8de; color:#00687e; font-weight:bold; font-size:18px; line-height:20px;}
#agenda table.M th b { font-size:13px; font-weight:normal; letter-spacing:0;}
#agenda table.M td { font-size:15px; color:#333; padding:15px 20px; border-bottom:#a4b9d6 1px dotted; line-height:27px; vertical-align: middle; background:rgba(255,255,255,.95);}
#agenda table.M td.time { font-size:15px; font-weight:bold; width:20%; color:#333; font-family:GOTHIC; letter-spacing:0px;}
#agenda table.M td .mark { display:block; font-size:15px; color:#284660; border-left: #00687e 3px solid; padding: 0 0 0 10px; margin-bottom:10px;}
#agenda table.M td .mark2 { display:block; font-size:14px; font-weight:bold; color:#999; margin-bottom:10px;}
#agenda table.M td .speaker { font-size:15px; line-height:18px; display:block; border-left: #eb6311 1px dotted; padding: 0 0 0 20px; margin-top:25px;}
#agenda table.M td .speaker .title { font-size:18px; font-weight:bold; display:block; margin-bottom:5px; line-height:26px;}
#agenda table.M td.issue { color:#2b5c73; font-size:16px; color:#333; line-height:20px;}
#agenda table.M td.issue b { font-size:22px; font-weight:bold; display: block; margin: 0; color:#00687e; line-height:30px;}
#agenda table.M td .speaker b { font-size:20px; font-weight:bold; display:block; margin: 0 0 5px 0; color:#eb6311; line-height:25px;}
#agenda table.M td.rest { background: #F4F4F4;}
#agenda table.M td.rest b { font-size:22px; font-weight:bold; display:inline-block; margin: 0 10px 0 0; color:#2b5991; line-height:30px;}
/* -- 贊助 -- */
#sponsor { background: url(../images/sponsorBG.gif) no-repeat center top #fff; 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 { width:100%; color:#67abba; background:#00687e; text-align:center; line-height:25px; padding: 40px 30px; 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%;}
}
/* --手機版型------------------------------------- */
@media screen and (max-width: 767px) {
body { background: url(../images/mainBG-M.gif) no-repeat center top #edf7f9; background-size:1000px auto;}
/* -- 右側主選項 -- */
nav { position:fixed; top:0; right:0; font-size:18px; font-weight:bold; color:#00713f; z-index:999; width:100%; height:63px; background-size:100% 1px;}
nav ul { width:96%; margin: 0 auto;}
nav ul img { display: inline-block; margin:20px 0 0 10px; float:left; width:auto; height:35px;}
nav li { display:none;}
h4 { width:65px; height:65px; background: url(../images/menuM.png) no-repeat center center; background-size:65px 65px; position: fixed; top:0; right:0; 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(235,99,17,0.9);}
#SUBMENU ul { padding: 0; margin: 55px auto 0 auto; width:80%;}
#SUBMENU ul li a { font-size:1em; color: #fff; font-weight:bold; padding: 15px 0; text-align:center; text-decoration:none; float:none; width:100%; margin: 10px auto; background:url(../images/submenuBG.png) no-repeat center top; display:block;}
#SUBMENU ul li a:hover { color:#d3a22a;}
#SUBMENU ul li b { font-size:13px; display:block; margin-top:5px;}
img.item { width:180px; display:block; margin: -160px auto 60px auto;}
img.item-1 { width:180px; display:block; margin: -160px auto 60px auto;}
/* -- 首頁 -- */
#home { width:100%; position:relative; background:url(../images/homeBG.gif) no-repeat -550px -20px; background-size:1200px auto; padding-top:350px; min-height:650px;}
img.mainT { margin: 0; z-index:2; display: block; float:right; clear:both; width:100%; max-width:570px;}
img.subT-1 { margin: 30px 0 0 0; z-index:2; display: block; clear:both; float:left; width:100%; max-width:688px;}
img.subT-2 { margin: 0 0 40px 0; display: block; width:auto; display: block; float:left; width:100%; max-width:688px;}
.enTitle { width:100%; max-width:688px; font-size:17px; color:#3e3e3e; line-height:24px; text-align:right; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;}
/* -- 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:30px; font-weight:900; margin:10px 0 5px 0; font-family:GOTHIC; color:#00687e;}
.week { font-size:13px; margin: 0px 6px 0 6px; vertical-align:middle; width:40px; height:40px; line-height:40px; text-align:center;}
.add { color:#00687e; font-size:15px; width:100%; display:block; margin-top:10px; font-weight:bold; line-height:24px;}
.add b { font-size: 22px; display: block; margin: 0 0 10px 0; font-weight:900; letter-spacing:0; font-family:GOTHIC; line-height:30px;}
#note { font-size: 15px; color: #fff; line-height:24px; width:55%; padding-left:25px; border-left: #fff100 1px solid; margin-top:40px;}
#note b { font-size:22px; font-weight:bold; color:#fff; margin:0 0 15px 0; display:block;}
.infoB { display:block; font-size:15px; font-weight:bold; text-align:center; color:#eb6311; margin-top:30px;}
/* -- 講員區 -- */
#speakerTOP { }
#speaker { width:100%; position:relative; padding: 90px 0 90px 0; background:url(../images/speakerBG.gif) no-repeat center top #7fbdcb;}
#speaker ul li a { margin: 0 3% 30px 3%; font-size:22px; color:#00687e; line-height:25px; font-weight:bold; width:43%; vertical-align:top; float:left; min-height:450px;}
#speaker ul li a .title { display:block; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:10px; color:#fff;}
#speaker ul li b { display:block; margin-bottom:10px;}
#speaker ul li a img.man { margin: 0 auto 20px auto; max-width:261px; width:100%; display:block;}
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);}
#agenda table.pc { display: none;}
#agenda table.M { width:85%; border-bottom:#a4b9d6 1px solid; margin: 0 auto 10px auto; display: block;}
#agenda table.M th { text-align:left; padding:15px 20px; background:#c0d8de; color:#00687e; font-weight:bold; font-size:16px; line-height:20px;}
#agenda table.M th b { font-size:13px; font-weight:normal; letter-spacing:0;}
#agenda table.M td { font-size:14px; color:#333; padding:15px 15px; border-bottom:#a4b9d6 1px dotted; line-height:27px; vertical-align: middle; background:rgba(255,255,255,.95);}
#agenda table.M td.time { font-size:14px; font-weight:bold; width:20%; color:#333; font-family:GOTHIC; letter-spacing:0px;}
#agenda table.M td .mark { display:block; font-size:13px; color:#284660; border-left: #00687e 3px solid; padding: 0 0 0 10px; margin-bottom:10px;}
#agenda table.M td .mark2 { display:block; font-size:13px; font-weight:bold; color:#999; margin-bottom:10px;}
#agenda table.M td .speaker { font-size:14px; line-height:18px; display:block; border-left: #eb6311 1px dotted; padding: 0 0 0 20px; margin-top:25px;}
#agenda table.M td .speaker .title { font-size:16px; font-weight:bold; display:block; margin-bottom:5px; line-height:26px;}
#agenda table.M td.issue { color:#2b5c73; font-size:14px; color:#333; line-height:20px;}
#agenda table.M td.issue b { font-size:20px; font-weight:bold; display: block; margin: 0; color:#00687e; line-height:30px;}
#agenda table.M td .speaker b { font-size:18px; font-weight:bold; display:block; margin: 0 0 5px 0; color:#eb6311; line-height:25px;}
#agenda table.M td.rest { background: #F4F4F4;}
#agenda table.M td.rest b { font-size:20px; font-weight:bold; display:inline-block; margin: 0 10px 0 0; color:#2b5991; line-height:30px;}
.agendaNote { text-align:center; width:90%; display:block; margin: 30px auto 40px auto; color:#333; font-size:16px; font-weight:bold;}
.agendaNote b { font-weight:normal; display:block; font-size:14px; margin-top:10px;}
/* -- 交通資訊 -- */
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}
h3 { font-size:28px; font-weight:bold; display:block; width:90%; text-align:center; margin: 0 auto 50px auto; color:#00687e; line-height:32px;}
h3 b { font-size:18px; line-height:24px; color:#333; display:block; margin:10px 0 20px 0; letter-spacing:0;}
ul.traffic { width:100%; display: block; padding-bottom:50px; margin-top:10px; text-align:center;}
ul.traffic li { width:100%; padding: 20px 3%; font-size:15px; line-height:24px; vertical-align:top; border-left: none; border-top: #00687e 1px dotted; text-align: left; display:block;}
ul.traffic li:first-child { border:none;}
ul.traffic li img { display: block; width:auto; margin: 0 0 5px 0;}
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;}
.address { font-size:18px; text-align:left; margin-top:40px; line-height:26px; color:#333;}
.address img { display:block; margin: 0 0 10px 0;}
.txtS { color:#00687e; font-size:18px; font-weight:bold; margin-bottom:10px; display:block;}
.txtM { font-size:24px;}
.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/sponsorBG.gif) no-repeat center top #fff; 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:20px;}
img.item5 { width:auto; display:block; margin: 0 auto;}
/* -- Footer -- */
footer { width:100%; color:#67abba; background:#00687e; text-align:center; line-height:25px; padding: 40px 30px; font-size:13px;}
footer img { width:auto; height:30px; display: inline-block; margin: 10px 15px;}
/* -- 頁籤 -- */
ul.bookmark-3 li { font-size:18px; line-height:24px; text-align: center; margin: 0 15px; display:inline-block; font-weight: bold; background:none; color:#c0e6ef; position:relative; padding: 10px 2px;}
ul.bookmark-3 li b { display:block; font-size:12px; font-weight:normal; margin-bottom:0;}
ul.bookmark-3 li.click, ul.bookmark-4 li.click { border-bottom:#F60 4px solid; color:#00687e; margin-bottom:0;}
ul.bookmark-4 li { font-family:GOTHIC; font-size:32px; line-height:24px; text-align: center; margin: 0 15px; display:inline-block; font-weight: bold; background:none; color:#ecb592; position:relative; padding: 10px 2px 20px 2px;}
ul.bookmark-4 li b { display:block; font-size:13px; margin-bottom:0;}
ul.bookmark-4 li.click, ul.bookmark-4 li.click { border-bottom:#7fbdcb 4px solid; color:#fff; margin-bottom:0;}
a.actionBTN { position:fixed; bottom:10px; right:5px; display:block; width:100px; z-index:9999;}
a.actionBTN img { width:100%;}
}
@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; }
}