﻿#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding:1rem;}
#event_master img{margin:auto;}
#EventContainer .bgcolor0{background:#ff5c87}
div#Ask{background:#7781f2;}
.pc_show{display:block}
.mb_show{display:none}
.wrap_all{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
.activity{font-size:1.75rem;padding:0 1rem;align-items:center;display:flex;flex-wrap:wrap;font-family:"Microsoft YaHei",sans-serif;font-weight:bold;}
.activity .title{font-size:2.3rem;color:#fff93f;border-bottom:5px #fff dotted;display:inline-block;width:80%;padding:0 0 0.55rem 0;font-family:"Microsoft YaHei",sans-serif;font-weight:bold;}	
.activity font{color:#fff;}
.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;}
.join{font-size:1.2em;line-height:1.9em;}
.go{font-size:1.2em;line-height:1.9em;}
.join_note{text-align:center;color:#F8DC9D;font-size:1.4rem;border:2px #F8DC9D solid;border-radius:5px;width:200px;margin:1% auto;}
.text_s1{font-size:.8em;}
.part_list{margin:auto auto 2rem;color:#fff;}
.part_list .txt{padding:0.2% 1%;background-color:#6e77e4;color:#fff;border-bottom:1px solid;display:inline-block;border-radius:4px;margin:0.5% 1% 0.5% 0.5%;}
.part_list strong{color:#fff93f;font-weight:bold;font-size:1.2em;}
.part_list ul li{font-size:1.25rem;line-height:30px;font-family:Verdana}
.part_list ul li a{color:#fff93f;text-decoration:underline;}
.part_list ul li ol{display:inline-grid;}
.part_list ul li ol ul{width:100%;}
.part_list ul li ol ul li{width:32%;float:left;list-style:none;text-align:center;font-size:.8em;}
.qr_img{align-items:center;width:27%;float:right;}
.qr_img img{margin:1%;}
.eventdate title{ width:80%}
.eventdate{font-size:2rem;line-height:30px;width:calc(100% / 3 - 1%);text-align:center;background-color:#ffecf7;border-radius:6px;margin:.5rem .2rem;color:#0d2e3e;}
.eventdate ul li{font-size:1.05rem;line-height:30px;font-family:Verdana}
.eventdate .date{font-size:1.7rem;font-family:Verdana;font-weight:bold;}
.enter{color:#cc2c32;font-size:1.7rem;font-family:Verdana;font-weight:bold;}
#event_sec .eventdate ul li a{color:#c33a88;}
#event_sec .qr_txt a{color:#c33a88;font-weight:bold;}
.underline{text-decoration:underline;}
.askclick{font-weight:bold;background-color:#fffad1;border-radius:7px;padding:1px 8px;margin:0 .25rem;display:inline-block;}
.part_list ul li .askclick a{color:#000;text-decoration:none;}
.askclick:hover{text-decoration:none;font-weight:bold;}
.location{width:15%;float:left;font-size:1.1em;color:#FFF;padding:.5% 2%;background-color:#000;text-align:center;}
.location{margin:3% 3% 3% 10%;}
.location2{margin:0 3% 3% 10%;}
.loc_detail{color:#fff;background-color:#cc2c32;margin:0.5rem 3% 0;padding:20px;border-radius:5px;text-align:center;font-size:2rem;}
.loc_detail+ul{padding:12px 6px ;}
.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:right;color:#fff93f;width:100%;padding:.25rem;}
.note_save{width:100%;float:left;font-size:0.9em;color:#000;text-align:center;padding-bottom:1em;}
.bgpurple{background:#a93d8a;color:white;padding:0rem 0.25rem;border-radius:0.25rem;}
.bgyellow{background:#fff93f;color:#000;padding:0rem 0.125rem;border-radius:0.25rem;margin:0 1%;}
.part_list p{font-size:1.125rem;line-height:30px;margin:0.5% 0;}
.mt-1{margin-top:0.25rem;}
.mt-2{margin-top:0.5rem;}
.scene img{width:calc(100%/4);}  
.part_list figure{margin:8px auto;text-align:center;}
#event_sec{margin-top:0px;border:0px #000 solid;background-size:850px;}
.gift-item{margin:auto;text-align:center;width:calc(100%/2 - 2rem);}
.gift-item:last-of-type{width:calc(100% - 2rem);}
.gift-item .title{display:inline-block;background-color:#cc2c32;border:1px solid #ffffff6e;position:relative;bottom:-1.25rem;;padding:0.25rem 2rem;font-size:1.5rem;color:white;text-shadow:-1px 0 rgb(255 255 255 / 20%),0 1px rgb(255 255 255 / 20%),1px 0 rgb(255 255 255 / 20%),0 -1px rgb(255 255 255 / 20%);}
.gift-item .title::before,.gift-item .title::after{content:'•';position:relative;}
.gift-item .title::before{left:-1rem;}
.gift-item .title::after{right:-1rem;}
.gift-cont{background:#fffce4;border-radius:12px;margin:0 auto;border:3px #c23c8b5e solid;padding:1.5rem 2rem 1rem;}
.gift-cont strong{color:#CC2C32;}
.gift-item:first-of-type .gift-cont{background:url(../../images/1109018/0901014_19.png) no-repeat bottom right #fffce4;border-radius:12px;}
.gift-cont p{position:relative;font-size:1.125rem;color:#114478;text-align:justify;}
.gift-cont p a{color:#7781f2;font-weight:bold;}
.gift-cont figure{margin:0;}
.ps{padding:1rem 0 1.5rem;}
.ask-wrap textarea{border-radius:7px;width:100%;display:inline-block;font-size:1rem;padding:1%;border:5px #dfdfdf solid;height:16rem;}
.ask-wrap textarea.notice{height:6rem;}
#Ask input[type="radio"]{width:15px;height:15px;margin:0 2px 0 0;display:inline-block;}
#Ask #unwilling{margin:0 2px 0 4px;}
#unwilling + label{margin:0 8px 0 0;}
#Ask SELECT, #Ask input{font-size:1rem;}
#Ask .ask-title{font-size:2.5rem;font-weight:bold;padding:1rem;}
div#Ask input[type="submit"],div#Ask input[type="reset"]{width:100px;}
div#Ask input[type="submit"]{background:#d55c5c;}
div#Ask input[type="reset"]{background:#607D8B;}
.example{color:#003366;}
.example dt{margin-right:0.5rem;}
.example dd{list-style-type:decimal;display:list-item;margin:auto 1rem;}
#Ask SELECT[name="sT1"]{margin:.5rem 0 .5rem auto;}
#banner  img{width:115px;}
.part_list .txt2{margin-left:70px;}
.brief{background-color:#ffffff;padding:0 1rem;width:fit-content;border-radius:1rem;margin:.5rem auto;border:1px solid #6e77e4aa;border-bottom:3px solid #6e77e4aa;}
@media (min-width:1201px){
    #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width:1200px;margin:auto;}
    #event a:hover{position:relative;top:2px;bottom:2px;}
    #event_master{margin-top:0px;border:0px #000 solid;line-height:1.9em;}
    #event_master h1{font-size:33px;}
    #event_master h2{font-size:25px;}
    #event_master h3{font-size:21px;}
    #event_sec h1{font-size:33px;}
    #event_sec h2{font-size:25px;font-family:Meiryo, "Meiryo UI", Arial, sans-serif;}
    #event_sec h3{font-size:21px;}         
    .part_list{width:77%;}    
}
@media (max-width:1200px){    
    /*body*/
    #event{margin:0px auto;background-color:rgb(12 185 193);float:left;font-family:"微軟正黑體";}
    #event_master h1{font-size:2.5em;}
    #event_master h2{font-size:2em;}
    #event_master h3{font-size:1.5em;}
    #event_master img{width:100%;}
    #event_sec h1{font-size:2.5em;}
    #event_sec h2{font-size:1.9em;font-family:Meiryo, "Meiryo UI", Arial, sans-serif; }
    #event_sec h3{font-size:1.5em;}
    #Ask .target-fix{position:relative;top:-4rem;}  
    .gift-cont{flex-wrap:wrap;justify-content:center;margin:0 auto;}
    .gift-cont p{margin:auto;}    
    .gift-cont img{width:60px;padding:0;}
    .activity .title{font-size:2.2rem;}
    .part_list strong{font-size:1.05em;}
    .eventdate .date{font-size:1.3rem;}
    .enter{font-size:1.3rem;}
}
@media (min-width:768px) and (max-width:1199px){
    .location{margin:0 3% 0 10%;}
    .md\:w-1\/2{width:50%;}
}
@media (max-width:767px){
    .part_list figure img{width:calc(100%/2);}
	.pc_show{ display:none;}
    .mb_show{ display:inline-block;}
	#event_master{margin-top:0px;margin-left:-10%;}
	#event_master img{width:100%;}
	.tt1{ font-size:1.1rem;color:#fff;font-weight:bold;padding:0 5% 0 7%;}
	.tt2{ font-size:1rem;}
	.color1{color:#ff7e75;font-size:1.5rem;vertical-align:text-bottom;}
	.color2{color:#ffc845;font-size:1.5rem;vertical-align:text-bottom;}
	#event_master i{ font-size:1rem; color:#cc0;}
	#event img{width:100%;height:auto;}
	.part_list ul li{font-size:1rem;line-height:1.7rem;}
    .part_list{width:92%;margin:auto;padding:0 0 7%;}
    .part_list .txt2{margin-left:0;}
	.part_list .txt{display:table;margin:7px auto 0;width:100%;text-align:center;}
	.qr_img{width:100%;}
	.qr_img img{width:150px;margin:3% auto 6%;}
    .note_save{width:80%;margin:0 10%;}
	.activity .title{width:100%;font-size:1.4rem;line-height:36px;}    
	.loc_detail{color:#fff;margin:0.5rem 3% 0;padding:7px 0;border-radius:5px;text-align:center;font-size:1.3rem;}
	.gift-item{margin:auto;}
    .gift-item .title{font-size:1.3rem;}
    .gift-item+small{margin:0 15px;display:inline-block}
    .part_list figure{width:100%;margin:8px 0;}    
	.eventdate{width:97%;height:auto;}
    .QA{text-align:left;font-size:1rem;}
    .sm\:text-center{text-align:center;}
	div#Ask .ask-title{font-size:1.75rem;font-weight:bold;}
    #Ask SELECT[name="sT1"]{margin:auto auto 0.25rem 0;}
    #Footer{ width:100%}	
}
@media (max-width:767px) and (orientation:portrait){
    .gift-item,.gift-item:last-of-type{width:100%;}
    .ask-wrap textarea{height:18rem;}
}