.bgcolor0 {background: url(../images/1310063/1310063_01.png) no-repeat bottom;}
.bgcolor1 {background-color: #821656;}
.bg-best {background: linear-gradient(to right, #f7c223 0%, #fff8db 50%, #f7c223 100%);}
.bg-gold {background-color: #c58806;}
.bg-linear-gold {background: linear-gradient(to right, #ddc35c 0%,#f3dc9a 50%,#ffe9a9 52%,#ddc35c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5521', endColorstr='#ffed01',GradientType=1 ); /* IE6-9 */}
.bg-purple {background-color: #b01202;}
.block {display: block;}
.text-4xl {font-size: 2.25rem !important;}
.w-full {width: 100% !important;}
.m-auto {margin: auto !important;}
.mx-4 {margin: auto 1rem;}
.mb-03 {margin-bottom: 0.3em;}
.my-8 {margin: 2rem auto;}
h1 {font-size: 5rem;}
h2 {font-size: 2.8em;color: #ffffff;}
h3 {font-size: 2.2em;}
small {font-size: 0.8em;}
.fcolor1 {color: #dd1c26;}
li.fcolor2 ~ li {color: white;}
.text-color-yellow {color: #f5d560;}
.askclick {background: linear-gradient(to bottom, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);color: #a81202;}
.askclick:hover {background: linear-gradient(to bottom, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);color: #ff4e3c;}
/* Event */
.banner {color: white;text-align: center;font-size: 4rem;}
.banner_des {font-size: 3rem;text-align: center;color: white;}
.cpa-billboard {font-weight: bold;margin: 3rem auto auto;}
.event_master h1 {font-size: 2.8em;font-weight: bold;color: #FFF;font-weight: bold;font-family: Georgia, "Microsoft YaHei", Times, serif;text-shadow: 3.5px 0 4px #6d0f13, -3.5px 0 2px #6d0f13, 0 3.5px 4px #6d0f13, 0 -3.5px 4px #6d0f13, 0 0 5px #6d0f13;}
.get-title {color: #bc0d00;font-size: 3.0em;font-weight: bold;border-bottom: solid 7px #bc0d00;display: block;margin: 0.5rem auto;padding: 0.5rem 0;text-shadow: 3.5px 0 4px #FFF, -3.5px 0 2px #FFF, 0 3.5px 4px #FFF, 0 -3.5px 4px #FFF, 0 0 5px #FFF;font-family: "Microsoft YaHei";text-align: center;}
.myflash {animation: myflash 3s ease-in-out infinite;}
@keyframes myflash {
    0%, 12.5% {
      opacity: 1; /* flash 亮 */
    }
    6.25%, 18.75% {
      opacity: 0; /* flash 暗 */
    }
    25%, 100% {
      opacity: 1; /* 保持亮3秒 */
    }
}

/* 113會計師全國一次及格8位 */
.best {padding-bottom: 3%;}
.best_man li {width: calc(100%/4 - 2rem);color: #FFF;font-size: 2rem;font-weight: bold;text-align: center;margin: 1rem;background-color: #c41300;}
.resume {color: #ffc92e;padding: 0 0 0 0.5rem;}
.annual-title {font-size: 2rem;display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.annual-yeart {color: #da1202;font-size: 1.6em;font-weight: bold;display: block;margin: 0.3em auto 0;text-shadow: 3.5px 0 4px #FFF, -3.5px 0 2px #FFF, 0 3.5px 4px #FFF, 0 -3.5px 4px #FFF, 0 0 5px #FFF;font-family: "Microsoft YaHei";text-align: center;}
.annual-title a {border-bottom: dotted;text-decoration: none;font-size: 2.75rem;padding: 0.3rem 0.5rem;width: calc(100% - 4rem);position: relative;overflow: hidden;margin: auto auto;color: #ae1202;}
.annual-title a:hover::after {right: 0;}
.annual-title a:hover span {width: 100%;}
.emphasize a::after {content: '';background-color: rgb(255 255 255 / 65%);/*background-color: rgb(213 74 152 / 75%);*/top: 0;right: -150%;position: absolute;width: 100%;height: 100%;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.annual-title a span {z-index: 2;position: relative;display: block;}
.emphasize a span::before {content: '完整金榜 +';position: absolute;right: 1rem;bottom: 0;font-weight: initial;font-size: 1.75rem;background: linear-gradient(to right, #ffffff 50%, #ffffff00 100%);padding: 0 1.5rem 0 1.0rem;color: #7e3f11;}
.annual-title a:hover span::before {}
.annual-title a span strong {font-family: "Microsoft YaHei";font-size: 3.3rem;;}
.grade-title {color: #F9F0A8;font-size: 1.25em;background-color: #8e0112;padding: 0 0.2em 0 0.6em;border-radius: 1em 0;margin-right: 0.5em;}
.get-title a {background-color: rgb(255 255 255 / 65%);padding: 0px 20px 3px;border-radius: 0.5em;text-decoration: none;border-bottom: double 6px #e7cf75;}
.continuous li {color: white;font-size: 2rem;line-height: 4rem;border-bottom: dotted 1px #ffdf99;}
.continuous li strong {font-size: 2rem;color: #fff8d9;padding: 0 0 0 2rem;}
.cpa-billboard li {color: #fff8d9;font-size: 2em;line-height: 2;}
.happy {padding: 2rem 0;}
.happy li {color: #feeda4;font-size: 1.2em;}
.happy li a {color: #9e6c02;display: inline-block;font-size: 2rem;background: linear-gradient(to right, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);padding: 0.5rem 1.5rem;border-radius: 5rem;margin: 1rem auto;font-weight: bold;}
.happy li a::before, .happy li a::after {content: '★';display: inline-block;}
.happy li a::before {padding-right: 0.25rem;}
.happy li a::after {padding-left: 0.25rem;}
.cpa-list li {width: calc(100% / 4);}
.cpa-list-all {justify-content: center;}
.cpa-list-all li {margin: auto 1.5rem;color: #ffffff;}
.cpa-list .two_years {width: calc(100%/2 - 3rem);}
.get-title strong {font-size: 4rem;color: #da1202;}
.two_years span {color: white;text-shadow: 3.5px 0 4px #9f175b, -3.5px 0 2px #9f175b, 0 3.5px 4px #9f175b, 0 -3.5px 4px #9f175b, 0 0 5px #9f175b;padding-left: 1rem;}
.event_sec ul {text-align: center;}
.bookkeeper_list li {color: #fff8d9;font-size: 2em;line-height: 2;font-weight: bold;width: calc(100% / 4);enter;}
.event_sec h2,#event_third h2 {border-bottom: 1px dotted #FFFF00;width: 95%;margin: 0 auto;}
.event_sec header,#event_third header {color: #FFFF00;}
.event_master p,#event_third p,#event_third li a {color: #FFF;margin: 1%;font-size: 2em;}
.event_master p strong, #event_third p strong, #event_third li strong a {color: #fbf0bf;}
#event_third li {color: #FFF;font-size: 1.3em;display: inline-table;line-height: 2;}
#event_fourth {/*background: url(../images/0510048_18.gif) no-repeat center bottom;*/background-size: 100%;margin: 0;padding: 0;}
#event_fourth p,#event_fourth p a {color: #f5d560;text-align: center;}
.shop-guide span {font-size: 1.8em;font-weight: bold;color: #FFF;font-weight: bold;font-family: Georgia, "Microsoft YaHei", Times, serif;text-shadow: 3.5px 0 4px #6d0f13, -3.5px 0 2px #6d0f13, 0 3.5px 4px #6d0f13, 0 -3.5px 4px #6d0f13, 0 0 5px #6d0f13;}
.shop-guide a {background-color: #c60f00;color: #fff;font-size: 2.0em;padding: .2em 1em;border-radius: 5.5em;margin: 0.5rem auto 0.5rem 1rem;display: inline-block;text-decoration: none;font-weight: bold;box-shadow: 1px 4px 8px #00000070;}
.shop-guide {margin: 3% 0 0;text-align: center;}
aside.aside-wrap {background: linear-gradient(to right, #6d0f13 0%, #cb311c 25%, #cb311c 75%, #6A1425 100%);position: fixed;width: 100%;bottom: 0;left: 0;text-align: center;margin: 0;}
.AD_text dd {margin: auto 2rem;}
.AD_text dd i {margin-right: 0.5rem;font-size: 1.5rem;display: inline-flex;flex-wrap: wrap;}
aside.aside-wrap a {color: white;font-size: 1.25rem;}
aside.aside-wrap dl, aside.aside-wrap dl, aside.aside-wrap dl:hover {background: initial;}
aside.aside-wrap dl:hover {}
.announce {bottom: calc(10% + 128px);top: auto;}
.askclick {bottom: auto;}
.controll {right: auto}
.roll_btn a:first-of-type {border-right: 2px solid;padding: 0 2rem 0 0;margin: auto 2rem auto auto;line-height: 1.75rem;display: inline-flex;}

/* 113高普考會計 */
.kp-billboard ul {width: fit-content;margin: auto;}
.kp-billboard ul.good {background-color: #da1202c9;padding: 1.0rem 8.5rem;border-radius: 2.0rem;margin-bottom: 2rem;}
.kp-billboard ul.good li {color: wheat;font-size: 2.3rem;}
.kp-billboard ul.good li strong {color: white;font-size: 2.3rem;}
.kp-billboard .annual-yeart {font-size: 3.8rem;margin-top: 2.5rem;color: #bd711a;}
.kp-billboard ul li {color: #ae1202;border-bottom: dotted 1px #ae1202;}
.kp-billboard ul li strong {color: black;}
.kp-billboard ul li.border-bottom-0 {border-bottom: 0;}

@media screen and (min-width: 1201px) { 
    .md\:block {display: block;}
    .md\:ml-60 {margin-left: 17rem;} 
    #Master_title {width:1200px;margin: auto;} 
    .md\:text-4xl {font-size: 2.25rem !important;}  
    .event_sec .kp-top ul li {display: inline-block;width: 49%;color: #F9F0A8;line-height: 1.7em;}
    #event_third ul {text-align: left;margin: 0 8%;}
}

@media screen and (min-width: 1281px) {
  .continuous .indent {text-indent: -19.25rem;padding-left: 19.25rem;}
}
@media screen and (max-width: 1535px) {
  .bookkeeper_list li {font-size: 1.75em;}
}

@media screen and (max-width: 1280px) { 
  .resume {display: block;padding: 0;}
  .best .get-title strong {display: block;}
  .annual-title a {font-size: 1.75rem;}
  .continuous li strong {display: block;}  
  .sm\:m-auto {margin: auto;}
  .happy {padding: 2rem 0 0;}
}

@media screen and (max-width: 1023px) { 
  .resume {font-size: 1.3rem;}
  .cpa-list li {width: calc(100%/2);}
  .kp-billboard ul.good {padding: 1.0rem 0.5rem;} 
  .sm\:block {display: block;}  
}

@media screen and (max-width: 1180px) {   
    h2 {font-size: 2em;}    
    .top-grade-name:before {left: 0;}
    .top-grade-name {font-size: 1.2em;}
    .mb-nav {display: none;}
    .two_years span {display: block;padding-left: 0;padding-bottom: 1rem;}   
    .cpa-list li, .kp-billboard .cpa-list li, .bookkeeper_list li {width: calc(100% / 2);}
    .annual-title a span::before {font-size: 1.25rem;margin: 0.5rem auto;}   
}

@media screen and (min-width: 1024px) and (max-width: 1180px) {  
  .emphasize a span {padding: 0 0 3rem 0;}
}

@media screen and (max-width: 1535px) {   
  .annual-title a {font-size: 2rem;}
  .continuous li {padding: 0.5rem;}
  .continuous li strong {padding: 0;}
}

@media screen and (max-width:767px) {
    /* Header */  
    .billboardHeader .nvbar_out {padding: 0 0.25rem 0 0.5rem;}
    .billboardHeader .icongroup > a:not(.menu_btn), .search {display: none;}
    .billboardHeader .icongroup {margin: auto 0 auto auto;}
    /* Event */
    .get-title strong {font-size: 2rem;}
    .best_man li {font-size: 1.3rem;}
    .annual-yeart {font-size: 1.3em;margin: auto;}   
    .annual-title a span strong {font-size: 2.0rem;line-height: 2.2rem;}
    .kp-billboard .annual-yeart {font-size: 1.5rem;margin-top: 1rem;}
    .cpa-list li {width: 100%;text-align: center;}
    .cpa-list .two_years {width: calc(100% - 3rem);}
    .best_man li {width: calc(100% / 2 - 1rem);margin: 0.5rem;}
    .annual-title a span{padding: 0 0 3rem;}
    .continuous li {font-size: 1.2rem;line-height: 2.0rem;}
    .continuous li strong {font-size: 1.2rem;line-height: 2.0rem;}
    .shop-guide span {display: block;}
    .shop-guide {text-align: center;}
    .shop-guide a {margin: 0.5rem;font-size: 1.3em;}
    #event_third li {font-size: 1.3em;line-height: 2.2rem;}
    .bookkeeper_list li {font-size: 1.3em;line-height: 2.2rem;width: 100%;text-align: center;}
    .event_sec .kp-top ul li {text-indent: -1em;}
    .top-grade-box img {width: 80%;}
    .cpa-list li, .cpa-list-all li {font-size: 1.2em;}
    .happy li a {font-size: 1.0em;}
    .best .get-title {font-size: 1.5rem;}
    .get-title {font-size: 1.6rem;}
    .annual-title {font-size: 1.5rem;margin: 0.5rem auto;}
    .annual-title a {font-size: 1.4rem;width: auto;padding: 0 0.5rem;}
    .cpa-billboard {margin: auto auto 1rem;}
    .cpa-billboard .get-title strong {font-size: 2.5rem;}
    .cpa-billboard strong {display: block;font-size: 1.7rem;}
    .event_master p,.event_master .best p {margin: 1rem;font-size: 1.5rem;}    
    .sm\:w-full {width: 100%;}
    .sm\:hidden {display: none;}  
    .AD_text {padding: 0.25rem;}
    .AD_text dd {margin: auto 0.5rem;}
    aside.aside-wrap a {font-size: 1rem;}
    aside.aside-wrap dd i {font-size: 1rem;}   
    .kp-billboard ul.good {margin-bottom: 1rem;}
    .kp-billboard ul.good li,.kp-billboard ul.good li strong {font-size: 1.3rem;}
    .roll_btn {font-size: 1.25rem;}
    .roll_btn a:first-of-type {border-right: 1px dotted;padding: 0 1rem 0 0;margin: auto 1rem auto auto;}
}

@media screen and (max-width: 320px) {
    .event_master li {font-size: 1.3em;} 
}