:root{
    --s-blue:#005296;
    --t-red:#ca1420;
    --e-orange:#ef8e01;
    --m-green:#1bb4b9;
    --m-purple:#7f317d;
}
.bg-pastel-pink{background-color:rgba(255,242,240,0.7);}
/* 跟上STEMM學習潮 */
.banner{background:linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%), url(../images/1303030_bg_color.png) no-repeat top;padding:1.5rem 0 3rem;background-position-y:1.5rem;text-shadow:0 0 10px rgb(255 255 255/ 100%), 0 0 10px rgb(255 255 255/ 100%), 0 0 10px rgb(255 255 255/ 100%), 0 0 10px rgb(255 255 255/ 100%), 0 0 10px rgb(255 255 255/ 100%);}
.follow_stem{font-size:2.5rem;}
.follow_stem span:nth-of-type(1){color:var(--s-blue);}
.follow_stem span:nth-of-type(2){color:var(--t-red);}
.follow_stem span:nth-of-type(3){color:var(--e-orange);}
.follow_stem span:nth-of-type(4){color:var(--m-green);}
.follow_stem span:nth-of-type(5){color:var(--m-purple);}
.whathow{font-size:3.5rem;font-weight:bold;color:#3d3b3a;}
.whathow b:nth-of-type(1){color:var(--e-orange);}
.whathow b:nth-of-type(2){color:var(--m-green);}
/* 首部曲 */
.trilogy{font-size:2.8rem;text-align:center;border-bottom:solid 1px #f8765d;margin:2.0rem 0 1rem;padding-bottom:0.5rem;}
.month{font-size:1.25rem;}
.plan{padding:1rem 0;justify-content:space-around;}
.plan > dl{width:calc(100%/3 + 4rem);text-align:center;background-color:#fff8f7;}
.plan > dl:first-of-type{width:calc(100%/3 - 8rem);}
.longtime{justify-content:center;}
.longtime dl{width:calc(100%/2);padding:0 0.5rem;}
.plan > dl:last-of-type{width:100%;padding:0.5rem 0 0;}
.plan > dl:nth-of-type(n+1):nth-of-type(-n+2){border-right:2px dotted rgb(245 119 59 / 25%);position:relative;}
.plan > dl:nth-of-type(n+1):nth-of-type(-n+2)::after{content:"▶";position:absolute;right:-23px;top:40%;color:#f5773b;font-size:2rem;transform:scale(0.5, 1.5);z-index:2;}
.plan dl dt{font-size:1.25rem;}
.plan dl dt i{font-size:3rem;display:block;padding:0 0 0.5rem 0;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.plan dl dt .period{-webkit-background-clip:text;background-clip:text;color:#ffffff;font-size:1.5rem;font-weight:bold;margin-bottom:0.8rem;padding:0.25rem;}
.plan dl:nth-of-type(1) dt .period{/*background-image:linear-gradient(45deg, #FF8C3F 30%, #F8765D 100%);*/background:linear-gradient(45deg, #FF8C3F 30%, #F8765D 100%);}
.plan > dl:nth-of-type(2) dt .period{background:linear-gradient(45deg, #F8765D 30%, #c44b9f 100%);}
.plan > dl:nth-of-type(3) dt .period{background:linear-gradient(45deg, #c44b9f 30%, #7468c6 100%);}
.plan dl:nth-of-type(4) dt .period{background:linear-gradient(45deg, #7468c6 30%, #39b8c6 70%, #39c68f 100%);}
.plan dl .core{width:max-content;border-bottom:dotted 2px;font-weight:bold;font-size:1.5rem;border-top:dotted 2px;margin:0.5rem auto;}
.plan dl .core strong{font-weight:normal;font-size:1.0rem;margin:0.0rem 0 0.2rem 0.2rem;background-color:#e7140b;padding:0.2rem 0.5rem;color:white;border-radius:1.0rem;display:inline-block;}
.plan dl:nth-of-type(1) .core{color:#FF8C3F;}
.plan > dl:nth-of-type(2) .core{color:#eb6b6e;}
.plan > dl:nth-of-type(3) .core{color:#d85eb3;}
.plan dl:nth-of-type(4) .core{color:#C85092;}
.plan dl:nth-of-type(5) .core{color:#9B30B1;}
.plan dl dd ul{padding:0.25rem 0;width:fit-content;margin:auto;text-align:left;}
.plan .senior ul{margin:auto auto auto 1rem;}
.plan .senior dd{width:fit-content;margin:auto;}
.plan dl dd ul li{text-indent:-0.6rem;}
.plan dl dd ul li::before{content:'';width:5px;height:5px;background-color:black;border-radius:50%;margin:auto 0.3rem auto 0;display:inline-block;vertical-align:middle;}
.recommend{color:white;border-radius:1rem 0;padding:0.125rem 0.6rem;/*padding:0.125rem 1.0rem;*/box-shadow:0px 2px 0px 0px #ccc;margin:0.25rem 0.15rem;display:inline-block;}
.plan dl:nth-of-type(1) .recommend{background-color:#FF8C3F;}
.plan > dl:nth-of-type(2) .recommend{background-color:#eb6b6e;}
.plan > dl:nth-of-type(3) .recommend{background-color:#d463b1;}
.plan dl:nth-of-type(4) .recommend{background-color:#C85092;}
.plan dl:nth-of-type(5) .recommend{background-color:#9B30B1;}
.angle{padding:0 0 0 2rem;}
.plan dl dd .angle li div{padding:0 0 0 0.6rem;font-size:1rem;}
.timing{background-color:#FFF;border-radius:2rem;margin:0.2rem;padding:0.3rem 0.6rem;/*margin:0.1rem 0.5rem;padding:0.3rem 1.5rem;*/display:inline-block;box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 5px;}
.screen{padding:0.5rem 0 0;}
.screen img{margin:auto;}
/* 什麼是STEMM？ */
.analysis{font-size:2.6rem;font-weight:bold;color:#3d3b3a;padding:1rem 0 0.5ㄍㄩ;}
.trim{padding:0.125rem 1.25rem;border-radius:2rem;color:white;font-size:2rem;margin:auto 1rem auto 0;font-size:1.5rem;}
.what_dec{background:linear-gradient(90deg, var(--t-red) 0%, var(--e-orange) 100%);}
.why_dec{background:linear-gradient(90deg, var(--s-blue) 0%, var(--m-green) 100%);}
.meaning{font-size:1.25rem;padding:1rem 0;}
.meaning strong{font-size:1.7rem;padding:1rem 00rem 0 0.5rem;COLOR:#d94414;display:inline-block;}
/* 為什麼要跨域學習？ */
.chosen_tab{padding:2rem 0 0;}
.chosen_tab a{text-decoration:none;cursor:pointer;font-size:1.5rem;font-weight:initial;text-align:center;position:relative;}
.chosen_tab a img{background:linear-gradient(135deg,var(--s-blue) 35%, transparent 35%);border-radius:50%;padding:0.5rem;width:10rem;height:10rem;margin:auto auto 0.5rem;object-fit:cover;z-index:2;position:relative;}
.chosen_tab a::after{content:'';box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;width:5.75rem;height:5.75rem;border-radius:50%;display:block;margin:auto;position:absolute;top:-3.5rem;bottom:0;left:0;right:0;}
.chosen_tab a:nth-of-type(1) img{background:linear-gradient(135deg,var(--s-blue) 35%, transparent 35%);}
.chosen_tab a:nth-of-type(2) img{background:linear-gradient(-135deg,var(--m-green) 35%, transparent 35%);}
.chosen_tab a:nth-of-type(3) img{background:linear-gradient(-45deg,var(--e-orange) 35%, transparent 35%);}
.chosen_tab a:nth-of-type(4) img{background:linear-gradient(45deg,var(--t-red) 35%, transparent 35%);}
.chosen_tab a.active img{transform:scale(1.25);margin:auto auto 1.5rem;padding:0.35rem;}
.chosen_tab a:nth-of-type(1).active img{background:var(--s-blue);}
.chosen_tab a:nth-of-type(2).active img{background:var(--m-green);}
.chosen_tab a:nth-of-type(3).active img{background:var(--e-orange);}
.chosen_tab a:nth-of-type(4).active img{background:var(--t-red);}
.chosen_tab a.active{font-size:1.75rem;}
.cross_title{position:relative;padding:0 0 0.25rem 0.5rem;}
.chosen_tab a.active .cross_title{padding:0;}
.cross_title::before, .cross_title::after{content:'';left:0rem;bottom:0;position:absolute;}
.cross_title::before{width:2px;height:1rem;}
.cross_title::after{width:2rem;height:2px;}
.chosen_tab a:nth-of-type(1) .cross_title::before, .chosen_tab a:nth-of-type(1) .cross_title::after{background-color:var(--s-blue);}
.chosen_tab a:nth-of-type(2) .cross_title::before, .chosen_tab a:nth-of-type(2) .cross_title::after{background-color:var(--m-green);}
.chosen_tab a:nth-of-type(3) .cross_title::before, .chosen_tab a:nth-of-type(3) .cross_title::after{background-color:var(--e-orange);}
.chosen_tab a:nth-of-type(4) .cross_title::before, .chosen_tab a:nth-of-type(4) .cross_title::after{background-color:var(--t-red);}
.chosen_tab a.active .cross_title::before, .chosen_tab a.active .cross_title::after{content:none;}
.major{font-size:1.75rem;font-weight:bold;text-align:center;display:inline-flex;flex-wrap:wrap;padding:0.5rem 10%;border-radius:5rem 0;margin:auto 0 1rem;color:white;}
.master{padding:1rem 0;}
.master ul li{font-size:1.25rem;text-indent:-3.75rem;padding:0 0.5rem 0 4.5rem;}
.master p{font-size:1.25rem;padding:0 1rem;}
.tech .major{background:linear-gradient(90deg, var(--s-blue) 50%, transparent 100%);}
.law .major{background:linear-gradient(90deg, var(--m-green) 50%, transparent 100%);}
.fin .major{background:linear-gradient(90deg, var(--e-orange) 50%, transparent 100%);}
.doctor .major{background:linear-gradient(90deg, var(--t-red) 50%, transparent 100%);}
.story{font-size:1.25rem;margin:1rem 0;border-bottom:4px dotted;padding:0.5rem 1rem;font-weight:bold;}
.success::after{content:'\f164';font-weight:bold;font-family:"Font Awesome 6 Free";padding:0 1rem 0 0.25rem;}
.tech .story{border-color:var(--s-blue);color:var(--s-blue);}
.law .story{border-color:var(--m-green);color:#1aabb0;}
.fin .story{border-color:var(--e-orange);color:var(--e-orange);}
.doctor .story{border-color:var(--t-red);color:var(--t-red);}
.obtain{padding:0 0 0 1rem;}
.entire{border-bottom:2px dotted;text-decoration:none;margin:auto auto auto 0.5rem;}
/* 跨域人才花落誰家？ */
.winner{align-items:center;font-size:1.35rem;padding:1rem 0;}
.acct_dep{position:relative;padding:0 1rem 0 0;margin:auto 0.75rem auto 0;font-weight:bold;font-size:2.8rem;color:#3d3b3a;}
.acct_dep::after{content:'+';padding:0 0 0 1rem;}
.field dl{display:flex;flex-wrap:wrap;padding:0.25rem 0;}
.field dl dt{position:relative;padding:0 4rem 0 0;margin:auto 1rem auto 0;font-weight:bold;font-size:1.8rem;}
.field dl:nth-of-type(1) dt{color:var(--s-blue);}
.field dl:nth-of-type(2) dt{color:var(--m-green);}
.field dl:nth-of-type(3) dt{color:var(--e-orange);}
.field dl:nth-of-type(4) dt{color:var(--t-red);}
.field dl dt::before, .field dl dt::after{content:'';position:absolute;right:0;bottom:0;margin:auto;}
.field dl:nth-of-type(1) dt::before, .field dl:nth-of-type(1) dt::after{background-color:var(--s-blue);}
.field dl:nth-of-type(2) dt::before, .field dl:nth-of-type(2) dt::after{background-color:var(--m-green);}
.field dl:nth-of-type(3) dt::before, .field dl:nth-of-type(3) dt::after{background-color:var(--e-orange);}
.field dl:nth-of-type(4) dt::before, .field dl:nth-of-type(4) dt::after{background-color:var(--t-red);}
.field dl dt::before{width:3rem;height:1px;top:0;}
.field dl dt::after{width:5px;height:5px;border-radius:50%;top:0;}
/* 如何高效達成目標？ */
.quadrant b:nth-of-type(1){color:var(--e-orange);}
.quadrant b:nth-of-type(2){color:var(--m-green);}
.quadrant b:nth-of-type(3){color:var(--m-purple);}
.license{color:var(--t-red);}
.step{padding:2rem 0;}
.step dl{width:14rem;height:14rem;margin:1rem 3rem;box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;border-radius:50%;position:relative;background-color:white;display:flex;align-items:center;justify-content:center;}
.step dl::after{content:'';width:14rem;height:14rem;border-radius:50%;position:absolute;right:-4.25rem;top:0;bottom:0;z-index:-1;}
.step dl:nth-of-type(1)::after{background-color:var(--s-blue);}
.step dl:nth-of-type(2)::after{background-color:var(--m-green);}
.step dl:nth-of-type(3)::after{background-color:var(--e-orange);}
.step dl:nth-of-type(4)::after{background-color:var(--t-red);}
.step dl:nth-of-type(4) dt{right:-3.25rem;}
.step dl dt{position:absolute;right:-3.75rem;top:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;z-index:1;color:white;text-align:center;}
.step dl dt i{padding:0 0 0 0.25rem;}
.step dl dd{font-size:1.5rem;text-align:center;}
/* 高點為您打造跨域學習規劃 */
.advanced{display:inline-flex;flex-wrap:wrap;padding:1rem 0;}
.advanced li{font-size:1.5rem;color:#3d3b3a;margin:auto 1rem auto 0;padding:0.5rem 0;}
.advanced li a{display:inline-block;background-color:white;border:4px solid #ef8e01;padding:0.5rem 1rem;border-radius:2rem;text-decoration:none;margin-right:2rem;}
.advanced .lecture a{border-color:var(--m-green);}
.lecture span {border-bottom:4px dotted var(--m-green);margin:auto 1rem auto auto;padding:0 0 0.25rem 0;}
@media screen and (min-width:768px){
    .step dl dt .md\:block{display:block;}   
    .plus{padding:0 0.25rem;} 
}
@media screen and (min-width:1281px){
    .plan dl dd .angle li div a:last-of-type{display:block;}
    /* 立即諮詢 */
    .askarea_out input[name='sContent']{margin:auto 0.25rem auto 1rem;}
}
@media screen and (max-width:1535px){        
    .step dl{width:12rem;height:12rem;}
    .step dl::after{width:12rem;height:12rem;}
    .calendar{max-width:100%;}    
}
@media screen and (max-width:1280px){
    .plan dl:not(:last-of-type)::after{font-size:1.5rem;right:-17px;}
    .angle{padding:0 0 0 1rem;margin:auto;width:fit-content;}
    .plan dl dd .angle li .sm\:block{display:block;}
    .plan dl dd .angle li div{width:100%;}
    /* 立即諮詢 */
    .askarea_out input[name='sContent']{margin:auto 0.25rem auto 0;}    
}
@media screen and (max-width:1023px){    
    .trilogy{font-size:2.5rem;margin:0 0 1rem;}
    .plan{padding:0;}
    .plan dl{width:100%;}   
    .longtime dl:first-of-type{width:100%;}
    .plan > dl:first-of-type{width:calc(100%);padding:0 0 1rem;}
    .plan > dl:nth-of-type(n+1):nth-of-type(-n+2){border-bottom:2px dotted rgb(245 119 59 / 25%);border-right:0;}
    .plan dl:nth-of-type(n+1):nth-of-type(-n+2):after{content:none;transform:rotate(90deg);top:auto;bottom:-2.25rem;left:0;right:0;margin:auto;}
    .longtime dl{border:0;width:100%;padding:0 0 1rem;}
    .plan dl:nth-of-type(even) dd{padding:0 1rem;}
    .plan dl:last-of-type{width:100%;padding:0 0 1rem;}
    .success{display:block;}  
    .plan dl:nth-of-type(even)::after{content:none;}
    .advanced li{margin:auto 0.5rem auto 0;font-size:1.25rem;}
    .advanced .lecture a{margin:0.5rem 0.5rem 0.5rem 0;}
    .advanced li a{margin:auto;}
    .screen{position:initial;}
    .screen img{margin:auto;}
}
@media screen and (min-width:821px) and (max-width:1280px){
    .step dl{width:10rem;height:10rem;margin:1rem 2rem;}
    .step dl::after{width:10rem;height:10rem;right:-3.5rem;}
    .step dl dt{right:-3.5rem;}
    .step dl:nth-of-type(4) dt{right:-3rem;}
}
@media screen and (max-width:767px){
    .whathow{font-weight:500;}
    .banner{padding:0.5rem 0;background-size:cover;background-position-y:0.5rem;}
    .follow_stem{font-size:2rem;}
    .trim{display:block;width:fit-content;}
    .trilogy{font-size:2rem;}
    .analysis{font-size:1.5rem;}
    .meaning strong{font-size:1.5rem;}
    .whathow .sm\:block, .analysis .sm\:block{display:block;}   
    .chosen_tab a{font-size:0.85rem;}
    .chosen_tab a.active{font-size:1.05rem;} 
    .chosen_tab a img{width:4rem;height:4rem;margin:auto;padding:0.25rem;}
    .chosen_tab a.active img{transform:scale(1);margin:auto;padding:0.25rem;}
    .chosen_tab a::after{width:3.25rem;height:3.25rem;top:-1.5rem;}
    .cross_title{padding:0 0 0.2rem 0.3rem;}
    .major{padding:0.5rem 20%;font-size:1.5rem;}
    .acct_dep{font-size:1.5rem;}
    .field dl dt{padding:0 0 0 3rem;font-size:1.5rem;}
    .field dl dt::before, .field dl dt::after{left:0;right:auto;}
    .field dl dt::before{width:2.5rem;}
    .field dl dd{width:100%;padding:0 0 0 3rem;}   
    .step{padding:0;}
    .step dl{margin:auto auto 4rem;}
    .step dl::after{bottom:-3rem;top:auto;left:0;right:0;}
    .step dl dt{right:0;left:0;bottom:-3rem;top:auto;justify-content:center;line-height:1.25rem;}
    .step dl:nth-of-type(4) dt{right:0;left:0;bottom:-2rem;top:auto;}
    .step dl dt i{width:100%;padding:0 0 0.25rem 0;transform:rotate(90deg);}
    .step dl dt span{padding:0 0 0 0.25rem;}
    .advanced li{width:75%;text-align:center;}
    .advanced li a{width:100%;}
    .lecture span{border:0;}
}
@media screen and (max-width:767px) and (orientation:portrait){
    .trilogy .sm\:block{display:block;}
}