*{
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration: none;
	box-sizing: border-box;
	font-family: 'Noto Serif TC', serif;
}
:root {
    --swiper-theme-color: #000;
}
html{
	position: relative;
	height: 100%;
	width: 100%;
	font-size: 1.2rem;
	/* border: 1px solid #000; */
}
body{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: #000;
}
p{
	margin: 0 0 0px;
}
a{
	outline: none;
	text-decoration: none;
}
.share-line {
    position: absolute;
    display: block;
    z-index: 1;
    opacity: 0;
}
.page{
	position: relative;
	display: block;
	width: 100%;
	top: 0;
	overflow: hidden;
}
.page11,.menu_list li.item2,.menu_list li.item7{
	display: none;
}
.nav_bar,.page_main_area,.page,.footer{
	-webkit-animation: first_fadein_ani 0.5s 0.5s forwards ease-in-out;
	-moz-animation: first_fadein_ani 0.5s 0.5s forwards ease-in-out;
	-ms-animation: first_fadein_ani 0.5s 0.5s forwards ease-in-out;
	animation: first_fadein_ani 0.5s 0.5s forwards ease-in-out;
	opacity: 0;
}
@-webkit-keyframes first_fadein_ani{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes first_fadein_ani{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes first_fadein_ani{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes first_fadein_ani{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes first_fadein_ani{
	0%{opacity:0;}
	100%{opacity:1;}
}

/*gsap 動畫 class*/
.gs_reveal {
	opacity: 0;
	visibility: hidden;
}
.img_reveal{
	opacity: 0;
	visibility: hidden;
}

/*fixed area*/
.fixed_area{
	position: fixed;
	display: none;
	z-index: 10;
	top: 40%;
	right: 1%;
	text-align: center;
}
.fixed_area > a{
	position: relative;
	display: block;
	padding: 2rem 0.3rem;
	text-align: center;
	border-radius: 30rem;
	overflow: hidden;
	text-decoration: none;
}
.fixed_area p{
	position: relative;
	display: block;
	color: #fff;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.1rem;
	z-index: 2;
}
.contact_us_btn{
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: #3e577d;
}
.contact_us_btn svg{
	position: relative;
	display: block;
	z-index: 2;
	transform: scale(0.9,0.9);
	margin-bottom: 20%;
}
.goToTop_btn{
	position: relative;
	display: block;
	z-index: 2;
	margin: -50% auto 0 auto;
}
.goToTop_btn svg{
	position: relative;
	display: block;
	z-index: 2;
	transform: scale(0.8,0.8);
}
.goToTop_btn_bg{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #c9a027;
	opacity: .7;
}

/*page_main_area*/
.page_main_area{
	position: relative;
	display: block;
	width: 100%;
	/* border: 1px solid #f00; */
	overflow: hidden;
}
.page_main_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	width: 100%;
	transform: scale(1,1);
    -webkit-animation: page1_bg_ni 13s forwards linear;
	-moz-animation: page1_bg_ni 13s forwards linear;
	-ms-animation: page1_bg_ni 135s forwards linear;
	animation: page1_bg_ni 13s forwards linear;
}
@-webkit-keyframes page1_bg_ni{
	0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(1.15,1.15);
    }
}
@-moz-keyframes page1_bg_ni{
    0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(1.15,1.15);
    }
}
@-o-keyframes page1_bg_ni{
	0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(1.15,1.15);
    }
}
@-ms-keyframes page1_bg_ni{
	0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(1.15,1.15);
    }
}
@keyframes page1_bg_ni{
    0%{
        transform: scale(1,1);
    }
    100%{
        transform: scale(1.15,1.15);
    }
}
.page_main_mask{
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}

/*page1*/
.page1{
	position: relative;
	display: block;
	width: 100%;
	z-index: 3;
	/* border: 1px solid #f00; */
}
.logo{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	bottom: 0;
	width: 6%;
    height: 78%;
	margin-top: auto;
	margin-left: 3%;
	margin-bottom: auto;
	background: url('../img/logo.png') center center no-repeat;
	background-size: contain;
}
.logo a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.sandwich_box{
	position: absolute;
	display: none;
	z-index: 2;
	top: 10%;
	right: 2%;
	width: 8%;
	height: 0;
	padding-bottom: 8%;
	/* border: 1px solid #f00; */
}
.sandwich_box img{
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.menu_close_box{
	position: absolute;
	display: none;
	z-index: 2;
	top: 1%;
	right: 2%;
	width: 10%;
	height: 0;
	padding-bottom: 10%;
	/* border: 1px solid #fff; */
}
.menu_close_box svg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
}
.nav_bar{
	position: fixed;
	display: block;
	z-index: 11;
	top: 0;
	width: 100%;
	height: 85px;
	opacity: 0;
}
.header_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	pointer-events: none;
}
.menu_list{
	position: absolute;
	display: none;
	z-index: 2;
	left: 0;
	right: 0;
	height: 100%;
	margin: 0 auto;
	width: 75%;
	font-size: 0;
	text-align: center;
	/* border: 1px solid #0f0; */
}
.menu_list_pc{
	display: block;
}
.menu_list_mb{
	display: none;
}
.menu_list li{
	position: relative;
	display: inline-block;
	/* border: 1px solid #0f0; */
	height: 100%;
	width: 12%;
    padding-top: 1.5%;
}
.menu_list li.active .red_bottom_bar{
	display: block;
}
.menu_list li span{
	position: absolute;
	display: block;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.menu_list li span p{
	color: #fff;
	white-space:nowrap;
	font-family: 'Noto Sans TC', sans-serif;
}
.menu_list li span p:nth-child(1){
	font-size: 1.2rem;
	margin-bottom: 0.2rem;
}
.menu_list li span p:nth-child(2){
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
}
.menu_list li:hover{
	cursor: pointer;
}
.menu_list li:hover span p{
	color: #ffde00;
}
.item8.mb_item{
	height: 15.5%;
}
.review_area{
	position: relative;
	display: block;
	width: 100%;
	background-color: rgb(48, 48, 48);
}
.review_area > div{
	position: relative;
	display: inline-block;
	padding: 2% 4%;
}
.review_area > div a{
	text-decoration: none;
	color: #fff;
	font-size: 1.5rem;
	white-space:nowrap;
	font-family: 'Noto Sans TC', sans-serif;
}
.mb_header_social_area{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 1%;
}
.mb_header_social_area a{
	position: relative;
	display: inline-block;
    width: 8%;
    height: 0;
    padding-bottom: 8%;
	margin: 0 auto;
}
.mb_header_social_area a:nth-child(1){
	margin-right: 4%;
	background: url('../img/header_btn_fb.png') center center no-repeat;
	background-size: contain;
}
.mb_header_social_area a:nth-child(2){
	margin-right: 4%;
	background: url('../img/header_btn_line.png') center center no-repeat;
	background-size: contain;
}
.mb_header_social_area a:nth-child(3){
	background: url('../img/header_btn_bt.png') center center no-repeat;
	background-size: contain;
}
.header_social_area{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	bottom: 0;
    right: 2%;
    width: 9%;
    height: 60%;
	margin-top: auto;
	margin-bottom: auto;
	/* border: 1px solid #fff; */
	font-size: 0;
	text-align: center;
}
.header_social_area a{
	position: relative;
	display: inline-block;
	width: 20%;
	height: 100%;
	outline: none;
}
.header_social_area a:hover{
	opacity: .5;
}
.header_social_area a:nth-child(1){
	margin-right: 10%;
	background: url('../img/header_btn_fb.png') center center no-repeat;
	background-size: contain;
}
.header_social_area a:nth-child(2){
	margin-right: 10%;
	background: url('../img/header_btn_line.png') center center no-repeat;
	background-size: contain;
}
.header_social_area a:nth-child(3){
	background: url('../img/header_btn_bt.png') center center no-repeat;
	background-size: contain;
}
.item8:hover .dropdown_area{
	display: block;
}
.dropdown_area{
	position: absolute;
	display: none;
	width: 100%;
	top: 100%;
}
.dropdown_area li{
	position: relative;
	display: block;
	z-index: 2;
	width: 100%;
	padding: 0.3rem;
	text-align: center;
}
.dropdown_area li a{
	position: relative;
	display: block;
	font-size: 1.2rem;
	color: #fff;
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	padding: 0.3rem;
}
.dropdown_area li:hover a{
	color: #ffde00;
}
.dropdown_area_bg{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	background-color: #000;
}

.page1_main_box{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 52.25%;
}

.main_text{
	position: absolute;
	display: block;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 9% auto auto auto;
    width: 71%;
    height: 76%;
	opacity: 1;
	text-align: center;
	transform: scale(0.9,0.9);
	/* border: 1px solid #f00; */
}
.main_text2{
	position: absolute;
	display: block;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 71%;
    height: 76%;
	text-align: center;
	/* border: 1px solid #f00; */
}

.page1_black_hole{
	position: absolute;
	display: block;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68%;
	margin: 0 auto 0 auto;
}
.page1_star{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0%;
	left: 0%;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
}

.taiwanFutureLogo{
	position: absolute;
	display: block;
	z-index: 5;
	top: 0%;
    left: 0;
    right: 0;
	margin: 8% 0 0 24%;
    width: 25%;
}

.page1_tittle1_light_mask{
	position: absolute;
	display: block;
	z-index: 5;
    top: 21%;
    left: 13%;
    width: 75%;
}
.main_text > svg {
	position: relative;
	display: block;
	z-index: 4;
	width: 100%;
	height: 100%;
	margin: -2% auto 0 auto;
	transform: scale(1.2,1.2);
}

.page1_tittle1_light_spot{
	position: absolute;
    display: block;
    z-index: 6;
	opacity: .1;
}
.page1_tittle1_light_spot1{
    top: 48%;
    left: 17%;
    width: 2%;
}
.page1_tittle1_light_spot2{
	top: 62%;
    left: 14%;
    width: 2%;
}
.page1_tittle1_light_spot3{
	top: 27%;
    left: 35%;
    width: 3%;
}
.page1_tittle1_light_spot4{
	top: 34%;
    left: 45%;
    width: 3%;
}
.page1_tittle1_light_spot5{
    top: 27%;
    left: 51%;
    width: 3%;
}
.page1_tittle1_light_spot6{
    top: 47%;
    left: 51%;
    width: 3%;
}
.page1_tittle1_light_spot7{
	top: 47%;
    left: 62%;
    width: 1.5%;
}
.page1_tittle1_light_spot8{
    top: 56%;
    left: 64%;
    width: 1.2%;
}
.page1_tittle1_light_spot9{
	top: 54%;
    left: 67%;
    width: 1.2%;
}

.page1_tittle2{
	position: absolute;
	display: none;
	z-index: 5;
	left: 0;
	right: 0;
    bottom: 19%;
    margin: 0 auto;
    width: 58%;
}
.page1_tittle3{
	position: absolute;
	display: block;
	z-index: 5;
	left: 0;
	right: 0;
    top: 0%;
    margin: 11% 0 0 49%;
    width: 27%;
}

/*page2*/
.page2{
	z-index: 3;
	font-size: 0;
	padding: 0rem 0 4rem 0;
}
.page_tittle.style1{
	position: relative;
	display: block;
	width: 12%;
	text-align: center;
	/* border: 1px solid #000; */
	margin: 0 auto 4% auto;
}
.page_tittle .tittle_word{
	position: relative;
	display: block;
	padding: 0.4rem;
}
.page_tittle .tittle_word span{
	position: relative;
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 700;
}
.page_tittle .tittle_word span:nth-child(1){
	color: #c09034;
}
.page_tittle .tittle_word span:nth-child(2){
	color: #a36000;
}
.page_tittle .tittle_underline{
	position: absolute;
	display: block;
	bottom: 0;
	height: 0.2rem;
	width: 50.1%;
}
.page_tittle .tittle_underline.tittle_underline_left{
	left: 0;
	background-color: #c09034;
}
.page_tittle .tittle_underline.tittle_underline_right{
	right: 0;
	background-color: #a36000;
}
.page2_text_area{
	font-size: 1.7rem;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.1rem;
}
.page2_text_area_pc{
	display: block;
}
.page2_text_area_mb{
	display: none;
}
.page2_text_area p{
	margin-bottom: 0.5%;
	color: #fff;
	text-shadow: 1px 0 0.2rem #000;
}

/*page3*/
.page3{
	font-size: 0;
	padding: 6rem 0 6rem 0;
	background-color: #fff;
}
.page3_content_box{
	position: relative;
	display: block;
	width: 58%;
	margin: 0 auto;
}
.page3_tittle_word{
	position: relative;
	display: block;
	background-color: #32bbd4;
	width: 27%;
	margin: 0 auto;
	text-align: center
}
.page3_tittle_word span{
	position: relative;
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.2rem;
}
.page3_text_area{
	text-align: center;
	letter-spacing: 0.1rem;
	border: 2px solid #32bbd4;
	padding: 5% 3%;
}
.page3_text_area ul{
	width: fit-content;
	margin: 0 auto;
}
.page3_text_area ul li{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.7rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 2%;
	list-style-type: disc;
	width: fit-content;
	text-align: justify;
}
.page3_text_area ul li:last-child{
	margin-bottom: 0%;
}
.page3_text_area ul li a{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.7rem;
	text-decoration: underline;
}
.page3_text_area .point_color{
	color: #32bbd4;
	font-weight: 600;
}

/*page4*/
.page4{
	font-size: 0;
	background: url('../img/grey_bg.png') fixed 0 0 no-repeat;
	background-size: cover;
	padding: 4rem 0 8rem 0;
}
.page4_date_tittle{
	position: relative;
	display: block;
	text-align: center;
	font-size: 2rem;
	color: #e27a00;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 500;
}
.page4_date_tittle1{
	margin-bottom: -0.5%;
}
.page4_date_tittle2{
	margin-bottom: 0.5%;
}
.page4_date{
	text-align: center;
	margin-bottom: 2%;
}
.page4_date br{
	display: none;
}
.page4_date span{
	font-size: 1.5rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.2rem;
}
.page4_text_big{
	font-size: 2.5rem !important;
}
.page4_loaction_name{
	position: relative;
	display: block;
	font-size: 1.7rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.2rem;
	text-align: center;
	margin-bottom: 0.5%;
}
.page4_loaction_name br{
	display: none;
}
.page4_address{
	position: relative;
	display: block;
	margin-bottom: 2%;
	text-align: center;
}
.page4_address b{
	position: relative;
	display: inline-block;
	font-size: 1.7rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.2rem;
	vertical-align: middle;
}
.location_icon_btn{
	position: relative;
	display: inline-block;
	width: 2%;
	height: 0;
	padding-bottom: 2%;
	vertical-align: middle;
}
.location_icon_btn:hover{
	transition: .3s;
	transform: scale(1.2,1.2);
	cursor: pointer;
}
.location_icon_btn img{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
}
.map_area{
	position: relative;
	display: none;
	margin: 0 auto 2% auto;
	width: 70%;
	height: fit-content;
	overflow: hidden;
}
.map_area iframe{
	position: relative;
	display: block;
	width: 100%;
	height: 45rem;
}
.page4_ing_way{
	position: relative;
	display: block;
	font-size: 1.7rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	color: #000;
	letter-spacing: 0.2rem;
	text-align: center;
	margin-bottom: 1%;
}
.page4_ing_way_text_area{
	position: relative;
	display: block;
}
.page4_ing_way_text_area ul{
	position: relative;
	display: block;
	width: fit-content;
	margin: 0 auto;
}
.page4_ing_way_text_area ul li{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	color: #3e577d;
	margin-bottom: 1%;
	list-style-type: disc;
	width: fit-content;
	text-align: left;
}
.page4_ing_way_text_area ul li > span{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
	margin-top: -1%
}
.page4_ing_way_text_tittle{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	color: #3e577d;
}
.page4_ing_way_text_area ul li:last-child{
	margin-bottom: 0%;
}
.page4_ing_way_text_area .point_color{
	font-weight: 600;
}
.goToSignUp{
	position: relative;
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.6rem;
	font-weight: 500;
	color: #166ab2;
	white-space: nowrap;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	text-decoration:underline
}
.goToSignUp:hover{
	color: #166ab2;
	transition: .3s;
	transform: scale(1.1,1.1);
}
.page4_notice_area{
	padding: 1% 0;
	background-color: #ffba00;
	text-align: center;
}
.page4_notice_area span{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 2rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	letter-spacing: 0.2rem;
	margin: 0 2%;
}
.page4_notice_area br{
	display: none;
}
.page4_piece{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 0.8%;
	height: 2rem;
	background-color: #fff;
	margin-right: 0.5%;
	opacity: .1;
}
.page4_piece:last-child{
	margin-right: 0;
}
.page5{
	font-size: 0;
	padding: 4rem 0 0rem 0;
	background-color: #fff;
	text-align: center;
}
.page5_date{
	position: relative;
	display: block;
	margin-bottom: 2%;
	font-size: 2rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
}
.page5_date span{
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 2rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	margin: 0 0.2%;
	white-space: nowrap;
	letter-spacing: 0.2rem;
}
.page5_text_color{
	color: #e27a00 !important;
}
.page5_text_big{
	font-size: 2.5rem !important;
	font-weight: 800 !important;
}
.video_iframe{
	width: 50%;
	height: 30vw;
}
.video_iframe1{
	margin-bottom: 5%;
}

/*page6*/
.page6{
	font-size: 0;
	padding: 4rem 0 4rem 0;
	text-align: center;
	background: url('../img/page6_bg.png') fixed center center no-repeat;
	background-size: cover;
}
.page_tittle.style2{
	position: relative;
	display: block;
	width: 24%;
	text-align: center;
	/* border: 1px solid #000; */
	margin: 0 auto 4% auto;
}
.page_tittle.style2 .tittle_word span:nth-child(1){
	color: #ffde00;
}
.page_tittle.style2 .tittle_word span:nth-child(2){
	color: #ffde00;
}
.page_tittle.style2 .tittle_underline.tittle_underline_left{
	left: 0;
	background-color: #ffde00;
}
.page_tittle.style2 .tittle_underline.tittle_underline_right{
	right: 0;
	background-color: #e27a00;
}
.page6_text_area{
	position: relative;
	display: block;
	/* border: 1px solid #fa0; */
	text-align: center;
}
.page6_text_box{
	position: relative;
	display: inline-block;
	width: 18%;
	height: 0;
	padding-bottom: 18%;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: -1%;
}
.page6_text_box:last-child{
	margin-right: 0%;
}
.page6_text{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page6_text > p:nth-child(1){
	font-size: 2.5rem;
	font-weight: 600;
	color: #ffde00;
	white-space: nowrap;
	margin-bottom: 10%;
}
.page6_text > p:nth-child(2),.page6_text > p:nth-child(3),.page6_text > p:nth-child(4){
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}

/*page7*/
.page7{
	font-size: 0;
	background: url('../img/grey_bg.png') fixed 0 0 no-repeat;
	background-size: cover;
	padding: 4rem 0 10rem 0;
}
.member_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto 0% auto;
	/* border: 1px solid #fa0; */
	text-align: center;
}
.member_area_title{
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 2%;
}
.member_area_title p{
	font-size: 1.8rem;
	color: #3e577d;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
}
.member_area_title .member_area_title_small{
	font-size: 1.2rem;
	color: #000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
}
.member_box_pc{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-left: auto;
	/* border: 1px solid #000; */
	margin-bottom: 2%;
	margin-right: 2%;
}
.member_head_pc{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	height: 0;
	padding-bottom: 35%;
	background: url('../img/member_img_pc.png') center center no-repeat;
	background-size: contain;
}
.member_info_box_pc{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	margin-left: 8%;
}
.member_tittle_pc{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 1%;
}
.member_tittle_pc p{
	font-size: 1.8rem;
	color: #3e577d;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
}
.member_name_pc{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 1%;
}
.member_name_pc p{
	font-size: 2.4rem;
	color: #7f6000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 600;
}
.job_title_pc{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 5%;
}
.job_title_pc p{
	font-size: 1.8rem;
	color: #000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
}
.member_more_btn_pc{
	position: relative;
	display: block;
	width: 25%;
	padding: 1% 0;
	background-color: #3e577d;
	text-decoration: none;
}
.member_more_btn_pc p{
	font-size: 1.3rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
}
.more_member_area{
	position: relative;
	display: block;
	width: fit-content;
	border: 1px solid #9db5d9;
	padding: 1% 6%;
	margin: 5% auto 0 auto;
}
.more_member_area p{
	font-size: 1.8rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #3da7e4;
}
.member_box{
	position: relative;
	display: inline-block;
	width: 20%;
	margin-left: auto;
	/* border: 1px solid #000; */
	margin-bottom: 5%;
	margin-right: 5%;
	vertical-align: top;
}
.member_box[data-id="3"]{
	width: 50%;
}
.member_area > .member_box:last-child{
	margin-right: auto;
}
.member_area:nth-child(4) > .member_box:nth-child(4n+1){
	margin-right: 0;
}
.member_head{
	position: relative;
	display: block;
	width: 85%;
	/* border: 1px solid #f00; */
	margin: 0 auto 5% auto;
	border-radius: 50%;
	overflow: hidden;
}
.member_box[data-id="3"] .member_head{
	width: 34%;
	margin: 0 auto 2% auto;
}

.member_tittle{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.member_tittle p{
	font-size: 1.2rem;
	color: #3e577d;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
}
.member_name{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.member_name p{
	font-size: 1.8rem;
	color: #7f6000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 600;
}
.job_title{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 5%;
}
.job_title p{
	font-size: 1.2rem;
	color: #000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
}
.member_more_btn{
	position: relative;
	display: block;
	width: 25%;
	padding: 1% 0;
	background-color: #3e577d;
	text-decoration: none;
	margin: 0 auto;
}
.member_more_btn p{
	font-size: 1rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	margin-bottom: 3%;
}
.more_member_area{
	position: relative;
	display: block;
	width: fit-content;
	border: 1px solid #9db5d9;
	padding: 1% 6%;
	margin: 5% auto 0 auto;
}
.more_member_area p{
	font-size: 1.5rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #3da7e4;
}
.member_box[data-id="3"] .job_title{
	margin-bottom: 2%;
}
.member_box[data-id="3"] .member_more_btn{
	padding: 0.4% 0;
	width: 10%;
}

/*page8*/
.page8{
	font-size: 0;
	background-color: #fff;
	padding: 4rem 0 10rem 0;
}
.page8_box_row{
	position: relative;
	display: block;
	width: 60%;
	margin: 0 auto;
}
.page8_box{
	position: relative;
	display: inline-block;
	width: 50%;
	height: 0;
	padding-bottom: 28%;
	transition: .3s;
}
.page8_box:hover{
	z-index: 5;
	transform: scale(1.1,1.1);
	cursor: pointer;
}
.page8_box_row:nth-child(1) .page8_box:nth-child(1){
	background-color: #f3e569;
}
.page8_box_row:nth-child(1) .page8_box:nth-child(2){
	background-color: #eaa080;
}
.page8_box_row:nth-child(2) .page8_box:nth-child(1){
	background-color: #8383b9;
}
.page8_box_row:nth-child(2) .page8_box:nth-child(2){
	background-color: #5de561;
}
.page8_item{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 80%;
	overflow: hidden;
}
.page8_item1{
	width: 100%;
	height: 100%;
	background: url('../img/page8_img1_pc.png') center center no-repeat;
	background-size: 100%;
}
.page8_item2{
	background-color: #d6684b;
}
.page8_item3{
	background-color: #515191;
}
.page8_item4{
	width: 100%;
	height: 100%;
	background: url('../img/page8_img4.png') center center no-repeat;
	background-size: 100%;
}
.page8_text{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 5px #000;
}
.page8_text_pc{
	display: block;
}
.page8_text_mb{
	display: none;
}
.page8_item .page8_text > div{
	white-space: nowrap;
	margin-bottom: 5%;
}
.page8_item .page8_text > div span{
	color: #fff;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	
}
.page8_item .page8_text > p{
	color: #fff;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	
}
.page8_item .page8_text > div span:nth-child(1){
	margin-right: 10%;
}

/*page9*/
.page9{
	font-size: 0;
	background: url('../img/grey_bg.png') fixed 0 0 no-repeat;
	background-size: cover;
	padding: 4rem 0 10rem 0;
}
/*swiper*/
.swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 2%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-weight: bold;
}
.swiper-button-prev{
	left: -5%;
}
.swiper-button-next{
	right: -5%;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -10%;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page9_slider_area{
	position: relative;
	display: block;
	width: 70%;
	margin: 0 auto;
}
.page9_slider_area .item_box{
	text-decoration: none;
	padding-bottom: 7%;
}
.page9_slider_area .item_box:hover > p{
	color: #383838;
}
.page9_slider_area .item_box > img{
	margin-bottom: 5%;
}
.page9_slider_area .item_box > p{
	font-family: 'Noto Sans TC', sans-serif;
	padding: 0 5%;
	text-align: left;
	font-size: 1.2rem;
	color: rgb(0, 0, 0);
}
.page9_learn_more_btn{
	position: absolute;
	display: block;
	z-index: 2;
	background-color: #6ab9b1;
	bottom: -5%;
	right: 0;
	padding: 1% 4%;
}
.page9_learn_more_btn p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 1.1rem;
}
/*page10*/
.page10{
	font-size: 0;
	background-color: #fff;
	padding: 4rem 0 3rem 0;
}
.page_tittle.style3{
	position: relative;
	display: block;
	width: 9%;
	text-align: center;
	/* border: 1px solid #000; */
	margin: 0 auto 4% auto;
}
.agenda_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto 2% auto;
	/* border: 1px solid #000; */
}
.agenda_area p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
}
.agenda_date_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 2%;
}
.agenda_date_btn{
	position: relative;
	display: inline-block;
	padding: 0.5% 2%;
}
.agenda_date_btn1{
	border: 2px solid #ffba00;
}
.agenda_date_btn1:hover{
	background-color: #fbda7f;
	cursor: pointer;
}
.agenda_date_btn1.active{
	background-color: #ffba00;
}
.agenda_date_btn1 p{
	font-weight: 700;
	color: #ffba00;
}
.agenda_date_btn2{
	border: 2px solid #6ab9b1;
}
.agenda_date_btn2:hover{
	background-color: #afe7e2;
	cursor: pointer;
}
.agenda_date_btn2.active{
	background-color: #6ab9b1;
}
.agenda_date_btn2 p{
	font-weight: 700;
	color: #6ab9b1;
}
.agenda_date_btn:hover p{
	color: #000 !important;
}
.agenda_date_btn.active p{
	color: #000 !important;
}
.agenda_schedule_area{
	position: relative;
	display: none;
	width: 100%;
	height: 40rem;
	overflow: hidden;
}
.agenda_schedule_area.active{
	display: block;
}

.table .mark{
	background-color: #eee;
}
.table :is(th,td,.tag){
	font-size: 1.3rem;
	font-family: 'Noto Sans TC', sans-serif;
	vertical-align: middle;
}
.table p{
	position: relative;
	display: inline-block;
	font-size: 1.3rem;
	font-family: 'Noto Sans TC', sans-serif;
	vertical-align: middle;
}
.table thead tr th{
	text-align: center;
}
.table thead tr th:nth-child(1){
	width: 10%;
}
.table thead tr th:nth-child(2){
	width: 45%;
}
.table thead tr th:nth-child(3){
	width: 45%;
}
.table tbody tr th:nth-child(1){
	text-align: center;
}
.table .tag{
	position: relative;
	display: inline-block;
	padding: 0.5% 1%;
	width: fit-content;
}

.table_day1 thead{
	background-color: #ffba00;
}
.table_day1 .tag{
	background-color: #ffe08b;
}

.table_day2 thead{
	background-color: #6ab9b1;
}
.table_day2 .tag{
	background-color: #acf0e9;
}

.agenda_more_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
}
.agenda_more_btn_box{
	position: relative;
	display: block;
	width: 8%;
	height: 30%;
	/* border: 1px solid #000; */
	text-align: center;
	margin: 0 auto 2% auto;
}
.agenda_more_btn_box:hover{
	cursor: pointer;
	opacity: .5;
}
.agenda_more_btn_box svg{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 33%;
}
.agenda_more_btn_box.active svg{
	transform: rotate(180deg);
}
.agenda_more_text{
	position: relative;
	display: block;
	font-family: 'Noto Sans TC', sans-serif;
	color: #000;
	font-size: 1.3rem;
	margin: 0 auto;
}
.agenda_notice_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
}
.agenda_notice_area p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #000;
	font-size: 1.1rem;
}
.download_pdf_btn{
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	white-space: nowrap;
	border-bottom: 3px solid #ffba00;
	background-color: #ffba00;
	padding: 1% 2%;
	text-decoration: none;
	border-radius: 0.5rem;
}
.download_pdf_btn:hover{
	opacity: .5;
	cursor: pointer;
}
.download_pdf_btn i{
	position: relative;
	display: inline-block;
	font-size: 1.9rem;
	color: #000;
	vertical-align: middle;
	margin-right: 2%;
}
.download_pdf_btn span{
	position: relative;
	display: inline-block;
	font-size: 1.5rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #000;
	vertical-align: middle;
}
.download_pdf_btn_mb{
	position: relative;
	display: none;
	margin: 3% auto 5% auto;
	width: fit-content;
	white-space: nowrap;
	border-bottom: 3px solid #ffba00;
	background-color: #ffba00;
	padding: 1% 2%;
	text-decoration: none;
}
.download_pdf_btn_mb:hover{
	opacity: .5;
	cursor: pointer;
}
.download_pdf_btn_mb i{
	position: relative;
	display: inline-block;
	font-size: 1.5rem;
	color: #000;
	vertical-align: middle;
	margin-right: 2%;
}
.download_pdf_btn_mb span{
	position: relative;
	display: inline-block;
	font-size: 1.1rem;
	font-family: 'Noto Sans TC', sans-serif;
	color: #000;
	vertical-align: middle;
}

/*page11*/
.page11{
	font-size: 0;
	background: url('../img/grey_bg.png') fixed 0 0 no-repeat;
	background-size: cover;
	padding: 4rem 0 10rem 0;
}
.page11_slider_area{
	position: relative;
	display: block;
	width: 70%;
	margin: 0 auto;
}
/*swiper*/
.swiper-pagination2,.swiper-button-next2,.swiper-button-prev2{
	display: none;
}

.page11_slider_area .item_box{
	text-decoration: none;
	padding-bottom: 7%;
}
.page11_slider_area .item_box:hover > p{
	color: #383838;
}
.page11_slider_area .item_box > img{
	margin-bottom: 5%;
}
.page11_slider_area .item_box > p{
	font-family: 'Noto Sans TC', sans-serif;
	padding: 0 5%;
	text-align: left;
	font-size: 1.2rem;
	color: rgb(0, 0, 0);
}
.page11_learn_more_btn{
	position: absolute;
	display: block;
	z-index: 2;
	background-color: #6ab9b1;
	bottom: -5%;
	right: 0;
	padding: 1% 4%;
}
.page11_learn_more_btn p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 1.1rem;
}

/*page12*/
.page12{
	font-size: 0;
	background-color: #fff;
	padding: 4rem 0 0rem 0;
}
.bt_logo_a{
	position: relative;
	display: block;
	width: 12%;
	margin: -2% auto 2% auto;
}
.bt_logo{
	position: relative;
	display: block;
	width: 100%;
}
.organizer_btn{
	position: relative;
	display: block;
	white-space: nowrap;
	margin: 0 auto 0.5% auto;
	width: 25%;
	padding: 1%;
}
.organizer_btn:hover{
	transition: .3s;
	transform: scale(1.1,1.1);
	cursor: pointer;
}
.organizer_btn_fb{
	border: 1px solid #a5b1d6;
}
.organizer_btn_bt{
	border: 1px solid #eca0b0;
	margin: 0 auto 0 auto;
}
.organizer_btn img{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2%;
	width: 3rem;
}
.organizer_btn span{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
}

/*page13*/
.page13{
	font-size: 0;
	background-color: #fff;
	padding: 4rem 0 4rem 0;
}
.page13_organizers_area{
	position: relative;
	display: block;
	width: 60%;
	margin: 0 auto;
	text-align: left;
	padding: 0 auto;
}
.page13_organizers_area img{
	position: relative;
	display: inline-block;
	width: 32%;
	margin: 0 0.5% 5% 0.5%;
}

/*page14*/
.page14{
	font-size: 0;
	background-color: #fff;
	padding: 4rem 0 4rem 0;
}
.page14_organizers_area{
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto;
	text-align: left;
	padding: 0 auto;
}
.page14_organizers_area img{
	position: relative;
	display: inline-block;
	width: 32%;
	margin: 0 0.5% 5% 0.5%;
}

/*footer*/
footer{
	position: relative;
	display: block;
	width: 100%;
	background-color: #272727;
	padding: 2% 3%;
	text-align: center;
}
footer p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 1.1rem;
}
footer p:nth-child(1){
	margin-bottom: 1%;
}

/*member popup*/
.member_popup_area{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}
.member_popup_bg{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
}
.member_popup_box_pc{
	position: absolute;
	display: block;
	z-index: 2;
	width: 60%;
    height: 70%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2%;
	text-align: center;
}
.member_popup_box_left_area{
	position: relative;
	display: inline-block;
	width: 30%;
	height: fit-content;
	vertical-align: top;
	margin-right: 4%;
}
.member_popup_box_right_area{
	position: relative;
	display: inline-block;
	width: 65%;
	height: fit-content;
	vertical-align: top;
}
.member_popup_box_pc .member_popup_head{
	position: relative;
	display: block;
	width: 100%;
}
.member_popup_box_pc .member_popup_tittle{
	font-size: 1.5rem;
    color: #3e577d;
    font-family: 'Noto Sans TC', sans-serif;
	text-align: left;
	margin-bottom: 0%;
	font-weight: bold;
}
.member_popup_box_pc .member_popup_name{
	position: relative;
	display: block;
}
.member_popup_box_pc .member_popup_name p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 2.3rem;
    color: #000;
	text-align: left;
	font-weight: 700;
}
.member_popup_box_pc .member_popup_describe{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.5rem;
	text-align: left;
	margin-bottom: 5%;
	font-weight: bold;
}
.member_popup_box_pc .member_popup_text{
	position: relative;
	display: block;
	width: 100%;
}
.member_popup_box_pc .member_popup_text b{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 2%;
}
.member_popup_box_pc .member_popup_text p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 2%;
}
.member_popup_box_pc .member_popup_text p.member_popup_text_title{
	margin-bottom: 0.5%;
}
.member_popup_box_pc .member_popup_text p:last-child{
	margin-bottom: 0%;
}
.member_popup_box_pc .member_popup_text li{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 0%;
	list-style-type: disc;
}
.member_popup_box{
	position: absolute;
	display: none;
	z-index: 2;
	width: 60%;
    height: 70%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2%;
	text-align: center;
}
.member_popup_close_btn{
	position: absolute;
	display: block;
	z-index: 3;
	right: 15%;
	top: 5%;
}
.member_popup_close_btn:hover{
	cursor: pointer;
	opacity: .5;
}
.member_popup_close_btn i{
	font-size: 5rem;
	color: #fff;
}
.member_popup_box .member_popup_head{
	position: relative;
	display: block;
	width: 40%;
	margin: 0 auto 2% auto;
}
.member_popup_box .member_popup_tittle{
	font-size: 1.2rem;
    color: #3e577d;
    font-family: 'Noto Sans TC', sans-serif;
	text-align: center;
	margin-bottom: 0%;
	font-weight: bold;
}
.member_popup_box .member_popup_name{
	position: relative;
	display: block;
	width: 40%;
	margin: 0 auto 0% auto;
}
.member_popup_box .member_popup_name p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 2rem;
    color: #000;
	text-align: center;
	font-weight: 700;
}
.member_popup_box .member_popup_describe{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 2%;
	font-weight: bold;
}
.member_popup_box .member_popup_text{
	position: relative;
	display: block;
	width: 100%;
}
.member_popup_box .member_popup_text b{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 2%;
}
.member_popup_box .member_popup_text p{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 2%;
}
.member_popup_box .member_popup_text p.member_popup_text_title{
	margin-bottom: 0.5%;
}
.member_popup_box .member_popup_text p:last-child{
	margin-bottom: 0%;
}
.member_popup_box .member_popup_text li{
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.3rem;
	text-align: left;
	margin-bottom: 0%;
	list-style-type: disc;
}

/*key issue popup*/
.key_issue_popup_area{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}
.key_issue_popup_bg{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .8;
}
.key_issue_area{
	position: absolute;
	display: block;
	z-index: 2;
	width: 80%;
	height: 80%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #6b6b89;
}
.key_issue_box{
	position: absolute;
	display: block;
	width: 95%;
    height: 90%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #c39f39;
	overflow-x: hidden;
	overflow-y: auto;
}
.key_issue_close_btn{
	position: absolute;
	display: block;
	right: 2%;
	top: 2%;
}
.key_issue_close_btn:hover{
	cursor: pointer;
	opacity: .5;
}
.key_issue_close_btn i{
	font-size: 5rem;
	color: #fff;
}
.key_issue_text{
	position: absolute;
	display: block;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	/* border: 1px solid #000; */
	text-align: left;
}
.key_issue_text h1{
	margin-bottom: 5%;
	text-align: center;
}
.key_issue_text h1{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 3.5rem;
}
.key_issue_describe{
	position: relative;
	display: block;
	width: fit-content;
	margin: 0 auto;
}
.key_issue_text .key_issue_describe p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	text-align: center;
	margin-bottom: 2%;
}

/*得獎名單跳窗*/
.table_memberlist thead tr th:nth-child(1){
	width: 30%;
}
.table_memberlist thead tr th:nth-child(2){
	width: 15%;
}
.table_memberlist thead tr th:nth-child(3){
	width: 15%;
}
.table_memberlist tbody tr th,.table_memberlist tbody tr td{
	text-align: center;
}
#memberlistModalToggle .memberlist_title1{
	font-family: 'Noto Sans TC', sans-serif;
	text-align: center;
	color: #7f6000;
	margin-bottom: 0.5rem;
}
#memberlistModalToggle .memberlist_title2{
	font-family: 'Noto Sans TC', sans-serif;
	text-align: center;
	color: #000;
	margin-bottom: 1rem;
}
#memberlistModalToggle .memberlist_notice{
	font-family: 'Noto Sans TC', sans-serif;
	text-align: center;
	color: #843c0c;
	margin-bottom: 0.5rem;
}


@media screen and (max-width:1920px){
	html{
		font-size: 1rem;
	}
}
@media screen and (max-width:1770px){
	html{
		font-size: 0.9rem;
	}
}
@media screen and (max-width:1600px){
	html{
		font-size: 0.8rem;
	}
}
@media screen and (max-width:1460px){
	html{
		font-size: 0.7rem;
	}
}
@media screen and (max-width:1280px){
	html{
		font-size: 0.6rem;
	}
}
@media screen and (min-width:1025px){
	
}
@media screen and (max-width:1024px){
	html{
		font-size: 1rem;
	}

	.header_social_area{
		display: none;
	}

	.nav_bar{
		height: 80px;
	}

	/*page_main_area*/
	.page_main_bg{
		content: url('../img/mb/page1_bg.png') !important;
	}

	/*page1*/
	.page1{
		height: 130vw;
	}
	.page1_main_box{
		padding-bottom: 131.3%;
	}
	.logo {
		width: 18%;
		height: 59%;
		margin-left: 1%;
		background: url('../img/logo.png') top center no-repeat;
		background-size: contain;
	}
	.sandwich_box{
		display: block;
	}
	.menu_close_box{
		display: block;
	}
	.menu_list{
		position: fixed;
		display: block;
		z-index: 10;
		top: 0;
		left: -200%;
		width: 100%;
		height: 100%;
		background-color: #000;
		padding-top: 8%;
		padding-left: 0;
		transition: .3s;
	}
	.menu_list_pc{
		display: none;
	}
	.menu_list_mb{
		display: block;
	}
	.menu_list li{
		display: block;
		height: 10%;
		width: 100%;
		border-bottom: 1px solid #606060;
	}
	.menu_list li:nth-child(3), .menu_list li:nth-child(4){
		width: 100%;
	}
	.menu_list li p{
		font-family: 'Noto Sans TC', sans-serif;
		font-size: 1.5rem;
		color: #fff;
	}
	.header_bg{
		opacity: .6;
	}

	.taiwanFutureLogo{
		margin: 36% 0 0 0%;
		width: 45%;
	}
	.page1_tittle2{
		transform: scale(2.1,2.1);
		margin: 0 auto 9% auto;
	}
	.main_text {
		margin: 19% auto auto auto;
	}
	.main_text > svg{
		margin: 2% auto 0 auto;
		transform: scale(2.5,2.5);
	}
	.page1_tittle3{
		margin: 42% 0 0 49%;
		width: 51%;
	}
	.page1_tittle1_light_mask{
		top: 42%;
		transform: scale(2,2);
	}
	.page1_tittle1_light_spot1{
		top: 51%;
		left: -16%;
		width: 7%;
	}
	.page1_tittle1_light_spot2{
		top: 66%;
		left: -21%;
		width: 7%;
	}
	.page1_tittle1_light_spot3{
		top: 36%;
		left: 20%;
		width: 9%;
	}
	.page1_tittle1_light_spot4{
		top: 39%;
		left: 40%;
		width: 9%;
	}
	.page1_tittle1_light_spot5{
		top: 36%;
		left: 54%;
		width: 7%;
	}
	.page1_tittle1_light_spot6{
		top: 52%;
		left: 54%;
		width: 6%;
	}
	.page1_tittle1_light_spot7{
		top: 51%;
		left: 74%;
		width: 4.5%;
	}
	.page1_tittle1_light_spot8{
		top: 59%;
		left: 77%;
		width: 4.2%;
	}
	.page1_tittle1_light_spot9{
		top: 57%;
		left: 85%;
		width: 4.2%;
	}
	.page1_black_hole{
		width: 180%;
	}
	.page1_star{
		content: url('../img/mb/page1_star.png') !important;
	}
	.page1_main_box{
		width: 100%;
		height: 100%;
		transform: scale(1,1) rotate(90deg);
		-webkit-animation: page1_bg_ni 15s forwards linear;
		-moz-animation: page1_bg_ni 15s forwards linear;
		-ms-animation: page1_bg_ni 15s forwards linear;
		animation: page1_bg_ni 15s forwards linear;
	}
	@-webkit-keyframes page1_bg_ni{
		0%{
			transform: scale(1,1);
		}
		100%{
			transform: scale(1.2,1.2);
		}
	}
	@-moz-keyframes page1_bg_ni{
		0%{
			transform: scale(1,1);
		}
		100%{
			transform: scale(1.2,1.2);
		}
	}
	@-o-keyframes page1_bg_ni{
		0%{
			transform: scale(1,1);
		}
		100%{
			transform: scale(1.2,1.2);
		}
	}
	@-ms-keyframes page1_bg_ni{
		0%{
			transform: scale(1,1);
		}
		100%{
			transform: scale(1.2,1.2);
		}
	}
	@keyframes page1_bg_ni{
		0%{
			transform: scale(1,1);
		}
		100%{
			transform: scale(1.2,1.2);
		}
	}
	
	/*page2*/
	.page2 {
		padding: 0rem 2rem 6rem 2rem;
	}
	.page_tittle.style1{
		width: 32%;
	}
	.page2_text_area{
		text-align: left;
	}
	.page2_text_area_pc{
		display: none;
	}
	.page2_text_area_mb{
		display: block;
	}
	.page2_text_area p{
		position: relative;
		display: inline-block;
		margin-bottom: 1.5%;
	}

	/*page3*/
	.page3_content_box{
		width: 90%;
	}

	/*page4*/
	.page4{
		background: url('../img/grey_bg2.png') 0 0 no-repeat;
		background-size: cover;
	}
	.location_icon_btn{
		width: 8%;
		padding-bottom: 8%;
	}
	.map_area{
		width: 95%;
	}
	.page4_notice_area br{
		display: block;
	}
	.page4_piece{
		width: 1.5%;
	}

	/*page5*/
	.video_iframe{
		width: 90%;
		height: 50vw;
	}

	/*page6*/
	.page6{
		background: url('../img/page6_bg.png') center center no-repeat;
    	background-size: cover;
	}
	.page_tittle.style2{
		width: 60%;
	}
	.page6_text_box:nth-child(3){
		display: block;
		margin: -7% auto;
	}
	.page6_text_box{
		width: 40%;
		height: 0;
		padding-bottom: 40%;
	}

	/*page7*/
	.page7{
		background: url('../img/grey_bg.png') 0 0 repeat;
		background-size: 200%;
	}
	.member_box_pc{
		display: none;
	}
	.member_box{
		width: 45%;
		margin-bottom: 8%;
	}
	.member_box[data-id="3"]{
		width: 100%;
	}
	.member_box[data-id="3"] .member_head{
		width: 39%;
	}
	.member_box[data-id="3"] .member_more_btn{
		width: 11%;
	}
	.member_area:nth-child(4) > .member_box:nth-child(odd){
		margin-right: 0;
	}

	/*page8*/
	.page8_box{
		display: block;
		width: 100%;
		padding-bottom: 59.5%;
	}
	.page8_box_row{
		width: 65%;
	}
	.page8_box_row:nth-child(1) .page8_box:nth-child(1){
		background-color: #fff;
	}
	.page8_box_row:nth-child(1) .page8_box:nth-child(2){
		background-color: #e9a3a6;
	}
	.page8_box_row:nth-child(2) .page8_box:nth-child(1){
		background-color: #fff;
	}
	.page8_box_row:nth-child(2) .page8_box:nth-child(2){
		background-color: #b0c878;
	}
	.page8_item1{
		width: 100%;
		height: 100%;
		background: url('../img/mb/page8_img1_mb.png') center center no-repeat;
		background-size: 100%;
	}
	.page8_item2{
		width: 90%;
		height: 83%;
		background: none;
		background-color: #d95e64;
	}
	.page8_item3{
		width: 100%;
		height: 100%;
		background: url('../img/page8_img1_pc.png') center center no-repeat;
		background-size: 100%;
	}
	.page8_item4{
		width: 90%;
		height: 83%;
		background: none;
		background-color: #78983a;
	}
	.page8_text_pc{
		display: none;
	}
	.page8_text_mb{
		display: block;
	}

	/*page9*/
	.page9{
		background: url('../img/grey_bg.png') 0 0 no-repeat;
		background-size: cover;
	}
	.swiper {
		padding-bottom: 6%;
	}
	.swiper-button-prev{
		left: -10%;
	}
	.swiper-button-next{
		right: -10%;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		width: 4%;
		height: 0;
		padding-bottom: 4%;
	}
	.swiper-pagination-bullet-active{
		width: 4%;
		height: 0;
		padding-bottom: 4%;
	}

	/*page10*/
	.page_tittle.style3{
		width: 20%;
	}
	.agenda_date_area{
		text-align: center;
	}
	.agenda_date_btn{
		width: 50%;
		padding: 1.5% 0;
		border: 1px solid #ffba00;
	}
	.agenda_schedule_area{
		height: 63rem;
	}
	.agenda_row :is(.agenda_time,.agenda_topic,.agenda_member){
		display: block;
	}
	.agenda_row .agenda_time{
		width: 100%;
		text-align: left;
	}
	.agenda_time p{
		font-weight: bold;
	}
	.agenda_row .agenda_topic{
		width: 100%;
	}
	.agenda_topic p{
		font-weight: bold;
	}
	.agenda_row .agenda_member{
		width: 100%;
	}
	.download_pdf_btn{
		display: none;
	}
	.download_pdf_btn_mb{
		display: block;
	}

	/*page11*/
	.page11{
		background: url('../img/grey_bg.png') 0 0 no-repeat;
		background-size: cover;
	}
	/*swiper*/
	.swiper-pagination2,.swiper-button-next2,.swiper-button-prev2{
		display: block;
	}

	/*page12*/
	.bt_logo_a{
		width: 35%;
		margin: 0 auto 2% auto;
	}
	.organizer_btn{
		width: 60%;
		margin: 0 auto 2% auto;
	}

	/*page13*/
	.page13_organizers_area{
		width: 70%;
	}
	.page13_organizers_area img{
		width: 49%;
	}

	/*page14*/
	.page14_organizers_area{
		width: 70%;
	}
	.page14_organizers_area img{
		width: 49%;
	}

	/*.key issue popup*/
	.key_issue_area{
		width: 95%;
	}
	.key_issue_box{
		height: 95%;
	}
	.key_issue_text h1{
		font-size: 2.5rem;
	}
	.key_issue_text .key_issue_describe p{
		text-align: left;
		font-size: 1.5rem;
	}

	/*member popup*/
	.member_popup_box_pc{
		display: none;
		width: 85%;
	}
	.member_popup_box{
		display: block;
		width: 85%;
	}
	.member_popup_close_btn{
		right: 2%;
	}
	.member_popup_head{
		width: 65%;
	}
}
@media screen and (max-width:767px){
	html{
		font-size: 0.9rem;
	}

	.nav_bar{
		height: 55px;
	}

	/*page1*/
	.page1{
		height: 150vw;
	}
	.sandwich_box{
		top: 22%;
	}
	.main_text{
		margin: 26% auto auto auto;
	}
	.taiwanFutureLogo{
		margin: 49% 0 0 0%;
	}
	.page1_tittle2{
		margin: 0 auto 6% auto;
	}
	.page1_tittle3{
		margin: 55% 0 0 49%;
	}

	/*page2*/
	.page_tittle.style1 {
		width: 42%;
		margin: 0 auto 8% auto;
	}

	/*page3*/
	.page3_tittle_word{
		width: 50%;
	}

	/*page6*/
	.page_tittle.style2{
		margin: 0 auto 8% auto;
	}
	.page6_text_box{
		width: 47%;
    	padding-bottom: 47%;
		margin-right: -2%;
	}
	.page6_text_box:nth-child(3) {
		display: block;
		margin: -8% auto;
	}

	/*page7*/
	.member_area{
		width: 90%;
	}

	/*page8*/
	.page8_box_row {
		width: 85%;
	}

	/*page9*/
	.swiper-button-prev{
		left: -15%;
	}
	.swiper-button-next{
		right: -15%;
	}

	/*page10*/
	.agenda_schedule_area{
		height: 68rem;
	}

	/*page13*/
	.page13_organizers_area{
		width: 90%;
	}

	/*page14*/
	.page14_organizers_area{
		width: 90%;
	}

	/*.key issue popup*/
	.key_issue_text{
		width: 90%;
	}
}
@media screen and (max-width:630px){
	html{
		font-size: 0.8rem;
	}
}
@media screen and (max-width:575px){
	html{
		font-size: 0.6rem;
	}
}
@media screen and (max-width:375px){
	html{
		font-size: 0.5rem;
	}
}
@media screen and (max-width:360px){
	html{
		font-size: 0.4rem;
	}
}
@media screen and (max-width:320px){
	html{
		font-size: 0.4rem;
	}
}
@media screen and (orientation: landscape) and (max-width:1024px) {
	/* body{
		min-height: 95em;
	} */
}
@media screen and (orientation: landscape) and (max-width:980px) {
	/* body{
		min-height: 95em;
	} */
}
@media screen and (orientation: landscape) and (max-width:846px) {/*阿頡*/
	/* html{
	    font-size: 1.3rem;
	} */
}
@media screen and (orientation: landscape) and (max-width:812px) {
	/* body{
		min-height: 75em;
	} */
}
@media screen and (orientation: landscape) and (max-width:720px) {
	/* body{
		min-height: 65em;
	} */
}
@media screen and (orientation: landscape) and (max-width:640px) {
	/* body{
		min-height: 69em;
	} */
}
@media screen and (orientation: landscape) and (max-width:620px) {
	/* body{
		min-height: 69em;
	} */
}
@media screen and (orientation: landscape) and (max-width:375px) {
	/* body{
		min-height: 69em;
	} */
}