#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
#event_master img {margin: auto;}
#EventContainer .bgcolor0 {/*background: #c05ab4;background:#d55c5c;*/background: #b45cd5}
#Ask {background: #00BCD4 !important;}
.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: #ffeb3b;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: #0cb9c0;color: #fff;display: inline-block;border-radius: 4px;margin: 0.5% 1% 0.5% 0.5%;}
.part_list strong {color:#f0fd04;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: #FFF;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: 32.6%;text-align: center;background-color: #ffe0e0;border-radius: 6px;margin: 0.5% 0.2% 0;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: #9c27b4;}
#event_sec .eventdate ul li a {color: #9c27b4;}
#event_sec .qr_txt a {color: #9c27b4;font-weight: bold;}
.underline {text-decoration: underline;}
.askclick {font-weight:bold;background-color: #fffad1;border-radius: 7px;padding: 3px 6px;margin: 0 0.25rem;border: 3px #FF9800 solid;display: inline-block;}
.askclick a {color:#000 !important; text-decoration:none!important;}
.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: #00BCD4;margin: 0.5rem 3% 0;padding: 20px;border-radius: 5px;text-align: center;font-size: 2rem;}
.loc_detail+ul {padding: 8px 0 18px 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: #fffd2a;width: 100%;}
.note_save {width: 100%;float:left;font-size: 0.9em;color: #000;text-align:center;padding-bottom:1em;}
#event_sec a {color: #fffd2a;}
.bgpurple {background: #a93d8a;color: white;padding: 0rem 0.25rem;border-radius: 0.25rem;}
.bgyellow {background: #fffd2a;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: 0 7% 2%;}
.gift-item img {display: flex;margin: auto;margin-bottom: -1.5%}
.gift-cont {background: #fffce4;border-radius: 12px;display: flex;align-items: center;width: 80%;margin: 0 auto;border: 3px #d2d2d2 solid;padding: 2%;}
.gift-cont strong {color: #CC2C32;}
.gift-item:first-of-type .gift-cont {background: url(../../images/1109018/0901014_19.png) no-repeat bottom right #FFFAEC;border-radius:12px;}
.gift-cont p {position: relative;font-size: 1.125rem;color: #114478;text-align: justify;}
.gift-cont p a {color: #9c27b0 !important;font-weight: bold;}
.gift-cont figure {margin: 0;}
.ask-wrap textarea {border-radius: 7px;width: 100%;display: inline-block;font-size:1rem;padding: 1%;border: 5px #dfdfdf solid;}
#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 !important;font-weight: bold;}
#Ask input[type="submit"], #Ask input[type="reset"] {width: 100px !important;}
#Ask input[type="submit"] {background: #d55c5c !important;}
#Ask input[type="reset"] {background: #607D8B !important;}
.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;}

@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;padding: 10px 15px 0px;justify-content: center;width: 86%;margin: 0 auto;}
    .gift-cont p {margin: auto;}    
    .gift-cont img {width: 60px;padding: 0;}
}
@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: 0.95rem;color: #fff;font-weight: bold;padding: 0 4%;}
	.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: 95%;font-size: 1.4rem;line-height: 36px;}    
	.loc_detail {color: #fff;background-color:#00BCD4;margin: 0.5rem 3% 0;padding: 7px 0;border-radius: 5px;text-align: center;font-size: 1.3rem;}
	.gift-item {margin: auto;}
    .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;}
	#Ask .ask-title {font-size: 1.5rem !important;font-weight: bold;}
    #Ask SELECT[name="sT1"] {margin: auto auto 0.25rem 0;}
    #Footer { width:100%}	
}