.keylink.fixed{position:fixed;top:0;left:0;width:100%;background:var(--light-blue);z-index:2;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.chart{align-items:center;justify-content:center;margin:3rem auto;}
.chart .part dl{width:15rem;height:15rem;border-radius:50%;text-align:center;box-sizing:border-box;padding:3rem 0 0;margin:-1.5rem;}
.chart .part dl dt{width:100%;font-size:2rem;font-weight:bold;}
.chart .part dl dt a{color:black;}
.chart .part dl dd{width:100%;margin:0;font-size:1.25rem;}
.chart .part:nth-of-type(1) dl,.chart .part:nth-of-type(3) dl:last-of-type{background-color:#73F4C5;}
.chart .part:nth-of-type(2) dl{background-color:#62DBF9;z-index:2;position:relative;width:16rem;height:16rem;}
.chart .part:nth-of-type(3) dl,.chart .part:nth-of-type(1) dl:last-of-type{background-color:#FFE0C4;}
.chart .part:nth-of-type(3) dl:first-of-type{padding:2rem 0 0;}
.clever{font-weight:bold;font-size:1.5rem;text-align:left;}
.clever span{color:#d94c6e;border-radius:50rem;padding:.2rem .6rem;line-height:3rem;background:linear-gradient(90deg,#f1f1f1,#fff 30%,#fff 70%,#f1f1f1);box-shadow:0 0 1px 2px #f1f1f1;margin:auto 1rem auto auto;}
.data_clever{margin:1rem auto auto;}
.data_clever span{color:#7539bc;}
.price{margin:1rem auto;}
.price dl{width:calc(100%/4);font-size:1.5rem;border-right:1px dotted #b7b7b7;box-sizing:border-box;text-align:center;}
.price dl dt{padding:0.25rem 0;font-weight:bold;}
.price dl dd{padding:1rem 0;}
.price dl:nth-of-type(1) dt{background-color:#E1EFF1;color:#158591;}
.price dl:nth-of-type(2) dt{background-color:#E8E9F2;color:#4E559B;}
.price dl:nth-of-type(3) dt{background-color:#E3F4FA;color:#23A9D8;}
.price dl:nth-of-type(4) dt{background-color:#EDF4E6;color:#72A73C;}
.price dl:nth-of-type(4){border-right:0;}
.price small{padding:0 0 0 0.25rem;color:#c12f54;}
.note{padding:0.25rem 0 0;}
.note li{list-style-type:none;margin:auto 1rem auto 0;}
/* 體驗課程 */
.process li{margin:auto 1rem auto 0;}
.process li:not(:last-of-type)::after{content:'\f061';font-weight:bold;font-family:"Font Awesome 6 Free";padding:0 0 0 1rem;}
.unitcont .college_tab a{text-decoration:none;color:var(--title-blue);cursor:pointer;margin:auto 3rem auto 0;}
.college_tab a.active{font-weight:bold;color:var(--navy-blue);}
.college_tab a.active::before{content:'\f05a';font-family:"Font Awesome 6 Free";font-weight:bold;border-radius:50%;color:var(--violet-purple);font-size:2rem;margin:auto 0.25rem auto auto;}
.college_cont td ul li{text-align:left;}
.college_cont td ul li::before{content:'';width:4px;height:4px;background-color:black;margin:auto 0.5rem auto 0;}
.exp_share dt{background:linear-gradient(to right,#d4f3e2 0%,#51abd0 100%);padding:0.4rem 1.0rem;font-size:1.25rem;color:#213976;margin:1rem auto auto;}
.major dl{width:calc(100%/2 - 1rem);margin:1rem auto 2rem;padding:0 0 1rem;box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px;border-radius:1rem;overflow:hidden;}
.major dl dt{font-size:1.5rem;text-align:center;color:white;padding:0.5rem 0;}
.major dl:first-of-type dt{background-color:var(--violet-purple);}
.major dl:last-of-type dt{background-color:var(--bg-purple);}
.major dl dd strong{font-size:1.25rem;display:block;}
.major dl dd{padding:1rem 2rem 0;}
.unitcont .trial_title{font-size:2.6rem;}
.trial_title b{padding:0 0 0 1rem;color:#dd402c;font-style:italic;}
.indicators{font-size:1.25rem;line-height:2.1rem;padding:1rem 0 0 1rem;float:left;}
.indicators dt{font-size:1.25rem;margin-bottom:0.5rem;border-bottom:dotted 1px #233b78;padding-bottom:0.3rem;}
.indicators dd{padding:0.25rem 0;}
.indicators dd::before{content:'\f00c';font-family:"Font Awesome 6 Free";font-weight:bold;color:#51abd0;background-color:white;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin:auto 0.5rem auto 0;}
.indicators dd strong{color:var(--indigo-blue);}
.tbwrap{margin:2rem auto;display:inline-block;width:100%;}
.tbwrap table{width:100%;}
.class th{background:linear-gradient(to right,#d7d7d7 10%,#f1f1f1 80%);}
.class th,.class td{border:1px solid #adadad;padding:0.5rem;text-align:center;}
.class td{background-color:white;}
.reserve a{color:#ffffff;display:inline-block;font-size:1.6rem;margin:0 auto;background-color:#3563dc;width:100%;padding:1.5%;text-align:center;border-bottom:solid 3px #69bced;}
.king_man{border-right:solid 4px #82f0e0;}
@media screen and (min-width:1536px){   
    .md\:block{display:block;}
    /* 預約表單 */
    form[name='form1'] input[type='text']{width:auto;margin:auto 1rem auto 0;}
}
@media screen and (max-width:1535px){   
    .askarea_out label{width:100%;}
}
@media screen and (max-width:1280px){   
    .unitcont .college_tab a{margin:auto 2rem auto 0;}
    .king_man{border-bottom:solid 4px #82f0e0;float:initial;margin:0 auto;}
    .indicators{padding:1rem 0;float:initial;}
    .tbwrap{margin:auto auto 1rem;}
}
@media screen and (max-width:1023px){   
    .situation_table th{font-size:1rem;}
    .unitcont .college_tab a{font-size:2rem;}   
}
@media screen and (min-width:768px){   
    .college_cont td ul li{text-align:left;display:flex;flex-wrap:wrap;align-items:center;}
}
@media screen and (max-width:767px){   
    .chart .part{width:calc(100%/3);}
    .chart .part dl{width:9rem;height:9rem;padding:1rem 0 0;}
    .chart .part:nth-of-type(2) dl{width:9rem;height:9rem;}
    .chart .part:nth-of-type(2) dl dd{font-size:0.9rem;}
    .chart .part:nth-of-type(3) dl:first-of-type{padding:1rem 0 0;}
    .chart .part:nth-of-type(3) dl:first-of-type dd{font-size:0.9rem;line-height:1.1rem;}
    .chart .part dl dt{font-size:1.25rem;}
    .chart .part dl dd{font-size:1rem;}
    .situation_table ol li{margin:0;width:100%;}
    .price dl{width:calc(100% / 2);}
    .price dl:nth-of-type(2){border-right:0;}
    .price small{display:block;padding:0;}
    /* 體驗課程 */
    .process li{position:relative;margin:auto;width:80%;}
    .process li span{width:100%;justify-content:center;}
    .process li:not(:last-of-type){margin:auto auto 1.5rem;}
    .process li:not(:last-of-type)::after{position:absolute;left:0;right:0;margin:auto;text-align:center;bottom:-1.5rem;transform:rotate(90deg);}
    .unitcont .college_tab{padding:1rem 0 0.5rem}
    .college_tab a .sm\:hidden{display:none;}
    .college_cont td ul li{text-indent:-0.75rem;margin:auto auto auto 1rem;}
    .college_cont td ul li::before{display:inline-flex;top:-4px;position:relative;}  
    .class th{display:none;}
    .class td{display:block;width:100%;padding:0 0 0.25rem;}
    .class td:not(:last-of-type){border-bottom:0;}
    .class td::before{content:attr(data-th);font-weight:bold;background:linear-gradient(to right,#d7d7d7 10%,#f1f1f1 80%);display:block;width:100%;padding:0.25rem 0;margin:auto auto 0.25rem;}  
    .major dl{width:100%;margin:1rem auto;}      
    .major dl dt{font-size:1.25rem;}
    .major dl dd strong{font-size:1.125rem;}
    .unitcont .trial_title{font-size:2rem;}
    .beginner{font-size:1.125rem;}
    .beginner dd::before{width:1.75rem;height:1.75rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){  
    .unitcont .college_tab a{font-size:1.3rem;margin:auto 0.35rem;}
    .college_tab a.active::before{font-size:1.5rem;}
}