@charset "UTF-8";
/* CSS Document */
h2{ justify-content: center;background: -webkit-linear-gradient(#5083d5, #9493f1);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.title_bx h2 span{padding: 0;}
h3{display: flex; flex-direction: column; justify-content: center; align-items:center;color:#555555; }
h3 span{  color:#222222; font-weight: normal;}
/*h3::before, h3::after{ font-size: 3rem; color: #e0acae; line-height: 1; font-weight: normal;}
h3::before{content: "["; margin-right: .1rem;}
h3::after{content: "]"; margin-left: .1rem;}*/
.title_bx{flex-direction: column; margin-bottom: 2rem;}
.title_bx span{padding: .3rem 0; color: #555555;}
.info_bx .title_bx{  align-items: flex-start;margin-bottom: 1rem;}

/*main_bx*/
.main_bx{padding: 0;}

/*feature_bx*/
.feature_bx{display: flex; align-items:stretch; justify-content: space-between; margin-bottom: 3rem;}
.feature_bx li{ width: calc((100% - 6rem)/4); border-radius: .5rem; padding: 1rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.feature_bx h4{color:#555555; display: flex; justify-content: center; align-items:flex-end; padding-bottom: .5rem; width: 100%; height: 4rem; background:url(../images/bg_feature.svg) center no-repeat; background-size: auto 90%;}


/*adv_bx*/
.adv_bx li{display: flex; justify-content: center; align-items: stretch;}
.adv_bx .pic_bx,.adv_bx .info_bx{width:50%; display: flex; justify-content: center; align-items: center;}
.adv_bx .info_bx{width:50%; padding: 0 2rem; display: flex; justify-content: center; align-items: center; background:url("../images/ind_info_bg.svg") center no-repeat; background-size: 80% auto;}
.adv_bx .pic_bx,.adv_bx .info_bx h3{text-align: center;}
.adv_bx .pic_bx img{width: 100%; height: auto; }
.adv_bx .info_bx h3 span{ font-size: 1.2rem; line-height: 1.2;}
.adv_bx .info_bx::before{content: "["; margin-right: .1rem;}
.adv_bx .info_bx::after{content: "]"; margin-left: .1rem;}
.adv_bx .info_bx::before, .adv_bx .info_bx::after{font-size: 7rem; color: #e0acae; line-height: 1; font-weight: normal;}
/*joinInfo_bx*/
.joinInfo_bx{margin-bottom:4rem;}
.joinInfo_bx ul{display: flex; justify-content: center; align-items: center; margin-bottom: 1.5rem;}
.joinInfo_bx ul li{  width: calc((100% - 6rem)/3); display: flex; justify-content: center; align-items: center;}
.joinInfo_bx ul li.ar{content: ''; width:3rem ; height: 1.25rem; display: block;background:url(../images/deco-arrow.svg) center no-repeat; background-size: 100% auto;margin-bottom: 3rem;}
.joinInfo_bx .pic_bx,.joinInfo_bx .info_bx{display: flex; justify-content: center; align-items: center;}
.joinInfo_bx .pic_bx{padding-bottom: 0.5rem;}
.joinInfo_bx .pic_bx img{max-width: 10rem; width: 100%; height: auto;}
.joinInfo_bx .info_bx{flex-direction: column; text-align: center;}


/*tips*/
.tips_bx{ display: flex; align-items: flex-start;margin-bottom:3rem;}
.tips_bx .info_bx, .tips_bx .pic_bx{width: 50%;}
.tips_bx .info_bx{padding: 0 1.666rem; }

.tips_bx .pic_bx{ border-radius: .5rem; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.tips_bx .pic_bx img{ width: 100%; height: auto;}

/*ind_advisor_bx*/
.ind_advisor_bx{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem;}
/* .ind_advisor_bx .advisor_bx{width:calc((100% - 1.5rem)/2); margin:0 1.5rem 1.5rem 0; align-items: flex-start;} */
.ind_advisor_bx .advisor_bx{width:calc((80% - 0rem)); margin:0 1.5rem 1.5rem 0; align-items: flex-start;}
.ind_advisor_bx .advisor_bx:nth-child(2n + 2){margin-right: 0;}
.ind_advisor_bx .advisor_bx .avatar{ margin-bottom: 0;}

/*filmSet_bx*/
.filmSet_wrapper{display: flex; align-items: flex-start; margin-bottom: 2.5rem;}
.filmSet_bx, .filmSet_wrapper .info_bx{width:50%; }
.filmSet_bx .film_frame{width: 100%;}
.filmSet_bx li{display: flex; }
.filmSet_bx .film_frame  iframe {width: 100%; height: auto;aspect-ratio: 16 / 9;border-radius: 10px; border-radius: .5rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.filmSet_wrapper .info_bx{ padding-left: 1.66rem;}
/*字級&間距更動*/
@media screen and (max-width: 999px){
}
@media screen and (max-width: 767px){
	/*main_bx*/
	.main_bx{padding: 0;}
	.title_bx{margin-bottom: 1rem;}
	.title_bx h2{flex-direction: column;}
	.title_bx span{padding: 0;}
	.info_bx .title_bx{justify-content: center;align-items: center;flex-direction: column-reverse;}
	/*feature_bx*/
	.feature_bx{flex-direction: column; margin-bottom: 1rem; }
	.feature_bx li{ width:100%; margin-bottom: .8rem; padding: .8rem;}
	.feature_bx h4{height: 2.5rem; padding-bottom: .2rem;}
	/*adv_bx*/
	.adv_bx li{flex-direction: column;}
	.adv_bx .pic_bx,.adv_bx .info_bx{width:100%; }
	.adv_bx .pic_bx img{width: 90%; height: auto; margin-bottom: .5rem; }
	.adv_bx .info_bx{background: none; justify-content: space-around; padding: 0 .5rem;}
	.adv_bx .info_bx h3 span{ font-size: 1rem; padding-top: .2rem;}
	.adv_bx .info_bx::before, .adv_bx .info_bx::after{font-size: 6rem;  font-weight: normal;}
	/*joinInfo_bx*/
	.joinInfo_bx{margin-bottom: 2rem;}
	.joinInfo_bx ul{flex-direction: column;}
	.joinInfo_bx ul li{ width: 100%; flex-direction: column;}
	.joinInfo_bx ul li.ar{transform: rotate(90deg);margin:2rem 0;}
	.joinInfo_bx .pic_bx img{width: 8rem; height: auto;}
	/*tips*/
	.tips_bx{ flex-direction: column;margin-bottom: 1rem;}
	.tips_bx p{ margin-bottom: 1rem;}
	.tips_bx .info_bx, .tips_bx .pic_bx{width: 100%; padding: 0; margin: 0;}
	/*filmSet_bx*/
	.filmSet_wrapper{flex-direction: column; }
	.filmSet_wrapper .info_bx{ padding-left:0;}
	.filmSet_wrapper .filmSet_bx{ margin-bottom: 1rem;}
	.filmSet_bx li{flex-direction: column-reverse; }
	.filmSet_wrapper .filmSet_bx, .filmSet_wrapper .info_bx{width:100%; }
	.filmSet_bx .info_bx{margin: 0; padding-left:0;}
	/*ind_advisor_bx*/
	.ind_advisor_bx{ margin-bottom: 1rem; }
	.ind_advisor_bx .advisor_bx{ flex-direction:row ; width:100%; margin:0 0 .8rem; }
	.ind_advisor_bx .advisor_bx .avatar{ margin:0 .8rem 0 0 ; }
}