.mr-2 {margin-right: 0.5rem;}
.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.pb-4 {padding-bottom: 1rem;}
.text-4xl {font-size: 2.25rem;}
.text-5xl {font-size: 3rem;}
.text-center {text-align: center;}
.bgcolor1 {background: linear-gradient(to right, #c93a02 6%, #d15003 26%, #ef9d14 50%, #ce4803 95%);}
.bgcolor2 {background: linear-gradient(to right, #bb7a23 10%, #e1bd6f 95%);}
.bgcolor3 {background: linear-gradient(to right, #ce4803 10%, #e6850f 95%);}
.bgcolor4 {background: linear-gradient(to right,#f3e2b6 10%,#f8efdd 95%);}
.bgcolor5 {background: linear-gradient(to right,#987d52 10%,#d8b789 95%);}
.fcolor1 {color: #ea770c;font-size: 1.5em;}
/*標題大小*/
section h1 {font-size: 4rem;font-weight: bold;text-align: center;color: white;border-bottom: solid 0px;margin: 1% 2% 2%;font-family: CHei3HK;text-shadow: 2px 3px 5px #643c06;line-height: 1.5em;}
section h2 {font-size: 4rem;font-weight: bold;text-align: center;color: #cb3f03;border-bottom: solid 0px;margin: 1% 2% 2%;font-family: CHei3HK;text-shadow: 2px 3px 5px #FFF;line-height: 1.5em;animation: myfirst 1.5s infinite alternate ease-in-out;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
h3 {font-size: 2.25rem;}

/*會計師歡喜會*/
#Master_title h1 {font-size: 5rem;}
#Master_title {text-align: center;}
#Master_title img {max-width: 100%;height: auto;margin: auto;}

.submenu {justify-content: center;padding: 0.8rem 0;}
.submenu li:first-of-type {border-right: 1px dotted #f6eacd;}
.submenu li {padding: 0.125rem 1rem;}
.submenu li a {font-size: 2.2em;color: antiquewhite;text-decoration: none;font-family: 華康新特明體;}
.submenu li a:hover {text-decoration: underline;color:white;}
.target-fix {position: relative;display: block;visibility: hidden;}

/*VIP*/
.VIP {padding: 0% 5% 3%;color: #b23702;font-size: 1.2em;}
.VIP li {border-bottom: dotted 0px;padding: 0.4em 0;font-size: 1.3em;/*text-shadow: 1px 1px 4px #241500*/;}
.VIP li b {background: linear-gradient(30deg, #d15003 20%, #ef9d14 80%);color: white;width: 2rem;height: 2rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin: auto 0.5rem 0.5rem auto;}
.VIP li a {color: #b23702;font-weight: bold;}
.VIP li strong {background: linear-gradient(to right,#fff1d4 10%,#ffffff 95%);padding: 0.2em 0.8em;border-radius:1.0em;color: #ce4803;margin: 0.0em 0.5em 0.0em 0;text-shadow: 0px 0px 0px #643c06;display: inline-block;box-shadow: 2px 3px 6px #2415007a; }
.VIP li:nth-last-child(1) {margin-top: 0.5em;border-top: dotted 3px;text-align: center;font-size: 1.5em;}
.VIP li small {font-size: 0.9rem;padding: 0;}

/*辦卡享好禮*/
.hs {color: #fff4d7;padding: 0 5% 2%;font-size: 1.7em;text-align: center;}
.gift-wrap {padding: 0rem 0.5rem 1.5rem;}
.gift-wrap dl {width: calc(100%/5 - 0.5rem);margin: 0.35rem 0.25rem;padding: 0.5rem 1rem 0.5rem 1.5rem;box-sizing: border-box;background: linear-gradient(to right, #fbf4e5 10%, #ffe9b3 95%);border-radius: 1.5em;}
.gift-wrap dl dt {font-size: 2rem;color: #cb3f03;font-weight: bold;}
.gift-wrap dl dd {font-size: 1.1rem;line-height: 1.75rem;}
.gift-wrap dl dd a {color: #ea770c;font-weight: bold;}
.gift-wrap dl dd small {font-size: 0.9rem;}
.number {display: inline-flex;align-items: center;justify-content: center;background-color: #cb3f03;color:white;width: 2rem;height: 2rem;border-radius: 50%;margin-right: 0.5rem;}
.gift-wrap dl:last-of-type .number {width: 2.5rem;height: 2.5rem;}

/*傳承獎學金*/
#event_third{}
#event_master,#event_sec,#event_third {overflow: hidden;}
.object {margin: 1.7rem 5%;font-size: 1.5em;color: #b23702;}
.object li {margin: 1rem auto;}
.object>li {border-left: 6px solid #cb3f03;padding-left: 0.5rem;line-height: 1.6em;}
.object>li a {color: #ffffff;padding: 0.1em 0.5em;border-radius: 0.5em;text-decoration: none;background: linear-gradient(to right, #ce4803 10%, #e6850f 95%);margin: 0 0.2em;}
.object li .number {width: 1.5rem;height: 1.5rem;}
.object li .second {margin-left: 2rem;background-color: #5886B7;color: white;display: inline-block;}
.second .fcolor1 {color: pink;}
.ad {text-align: center;}
.ad a {border: dotted 2px;color: #cb3f03;padding: 0.3em 1.5em;border-radius: 1.6em;text-decoration: none;background: linear-gradient(to right,#ffffff 10%,#fff 95%); margin: 0 0.2em;font-size: 1.4em;font-weight: bold;display: inline-block;}
small {font-size: 0.9em;padding: 2%;}

/*報喜專區*/
.askJump_title {background: initial;margin: auto;font-size: 2.5rem;}
.askclick {background: linear-gradient(45deg,#bb1e1e 5%,#e85f40 25%,#da3719 75%,#940a00 95%);font-size: 1.5rem;text-decoration: none;}
.click_tag:hover {background: linear-gradient(45deg,#bb1e1e 5%,#e85f40 25%,#da3719 75%,#940a00 95%);font-size: 1.5rem;text-decoration: none;}
.askarea_happy form {display: flex;flex-wrap: wrap;}
.askarea_happy select {color: var(--form-text);border: 1px solid var(--form-text);}
.askarea_happy select, .askarea_happy input {border-radius: 0.2rem;}
.askarea_happy input[type='text'] {border: 1px solid #642D19;padding: 0 0.25rem;color: black;}
.askarea_happy input[type='submit'],.askarea_happy input[type='reset'] {background: var(--form-bg);color: white;padding:0.5rem;} 
.askarea_happy input[name='sRandomCode'] {width: auto;} 
.askarea_happy textarea {width: 100%;border: 1px solid var(--form-text);color: black;padding:0 0.25rem;border-radius: 0.2rem;} 
.askarea_happy label {margin: 0.5rem 0;color: white;}
.flex label {display: inline-flex;flex-wrap: wrap;}
.askarea_happy img {max-width: 30%;display: inline-block;}

@media screen and (min-width: 1281px) {
    .askarea_happy input[type='text'] {width: 15rem;}
    .education select {width: 13rem;}
    .askarea_happy input[name='sSubject'] {width: 13rem;}
    select[name='sID'] {width: 13.75rem;}
}

@media screen and (min-width: 1024px) {
    .w-1\/4 label {width: calc(100%/4);}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .gift-wrap dl {padding: 0.5rem;}
}

@media screen and (max-width: 1280px) { 
    .askarea_happy {padding: 0 1rem;} 
    .askarea_happy input[type='text']:not([name='sRandomCode']), .askarea_happy input[name='sSubject'], .education select, select[name='sID'] {width: 100%;}
    .w-1\/4 label {width: calc(100%/4 - 1rem);margin: 0.25rem auto;}
}

@media screen and (max-width: 1023px) {
    .gift-wrap dl {width: 100%;}
    .askarea_happy input:not([name='Submit'],[name='Submit2'],[name='sRandomCode']), .askarea_happy label, .askarea_happy select {width: 100%;}  
}

@media screen and (max-width: 767px) { 
	section h1,section h2,.askJump_title {font-size: 2rem;line-height: 2.5rem;}
    .sm\:block {display: block;}   
	.submenu li a {font-size: 1.2em;}
    .submenu li i {display: none;}
	.VIP li {font-size: 1.1em;}
	.VIP li:nth-last-child(1) {font-size: 1.0em;margin: 1rem auto;}
	.hs {font-size: 1.3em;}
	.ad a {font-size: 1.1em;}
	.object {font-size: 1.2em;}
	.object li b {display: block;}
	.askclick {font-size: 1.2rem;}
	.VIP li strong {display: block;text-align: center;margin-bottom: 0.5rem;}
    .askarea_happy textarea {height: 270px;}    
}