﻿.bg-main{background:#f9b20c;}
.eventwrap{padding:1rem;}
.banner img{margin:auto;}
.activity{font-size:1.75rem;align-items:center;display:flex;flex-wrap:wrap;font-family:"Microsoft YaHei",sans-serif;font-weight:bold;}
.activity .title{font-size:2.5rem;color:#fbffcd;border-bottom:5px #fff dotted;filter: drop-shadow(2px 2px 3px #0000003a);width: calc(100% - 130px);padding:0 0 0.55rem 0;font-family:"Microsoft YaHei",sans-serif;font-weight:bold;}	
.activity font{color:#fbffcd;}
.activity .number{position:relative;padding:2px 3px;margin:auto 25px auto 3px;}
.activity .number::after{position:absolute;content:'';width:0;height:0;border-style:solid;border-width:22px 0 22px 40px;border-color:transparent transparent transparent #000;z-index:1;left:0;top:0;}
.number font{position:relative;z-index:2;}
.part_list{width:calc(100% - 125px);margin:.8rem 0 2rem auto;}
.part_list .txt{padding:.2% 2%;background-color:#954aaa;color:#fff;font-weight:bold;display:inline-block;border-radius:4px;margin:0.5% 1% 0.5%;}
.part_list strong{color:#b12b0b;font-weight:bold;font-size:larger;padding:0 .2rem;}
.part_list ul{background:#fffaec;border-radius:10px;}
.part_list_1 ul{border:3px #faca5b solid;}
.part_list ul li{font-size:1.3rem;line-height:30px;font-family:Verdana;border-bottom:2px #faca5b dotted;padding:.3rem 0;}
.part_list ul li:last-child ,.part_list ul>li>ol>li{border-bottom:0px solid #ff8997;}
.part_list ul li a{color:#b12b0b;text-decoration:underline;}
.part_list ul li a:hover{text-decoration:none;}
.part_list ul li ol{width:calc(100% - 150px);list-style-type:decimal;padding-left:2rem;}
.part_list ul li ol ul{width:100%;}
.part_list ul li ol ul li{width:32%;list-style:none;text-align:center;font-size:.8em;}
.eventdate_taipei , .eventdate_other{width: 100%;padding: .5rem;}
.eventdate title ,.eventdate ul{width:80%}
.eventdate{line-height: 30px;width: 100%;border: 3px solid #faca5b;display: flex;flex-direction: row;justify-content: center;align-items:start;background-color:#debeee;border-radius: 10px;margin: .15rem .15rem 0;padding: .8rem;}
.eventdate ul{background:unset;}
.eventdate ul li{font-size:1.3rem;line-height:30px;font-family:Verdana;padding:.1rem 0 0;border-bottom:0px solid #ff8997;}
.eventdate .date{font-size:1.8rem;font-family:Verdana;font-weight:bold;}
.eventdate .btn{text-align: center;}
.eventdate .btn a{font-size: 1.5rem;display: inline-block;background: #b12b0b;color: #fffaec;padding: .2rem 1rem .35rem;border-radius: 3rem;text-decoration: none;border: 3px solid #eeceee;}
.underline{text-decoration:underline;}
.askclick{text-decoration:underline;font-weight:bold;background-color:#ffffff;border-radius:5px;padding:3px 10px;margin:0 0.25rem;border: 2px #f9b20c dotted;}
.askclick a{color:#000000; text-decoration:none;}
.askclick:hover{text-decoration:none;font-weight:bold;}
.loc_detail{width: 100%;color:#954aaa;background-color:#ffffff;font-weight:bold;padding:0.8rem 0;border-radius:5px;text-align:center;font-size:2rem;}
.loc_detail+ul{margin: 1rem auto .6rem;}
.loc_detail_2{color:#057da3;background-color:#FFF;width:100px;margin-bottom:0;padding:3px;border-radius:5px;text-align:center;font-weight:bold;border:#7fd6f2 medium solid;}
.QA{text-align:center;color:#333;width:100%;padding:1rem .5rem .5rem;}
.ps{text-align:center;color:#333;width:100%;padding:0 .5rem 1.5rem;}
.part_list p{font-size:1.125rem;line-height:30px;}
.gift-item{margin: 1rem 0 auto auto;width:calc(100% - 125px);}
.gift-item img{display:flex;margin:auto;margin-bottom:-2%}
.gift-cont{background:#fffce4;border-radius:12px;display:flex;align-items:center;border:3px #faca5b solid;padding:4% 1% 2%;font-size:1.2rem;margin:auto auto 1rem;}
.gift-cont strong{color:#b12b0b;}
.gift-cont{background:url(https://goldensun.get.com.tw/happy/images/1012033_hand.png) no-repeat bottom right #FFFAEC;border-radius:12px;}
.gift-cont p{position:relative;font-size:1.125rem;color:#000;text-align:justify;line-height:29px;padding:0 150px 0 40px;}
.gift-cont a{color:#b12b0b;font-weight:bold;background-color: #ffffff;border-radius: 5px;padding: 2px 5px 1px;margin: 0 .25rem;border: 2px #f9b20c dotted;}
.gift-cont figure{margin:0;}
div#Ask{background:#b12b0b;}
#Ask input[type="checkbox"]{width:15px;height:15px;margin-right:0.5rem;margin-bottom:auto;display:inline-block;}
#Ask SELECT,#Ask input{font-size:1rem;}
div#Ask .ask-title{font-size:2.5rem;font-weight:bold;}
.ask-wrap textarea{border-radius:7px;width:100%;display:inline-block;font-size:1rem;padding:1%;}
.will{display:flex;flex-wrap:wrap;}
.will li{margin:.5rem 2rem .5rem 0;}
@media (min-width:1201px){
    .eventwrap{width:1200px;margin:auto;}
}
@media (max-width:1200px){
    .part_list{width:100%;}
    .gift-item{width:100%;}    
    .eventdate title {width: 55%;}
    .eventdate ul {width: fit-content;}
    .eventdate_other ul li:last-child{display: none;}
}
@media (max-width:1023px){
    .eventdate {flex-direction: column;}    
}
@media (max-width:767px){
    .eventwrap {padding: .5rem;}
	.tt1{font-size:0.95rem;color:#fff;font-weight:bold;padding:0 4%;display:block;}
	.tt2{font-size:1.125rem;}
	.part_list ul li{font-size:1.125rem;line-height:1.7rem;padding: .3rem .5rem;}
    .part_list ul li ol{width:100%}
    .part_list ul li ol li{padding: .2rem 0;}
    .part_list p{padding-left:initial;}
    .part_list strong {font-size: unset;}
	.activity .title{width:100%;font-size:1.6rem;line-height:36px;}   
    .loc_detail{padding:3px;border-radius:5px;text-align:center;font-size:1.4rem;}
    .eventdate{width: unset;}
    .eventdate title {width: 100%;}
    .eventdate_taipei, .eventdate_other {padding:.5rem 0;}
    .eventdate .date {font-size: 1.4rem;} 
    .eventdate .btn a {font-size: 1.3rem;padding: .1rem 1rem .2rem;}
	.gift-item{margin:auto;}
    .gift-item img{width: 60%;padding: 1rem 0 0;}
    .gift-cont{background-size: 100px;padding: 4% 1% 0;}
    .gift-cont p{padding: 0 1rem 1rem;background: linear-gradient(-45deg,rgb(255 250 236 / 25%),#FFFAEC);}    
    .QA{text-align:left;}
	div#Ask .ask-title{font-size:1.65rem;font-weight:bold;}    
}