@import url("../../../icon_new/css/all.min.css");
@import url(../../../File/css/event_header.css);
/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
body *{font-family:"Microsoft YaHei",Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor1{background: url("../images/1508004_main_bg.jpg") no-repeat top center / cover;}
.bgcolor2{background: linear-gradient(to right, #fdcd47, #fff0b9, #eccb68, #fff4c0);}
.bgcolor3{background-color:#EBEBEB;}
.bgcolor4{background-color:#F6F6F6;}
.bgcolor5{background-color:#EBEBEB;}
/*所有元素漸變0.5秒*/
*{transition:all .5s;}
#event_master,#event_master *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*DIY--設計可增加用樣式*/
:root{
  --red1: #84297e;
  --pink1: #ee57bd;
  --blue1: #384d9b;
  --text_linear: linear-gradient( var(--red1) 30%, var(--blue1) 70%);
  --gold_linear: linear-gradient(60deg, #af823d, #cea14b, #d6a54f, #af823d);
}
.text_red{color:var(--red1);}
.text_blue{color:var(--blue1);}
[class*="cube"] { margin: 3% auto; padding: 2% 0;text-align: center;position: relative;z-index: 1; }
[class*="cube"]::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, transparent 0%, white 50%, transparent 100%); z-index: -1;filter: blur(8px); }
.banner{flex-direction:column;align-items:center;position:relative;z-index:1;}
.banner::before, .banner::after{ 
  position: absolute; content: "";opacity: 0.65; top: 10%; width: 285px;height: 246px; z-index: -1;opacity: 0.35;
  transform: scale(0.92); transform-origin: center; will-change: transform, opacity, filter;  animation: firework-pop 2.8s ease-in-out infinite;
}
.banner::before{ left: 15%;background: url("../images/1508004_fire.png") no-repeat center center / 100% auto; }
.banner::after{ right: 16%;background: url("../images/1508004_fire2.png") no-repeat center center / 100% auto;animation-delay: 1.15s;
  animation-duration: 3.2s; }
@keyframes firework-pop {
	0%,100%{opacity:.25;transform:scale(.9);filter:brightness(.95)}
  35%{opacity:.75;transform:scale(1.04);filter:brightness(1.12)}
  60%{opacity:.55;transform:scale(1);filter:brightness(1.04)}
}
.banner img{max-width:100%;height:auto;display:block;margin:0 auto;}
.banner h1{z-index: 5;}
.btn_area{ flex-direction:column;align-items: center;margin-top: -2rem;z-index: 2;background: linear-gradient(to right, #bf63bf 25%, #7a7ae1 50%, #bf63bf 75%);padding: 1rem 0;position: relative;z-index: 2;}
.btn_area::before{ content: "";position: absolute;top: -78%;left: 10%;width: 526px;height: 128px;background: url("../images/1508004_camp1.png") no-repeat center center / 100% auto;z-index: -1;}
.btn_area::after{ content: "";position: absolute;top: -78%;right: 10%;width: 526px;height: 128px;background: url("../images/1508004_camp1.png") no-repeat center center / 100% auto;z-index: -1;}
.btn_area span{ width: fit-content;align-items: center;}
.btn_group{ filter: drop-shadow(0 0 0.05rem white);margin: 0 0.5rem;transition: top 0.3s ease-in-out;cursor: pointer;position: relative;z-index: 1;transition: scale 0.3s ease-in-out;}
.btn_area .btn_group:hover{ filter: drop-shadow(0 0 0.9rem white);transform: scale(1.03);top: -2px;}
#Master_title{text-align:center;padding:2.5rem 0 0;}
#Master_title .hero_sub{font-size:1.4rem;letter-spacing:0.08em;margin-bottom:0.6rem;white-space:nowrap;}
#Master_title .hero_title{font-size:2.6rem;font-weight:700;line-height:1.4;letter-spacing:0.04em;white-space:nowrap;}
#Master_title .hero_desc{font-size:1.25rem;margin-top:0.8rem;white-space:nowrap;}
#event_master{text-align:left;}
#event_master .sec_block{margin:0 0 1.8rem;padding:4.3rem 1.5rem 1.1rem;background:linear-gradient(30deg, white 82%, transparent); border: 8px double #facf7b;border-radius: 20px;}
#event_master .sec_block2{margin:0 0 1.8rem;padding:2.3rem 6rem 1.6rem;text-align: center;}
.sec_container{position:relative;z-index:1;}
.sec_container::before{content:"";position:absolute;top:-7.8rem;left:0;right: 0;width: 100%;height: 38%;background: url("../images/1508004_camps.png") no-repeat center center / 100% auto;z-index:-1;}
#event_master .sec_title {
  font-size: clamp(1.5rem, 3vw, 4rem); font-weight: 700; margin-bottom: 0.8rem; letter-spacing: 0.06em; white-space: nowrap; color: transparent;
  background-image: var(--text_linear); -webkit-background-clip: text;
}
#event_master .sec_lead{font-size:clamp(1.2rem, 3vw, 2.3rem);font-weight:700;margin-bottom:0.6rem;color: var(--red1);line-height: 2.2;}
#event_master .sec_text{font-size:clamp(1.1rem, 3vw, 1.6rem);line-height:1.9;margin-bottom:0.35rem;color: var(--pink1);}
#event_master .sec_text a,#event_master .sec_lead a,#event_master .info_text a{color:var(--red1);font-weight:700;text-decoration:underline;}
#event_master .info_list > li{font-size:clamp(1.15rem, 3vw, 1.55rem);display:flex;line-height:1.9;align-items:flex-start;margin-bottom:1.1rem;padding-left:1.2rem;position:relative;}
#event_master .info_label {
  padding: 6px 35px; text-shadow: 1px 1px 6px #0000003f; font-weight: bold; letter-spacing: .1rem; background: var(--gold_linear); color: #FFF;
  border-radius: .5em; display: inline-block; margin: 0 1rem 0 0;
}
#event_master .info_text{flex:1;min-width:0;}
#event_master .info_line{display:block;white-space:nowrap;}
.form { width: 95%; text-align: center; font-weight: bold; margin: 2rem auto; }
.form a { display: block; text-decoration: none; background-color: #f5f0eb; padding: 1.25rem 0 0; border: thin dashed #facf7b; border-radius: 1rem; margin: 1rem auto; }
.boujee-text {
  --bg-size: 400%; font-family: sans-serif; font-size: clamp(1.5rem, 3vw, 2.2rem); background: linear-gradient(25deg, #188bd6, #b73ade, #f45195, #ff950d) 0 0 /
  var(--bg-size) 100%; color: transparent; -webkit-background-clip: text; background-clip: text;
}
@media (prefers-reduced-motion:no-preference) { .boujee-text { animation: move-bg 8s linear infinite; }}
@keyframes move-bg {	0% {background-position: 0%;} 50% {background-position: 100%;}
}
.form_ps{font-size: 0.55em;display: inline-block;}
#event_master .gift_row{margin-top:0.8rem;align-items:stretch;}
#event_master .gift_item{
  display:flex;flex-direction:column;align-items:center;padding:2.2rem;text-align:center;box-sizing:border-box;
  background:white;border-radius:1.5rem;margin-bottom:1.5rem;margin-bottom: 3rem;    border: 8px double #facf7b;
}
#event_master .gift_name{font-size:clamp(1.15rem, 3vw, 2.7rem);font-weight:700;margin-bottom:1rem;white-space:nowrap;}
#event_master .gift_desc{font-size:clamp(1.3rem, 3vw, 1.5rem);line-height:1.7;text-align:center;margin:0 auto 0.8rem;color: var(--pink1);}
#event_master .gift_desc_empty{visibility:hidden;}
#event_master .gift_pic{margin:auto auto 0;width:100%;}
#event_master .gift_pic img{display:block;max-width:100%;height:auto;margin:0 auto;filter: drop-shadow(2px 4px 6px var(--red1));}
#event_master .page_link{margin:1.5rem 0 0.8rem;justify-content:space-around;}
#event_master .page_link li{padding:0.5rem 1rem;font-size:1.2rem;white-space:nowrap;}
#event_master .page_link a{color:#1a1a1a;font-weight:700;}
#event_master .page_note{margin:0.4rem 0;font-size:1rem;line-height:1.8;text-align:left;}
#event_master .page_note a{color:#1a1a1a;font-weight:700;}
/*LINE&FB&banner舊稿複製*/
.LINE,.FB,.social_txt,.QRcode{float:left}
.LINE,.FB{width:50%;padding:2%}
.social_txt{width:70%;text-align:left}
.socialTitle{color:#ffed00;font-weight:700;font-size:1.7em;margin-bottom:2%}
.social_txt p{font-size:1.5em;line-height:1.6em}
.social_txt p,.QRcode a{color:#FFF}
.QRcode{text-align:center;font-size:1.3em}
.LINE{background:#44ba44}
.FB{background:#395692}
.QRcode img{max-width:100%}
.link_box{margin:1% auto 2%}
.link_box>ul>li{width:calc(100%/3 - 10px);margin:0 auto;overflow:hidden}
.link_box>ul>li a:hover{transform:scale(1.05)}
.link_box>ul>li a{color:#000;display:inline-block}
.link_box>ul>li img{width:100%}
.navlink{text-align:center;padding:2% 0;margin:auto;background:linear-gradient(to right,#ede9e0 0%,#fffffe 30%,#f1eee6 70%,#ccbfad 100%);}
.navlink li{margin:0 2%;display:inline-block}
.navlink a,.nav_media a{font-size:1.3rem;background:#003c79;color:#FFF;padding:8px 20px;text-decoration:none;display:inline-block;border-radius:10px}
/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0){/*Webkit*/}
@-moz-document url-prefix(){/*Firefox*/}
@media \0screen\,screen\9{/*IE 6 7 8*/}
@media screen\0{/*IE 8 9 10 11*/}
@media print{}
/*站內原有樣式*/
#BodyContent{width:100%;padding:0;margin:0;}
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd{display:none;}
/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:1200px;padding:0;}
#event_master{padding:5.5rem 1rem 3rem;}
#Master_title{display:block;}/*主圖位置ID*/
/*瀏覽器相容性通知*/
/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;background-color:#3399CC;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");left:0;top:0;}
#noie a{color:#FC0;}
.hottxt{color:#ffd942;font-size:13px;}
/* bodyHeader */
#BodyHeader_event,#header-share{width:100%;float:left;}
#BodyHeader_event a,#BodyHeader_event #header-share{font-size:1.1em;}
#BodyHeader_event #header-share{margin:0 auto;background-color:#FFF;}
#BodyHeader_event #header-share img{margin-bottom:5px;display:inline;}
#BodyHeader_event a{color:#333;}
#BodyHeader_event a:hover{color:#666;/*position:relative;top:2px;bottom:2px;*/}
/*ask*/
#askarea SELECT{color:black;background-color:white;}
#askarea_out{background-color:#339966;}
#askarea{width:1200px;margin:0 auto;padding:1rem 2.5rem;text-align:left;}
#askarea .asktitle{color:white;text-align:center;font-size:1.4rem;margin-bottom:0.6rem;}
#formlist{justify-content:flex-start;}
#formlist form{width:100%;}
#formlist .form_row{margin:0;}
#formlist .form_item,#formlist .form_full,#formlist .agree_box{display:block;box-sizing:border-box;margin:0.55rem 0;color:white;font-size:1.1rem;line-height:1.5;white-space:nowrap;}
#formlist .form_item{padding-right:0.8rem;}
#formlist .form_item input,#formlist .form_item SELECT{width:70%;max-width:22rem;min-width:12rem;display:inline-block;vertical-align:middle;margin-left:0.2rem;height:1.9rem;line-height:1.9rem;box-sizing:border-box;}
#formlist SELECT,#formlist input{border-radius:0.25rem;background-color:#FFF;border:#FFF;padding:0.15rem 0.4rem;}
#formlist input[name="sContent"]{width:70%;max-width:22rem;}
#formlist img{display:inline-block;vertical-align:middle;}
#formlist input{color:#A1A1A1;}
#formlist input[type="submit"],#formlist input[type="reset"]{background-color:#eb543f;color:white;width:auto;height:auto;min-width:0;line-height:1.4;padding:0.25rem 0.8rem;}
#formlist input[type="checkbox"]{width:auto;max-width:none;min-width:0;height:auto;margin-right:0.4rem;vertical-align:middle;}
#formlist input[name="sRandomCode"]{width:5rem;min-width:5rem;max-width:5rem;}
#formlist .agree_box{white-space:normal;line-height:1.6;margin-top:0.6rem;}
#formlist .form_code{white-space:nowrap;}
#formlist .red{color:#ffd942;}
label > select{margin:0 0.3rem;}
/* Footer */
#BodyFooter_rwd,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
#BodyFooter_rwd{float:left;background-color:#FFF;}
#BodyFooter_rwd a:hover{text-decoration:none;}
#BodyFooter_rwd #footer_line{width:90%;height:auto;margin:1% 5%;display:block;float:left;text-align:center;border-top:thin solid #999;}
#BodyFooter_rwd #footer_inline a{color:#000;font-size:1em;}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;margin:3% auto 0% auto;}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;margin-right:0.5em;}
#BodyFooter_rwd #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;display:inline;}
#BodyFooter_rwd #footer_address{margin:0% auto auto auto;text-align:center;}
#BodyFooter_rwd #footer_address a{color:#000;}
#BodyFooter_rwd #footer_address ul{padding:0;margin-bottom:1%;text-align:center;}
#BodyFooter_rwd #footer_address ul li{margin-right:0;line-height:2em;text-align:center;font-size:1em;list-style-type:none;display:inline-block;}
/* Footer end */
@media (min-width:1201px){
#topbutton{display:none;}
}
@media all and (min-width:1px) and (max-width:1200px){
  .banner::before,
  .banner::after { top: 2%; width: 145px; height: 130px; }
  .banner::before { left: -1%; }
  .banner::after { right: -1%; } 
  .navlink{padding:2% 0}
  .navlink li{margin:1.5% 1%}
  .navlink a{font-size:1rem}
  .media_link a{font-size:1.05rem}
  .LINE,.FB{width:100%;padding:3% 4%}
  .socialTitle{font-size:1.3em}
  .social_txt p{font-size:1.1em}
  .QRcode{font-size:1rem}
  @media (min-width:768px) and (max-width:1200px){
  .menu_btn{top:1rem!important;}  
  }
  /*修正獨立event選單click按鈕大小*/

  /* .st-content img{width:unset!important;height:unset!important;} */

  /*TOP*/
  #topbutton { width: 50px; height: 50px; color: #FFF; border-radius: 50%; background-color: #000; opacity: .4; right: 1%; bottom: 17%; position: fixed; line-height: 50px; font-size: 15px; text-align: center; z-index: 99 }

  #topbutton a{color:#FFF;text-decoration:none;line-height:50px}
  #Master_title{padding:1.8rem .8rem 1.4rem}
  #Master_title .hero_sub{font-size:1.05rem}
  #Master_title .hero_title{font-size:1.45rem;white-space:normal;word-break:keep-all}
  #Master_title .hero_desc{font-size:1rem;white-space:normal;word-break:keep-all}
  #event_master .sec_block{padding:1rem .9rem;margin-bottom:1.1rem}
  #event_master .info_label{min-width:5em;margin-right:.35rem}
  #event_master .info_line{white-space:normal;word-break:keep-all}
  #event_master .gift_item{padding:2rem}
  #event_master .gift_name{white-space:normal;min-height:0;line-height:1.5}
  #event_master .gift_desc{min-height:0}
  #event_master .gift_desc_empty{display:none}
  #event_master .page_link{justify-content:center}
  #event_master .page_link li{font-size:1.05rem;padding:.4rem .7rem}
  #event_master .page_note{font-size:.95rem}
  /*****站內原有樣式Mobile*****/
  /*隱藏的區塊*/
  #BodyHeader_event,.hottxt,#noie{display:none}
  /*會撐開的版面控制*/
  #BodyContent{width:100%;padding:0}
  #BodyContainer_event{width:100%}
  /*會撐開的版面控制END*/
  /* Header */
  #BodyHeader_event_rwd{text-align:center;width:100%;height:auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;display:initial;padding:0}
  /*orientation: portrait   直式
    orientation: landscape  橫式*/
  #BodyHeader_event_rwd img{height:auto;margin:2.5% auto}
  @media screen and (orientation:portrait){#BodyHeader_event_rwd img{max-width:50%}}
  @media screen and (orientation:landscape){#BodyHeader_event_rwd img{max-width:25%}}
  /*body*/
  #Master_title{display:block}
  /*主圖位置ID*/
  @media all and (orientation:portrait){#Master_title{margin-top:15%}}
  @media screen and (orientation:landscape){#Master_title{margin-top:10%}}
  /*資料集中1200px寬外框*/
  #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:100%}
  #event_master{padding:1rem .7rem}
  /*ask*/
  #askarea{width:100%;padding:.8rem}
  #askarea .asktitle{font-size:1.1rem}
  #askarea .asktitle>p{line-height:2.2rem}
  #formlist{margin:0 auto}
  #formlist .form_item,#formlist .form_full,#formlist .agree_box{font-size:1rem;padding-right:0;white-space:normal}
  #formlist .form_item input, #formlist .form_item SELECT, #formlist input[name="sContent"], #formlist SELECT, #formlist input {
    width: 100%;
    max-width: none;
    margin: 0.25rem 0;
  }
  #formlist input[type="submit"],#formlist input[type="reset"]{width:calc(100%/4.5)}
  #formlist input[type="checkbox"]{width:auto}
  #formlist .form_code{white-space:normal}
  /*TOP按鈕*/
  #topli,#topli a{color:#fff;text-decoration:none}
  #topli {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 9999em;
    background-color: #000;
    opacity: .4;
    position: fixed;
    line-height: 50px;
    font-size: 15px;
    display: initial;
  }

  @media screen and (orientation:portrait){#topli{right:1%;bottom:8%}}
  @media screen and (orientation:landscape){#topli{right:1%;bottom:15.8%}}
  /* Footer */
  #BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;float:left}
  #BodyFooter_rwd{background-color:#FFF;margin-top:5%}
  #BodyFooter_rwd #footer_line{margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
  #BodyFooter_rwd #footer_inline a{color:#000;line-height:2em}
  #BodyFooter_rwd #footer_inline ul{padding:0;margin-bottom:1%;text-align:center}
  #BodyFooter_rwd #footer_inline ul li img{width:40%;height:auto;margin-bottom:2%;margin:0 auto}
  #BodyFooter_rwd #footer_inline ul li{display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
  #BodyFooter_rwd #footer_address{margin:0 auto auto auto;text-align:center}
  #BodyFooter_rwd #footer_address a{color:#000;line-height:2em}
  #BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;clear:both}
  #BodyFooter_rwd #footer_address ul li{display:block;line-height:2em;text-align:center;font-size:.8em}
  /* Footer end */
}
@media (min-width:0px) and (max-width:991px){
  .btn_area{padding: 2rem;} 
  .btn_area span{flex-direction:column;gap: 1rem;}  
}
@media (max-width:767px){   
  .btn_area::before,.btn_area::after{display:none;}
  .sec_container::before {top: -6.3rem;}
  #event_master .sec_block{padding:3.2rem .75rem 1rem;}
  #event_master .sec_block2{padding: 1.3rem 0.5rem 1.6rem;margin: auto;}
  /*圖1 資訊區：手機改標籤換行後再顯示內文*/
  #event_master .info_list{padding:0 .15rem;}
  #event_master .info_list > li{flex-direction:column;align-items:flex-start;padding-left:0;margin-bottom:1rem;line-height:1.7;font-size:1.05rem;}
  #event_master .info_label{width:auto;min-width:0;margin:0 0 .35rem 0;padding:4px 1.15rem;font-size:.95rem;letter-spacing:.06rem;}
  #event_master .info_text{width:100%;padding-left:.1rem;word-break:keep-all;overflow-wrap:break-word;}
  #event_master .info_line{display:block;white-space:normal;word-break:keep-all;margin-bottom:.2rem;}
  .form a{padding: 1.5rem 1rem;}
  .form_ps{font-size: 1rem;display: inherit;}
  .LINE,
  .FB { width: 100%; padding: 3% 4%; }
  .QRcode,
  .social_txt { width: 100%; }
  .social_txt { text-align: center; }
  .qrimg { display: flex; flex-wrap: wrap; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .banner::before,
  .banner::after {
    animation: none;
    opacity: 0.55;
    transform: none;
  }
}