#EventContainer .bgcolor0 {background: #f5e7d5 !important;}
#EventContainer .bgcolor1 {background: ;}
h1 {font-size: 3rem;}
h2 {font-size: 2rem;}
#EventContainer h3 {font-size: 3.4rem;color: #f1d2aa;font-weight: normal;padding: 2% 6% 0;position: relative;}
#event_master img {width: 100%;height: auto;}
#event_applyto {background: linear-gradient(to bottom,#f3d4aa 40%,#f7e4cc 90%);}
.apply {position: absolute;top: -60%;right: 5%;}
.info_group {background: linear-gradient(to bottom,#de2c19 40%,#bc1a09 90%);}
.info_group > .flex {justify-content: center;}
.info_group > .flex div {padding: 1% 1% 0;}
.info_group > .flex div:nth-child(1) {padding-right: 0;}
.info_group > .flex div:nth-child(2) {font-size: 1.8rem;color: white;border-bottom: solid 4px #ae8d62;}
.info_group > .flex div:nth-child(2) strong {font-size: 2.2rem;color: #000;}
.info_group > .flex div:nth-child(3) {padding-right: 0;}
.info_group > .flex div:nth-child(4) {font-size: 2.2rem;color: white;border-bottom: solid 4px #ae8d62;line-height: 3.3rem;}
.info_group > .flex div:nth-child(4) strong {font-size: 3.5rem;color: #FFF;}
.info_group > .flex div:nth-child(4) b {font-size: 1.2rem;color: #dbc4a6;margin-top: -1rem;display: block;}
.apply-date {background: linear-gradient(to right,#c5a377 40%,#a9824e 100%);text-align: center;margin-top: 5%;padding: 3%;}
.apply-date a {display: block;font-size: 3rem;color: #cd1c09;font-weight: bold;}
.segment > span {font-size: 2.2rem;}
.segment small {color: black;font-weight: bold;}

/* 加碼福利 */
.bonus {padding-top: 5%;}
.bonus dd {width: calc(100%/2);text-align: center;border-bottom: solid 4px #ebdfce;}
.profit {color: #D82916;background-color: white;display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;width: 25px;height: 25px;border: 1px dotted #D82916;margin-right: 0.125rem;font-weight: bold;}
.price {color: #D82916;}
.dropdown {position: relative;width: 25%;background-color: #efe3d2;}
.dropdown-toggle {display: block;color: white;background: linear-gradient(to right,#ae8d62 40%,#846235 100%);padding: 1.0rem 0.5rem;text-decoration: none;font-size: 1.5rem;}
.dropdown-menu {background-color: #fff7ec;padding: 0;margin: 0;}
.dropdown-menu li {font-size: 1.1rem;list-style-type: none;padding: 0.8rem 0.5rem;}
.dropdown:last-of-type li:nth-of-type(1) {box-shadow: 0px 0px 0px white inset, 0 -1px 0 #d5c5b0 inset;}
.dropdown:nth-of-type(odd) li {border-right: 1px solid #d5c5b0;}
.dropdown:nth-of-type(3) li {padding: 3.25rem 0.5rem;}
#Ask {background: #f5e7d5 !important;color: black !important;padding: 0 !important;}
#Ask .ask-wrap {background: linear-gradient(to bottom,#f3d4aa 40%,#f7e4cc 90%);padding: 2rem;}
#Ask SELECT[name="sT2"], #Ask input[type="text"] {margin: 0.5rem 1rem 0.5rem auto;}
#Ask input[type="submit"], #Ask input[type="reset"] {background: #de2c19 !important;}
#Ask input[name="sEmail"] {width: 25%;}
#Ask .ask-title {color: #cf2412 !important;font-size: 2rem !important;border-bottom: dotted 2px;}
#Ask .circle-check input, #Ask .circle-check input[name="sContent"] {width: initial;vertical-align: middle;margin: auto 0.25rem 0.25rem auto;}
.circle-check {align-items: baseline;}
.circle-check dt {margin-right: 0.5rem;font-weight: bold;}
.circle-check dd {margin-right: 1rem;}
.film-after {border-top: 1px solid #484848;padding: 0.5rem 0;text-align: center;}

#back-top a {color: #846235 !important;}

@media screen and (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #Ask .ask-wrap {width: 1000px;margin: auto;}	
}

@media screen and (max-width: 1200px){
	#EventContainer .flex div, .circle-check dt {width: 100%;}
	#EventContainer .flex div:nth-child(2) {margin-bottom: 3%;}	
	.info_group > .flex div {padding: 1% 0 0 4%;}
	.apply {position: inherit;margin: 0 auto;text-align: center;right: initial;}
	.apply img {margin: auto;}	
}

@media screen and (max-width:767px){ 
	#Ask input[name="sEmail"] {width: 100%;}
	input[type="checkbox"] {width: 99%;}
	#Ask .circle-check input, #Ask .circle-check input[name="sContent"] {display: inline-block;}
	#EventContainer h3 {font-size: 2.2rem;text-align: center;padding: 2% 2% 0;}
	.bonus > dd {width: 100%;border-bottom: solid 4px #ebdfce;}
	.apply img {width: 65%;height: auto;}	
	.dropdown-toggle {font-size: 1.25rem;}
	.dropdown:nth-of-type(odd) li {border-right: 0;}
	.dropdown:nth-of-type(3) li {padding: 0.8rem 0.5rem;}
	.apply-date a {font-size: 2.25rem;}
}