/* ---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; background:#fff; -webkit-text-size-adjust: 100%;}

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

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;}
/* --電腦版型------------------------------------- */
h1 { position:absolute; left:0; top:-1000px;}

.brT { display: block; margin:0;}
a.target { margin-top: -60px; padding-top:60px; display:block;}
ul.nav { position:fixed; top:0; right:0; width:100%; background-color: rgba(60,17,1,.75); text-align:right; z-index:9999; padding-bottom:20px;}
ul.nav li { display:inline-block; margin: 0 10px; font-size:20px; padding: 30px 20px 3px 20px; border-left:#C30 1px solid;}
ul.nav li a { color:#fff1b2; display: block; width:100%; padding: 10px 0;}
ul.nav li a:hover { color:#fff;}
#header { position: fixed; top: 0; left: 0; width: 100%; height: 120px; background: transparent; /*display: flex;*/
  align-items: center; justify-content: space-between; /* 左 Logo + 右 Menu */ padding: 40px 0 0 40px; transition: all 0.3s ease; z-index: 999; font-weight:normal;}
/* ------- Logo 初始尺寸（桌機） ------- */
#header .logo { height: 56px; transition: all 0.3s ease; float:left;}
/* ------- 文字選單（桌機） ------- */
#header .menu { list-style: none; display: flex; gap: 15px; margin: 0; padding: 0 40px 0 0; float:right; transition: all 0.3s ease;}
#header .menu li { font-size: 18px; color: white; transition: all 0.3s ease; cursor: pointer; font-weight:normal;}
li.line { border-left:#CCC 1px solid; padding-left:25px;}
#header .menu li a { color:#dad1e2; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#header .menu li a:hover { color:#fff;}
#header .menu li a.S { font-size:18px; font-weight: bold; color:#ffb2f9;}
#header .menu li a:hover.S { color:#ffd4fc;}
/* ------- 捲動後 Header（桌機） ------- */
#header.scrolled { height: 60px; background: rgba(61, 10, 102, 0.7);  padding: 10px 30px 0 30px;}
/* Logo 縮小後 */
#header.scrolled .logo { height: 40px; /* 80 × 0.8 */}
/* 文字選單縮小後（桌機） */
#header.scrolled .menu { list-style: none; display: flex; gap: 15px; margin: 0; padding: 10px 40px 0 0; float:right;}
#header.scrolled .menu li { font-size: 16px; /* 原 22px → 18px */}
#header.scrolled .menu li a.S { font-size:16px;}
/* ========================================================= */
/*                 手機版（寬度 ≤ 767px）                    */
/* ========================================================= */
@media (max-width: 767px) {
#header { padding: 0 20px;}
/* 手機初始 Logo */
#header .logo { height: 60px;}
/* 手機初始選單字體 */
#header .menu li { font-size: 18px;}
/* 手機捲動後 Header */
#header.scrolled { height: 60px;}
/* 手機 Logo 縮小比例 60% */
#header.scrolled .logo { height: 36px;}
/* 手機選單字體縮小 60% */
#header.scrolled .menu li { font-size: 14px;}
}

a.buyBtn { position:fixed; right:3px; bottom:3%; margin: 0 0 0 0; display:block; z-index:999999; width:158px;}
a.buyBtn img { width:100%; display:block; opacity: 0.95; filter: alpha(opacity=95);}
a.buyBtn:hover img { opacity: 1.0; filter: alpha(opacity=100); transform: scale(1.03); transition: transform 0.5s ease;}

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

section.zone1 { width:100%; background:url(../images/mainBG.jpg) no-repeat center top #f0e7f7;}
section.zone2 { width:100%; background:url(../images/mainBG-2.jpg) no-repeat center top #fff;}
section.zone3 { width:100%; background:url(../images/mainBG-3.jpg) no-repeat center top #f0e7f7;}
.downBG { width:100%; background:url(../images/bottomBG.png) no-repeat center bottom; padding: 85px 0 65px 0; text-align:center;} 

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 110px 0 30px 0; background: url(../images/homeBG.jpg) no-repeat center top; text-align:center; color:#fff; min-height:850px;}

img.t0 { display: block; margin: 0 0 30px 6.5%; width:7.36%; max-width:92px;}
img.t1 { display: block; margin: 0 0 0 6%; width:59.68%; max-width:746px;}
img.t2 { display: block; margin: 0 0 140px 5%; width:59.68%; max-width:746px;}
img.t3 { display: block; margin: 0 0 0 6%; width:17.12%; max-width:214px;}
img.t-line { display: inline-block; width:53%; height:1px; vertical-align: middle; margin-top:-9px;}

.venue { display: inline-block; margin: -70px 3% 0 0; float:right; font-family: 'Noto Sans TC', GOTHIC; font-weight:600; font-size:20px; color:#fff; text-shadow: 0 0 10px #000; text-align:right; width:80%;}
.venue b { display: inline-block; font-family: 'Noto Sans TC', GOTHIC; font-weight:800; font-size:28px; margin-bottom:8px; border-left:#f5cee3 1px solid; border-right:#f5cee3 1px solid; width: fit-content; padding: 0 20px 5px 20px;}
.space { display:block; padding: 0 21px 0 0;}

@media screen and (min-width: 993px) and (max-width: 1180px) {
img.t-line { width:40%;}
}
@media screen and (min-width: 768px) and (max-width: 993px) {
img.t-line { width:35%;}
.venue { font-size:18px;}
.venue b { font-size:24px;}
}
@media screen and (max-width: 767px) {
img.t-line { width:35%; display:none;}
.venue  { float:none; display:block; width:95%; margin:30px 0 0 0;}
.venue { font-size:16px;}
.venue b { font-size:22px;}

}


#subTxt { color:#ffdea0; background:url(../images/subTxt-BGH.png) no-repeat center center; background-size:100% 100%; width: fit-content; font-size:32px; font-family: 'Noto Sans TC', sans-serif; font-weight:900; padding: 0 3%; margin:60px auto 45px auto;}
#subTxt b { font-size:48px; display:block; margin-bottom:10px;}
#subTxt .en { font-family: GOTHIC; font-size:50px;}

.timer { font-size:32px; text-align:center; color:#3b0d69; font-family: 'Noto Sans TC', GOTHIC; font-weight:800; margin-bottom:75px;}
.timer b { font-size:24px; color:#3b0d69; display:block; font-weight:bolder;}
.big { color:#ff1161; border-bottom:#897ea4 4px solid; font-size:86px; font-family:GOTHIC; margin-bottom:20px;}

#fonTxt { font-size:40px; color:#231552; font-family: 'Noto Sans TC', GOTHIC; font-weight:900; line-height:42px; text-align:center; width:95%; margin: 0 auto 90px auto; max-width:1250px;}
#fonTxt b { font-size:22px; line-height:32px; color:#272727; width: 700px; margin: 30px auto 0 auto; padding: 0 60px; display:block; border-right:#bd8fc0 1px solid; border-left:#bd8fc0 1px solid; font-weight:500;}

@media screen and (min-width: 1025px) and (max-width: 1180px) {
#fonTxt b { width: 75%;}
}
@media screen and (min-width: 820px) and (max-width: 1024px) {
#fonTxt b { width: 80%;}
}
@media screen and (max-width: 819px) {
#fonTxt b { width: 90%;}
}

ul.about { width:96%; margin: 50px auto 90px auto; max-width:1250px;}
ul.about li:first-child { width:44%; display:inline-block; vertical-align: top; padding: 0 4% 0 0; font-size:22px; color:#272727; line-height:32px; font-weight:bold; text-align:justify;}
ul.about li:last-child { text-align:justify; width:44%; display:inline-block; vertical-align: top; padding: 0 0 0 4%; font-size:22px; color:#272727; line-height:32px; font-weight:bold; border-left: #bd8fc0 1px solid;}
ul.about li b { display:block; margin-bottom:20px; font-size:30px; line-height:40px; font-family: 'Noto Sans TC', GOTHIC; font-weight:900; color:#ff1161; text-align:left;}
ul.about li b .fontS { font-size:24px; display:block; line-height:30px;}
ul.about li .aboutEN { font-family:GOTHIC; margin-bottom:0; font-size:48px; letter-spacing:-1px; color:#ff1161;}
ul.about li img { width: 180px; float:right; margin-top:-10px;}

.note { display:block; text-align:center; padding: 30px 0 0 0; color:#CC9933; font-weight:bold;}

a.link { display: block; padding: 0 0 80px 0; width:80%; max-width:447px; margin: 0 auto;}
a.link img { width:100%;}

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

.speakerInfo { width:100%; text-align:center; font-size:22px; line-height:26px; font-weight:bold; position:relative;}
.speakerInfo img { display:block; margin: 0 auto -8px auto; max-width:410px; width:100%; opacity: 0.95; filter: alpha(opacity=95); transition: transform 0.5s ease;}
.speakerInfo a { color:#832d82; width:100%; display:block; transform: scale(0.95);}
.speakerInfo a:hover { color:#832d82;}
.speakerInfo a:hover img { opacity: 1.0; filter: alpha(opacity=100); transform: scale(1.02); transition: transform 0.5s ease;filter:}
.speakerInfo b { display:block; font-size:40px; font-weight:800; color:#2d1f5a; margin-top:15px; line-height:35px; letter-spacing:-1px; font-family: 'Noto Sans TC', sans-serif;}
.speakerInfo a:hover b { color:#2d1f5a;}

.itemS { font-size:16px; display:block;}

img.item { display:block; margin: 0 auto 45px auto; width:50%; max-width:460px;}
.subTitle { font-size: 40px; line-height:48px; font-family: 'Noto Sans TC', sans-serif; font-weight:800; color:#832d82; display:block; width:100%; text-align:center;}
.inTxt { font-family: Noto Sans TC; font-size:30px; display:block; color:#231552; font-weight:900; line-height:36px;}

ul.highlight { text-align:center; width:90%; max-width:1250px; font-size:22px; color:#272727; line-height:28px; margin: 35px auto 90px auto; font-weight:bold;}
ul.highlight li { width: 22%; margin: 0 -3px; display: inline-block; vertical-align:top; padding: 0 1%;}
ul.highlight li b { font-family: Noto Sans TC; font-size:30px; display:block; margin-bottom:25px; color:#ff1161; font-weight:900; line-height:36px; vertical-align: top;}
ul.highlight li.hi1 { background:url(../images/icon-Highlight-1.png) no-repeat center top; padding-top:250px;}
ul.highlight li.hi2 { background:url(../images/icon-Highlight-2.png) no-repeat center top; padding-top:250px;}
ul.highlight li.hi3 { background:url(../images/icon-Highlight-3.png) no-repeat center top; padding-top:250px;}
ul.highlight li.hi4 { background:url(../images/icon-Highlight-4.png) no-repeat center top; padding-top:250px;}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
ul.highlight { width:96%; font-size:20px; color:#272727; line-height:26px;}
ul.highlight li.hi1,
ul.highlight li.hi2,
ul.highlight li.hi3,
ul.highlight li.hi4 { background-size:110% auto; padding-top:230px;}

ul.highlight li b { font-size:24px; line-height:30px;}
}

ul.date { width:90%; max-width:1250px; margin: 0 auto; color:#832d82; font-size:22px; line-height:28px; font-weight:bold;}
ul.date li { width:45%; display: inline-block; border-left:#a890be 1px solid; padding: 0 0 0 25px; text-align:left;}
ul.date li b { display:block; font-family: 'Noto Sans TC', sans-serif; font-weight:800; color:#231552; margin-top:5px; font-size:38px; color:#231552; line-height:40px;}
ul.date li b.en { font-family:GOTHIC; font-size:46px; line-height:46px;}
ul.date li .add { font-size:20px; color:#231552; display:block; margin-top:5px;}
ul.date li img { display:inline-block; vertical-align: top; margin: 0 2px; padding-top:3px;}

table.PC { margin: 0 auto; padding: 10px 5px; width:95%; max-width:1250px; text-align: left; border-bottom:#999 2px solid; font-size:22px; font-weight:600; color:#333;}
table.PC tr.t1 { background: url(../images/tableBG.png) repeat-y center top; background-size: 100% auto; color:#fff; font-size:20px; padding: 20px;}
table.PC tr { border-bottom:#c9c9c9 1px solid;}
table.PC tr.rest { background:rgba(208,200,200,1); padding: 13px 10px;}
table.PC tr.rest td.issue { color:#000; font-family: 'Noto Sans TC', sans-serif; font-weight:800;}
table.PC td { line-height: 26px; padding: 13px 10px; background:rgba(255,255,255,.65); vertical-align: middle;}
table.PC th { line-height: 26px; padding: 13px 10px;}
table.PC td.time { font-family: GOTHIC; font-size:18px; color:#6f6c65; width:10%;}
table.PC td.issue { font-size:24px; line-height:32px; font-weight:800; color:#ca457e; font-family: 'Noto Sans TC', sans-serif; font-weight:800;}
table.PC td.issue .en { display:block; font-size:15px; font-weight:normal; line-height:20px;}
table.PC td.name { font-size:18px; color:#000; width:45%; font-family: 'Noto Sans TC', sans-serif; font-weight:800;}
table.PC td.name b { display: inline-block; color:#2d45a8; font-size:24px; float:left; width:80px;}
table.PC td.name .title { display: inline-block; border-left:#ccc 1px solid; padding-left:10px; float: right; text-align:left; width:calc(100% - 85px); margin-bottom:10px;}
table.PC td.name .line { display:inline-block; margin: 0 3px; color:#ccc; font-weight:normal;}
table.PC td.name .itemS { font-weight:normal; font-size:16px; color:#666;}
table.PC td .brick { color:#333; font-size:18px; display:block; margin-bottom:10px; border-left:#aadcc9 3px solid; padding-left:10px; line-height:15px;}

table.M { display:none;}
.warning { width:100%; text-align:center; display:block; padding: 30px 0 70px 0; font-size:18px; color:#666; font-weight:bolder; letter-spacing:2px;}

ul.target { text-align:center; width:90%; max-width:1250px; font-size:22px; color:#272727; line-height:28px; margin: 35px auto 90px auto; font-weight:bold;}
ul.target li { width: 30%; margin: 0 1%; display: inline-block; vertical-align:top; padding: 0 2%;}
ul.target li b { font-family: Noto Sans TC; font-size:32px; display:block; margin-bottom:25px; color:#ff1161; font-weight:900; line-height:36px; vertical-align: top;}
ul.target li.ta1 { background:url(../images/icon-Target-1.png) no-repeat center top; padding-top:330px;}
ul.target li.ta2 { background:url(../images/icon-Target-2.png) no-repeat center top; padding-top:330px;}
ul.target li.ta3 { background:url(../images/icon-Target-3.png) no-repeat center top; padding-top:330px;}

ul.REASONS { text-align:center; width:90%; max-width:1250px; font-size:22px; color:#272727; line-height:28px; margin: 35px auto 90px auto; font-weight:bold;}
ul.REASONS li { width: 30%; margin: 0 1%; padding-top:50px; display: inline-block; text-align:left; vertical-align:top;}
ul.REASONS li b { font-family: Noto Sans TC; font-size:32px; display:block; margin-bottom:25px; color:#231552; font-weight:900; line-height:36px;}
ul.REASONS li.point-1 { background:url(../images/icon-reason-1.png) no-repeat left top; padding-left:60px;}
ul.REASONS li.point-2 { background:url(../images/icon-reason-2.png) no-repeat left top; padding-left:60px;}
ul.REASONS li.point-3 { background:url(../images/icon-reason-3.png) no-repeat left top; padding-left:60px;}

a.join { display:block; width:100%; text-align:center;}
a.join img { display:block; opacity: 0.95; filter: alpha(opacity=95);margin: 65px auto 0 auto; width:60%; max-width:500px;}
a.join:hover img { opacity: 1.0; filter: alpha(opacity=100); transform: scale(1.03); transition: transform 0.5s ease;}

.welcome { width:80%; margin: 0 auto 65px auto; background:url(../images/welcomeBG.jpg) repeat-x center center;text-align:center; max-width:1000px;}
img.imgwelcome { display:block; margin: 0 auto 20px auto;}
.welcome b { width: fit-content; letter-spacing:20px; font-family: 'Noto Sans TC', sans-serif; font-weight:800; font-size: 24px; color:#2e215b; display:block; background:#f0e7f7; padding: 0 20px; margin: 0 auto;}

footer { width:100%; background:url(../images/footerBG.jpg) repeat-x center top #ccc; text-align:center; padding:30px 0 40px 0; font-size:13px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; color:#832d82;}
footer img { display: block; width:250px; margin: 0 auto 10px auto;}

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

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 110px 0 30px 0; background-size:2000px auto; min-height:690px;}

img.t0 { display: block; margin: 0 0 30px 6.5%; width:7.36%; max-width:92px;}
img.t1 { display: block; margin: 0 0 0 6%; width:59.68%; max-width:746px;}
img.t2 { display: block; margin: 0 0 140px 5%; width:59.68%; max-width:746px;}
img.t3 { display: block; margin: 0 0 0 6%; width:17.12%; max-width:214px;;}
img.t4 { display: inline-block; margin: -70px 3% 0 0; float:right;}

#header .menu { padding: 0 30px 0 0;}
#header .menu li { font-size: 16px;}
#header .menu li a.S { font-size:16px;}
#header.scrolled { height: 50px; padding: 10px 25px 0 30px;}
#header.scrolled .menu { list-style: none; display: flex; gap: 15px; margin: 0; padding: 10px 25px 0 0; float:right;}
#header.scrolled .menu li { font-size: 15px; /* 原 22px → 18px */}
#header.scrolled .menu li a.S { font-size:15px;}

section.zone1,
section.zone2,
section.zone3,
.downBG { background-size:2000px auto;}

.subTitle { font-size: 36px;}
.inTxt { font-size:26px; line-height:30px;}

ul.date { width:96%; max-width:1250px; margin: 0 auto; color:#832d82; font-size:20px; line-height:28px; font-weight:bold;}
ul.date li { width:45%; display: inline-block; border-left:#a890be 1px solid; padding: 0 0 0 20px; text-align:left;}
ul.date li b { display:block; font-family: 'Noto Sans TC', sans-serif; font-weight:800; color:#231552; margin-top:5px; font-size:36px; color:#231552; line-height:40px;}
ul.date li b.en { font-family:GOTHIC; font-size:40px; line-height:40px;}
ul.date li .add { font-size:18px; color:#231552; display:block; margin-top:5px;}
ul.date li img { display:inline-block; vertical-align: top; margin: 0 2px; padding-top:3px;}

.speakerInfo { font-size:20px; line-height:24px;}
.speakerInfo img { max-width:380px;}

ul.target { width:90%; font-size:20px; line-height:26px;}
ul.target li { padding: 0;}
ul.target li b { font-size:24px; line-height:32px;}
ul.target li.ta1,
ul.target li.ta2,
ul.target li.ta3 { background-size: auto 280px; padding-top:300px;}

ul.REASONS { width:90%; font-size:20px; line-height:26px;}
ul.REASONS li {  margin: 0 1%; padding-top:40px;}
ul.REASONS li b { font-size:24px; line-height:32px; margin-bottom:15px;}
ul.REASONS li.point-1,
ul.REASONS li.point-2,
ul.REASONS li.point-3 { background-size: 60px auto; padding-left:50px;}
}
/* --平板版型------------------------------------- */

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

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 100px 0 30px 0; background-size:1800px auto; min-height:625px;}
.brT { display: inline-block}
img.t0 { display: block; margin: 0 0 20px 5%; width:10.36%; max-width:92px;}
img.t1 { display: block; margin: 0 0 0 4.5%; width:65%; max-width:746px;}
img.t2 { display: block; margin: 0 0 80px 3.5%; width:65%; max-width:746px;}
img.t3 { display: block; margin: 0 0 0 4.5%; width:20.12%; max-width:214px;;}
img.t4 { display: inline-block; margin: -70px 3% 0 0; float:right; z-index:-1;}
img.item { margin: 0 auto 30px auto;}

#header .menu { padding: 0 30px 0 0;}
#header .menu li { font-size: 16px;}
#header .menu li a.S { font-size:16px;}
#header.scrolled { height: 50px; padding: 10px 25px 0 30px;}
#header.scrolled .menu { list-style: none; display: flex; gap: 10px; margin: 0; padding: 10px 25px 0 0; float:right;}
#header.scrolled .menu li { font-size: 15px; /* 原 22px → 18px */}
#header.scrolled .menu li a.S { font-size:15px;}

.subTitle { font-size: 32px;}
.inTxt { font-size:20px; line-height:24px;}

section.zone1,
section.zone2,
section.zone3,
.downBG { background-size:1800px auto;}

#fonTxt { font-size:36px; line-height:40px;}
#fonTxt b { font-size:20px; line-height:30px;}

ul.date { width:80%; font-size:20px; line-height:28px; font-weight:bold; border-left:#a890be 1px solid; border-right:#a890be 1px solid;}
ul.date li { width:90%; display: block; padding: 0 20px; text-align:left; margin: 0 auto 15px auto; text-align:center; border:none;}
ul.date li b { font-size:36px; line-height:40px; margin-top:0;}
ul.date li .add { font-size:18px;  margin-top:5px;}

.speakerInfo { font-size:20px; line-height:24px;}
.speakerInfo img { max-width:300px; margin-bottom:0;}

ul.about { width:80%; margin: 80px auto 90px auto; max-width:1250px;}
ul.about li:first-child { width:100%; display:block; vertical-align: top; padding: 0 0 20px 0; font-size:22px; color:#272727; line-height:32px; font-weight:bold;}
ul.about li:last-child { width:100%; display:block; vertical-align: top; padding: 20px 0 0 0; font-size:22px; color:#272727; line-height:32px; font-weight:bold; border-left: none; border-top: #bd8fc0 1px solid;}
ul.about li b { display:block; margin-bottom:20px; font-size:30px; line-height:36px; font-family: 'Noto Sans TC', GOTHIC; font-weight:900; color:#ff1161;}
ul.about li img { width: 180px; float:right; margin-top:-40px;}

ul.highlight { width:60%;}
ul.highlight li { width: 100%; margin: 0; display: block; vertical-align:top; padding: 0 0 0 100px;; text-align:left; height:190px;}
ul.highlight li b { padding-top:50px; margin-bottom:15px;}
ul.highlight li.hi1 { background:url(../images/icon-Highlight-1-M.png) no-repeat left top; padding: 0 0 0 200px; background-size: auto 200px;}
ul.highlight li.hi2 { background:url(../images/icon-Highlight-2-M.png) no-repeat left top; padding: 0 0 0 200px; background-size: auto 200px;}
ul.highlight li.hi3 { background:url(../images/icon-Highlight-3-M.png) no-repeat left top; padding: 0 0 0 200px; background-size: auto 200px;}
ul.highlight li.hi4 { background:url(../images/icon-Highlight-4-M.png) no-repeat left top; padding: 0 0 0 200px; background-size: auto 200px;}

table { width:90%; font-size:20px;;}
table tr.t1 {font-size:18px; padding: 20px;}
table td.time { font-size:16px; width:10%;}
table td.issue { font-size:22px;;}
table td.issue .en { font-size:14px; line-height:16px; margin-top:5px;}
table td.name { font-size:16px; width:38%;}
table td.name b { font-size:22px;}
table td.name .itemS { font-size:14px;}
table td .brick { font-size:15px;}
.warning { font-size:16px; letter-spacing:1px;}


ul.target { width:70%;}
ul.target li { width: 100%; margin: 0 0 30px 0; display: block; vertical-align:top; padding: 0 0 0 100px; text-align:left; height:190px;}
ul.target li b { padding-top:30px; margin-bottom:15px; font-size:30px;}
ul.target li.ta1 { background:url(../images/icon-Target-1-M.png) no-repeat left top; padding: 0 0 0 220px; background-size: auto 180px;}
ul.target li.ta2 { background:url(../images/icon-Target-2-M.png) no-repeat left top; padding: 0 0 0 220px; background-size: auto 180px;}
ul.target li.ta3 { background:url(../images/icon-Target-3-M.png) no-repeat left top; padding: 0 0 0 220px; background-size: auto 180px;}

ul.REASONS { width:70%;}
ul.REASONS li { width: 100%; margin: 0 0 30px 0; display: block; padding: 0; text-align:left; height:auto;}
ul.REASONS li b { margin-bottom:15px;}
ul.REASONS li.point-1,
ul.REASONS li.point-2,
ul.REASONS li.point-3 { background-size: 80px auto; padding-left:70px;}

.welcome {}
img.imgwelcome {}
.welcome b { letter-spacing:10px; font-size: 20px;}

a.buyBtn { position:fixed; right:5px; bottom:5%; margin: 0 0 0 0; display:block; z-index:999999; width:100px;}
.mainCon { width:96%;}

footer img { display: block; width:200px; margin: 0 auto 10px auto;}
}

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

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

/* -- 首頁 -- */
#home { width:100%; position:relative; padding: 60px 0 30px 0; min-height:540px; background:url(../images/homeBG.jpg) no-repeat center bottom #3b0d69; background-size:1100px auto;}
.brT { display: inline-block}
.nobrT { display: block;}
img.t0 { display: block; margin: 0 0 5px 5%; width:16%; max-width:92px;}
img.t1 { display: block; margin: 0 auto; width:96%; max-width:746px;}
img.t2 { display: block; margin: 0 0 60px 1%; width:98%; max-width:746px;}
img.t3 { display: block; margin: 0 0 0 2.5%; width:35%; max-width:214px;;}
img.t4 { display: inline-block; margin: -40px 2% 0 0; width:150%; float:right; z-index:-1;}
img.item { margin: 0 auto 20px auto; width:70%;}

#header { display:none;}
h4 { width:95px; height:70px; background: url(../images/menu.png) no-repeat center center; background-size:95px 70px; position: fixed; top:5px; right:5px; display:block; z-index:9999999;}
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:9999998; background: url(../images/bottomBG.png) no-repeat center bottom rgba(60,11,102,.95); background-size: 800px auto;}
#SUBMENU ul { padding: 0; margin: 90px auto 0 auto; width:70%; text-align:left;}
#SUBMENU ul li { width:100%; letter-spacing:2px;}
#SUBMENU ul li a b { display:block; margin:5px 0 0 0; font-size:0.85em; font-weight:normal;}
#SUBMENU ul li a { font-size:1.25em; color: #fff; font-weight:bold; padding: 20px 0; text-align:center; width:100%; margin: 0; border-bottom:#744f95 1px dotted; text-align:left; display:block; background:none}
#SUBMENU ul li a:hover { color:#fff;}


.timer { font-size:20px; font-weight:800; margin: 10px auto 55px auto;}
.timer b { font-size:24px; display:block; margin-bottom:10px;}
.big { font-size:48px; margin-bottom:10px; letter-spacing:-1px;}

.subTitle { font-size: 26px; line-height:36px;}
.inTxt { font-size:18px; line-height:22px;}

section.zone1,
section.zone2,
section.zone3 { background-size:800px auto;}
.downBG { background-size:1000px auto; padding: 40px 0 55px 0;}

#fonTxt { font-size:26px; line-height:36px; margin: 0 auto 90px auto; width:90%;}
#fonTxt b { font-size:18px; line-height:24px; width: fit-content; margin: 15px auto 0 auto; padding: 0 30px; font-weight:500;}

ul.date { width:90%; font-size:18px; line-height:24px; border-left:#a890be 1px solid; border-right:#a890be 1px solid;}
ul.date li { width:100%; display: block; padding: 0 15px; text-align:left; margin: 0 auto 15px auto; text-align:center; border:none;}
ul.date li b { font-size:28px; line-height:36px; margin-top:0;}
ul.date li b.en { font-size:34px; line-height:40px;}
ul.date li .add { font-size:18px; margin-top:0px;}
ul.date li img { width:10px; margin: 0 5px; padding-top:3px;}

.speakerInfo { font-size:20px; line-height:24px;}
.speakerInfo img { max-width:320px; margin-bottom:0;}
.speakerInfo b { font-size:38px;}

ul.about { width:80%; margin: 50px auto 90px auto; max-width:1250px;}
ul.about li:first-child { width:100%; display:block; vertical-align: top; padding: 0 0 20px 0; font-size:16px; line-height:22px;}
ul.about li:last-child { width:100%; display:block; vertical-align: top; padding: 20px 0 0 0; font-size:16px; line-height:22px; border-left: none; border-top: #bd8fc0 1px solid;}
ul.about li b { font-size:22px; line-height:26px; text-align:center; letter-spacing:-1px;}
ul.about li .aboutEN { font-size:25px; text-align:center; display:block;}
ul.about li img { float:none; margin: 0 auto; display:block;}

ul.highlight { width:95%; background:url(../images/icon-Highlight-BG-M.png) repeat-y left top; background-size: 130px auto;}
ul.highlight li { width: 100%; margin: 0; display: block; vertical-align:top; padding: 0 0 0 100px; text-align:left; height:auto; min-height:130px; font-size:16px; line-height:22px;}
ul.highlight li b { padding-top:20px; margin-bottom:15px; font-size:22px; line-height:26px;}
ul.highlight li.hi1 { background:url(../images/icon-Highlight-1-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 130px;}
ul.highlight li.hi2 { background:url(../images/icon-Highlight-2-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 130px;}
ul.highlight li.hi3 { background:url(../images/icon-Highlight-3-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 130px;}
ul.highlight li.hi4 { background:url(../images/icon-Highlight-4-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 130px;}

table.M { margin: 0 auto; width:95%; text-align: left; border-bottom:#999 2px solid; font-size:20px; font-weight:600; color:#333; display:block;}
table.M tr.t1 { background: url(../images/tableBG.png) repeat-y center top; background-size: 100% auto; color:#fff; font-size:18px; padding: 20px;}
table.M tr { border-bottom:#c9c9c9 1px solid;}
table.M tr.rest { background:rgba(208,200,200,1); padding: 13px 10px;}
table.M tr.rest td.issue { color:#000; font-family: 'Noto Sans TC', sans-serif; font-weight:800;}
table.M td { line-height: 26px; padding: 13px 10px; background:rgba(255,255,255,.65);}
table.M th { line-height: 26px; padding: 13px 10px;}
table.M td.time { font-family: GOTHIC; font-size:16px; color:#6f6c65; width:15%;}
table.M td.issue { font-size:22px; font-weight:800; color:#ca457e; font-family: 'Noto Sans TC', sans-serif; font-weight:800;}
table.M td.issue .en { display:block; font-size:14px; font-weight:normal; line-height:16px; margin-top:5px;}
table.M td .name { font-size:16px; color:#000; width:100%; font-family: 'Noto Sans TC', sans-serif; font-weight:800; display:block; margin-top:15px; padding-top:10px; border-top:#CCC 1px dotted;}
table.M td .name b { display:inline-block; color:#2d45a8; font-size:20px;}
table.M td .name .line { display:inline-block; margin: 0 3px; color:#ccc; font-weight:normal;}
table.M td .name .itemS { font-weight:normal; font-size:15px; color:#666;}
table.M td .brick { color:#333; font-size:15px; display:block; margin-bottom:10px; border-left:#aadcc9 3px solid; padding-left:10px; line-height:15px;}

table.M td .name b { display: inline-block; color:#2d45a8; font-size:20px; float:left; width:70px;}
table.M td .name .title { display: inline-block; border-left:#ccc 1px solid; padding-left:10px; float: right; text-align:left; width:calc(100% - 70px); margin-bottom:10px;}


table.PC { display:none;}

.warning { font-size:16px; letter-spacing:1px; padding-bottom:0;}

ul.target { width:95%;}
ul.target li { width: 100%; margin: 0 0 15px 0; display: block; vertical-align:top; padding: 0 0 0 100px; text-align:left; height:auto; min-height:150px; font-size:16px; line-height:22px;}
ul.target li b { padding-top:10px; margin-bottom:15px; font-size:22px; line-height:26px;}
ul.target li.ta1 { background:url(../images/icon-Target-1-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 100px;}
ul.target li.ta2 { background:url(../images/icon-Target-2-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 100px;}
ul.target li.ta3 { background:url(../images/icon-Target-3-M.png) no-repeat left top; padding: 0 0 0 115px; background-size: auto 100px;}

ul.REASONS { width:85%; margin-bottom:40px;}
ul.REASONS li { width: 100%; margin: 0 0 30px 0; display: block; padding: 0; text-align:left; height:auto; font-size:16px; line-height:22px}
ul.REASONS li b { margin-bottom:15px; font-size:22px; line-height:26px;}
ul.REASONS li.point-1,
ul.REASONS li.point-2,
ul.REASONS li.point-3 { background-size: 80px auto; padding-left:70px;}

.welcome { margin-bottom:40px;}
img.imgwelcome { width:65%}
.welcome b { letter-spacing:1px; font-size:18px; padding: 0 10px; width:95%;}

.brT { display: inline-block;}
a.buyBtn { position:fixed; right:1px; bottom:2%; margin: 0 0 0 0; display:block; z-index:999999; width:90px;}
.mainCon { width:98%;}

a.join img { display:block; opacity: 0.95; filter: alpha(opacity=95);margin: 40px auto 0 auto; width:75%; max-width:500px;}

footer { font-size:12px; letter-spacing:0;}
footer img { width:170px;}
}

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