[class*="flex"] {display: flex;flex-wrap: wrap}
.target-fix {position: relative;top: -4rem;display: block;visibility: hidden;}
.bg_padding {padding:1%;}
.bgcolor0 {background: linear-gradient(to bottom, #6d0f58 63%,#821656 63%);}
.bg-gold {background-color: #c99733;}
.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: #821656;}
.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: 3.5em;color: #ffffff;}
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;}
/*event*/
.cpa-billboard {font-weight: bold;margin: 3rem auto auto;}
#Master_title img {max-width: 100%;}
.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: #9f175b;font-size: 3.0em;font-weight: bold;border-bottom: double 6px #e7cf75;display: block;margin-top: 0.3em;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秒 */
    }
  }
.best {border-bottom: solid 8px #b3801c;border-radius: 2rem;background: linear-gradient(to right, #e4c870 0%,#fff4d5 50%,#e4c870 100%);padding: 2% 3%;border-top: solid 5px #fff6e5;}
.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;}
.cpa-billboard .border-0 {border-bottom: 0;}
.cpa-billboard li {color: #fbf0bf;font-size: 2em;line-height: 2;}
.cpa-list {justify-content: center;}
.cpa-list li {margin: auto 1rem;text-align: left;}
.cpa-list-all {justify-content: center;}
.cpa-list-all li {margin: auto 1.5rem;color: #ffffff;}
.cpa-list li a {color: white;display: inline-block;}
.cpa-list li a::before, .cpa-list li a::after {content: '★';display: inline-block;}
.cpa-list li a::before {padding-right: 0.25rem;}
.cpa-list li a::after {padding-left: 0.25rem;}
.cpa-list .two_years {width: calc(100%/2 - 3rem);}
.get-title strong {font-size: 4rem;color: #C71037;}
.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;}
.event_sec li {color: #6d0f58;font-size: 2em;display: inline-table;line-height: 2;font-weight: bold;margin: auto 1rem;justify-content: center;}
.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 .best p {font-size: 2em;color: #821656;margin: 1%;border-bottom: dotted;}
.event_master p strong, #event_third p strong, #event_third li strong a {color: #fbf0bf;}
.event_master .best p strong{color: #d54a98;padding: 0 0 0 1rem;}
#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;}
#event_fourth p {margin-bottom: %;}
.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: #6d0f58;color: #ffe9a8;font-size: 1.7em;padding: .2em 1em;border-radius: .5em;margin: 0.5rem auto 0.5rem 1rem;display: inline-block;text-decoration: none;font-weight: bold;}
.shop-guide {margin: 3% 0 0;text-align: center;}
aside.aside-wrap {background: linear-gradient(to right,#6A1425 0%,#C71037 25%,#C71037 75%, #6A1425 100%);position: fixed;width: 100%;bottom: 0;left: 0;text-align: center;margin: 0;}
aside.aside-wrap dd {display: inline-block;}
aside.aside-wrap 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;padding: 1rem 0;}
aside.aside-wrap dl, aside.aside-wrap dl, aside.aside-wrap dl:hover {background: initial;}
aside.aside-wrap  dl:hover {}
.announce .askclick {bottom: 20%;}
#back_top {bottom: 5%;}

@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 (max-width: 1200px) {   
    h2 {font-size: 2em;}    
    .top-grade-name:before {left: 0;}
    .top-grade-name {font-size: 1.2em;}
    .cpa-list li {width: calc(100%/2 - 3rem);}
    .mb-nav {display: none;}
    .two_years span {display: block;padding-left: 0;padding-bottom: 1rem;}   
}

@media screen and (min-width:768px) {

}

@media screen and (max-width:767px) {
    .cpa-list li {width: calc(100% - 3rem);text-align: center;}
    .cpa-list .two_years {width: calc(100% - 3rem);}
    .shop-guide span {display: block;}
    .shop-guide {text-align: center;}
    .shop-guide a {margin: 0.5rem;}
    #event_third li,.event_sec li {font-size: 1.5em;}
    .event_sec ul, #event_third ul {display: inline-block;}
    .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.5em;}
    .best .get-title {font-size: 1.5rem;}
    .get-title {font-size: 1.7rem;}
    .cpa-billboard {margin: auto auto 2rem;}
    .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;}
    .sm\:block {display: block;}
    .aside-wrap a {font-size: 1rem;padding: 0.25rem;}
    .aside-wrap li i {font-size: 1.25rem;}
    .announce .askclick {bottom: 15%;}
    #back_top {bottom: 1%;}
}

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