:root{
    --red:#C81D2D;
    --linear-earthy:linear-gradient(to right,#ffebbf 0%,var(--earthy) 70%);
    --linear-red:linear-gradient(to right,#DB4629 30%,#970D02 70%);
    --linear-gold:linear-gradient(to right,#ecd7a8 30%,#d7bf90 70%);
    --earthy:#e0a346;
    --violet:#504c9f;
}
.bg-linear-earthy{background:var(--linear-earthy);}
.bg-linear-red{background:var(--linear-red);}
.bg-linear-gold{background:var(--linear-gold);}
/*錦上添花，專業加成好薪情！*/
.topic{font-family:CSong3HK;font-size:2.25rem;line-height:1.4em;color:#FFFFFF;width:85%;margin:0;padding:.2rem 0 .2rem 6rem;letter-spacing:-0.1em;}
.topic i{margin:0 .8rem .5rem 0;}
.sec .topic{background:linear-gradient(to right,#cf3c22 75%,var(--earthy) 100%);}
.third .topic{background:linear-gradient(to right,#4c979f 75%,var(--earthy) 100%);}
.fourth .topic{background:linear-gradient(to right,var(--violet) 75%,var(--earthy) 100%);}
.price{font-size:1.5rem;line-height:2.5rem;margin:1rem auto 0.5rem 6rem;color:#1c182b;text-align:left;}
.price dd{display:list-item;margin:0 0 0 1.5rem;list-style:auto;}
.tag{color:var(--red);margin:auto 0.125rem;}
.price~small{font-size:1.2rem;text-align:left;color:#ca0404;margin:0.5rem 0 .5rem 6rem;letter-spacing:0.03rem;}
/*贏戰公職＆證照，職涯路步步高昇！*/
.price_table{margin:1rem auto;font-size:1.1rem;border-radius:1rem;overflow:hidden;}
.price_table small{font-size:0.85em;color:gray;}
.price_table small a{color:var(--violet);padding:0 0.15rem;}
.price_table tr:first-of-type th{background:#fbffb7;color:black;text-align:center;padding:0.25rem 0;font-size:1.3rem;}
.price_table th{background:linear-gradient(180deg,white 30%,#fbffb7 70%);text-align:center;padding:0.25rem 0;font-size:1.3rem;width:calc(100%/6);}
.price_table td{background-color:white;padding:0.5rem 1rem;border-bottom:1px dotted #D6A341;width:calc(100%/6*2);}
.price_table td:nth-of-type(n+2):nth-of-type(-n+3){border-left:1px dotted #D6A341;}
.price_table tr:last-of-type td{border-bottom:0;}
.price_table ul li{padding:0.25rem 0;text-indent:-1rem;margin:auto auto auto 1rem;}
.price_table ul li small{padding:0 0 0 0.5rem;}
.price_table b{color:#504C9F;}
.price_table .price_ps{background:#ec8020;display:block;padding:0 0.35rem 0 0.5rem;color:white;width:fit-content;margin:0.25rem 0;text-indent:0;}
.p_tag{padding:0 0.125rem;color:#E1404F;font-weight:bold;}
.buy{font-size:1.5rem;color:var(--red);font-weight:bold;padding:1rem 0;}
.buy li{margin:auto 1rem;}
.note{width:fit-content;margin:auto;}
.note a{color:var(--violet);font-weight:bold;}
/*AD*/
.happy_link{position:fixed;bottom:0;left:0;width:100%;background-color:var(--violet);margin:0;}
.happy_link:hover{background-color:#900;}
.happy_link a{color:#ffe48a;text-decoration:none;font-size:1.25rem;}
.askclick{bottom:auto;right:0;}
.announce{bottom:calc(10% + 100px);top:auto;}
@media (max-width:1180px){  
    .topic{padding:0.2rem 1rem;}
    .price{margin:1rem auto 0.5rem;}
    .price~small{margin:auto;}     
}
@media (min-width:768px){
    .md\:hidden{display:none;}
}
@media (max-width:767px){    
    .topic{font-size:1.75rem;width:100%;}
    .price_table{margin:auto;}
    .price_table tr{display:flex;flex-wrap:wrap;}
    .price_table tr:first-of-type th{display:none;}
    .price_table .price_title{background:#fbffb7;width:100%;border-radius:1rem 1rem 0 0;margin:1rem auto auto;}
    .price_table td{width:100%;}
    .price_table td::before{content:attr(data-th);display:flex;color:#504C9F;font-weight:bold;}
    .price_table td[data-th="雲端函授"]{border-radius:0 0 1rem 1rem;}
    .order1{order:1;}
    .order2{order:2;}
    .price{font-size:1.25rem;line-height:2rem;margin:1rem auto 0.5rem;}
    .price~small{font-size:1rem;}    
    .buy{font-size:1.25rem;text-align:center;}
    .sm\:hidden{display:none;}
    .price_table .public{padding:0.5rem 1rem 0;border-bottom:0;}
    .price_table .nextyear{padding:0 1rem;border-bottom:0;}
    .price_table .satis{padding:0 1rem 0.5rem;}    
}