@charset "utf-8";
/* CSS Document */

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent; margin:0; padding:0; }
body { width:100%; margin:0 auto; background-color:#fff; color:#111; line-height:1.6; letter-spacing:1px; font-family:'Noto Sans TC', "微軟正黑體", "新細明體", sans-serif, Arial; }
a:link, a:visited, a:active { color:#111; text-decoration:none; }
ul, li { list-style: none; }
img { width:100%; }

/* ----- top ----- */
div.top { width: 45px; height: 45px; line-height: 0; border-radius: 100%; cursor: pointer; background-color:#333; position:fixed; bottom: 130px; right: 30px; z-index: 50; display: none; }
div.top:before { content: "︿"; display: inline-block; color:#fff; font-size: 25px; font-weight:500; position:relative; top:13px; left:10px; }


/* ----- LOGO + 選單 ----- */
header.navbar { width:100%; background-color:rgba(255,255,255,0.85); position:fixed; top:0; z-index:10; }
header.navbar > div { max-width:1200px; height:85px; width:100%; margin:0 auto; overflow:hidden; transition: all .5s; }
header.navbar > div a.logo { display:inline-block; float:left; width:150px; height:67px; background:url("https://cache.ltn.com.tw/images/rwd_ltnlogo.png") center no-repeat; background-size:contain; transform: translate(15px, 10px); transition:all .5s; }
/* pc 漢堡選單關閉 */
.menu_toggle { display:none; }
.closebtn { display:none; }
/* 選單 */
header.navbar > div > ul { display:inline-block; float:right; transform: translate(-40px, 45px); transition: all .5s; }
header.navbar > div > ul > li.menu { float:left; margin:0 12px; }
header.navbar > div > ul > li.menu > span { font-size:18px; color:#000; font-weight:500; cursor:pointer; }
header.navbar > div > ul > li.menu > span:hover, header.navbar > div > ul > li.menu > span:active { color:#666; transition: all .3s; }
/* 報名 */
header.navbar > div > .apply { display:inline-block; float:right; font-size:18px; color:#fff; border-radius:50px; padding:0px 12px 3px; background-color:#333; cursor:pointer; transform: translate(-30px, 40px); transition: all .5s; }
header.navbar > div > .apply:hover, header.navbar > div > .apply:active { color:#ffeb3b; transition: all .3s; }
/* 專題 */
header.navbar > div > a.topics { display:inline-block; float:right; font-size:18px; color:#fff; border-radius:50px; padding:0px 12px 3px; background-color:#0018b1; cursor:pointer; transform: translate(-30px, 40px); transition: all .5s; }
header.navbar > div > .topics:hover, header.navbar > div > .topics:active { color:#ffeb3b; transition: all .3s; }
/* +JS */
header.navbar.minNav { background-color:#fff; border-bottom:1px solid #f2f2f2; }
header.navbar.minNav > div { max-width:1100px; height:65px; }
header.navbar.minNav > div a.logo { width:120px; height:50px; transform: translate(10px, 10px); }
header.navbar.minNav > div > ul { transform: translate(-48px, 25px); }
header.navbar.minNav > div > .apply, header.navbar.minNav > div > .topics { transform: translate(-30px, 24px); } /* 報名 + 專題 */

/* ---------- 回論壇首頁 forum.html */
header.navbar.forum { background-color:#fff; position:static; }
header.navbar.forum > div { max-width:1100px; height:65px; }
header.navbar.forum > div a.logo { width:120px; height:50px; transform: translate(10px, 8px); }
header.navbar.forum > div a.index { display:inline-block; font-size:1.1rem; float:right; transform: translate(-25px, 30px); }
header.navbar.forum > div a.index:hover { color:#a00; transition: all .3s; }

@media screen and (max-width:600px) { 
	/* 選單關閉，報名向前 */
	header.navbar > div > ul { float:none; width:100%; height:0; position: fixed; z-index:1000; left:0; transform: translate(0px, 0px); background-color:rgba(0,0,0, 0.9); overflow-y:hidden; transition:all .5s; }
	header.navbar > div > ul > li.menu { float:none; text-align:center; margin:0; }
	header.navbar > div > ul > li.menu span { color:#EBEBD3; font-size:23px; letter-spacing:10px; line-height:80px; }
	header.navbar > div > ul > li span { display:block; width:100%; height:80px; margin: 0; color:#EBEBD3; border-bottom:1px solid #EBEBD3; }
	span.closebtn { font-size:40px; text-align:right; padding: 0 30px; }
	header.navbar > div > .apply, header.navbar > div > .topics { transform: translate(-35px, 40px); transition: all .5s; }
	/* 漢堡選單開啟 */
	.menu_toggle { display:inline-block; font-size:30px; font-weight:bold; color:#222; cursor: pointer; padding:0px 11px; float:right; transform: translate(-20px, 30px); transition: all .5s; }
	.closebtn { display:block; }
	/* +JS */
	header.navbar.minNav > div > ul { transform: translate(0px, 0px); }
	header.navbar.minNav > div > .apply, header.navbar.minNav > div > .topics { transform: translate(-30px, 25px); transition: all .5s; }
	header.navbar.minNav > div > .menu_toggle { transform: translate(-15px, 15px); }
	/* 手機版選單覆蓋 */
	//header.navbar > div > ul.opening { display: block; height:100vh; }
} 
@media screen and (max-width:500px) { 
	header.navbar > div a.logo { width: 130px; }
}
@media screen and (max-width:360px) { 
	header.navbar > div { height: 75px; }
	header.navbar > div a.logo { width: 120px; transform: translate(15px, 5px); }
	.menu_toggle { transform: translate(-10px, 25px); }
	header.navbar > div > .apply, header.navbar > div > .topics { transform: translate(-15px, 35px); }
	/* +JS */
	header.navbar.minNav > div a.logo { width:110px; transform: translate(10px, 10px); }
	header.navbar.minNav > div > .menu_toggle { transform: translate(-5px, 15px); }
	header.navbar.minNav > div > .apply, header.navbar.minNav > div > .topics { transform: translate(-15px, 25px); }
}
	

/* ----- 主圖 1920*870/1000*1100/700*1000 ----- */
article { width:100%; margin:0px auto 0; }
article > div.main { max-width:2400px; width:100%; text-align:center; background:url(../images/bigBG.jpg) no-repeat top center, #010101; background-size:cover; background-attachment:fixed; margin:0px auto; height:0; padding-bottom:50%; overflow:hidden; }

@media screen and (max-width:1400px) {
	article > div.main { background-size:contain; background-position-y:30px; }
}
@media screen and (max-width:950px) {
	article > div.main 
	{ background:url(../images/midBG.jpg) no-repeat top center; background-size:100%; background-attachment:fixed; padding-bottom:110%; }
}
@media screen and (max-width:600px) { 
	article > div.main 
	{ background:url(../images/minBG.jpg) no-repeat top center; background-size:100%; background-attachment:fixed; padding-bottom:140%; }
}	
@media screen and (max-width:380px) { 
	article > div.main { padding-bottom:150%; }
}



/* ----- 內容共用 ----- */
h1 { font-size:37px; text-align:center; color:#015076; margin:25px 0; letter-spacing:4px; }
p { font-size:22px; margin:30px 0; }
section { width:100%; min-height:300px; padding:30px 0px 40px; overflow:hidden; }
section > div.contain { max-width:1100px; width:90%; min-height:300px; margin:0 auto; }

section.bg1 { background:url(../images/bg1.jpg) right top no-repeat; background-size:100% 100%; }
section.bg2 { background-color:#f1f1f1; }
section.bg3 { margin:20px auto 0;
	background:linear-gradient(top, rgba(45,85,120,0.1), rgba(45,85,120,0.8)), url(../images/bg.jpg) center top no-repeat;
	background:-moz-linear-gradient(top, rgba(45,85,120,0.1), rgba(45,85,120,0.8)), url(../images/bg.jpg) center top no-repeat;
	background:-webkit-linear-gradient(top, rgba(45,85,120,0.1), rgba(45,85,120,0.8)), url(../images/bg.jpg) center top no-repeat; 	
	background-size: cover; }
section.bg3 h1 { color:#ffd92a; }


@media screen and (max-width:900px) {
	section { padding:20px 0px; }
	h1 { font-size:30px; text-align:center; color:#1f7097; margin:20px 0; letter-spacing:4px; }
	p { font-size:18px; margin:30px 0; }
}

	
/* ----- 議題 ----- */
.point { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:40px auto; }
.point > div { width:50%; text-align:center; padding:25px; }
.point > div > h2 { font-size:30px; color:#0170ff; }
.point > div > p { font-size:20px; margin:5px 0; }
.point > div > img { width:125px; padding:10px; }


@media screen and (max-width:900px) {
	.point { margin:0px auto 20px; }
	.point > div > h2 { font-size:27px; }
	.point > div > p { font-size:18px; }
}
@media screen and (max-width:600px) {
	.point > div { width:100%; padding:30px 0; border-bottom: 1px solid #95a9b0; }
	.point > div:last-child { border-bottom:none; }
	.point > div > img { float:left; padding:5px 15px; margin:0 10px 0 0; }
	.point > div > h2, .point > div > p { text-align:left; margin:0; }
}
	

/* ----- 來賓 ----- */
h1 .note { display:block; font-size:15px; color:#333; text-align:center; }
.guestwiperBox { width:100%; margin:30px auto 20px; padding:0 20px; }
.guestwiperBox .swiper-container.guestswiper_container { width:100%; z-index:0; padding:10px 10px 50px; }
/* 內容 */
.swiper-container.guestswiper_container .swiper-slide { line-height:0; border-radius:5px; overflow: hidden; -webkit-filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3));
filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3)); }
.swiper-container.guestswiper_container .swiper-slide div.ph img { width:100%; }
.swiper-container.guestswiper_container .swiper-slide div.tit { background-color:#fff; padding:1px; }
.swiper-container.guestswiper_container .swiper-slide div.tit p { font-size:19px; text-align:center; font-weight:500; line-height:1.5; margin:15px 0; }
.swiper-container.guestswiper_container .swiper-slide:hover div.ph { opacity:0.8; transition:all .1s linear; }
/* 小圓點分頁 */
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:0px !important; }
.pagination span.swiper-pagination-bullet { background-color:#ccc; opacity:1; width:10px; height:10px; margin:0 5px; }
.pagination span.swiper-pagination-bullet-active { background-color:#444; }

/* 左右鍵 */
.swiper-button-prev.guestswiper { left:0; }
.swiper-button-next.guestswiper { right:0; }
.swiper-button-prev.guestswiper, .swiper-button-next.guestswiper
{--swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color:#666;/* 按钮颜色 */ --swiper-navigation-size:40px;/* 按钮大小 */ display:none;}


@media screen and (max-width:1100px) {
	.guestwiperBox { padding:0; }
}
@media screen and (max-width:810px) {
	.swiper-container.guestswiper_container .swiper-slide div.tit p { font-size:18px; }
}
@media screen and (max-width:600px) { 
    .guestwiperBox { margin:0px auto 20px; padding:0px 5% 25px; }
	.guestwiperBox .swiper-container.guestswiper_container { padding:10px 40px 50px; }
	.swiper-container.guestswiper_container .swiper-slide div.ph div { width:300px; height:300px; }
	.swiper-container.guestswiper_container .swiper-slide div.tit p { font-size:20px; }
	/* 左右鍵 */
	.swiper-button-prev.guestswiper, .swiper-button-next.guestswiper { display:block; top:38%; }
}
@media screen and (max-width:480px) {
    .swiper-button-next.guestswiper, .swiper-button-prev.guestswiper { top:30%; }
}


/* ----- 議程 ----- */
.agenda { width:90%; margin:40px auto; }
.agenda .col_item { width:100%; min-height:50px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ccc; }
.agenda .col_1 { width:calc(28% - 20px); padding:0 20px 0 30px; } /*時間*/
.agenda .col_1 p { color:#046ca7; font-weight: 500; text-align:right; }
.agenda .col_2 { width:calc(72% - 20px); padding:0 20px 0 0; } /*內容*/
.agenda .col_2 h2 { font-size:22px; color:#b38357; margin:12px 0 10px; }
.agenda .col_1 p, .agenda .col_2 p { font-size:20px; line-height:1.3; margin:15px 0; }
.agenda .col_2 h2 + p { margin:0 0 18px; }
.agenda .col_2 span { font-size:18px; padding:0 10px; }

@media screen and (max-width:900px) {
	.agenda .col_1 { width:calc(30% - 30px); padding:0; }
	.agenda .col_2 { padding:0 30px 0 0; }
	.agenda .col_2 h2 { line-height:1.3; }
    .agenda .col_1 p, .agenda .col_2 p { font-size:18px; }
}
@media screen and (max-width:750px) {
    .agenda .col_1 { width:calc(30% - 20px); }
	.agenda .col_2 { padding:0 20px 0 0; }
}
@media screen and (max-width:650px) {
	.agenda { width:95%; margin:0px auto 40px; }
	.agenda .col_1 { width:30%; }
}	
@media screen and (max-width:600px) {
	.agenda .col_1, .agenda .col_2 { width:100%; padding:0; }
    .agenda .col_1 p { text-align:left; margin:15px 0 0; }
}


/* 報名表單放置 + 注意事項 */
.reserve { width:80%; padding:20px; text-align:center; margin:0 auto; }
.attention { width:80%; margin:10px auto 20px; text-align:center; }
.attention h2 { font-size:23px; font-weight:500; color:#fff; letter-spacing:4px; border-bottom: 1px solid #93bbd0; margin:30px 0; padding: 0 0 12px; }
.attention ul { border-bottom: 1px solid #93bbd0; padding: 0 0 15px 30px; }
.attention ul li { list-style:outside; color:#fff; font-size:18px; text-align:left; letter-spacing:2px; margin:20px 0; }
.attenContent { height:55px; overflow:hidden; transition:all 1s; -webkit-transition:all 1s; }
.attenContent p { font-size:14px; text-align:left; color:#fff; line-height:1.3; margin:10px 0; }
.attenContent p:first-child { margin:30px 0 30px; }
.attenContent > ul { border-bottom:none; padding:0; }
.attenContent > ul > li { font-size:14px; margin:0; padding:0 20px; }

.switch { height:40px; text-align:center; color:#ccc; cursor: pointer; margin: 30px auto 0; }
.open div { width:25px; font-size:30px; line-height:50px; transform: rotate(90deg); margin:-30px auto 0; }
.close div { width:25px; font-size:30px; line-height:50px; transform: rotate(-90deg); margin:-30px auto 0; }


@media screen and (max-width:1100px) {
	.reserve, .attention { width:90%; }
}	
@media screen and (max-width:1000px) {
	.attenContent { margin:10px 0; }
	.attenContent p:first-child { margin:20px 0 30px; }
}
@media screen and (max-width:600px) {
	.reserve { width:100%; padding:0px 15px; }
	.attention { width:100%; }
}
@media screen and (max-width:450px) {
	.attention ul li { line-height:1.4; letter-spacing:1px; }
	.attenContent { margin:30px 0; }
	.attenContent p:first-child { margin:0 0 30px; }
}
	


/* ----- 地點 ----- */
.Gmap { width:600px; height:450px; float:right; }
.join { width:calc(100% - 620px); min-height:450px; float:left; }
.join > p { font-size:20px; margin:20px 0; }
.join > b { display:block; font-size:20px; border-top:1px solid #999; margin:10px 0; padding:10px 0 0; }

@media screen and (max-width:1100px) { 
	.Gmap { float:none; width:90%; text-align:center; margin:0 auto; }
	.Gmap iframe { width:100%; margin:0 auto; }
	.join { float:none; width:90%; min-height:auto; margin:0 auto; }
}
@media screen and (max-width:900px) { 
	.join > p { font-size:18px; }
}
@media screen and (max-width:600px) {
	.Gmap, .join { width:100%; }
}	


/* ----- 主辦單位 + 版權頁 ----- */
footer { width:100%; text-align:center; border-top:1px solid #f0f0f0; clear:both; margin:0px auto; border-top:1px solid #ccc; }
/* 主辦 */
.organizer { width:1100px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; margin:10px auto 0; padding:0 15px; }
.organizer ul { display:flex; width:calc(100% - 70px); flex-wrap:wrap; justify-content:left; margin:0 0 10px; }
.organizer ul li { float:left; width:25%; line-height:0; margin:0; }
.organizer > span { display:inline-block; margin:30px 0 0; }
.organizer img { width:auto; height:100px; }

.organizer ul.O1 { width:100%; }
.organizer ul.O1 > li:nth-child(1), .organizer ul.O1 > li:nth-child(3) { width:70px; margin:33px 0 0; padding:0; }
.organizer ul.O1 > li { width:23%; margin:0 30px 0 0; }
/* 版權 */
p.copyright { font-size:14px; color: #555; background-color:#ededed; font-family: "微軟正黑體"; margin:0; padding:20px 0; }
p.copyright span { font-size:14px; padding: 0px 0px 0px 8px; }


@media screen and (max-width:1100px) {
	.organizer { width:90%; }
	.organizer ul li { padding:0 10px; }
	.organizer img { width:100%; height:auto; }
}
@media screen and (max-width:800px) {
	.organizer { width:95%; margin: 0 0 20px 3%; }
	.organizer span { font-size:15px; margin:23px 0; }
}
@media screen and (max-width:500px) {
	.organizer { width:100%; margin: 0 auto 20px; }
	.organizer ul li { width:50%; padding:0 10px; }
	.organizer img { width:90%; }
	p.copyright span { display:block; letter-spacing:0; }
	
	.organizer ul.O1 > li { width:33%; padding:0; margin:0; }
}
@media screen and (max-width:450px) {
	.organizer { width:80%; }
	.organizer ul li { width:100%; }
	.organizer > span { margin:30px 0 0; }
	.organizer ul.O1 { margin:10px 0; }
	.organizer ul.O1 > li { width:calc(100% - 70px); padding:0 10px 0 0; margin: 0 auto; }
	.organizer ul.O1 > li:nth-child(1), .organizer ul.O1 > li:nth-child(3) { margin:40px 0 0; padding:0; }
}



/* ====================== forum.html ====================== */
section.report1 { padding:40px 0 50px; }
section.report1 .contain, section.report3 .contain { max-width: 1200px; width:100%; min-height:200px; overflow:hidden; padding:0; }
section.video > div.contain { text-align:center; }


@media screen and (max-width:600px) {
	section.video > div.contain > iframe { width:100% !important; }
}
@media screen and (max-width:550px) {
	section.video > div.contain { width:100%; padding:0 18px; }
}


/* ----- 專輯主圖 1920*500/1000*250/600*300 ----- */
article.mainPic { width:100%; margin:0px auto 0; }
article.mainPic > div.main { text-align:center; background:url(../images/bigBG2.jpg) top center no-repeat; background-size:100%; height:0; padding-bottom:22%; transition: all .5s; }

@media screen and (max-width:1000px) {
	article.mainPic > div.main { background:url(../images/midBG2.jpg) top center no-repeat; background-size:100%; height:0; padding-bottom:25%; }
}
@media screen and (max-width:550px) {
	article.mainPic > div.main { background:url(../images/minBG2.jpg) top center no-repeat; background-size:100%; height:0; padding-bottom:50%; }
}



/* ----- 開幕致詞 + 閉幕致詞 +致詞 ----- */
section.report1 .contain { padding:0 20px; }
/* 圖 */
section.report1 .contain > a { display:inline-block; width:400px; height:260px; float:right; margin:0px 0px 0px 30px; border-radius:8px; overflow:hidden; }
section.report1 .contain > a > img { width:100%; transition: all .5s; }
section.report1 .contain > a:hover > img { transform: scale(1.04); }
section.report1 .contain:first-child > a, section.report1 .contain:last-child > a { float:left; margin:0px 30px 0px 0px; }
/* 大標 */
section.report1 .contain > h1 { width:calc(100% - 430px); float:left; font-size:1.85rem; text-align:left; letter-spacing:1px; line-height:1.3; font-weight: 500; margin:0 0 25px; }
section.report1 .contain > h1 > a { color: #015076; transition: all .5s; }
section.report1 .contain > h1 > a:hover, section.report1 .contain > h1 > a:active { color: #0663d6; }
/* 文 */
section.report1 .contain > p { width:calc(100% - 430px); float:left; font-size:20px; margin:20px 0; }
section.report1 .contain > p:last-child { margin-bottom:0; }
section.report1 .contain > p > a { color:#015076; font-weight: 500; } /*詳細報導*/
section.report1 .contain > p > a:hover, section.report1 .contain > p > a:active { color:#0663d6; }

section.report1 > hr { width:95%; border:none; border-bottom:1px dotted #999; margin:40px auto; }


@media screen and (max-width:1200px) {
	section.report1 > hr { width:100%; }
	section.report1 .contain > p { margin:0; text-align:justify; }
}
@media screen and (max-width:1000px) {
	section.report1 .contain > a { width:47%; height:0; padding-bottom:31%; }
	section.report1 .contain > h1 { width:calc(53% - 30px); }
	section.report1 .contain > p { width:calc(53% - 30px); }
}
@media screen and (max-width:800px) {
	section.report1 .contain > a { width:40%; padding-bottom:26%; margin:10px 0px 0px 20px; }
	section.report1 .contain:first-child > a, section.report1 .contain:last-child > a { margin:10px 20px 0px 0px; }
	section.report1 .contain > h1 { width:calc(60% - 20px); }
	section.report1 .contain > p { width:calc(60% - 20px); }
}	
@media screen and (max-width:600px) {
	section.report1 { padding:30px 0px; }
	section.report1 .contain:last-child { margin:0 0 20px; }
	section.report1 > hr { margin:30px auto; }
	
	section.report1 .contain { display:flex; flex-wrap:wrap; }
	section.report1 .contain > a { order:3; float:none; width:100%; margin:10px 0 0; padding:0 0 64%; }
	section.report1 .contain:first-child > a, section.report1 .contain:last-child > a { float:none; margin:10px 0 0; }
	section.report1 .contain > h1 { order:1; width:100%; float:none; margin:0 0 15px; }
	section.report1 .contain > p { order:2; width:100%; float:none; }
}
@media screen and (max-width:360px) {
	section.report1 > hr { margin:30px auto 20px; }
	
	section.report1 .contain > h1 { font-size:1.7rem; }
	section.report1 .contain > p { font-size:18px; }
}


/* ----- 專題演講 5 + 政策對話 5 ( 上5則+下5則 輪播 ) + 圓桌論壇 7 ----- */
section.report3 .contain > h1 { margin:30px 0 40px; }
section.report3 .contain > h1 > p { font-size:27px; margin:0; letter-spacing:1px; color:#444; }

.SpeechBox { width:100%; margin:30px auto 0; padding:0; }
.SpeechBox .swiper-container.Speechswiper_container { width:100%; z-index:0; padding:10px 4% 0; }
/*.SpeechBox .swiper-container.Speechswiper_container .swiper-wrapper { flex-wrap:wrap; flex-direction: row; justify-content:space-evenly; }*/
/* 內容 */
.swiper-container.Speechswiper_container .swiper-slide { width:30%; line-height:0; border-radius:5px; overflow: hidden; margin:0 0 40px; -webkit-filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3)); filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3)); }
.swiper-container.Speechswiper_container .swiper-slide div.ph img { width:100%; transition:all .1s linear; }
.swiper-container.Speechswiper_container .swiper-slide div.tit { bottom:0px; left:0px; right:0; background-color:rgba(255,255,255,0.8); border-radius: 8px 8px; margin:0 10px; padding:10px; position: relative!important; margin-top:-20px; }
.swiper-container.Speechswiper_container .swiper-slide div.tit h2 { font-size:22px; font-weight:500; line-height: 1.3; margin:0; height:58px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; transition:all .1s linear; }
.swiper-container.Speechswiper_container .swiper-slide:hover div.ph img { transform: scale(1.04); }
.swiper-container.Speechswiper_container .swiper-slide:hover div.tit h2 { color:#0663d6; }
/* 小圓點分頁 */
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:0px !important; }
.pagination span.swiper-pagination-bullet { background-color:#b1b1b1; opacity:1; width:10px; height:10px; margin:0 5px; }
.pagination span.swiper-pagination-bullet-active { background-color:#444; }

/* 左右鍵 */
.swiper-button-prev.Speechswiper { left:0; }
.swiper-button-next.Speechswiper { right:0; }
.swiper-button-prev.Speechswiper, .swiper-button-next.Speechswiper
{--swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color:#666;/* 按钮颜色 */ --swiper-navigation-size:40px;/* 按钮大小 */ }

@media screen and (max-width:1200px) {
	.SpeechBox { padding:0 15px; }
}
@media screen and (max-width:900px) {
	.SpeechBox { padding:0 20px; margin:30px auto 25px; }
	.SpeechBox .swiper-container.Speechswiper_container { padding:10px 5.5% 0; }
	.swiper-container.Speechswiper_container .swiper-slide div.tit h2 { font-size:19px; height:57px; line-height:1.5; }
}
@media screen and (max-width:600px) { 
	section.report3 .contain > h1 { margin:20px 0; }
	
    .SpeechBox { margin:0px auto; padding:0px 5% 25px; }
	.SpeechBox .swiper-container.Speechswiper_container { padding:10px 40px 10px; }
	/* 左右鍵 */
	.swiper-button-prev.Speechswiper, .swiper-button-next.Speechswiper { top:44%; }
}
@media screen and (max-width:480px) {
	section.report3 .contain > h1 > p { font-size:23px; letter-spacing:0px; }

	.SpeechBox { padding:0px 3% 25px; }
	/* 左右鍵 */
    .swiper-button-next.Speechswiper, .swiper-button-prev.Speechswiper { top:40%; }	
}
@media screen and (max-width:360px) {
	section.report3 .contain > h1 { margin:10px 0; }
	section.report3 .contain > h1 > p { font-size:20px; }
	
	.SpeechBox { padding:0px 8px 15px; }
	.SpeechBox .swiper-container.Speechswiper_container { padding:10px 30px 0px; }
	.swiper-container.Speechswiper_container .swiper-slide div.tit h2 { font-size:19px; height:57px; line-height:1.5; }
	.swiper-button-prev.Speechswiper, .swiper-button-next.Speechswiper { --swiper-navigation-size:35px; }
}



/* ----- 專題演講 3 ----- */
section.report2 .contain > h1 { width:100%; margin:30px 0 40px; }
section.report2 .contain { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:0 auto; }
section.report2 .contain > a { display:block; width:calc(100% / 3 - 40px); padding:0px; margin:0 0 40px; border-radius:8px; overflow: hidden; -webkit-filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3)); filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.3)); }
section.report2 .contain > a > div.ph { width:100%; line-height:0;  }
section.report2 .contain > a > div.ph > img { transition: all .5s; }
section.report2 .contain > a:hover > div.ph > img { transform: scale(1.04); }
section.report2 .contain > a > div.tit { background-color:#fff; padding:10px; }
section.report2 .contain > a > div.tit > h2 { font-size:22px; font-weight:500; line-height: 1.3; margin:0; height:58px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; transition: all .5s; }
section.report2 .contain > a:hover > div.tit > h2 { color:#0663d6; }

@media screen and (max-width:1000px) {
	section.report2 .contain > a { width:calc(100% / 3 - 30px); }
	section.report2 .contain > a > div.tit > h2 { font-size:20px; height:58px; line-height:1.5; }
}
@media screen and (max-width:750px) {
	section.report2 .contain > h1 { margin:20px 0 30px; }
	section.report2 .contain > a { width:calc(100% / 3 - 15px); }
}
@media screen and (max-width:600px) {
	section.report2 .contain > a { display:flex; width:100%; margin:0 0 30px; }
	section.report2 .contain > a > div.ph { float:left; width:35%; }
	section.report2 .contain > a > div.tit { float:left; width:65%; }
}	
@media screen and (max-width:360px) {
	section.report2 .contain { width:100%; padding:0 8px; }
	section.report2 .contain > h1 { margin:10px 0 20px; }
	section.report2 .contain > a > div.ph { width:40%; }
	section.report2 .contain > a > div.tit { width:60%; padding:8px; }
	section.report2 .contain > a > div.tit > h2 { font-size:19px; height:72px; line-height:1.3; -webkit-line-clamp:3; }
}