*{
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration: none;
	box-sizing: border-box;
	font-family: 'Noto Sans TC', sans-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: #fff;
	overflow: hidden;
}
p,h1,h2,h3,h4,h5,h6{
	margin: 0 0 0 0;
	display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*隱藏項目*/


/*文章區大標 reset like bootstrap*/
.person_popup_text_area h1,.person_popup_text_area .h1 {
	font-size: calc(1.375rem + 1.5vw) !important;
}
@media (min-width: 1200px) {
	.person_popup_text_area h1,.person_popup_text_area .h1 {
		font-size: 2.5rem !important;
	}
}
.person_popup_text_area h2,.person_popup_text_area .h2 {
	font-size: calc(1.325rem + 0.9vw) !important;
}
@media (min-width: 1200px) {
	.person_popup_text_area h2,.person_popup_text_area .h2 {
		font-size: 2.1rem !important;
	}
}
.person_popup_text_area h3,.person_popup_text_area .h3 {
	font-size: calc(1.3rem + 0.6vw) !important;
}
@media (min-width: 1200px) {
	.person_popup_text_area h3,.person_popup_text_area .h3 {
		font-size: 1.75rem !important;
	}
}
.person_popup_text_area h4,.person_popup_text_area .h4 {
	font-size: calc(1.275rem + 0.3vw) !important;
}
@media (min-width: 1200px) {
	.person_popup_text_area h4,.person_popup_text_area .h4 {
		font-size: 1.5rem !important;
	}
}
.person_popup_text_area h5,.person_popup_text_area .h5 {
	font-size: 1.25rem !important;
}
.person_popup_text_area h6,.person_popup_text_area .h6 {
	font-size: 1rem !important;
}
@media (max-width: 1199px) {
	.person_popup_text_area h1,.person_popup_text_area .h1{
		font-size: 2.5rem !important;
	}
	.person_popup_text_area h2,.person_popup_text_area .h2{
		font-size: 2.1rem !important;
	}
	.person_popup_text_area h3,.person_popup_text_area .h3{
		font-size: calc(1.3rem + 0.6vw) !important;
	}
	.person_popup_text_area h4,.person_popup_text_area .h4{
		font-size: calc(1.275rem + 0.3vw) !important;
	}
	.person_popup_text_area h5,.person_popup_text_area .h5{
		font-size: 1.25rem !important;
	}
	.person_popup_text_area h6,.person_popup_text_area .h6{
		font-size: 1rem !important;
	}
	.person_popup_text_area p,
	.person_popup_text_area a{
		font-size: 1.8rem !important;
	}
}


/*swal2*/
button{
	outline: none !important;
	border: none !important;
}
button:focus{
	outline: none !important;
	border: none !important;
}
.swal2-close{
	font-size: 4.5em !important;
}
.swal2-confirm{
	opacity: 0 !important;
	height: 0 !important;
	padding: 0 !important;
}

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

.nav_bar,.page,.footer{
	display: none;
	-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;
}

/*page loading*/
.loading_area{
	position: fixed;
	display: block;
	z-index: 9999;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
.loading_box{
	position: absolute;
	display: block;
	width: 6%;
	padding-bottom: 6%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url('../img/page_loading.gif') center center no-repeat;
	background-size: contain;
}

/*fixed area*/
.fixed_area{
	position: fixed;
	display: none;
	z-index: 10;
	top: 75%;
	right: 1%;
	text-align: center;
}
.fixed_area > a{
	position: relative;
	display: block;
	padding: 1rem 0.1rem;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
}
.fixed_area p{
	position: relative;
	display: block;
	color: #000;
	font-size: 1.1rem;
	z-index: 2;
}
.goToTop_btn{
	position: relative;
	display: block;
	margin: 0 auto;
}
.goToTop_btn img{
	width: 7rem;	
}

/*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; */
	mask: linear-gradient(0deg, transparent 0%, #000 10%, #000 100%);
	-webkit-mask: linear-gradient(0deg, transparent 0%, #000 10%, #000 100%);
}
@-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*/
.down_btn{
	position: absolute;
	display: block;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: 12%;
	margin: 0 auto;
	width: 3%;
	opacity: 1;
	-webkit-animation: down_ani 1.5s 0s infinite;
	-moz-animation: down_ani 1.5s 0s infinite;
	-ms-animation: down_ani 1.5s 0s infinite;
	animation: down_ani 1.5s 0s infinite;
}
@-webkit-keyframes down_ani{
	0%{
		bottom: 12%;
		opacity: 1;
	}
	100%{
		bottom: 11%;
		opacity: .3;
	}
}
@-moz-keyframes down_ani{
	0%{
		bottom: 12%;
		opacity: 1;
	}
	100%{
		bottom: 11%;
		opacity: .3;
	}
}
@-o-keyframes down_ani{
	0%{
		bottom: 12%;
		opacity: 1;
	}
	100%{
		bottom: 11%;
		opacity: .3;
	}
}
@-ms-keyframes down_ani{
	0%{
		bottom: 12%;
		opacity: 1;
	}
	100%{
		bottom: 11%;
		opacity: .3;
	}
}
@keyframes down_ani{
	0%{
		bottom: 12%;
		opacity: 1;
	}
	100%{
		bottom: 11%;
		opacity: .3;
	}
}
.down_btn:hover{
	cursor: pointer;
}
.page1{
	position: relative;
	display: block;
	width: 100%;
	z-index: 3;
	/* border: 1px solid #f00; */
	background-color: #fcdbac;
}
.logo{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
    height: 78%;
	margin-top: auto;
	margin-bottom: auto;
}
.logo1{
	width: 5%;
	z-index: 3;
	margin-left: 4rem;
	background: url('../img/bt_logo.png') center center no-repeat;
	background-size: contain;
}
.logo2{
	width: 7%;
	z-index: 3;
	margin-left: 11rem;
	background: url('../img/life_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: #352e1f;
}
.nav_bar{
	position: fixed;
	display: block;
	z-index: 11;
	top: 0;
	width: 100%;
	height: 75px;
	opacity: 0;
}
.header_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 1;
	pointer-events: none;
	transition: .3s;
}
.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%;
	margin: 0 1.5rem;
}
.menu_list li.active .red_bottom_bar{
	display: block;
}
.menu_list li span{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.menu_list li::before{
	content: '';
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.menu_list li span p{
	color: #352e1f;
	white-space:nowrap;
	font-family: 'Noto Sans TC', sans-serif;
}
.menu_list li span p:nth-child(1){
	font-size: 1.1rem;
	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: #fcbf35;
}
.mb_item{
	margin: auto;
	text-align: center;
	padding-top: 0 !important;
}
.mb_item::before{
	content:'';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.review_area{
	position: relative;
	display: none;
	width: 100%;
	background-color: #e3474c;
}
.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: absolute;
	display: block;
	width: 100%;
	top: 20%;
}
.mb_header_social_area a{
	position: relative;
	display: inline-block;
    width: 7%;
    height: 0;
    padding-bottom: 7%;
	margin: 0 auto;
}
.mb_header_social_area a:nth-child(1){
	margin-right: 4%;
	background: url('../img/social_btn_fb.png') center center no-repeat;
	background-size: contain;
}
.mb_header_social_area a:nth-child(2){
	margin-right: 4%;
	background: url('../img/social_btn_line.png') center center no-repeat;
	background-size: contain;
}
.mb_header_social_area a:nth-child(3){
	background: url('../img/social_btn_ig.png') center center no-repeat;
	background-size: contain;
}
.header_social_area{
	position: absolute;
	display: block;
	z-index: 3;
	top: 0;
	bottom: 0;
    right: 5%;
    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: 19%;
	height: 100%;
	outline: none;
}
.header_social_area a:hover{
	opacity: .5;
}
.header_social_area a:nth-child(1){
	margin-right: 10%;
	background: url('../img/social_btn_fb.png') center center no-repeat;
	background-size: contain;
}
.header_social_area a:nth-child(2){
	margin-right: 10%;
	background: url('../img/social_btn_line.png') center center no-repeat;
	background-size: contain;
}
.header_social_area a:nth-child(3){
	margin-right: 10%;
	background: url('../img/social_btn_ig.png') center center no-repeat;
	background-size: contain;
}
.item8:hover .dropdown_area{
	display: none;
}
.dropdown_area{
	position: absolute;
	display: none;
	width: 100%;
	top: 100%;
	padding-left: 0;
}
.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: rgb(58, 58, 58);
	font-family: 'Noto Sans TC', sans-serif;
	text-decoration: none;
	padding: 0.3rem;
}
.dropdown_area li:hover a{
	color: #f5b1c6;
}
.dropdown_area_bg{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: rgb(255, 255, 255);
}

.page1_main_box{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	/* border: 1px solid #f00; */
}
#main_slogan{
	position: absolute;
	display: block;
	z-index: 3;
	width: 50%;
	top: 33%;
    left: 38%;
}
#main_slogan_shadow.aos-animate{
	opacity: 0.25 !important;
}
#main_small_slogan{
	position: absolute;
	display: block;
	z-index: 3;
	width: 28%;
    top: 48.5%;
    left: 61%;
}
#main_title_triangle{
	position: absolute;
	display: none;
	z-index: 2;
    width: 12%;
    top: 31%;
    left: 51%;
}
#main_title_triangle polygon{
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 4s 3s linear infinite;
}
@keyframes draw {
	0% {
	}

	20% {
	}

	100% {
		stroke-dashoffset: 0;
	}
}

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

.main_text svg {
	position: relative;
	display: block;
	z-index: 4;
	width: 100%;
	height: 100%;
	margin: -11% auto 0 auto;
	transform: scale(0.6,0.6);
}
.svg_box {
	opacity: 0;
}
.squiggle1 {
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 6s linear forwards;
}

.squiggle2 {
	stroke-dasharray: 30000;
	stroke-dashoffset: 30000;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 10s linear forwards;
}

.squiggle3 {
	stroke-dasharray: 30000;
	stroke-dashoffset: 30000;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 15s linear forwards;
}

@keyframes draw {
	0% {}

	20% {}

	100% {

		stroke-dashoffset: 0;
	}
}

.page1_tittle{
	position: absolute;
	display: block;
	width: 70%;
	left: 0;
	right: 0;
	bottom: 9%;
	margin: 0 auto;
}


/*page2*/
.page2{
	z-index: 4;
	font-size: 0;
	padding: 5rem 0 10rem 0;
	background-color: #fcdbac;
	/* border-bottom: 1px solid #d3d5d7; */
	overflow: visible;
}
.page2_bg_box{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}
.page2 .container-fluid{
	overflow: hidden;
	height: auto;
}
.page2_slidup_btn{
	position: absolute;
	display: block;
	padding: 0.5rem 2rem;
	background-color: #3b3b3b;
	left: 0;
	right: 0;
	bottom: -1rem;
	z-index: 3;
	width: 12rem;
	margin: 0 auto;
	text-align: center;
}
.page2_slidup_btn_area{
	position: relative;
	display: block;
	margin-left: -1.5rem;
}
.page2_slidup_btn div span{
	position: relative;
	display: block;
	font-size: 1.5rem;
	color: #fff;
}
.page2_slidup_arrow{
	position: absolute;
	display: block;
	right: 0%;
	-webkit-animation: down2_ani 1.5s 0s infinite;
	-moz-animation: down2_ani 1.5s 0s infinite;
	-ms-animation: down2_ani 1.5s 0s infinite;
	animation: down2_ani 1.5s 0s infinite;
}
@-webkit-keyframes down2_ani{
	0%{
		bottom: 20%;
	}
	100%{
		bottom: -5%;
	}
}
@-moz-keyframes down2_ani{
	0%{
		bottom: 20%;
	}
	100%{
		bottom: -5%;
	}
}
@-o-keyframes down2_ani{
	0%{
		bottom: 20%;
	}
	100%{
		bottom: -5%;
	}
}
@-ms-keyframes down2_ani{
	0%{
		bottom: 20%;
	}
	100%{
		bottom: -5%;
	}
}
@keyframes down2_ani{
	0%{
		bottom: 20%;
	}
	100%{
		bottom: -5%;
	}
}

/* .page2_slidup_btn::before{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: -1.9rem;
	width: 2rem;
	height: 100%;
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page2_slidup_btn::after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	right: -1.9rem;
	width: 2rem;
	height: 100%;
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
} */
.page2_slidup_btn p{
	color: #fff;
	font-size: 1.3rem;
}
.page_text_area{
	position: relative;
	display: block;
	z-index: 2;
	width: fit-content;
	margin: 0 0 7rem 0;
	padding: 0.5rem 7rem;
}
.page_text_area.style1{
	background-color: #fcbf35;
}
.page_text_area.style2{
	background-color: #89c6ba;
}
.page_text_area::before{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page_text_area.style1::before{
	background: url('../img/left_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page_text_area.style2::before{
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page_text_area::after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page_text_area.style1::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page_text_area.style2::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page_title{
	text-align: center;
	font-size: 3.2rem;
	font-weight: normal;
	color: #fff;
	letter-spacing: 1rem;
}
.title_word_svg{
	width: 16rem;
}
.title_word_svg2{
	width: 24rem;
}
.page2_text_area{
	position: relative;
	z-index: 3;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: justify;
	letter-spacing: 0.1rem;
}
.page2_text_area_pc{
	display: block;
}
.page2_text_area_big_title{
	font-size: 2.5rem;
}
.page2_text_area_discribe_title{
	position: relative;
	display: block;
	width: 100%;
	padding: 1.5rem;
	background: #ffeab8;;
}
.page2_text_area_discribe_title p{
	font-size: 1.5rem;
}
.page2_info_area{
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
}
.page2_info_area_top{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 1rem;
}
.page2_paper_painting{
	position: absolute;
	display: block;
    top: 10%;
    right: 0;
    z-index: 2;
    width: 10%;
}
.page2_magnifier_painting{
	position: absolute;
	display: block;
    top: 50%;
    right: 0;
    z-index: 2;
    width: 10%;
}
.page2_pie_chart_painting{
	position: absolute;
	display: block;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 10%;
}
.page2_women_painting{
	position: absolute;
	display: block;
    top: 80%;
    left: 0;
    z-index: 2;
    width: 10%;
}
.page2_info_area_title_area{
	position: relative;
	display: block;
	z-index: 3;
	width: fit-content;
	padding: 0.5rem 1rem;
	background-color: rgba(252, 191, 53, .6);
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.page2_info_area_title_area p{
	font-size: 2rem;
}
.page2_info_area_title_area::after{
	position: absolute;
	display: block;
	content: '';
	z-index: 2;
	top: 0;
	right: -1.96rem;
	width: 2rem;
	height: 100%;
	background: url('../img/page2_right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page2_info_area_top_button_list_area{
	position: relative;
	display: block;
	z-index: 3;
	width: 80%;
	margin: 0 auto;
}
.page2_info_area_top_button{
	position: relative;
	display: block;
	width: 100%;
	padding: 0.5rem 2rem;
	margin: 1rem 0;;
}
.page2_info_area_top_button:hover{
	cursor: pointer;
}
.page2_info_area_top_button:hover .page2_button_text_area p{
	color: #fff;
}
.page2_info_area_top_button.style1:hover{
	background-color: #fcbf35;
}
.page2_info_area_top_button.style1:hover .dot_circle.style1{
	border: 1px solid #fff;
	background-color: #fff;
}
.page2_info_area_top_button.style2:hover{
	background-color: #89c6ba;
}
.page2_info_area_top_button.style2:hover .dot_circle.style2{
	border: 1px solid #fff;
	background-color: #fff;
}
.page2_info_area_top_button.style1{
	border: 1px solid #fcbf35;
}
.page2_info_area_top_button.style2{
	border: 1px solid #89c6ba;
}
.page2_button_text_area{
	position: relative;
	display: inline-block;
	width: 80%;
}
.page2_button_text_area p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-style: 1.5rem;
	color: #3b3b3b;
}
.page2_info_area_top_button .dot_circle{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	margin-right: 1rem;
}
.page2_info_area_top_button .dot_circle.style1{
	border: 1px solid #fcbf35;
}
.page2_info_area_top_button .dot_circle.style2{
	border: 1px solid #89c6ba;
}

/*page2 popup*/
.page2_popup_num{
	position: relative;
	display: inline-block;
	color: #e3474c;
	vertical-align: bottom;
}

.page2_info_area_middle{
	position: relative;
	display: block;
	width: 100%;
	/* border: 1px solid #0f41cc; */
	padding: 1.5rem 0;
}
.page2_info_area_middle_discribe_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
}
.page2_info_area_middle_discribe_area h2{
	color: #B22222;
}
.page2_info_area_middle_discribe_area img{
	width: 100%;
}
.page2_info_area_middle_discribe_area_mark{
	color: #939393 !important;
}
.page2_info_area_middle_title{
	position: relative;
	display: block;
	width: 80%;
	margin: 2rem auto 4rem auto;
}
.page2_info_area_middle_title p{
	font-size: 2rem;
	text-align: center !important;
}

/*chart*/
.chart_area{
	position: relative;
	display: block;
	width: 100%;
	height: 67rem;
}
.chart_area1{
	margin-bottom: 3rem;
}
.chart{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.chart iframe{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.page2_podcast_area{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.page2_podcast_box{
	position: relative;
    display: inline-block;
    width: 100%;
    margin-right: 4rem;
    margin-bottom: 2rem;
    /* border: 1px solid #eee; */
	padding: 1rem 0rem 1rem 0rem;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.page2_podcast_head_area{
	position: relative;
	display: inline-block;
	width: 29%;
	/* border: 1px solid #f00; */
	z-index: 3;
	margin-right: 1rem;
}
.page2_podcast_head_area img{
	width: 100%;
	margin-bottom: 0.5rem;
}
.page2_podcast_head_name_box{
	position: relative;
	display: none;
	width: 100%;
	padding: 0.2rem 0;
}
.page2_podcast_head_name_box p{
	position: relative;
	display: block;
	font-size: 1.3rem;
	text-align: center !important;
	color: #fff !important;
	z-index: 2;
}
.page2_podcast_head_name_box_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.page2_podcast_head_area.style1 .podcast_head_name_box_bg{
	background-color: #89c6ba;
}
.page2_podcast_head_name_box_bg::before{
	content: '';
    position: absolute;
    display: block;
    z-index: 2;
    top: 0rem;
    left: -1.4rem;
    width: 1.5rem;
    height: 100%;
    background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page2_podcast_head_name_box_bg::after{
	content: '';
    position: absolute;
    display: block;
    z-index: 2;
    bottom: 0rem;
    right: -1.4rem;
    width: 1.5rem;
    height: 100%;
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page2_podcast_body_area{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 63%;
	height: 100%;
	/* border: 1px solid #0f0; */
	z-index: 3;
}
.page2_podcast_body_area .podcast_iframe{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.page2_podcast_box_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

.page2_info_area_bottom{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 5rem;
	/* border: 1px solid #fa0; */
}
.page2_text_area p{
	text-align: justify;
	margin-bottom: 0.5%;
	color: rgb(86, 86, 86);
}
.page2_info_select_area{
	position: relative;
	display: block;
	width: 80%;
	margin: 3rem auto 0 auto;
}
.page2_info_select_area svg{
	position: relative;
	display: block;
	width: 100%;
}
.select_button:hover{
	cursor: pointer;
	transform: translateY(-10px);
	transition: .3s;
	opacity: .5;
}


.page2_she_img{
	position: absolute;
	display: block;
    width: 6%;
    top: 0%;
	left: 0;
}
.page2_triangle{
	position: absolute;
    display: block;
    width: 35rem;
    bottom: -5rem;
    right: 2rem;
}
.page2_triangle polyline{
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 4s 3s linear infinite alternate;
}

/*page3*/

/*頭像 共用 設定*/
.person_head_area img{
	width: 100%;
}

.page3{
	font-size: 0;
	padding: 10rem 0 10rem 0;
	background-color: #fff;
}
.page3 .container-fluid{
	position: relative;
	z-index: 3;
}
.person_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 12rem;
	text-align: start;
}
.person_area:last-child{
	margin-bottom: 0;
}
.person_box{
	position: relative;
	display: inline-block;
	width: 30%;
	margin-right: 1.5rem;
	margin-bottom: 4rem;
	/* border: 1px solid #eee; */
}
.person_box:hover{
	cursor: pointer;
	opacity: .8;
}
.page3 .person_head_area{
	position: relative;
	display: block;
	width: 80%;
	/* border: 1px solid #f00; */
	z-index: 2;
	text-align: left;
}
.page3 .person_body_area{
	position: relative;
	display: block;
	width: 100%;
	bottom: 0;
	right: 0;
	/* border: 1px solid #0f0; */
	z-index: 3;
	text-align: center;
	padding: 0.5rem 2rem;
	margin-top: -2rem;
	margin-left: 0rem;
}
.page3 .person_body_area.style1 p{
	color: #494643;
}
.page3 .person_body_area.style2 p{
	color: #fff;
}
.page3 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
}
.page3 .person_body_area p:first-child{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.page3 .person_job_box{
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.page3 .person_body_area .person_name{
	font-size: 1.6rem;
}
.page3 .person_body_area .company_name{
	font-size: 1rem;
}
.page3 .person_body_area .job_title{
	font-size: 1rem;
}
.page3 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 85%;
	opacity: .9;
}
.page3 .person_body_area.style1 .person_body_bg{
	background-color: #fcbf35;
}
.page3 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page3 .person_body_bg::before{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    left: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page3 .person_body_area.style1 .person_body_bg::before{
	background: url('../img/left_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page3 .person_body_area.style2 .person_body_bg::before{
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page3 .person_body_bg::after{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page3 .person_body_area.style1 .person_body_bg::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page3 .person_body_area.style2 .person_body_bg::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}


/*頭像 贊助的 tag*/
.person_head_area.sponsor_tag::before{
	content: '贊助';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	padding: 0.2rem 0.5rem;
	color: #494643;
	font-size: 1rem;
	background-color: #fcbf35;
}

/*---page3  ▼舊樣式------------------------------------------*/
/* .page3 .person_head_area{
	position: relative;
	display: inline-block;
	width: 40%;
	z-index: 2;
}
.page3 .person_body_area{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	z-index: 1;
	padding: 1rem 1rem 1rem 2rem;
	margin-left: -1.5rem;
}
.page3 .person_body_area.style1 p{
	color: #494643;
}
.page3 .person_body_area.style2 p{
	color: #fff;
}
.page3 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
	text-align: left;
}
.page3 .person_body_area .person_name{
	font-size: 2rem;
}
.page3 .person_body_area .company_name{
	font-size: 1rem;
}
.page3 .person_body_area .job_title{
	font-size: 1rem;
}
.page3 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 88%;
	opacity: .9;
}
.page3 .person_body_area.style1 .person_body_bg{
	background-color: #fcbf35;
}
.page3 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page3 .person_body_bg::after{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page3 .person_body_area.style1 .person_body_bg::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page3 .person_body_area.style2 .person_body_bg::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
} */
/*---page3  ▲舊樣式------------------------------------------*/

.page3_line_bg{
    position: absolute;
    display: block;
    width: 60%;
    z-index: 1;
    top: -14%;
    left: 0;
}
.page3_line_bg polyline{
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 4s 3s linear infinite alternate;
}
.page3_she_img{
	position: absolute;
	display: block;
	z-index: 1;
    width: 49%;
    right: 0%;
    bottom: 3%;
}

/*page4*/
.page4{
	font-size: 0;
	padding: 10rem 0 10rem 0;
	background-color: #feeec8;
}
.page4 .container-fluid{
	position: relative;
	z-index: 3;
}
.page4 .person_head_area{
	position: relative;
	display: block;
	width: 80%;
	/* border: 1px solid #f00; */
	z-index: 2;
	text-align: left;
}
.page4 .person_body_area{
	position: relative;
	display: block;
	width: 100%;
	bottom: 0;
	right: 0;
	/* border: 1px solid #0f0; */
	z-index: 3;
	text-align: center;
	padding: 0.5rem 2rem;
	margin-top: -2rem;
	margin-left: 0rem;
}
.page4 .person_body_area.style1 p{
	color: #494643;
}
.page4 .person_body_area.style2 p{
	color: #fff;
}
.page4 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
}
.page4 .person_body_area p:first-child{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.page4 .person_job_box{
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.page4 .person_body_area .person_name{
	font-size: 1.6rem;
}
.page4 .person_body_area .company_name{
	font-size: 1rem;
}
.page4 .person_body_area .job_title{
	font-size: 1rem;
}
.page4 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 85%;
	opacity: .9;
}
.page4 .person_body_area.style1 .person_body_bg{
	background-color: #fcbf35;
}
.page4 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page4 .person_body_bg::before{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    left: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page4 .person_body_area.style1 .person_body_bg::before{
	background: url('../img/left_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page4 .person_body_area.style2 .person_body_bg::before{
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page4 .person_body_bg::after{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page4 .person_body_area.style1 .person_body_bg::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page4 .person_body_area.style2 .person_body_bg::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page4_left_triangle{
	position: absolute;
	display: block;
	z-index: 1;
	width: 30%;
	left: -10rem;
	bottom: -5rem;
}
.page4_left_triangle polygon{
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 4s 3s linear infinite alternate;
}
.page4_right_triangle{
	position: absolute;
	display: block;
	z-index: 1;
	width: 40%;
	right: -5rem;
	top: 0;
}
.page4_right_triangle polygon{
	stroke-dasharray: 3600;
	stroke-dashoffset: 3600;
	/* animation: draw 2s linear infinite alternate; */
	animation: draw 4s 3s linear infinite alternate;
}


/*page5*/
.page5{
	font-size: 0;
	padding: 10rem 0 10rem 0;
	background-color: #f9dcb2;
}
.page5 .person_head_area{
	position: relative;
	display: block;
	width: 80%;
	/* border: 1px solid #f00; */
	z-index: 2;
	text-align: left;
}
.page5 .person_body_area{
	position: relative;
	display: block;
	width: 100%;
	bottom: 0;
	right: 0;
	/* border: 1px solid #0f0; */
	z-index: 3;
	text-align: center;
	padding: 0.5rem 2rem;
	margin-top: -2rem;
	margin-left: 0rem;
}
.page5 .person_body_area.style1 p{
	color: #494643;
}
.page5 .person_body_area.style2 p{
	color: #fff;
}
.page5 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
}
.page5 .person_body_area p:first-child{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.page5 .person_job_box{
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.page5 .person_body_area .person_name{
	font-size: 1.6rem;
}
.page5 .person_body_area .company_name{
	font-size: 1rem;
}
.page5 .person_body_area .job_title{
	font-size: 1rem;
}
.page5 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 85%;
	opacity: .9;
}
.page5 .person_body_area.style1 .person_body_bg{
	background-color: #fcbf35;
}
.page5 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page5 .person_body_bg::before{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    left: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page5 .person_body_area.style1 .person_body_bg::before{
	background: url('../img/left_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_area.style2 .person_body_bg::before{
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_bg::after{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page5 .person_body_area.style1 .person_body_bg::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_area.style2 .person_body_bg::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}

/*---page5 ▼舊設定------------------------------------------------*/
/* .page5 .person_head_area{
	position: relative;
	display: inline-block;
	width: 40%;
	z-index: 2;
}
.page5 .person_body_area{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 60%;
	z-index: 1;
	padding: 1rem 1rem 1rem 2rem;
	margin-left: -3.5rem;
	margin-top: 6rem;
}
.page5 .person_body_area.style1 p{
	color: #494643;
}
.page5 .person_body_area.style2 p{
	color: #fff;
}
.page5 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
	text-align: left;
	margin-left: 2.5rem;
}
.page5 .person_body_area .person_name{
	font-size: 2rem;
}
.page5 .person_body_area .company_name{
	font-size: 1rem;
}
.page5 .person_body_area .job_title{
	font-size: 1rem;
}
.page5 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 88%;
	opacity: .9;
}
.page5 .person_body_bg .person_body_bg_rect_right{
	position: absolute;
	display: block;
	width: 2rem;
	height: 100%;
	right: -1.9rem;
	top: 0;
}
.page5 .person_body_bg .person_body_bg_rect_left{
	position: absolute;
	display: block;
	width: 2rem;
	height: 100%;
	left: -1.9rem;
	top: 0;
}
.page5 .person_body_area.style1 .person_body_bg{
	background-color: #fdcc5d;
}
.page5 .person_body_area.style1 .person_body_bg .person_body_bg_rect_right{
	background: url('../img/right_label_3.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_area.style1 .person_body_bg .person_body_bg_rect_left{
	background: url('../img/left_label_3.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page5 .person_body_area.style2 .person_body_bg .person_body_bg_rect_right{
	background: url('../img/right_label_4.png') center center no-repeat;
	background-size: 100% 100%;
}
.page5 .person_body_area.style2 .person_body_bg .person_body_bg_rect_left{
	background: url('../img/left_label_4.png') center center no-repeat;
	background-size: 100% 100%;
} */
/*---page5 ▲舊設定------------------------------------------------*/

/*page6*/
.page6{
	font-size: 0;
	padding: 10rem 0 10rem 0;
	background-color: #feeec8;
}
.page6 .container-fluid{
	position: relative;
	z-index: 3;
}
.page6 .person_head_area{
	position: relative;
	display: block;
	width: 80%;
	/* border: 1px solid #f00; */
	z-index: 2;
	text-align: left;
}
.page6 .person_body_area{
	position: relative;
	display: block;
	width: 100%;
	bottom: 0;
	right: 0;
	/* border: 1px solid #0f0; */
	z-index: 3;
	text-align: center;
	padding: 0.5rem 2rem;
	margin-top: -2rem;
	margin-left: 0rem;
}
.page6 .person_body_area.style1 p{
	color: #494643;
}
.page6 .person_body_area.style2 p{
	color: #fff;
}
.page6 .person_body_area p{
	position: relative;
	display: block;
	z-index: 3;
}
.page6 .person_body_area p:first-child{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}
.page6 .person_job_box{
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.page6 .person_body_area .person_name{
	font-size: 1.6rem;
}
.page6 .person_body_area .company_name{
	font-size: 1rem;
}
.page6 .person_body_area .job_title{
	font-size: 1rem;
}
.page6 .person_body_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 85%;
	opacity: .9;
}
.page6 .person_body_area.style1 .person_body_bg{
	background-color: #fcbf35;
}
.page6 .person_body_area.style2 .person_body_bg{
	background-color: #89c6ba;
}
.page6 .person_body_bg::before{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    left: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page6 .person_body_area.style1 .person_body_bg::before{
	background: url('../img/left_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page6 .person_body_area.style2 .person_body_bg::before{
	background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.page6 .person_body_bg::after{
	content: '';
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
    right: -1.9rem;
	width: 2rem;
	height: 100%;
}
.page6 .person_body_area.style1 .person_body_bg::after{
	background: url('../img/right_label_2.png') center center no-repeat;
	background-size: 100% 100%;
}
.page6 .person_body_area.style2 .person_body_bg::after{
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}

/*page7*/
.page7{
	font-size: 0;
	padding: 10rem 0 10rem 0;
	background-color: #f9dcb2;
}
.podcast_area{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
}
.podcast_box{
	position: relative;
    display: inline-block;
    width: 45%;
	text-align: center;
    margin-right: 4rem;
    margin-bottom: 2rem;
    /* border: 1px solid #eee; */
	padding: 1rem 0rem 1rem 0rem;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.podcast_head_area{
	position: relative;
	display: inline-block;
	width: 24%;
	/* border: 1px solid #f00; */
	z-index: 3;
	margin-right: 1rem;
}
.podcast_head_area img{
	width: 100%;
}
.podcast_head_name_box{
	position: relative;
	display: none;
	width: 100%;
	padding: 0.2rem 0;
}
.podcast_head_name_box p{
	position: relative;
	display: block;
	font-size: 1.3rem;
	color: #fff;
	z-index: 2;
}
.podcast_head_name_box_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0rem;
	width: 100%;
	height: 100%;
}
.podcast_head_area.style1 .podcast_head_name_box_bg{
	background-color: #89c6ba;
}
.podcast_head_name_box_bg::before{
	content: '';
    position: absolute;
    display: block;
    z-index: 2;
    top: 0rem;
    left: -1.4rem;
    width: 1.5rem;
    height: 100%;
    background: url('../img/left_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.podcast_head_name_box_bg::after{
	content: '';
    position: absolute;
    display: block;
    z-index: 2;
    bottom: 0rem;
    right: -1.4rem;
    width: 1.5rem;
    height: 100%;
	background: url('../img/right_label_1.png') center center no-repeat;
	background-size: 100% 100%;
}
.podcast_body_area{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	height: 100%;
	/* border: 1px solid #0f0; */
	z-index: 3;
}
.podcast_body_area .podcast_iframe{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.podcast_box_bg{
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
}


/*page8*/
.page8{
	font-size: 0;
	background-color: #feeec8;
	padding: 10rem 0 10rem 0;
}
.video_area{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.video_box{
	position: relative;
    display: inline-block;
	width: 31%;
    /* width: 38%; */
	vertical-align: top;
    margin-right: 1.5rem;
    margin-bottom: 4rem;
    /* /* border: 1px solid #eee; */
}
.video_head_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	padding-bottom: 20rem;
}
.video_head_area .case_iframe{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.video_body_area{
	position: relative;
	display: block;
	width: 100%;
}
.video_body_area p{
	font-size: 1.5rem;
	color: #494643;
	text-align: left;
}

/*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: -10%;
}
.swiper-button-next{
	right: -10%;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: -10%;
}
.swiper-pagination-bullet-active{
	background-color: #ffd42a;
}
.swiper_img_box{
	position: relative;
	display: block;
	width: 100%;
}
.swiper_title_area{
	position: absolute;
	display: block;
	width: 100%;
	min-height: 5rem;
	z-index: 2;
	bottom: 0;
	padding: 0.5rem 1rem;
}
.swiper_title_area p{
	position: relative;
	display: block;
	z-index: 2;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: justify;
}
.swiper_title_area_bg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: #000;
	opacity: .7;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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


/*page9*/
.page9{
	font-size: 0;
	background-color: #fff;
	padding: 10rem 0 10rem 0;
}
.btschool_banner_href,.subscription_banner_href{
	position: relative;
	display: block;
	margin: 0 auto 3rem auto;
	width: 60%;
}
.btschool_banner_href:hover,.subscription_banner_href:hover{
	transition: .3s;
	transform: scale(1.05,1.05);
}
.btschool_banner,.subscription_banner{
	width: 100%;
}


/*footer*/
footer{
	position: relative;
	display: block;
	width: 100%;
	background-color: #272727;
	padding: 2rem 0 2rem 0;
	text-align: left;
}
footer p{
	font-family: 'Noto Sans TC', sans-serif;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
footer p:last-child{
	margin-bottom: 0%;
}
.footer_box{
	text-align: center;
}
.footer_box:nth-child(1){
	border-right: 1px solid #fff;
}
.footer_box_vertical{
	position: relative;
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.footer_sm_line{
	position: relative;
	display: none;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.footer_member_box{
	position: relative;
	display: inline-block;
	width: fit-content;
	vertical-align: middle;
	margin: auto;
	text-align: left;
}
.footer_copyright_box{
	position: relative;
	display: inline-block;
	width: fit-content;
	vertical-align: middle;
	margin: auto;
	text-align: left;
}

/*select popup*/
.select_popup_area{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}
.select_popup_bg{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
}
.select_popup_box{
	position: absolute;
	display: block;
	z-index: 2;
	width: 60%;
    height: fit-content;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #feeec8;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 4rem;
}
.select_popup_close_btn{
	position: absolute;
	display: block;
	z-index: 3;
	right: 1%;
	top: 1%;
}
.select_popup_close_btn:hover{
	cursor: pointer;
	opacity: .5;
}
.select_popup_close_btn i{
	font-size: 5rem;
	color: #8ab7af;
}
.select_popup_top_area{
	position: relative;
	display: block;
	width: 100%;
	height: 15%;
	margin-bottom: 1.5rem;
	text-align: center;
}
.select_popup_top_area::before{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.select_popup_top_area p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #3b3b3b;
}
.select_popup_top_area p:nth-child(1){
	margin-right: 2rem;
	font-size: 2rem;
}
.select_popup_top_area p:nth-child(2){
	font-size: 1.3rem;
}
.select_popup_bottom_area{
	position: relative;
	display: block;
	width: 100%;
	height: fit-content;
	border: 1px solid #fa0;
	border-radius: 20px;
	background-color: #fff;
	border: 2px dashed #8ab7af;
	overflow: hidden;
}
.select_industry_svg_area{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.select_industry_svg_area iframe{
	display: block;
	margin: 0 auto;
	width: 80%;
	height: 100%;
}

/*person popup*/
.person_popup_area{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	opacity: 0;
	transition: .4s;
}
.person_popup_bg{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
}
.person_popup_box{
	position: absolute;
	display: block;
	z-index: 2;
	width: 60%;
    height: 80%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 4rem;
	text-align: center;
}
.person_popup_close_btn{
	position: absolute;
	display: block;
	z-index: 3;
	right: 16%;
	top: 8%;
}
.person_popup_close_btn:hover{
	cursor: pointer;
	opacity: .5;
}
.person_popup_close_btn i{
	font-size: 5rem;
	color: #8ab7af;
}
.person_popup_top_area{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	/* border: 1px solid rgb(233, 233, 233); */
	padding: 2rem;
}
.person_popup_head_img_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}
.person_article_title_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}
.person_article_title_text{
	margin: 0 auto;
	color: #3b3b3b;
	font-family: 'Noto Serif TC', serif;
	font-weight: 700;
	text-align: justify;
}
.person_popup_info_area{
	position: absolute;
	display: block;
	z-index: 3;
    top: 55%;
    left: 9%;
	text-align: left;
}
.person_popup_info_area span,.person_popup_info_area p{
	color:#494643;
}
.person_popup_info_area span{
	font-size: 1rem;
}
.person_popup_info_area p{
	font-size: 1.8rem;
}
.person_popup_company_name{
	margin-right: 1rem;
}
.person_popup_name{
	font-size: 2rem;
}
.person_popup_quotes{
	font-size: 1rem !important;
	padding: 20px;
}
.person_popup_head_img{
	position: relative;
	display: block;
	z-index: 1;
	width: 100%;
}
.popup_she_img{
	position: absolute;
	display: block;
	z-index: 3;
	width: 35%;
    top: 34%;
    left: 8%;
}
.popup_podcast_iframe{
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 3rem auto;
}
.person_popup_sponsor_text_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 3rem;
	padding-left: 1rem;
}
/* .person_popup_sponsor_text_area:before{
	content: '';
	position: absolute;
	display: block;
	left: 0rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 95%;
	border-right: 1px solid #494643;
} */
.person_popup_sponsor_text_label{
	position: relative;
	display: block;
	width: fit-content !important;
	height: 100%;
	text-align: left;
	padding: 0.1rem 1rem;
	margin-bottom: 0.5rem;
}
.person_popup_sponsor_text_label span{
	color: rgb(230, 1, 19);
	font-size: 1.1rem;
}
.person_popup_text_label_symbol{
	margin: 0 0.5rem;
}
.person_popup_sponsor_text{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	color: #494643;
	text-align: left;
	font-size: 1.1rem;
}
.person_popup_part_text_area{
	position: relative;
	display: block;
	width: 100%;
	text-align: justify;
	margin-bottom: 3rem;
	font-size: 1.2rem;
	background-color: #eee;
	padding: 1rem;
	color: #272727;
	white-space: pre-wrap;
}
.person_popup_part_text_area::before{
	content: '';
	position: absolute;
	display: block;
	height: 100%;
	width: 2px;
	top: 0;
	left: 0;
	background-color: #191919;
}
.person_popup_text_area{
	position: relative;
	display: block;
	width: 100%;
	text-align: justify;
	margin-bottom: 3rem;
	font-size: 1.2rem;
	/* white-space: pre-line; */
}
.person_popup_video_area{
	position: relative;
	display: block;
	width: 56%;
    padding-bottom: 20rem;
	margin: 0 0 3rem 0;
}
.person_popup_iframe{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.person_popup_arrow_area{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}
.pre_article_title{
	display: block;
	color: #8ab7af;
}
.next_article_title{
	display: block;
	color: #8ab7af;
}
.arrow_btn_area{
	position: relative;
	display: inline-block;
	width: 45%;
	vertical-align: middle;
	/* border: 1px solid #aaa; */
}
.arrow_btn_area:hover{
	cursor: pointer;
	transition: .3s;
}
.arrow_left_btn_area{
	padding-right: 1rem;
	text-align: left;
}
.arrow_left_btn_area:hover{
	transform: translateX(-5%);
}
.arrow_right_btn_area{
	padding-left: 1rem;
	text-align: left;
}
.arrow_right_btn_area:hover{
	transform: translateX(5%);
}
.arrow_icon img{
	position: relative;
	display: inline-block;
	width: 1rem;
	vertical-align: middle;
	margin-top: -0.2rem;
}
.arrow_icon.left{
	margin-right: 0.5rem;
}
.arrow_icon.right{
	margin-left: 0.5rem;
}
.arrow_icon.pc{
	display: inline-block;
}
.arrow_area_line{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 1.5rem;
	border-right: 1px solid #494643;
}
.person_popup_close_btn2{
	position: relative;
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 3rem;
}
.person_popup_close_btn2:hover{
	cursor: pointer;
	transform: scale(1.1,1.1);
	transition: .3s;
}
.popup_close_btn2{
	position: relative;
	display: block;
	width: 12rem;
}

@media screen and (max-width:2250px){
	
}
@media screen and (max-width:2150px){
	
}
@media screen and (max-width:1920px){
	html{
		font-size: 1rem;
	}
}
@media screen and (max-width:1770px){
	html{
		font-size: 0.9rem;
	}

	/*page7*/
	.podcast_area{
		text-align: center;
	}
	.podcast_box{
		width: 70%;
		margin-right: 0;
	}
}
@media screen and (max-width:1600px){
	html{
		font-size: 0.8rem;
	}
}
@media screen and (max-width:1460px){
	html{
		font-size: 0.7rem;
	}

	/*page3*/
	

	/*page4*/
	

	/*page5*/
	
}
@media screen and (max-width:1366px){
	html{
		font-size: 0.6rem;
	}

	/*page2*/
	.chart_area {
		height: 118rem;
	}

	/*page3*/
	

	/*page4*/
	

	/*page5*/
	

	/*page7*/
	.podcast_box{
		width: 95%;
	}
}
@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: 0.9rem;
	}

	.header_social_area{
		display: none;
	}

	.nav_bar{
		height: 70px;
	}
	.header_bg{
		opacity: 1;
		background-color: #fff;
	}

	/*fiexd area*/
	.apply_icon{
		width: 3rem;
	}
	.file_icon{
		width: 2rem;
	}

	/*page loading*/
	.loading_box{
		width: 30%;
		padding-bottom: 30%;
	}

	/*page_main_area*/
	.page_main_bg{
		position: absolute;
		display: block;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		height: 100%;
		content: url("../img/mb/page1_bg_1024.png");
	}

	/*page1*/
	.page1{
		height: 130vw;
	}
	.page1_piece{
		display: block;
	}
	.page1_piece2{
		display: block;
	}
	.main_text{
		width: 95%;
		height: 42%;
	}
	.main_text svg{
		margin: 11% auto 0 auto;
		transform: scale(0.9,0.9);
	}
	.main_text2{
		width: 95%;
		height: 42%;
		margin: 15% auto 0 auto;

	}
	.page1_tittle{
		width: 100%;
	}
	.logo {
		width: 18%;
		height: 59%;
		margin-left: 1%;
	}
	.logo1{
		width: 6rem;
		z-index: 3;
		margin-left: 4rem;
	}
	.logo2{
		width: 10rem;
		z-index: 3;
		margin-left: 11rem;
	}
	.sandwich_box{
		display: block;
		top: 0rem;
		width: 3rem;
		height: 3rem;
	}
	.menu_close_box{
		display: block;
	}
	.menu_list{
		position: fixed;
		display: block;
		z-index: 10;
		top: 0;
		left: -200%;
		width: 100%;
		height: 100%;
		background-color: rgb(255, 255, 255);
		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 #352e1f;
		margin: 0;
	}
	.menu_list li:nth-child(3), .menu_list li:nth-child(4){
		width: 100%;
	}
	.menu_list li:last-child{
		border-bottom: 0;
	}
	.menu_list li p{
		font-family: 'Noto Sans TC', sans-serif;
		font-size: 1.5rem;
		color: #352e1f;
		display: inline-block;
		vertical-align: middle;
	}

	.main_text {
		margin: 19% auto auto auto;
	}
	.main_text > svg{
		margin: 2% auto 0 auto;
		transform: scale(2.5,2.5);
	}
	.page1_main_box{
		padding-bottom: 131.3%;
		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);
		}
	}
	#main_slogan{
		width: 100%;
		top: auto;
		bottom: 20%;
		left: 11%;
	}
	#main_small_slogan{
		width: 58%;
		top: auto;
		bottom: 15%;
		left: 37%;
	}
	#main_title_triangle{
		width: 31%;
		top: auto;
		bottom: 11%;
		left: 37%;
	}
	.down_btn{
		bottom: 2%;
		width: 8%;
		-webkit-animation: down_ani 1.5s 0s infinite;
		-moz-animation: down_ani 1.5s 0s infinite;
		-ms-animation: down_ani 1.5s 0s infinite;
		animation: down_ani 1.5s 0s infinite;
	}
	@-webkit-keyframes down_ani{
		0%{
			bottom: 2%;
			opacity: 1;
		}
		100%{
			bottom: 0%;
			opacity: .3;
		}
	}
	@-moz-keyframes down_ani{
		0%{
			bottom: 2%;
			opacity: 1;
		}
		100%{
			bottom: 0%;
			opacity: .3;
		}
	}
	@-o-keyframes down_ani{
		0%{
			bottom: 2%;
			opacity: 1;
		}
		100%{
			bottom: 0%;
			opacity: .3;
		}
	}
	@-ms-keyframes down_ani{
		0%{
			bottom: 2%;
			opacity: 1;
		}
		100%{
			bottom: 0%;
			opacity: .3;
		}
	}
	@keyframes down_ani{
		0%{
			bottom: 2%;
			opacity: 1;
		}
		100%{
			bottom: 0%;
			opacity: .3;
		}
	}
	.path_word{
		fill: #fff !important;
		stroke: #fcbf35;
	}

	.path_word_g{
		top: 5%;
		left: 5%;
		opacity: 0;
	}
	
	/*page2*/
	.page2 {
		padding: 6rem 2rem 6rem 2rem;
	}
	.page2_slidup_btn{
		width: 14rem;
	}
	.page2_slidup_btn p{
		font-size: 1.5rem;
	}
	.page2_slidup_arrow{
		right: 8%;
	}
	.page_title{
		font-size: 3.3rem;
	}
	.page2_text_area{
		font-size: 1.8rem;
	}
	.page2_info_area_title_area{
		width: 90%;
	}
	.page2_text_area_pc{
		display: block;
	}
	.page2_text_area_discribe_title p{
		font-size: 1.8rem !important;
	}
	.page2_info_area_middle_discribe_area h2{
		font-size: 2.1rem !important;
	}
	.page2_button_text_area{
		width: 85%;
	}
	.page2_info_area_middle_discribe_area img{
		width: 100%;
	}
	.page2_info_select_area{
		width: 100%;
	}
	.chart_area{
		height: 100rem;
	}
	.person_box{
		width: 45%;
	}
	
	/*page2 podcasts*/
	.page2_podcast_box{
		padding: 2rem 0 2rem 0;
	}
	.page2_podcast_head_area{
		display: block;
		width: 80%;
		margin: 0 auto 2rem auto;
	}
	.page2_podcast_head_name_box p{
		font-size: 1.8rem;
	}
	.page2_podcast_body_area{
		width: 95%;
		overflow-y: auto;
	}
	.page2_podcast_body_area .podcast_iframe{
		width: 280% !important;
	}

	/*page3*/
	.person_area{
		text-align: center;
	}
	.page3_line_bg{
		display: none;
	}
	.page3 .person_head_area{
		margin: 0 auto;
	}
	.page3 .person_body_area .company_name{
		font-size: 1.3rem;
	}
	.page3 .person_body_area .job_title{
		font-size: 1.3rem;
	}

	/*page4*/
	.page4 .person_head_area{
		margin: 0 auto;
	}
	.page4 .person_body_area .company_name{
		font-size: 1.3rem;
	}
	.page4 .person_body_area .job_title{
		font-size: 1.3rem;
	}

	/*page5*/
	.page5 .person_head_area{
		margin: 0 auto;
	}
	.page5 .person_body_area .company_name{
		font-size: 1.3rem;
	}
	.page5 .person_body_area .job_title{
		font-size: 1.3rem;
	}
	
	/*page6*/
	.page6 .person_head_area{
		margin: 0 auto;
	}
	.page6 .person_body_area .company_name{
		font-size: 1.3rem;
	}
	.page6 .person_body_area .job_title{
		font-size: 1.3rem;
	}
	
	/*page7*/
	.podcast_head_area img{
		margin-bottom: 0.5rem;
	}

	/*page8*/
	.video_head_area{
		padding-bottom: 23rem;
	}
	.video_body_area p{
		font-size: 1.8rem;
	}
	.video_box{
		width: 45%;
	}
	.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%;
	}

	/*page9*/
	.btschool_banner_href,.subscription_banner_href{
		width: 90%;
	}

	/*select popup*/
	.select_popup_close_btn {
		right: 1%;
		top: 1%;
	}
	.select_popup_box{
		width: 85%;
	}
	.select_industry_svg_area iframe{
		width: 100%;
	}
	

	/*person popup*/
	.person_popup_box{
		width: 85%;
	}
	.person_popup_top_area{
		padding: 2rem 0.5rem;
	}
	.person_popup_close_btn{
		right: 2%;
		top: 3%;
	}
	.person_article_title_text{
		font-size: 2.1rem;
	}
	.person_popup_video_area{
		width: 100%;
		padding-bottom: 27rem;
	}
	.person_popup_part_text_area{
		font-size: 1.8rem !important;
	}
	.person_popup_text_area img{
		width: 100% !important;
		height: auto !important;
	}
	.person_popup_text_area iframe{
		width: 100% !important;
		height: 27rem !important;
	}

	.footer_box{
		text-align: center;
	}
	.footer_box:nth-child(1){
		border-right: 0;
	}
	.footer_box_vertical{
		display: none;
	}
	.footer_sm_line{
		display: block;
		width: 95%;
		margin: 2rem auto 2rem auto;
	}
	.footer_member_box{
		display: block;
		text-align: justify;
		width: 95%;
	}
	.footer_copyright_box{
		display: block;
		text-align: center;
		width: 90%;
	}
}
@media screen and (max-width:991px){
	html{
		font-size: 0.8rem;
	}

	/*page2*/
	.page_text_area{
		margin: 0 auto 4rem auto;
	}
	.page_text_area2{
		padding: 0.5rem 3rem;
	}
	.page2_she_img{
		width: 10%;
	}
	.page2_triangle{
		width: 25rem;
	}

	/*page9*/
	
	
}
@media screen and (max-width:820px){
	.person_popup_company_name {
		margin-right: 0rem;
	}
	.person_popup_quotes{
		padding: 4px;
		font-size: 1rem !important;
		width: 100%;
		position: relative;
		margin-top: 1rem;
		right: 0;
	}

	.person_popup_info_area p {
		font-size: 1.3rem;
	}
}
@media screen and (max-width:767px){
	html{
		font-size: 0.9rem;
	}

	.nav_bar{
		height: 55px;
	}

	/*page1*/
	.page1{
		height: 150vw;
	}
	.sandwich_box{
		top: 0rem;
	}

	/*page_main_area*/
	.page_main_bg{
		content: url("../img/mb/page1_bg_768.png");
	}

	/*page2*/
	

	/*page3*/
	.person_box{
		width: 80%;
		margin-right: 0;
	}

	/*page4*/
	.page4_left_triangle{
		left: -5rem;
		bottom: -2rem;
	}

	/*page5*/
	

	/*page6*/
	

	/*page7*/
	.podcast_head_name_box p{
		font-size: 1.5rem;
	}
	
	/*page8*/
	.video_box{
		width: 94%;
		margin-right: 0;
	}
	.swiper_title_area p{
		font-size: 1.8rem;
	}
	.page8_slider_area .item_box > p{
		font-size: 1.8rem;
	}

	/*select popup*/
	.select_popup_top_area{
		margin-bottom: 5rem;
	}
	.select_popup_box{
		width: 90%;
		padding: 2rem;
	}

	/*person popup*/
	.person_popup_box{
		padding: 2rem;
	}
	.person_popup_video_area{
		padding-bottom: 18rem;
	}
	.person_popup_text_area iframe{
		height: 18rem !important;
	}
	
}
@media screen and (max-width:630px){
	html{
		font-size: 0.8rem;
	}
	.sandwich_box{
		top: 0.5rem;
	}
}
@media screen and (max-width:575px){
	html{
		font-size: 0.6rem;
	}
	.sandwich_box{
		top: 1rem;
	}

	/*page3*/
	

	/*page4*/
	

	/*page5*/
	
	

	/*page7*/
	.podcast_box{
		padding: 2rem 0 2rem 0;
	}
	.podcast_head_area{
		display: block;
		width: 80%;
		margin: 0 auto 2rem auto;
	}
	.podcast_head_name_box p{
		font-size: 1.8rem;
	}
	.podcast_body_area{
		width: 95%;
		overflow-y: auto;
	}
	.podcast_body_area .podcast_iframe{
		width: 200% !important;
	}

}
@media screen and (max-width:390px){
	html{
		font-size: 0.6rem;
	}
}
@media screen and (max-width:375px){
	html{
		font-size: 0.5rem;
	}

	/*page2*/
	.title_word_svg{
		width: 14rem;
	}
	.title_word_svg2{
		width: 24rem;
	}
	.page2_slidup_btn{
		width: 16rem;
	}
	

	/*page3*/
	.page3 .person_body_area .company_name{
		font-size: 1.6rem;
	}
	.page3 .person_body_area .job_title{
		font-size: 1.6rem;
	}

	/*page4*/
	.page4 .person_body_area .company_name{
		font-size: 1.6rem;
	}
	.page4 .person_body_area .job_title{
		font-size: 1.6rem;
	}

	/*page5*/
	.page5 .person_body_area .company_name{
		font-size: 1.6rem;
	}
	.page5 .person_body_area .job_title{
		font-size: 1.6rem;
	}
	

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