@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
html { width: 100%; height: 100%; font-size: 0; overflow-x: hidden; }
body { width: 100%; height: 100%; font-family: 'Noto Sans TC', sans-serif; background: #FFFFFF; color: #231815; 
/* background-image: url('../images/m/demo_event.png');
background-size: 640px auto;
background-position: center 18px; */

/* background-image: url('../images/demo_class.png');
background-size: 1440px auto;
background-position: center -123px; */
background-repeat: no-repeat;
}

a:link { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #FFF; }
a:active { color: #FFF; }


/**** color ****/
.red { color: #ff0000; }
.white { color: #fff; }
.gray { background: #eeeeee; }
.yellow { color: #f8b62d; }
.pink { color: #f19ec2; }
.brown { color: #6a3906; }
.green { color: #006837 !important; }

/**** bg color ****/
.block { display: block; }
.clear { clear: both; }
.hide { display: none; }

.setin { margin: 0 auto; }
.txt_center { text-align: center; }
.txt_nobreaks { white-space: nowrap; }
input { color: #333333; }
.re_obj{position: relative;background-size: contain;background-repeat: no-repeat;}
.ab_obj{position: absolute;background-size: contain;background-repeat: no-repeat;}
.btn{cursor: pointer;}

.pc{display: inline-block;}
.mobile{display: none;}

.wrapper { width: 1440px;opacity: 1; }

.alert{font-size: 50px;font-weight: bold;}

/******** 選單 menu ***********/
.header { width: 100vw; height: 100px; background-color: #FFF; }
.top_logo { float: left; width: 276px; height: 45px; background: 0 0 / 276px 45px url(../images/fubon_logo.png) no-repeat; margin-top: 35px;margin-left: 50px; z-index: 999; }
.menu_icon { display: none; width: 4.16vw; height: 4.16vw; margin: 0; background: 0 0 /4.16vw 4.16vw url(../images/icon_menu.png) no-repeat; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { float: right; width: 900px; margin: 50px 60px 0 0; z-index: 9999; position: inherit; text-align: right; }
.menu { width: 100%; margin: 0 0 0 0; font-size: 24px; font-weight: 400; }
.menu a { color: #333; letter-spacing: 4px; }
.menu a:hover { color: #363A3A; }
.menu span { color: #363A3A; }

/******** 主視覺 ***********/
.banner_bg{width: 1440px;height: 928px; background-size: contain;background-image: url(../images/banner_bg.png);background-position: top center;background-repeat: no-repeat;}
.index_banner { width: 1440px;height: 815px;  position: relative;overflow-x: hidden;}

.index_banner .building {opacity: 0; left:524px;top:26px;width: 565px;height:410px;background-image:url(../images/banner_building.png);  }
.index_banner .sign {opacity: 0; left:578px;top:104px;width: 81px;height:120px;background-image:url(../images/banner_sign.png);  }
.index_banner .grass1 {opacity: 0; left:-22px;top:495px;width: 200px;height:93px;background-image:url(../images/banner_grass1.png);  }
.index_banner .grass2 {opacity: 0; left:682px;top:357px;width: 177px;height:82px;background-image:url(../images/banner_grass2.png);  }
.index_banner .grass3 {opacity: 0; left:1270px;top:586px;width: 200px;height:93px;background-image:url(../images/banner_grass3.png);  }
.index_banner .tower {opacity: 0; left:855px;top:168px;width: 107px;height:163px;background-image:url(../images/banner_tower.png);  }

.index_banner .role1 { opacity: 0;left:136px;top:207px;width: 280px;height:358px;background-image:url(../images/banner_role1.png);  }
.index_banner .role2 { opacity: 0;left:874px;top:46px;width: 280px;height:281px;background-image:url(../images/banner_role2.png);  }
.index_banner .role3 { opacity: 0;left:1127px;top:265px;width: 271px;height:337px;background-image:url(../images/banner_role3.png);  }

.index_banner .word0 { opacity: 0;left:444px;top:383px;width: 13px;height:100px;background-image:url(../images/banner_word0.png);  }
.index_banner .word1 { opacity: 0;left:468px;top:380px;width: 100px;height:107px;background-image:url(../images/banner_word1.png);  }
.index_banner .word2 { opacity: 0;left:562px;top:372px;width: 116px;height:122px;background-image:url(../images/banner_word2.png);  }
.index_banner .word3 { opacity: 0;left:669px;top:378px;width: 109px;height:115px;background-image:url(../images/banner_word3.png);  }
.index_banner .word4 { opacity: 0;left:770px;top:374px;width: 112px;height:119px;background-image:url(../images/banner_word4.png);  }
.index_banner .word5 { opacity: 0;left:874px;top:369px;width: 124px;height:129px;background-image:url(../images/banner_word5.png);  }
.index_banner .word6 { opacity: 0;left:994px;top:380px;width: 101px;height:108px;background-image:url(../images/banner_word6.png);  }
.index_banner .word7 { opacity: 0;left:1031px;top:494px;width: 63px;height:10px;background-image:url(../images/banner_word7.png);  }

.index_banner .date{left: 57px;top:25px;width: 209px;height: 128px;color:white;border: 2px solid #FFF;}
.index_banner .date .line1{font-size: 26px;height: 64px;margin-top: 7px;margin-left: 16px;}
.index_banner .date .line1 span{font-size:65px; font-weight: bold;font-family: arial;}
.index_banner .date .line1 span small{font-size:42px; font-weight: normal;font-style: italic;margin: 0 6px;}
.index_banner .date .line2 {font-size:26px; font-weight: bold;letter-spacing: 3px;margin-left: 18px;}
.index_banner .intro{left: 274px;top:532px;width: 900px;height: 180px;color:#FFF;font-size: 24px;line-height: 39px;text-align: center; letter-spacing: -0.5px;}

/******** 首頁 ***********/
.index_youtube { width: 904px; height: 508px; margin: 91px auto 60px auto; }
.ic_addition { left:158px;top:-210px;width: 130px;height:132px;background-image:url(../images/icon_addition.png);  }
.ic_subtraction { left:1177px;top:-151px;width: 128px;height:133px;background-image:url(../images/icon_subtraction.png);  }
.ic_multiplication { left:79px;top:265px;width: 120px;height:125px;background-image:url(../images/icon_multiplication.png);  }
.ic_division { left:1255px;top:348px;width: 122px;height:127px;background-image:url(../images/icon_division.png);  }

.index_rule{width: 100%;height: 870px;text-align: center;}
.index_rule .rule_block{top:148px;width:525px;height: 533px;border-radius: 50px;}
.index_rule .rule1{left:146px;background-color: #91CE5B;}
.index_rule .rule2{right:142px;font-size: 24px;line-height:40px;background-color: #00C3FF;color:#3D3A39;}
.index_rule .title{font-size: 34px;letter-spacing: 3px; margin-top:26px;line-height:70px;font-weight: 500;text-align: center;color:#FFF352;}
.index_rule .title2{font-size: 34px;letter-spacing: 3px; margin-top:32px;line-height:70px;font-weight: 500;text-align: center;color:#FFF352;}
.index_rule .duration{margin-top: 25px;width: 340px;margin-left: 116px;display: flex;flex-direction: row;font-family: arial;text-align: left;}
.index_rule .duration .date{font-size: 24px;line-height:33px;color: white;letter-spacing: 2px;}
.index_rule .duration .date span{font-size: 64px;font-weight: bold;margin-left: 16px;}
.index_rule .duration .date span small{font-size: 37px;font-weight: bold;margin-left: 4px;margin-right: 2px;}
.index_rule .duration .date:last-child span{margin-left: 0;}
.index_rule .duration .date:last-child span small{margin-left: -1px;margin-right: -3px;}
.index_rule .duration .arrow{width: 49px;height: 8px;margin:15px 20px 50px 6px;background-image:url(../images/arrow.png);background-size:contain; }
.index_rule .text{font-size: 24px;color: white;}
.index_rule .note{font-size: 20px;color: #231815;line-height: 40px;}
.index_rule .rule2 ul{width: 400px;margin:25px 0 50px 38px;text-align: left;}

.index_rule .ic_calculator { right:61px;top:42px;width: 224px;height:208px;background-image:url(../images/icon_calculator.png);  }
.index_rule .ic_coin { left:67px;top:536px;width: 228px;height:233px;background-image:url(../images/icon_coin.png);  }


.index_classes{width: 1208px;height: 520px;}
.index_classes .title{font-size: 46px;font-weight: 500;color: #009FE8;letter-spacing: 3px;}
.index_classes .title span{font-size: 28px;color:#7A7A7A;margin-left: 10px;letter-spacing: 0.8px;}
.index_classes .schedule{width: 1208px;height:326px;margin-top: 20px; background-size: 1206px 109px; background-image:url(../images/index_class.png);background-repeat: no-repeat;margin-left: 3px;}
.index_classes .schedule .column{display: inline-block;vertical-align: top;}
.index_classes .schedule .class1{width: 130px;margin-right: 5px;}
.index_classes .schedule .class2{width: 270px;margin-right: 6px;}
.index_classes .schedule .class3{width: 340px;margin-right: 6px;}
.index_classes .schedule .class4{width: 313px;margin-right: 4px;}
.index_classes .schedule .class5{width: 130px;}
.index_classes .schedule .name{font-size: 30px;font-weight: 500;line-height:55px;color:white;text-align: center;}
.index_classes .schedule .time{font-size: 22px;letter-spacing: 0.4px; line-height:55px;color:white;text-align: center;font-family: arial;}
.index_classes .schedule .intro{font-size: 20px;line-height:40px;margin-top:7px;color: #474747;}
.index_classes .schedule .intro .sub_title{font-size: 24px;font-weight: bold;color: #474747;}
.index_classes .schedule .class2 .sub_title{color: #66D3A1;}
.index_classes .schedule .class3 .sub_title{color: #F9D04E;}
.index_classes .schedule .class4 .sub_title{color: #5A70CC;}
.index_classes .schedule ul{list-style: none;margin-top: 0;margin-left: -12px;}
.index_classes .schedule  li::before {width: 25px;  margin-left: -25px;content: "●"; display: inline-block; }
.index_classes .schedule .class2 li::before{color: #66D3A1;}
.index_classes .schedule .class3 li::before{color: #F9D04E;}
.index_classes .schedule .class4 li::before{color: #5A70CC;}

.index_register .btn_register{width: 468px;height: 122px;border-radius: 60px;font-size:70px;line-height:110px;color:white;text-align:center;font-weight:500;background-color: #00C3FF;letter-spacing: 8px;}
.index_register .text{font-size:23px;line-height:36px;margin:63px 0;color:#595757;text-align: center;letter-spacing: 0px;}
.index_register .text a{color:#E60012;font-weight: 500;}

/******** 課程安排 ***********/

.class_classes{width: 1208px;height: 500px;margin-top: -45px;}
.class_classes .title{font-size: 60px;font-weight: 500;line-height: 65px; color: #009FE8;text-align: center;letter-spacing: 3px;}
.class_classes .title span{font-size: 28px;color:#7A7A7A;letter-spacing: 0.8px;}


.class_course{width: 1200px;height: 1305px;margin-top: 82px;}
.class_course .title{font-size: 60px;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 3px;}
.class_course .course_tab_frame{margin-top: 37px;}
	.course_tab{width:238px;height:53px;border-right: 2px solid #fff; font-size: 30px; font-weight: 400; color: #ffff; line-height: 55px;font-weight:500;display: inline-block;text-align: center;cursor: pointer;letter-spacing: 1px;}
	.course_tab1,.course_tab2,.course_tab3 { background: #AEAEAE; }
	.course_tab1r,.course_tab2r,.course_tab3r { background: #00BEFF;}
	.course_tab1:hover,.course_tab2:hover,.course_tab3:hover { background: #00BEFF;}
	.course_tab_list { width: 100%; height: 65px; line-height: 65px;font-size: 22px;font-weight: 600; border-bottom: 1px dashed #AEAEAE; letter-spacing: 0.6px;}
	.course_tab_list:first-child{border-top: 1px dashed #AEAEAE;}
	.course_tab_list .column{display: inline-block;vertical-align: middle;text-align: center;}
	.course_tab_list .no{width: 108px;color: #00BEFF;}
	.course_tab_list .date{width: 125px;color: #00BEFF;}
	.course_tab_list .time{width: 228px;color: #595757;}
	.course_tab_list .location{width: 247px;color: #595757;line-height: 25px;}
	.course_tab_list .location span{font-size:18px;color: #009CE5;}
	.course_tab_list .addr{width: 465px;margin-left:0px;color: #384B5B;text-align: left;line-height: 25px;}
	.course_tab_list .addr:before { width: 20px; height: 80px; content: url(../images/locationIcon.webp); display: inline; padding: 3px 8px 0 0; vertical-align: middle; }
	.course_tab_frame2{display: none;}
	.course_tab_frame3{display: none;}

.class_course .ic_sun { left:-84px;top:-122px;width: 176px;height:176px;background-image:url(../images/icon_sun.png);  }
.class_course .ic_balloon { right:-66px;top:-62px;width: 204px;height:284px;background-image:url(../images/icon_balloon.png);  }
.class_course .ic_drink { left:-33px;top:1114px;width:100px;height:192px;background-image:url(../images/icon_drink.png);  }

.class_register .btn_block{width: 100%;height: 122px;text-align: center;}
.class_register .btn{display: inline-block;width: 468px;height: 122px;border-radius: 60px;font-size:70px;line-height:110px;margin:0 12px;color:white;text-align:center;font-weight:500;letter-spacing: 8px;}
.class_register .btn_register{background-color: #00C3FF;}
.class_register .btn_search{background-color: #FFC94F;}
.class_register .text{font-size:23px;line-height:36px;margin:63px 0;color:#595757;text-align: center;}
.class_register .text a{color:#FFC94F;font-weight: 500;}


/**** 個人資料收集宣告  ****/
.inform{width: 910px;height: auto;margin-top: -45px;text-align: justify;}
.inform .title{font-size: 60px;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 3px;margin-bottom:50px;}
.inform .intro{font-size: 24px;line-height: 40px;}
.inform .intro .sub_title{font-weight: 500;color:#009FE8;margin:40px 0 20px 0;}
.inform .intro .text{margin-left: 50px;}
.inform .intro .block{width: 855px;vertical-align: top;display: inline-block;}
.inform .intro .item{width:100px;display: inline-block;vertical-align: top;}
.inform .intro .li_block{width:745px;display: inline-block;}

/**** 活動花絮  ****/

.act{width: 1000px;height: auto;margin-top: -45px;}
.act .title{font-size: 60px;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 3px;margin-bottom:50px;}
.act_youtube { width: 904px; height: 508px; margin: 0 auto 60px auto; }
.act_list{width: 100%;}
.act_list .block{width: 308px;height: 162px;border-radius:20px;font-size:22px;font-weight:500;margin:0 12px 50px 12px;display: inline-block;color: #00C3FF;background-color: #F0EDEA;}

.act_list .info{width: 140px;margin:25px 0 0 12px;line-height: 30px;display: inline-block;vertical-align: top;}
.act_list .info span{color:#595757;font-weight: 700;}
.act_list .img{width: 80px;height: 80px;padding: 10px 0 0 10px;font-size:25px;line-height:35px;letter-spacing:10px;margin:30px 0 0 35px;display: inline-block;color:#E2E2E2;text-align: center;background-size: cover;background-position: center;}
.act_list .img0{border: 5px solid #BABABA;background-color: #787878;}
.act_list .img1{border: 5px solid #30A8A2;background-color: #FFF;}
.act_list .img2{border: 5px solid #00AAFF;background-color: #FFF;}
.act_list .img3{border: 5px solid #FD9951;background-color: #FFF;}
.act_list .color0{background-color: #989898;color: #FFF;}
.act_list .color0 .info span{color: #FFF;}

.act_list .button{right:13px;bottom:13px;width: 62px;height:62px;background-size: contain;}
.act_list .button0{background-image:url(../images/btn0.png);}
.act_list .button1{background-image:url(../images/btn1.png);}
.act_list .button2{background-image:url(../images/btn2.png);}
.act_list .button3{background-image:url(../images/btn3.png);}

/**** 照片列表  ****/
.photo{width: 870px;height: auto;margin-top: -45px;}
.photo .title{font-size: 60px;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 3px;margin-bottom:50px;}
.photo_list{width: 100%;}
.photo_list .item{width: 267px; height: 173px; border: 3px;margin:10px;display: inline-block;background-size: cover;background-position: center;background-color: #EEEEEE;}
.btn_back{width: 352px;height: 136px;border-radius: 70px;font-size:45px;line-height:131px;margin:50px auto;padding-left:90px;background-size:48px 48px;background-position:30px center;font-weight:500;background-color: #00BFFF;color: #FFF;background-image: url(../images/btn4.png);background-repeat: no-repeat;}

.footer{width:100%;background-position: top center;background-repeat: no-repeat;}
.footer_menu{width: 100%;text-align: center;}
.footer_menu .item{font-size: 22px;line-height: 50px;font-weight: 500;color: #FFF;display: inline;text-align: center;margin: 0 10px;}
.footer .copyright{bottom:0;font-size: 15px;color: white;margin: 20px;}

.footer_index{height:569px;background-size: auto 569px;background-image: url(../images/footer_index.png);}
.footer_index .wrapper{height: 569px;}
.footer_index .footer_menu{top: 430px;}

.footer_class{height:558px;background-size: auto 558px;background-image: url(../images/footer_class.png);}
.footer_class .wrapper{height: 558px;}
.footer_class .footer_menu{top: 430px;}

.footer_inform{height:578px;background-size: auto 578px;background-image: url(../images/footer_inform.png);}
.footer_inform .wrapper{height: 578px;}
.footer_inform .footer_menu{top: 430px;}

.footer_event{height:558px;background-size: auto 558px;background-image: url(../images/footer_event.png);}
.footer_event .wrapper{height: 558px;}
.footer_event .footer_menu{top: 430px;}

.footer_photo{height:558px;background-size: auto 558px;background-image: url(../images/footer_photo.png);}
.footer_photo .wrapper{height: 558px;}
.footer_photo .footer_menu{top: 430px;}











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


.wrapper { width: 100vw;}

.alert{font-size: 3.472vw;font-weight: bold;}

/******** 選單 menu ***********/
.header { width: 100vw; height: 6.944vw; background-color: #FFF; }
.top_logo { float: left; width: 19.167vw; height: 3.125vw; background: 0 0 / 19.167vw 3.125vw url(../images/fubon_logo.png) no-repeat; margin-top: 2.431vw;margin-left: 3.472vw; z-index: 999; }
.menu_icon { display: none; width: 4.16vw; height: 4.16vw; margin: 0; background: 0 0 /4.16vw 4.16vw url(../images/icon_menu.png) no-repeat; position: absolute; top: 6.6vw; right: 1.7vw; z-index: 9999; }
.menu_panel { float: right; width: 62.5vw; margin: 3.472vw 4.167vw 0 0; z-index: 9999; position: inherit; text-align: right; }
.menu { width: 100%; margin: 0 0 0 0; font-size: 1.667vw; font-weight: 400; }
.menu a { color: #333; letter-spacing: 0.278vw; }
.menu a:hover { color: #363A3A; }
.menu span { color: #363A3A; }

/******** 主視覺 ***********/
.banner_bg{width: 100vw;height: 64.444vw; background-size: contain;background-image: url(../images/banner_bg.png);background-position: top center;background-repeat: no-repeat;}
.index_banner { width: 100vw;height: 56.597vw;  position: relative;overflow-x: hidden;}

.index_banner .building { opacity: 0;left:36.389vw;top:1.806vw;width: 39.236vw;height:28.472vw;background-image:url(../images/banner_building.png);  }
.index_banner .sign {opacity: 0; left:40.139vw;top:7.222vw;width: 5.625vw;height:8.333vw;background-image:url(../images/banner_sign.png);  }
.index_banner .grass1 { opacity: 0;left:-1.528vw;top:34.375vw;width: 13.889vw;height:6.458vw;background-image:url(../images/banner_grass1.png);  }
.index_banner .grass2 { opacity: 0;left:47.361vw;top:24.792vw;width: 12.292vw;height:5.694vw;background-image:url(../images/banner_grass2.png);  }
.index_banner .grass3 { opacity: 0;left:88.194vw;top:40.694vw;width: 13.889vw;height:6.458vw;background-image:url(../images/banner_grass3.png);  }
.index_banner .tower { opacity: 0;left:59.375vw;top:11.667vw;width: 7.431vw;height:11.319vw;background-image:url(../images/banner_tower.png);  }

.index_banner .role1 { opacity: 0;left:9.444vw;top:14.375vw;width: 19.444vw;height:24.861vw;background-image:url(../images/banner_role1.png);  }
.index_banner .role2 { opacity: 0;left:60.694vw;top:3.194vw;width: 19.444vw;height:19.514vw;background-image:url(../images/banner_role2.png);  }
.index_banner .role3 { opacity: 0;left:78.264vw;top:18.403vw;width: 18.819vw;height:23.403vw;background-image:url(../images/banner_role3.png);  }

.index_banner .word0 { opacity: 0;left:30.833vw;top:26.597vw;width: 0.903vw;height:6.944vw;background-image:url(../images/banner_word0.png);  }
.index_banner .word1 { opacity: 0;left:32.5vw;top:26.389vw;width: 6.944vw;height:7.431vw;background-image:url(../images/banner_word1.png);  }
.index_banner .word2 { opacity: 0;left:39.028vw;top:25.833vw;width: 8.056vw;height:8.472vw;background-image:url(../images/banner_word2.png);  }
.index_banner .word3 { opacity: 0;left:46.458vw;top:26.250vw;width: 7.569vw;height:7.986vw;background-image:url(../images/banner_word3.png);  }
.index_banner .word4 { opacity: 0;left:53.472vw;top:25.972vw;width: 7.778vw;height:8.264vw;background-image:url(../images/banner_word4.png);  }
.index_banner .word5 {opacity: 0;left:60.694vw;top:25.625vw;width: 8.611vw;height:8.958vw;background-image:url(../images/banner_word5.png);  }
.index_banner .word6 { opacity: 0;left:69.028vw;top:26.389vw;width: 7.014vw;height:7.500vw;background-image:url(../images/banner_word6.png);  }
.index_banner .word7 { opacity: 0;left:71.597vw;top:34.306vw;width: 4.375vw;height:0.694vw;background-image:url(../images/banner_word7.png);  }

.index_banner .date{left: 3.958vw;top:1.736vw;width: 14.514vw;height: 8.889vw;color:white;border: 0.139vw solid #FFF;}
.index_banner .date .line1{font-size: 1.806vw;height: 4.444vw;margin-top: 0.486vw;margin-left: 1.111vw;}
.index_banner .date .line1 span{font-size:4.514vw; font-weight: bold;font-family: arial;}
.index_banner .date .line1 span small{font-size:2.917vw; font-weight: normal;font-style: italic;margin: 0 0.417vw;}
.index_banner .date .line2 {font-size:1.806vw; font-weight: bold;letter-spacing: 0.208vw;margin-left: 1.250vw;}
.index_banner .intro{left: 19.028vw;top:36.944vw;width: 62.5vw;height: 12.5vw;color:#FFF;font-size: 1.667vw;line-height: 2.708vw;text-align: center; letter-spacing: -0.035vw;}

/******** 首頁 ***********/
.index_youtube { width: 62.778vw; height: 35.278vw; margin: 6.319vw auto 4.167vw auto; }
.ic_addition { left:10.972vw;top:-14.583vw;width: 9.028vw;height:9.167vw;background-image:url(../images/icon_addition.png);  }
.ic_subtraction { left:81.736vw;top:-10.486vw;width: 8.889vw;height:9.236vw;background-image:url(../images/icon_subtraction.png);  }
.ic_multiplication { left:5.486vw;top:18.403vw;width: 8.333vw;height:8.681vw;background-image:url(../images/icon_multiplication.png);  }
.ic_division { left:87.153vw;top:24.167vw;width: 8.472vw;height:8.819vw;background-image:url(../images/icon_division.png);  }

.index_rule{width: 100%;height: 60.417vw;text-align: center;}
.index_rule .rule_block{top:10.278vw;width:36.458vw;height: 37.014vw;border-radius: 3.472vw;}
.index_rule .rule1{left:10.139vw;background-color: #91CE5B;}
.index_rule .rule2{right:9.861vw;font-size: 1.667vw;line-height:2.778vw;background-color: #00C3FF;color:#3D3A39;}
.index_rule .title{font-size: 2.361vw;letter-spacing: 0.208vw; margin-top:1.806vw;line-height:4.861vw;font-weight: 500;text-align: center;color:#FFF352;}
.index_rule .title2{font-size: 2.361vw;letter-spacing: 0.208vw; margin-top:2.222vw;line-height:4.861vw;font-weight: 500;text-align: center;color:#FFF352;}
.index_rule .duration{margin-top: 1.736vw;width: 23.611vw;margin-left: 8.056vw;display: flex;flex-direction: row;font-family: arial;text-align: left;}
.index_rule .duration .date{font-size: 1.667vw;line-height:2.292vw;color: white;letter-spacing: 0.139vw;}
.index_rule .duration .date span{font-size: 4.444vw;font-weight: bold;margin-left: 1.111vw;}
.index_rule .duration .date span small{font-size: 2.570vw;font-weight: bold;margin-left: 0.278vw;margin-right: 0.139vw;}
.index_rule .duration .date:last-child span{margin-left: 0;}
.index_rule .duration .date:last-child span small{margin-left: -0.069vw;margin-right: -0.208vw;}
.index_rule .duration .arrow{width: 3.403vw;height: 0.556vw;margin:1.042vw 1.389vw 3.472vw 0.417vw;background-image:url(../images/arrow.png);background-size:contain; }
.index_rule .text{font-size: 1.667vw;color: white;}
.index_rule .note{font-size: 1.389vw;color: #231815;line-height: 2.778vw;}
.index_rule .rule2 ul{width: 27.778vw;margin:1.736vw 0 3.472vw 2.639vw;text-align: left;}

.index_rule .ic_calculator { right:4.236vw;top:2.917vw;width: 15.556vw;height:14.444vw;background-image:url(../images/icon_calculator.png);  }
.index_rule .ic_coin { left:4.653vw;top:37.222vw;width: 15.833vw;height:16.181vw;background-image:url(../images/icon_coin.png);  }


.index_classes{width: 83.889vw;height: 36.111vw;}
.index_classes .title{font-size: 3.194vw;font-weight: 500;color: #009FE8;letter-spacing: 0.208vw;}
.index_classes .title span{font-size: 1.944vw;color:#7A7A7A;margin-left: 0.694vw;letter-spacing: 0.056vw;}
.index_classes .schedule{width: 83.889vw;height:22.639vw;margin-top: 1.389vw; background-size: 83.750vw 7.569vw; background-image:url(../images/index_class.png);background-repeat: no-repeat;margin-left: 0.208vw;}
.index_classes .schedule .column{display: inline-block;vertical-align: top;}
.index_classes .schedule .class1{width: 9.028vw;margin-right: 0.347vw;}
.index_classes .schedule .class2{width: 18.750vw;margin-right: 0.417vw;}
.index_classes .schedule .class3{width: 23.611vw;margin-right: 0.417vw;}
.index_classes .schedule .class4{width: 21.736vw;margin-right: 0.278vw;}
.index_classes .schedule .class5{width: 9.028vw;}
.index_classes .schedule .name{font-size: 2.083vw;font-weight: 500;line-height:3.819vw;color:white;text-align: center;}
.index_classes .schedule .time{font-size: 1.528vw;letter-spacing: 0.028vw; line-height:3.819vw;color:white;text-align: center;font-family: arial;}
.index_classes .schedule .intro{font-size: 1.389vw;line-height:2.778vw;margin-top:0.486vw;color: #474747;}
.index_classes .schedule .intro .sub_title{font-size: 1.667vw;font-weight: bold;color: #474747;}
.index_classes .schedule .class2 .sub_title{color: #66D3A1;}
.index_classes .schedule .class3 .sub_title{color: #F9D04E;}
.index_classes .schedule .class4 .sub_title{color: #5A70CC;}
.index_classes .schedule ul{list-style: none;margin-top: 0;margin-left: -0.833vw;}
.index_classes .schedule  li::before {width: 1.736vw;  margin-left: -1.736vw;content: "●"; display: inline-block; }
.index_classes .schedule .class2 li::before{color: #66D3A1;}
.index_classes .schedule .class3 li::before{color: #F9D04E;}
.index_classes .schedule .class4 li::before{color: #5A70CC;}

.index_register .btn_register{width: 32.5vw;height: 8.472vw;border-radius: 4.167vw;font-size:4.861vw;line-height:7.639vw;color:white;text-align:center;font-weight:500;background-color: #00C3FF;letter-spacing: 0.556vw;}
.index_register .text{font-size:1.597vw;line-height:2.5vw;margin:4.375vw 0;color:#595757;text-align: center;letter-spacing: 0;}
.index_register .text a{color:#E60012;font-weight: 500;}

/******** 課程安排 ***********/

.class_classes{width: 83.889vw;height: 34.722vw;margin-top: -3.125vw;}
.class_classes .title{font-size: 4.167vw;font-weight: 500;line-height: 4.514vw; color: #009FE8;text-align: center;letter-spacing: 0.208vw;}
.class_classes .title span{font-size: 1.944vw;color:#7A7A7A;letter-spacing: 0.056vw;}

.class_course{width: 83.333vw;height: 90.625vw;margin-top: 5.694vw;}
.class_course .title{font-size: 4.167vw;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 0.208vw;}
.class_course .course_tab_frame{margin-top: 2.569vw;}
	.course_tab{width:16.528vw;height:3.681vw;border-right: 0.139vw solid #fff; font-size: 2.083vw; font-weight: 400; color: #ffff; line-height: 3.819vw;font-weight:500;display: inline-block;text-align: center;cursor: pointer;letter-spacing: 0.069vw;}
	.course_tab1,.course_tab2,.course_tab3 { background: #AEAEAE; }
	.course_tab1r,.course_tab2r,.course_tab3r { background: #00BEFF;}
	.course_tab1:hover,.course_tab2:hover,.course_tab3:hover { background: #00BEFF;}
	.course_tab_list { width: 100%; height: 4.514vw; line-height: 4.514vw;font-size: 1.528vw;font-weight: 600; border-bottom: 0.069vw dashed #AEAEAE; letter-spacing: 0.042vw;}
	.course_tab_list:first-child{border-top: 0.069vw dashed #AEAEAE;}
	.course_tab_list .column{display: inline-block;vertical-align: middle;text-align: center;}
	.course_tab_list .no{width: 7.5vw;color: #00BEFF;}
	.course_tab_list .date{width: 8.681vw;color: #00BEFF;}
	.course_tab_list .time{width: 15.833vw;color: #595757;}
	.course_tab_list .location{width: 17.153vw;color: #595757;line-height: 1.736vw;}
	.course_tab_list .location span{font-size:1.250vw;color: #009CE5;}
	.course_tab_list .addr{width: 32.292vw;margin-left:0vw;color: #384B5B;text-align: left;line-height: 1.736vw;}
	.course_tab_list .addr:before { width: 1.389vw; height: 5.556vw; content: url(../images/locationIcon.webp); display: inline; padding: 0.208vw 0.556vw 0 0; vertical-align: middle; }
	.course_tab_frame2{display: none;}
	.course_tab_frame3{display: none;}

.class_course .ic_sun { left:-5.833vw;top:-8.472vw;width: 12.222vw;height:12.222vw;background-image:url(../images/icon_sun.png);  }
.class_course .ic_balloon { right:-4.583vw;top:-4.306vw;width: 14.167vw;height:19.722vw;background-image:url(../images/icon_balloon.png);  }
.class_course .ic_drink { left:-2.292vw;top:77.361vw;width:6.944vw;height:13.333vw;background-image:url(../images/icon_drink.png);  }

.class_register .btn_block{width: 100%;height: 8.472vw;text-align: center;}
.class_register .btn{display: inline-block;width: 32.5vw;height: 8.472vw;border-radius: 4.167vw;font-size:4.861vw;line-height:7.639vw;margin:0 0.833vw;color:white;text-align:center;font-weight:500;letter-spacing: 0.556vw;}
.class_register .btn_register{background-color: #00C3FF;}
.class_register .btn_search{background-color: #FFC94F;}
.class_register .text{font-size:1.597vw;line-height:2.5vw;margin:4.375vw 0;color:#595757;text-align: center;}
.class_register .text a{color:#FFC94F;font-weight: 500;}


/**** 個人資料收集宣告  ****/
.inform{width: 63.194vw;height: auto;margin-top: -3.125vw;text-align: justify;}
.inform .title{font-size: 4.167vw;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 0.208vw;margin-bottom:3.472vw;}
.inform .intro{font-size: 1.667vw;line-height: 2.778vw;}
.inform .intro .sub_title{font-weight: 500;color:#009FE8;margin:2.778vw 0 1.389vw 0;}
.inform .intro .text{margin-left: 3.472vw;}
.inform .intro .block{width: 59.375vw;vertical-align: top;display: inline-block;}
.inform .intro .item{width:6.944vw;display: inline-block;vertical-align: top;}
.inform .intro .li_block{width:51.736vw;display: inline-block;}

/**** 活動花絮  ****/

.act{width: 69.444vw;height: auto;margin-top: -3.125vw;}
.act .title{font-size: 4.167vw;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 0.208vw;margin-bottom:3.472vw;}
.act_youtube { width: 62.778vw; height: 35.278vw; margin: 0 auto 4.167vw auto; }
.act_list{width: 100%;}
.act_list .block{width: 21.389vw;height: 11.250vw;border-radius:1.389vw;font-size:1.528vw;font-weight:500;margin:0 0.833vw 3.472vw 0.833vw;display: inline-block;color: #00C3FF;background-color: #F0EDEA;}

.act_list .info{width: 9.722vw;margin:1.736vw 0 0 0.833vw;line-height: 2.083vw;display: inline-block;vertical-align: top;}
.act_list .info span{color:#595757;font-weight: 700;}
.act_list .img{width: 5.556vw;height: 5.556vw;padding: 0.694vw 0 0 0.694vw;font-size:1.736vw;line-height:2.431vw;letter-spacing:0.694vw;margin:2.083vw 0 0 2.431vw;display: inline-block;color:#E2E2E2;text-align: center;background-size: cover;background-position: center;}
.act_list .img0{border: 0.347vw solid #BABABA;background-color: #787878;}
.act_list .img1{border: 0.347vw solid #30A8A2;background-color: #FFF;}
.act_list .img2{border: 0.347vw solid #00AAFF;background-color: #FFF;}
.act_list .img3{border: 0.347vw solid #FD9951;background-color: #FFF;}
.act_list .color0{background-color: #989898;color: #FFF;}
.act_list .color0 .info span{color: #FFF;}

.act_list .button{right:0.903vw;bottom:0.903vw;width: 4.306vw;height:4.306vw;background-size: contain;}
.act_list .button0{background-image:url(../images/btn0.png);}
.act_list .button1{background-image:url(../images/btn1.png);}
.act_list .button2{background-image:url(../images/btn2.png);}
.act_list .button3{background-image:url(../images/btn3.png);}

/**** 照片列表  ****/
.photo{width: 60.417vw;height: auto;margin-top: -3.125vw;}
.photo .title{font-size: 4.167vw;font-weight: 500;color: #009FE8;text-align: center;letter-spacing: 0.208vw;margin-bottom:3.472vw;}
.photo_list{width: 100%;}
.photo_list .item{width: 18.542vw; height: 12.014vw; border: 0.208vw;margin:0.694vw;display: inline-block;background-size: cover;background-position: center;background-color: #EEEEEE;}
.btn_back{width: 24.444vw;height: 9.444vw;border-radius: 4.861vw;font-size:3.125vw;line-height:9.097vw;margin:3.472vw auto;padding-left:6.250vw;background-size:3.333vw 3.333vw;background-position:2.083vw center;font-weight:500;background-color: #00BFFF;color: #FFF;background-image: url(../images/btn4.png);background-repeat: no-repeat;}

.footer{width:100%;background-position: top center;background-repeat: no-repeat;}
.footer_menu{width: 100%;text-align: center;}
.footer_menu .item{font-size: 1.528vw;line-height: 3.472vw;font-weight: 500;color: #FFF;display: inline;text-align: center;margin: 0 0.694vw;}
.footer .copyright{bottom:0;font-size: 1.042vw;color: white;margin: 1.389vw;}

.footer_index{height:39.514vw;background-size: auto 39.514vw;background-image: url(../images/footer_index.png);}
.footer_index .wrapper{height: 39.514vw;}
.footer_index .footer_menu{top: 29.861vw;}

.footer_class{height:38.750vw;background-size: auto 38.750vw;background-image: url(../images/footer_class.png);}
.footer_class .wrapper{height: 38.750vw;}
.footer_class .footer_menu{top: 29.861vw;}

.footer_inform{height:40.139vw;background-size: auto 40.139vw;background-image: url(../images/footer_inform.png);}
.footer_inform .wrapper{height: 40.139vw;}
.footer_inform .footer_menu{top: 29.861vw;}

.footer_event{height:38.750vw;background-size: auto 38.750vw;background-image: url(../images/footer_event.png);}
.footer_event .wrapper{height: 38.750vw;}
.footer_event .footer_menu{top: 29.861vw;}

.footer_photo{height:38.750vw;background-size: auto 38.750vw;background-image: url(../images/footer_photo.png);}
.footer_photo .wrapper{height: 38.750vw;}
.footer_photo .footer_menu{top: 29.861vw;}





}

















@media screen and (max-width:1023px) {
	.alert{font-size: 7.813vw;font-weight: bold;}
	.pc{display: none;}
	.mobile{display: block;}

	.wrapper { width: 100vw; overflow-x: hidden;}

	/******** 選單 menu ***********/
	.header { width: 100vw; height: 15.625vw; background-color: #FFF; }
	.top_logo { float: left; width: 39.688vw; height: 6.25vw;  margin-top: 4.688vw;margin-left: 1.5vw; z-index: 999; background: 0 0 / contain url(../images/fubon_logo.png) no-repeat;}
	.menu_icon { cursor:pointer;display: block; width: 8.594vw; height: 6.875vw; margin: 0; background: url(../images/m/menu_icon.png) no-repeat; background-size: contain; position: absolute; top: 4.688vw; right: 4.688vw; z-index: 9999; }
	.menu_panel { display: none; position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; background: #1F527C; opacity: 0.95; z-index: 99; margin: 0; }
	.menu { width: 100%; margin: 15vw 0 0 0; font-size: 6.25vw;}
	.menu a { display: block; width: 100vw;  font-weight: 500; color: #fff; letter-spacing: 0.156vw; text-align: center; line-height: 12.5vw;}
	.menu a:hover { color: #FFF; }
	.menu span { display: none; }


	/******** 主視覺 ***********/
	.banner_bg{width: 100vw;height: 113.281vw;margin: 0 auto; background-size: 100vw auto;background-image: url(../images/m/banner_bg.png);background-position: top center;background-repeat: no-repeat;}
	.index_banner { width: 100%;height: 113.281vw;  position: relative;}

		
	.index_banner .building {opacity: 0; left:41.406vw;top:16.719vw;width: 43.438vw;height:44.219vw;background-image:url(../images/m/banner_building.png);  }
	.index_banner .sign { opacity: 0;left:42.5vw;top:22.031vw;width: 7.344vw;height:10.938vw;background-image:url(../images/banner_sign.png);  }
	.index_banner .grass1 { opacity: 0;left:50.156vw;top:79.531vw;width: 21.875vw;height:10.156vw;background-image:url(../images/banner_grass1.png);  }
	.index_banner .grass2 { opacity: 0;left:51.719vw;top:46.875vw;width: 17.031vw;height:7.969vw;background-image:url(../images/banner_grass2.png);  }
	.index_banner .grass3 { opacity: 0;left:5.469vw;top:73.438vw;width: 18.75vw;height:8.75vw;background-image:url(../images/banner_grass3.png);  }
	.index_banner .tower { opacity: 0;left:69.375vw;top:27.656vw;width: 9.688vw;height:14.844vw;background-image:url(../images/banner_tower.png);  }

	.index_banner .role1 { opacity: 0;left:14.844vw;top:28.75vw;width: 20.781vw;height:26.563vw;background-image:url(../images/banner_role1.png);  }
	.index_banner .role2 { opacity: 0;left:69.531vw;top:16.719vw;width: 25.625vw;height:25.625vw;background-image:url(../images/banner_role2.png);  }
	.index_banner .role3 { opacity: 0;left:66.094vw;top:75.313vw;width: 27.969vw;height:34.844vw;background-image:url(../images/banner_role3.png);  }

	.index_banner .word0 { opacity: 0;left:9.063vw;top:59.375vw;width: 1.719vw;height:12.656vw;background-image:url(../images/banner_word0.png);  }
	.index_banner .word1 { opacity: 0;left:12.188vw;top:58.75vw;width: 12.656vw;height:13.438vw;background-image:url(../images/banner_word1.png);  }
	.index_banner .word2 { opacity: 0;left:23.906vw;top:57.813vw;width: 14.688vw;height:15.469vw;background-image:url(../images/banner_word2.png);  }
	.index_banner .word3 { opacity: 0;left:37.344vw;top:58.75vw;width: 13.75vw;height:14.531vw;background-image:url(../images/banner_word3.png);  }
	.index_banner .word4 { opacity: 0;left:50.156vw;top:58.281vw;width: 14.219vw;height:15vw;background-image:url(../images/banner_word4.png);  }
	.index_banner .word5 { opacity: 0;left:63.125vw;top:57.813vw;width: 15.625vw;height:16.25vw;background-image:url(../images/banner_word5.png);  }
	.index_banner .word6 { opacity: 0;left:78.125vw;top:59.219vw;width: 12.813vw;height:13.594vw;background-image:url(../images/banner_word6.png);  }
	.index_banner .word7 { opacity: 0;left:82.969vw;top:73.281vw;width: 7.969vw;height:1.25vw;background-image:url(../images/banner_word7.png);  }

	.index_banner .date{left: 4.531vw;top:4.219vw;width: 32.813vw;height: 20vw;color:white;border: 0.313vw solid #FFF;}
	.index_banner .date .line1{font-size: 4.063vw;height: 9.531vw;margin-top: 1.094vw;margin-left: 2.813vw;}
	.index_banner .date .line1 span{font-size:10vw; font-weight: bold;font-family: arial;}
	.index_banner .date .line1 span small{font-size:6.719vw; font-weight: normal;font-style: italic;margin: 0 0.781vw;}
	.index_banner .date .line2 {font-size:4.375vw; font-weight: bold;letter-spacing: 0vw;margin-left: 3.125vw;}
	.index_banner .intro{left: 19.063vw;top:36.875vw;width: 62.5vw;height: 12.5vw;color:#FFF;font-size: 1.719vw;line-height: 2.656vw;text-align: center; letter-spacing: 0vw;}

	/******** 首頁 ***********/
	.index_youtube { width: 100vw; height: 56.25vw; margin: 12.5vw auto 7.813vw auto; }


	.index_rule{width: 100%;height: 223.438vw;text-align: center;}
	.index_rule .rule_block{top:23.125vw;width:82.031vw;height: 83.281vw;border-radius: 7.813vw;}
	.index_rule .rule1{left:8.906vw;background-color: #91CE5B;}
	.index_rule .rule2{top:114.063vw;left:8.906vw;right:auto;font-size: 3.75vw;line-height:6.25vw;background-color: #00C3FF;color:#3D3A39;}
	.index_rule .title{font-size: 5.313vw;letter-spacing: 0.469vw; margin-top:4.063vw;line-height:10.938vw;font-weight: 500;text-align: center;color:#FFF352;}
	.index_rule .title2{font-size: 5.313vw;letter-spacing: 0.469vw; margin-top:5vw;line-height:10.938vw;font-weight: 500;text-align: center;color:#FFF352;}
	.index_rule .duration{margin-top: 3.906vw;width: 53.125vw;margin-left: 18.125vw;display: flex;flex-direction: row;font-family: arial;text-align: left;}
	.index_rule .duration .date{font-size: 3.75vw;line-height:5.156vw;color: white;letter-spacing: 0.313vw;}
	.index_rule .duration .date span{font-size: 10vw;font-weight: bold;margin-left: 2.5vw;}
	.index_rule .duration .date span small{font-size: 5.781vw;font-weight: bold;margin-left: 0.625vw;margin-right: 0.313vw;}
	.index_rule .duration .date:last-child span{margin-left: 0vw;}
	.index_rule .duration .date:last-child span small{margin-left: -0.156vw;margin-right: -0.469vw;}
	.index_rule .duration .arrow{width: 7.656vw;height: 1.25vw;margin:2.344vw 3.125vw 7.813vw 0.938vw;background-image:url(../images/arrow.png);background-size:contain; }
	.index_rule .text{font-size: 3.75vw;color: white;}
	.index_rule .note{font-size: 3.125vw;color: #231815;line-height: 6.25vw;}
	.index_rule .rule2 ul{width: 62.5vw;margin:3.906vw 0 7.813vw 5.938vw;text-align: left;}

	.index_rule .ic_calculator { right:0.781vw;top:6.563vw;width: 35vw;height:32.5vw;background-image:url(../images/icon_calculator.png);  }
	.index_rule .ic_coin { left:0vw;top:175.781vw;width: 35.625vw;height:36.406vw;background-image:url(../images/icon_coin.png);  }


	.index_classes{width: 84.375vw;height: 156.25vw;margin:0 0 0 9.375vw; }
	.index_classes .title{font-size: 7.5vw;line-height:7.813vw;font-weight: 500;color: #009FE8;text-align: center;}
	.index_classes .title span{font-size: 2.969vw;color:#595757;}
	.index_classes .schedule{width: 100%;height:122.656vw;margin-top: 4.688vw; background-size: 32.656vw 122.656vw; background-image:url(../images/m/index_class.png);background-repeat: no-repeat;}
	.index_classes .schedule .column{width:100%;display: inline-block;vertical-align: top;}
	.index_classes .schedule .column .block{width: 32.5vw;display: inline-block;vertical-align: top;}
	.index_classes .schedule .class1{width: 100%;height:17.969vw;}
	.index_classes .schedule .class2{width: 100%;height:28.125vw;}
	.index_classes .schedule .class3{width: 100%;height:28.125vw;}
	.index_classes .schedule .class4{width: 100%;height:31.25vw;}
	.index_classes .schedule .class5{width: 100%;height:17.969vw;}
	.index_classes .schedule .name{font-size: 4.688vw;font-weight: 500;line-height:5.469vw;color:white;text-align: center;}
	.index_classes .schedule .time{font-size: 3.906vw;line-height:6.25vw;color:white;text-align: center;}

	.index_classes .schedule .class1 .name{margin-top: 2.344vw;}
	.index_classes .schedule .class2 .name{margin-top: 4.688vw;}
	.index_classes .schedule .class3 .name{margin-top: 4.688vw;}
	.index_classes .schedule .class4 .name{margin-top: 6.25vw;}
	.index_classes .schedule .class5 .name{margin-top: 2.344vw;}

	.index_classes .schedule .class1 .intro{margin-top: 4.688vw;}	
	.index_classes .schedule .class2 .intro{margin-top: 0vw;}	
	.index_classes .schedule .class3 .intro{margin-top: 4.688vw;}	
	.index_classes .schedule .class4 .intro{margin-top: 6.25vw;}	
	.index_classes .schedule .class5 .intro{margin-top: 4.688vw;}

	.index_classes .schedule .intro{display:inline-block;width:46.875vw;font-size: 3.125vw;line-height:5.469vw;margin-top:0vw;margin-left:3.125vw;color: #595757;}
	.index_classes .schedule .intro .sub_title{font-size: 3.75vw;font-weight: bold;color: #585757;}
	.index_classes .schedule ul{list-style: none;margin-top: 0vw;margin-left: -2.344vw;}
	.index_classes .schedule  li::before {width: 3.906vw;  margin-left: -3.906vw;content: "●"; display: inline-block; }
	.index_classes .schedule .class2 li::before{color: #30DAA2;}
	.index_classes .schedule .class3 li::before{color: #00C3FF;}
	.index_classes .schedule .class4 li::before{color: #0056A7;}

	.index_classes .sun{right:0;top:20.313vw;width: 21.875vw;height:21.875vw;background-image:url(../images/m/sun.png); }
	.index_classes .wind{right:0;top:125vw;width: 28.125vw;height:25vw;background-image:url(../images/m/wind.png); }

	.index_register .btn_register{width: 74.063vw;height: 13.125vw;border-radius: 6.25vw;font-size:5.938vw;line-height:13.125vw;color:white;text-align:center;font-weight:500;background-color: #00C3FF;}
	.index_register .text{width:76.563vw;font-size:3.438vw;line-height:6.25vw;margin:7.813vw auto;color:#595757;text-align: justify;}
	.index_register .text a{color:#E60012;font-weight: 500;}

	/******** 課程安排 ***********/

	.class_classes{width: 84.375vw;height: 164.063vw;margin-top: 15.625vw;margin-left: 9.375vw;}
	.class_classes .title{font-size: 7.5vw;font-weight: 500;color: #009FE8;text-align: center;}
	.class_classes .title span{font-size: 2.969vw;color:#595757;}

	.class_classes .ic_balloon { right:0vw;top:16.094vw;width:24.844vw;height:34.375vw;background-image:url(../images/icon_balloon.png);  }
	.class_classes .ic_tree { left:auto;right:0vw;top:137.5vw;width:31.406vw;height:22.188vw;background-image:url(../images/m/icon_tree.png);  }
	
	.class_course{width: 92.188vw;height: 312.5vw;margin-top: 31.25vw;}
	.class_course .title{font-size: 7.5vw;font-weight: 500;color: #009FE8;text-align: center;}
	.class_course .course_tab_frame{margin-top: 4.688vw;}
		.course_tab{width:30.313vw;height:7.5vw;border-right: 0.313vw solid #fff; font-size: 4.375vw; font-weight: 400; color: #ffff; line-height: 7.5vw;font-weight:500;display: inline-block;text-align: center;cursor: pointer;}
		.course_tab1,.course_tab2,.course_tab3 { background: #AEAEAE; }
		.course_tab1r,.course_tab2r,.course_tab3r { background: #00BEFF;}
		.course_tab1:hover,.course_tab2:hover,.course_tab3:hover { background: #00BEFF;}
		.course_tab_list { width: 100%; height: 20.313vw; line-height: auto;font-size: 3.75vw;font-weight: 600; border-bottom: 0.313vw dashed #AEAEAE; }
		.course_tab_list:first-child{border-top: 0.156vw dashed #AEAEAE;}
		.course_tab_list .column{display: inline-block;vertical-align: middle;text-align: center;}
		.course_tab_list .no{width: 28.125vw;margin-top:4.688vw;color: #00BEFF;}
		.course_tab_list .date{width: 21.875vw;margin-top:4.688vw;color: #00BEFF;text-align: right;}
		.course_tab_list .time{width: 22.656vw;margin-top:4.688vw;color: #595757;}
		.course_tab_list .location{width: 28.125vw;color: #595757;line-height: 3.906vw;vertical-align: top;}
		.course_tab_list .location span{font-size:2.813vw;color: #009CE5;}
		.course_tab_list .addr{width: 59.375vw;margin-left:3.125vw;margin-top:1.563vw;font-size:3.438vw;color: #384B5B;text-align: left;vertical-align: top;}
		.course_tab_list .addr:before { width: 3.125vw; height: 12.5vw; content: url(../images/locationIcon.webp); display: inline; padding: 0.469vw 1.25vw 0 0; vertical-align: middle; }
		.course_tab_frame2{display: none;}
		.course_tab_frame3{display: none;}

	.class_course .ic_sun { left:-0.625vw;right:auto;top:-11.719vw;width:20.469vw;height:20.469vw;background-image:url(../images/icon_sun.png);  }

	.class_register .btn_block{width: 100%;height: auto;text-align: center;}
	.class_register .btn{width: 74.063vw;height: 13.125vw;border-radius: 6.25vw;font-size:5.938vw;line-height:13.125vw;color:white;text-align:center;font-weight:500;}
	.class_register .btn_register{background-color: #00C3FF;}
	.class_register .btn_search{background-color: #FFC94F;margin-top: 7.813vw;}
	.class_register .text{width:76.563vw;font-size:3.438vw;line-height:6.25vw;margin:7.813vw auto;color:#595757;text-align: justify;}
	.class_register .text a{color:#FFC94F;font-weight: 500;}


	/**** 個人資料收集宣告  ****/
	.inform{width: 90.625vw;height: 343.75vw;margin-top: 15.625vw;text-align: justify;}
	.inform .title{font-size: 7.5vw;font-weight: 500;line-height:10.938vw;color: #009FE8;text-align: center;}
	.inform .intro{font-size: 4.375vw;line-height: 6.25vw;margin-top: 7.813vw;}
	.inform .intro .sub_title{font-weight: 500;color:#009FE8;margin:6.25vw 0 3.125vw 0;}
	.inform .intro .text{margin-left: 9.375vw;}
	.inform .intro .block{width: 81.25vw;vertical-align: top;display: inline-block;}
	.inform .intro .item{width:17.969vw;display: inline-block;vertical-align: top;}
	.inform .intro .li_block{width:61.719vw;display: inline-block;}

	/**** 活動花絮  ****/

	.act{width: 100vw;height: auto;}
	.act .title{font-size: 7.5vw;font-weight: 500;line-height:31.25vw;color: #009FE8;text-align: center;}
	.act_youtube { width: 100vw; height: 56.25vw; margin: 0 auto 9.375vw auto; }
	.act_list{width: 100%;}
	.act_list .block{width: 73.906vw;height: 21.406vw;border-radius:3.125vw;font-size:3.75vw;font-weight:500;margin:0 auto 7.813vw auto;display: block;color: #595757;}

	.act_list .info{width: 46.875vw;margin:7.813vw 0 0 23.438vw;line-height: 4.688vw;display: inline-block;vertical-align: top;}
	.act_list .img{top:3.125vw;left:4.688vw;width: 10.938vw;height: 10.938vw;padding: 1.563vw 0 0 1.563vw;font-size:3.906vw;line-height:5.469vw;letter-spacing:1.563vw;margin:0vw;display: inline-block;color:#E2E2E2;text-align: center;background-size: cover;background-position: center;position: absolute;}

	.act_list .img0{border: 0.781vw solid #BABABA;background-color: #787878;}
	.act_list .img1{border: 0.781vw solid #30A8A2;background-color: #FFF;}
	.act_list .img2{border: 0.781vw solid #00AAFF;background-color: #FFF;}
	.act_list .img3{border: 0.781vw solid #FD9951;background-color: #FFF;}
	.act_list .color0{background-color: #989898;color: #FFF;}
	.act_list .color0 .info span{color: #FFF;}

	.act_list .button{left:62.5vw;bottom:6.563vw;width: 8.438vw;height:8.438vw;background-size: contain;}
	.act_list .button0{background-image:url(../images/btn0.png);}
	.act_list .button1{background-image:url(../images/btn1.png);}
	.act_list .button2{background-image:url(../images/btn2.png);}
	.act_list .button3{background-image:url(../images/btn3.png);}

	/**** 照片列表  ****/
	.photo{width: 90.625vw;height: auto;}
	.photo .title{font-size: 7.5vw;font-weight: 500;line-height:31.25vw;color: #009FE8;text-align: center;}
	.photo_list{width: 100%;}
	.photo_list .item{width: 41.719vw; height: 27.031vw; border: 0.469vw;margin:1.563vw;display: inline-block;background-size: cover;background-position: center;background-color: #EEEEEE;}
	.btn_back{width: 51.563vw;height: 13.125vw;border-radius: 6.25vw;font-size:5.938vw;line-height:13.125vw;margin:7.813vw auto;padding-left:21.875vw;background-size:7.5vw 7.5vw;background-position:10.938vw center;font-weight:500;background-color: #00BFFF;color: #FFF;background-image: url(../images/btn4.png);background-repeat: no-repeat;}



	.footer{width:100%;background-position: top center;background-repeat: no-repeat;}	
	.footer_menu{width: 100%;top: 41.406vw;}
	.footer_menu .item{font-size: 3.438vw;line-height: 7.813vw;font-weight: 500;color: #FFF;display: block;text-align: center;}
	.footer .copyright{width:73.438vw;bottom:7.813vw;top:auto;left:13.281vw;font-size: 2.344vw;color: white;margin: 0;text-align: center;}

	.footer_index{height:107.969vw;background-size: auto 107.969vw;background-image: url(../images/m/footer_index.png);}
	.footer_index .wrapper{height: 107.969vw;}
	.footer_index .footer_menu{top: 48.438vw;}

	.footer_class{height:106.25vw;background-size: auto 106.25vw;background-image: url(../images/m/footer_class.png);}
	.footer_class .wrapper{height: 106.25vw;}
	.footer_class .footer_menu{top: 48.438vw;}

	.footer_inform{height:111.094vw;background-size: auto 111.094vw;background-image: url(../images/m/footer_inform.png);}
	.footer_inform .wrapper{height: 111.094vw;}
	.footer_inform .footer_menu{top: 50vw;}

	.footer_event{height:104.844vw;background-size: auto 104.844vw;background-image: url(../images/m/footer_event.png);}
	.footer_event .wrapper{height: 104.844vw;}
	.footer_event .footer_menu{top: 50vw;}

	.footer_photo{height:113.125vw;background-size: auto 113.125vw;background-image: url(../images/m/footer_photo.png);}
	.footer_photo .wrapper{height: 113.125vw;}
	.footer_photo .footer_menu{top: 46.875vw;}



}