.block {display: block;}
.ml-1 {margin-left: 0.25rem;}
.m-auto {margin: auto;}
.h-full {height: 100%;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.font-bold {font-weight: bold;}
:root {
    --yellow:#EB8B01;
    --orange:#ff8200;
    --red:#ed0000;
    --pink:#c43cc1;
    --blue:#445dba;
    --gray:#f5f5f5;
    --black:#191826;
    --green:#16b66e;
    --water_blue:#4ec3eb;
}
.bgcolor0 {background: linear-gradient(152deg , #2300a1 30%,#9e6aff 46%, #ffffad 64%);}
.bgcolor1 {background: linear-gradient(114deg, #7a4ce0 1%, #ffffa5 28%);}
.bgcolor2 {background:var(--water_blue);}
.bgcolor3 {background: linear-gradient(to bottom, transparent 60%, #D98C58 60%), url(../../images/1012081_table.jpg) center / cover no-repeat}
.bgcolor4 {background:linear-gradient(to bottom,#fff5e9 0%,#ffe7d0 30%);}
.bgcolor5 {background: var(--white);}
.bgcolor6 {background: var(--orange) !important;}
.ml-2 {margin-left: 0.5rem;}
/*標題大小*/
section h1 {font-size: 2.5em;text-align: center;font-weight: bold;}
section h2 {font-size: 2.0em;font-weight: bold;}
section h3 {font-size: 1.8em;font-weight: bold;}
/* 主圖 */
#Master_title .important {font-size: 3rem;display: block;}
.subtitle {font-size: 1rem;color: #ffeb4e;animation:ar 3s ease-in 3 forwards;transform: translateY(-27px);padding: 1% 2% 1.5%;border-radius: 36px;margin: auto;border: solid 7px #b54be1;box-shadow: 0px 39px 13px -27px rgb(0 0 0 / 39%);width: fit-content;}
@keyframes ar {
    0% {background: linear-gradient( 45deg,#2e022d 13%,#3e073d 12%,#ef15ec 30%,#ff16fb 56%,#ff0bfb 56%,var(--pink) 68%,#660a65 83%,#2e022d 90%);}
    100% {background: linear-gradient( 150deg,#2e022d 13%,#3e073d 12%,#ef15ec 30%,#ff16fb 56%,#ff0bfb 56%,var(--pink) 68%,#660a65 83%,#2e022d 90%);}
}
.subtitle dt {font-size: 2rem;text-align: center;font-weight: bold;}
.subtitle dt img {width: 35px;display: inline-flex;padding: 0 0.5rem 0 0;}
.subtitle dd {color: #ffffff;margin: 0.25rem auto;font-size: 1.25rem;text-align: center;}
.subtitle a {color: black;background-color: #FFF395;padding: 0 0.6rem 0.1rem;margin: auto auto auto 0.25rem;border: 2px solid #b54be1;border-radius: 1rem;text-decoration: none;display: inline-block;font-size: 1rem;position: relative;bottom: 3px;}
.grade_bold {font-weight: bold;font-size: 1.5rem;padding: 0.5rem 0 0.25rem;}
.rank {color: #ffeb4e;font-size: 1.75rem;padding: 0 0.1rem;}
/*code*/
section a {color: var(--blue);}
[class*="flex"] {display: flex;flex-wrap: wrap;}
.banner {display: flex;}
img {max-width:100%;height: auto;}
#event_third {padding: 0;margin: auto;}
#event_fourth {padding: 2rem 1rem;}
.cpa_list {display: flex;flex-wrap: wrap;justify-content: center;}
.cpa_list li:not(:last-of-type)::after {content: '、';}
.course-sort {text-align: center;font-size: 1.5rem;}
.course-sort h3 {width: 150px;height: 60px;clip-path: circle(50% at 50% 100%);background: linear-gradient(45deg, #e013dc, #2e022d);text-align: center;color: white;line-height: 70px;font-size: 1.5rem;margin: auto;}
.course-sort h3+ul {    margin: 1% 0 0;}
.course-sort h3+ul li {display: inline-block;margin: 0 20px;}
.course-sort h3+ul li span {    display: inline-block;}
.course-price-flex {border: 1px solid #c2c2c2;    margin: 10px 8px 20px;background: #fff;}
.course-price-flex+.course-price-flex .course_list {width:100%;}
.course-price-flex dl:first-of-type {width: 100%;background: var(--yellow);text-align: center;color: white;}
.course-price-flex dl {padding: 0.5rem;width: calc(100%/2);box-sizing: border-box;border-left: 1px solid var(--yellow);text-align: center;}
.course-price-flex header {width: 100%;text-align: center;background: var(--orange);padding: 7px 0;line-height: 26px;color: white;}
.course-price-flex+.course-price-flex header,.course-price-flex.a .course_list:nth-child(2) header {    background: var(--blue);}
.course-price-flex.b .course_list:nth-child(1) header {background: var(--pink);}
.course-price-flex.b .course_list:nth-child(2) header {background: var(--green);}
.course-price-flex .course_list {width: calc(100%/2 - 0.5px);border-left: solid 1px #c2c2c2;text-align: center;}
.course-price-flex .course_list:first-of-type {border-left:none}
.course_title {margin:  0 0 4px;font-size: 1.3rem;font-weight: bolder;color: var(--orange);}
.course_page { margin: 9px 10px 11px;font-size: 1.25rem;}
.course_page ul {display: inline-block;margin: 0 0 0 30px;}
.course_page ul li a {font-size: 1.125rem;line-height: 29px;color: var(--blue);}
.course-price-flex header h4 {font-size: 1.6rem;line-height: 33px;margin: 3px 0;}
.course-price-flex header h4 a {margin: 0 4px;display: inline-block;color:white}
.experience-wrap p {width: 95%;line-height:28px;text-align: justify;margin: 7px 0;display: inline-block;padding: 1rem;
    background: -moz-repeating-linear-gradient(0deg, #F5F5F3, #F5F5F3 46px, #D4D9D2 46px, #FFFFFF 48px);/* FF3.6+ */
    background: -moz-repeating-linear-gradient(0deg, #FFFFFF, #FFFFFF 42px, #D4D9D2 43px);/* FF3.6+ */
    background: -webkit-repeating-gradient(linear, 0deg, color-stop(42px, FFFFFF), color-stop(43px, D4D9D2));/* Chrome,Safari4+ */
    background: -webkit-repeating-linear-gradient(0deg, #FFFFFF, #FFFFFF 42px, #D4D9D2 43px);/* Chrome10+,Safari5.1+ */
    background: -o-repeating-linear-gradient(0deg, #FFFFFF, #FFFFFF 42px, #D4D9D2 43px);/* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #FFFFFF, #FFFFFF 42px, #D4D9D2 43px);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: repeating-linear-gradient(0deg, #FFFFFF, #FFFFFF 42px, #D4D9D2 43px);/* W3C */
}
.experience-wrap p a {color: var(--red);}
.experience-wrap dl {font-size:1.2rem;line-height: 1.6;font-weight: bolder;width: 72%;}
.experience-wrap dl dt {font-size: 1.4rem;display: flex;flex-wrap: wrap;}
.experience-wrap dl dt strong {color: var(--pink);font-size: 1.2rem;width: 100%;}
.experience-wrap dl dd {color: var(--blue);}
mark {background-color: #fdfdcf;font-weight: bold;}
.themes_title {font-size: 2.5rem;text-align: center;font-family: "Microsoft YaHei";color: var(--black);font-weight: bold;padding: 1rem 0;}
/* 歡迎搭乘備考座艙 */
.course-sort dt {width: 100px;height: 50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: black;color: white;border-radius: 100px 100px 0 0;margin: auto;}
.course-sort dd {display: inline-flex;width: calc(100%/2 - 1rem);justify-content: center;}
.number {width: 25px;height: 25px;background: var(--black);color: white;border-radius: 100%;margin: auto 0.25rem;text-align: center;line-height:20px;text-indent: initial;}
.course-price, .single-price {margin: 1rem auto;}
.course-price dl:first-of-type {width: 100%;background: var(--yellow);text-align: center;color: white;}
.course-price dl {padding: 0.5rem;width: calc(100%/2);box-sizing: border-box;border: 1px solid var(--yellow);text-align: center;}
.course-price dl dt {font-size: 1.25rem;font-weight: bold;}
.course-price dl dt a , .single-price dl dt a {color: white;}
.price-tag {color: var(--red);font-weight: bold;}
.course-price ul {border: 1px solid var(--orange);width: 100%;padding: 1rem;box-sizing: border-box;text-align: center;}
.course-price ul li a {color: black;}
.course-price ul li:first-of-type a {color: var(--red);font-size: 1.25rem;font-weight: bold;}
.single-price dl {width: calc(100%/2);}
.single-price dl dt {background: var(--yellow);text-align: center;color: white;padding: 0.5rem;}
.single-price dl dt span {display: block;font-size: 1.25rem;font-weight: bold;}
.single-price dl dd {border: 1px solid var(--yellow);text-align: center;padding: 1rem;box-sizing: border-box;}
.single-price dl dd a {color: black;}
.short-class {text-align: left;}
.short-class li {list-style-type: disc;line-height: 26px;margin: 0 0 4px;}
.class-btn {text-align: center;}
.class-btn a {background: linear-gradient( 45deg,#2e022d 0%,#660a65 10%,#ff16fb 30%,var(--pink) 70%,#660a65 90%,#2e022d 100%);padding: 0.25rem 1rem;border-radius: 1rem;margin: 0.5rem auto;color: white;font-size: 1.25rem;display: inline-block;border: 3px solid #B54BE1;}
.class-btn+small {display: block;text-align: center;margin: 0.25rem auto;font-size: 0.9rem;}
/* 下班下課繁忙生活中 */
.mode {margin: 1.5rem auto;}
.mode dt {font-size: 1.5rem;font-weight: bold;width: 100%;text-align: center;margin: 0 0 12px;color:var(--black)}
.mode dd {text-align: center;width: calc(100%/2 - 6px);background: #fff;margin: 0 3px;border-radius: 15px;padding: 15px 0;}
.mode dd p {margin:5px 0;}
.mode dd figure {width: 290px;height: 159px;overflow: hidden;margin: 10px auto;position: relative;border-radius: 15px;}
.mode dd a {display: block;font-size: 1.65rem;}
.mode dd img {display: block;margin: auto;position: absolute;left: 0;right: 0;top: 0;}
/* 執業必備雙智典 */
.magazine-wrap {align-items: center;justify-content: center;position: relative;}
.magazine-wrap figure {width: calc(100%/4 - 2rem);perspective: 300px;padding: 2rem 0 0;z-index: 2;}
.magazine-wrap figure img {transform-style: preserve-3d;transform: rotateY(15deg);box-shadow: -5px 5px 20px var(--gray);margin: auto;}
.magazine-wrap figure a {color: var(--blue);margin: 1rem auto auto;display: block;}
.magazine-wrap .title {width: calc(100%/3);font-size: initial;color: #5f3d0b;text-align: center;}
.angle-subtitle {font-size: 1.5rem;margin-bottom: 0.5rem;display: block;}
.angle-des {width: 100%;color: white;left: 0;} 
/* 我在高點的會計師考取日誌 */
.experience-wrap {
    margin: 1rem 3% 1.4rem;padding:1.5rem 1rem 0;display: flex;flex-wrap: wrap;
    justify-content: space-around;align-items: flex-start;
    background: linear-gradient(to bottom,white 40%,hsla(0, 0%, 100%,70%) 80%);border-radius: 8px;
    box-shadow: 0px 4px 7px #ffd2bd;
}
.experience-wrap:last-of-type {border-bottom:none}
.experience-wrap+small {text-align: center;display: block;margin: 0 0 2%;font-size: 0.9rem;}
.experience-wrap img {border-radius: 16px;margin: .5rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.grade-tag {background-color: var(--orange);color: white;padding: 0.125rem 0.25rem;margin: auto 0.25rem;font-size: 1.125rem;border-radius: 4px;}
@media screen and (min-width: 768px) {
    .md\:h-3\/4 {height: 75%;}
    .magazine-wrap figure:last-of-type img {transform: rotateY(-15deg);box-shadow: 5px 5px 20px var(--gray);border-right: 4px solid #dedede;position: relative;}
    .magazine-wrap figure:last-of-type::before {position: absolute;/*content: '';*/width: 5px;height: 207px;background: white;z-index: 2;top: 12px;left: 11px;}
    .angle-des {position: absolute;z-index: 1;padding: 1rem 0 3rem;font-size: 1.125rem;}  
    .magazine-wrap figure a {color: white;}
}
@media screen and (min-width: 1201px) {   
    /*滿百100%區域*/
    .row100 {width:100%;}
    .md\:hidden {display: none;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin: auto;padding: 1rem;}              
}
@media screen and (max-width: 1200px) { 
    /*body*/
    #Master_title {display:inline-block;width:98%;padding:1%;}/*主圖位置ID*/
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_fourth,#event_fifth,#event_sixth {margin:0% auto;width:98%;padding:1%;}
    .banner img {width: 100%;}  
}
@media screen and (max-width: 1023px) {
    .subtitle {padding: 1% 1% 1.5%;}
    
}
@media screen and (min-width: 1024px) { 
  
}
@media screen and (max-width: 767px) {     
    .themes_title {margin: 15px 0 8px;font-size: 2rem;padding: 0;}
    .course-sort dd {width: 100%;justify-content: left;}
    .single-price dl {width: 100%;}
    .magazine-wrap .title {width: 100%;order: 1;margin: 6% auto auto;}
    .magazine-wrap figure {width: calc(100%/2 - 2rem);order: 2;text-align: center;margin: 1rem;}
    .course-sort {font-size: 1.25rem;}
    .course-sort h3+ul li {display: block;text-align: left;line-height: 26px;text-indent: -2rem;padding-left: 2rem;}
    .course-sort h3+ul {display: inline-block;}
    .course-price-flex .course_list {width: calc(100%/1 - 1px);border-bottom: solid 1px #e36424;}
    .course-price-flex .course_list:last-child {border-bottom:none}    
    .subtitle {transform: initial;}
    .subtitle dt {font-size: 1.75rem;}    
    .grade_bold {font-size: 1.15rem;}
    .rank {font-size: 1.35rem;}
    .subtitle dd {font-size: 1rem;}    
    .mode dt {font-size: 1.25rem;}
    .mode dd {width: calc(100%/1);margin: 0 3px 3px;}
    .magazine-wrap figure a {font-size: 0.90rem;}
    .subtitle dt img {vertical-align: bottom;}
    .experience-wrap {padding: 2rem;}
    .experience-wrap dl {width: auto;}
    .experience-wrap p {padding: 0;}
    .experience-wrap dl dt strong {font-size: 1.1rem;}
    .sm\:block {display: block;}
    .bgcolor3 {background: linear-gradient(to bottom, transparent 22%, #D98C58 22%, #D98C58 40%, transparent 40%), url(../../images/1012081_table.jpg) center / cover no-repeat;}
}