.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 {margin:auto 0.5rem;}
.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;width:calc(100%/3);}
.mode:first-of-type{width:calc(100%/3*2);}
.mode dt {font-size:1.5rem;font-weight:bold;width:100%;text-align:center;margin:0 0 12px;color:var(--black)}
.mode:first-of-type dd {width:calc(100%/2 - 6px);}
.mode dd {text-align:center;background:#fff;margin:0 3px;border-radius:15px;padding:15px 0;width:100%;}
.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;text-align:center;}
    .cpa_list .double{padding:0 0 0 0.5rem;}
}
@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:1280px) { 
    #event_sec{max-width:98%;}
}
@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%;}  
    .mode dt{font-size:1.35rem;}
}
@media screen and (max-width:1023px) {
    .subtitle {padding:1% 1% 1.5%;}    
    .mode,.mode:first-of-type{width:100%;margin:auto auto 1rem;}
}
@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,.mode:first-of-type dd {width:100%;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;}
    .cpa_list .double{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;}
    
}