[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, #6a1425 60.65%,#806118 60.65%);}
.bg-gold {background-color: #bb972f;}
.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-liver {background-color: #86132b;}
.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;}
.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*/
#Master_title img {display: block;margin: auto;}
.cpa-billboard {font-weight: bold;margin: 3rem auto;}
.cpa-billboard 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: #a6131e;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;text-align: center;}
.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;}
.cpa-billboard li {color: #fff791;font-size: 2em;display: inline-block;line-height: 2;}
.cpa-list li {margin: auto 1.5rem;}
.cpa-list, .cpa-list-all {justify-content: center;}
.cpa-list-all li {margin: auto 1rem;color: #ffffff;}
.event_sec ul {text-align: center;}
.event_sec li {color: #8e0112;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;}
.cpa-billboard p,#event_third p,#event_third li a {color: #FFF;margin: 1%;}
.cpa-billboard p {font-size: 2em;}
.cpa-billboard p strong, #event_third p strong, #event_third li strong a {color: #fff791;}
.cpa-billboard small {margin: auto 1rem auto auto;}
#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: #a6131e;color: #ebd38d;font-size: 1.3em;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: 15rem;}   
    .cpa-billboard {margin:0 auto 2%;padding:0 10px 10px;box-sizing: border-box;}
    .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) {    
    .cpa-billboard {margin: 0 auto 2%;width:98%;padding: 0 1% 1%;}
    #event_fourth {display:inline-block;width: 100%;}  
    h2 {font-size: 2em;}
    #Master_title img {width: 100%;}     
    .top-grade-name:before {left: 0;}
    .top-grade-name {font-size: 1.2em;}  
}

@media screen and (max-width:767px) {
    .announce .askclick {bottom: 15%;}
    #back_top {bottom: 1%;}
    .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;}
    .get-title {font-size: 1.75em;}
    .cpa-billboard {text-align: center;}
    .cpa-billboard strong {display: block;}
    .cpa-billboard p {margin: 1rem;font-size: 1.5em;}
    .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;}
}

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