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

* { -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: gadugi; src: url(../fonts/gadugib.ttf);}

/* --電腦版型------------------------------------- */
body { position:relative; background: url(../images/mainBG.gif) no-repeat center top #000;}
a.top { position:fixed; right:20px; bottom: 45%; display:block; width:42px; height:42px; z-index:999998;}
a.top img { width:100%;}
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;}

ul.navigation { margin: 0 auto; width:100%; font-size:16px; position: absolute; font-weight:bold; top:10px; left:0; z-index:999999;}
ul.navigation li { display:inline-block; margin: 0 0 0 25px; padding: 20px 0;}
ul.navigation li a { color:#fff; display:block; width:100%; padding: 20px 0;}
ul.navigation li a:hover { color:#fff100;}

a.target { /*margin-top:-90px; padding-top:90px; display:block;*/}
a.outlink { display:block; position: absolute; left:0; top:0; z-index:9999;}
a.outlink img { display:block; width:324px;}

#mainView { width:95%; padding:300px 0 0 0; position:relative; max-width:1250px; margin: 0 auto;}

img.title01-M, img.title02-M, img.title03-M, img.title04-M { display:none;}

img.title01 { display:block; margin: 0 0 10px 0; width:47.2%; max-width:591px;}
img.title02 { display:block; margin: 0 0 10px 0; width:47.2%; max-width:591px;}
img.title03 { display:block; margin: 0 0 10px 0; width:45.52%; max-width:669px;}
img.title04 { display: inline-block; margin: 45px 0; width:50.56%; max-width:632px; float:left}
img.PIC-M { display: none;}
img.PIC-PC { display: block;}

img.title { display:block; margin: 65px 0 50px 0; width:60%; max-width:394px;}
img.issueL { display:block; margin: 0 auto 40px auto; width:98%; max-width:552px;}

.agendaT { font-size: 42px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; color:#000; display:block; margin-bottom:45px; text-align:center;}

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

#fonTxt { color:#fff; font-size:18px; line-height:34px; font-weight: normal; padding-left:35px; border-left:#fdf001 5px solid; margin: 75px 0 10px 0;}
.fontBig { font-size: 30px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; line-height:40px;}

b.big { font-size:30px; display:block; font-weight: bolder; margin-bottom:40px; color:#000; text-align:center;}
#intro .enS b.big2 { font-size:20px; display:block; font-weight: bolder; margin-top:5px; color:#e27a4f;}
a.signup, img.signup { display: inline-block; float:right; width:30.48%; max-width:381px; margin-top:50px;}
a.signup img { transition: transform 0.3s ease, opacity 0.3s ease; width:100%;}
a.signup:hover img { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}

/* -- 講員區 -- */
#speaker { width:100%; line-height:30px; margin:0 auto; padding: 100px 0 60px 0; background: url(../images/BG01.jpg) no-repeat center top fixed #000;}
.item { color:#fdf001; font-size:24px; display:block; margin-bottom:5px; font-weight: bolder;}
.intro { float:right; width:58%;}
.listTxt { display:block; border-left: #fdf001 1px solid; padding-left:15px; font-size:16px; line-height: 26px; color:#ccc; margin-top:10px;}

ul.buyerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.buyerlist li { width:45%; margin: 0 4% 50px 0; display:inline-block; vertical-align:top; font-size:20px; color:#fff; font-weight:normal; vertical-align:top;}
ul.buyerlist li a { color:#fff;}
ul.buyerlist li img { display: inline-block; margin: 0 2% 0; width: 38%; max-width:170px; float:left; transition: transform 0.3s ease, opacity 0.3s ease;}
ul.buyerlist li:hover img { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}
ul.buyerlist li b { font-size: 28px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fff; line-height:30px; margin-bottom:10px;}
ul.buyerlist li a .readmore { font-size:16px; color:#fdf001; display:block; margin-top:10px; font-weight:bolder;}
ul.buyerlist li a:hover .readmore { color:#fff;}

ul.speakerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.speakerlist li { width:45%; margin: 0 4% 50px 0; display:inline-block; vertical-align:top; font-size:20px; color:#fff; font-weight:normal; vertical-align:top;}
ul.speakerlist li img { display: inline-block; margin: 0 2% 0; width: 38%; max-width:170px; float:left;}
ul.speakerlist li b { font-size: 28px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fdf001; line-height:30px; margin: 20px 0 10px 0;}

/* -- 活動議程 -- */
#agenda { font-size:18px; line-height:30px; margin:0 auto; width:100%; padding: 100px 0 60px 0; background: url(../images/BG02.jpg) no-repeat center bottom fixed #e4e4e4;}

#agenda>b { color:#cbb49b; display:block; margin: 30px auto 5px auto; font-size:15px;}
#agenda table.M1 { display:none;}
#agenda table.pc1 { width:100%; margin: 30px auto 40px auto; text-align:left;}
#agenda table.pc1 th { text-align: left; padding: 15px; color:#000; font-size:18px; background:#fdf001; font-weight:bold;}
#agenda table.pc1 tr.head { background: linear-gradient(90deg, #013aa5, #3cba16); }
#agenda table.pc1 th.issue { background:#1b7db8;} 
#agenda table.pc1 td { font-size:18px; padding:15px 15px; border-bottom:#d8d8d8 1px solid; line-height:24px; vertical-align: middle; background:rgba(255,255,255,.8); vertical-align:top;}
#agenda table.pc1 td .issueS { font-size:18px; color:#000; width:fit-content; display: block; margin: 0 0 5px 0 ; padding: 3px 15px; font-weight:bold; background:#d1cc7c;}
#agenda table.pc1 td .issueS2 { font-size:18px; color:#fff; width:fit-content; display: block; margin: 5px 0 0 0 ; padding: 3px 15px; font-weight:bold; background:#000;}
#agenda table.pc1 td.time { font-size:18px; width:12%; background:#f5f5f5;}
#agenda table.pc1 td.issue { color: #803c39;}
#agenda table.pc1 td.issue b { font-size:26px; color:#000; font-weight:bold; line-height:34px; margin-bottom:5px; font-family: 'Noto Sans TC', sans-serif;}
#agenda table.pc1 td.speaker { font-size:26px; width:45%; font-weight:bold; color:#000; vertical-align:bottom; line-height:34px; font-family: 'Noto Sans TC', sans-serif;}
#agenda table.pc1 td.speaker .nowrap { display:inline-block; margin-left:15px;}
#agenda table.pc1 td.speaker b { font-size:20px; line-height:20px; color:#666; display: block; font-weight:normal; padding:0; margin: 0 0 15px 0; padding-left:15px; border-left:#666 1px solid;}
.issue-1 { display:block; margin-bottom:10px; color:#999; font-size:15px; font-weight:normal;}
.title { font-size:18px; font-weight: normal; color:#a29b2a; font-weight:bold; display:block; line-height:22px;}


/* -- 注意 -- */
ol.note { width:98%; margin: 0 auto; max-width:1250px; padding:0;}
ol.note b { font-size:30px; font-weight:bold; color:#a29b2a; display:block; margin: 0 0 10px 0; font-family: 'Noto Sans TC', sans-serif;}
ol.note li { width:100%; display:block; font-size:16px; line-height:20px; color:#343434; font-weight:bold; margin-bottom:10px;list-style-type: decimal; }

/* -- 計畫成果 -- */
#result { width:100%; line-height:30px; margin:0 auto; padding: 100px 0 60px 0; background: url(../images/BG03.jpg) no-repeat center top fixed #fdf001;}
.total-list { width: 22%; margin: 0 0 50px 3%; display:inline-block; font-size:32px; color:#616161; font-family: 'Noto Sans TC', sans-serif; font-weight:700; letter-spacing:-2px;}
.listWide { width:36%;}
.total-list>b { display:block;}
.counter { font-size: 80px; color:#000; font-family: gadugi; font-weight:900; margin: 0 10px 0 0; letter-spacing:-5px; display: inline-block; vertical-align: top; line-height:100px;}
.unit { display: inline-block; color:#fdf001; font-size:20px; border-radius:35px; text-align:center; letter-spacing:-1px; line-height:60px; margin-top:24px; font-weight:bold; vertical-align:middle; width:60px; height:60px; background:#000;}

/* -- 成功案例 -- */
#case { width:100%; background: url(../images/BG04.jpg) no-repeat center top fixed #fff; font-size:18px; color:#000; line-height:24px; padding:100px 0 60px 0;}

.content { font-size:18px; line-height:30px; color:#333; margin: 0 auto; padding: 0 0 50px 0; font-family: Arial, Helvetica, sans-serif, "微軟正黑體";}

iframe { aspect-ratio: 1250/706; max-width:1250px; width:100%; margin: 50px auto 100px auto; display:block; border:#feee02 4px solid;}
img.videoPIC { display:inline-block; float:left; margin-top:-15px;}

.abgne_tab2 { display:block; z-index:9995; width:200px; float:left; padding:0;}
.abgne_tab2 ul.tabs2 { display:block; width:200px; margin:0;}
.abgne_tab2 ul.tabs2 li { width:100%; display:block; text-align: right; padding: 15px 20px 15px 0; cursor:pointer; font-size:25px; font-weight:bold; color:#6b6b6b;}
.abgne_tab2 ul.tabs2 li b { font-size:12px; display:block; font-weight:normal;}
.abgne_tab2 ul.tabs2 li.active { background: url(../images/tabBG.jpg) repeat-y center top; color:#000; background-size: 100% 1px;}
.abgne_tab2 ul.tabs2 li.active b { color:#000;}

div.tab_container2 { width: calc(100% - 200px); margin: 0; position:relative; border-left: #fdf001 2px solid; display:inline-block; float:right; vertical-align:top;}
div.tab_container2 .tab_content2 { padding: 20px 0 0 40px;}

.caseT { border-right:#fdf001 5px solid; padding: 0 20px 15px 0; font-size:18px; color:#bebebe; display:inline-block; float:right; text-align:right; vertical-align:top; margin-top:170px;}
.caseT b { display:block; font-size:45px; font-weight:bold; margin-top:10px; color:#909090;}

.caseFontxt { font-size:20px; line-height:38px; font-weight:bold; color:#000; display:block; margin: 15px 0; text-align:justify;}
ul.caselist {}
ul.caselist li { display:block; font-size:16px; color:#6b6b6b; line-height:25px; padding-left:20px; background:url(../images/icon-block.png) no-repeat top left; margin-bottom:15px;}
ul.caselist li b { font-size:20px; font-weight:bolder; display:block;}

.logoT { font-size:18px; width:100%; display:block; background:url(../images/brandTBG.png) repeat-x center center; margin-top:35px;}
.logoT b { width: fit-content; color:#fff; background:#8f8f8f; padding: 7px 25px; display:block;}

ul.caseLogo { margin-top:40px;}
ul.caseLogo li { display:inline-block; margin: 0 40px 30px 0;}
ul.caseLogo li img { width:auto; height:85px;}

a.video img { transition: transform 0.3s ease, opacity 0.3s ease;}
a.video:hover img { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}

/* -- 成功案例 -- */
#report { width:100%; background: #000 font-size:18px; color:#fff; line-height:24px; padding:100px 0 60px 0;}
ul.report { margin-top:70px;}
ul.report li { font-size:36px; font-weight:bolder; line-height:45px; margin-bottom:70px; color:#dacb00;}
ul.report li a { width:100%; display:block; color:#dacb00;} 
ul.report li a:hover { color:#fdf001;}
ul.report li a b,
ul.report li b { font-size:18px; color:#f1f1f1; line-height:30px; border-left:#8a8a8a 1px solid; display:block; margin-top:50px; padding-left:40px;}
ul.report li a:hover b { color:#fff;}
ul.report li img.report,
ul.report li a img.report { border:#fdf001 1px solid; border-radius:20px; margin-right:3%; float:left; width:40%; max-width:480px; transition: transform 0.3s ease, opacity 0.3s ease;}
ul.report li a:hover img.report { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}
ul.report li a .actionmore { font-size:13px; color:#a6a6a6; letter-spacing:10px; display:block; margin-top:40px; float:right;}
ul.report li a:hover .actionmore { color:#fff;}
ul.report li a:hover .actionmore img.more { display: inline-block; transform: translateX(5px); transition: transform 0.3s ease;}
ul.report li .txtZone { width:56%; float:right; display:inline-block; text-align:justify;}

/* -- Footer -- */
footer { width:100%; color:#999; text-align:center; font-size:15px; padding:45px 0 50px 0; position:relative; vertical-align:central; background:#e4e4e4;}
ul.footerlogo { margin-bottom:30px;}
ul.footerlogo li { text-align:left; display:inline-block; margin: 0 2%; font-size:18px; color:#333;}
ul.footerlogo li img { display: block; margin: 8px 0 0 0; height:50px;}

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

#endReport { width:100%; background: #000 font-size:18px; color:#fff; line-height:24px; padding:100px 0 120px 0;}
#reportVideo { width:100%; background: #dfdfdf; font-size:18px; color:#000; line-height:24px; padding:70px 0 0 0;}

.reportlist { width:90%; margin: 60px auto 0 auto; text-align:center;}
.reportlist a { display: inline-block; font-size:15px; color:#999; position:relative; line-height:24px; width:100%; margin: 0 1.5%; text-align:left; float:left; font-family:Arial, Helvetica, sans-serif;}
.reportlist a img.newspic { border:#fdf001 2px solid; border-radius:20px; width:100%; max-width:365px; transition: transform 0.3s ease, opacity 0.3s ease;}
.reportlist a:hover img.newspic { transform: scale(1.01); transition: transform 0.3s ease; opacity: 1;}
.reportlist a b { color:#fff; font-size:32px; font-weight:bold; display:block; padding-top:15px; line-height:30px; margin-bottom:10px; font-family: 'Noto Sans TC', sans-serif;}
.reportlist a:hover b { color:#fdf001;}
.reportlist a .actionmore { font-size:11px; color:#a6a6a6; letter-spacing:3px; display:block; margin-top:40px; float:right;}
.reportlist a:hover .actionmore { color:#fff;}
.reportlist a .actionmore img.more { display: inline-block; height:10px;}
.reportlist a:hover .actionmore img.more { display: inline-block; transform: translateX(5px); transition: transform 0.3s ease;}

.reportTitle-b { display:block; font-size:25px; font-weight:bold; color:#ece01e; text-align:center; width: fit-content; border-radius:50px; padding: 20px 40px; text-align:center; background:#333; margin: 0 auto;}
.reportTitle-y { display:block; font-size:25px; font-weight:bold; color:#333; text-align:center; width: fit-content; border-radius:50px; padding: 20px 40px; text-align:center; background:#ece01e; margin: 0 auto;}

.reportlist a b.videoT { color:#fff; font-size:22px; font-weight:bold; display:block; padding-top:15px; line-height:30px; margin-bottom:10px; font-family: 'Noto Sans TC', sans-serif;}


/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1249px) {
body { background-size:2000px auto;}
#mainView { width:95%; padding:250px 0 0 0; position:relative; max-width:1250px; margin: 0 auto;}
}

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

@media screen and (min-width: 768px) and (max-width: 1024px) {
body { background-size:1600px auto;}

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: rgba(0,0,0,.95);}
#SUBMENU ul { padding: 0; margin: 90px auto 0 auto; width:90%; text-align:center;}
#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: #fdf001; font-weight:bold; padding: 20px 0; text-align:center; width:100%; margin: 0; border-bottom:#ccc 1px dotted; text-align:center; display:block; background:none}
#SUBMENU ul li a:hover { color:#fff;}

ul.navigation { display:none;}

#mainView { width:95%; padding:180px 0 0 0; position:relative; max-width:1250px; margin: 0 auto;}

img.title01 { display:block; margin: 0 0 10px 0; width:52.2%; max-width:591px;}
img.title02 { display:block; margin: 0 0 10px 0; width:52.2%; max-width:591px;}
img.title03 { display:block; margin: 0 0 10px 0; width:50.52%; max-width:669px;}
img.title04 { display: inline-block; margin: 45px 0; width:55.56%; max-width:632px; float:left}

img.title { display:block; margin: 65px 0 50px 0; width:80%; max-width:394px;}

#fonTxt { color:#fff; font-size:16px; line-height:25px; font-weight: normal; padding-left:25px; border-left:#fdf001 3px solid; margin: 75px 0 10px 0;}
.fontBig { font-size: 24px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; line-height:30px;}
.intro { float:right; width:66%;}
ul.buyerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.buyerlist li { width:100%; margin: 0 auto 60px auto; display:block; vertical-align:top; font-size:20px; color:#fff; font-weight:normal; vertical-align:top;}
ul.buyerlist li a { color:#fff;}
ul.buyerlist li img { display: inline-block; margin: 0 2% 0; width: 30%; max-width:170px; float:left; transition: transform 0.3s ease, opacity 0.3s ease;}
ul.buyerlist li:hover img { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}
ul.buyerlist li b { font-size: 28px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fff; line-height:30px; margin-bottom:10px;}
ul.buyerlist li a .readmore { font-size:16px; color:#fdf001; display:block; margin-top:10px; font-weight:bolder;}
ul.buyerlist li a:hover .readmore { color:#fff;}

ul.speakerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.speakerlist li {width:100%; margin: 0 auto 60px auto; display:block; vertical-align:top; font-size:20px; color:#fff; font-weight:normal; vertical-align:top;}
ul.speakerlist li img { display: inline-block; margin: 0 2% 0; width: 30%; max-width:170px; float:left;}
ul.speakerlist li b { font-size: 28px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fdf001; line-height:30px; margin: 20px 0 10px 0;}

.agendaT { font-size: 36px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; color:#000; display:block; margin-bottom:45px;}

/* -- 成功案例 -- */
#case { width:100%; background: url(../images/BG04.jpg) no-repeat center top fixed #fff; font-size:18px; color:#000; line-height:24px; padding:100px 0 60px 0;}

.content { font-size:18px; line-height:30px; color:#333; margin: 0 auto; padding: 0 0 50px 0; font-family: Arial, Helvetica, sans-serif, "微軟正黑體";}

iframe { aspect-ratio: 1250/706; max-width:1250px; width:100%; margin: 50px auto 100px auto; display:block; border:#feee02 4px solid;}
img.videoPIC { display: block; float:none; margin-top:-15px;}

.abgne_tab2 { width:120px;}
.abgne_tab2 ul.tabs2 { width:120px;}
.abgne_tab2 ul.tabs2 li {padding: 10px 10px 10px 0; font-size:18px;}
.abgne_tab2 ul.tabs2 li b { font-size:11px; line-height:15px;}

div.tab_container2 { width: calc(100% - 120px); margin: 0; position:relative; border-left: #fdf001 2px solid; display:inline-block; float:right; vertical-align:top;}
div.tab_container2 .tab_content2 { padding: 20px 0 0 40px;}

.caseT { display: block; float:none; text-align:left; margin-top:50px; width: 40%; line-height:20px;}
.caseT b { display:block; font-size:30px; font-weight:bold; margin-top:10px; color:#909090;}

.caseFontxt { font-size:20px; line-height:38px; font-weight:bold; color:#000; display:block; margin: 15px 0;}
ul.caselist {}
ul.caselist li { display:block; font-size:16px; color:#6b6b6b; line-height:25px; padding-left:20px; background:url(../images/icon-block.png) no-repeat top left; margin-bottom:15px;}
ul.caselist li b { font-size:20px; font-weight:bolder; display:block;}

.logoT { font-size:18px; width:100%; display:block; background:url(../images/brandTBG.png) repeat-x center center; margin-top:35px;}
.logoT b { width: fit-content; color:#fff; background:#8f8f8f; padding: 7px 25px; display:block;}

ul.caseLogo { margin-top:40px;}
ul.caseLogo li { display:inline-block; margin: 0 40px 30px 0;}
ul.caseLogo li img { width:auto; height:65px;}

.total-list { width: 22%; margin: 0 0 50px 3%; display:inline-block; font-size:25px; color:#616161; font-family: 'Noto Sans TC', sans-serif; font-weight:700; letter-spacing:-2px;}
.listWide { width:36%;}
.total-list>b { display:block;}
.counter { font-size: 60px; color:#000; font-family: gadugi; font-weight:900; margin: 0 10px 0 0; letter-spacing:-5px; display: inline-block; vertical-align: top; line-height:60px;}
.unit { display: inline-block; color:#fdf001; font-size:16px; border-radius:35px; text-align:center; letter-spacing:-1px; line-height:40px; margin-top:17px; font-weight:bold; vertical-align:middle; width:40px; height:40px; background:#000;}

/* -- 成功案例 -- */
ul.report li { font-size:28px; line-height:36px;}
ul.report li a b,
ul.report li b { font-size:18px; margin-top:20px;}
ul.report li img.report,
ul.report li a img.report { border:#fdf001 1px solid; border-radius:20px; margin-right:3%; float:left; width:30%; max-width:480px; transition: transform 0.3s ease, opacity 0.3s ease;}
ul.report li a .actionmore { font-size:13px; color:#a6a6a6; letter-spacing:10px; display:block; margin-top:40px; float:right;}
ul.report li a:hover .actionmore { color:#fff;}
ul.report li a:hover .actionmore img.more { display: inline-block; transform: translateX(5px); transition: transform 0.3s ease;}
ul.report li .txtZone { width:66%; float:right; display:inline-block;}

/* -- Footer -- */
ul.footerlogo li img { display: block; margin: 8px 0 0 0; height:40px;}
}

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

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

body { background-size:900px auto;}
#mainView { width:90%; padding:180px 0 0 0; position:relative; max-width:1250px; margin: 0 auto;}

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: rgba(0,0,0,.95);}
#SUBMENU ul { padding: 0; margin: 90px auto 0 auto; width:90%; text-align:center;}
#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: #fdf001; font-weight:bold; padding: 20px 0; text-align:center; width:100%; margin: 0; border-bottom:#ccc 1px dotted; text-align:center; display:block; background:none}
#SUBMENU ul li a:hover { color:#fff;}

ul.navigation { display:none;}

a.top { position:fixed; right:10px; bottom: 40px; display:block; width:36px; height:36px; z-index:999999;}
img.title01 { display:block; margin: 0 0 10px 0; width:90.2%; max-width:591px;}
img.title02 { display:block; margin: 0 0 10px 0; width:90.2%; max-width:591px;}
img.title03 { display:block; margin: 0 0 10px 0; width:97%; max-width:669px;}
img.title04 { display: inline-block; margin: 45px 0; width:100%; max-width:632px; float:left}

img.title { display:block; margin: 65px 0 50px 0; width:100%; max-width:394px;}

#fonTxt { color:#fff; font-size:14px; line-height:20px; font-weight: normal; padding-left:15px; border-left:#fdf001 1px solid; margin: 55px 0 10px 0;}
.fontBig { font-size: 20px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; line-height:27px;}

a.signup, img.signup { display: block; float:none; width:60%; max-width:381px; margin-top:50px;}

.intro { float:none; width:100%;}
ul.buyerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.buyerlist li { width:100%; margin: 0 auto 60px auto; display:block; vertical-align:top; font-size:16px; color:#fff; font-weight:normal; vertical-align:top;}
ul.buyerlist li a { color:#fff;}
ul.buyerlist li img { display: block; margin: 0 0 20px 0; width: 50%; max-width:170px; float:none; transition: transform 0.3s ease, opacity 0.3s ease;}
ul.buyerlist li:hover img { transform: scale(1.05); transition: transform 0.3s ease; opacity: 1;}
ul.buyerlist li b { font-size: 24px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fff; line-height:30px; margin-bottom:10px;}
ul.buyerlist li a .readmore { font-size:15px; color:#fdf001; display:block; margin-top:10px; font-weight:bolder;}
ul.buyerlist li a:hover .readmore { color:#fff;}

ul.speakerlist { width:95%; max-width:1250px; margin: 0 auto;}
ul.speakerlist li {width:100%; margin: 0 auto 60px auto; display:block; vertical-align:top; font-size:16px; line-height:20px; color:#fff; font-weight:normal; vertical-align:top;}
ul.speakerlist li img { display: inline-block; margin: 0 2% 0; width: 30%; max-width:170px; float:left;}
ul.speakerlist li b { font-size: 24px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; display: block; color:#fdf001; line-height:30px; margin: 20px 0 5px 0;}

/* -- Footer -- */
ul.footerlogo { width:80%; margin: 0 auto;}
ul.footerlogo li { display:block; margin: 0 auto 40px auto; text-align:center; font-size:15px;}
ul.footerlogo li img { display: block; margin: 8px auto 0 auto; height:50px;}

.agendaT { font-size: 28px; font-family: 'Noto Sans TC', sans-serif; font-weight:700; color:#000; display:block; margin-bottom:25px; line-height:40px;}

#agenda>b { color:#cbb49b; display:block; margin: 30px auto 5px auto; font-size:15px;}
#agenda table.pc1 { display:none;}
#agenda table.M1 { width:100%; margin: 30px auto 40px auto; text-align:left; display:block;}
#agenda table.M1 th { text-align: left; padding: 15px; color:#000; font-size:18px; background:#fdf001; font-weight:bold;}
#agenda table.M1 tr.head { background: linear-gradient(90deg, #013aa5, #3cba16); }
#agenda table.M1 th.issue { background:#1b7db8;} 
#agenda table.M1 td { font-size:18px; padding:15px 15px; border-bottom:#d8d8d8 1px solid; line-height:24px; vertical-align: middle; background:rgba(255,255,255,.8); vertical-align:top;}
#agenda table.M1 td .issueS { font-size:15px; color:#000; width:fit-content; display: block; margin: 0 0 5px 0 ; padding: 3px 15px; font-weight:bold; background:#d1cc7c;}
#agenda table.M1 td .issueS2 { font-size:15px; color:#fff; width:fit-content; display: block; margin: 5px 0 0 0 ; padding: 3px 15px; font-weight:bold; background:#000;}
#agenda table.M1 td.time { font-size:15px; width:10%; background:#f5f5f5;}
#agenda table.M1 td.issue { color: #803c39;}
#agenda table.M1 td.issue b { font-size:22px; color:#000; font-weight:bold; line-height:30px; margin-bottom:5px; font-family: 'Noto Sans TC', sans-serif;}
#agenda table.M1 td .speaker { font-size:22px; width:100%; font-weight:bold; color:#666; vertical-align:bottom; line-height:30px; font-family: 'Noto Sans TC', sans-serif; display:block; margin-top:20px;}
#agenda table.M1 td .speaker b { font-size:16px; line-height:20px; color:#666; display: block; font-weight:normal; padding:0; margin: 0 0 15px 0; padding-left:15px; border-left:#666 1px solid;}
.issue-1 { display:block; margin-bottom:10px; color:#999; font-size:15px; font-weight:normal;}
.title { font-size:15px; font-weight: normal; color:#a29b2a; font-weight:bold; display:block; line-height:22px;}

.total-list { font-size:24px; width: 45%;}
.counter { font-size: 90px; margin-top:0;}

.total-list { width: 49%; margin: 0 0 20px 0; font-size:22px;}
.listWide { width:49%;}
.w1, .w3, .w5 { width:48%;}
.w4, .w4 { width:48%;}
.counter { font-size: 50px; line-height:50px;}
.unit { font-size:15px; border-radius:35px;line-height:40px; margin-top:5px; width:40px; height:40px; display:block;}

.abgne_tab2 { width:100%; z-index:9999;}
.abgne_tab2 ul.tabs2 { width:100%; float:none;}
.abgne_tab2 ul.tabs2 li { padding: 10px; font-size:16px; display:inline-block; width:18.5%; vertical-align:top; text-align:center; line-height:18px;}
.abgne_tab2 ul.tabs2 li b { font-size:11px; line-height:14px; display:none;}

div.tab_container2 { width: 100%; margin: 0; position:relative; border-left: none; border-top: #fdf001 2px solid; display: block; vertical-align:top;}
div.tab_container2 .tab_content2 { padding: 0 0 20px 0;}

.caseT { display: block; float:none; text-align:left; margin-top:20px; width: 100%; line-height:20px; border-left:#fdf001 5px solid; border-right:none; padding: 0 0 0 20px;}
.caseT b { display:block; font-size:24px; font-weight:bold; margin-top:10px; color:#909090;}
.caseFontxt { font-size:18px; line-height:30px; font-weight:bold; color:#000; display:block; margin: 15px 0;}

img.videoPIC { display: block; float:none; margin-top:20px; width:100%;}

ul.caselist {}
ul.caselist li { display:block; font-size:16px; color:#6b6b6b; line-height:25px; padding-left:20px; background:url(../images/icon-block.png) no-repeat top left; margin-bottom:15px;}
ul.caselist li b { font-size:20px; font-weight:bolder; display:block;}

.logoT { font-size:18px; width:100%; display:block; background:url(../images/brandTBG.png) repeat-x center center; margin-top:35px;}
.logoT b { width: fit-content; color:#fff; background:#8f8f8f; padding: 7px 25px; display:block;}

ul.caseLogo { margin-top:40px;}
ul.caseLogo li { display:inline-block; margin: 0 40px 30px 0;}
ul.caseLogo li img { width:auto; height:60px;}

/* -- 成功案例 -- */
ul.report li { font-size:24px; line-height:30px;}
ul.report li a b,
ul.report li b { font-size:16px; margin-top:20px; line-height:26px; font-weight:normal; padding-left:20px;}
ul.report li img.report,
ul.report li a img.report { border:#fdf001 1px solid; border-radius:20px; margin: 0 auto 15px auto; float:none; width:100%; max-width:480px;}
ul.report li a .actionmore { font-size:11px; color:#a6a6a6; letter-spacing:2px; display:block; margin-top:40px; float:right;}
ul.report li .txtZone { width:100%; float:none; display: block;}

.reportlist a b { font-size:25px;}
}
@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; }
}
/* 手機版優化 */
@media (max-width: 600px) {
.carousel-item p { font-size: 0.9rem; padding: 0 8px;}
.carousel-control { font-size: 1.2rem; padding: 6px 10px;}
}