:root {
    --yellow:#EB8B01;
    --orange:#F5B042;
    --red:#CA0404;
    --gray:#E4E4E4;
    --white:linear-gradient(to bottom,white 0%,#FFEFC6 20%,#FFEFC6 80%,white 100%);;
    --blue: #7d65d3;
    --pink: #E74290;
    --purple: #fffafd;
    --purple2: #C54694;
    --iron: #607185;
    --linear:linear-gradient(to right,var(--orange) 0%,var(--pink) 100%);
}
.bgcolor1 {
    margin: 2rem 0;border-radius: 8px;padding: .6rem 0;
    background: -moz-radial-gradient(50% 100%, circle farthest-side, #FFFFFF 10%, #F08E5A 100%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 100%, circle farthest-side, #FFFFFF 10%, #F08E5A 100%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 100%, circle farthest-side, #FFFFFF 10%, #F08E5A 100%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 100%, circle farthest-side, #FFFFFF 10%, #F08E5A 100%);/* IE10+ */
    background: radial-gradient(50% 100%, circle farthest-side, #FFFFFF 10%, #F08E5A 100%);/* W3C */
}
.bgcolor1_1 {margin:0;border-radius:8px 8px 0 0;}
.bgcolor2 {background: var(--white);}
article header {margin: auto;text-align: center;}
article h1 {font-size: 2.5em;background:var(--linear);display: inline-block;transform: skew(-12deg);color: white;margin: auto;padding: 0 3rem;z-index: 10;font-weight: bold;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
small {font-size: 0.9em;}

/* banner */
.banner {margin: auto;background: linear-gradient(to bottom, #ffefc6 65%, white 90%);}

h1 span {transform: skew(12deg);display: inline-block;position: relative;}
h1 span::before {position: absolute;content: '';width: 10px;height: 10px;background: #ffffff;border-radius:50%;top: -.75rem;right: -6rem;box-shadow: 0 6px 6px 3px white;animation: ball 5s linear infinite;}
@keyframes ball{
    0%{right: -6rem;}100%{right: 160rem;opacity: 0;}
}

/*高點會計師節*/
.festival {text-align: center;}
.festival h1 {font-size: 3rem;}
.festival ul {display: inline-flex;flex-wrap: wrap;font-size: 1.5rem;}
.festival ul li {margin: auto 1rem;}
.festival .subtitle {font-size: 2rem;}
.submenu {position: fixed;right: 1%;top: 25%;z-index: 3;}
.submenu ul {background-color: rgb(255 255 255 / 75%);border: 1px solid var(--orange);border-radius: 0.5rem;padding: 0.5rem;}
.submenu li {padding: 0.25rem;transition: all .5s ease;}
.submenu li:nth-of-type(n+1):nth-of-type(-n+6):before{content: '▸ ';color:var(--red);}
.submenu li a {color: var(--red);transition: all .5s ease;}
.submenu li a:hover{color: var(--blue);letter-spacing:0.1rem;}
.submenu li:hover{padding:0 .5rem 1rem;}
.target-fix {position: relative;display: block;visibility: hidden;}

/*112年全力備戰*/
.tag {color: var(--red);font-weight: bold;font-size: 1.4rem;padding: 0 1px;}
.sort-title {font-size: 1.75rem;color: var(--pink);font-weight: bold;width: 100%;text-align: center;margin: 0.5rem auto 0;}
.sort-title:before{content: '➤ ';}
.price_item dl {width: calc(100%/2 - 2rem);margin: 0.5rem 1rem;background:linear-gradient(to bottom,white 75%,#fffdf4 90%);border-radius: 0.25rem;padding: 1rem;border:solid 1px var(--orange);box-shadow: rgb(75 75 75 / 40%) 0px 15px 9px -12px;transition: all ease .3s;}
.price_item dl:nth-of-type(odd):hover{/*transform: skewY(-.5deg);*/box-shadow: rgb(75 75 75 / 40%) 4px 8px 15px -5px;border:solid 1px var(--yellow);}
.price_item dl:nth-of-type(even):hover{/*transform: skewY(.5deg);*/box-shadow: rgb(75 75 75 / 40%) 4px 8px 15px -5px;border:solid 1px var(--yellow);}
/*.price_item dl:hover dt:nth-of-type(odd),.price_item dl:nth-of-type(odd):hover dt~small{margin-left: 6.3rem;transform: skewY(-.5deg) translate(3px,3px);}
.price_item dl:hover dt:nth-of-type(odd),.price_item dl:nth-of-type(even):hover dt~small{margin-left: 6.3rem;transform: skewY(-.5deg) translate(3px,3px);}
.price_item dl:hover dt:nth-of-type(even){margin-right: 6.3rem;transform: skewY(.5deg) translate(3px,3px);}
.price_item dl:nth-of-type(odd):hover dd{transform: translate(3px,3px);}
.price_item dl:nth-of-type(even):hover dd{transform: translate(5px,5px);}*/
.price_item dl dt {width: 5.5rem;height: 5.5rem;border-radius: 0.5rem;background-color: var(--blue);display: flex;align-items: center;justify-content: center;margin: auto;color: white;margin-bottom: 1rem;font-size: 1.7rem;text-align: center;transition: all ease 1s;}
.price_item dl:nth-of-type(even) dt {background-color: var(--orange);} 
.price_item:nth-of-type(even) .sort-title, .price_item:nth-of-type(even) .sort-title a {color: var(--pink);}
.price_item:nth-of-type(even) dt {background-color: var(--pink);}
.price_item:nth-of-type(even) dl:nth-of-type(even) dt {background-color: var(--yellow);} 
.price_item dd{border-left:solid 5px var(--orange);padding-left: .5rem;width: calc(100%/2);}
.price_list {margin: 0.5rem auto 1rem;text-align: left;}
.price_list_title {font-size: 1.1rem;font-weight: bold;}
.price_list ol{margin: -1.9rem 0 0 3rem;}
.price_list2 ol{margin: -1.5rem 0 0 4rem;}
.price_list2 li{margin-bottom: .2rem;}

/*112年會計師大會考+解析讀書會*/
#event_sec h1,#event_fourth h1,#event_sixth h1,#event_eighth h1 {color: var(--blue);background: white;border-radius:8px;margin-bottom: .5rem;font-size: 2.2rem;}
#event_sec h1 span::before,#event_fourth h1 span::before,#event_sixth h1 span::before,#event_eighth h1 span::before {display: none;}
.coupon {background-color: white;border-radius: 0.25rem;display: inline-block;margin: auto;padding: 0.25rem 0.5rem;}
.coupon a {color: var(--pink);font-weight: bold;margin: auto 2px;}
.mock {font-size: 1.25rem;padding: 1rem 0;margin: auto;width: fit-content;}
.mock_note {justify-content: center;}
.mock_note li {margin: auto 0.25rem;}
.bonus {width: 100%;text-align: center;color: var(--red);}
small.note {text-align: center;margin: auto auto 0.5rem;display: block;font-size: inherit;}
small.note a {color: black;}

/*2022會計師全國一次及格共8位*/
.outstanding {justify-content: center;margin: .5rem auto;}
.outstanding li {position: relative;font-size:2rem;margin: 2rem 1rem 1rem;text-align: center;font-weight: bold;color: var(--purple2);padding: 0 1rem;transition: padding .3s linear;
    background: -moz-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 42%, rgba(255, 255, 255,0) 100%);/* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 42%, rgba(255, 255, 255,0) 100%);/* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 42%, rgba(255, 255, 255,0) 100%);/* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle closest-corner, #FFFFFF 42%, rgba(255, 255, 255,0) 100%);/* IE10+ */
    background: radial-gradient(50% 50%, circle closest-corner, #FFFFFF 42%, rgba(255, 255, 255,0) 100%);/* W3C */
}
.outstanding li::before {content: '\f521';position: absolute;top: -1.8rem;left: 0;right: 0;font-weight: bold;font-family: "Font Awesome 5 Free";color: var(--red);transition:top .2s;}
.outstanding li:hover{text-align: text-decoration;padding: .5rem 1rem 0;color: var(--blue);background-color: #fff;border-radius:6px}
.outstanding li:hover::before{top: -2.3rem;}
.experience_cont .VueCarousel-slide{background:linear-gradient(to bottom,white 30%,wheat 90%);border-radius:8px;border: solid 1px wheat;margin-bottom: .5rem;}
.experience_cont .VueCarousel-slide dt {color: black;height: auto;text-align: center;}
.experience_cont .VueCarousel-slide dd {padding: 0 1rem;text-align: left;margin: auto;width: fit-content;text-indent: -3rem;padding-left: 3rem;}
.experience_cont .VueCarousel-slide figure img{border-radius:50%;margin: 1rem auto .2rem;}
.experience_cont .VueCarousel-navigation-button[data-v-453ad8cd]{color: var(--purple2)!important;}
.experience_cont p {text-align: left;padding: 1rem;}
#experience button {font-size: 1.25rem;}
#experience .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 2rem;}
#experience .VueCarousel-navigation-next[data-v-453ad8cd] {right: 2rem;}
.experience_cont p a {color: var(--purple2);}
.more_link {text-align: center;}
.more_link a {border: 1px solid;padding: 0.25rem 1rem;display: inline-block;margin: 1rem auto 0.5rem;color: black;background: var(--purple2);color: white;transition: all ease .5s;}
.more_link a:hover {letter-spacing: .2rem;}

/*財會人跨領域當道*/
.transboundary-item {margin: 1rem auto;text-align: center;}
.transboundary-item:nth-of-type(n):nth-of-type(-n+2) {border-bottom: 0px dotted #B0B8C1;padding-bottom: 1rem;}
.magazine-item {width: calc(100%/2);box-sizing: border-box;}
.magazine-item img {width: 200px;height: auto;margin: auto;}
.magazine-item figure {padding: 0;margin: 5% 0 0;}
.magazine-book {font-size: 1.0em;color: var(--purple);background-color: var(--purple2);padding: 0.2em 0.8em;border-radius: 1em;}
.platform-item {margin: auto;width: 100%;}
.platform-item a {color:white;}
.platform-item dt {text-align: center;font-size: 2.0rem;font-weight: bold;color: var(--blue);padding:0 0.75rem .75rem;}
.platform-item dt a {color: var(--purple2);font-size: 1.6rem;}
.platform-item dd {text-align: left;font-size: 1.1rem;line-height: 1.8;font-weight: bold;color: var(--purple2);border-bottom: solid 4px;border-top: solid 4px;}
.platform-item dd b a {background-color: var(--purple2);text-align: center;font-size: 1.2rem;font-weight: bold;color: #ffffff;padding: 0.3em 0.5em;margin-right: 0.5rem;}
.transboundary-item figure:hover {transform: scale(1.05);}

/*高點網路書店會計師節同歡慶*/
.book_item li {width: calc(100%/3 + 1.75rem);text-align: center;}
.book_item li img {display: block;margin: 0.5rem auto;height: 195px;width: auto;filter: drop-shadow(0px 5px 5px #0000004d);}
.book_item li:last-of-type {width: calc(100%/3 - 3.5rem);}
.book_item li:last-of-type img {height: 150px;margin: 2rem auto auto;}
.book_item figcaption {font-size: 1.3rem;color: white;background: var(--pink);border-radius:8px;display: inline-block;padding: 0 1rem;}
.book_item li:nth-of-type(2) figcaption {background: var(--blue);}
.book_item li:nth-of-type(3) figcaption {background: var(--purple2);}

/* askarea */
#askarea_out{background:var(--linear);}
#askarea input[type="submit"], #askarea input[type="reset"]{background:var(--purple2);color:white;}

@media screen and (min-width: 1201px) {
    /*資料集中寬外框*/     
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh,#event_eighth {padding: 10px;}      
}

@media screen and (max-width: 1200px) {   
    /*主圖位置ID*/
    #BodyContainer_event #Master_title {display: inline-block;width: 100%;padding:0;margin-top: 14%;}    
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh,#event_eighth {padding:1rem;}
    #BodyContainer_event button.VueCarousel-navigation-prev[data-v-453ad8cd] {left: 1rem;right: auto;top: 50%;width: auto;height: auto;}
    #BodyContainer_event button.VueCarousel-navigation-next[data-v-453ad8cd] {right: 1rem;left: auto;top: 50%;width: auto;height: auto;}
    .target-fix {top: -6rem;}   
    .banner img {width: 100%;}  
    .price_item dd {width: 100%;margin: 0.25rem auto;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 1199px) { 
    #askarea{background: var(--linear)!important;}
}

@media screen and (max-width: 767px) { 
    article h1 {font-size: 2em;padding: 0 2rem;}
    .sm\:left-0 {left: 0;}
    .submenu {top: auto;bottom: 0;left: 0;right: 0;margin: auto;}
    .submenu ul {background-color: var(--pink);border-radius: 0;text-align: center;padding: 0;border: 0;}
    .submenu ul li {display: inline-block;margin: auto 0.2rem;padding: 0.25rem 0;}
    .submenu li:nth-of-type(n+1):nth-of-type(-n+6):before{color:white}
    .submenu li a {color: white;}
    .submenu li a:hover {color: wheat;letter-spacing: normal;}
    .submenu li:hover {padding: initial;}
    .announce .price_list {padding-left: 0;}
    .outstanding li {font-size: 1.5rem;}
    .target-fix {top: -4rem;}
    #event_eighth .book_item li {width: 100%;margin: auto auto 1rem;}
    .book_item li:last-of-type img {margin: 0.5rem auto;}
    #BodyFooter_rwd {padding-bottom: 20%;}
    h1,#event_sec h1, #event_fourth h1, #event_sixth h1, #event_eighth h1{font-size: 1.7rem;}
    .sort-title,.platform-item dt{font-size: 1.5rem;}
    .price_item dl{width: 92%;margin:.4rem auto;}
    .platform-item dt a{font-size: 1.3rem;}
}