:root{
    --deep-blue:#2E4FA2;
    --bright-blue:#00AAEB;
    --yellow:#FA0;
}
.light-blue-gray{background-color:#eef2ff}
.bg-purple-cyan{background:linear-gradient(to right,#ABA5FA,#6AABED,#79B9C1 96%,#7070F4 96%)}
.bg-blue-cyan{background:linear-gradient(to right,#6f63c3,#a699ff,#00bcd4 96%,#4C5DF1 96%);}
.bg-gray{background-color:#F3F3F3}
.bg-gold{background:linear-gradient(to bottom,#eee8d2 5%,#fdfcf8 26%)}
.bg-gold3{background:linear-gradient(to top,#eee8d2 5%,#eee8d2 26%)}
.bg-gold2{background:linear-gradient(to bottom,#eee8d2 5%,#eee8d2 26%)}
.bg-yollow-3{background-color:#fffcef}
.bg-blue{background-color:#00a9be}
.bg-light-purple{background-color:#edebfb}
.bg-bg0101{background:linear-gradient(to left,#e0cfa300 0%,#f5f2e71c 30%,#f7f5ee00 70%,#e0cfa200 100%),url(../images/1307088_bg0101.jpg) repeat top center}
.bg-0time{background:linear-gradient(to right,#eee8d2,#85f1ff)}
header.headerbg{background:initial;}
.nvbar_out .logo_brand{color:var(--navy-blue);color:#774bb9;text-shadow:2px 2px 6px #00000059;}
/*banner*/
.banner{/*background:url(../images/1409013_line_bg.png) repeat-x 0% -24%, linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118 75 162) 100%);*/background:url(../images/1409013_top_bg.jpg) repeat-x 0% -24%, linear-gradient(135deg, #9C27B0 0%, #00BCD4 100%);padding:2rem 1rem;}
.hero-badge{background:rgba(255,255,255,.2);padding:0.5rem 2rem;border-radius:3rem;font-weight:bold;color:white;font-size:1.5rem;margin:1rem auto auto;width:fit-content;}
.product{width:fit-content;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-bottom:2.2%;}
.main_title{margin:auto;justify-content:center;}
.main_title h1{font-size:7rem;line-height:7.5rem;letter-spacing:4px;background:linear-gradient(to right,#FDEE4D,#F3F8B8,#C4F9FF,#7BEFFE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;font-style:oblique;width:65%;}
.main_title .des{font-size:5rem;line-height:6.6rem;text-align:center;color:#ffed4e;font-weight:bold;font-style:oblique;}
.summary{width:fit-content;text-align:center;}
.incentive{padding:4rem 0 0;justify-content:center;}
.incentive dl{text-align:center;margin:auto 1rem;}
.incentive dl dt{font-size:2rem;color:#ffd700;font-weight:bold;font-family:microsoft yahei;}
.incentive dl dt b{font-size:5rem;line-height:3rem;vertical-align:top;color:#ffea42;background:linear-gradient(to right,#FDEE4D,#F3F8B8,#C4F9FF,#7BEFFE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;}
.incentive dl dd{font-size:1.6rem;margin:9px 0 0 0;color:#bbf7ffe3;font-weight:bold;}
.seat{font-size:1.25rem;color:white;padding:2rem;}
.cta a{display:inline-block;padding:1rem 2rem;font-size:1.25rem;font-weight:bold;border-radius:2rem;color:white;border:3px solid rgb(255 255 255 / 60%);margin:0.5rem auto auto 1rem;}
.cta a:first-child{background:linear-gradient(45deg,#ffd700,#ffed4e);color:#333;margin:auto;}
/*為什麼各行各業的人開始投考資工碩士？*/
.why h2{font-weight:bold;text-align:center;color:#2c3e50c7;font-size:2.8rem;line-height:3.2rem;letter-spacing:.1rem;margin:1rem auto;}
.why h2 i{color:#667eea;}
.why p{font-size:1.125rem;padding:1rem 0 0;text-indent:2.35rem;letter-spacing:1px;}
.graduate{width:calc(100%/3);border:1px solid rgb(44 62 80 / 51%);border-radius:1rem;padding:1rem 0;margin:1rem;background-color:white;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.master_degree{border-color:#ff6055;border:5px solid #ff6055;}
.graduate dl dt{font-size:1.5rem;background-color:rgba(44, 62, 80, .1);padding:0.25rem 2rem;font-weight:bold;color:#2c3e50;}
.master_degree dl dt{background-color:#ff60552e;color:#c10007;}
.graduate dl dd{text-align:center;}
.graduate dl dt .range{font-size:1rem;font-weight:initial;}
.master_degree dl dt .range{color:#e7000b;}
.graduate dl dd:first-of-type{font-size:2rem;font-weight:bold;text-align:center;padding:0.5rem 0 0;color:#607D8B;}
.master_degree dl dd:first-of-type{color:#e7000b;}
.master_degree dl dd strong{color:#e7000b;padding:0 1px;}
.graduate ul{width:fit-content;margin:auto;text-align:left;}
.graduate ul li{font-size:1rem;list-style-type:disc;}
.graduate ul li::marker{font-size:.5rem}
.roi{position:absolute;top:-0.75rem;right:2rem;background-color:#f54a00;border-radius:0.5rem;color:white;padding:0.125rem 0.5rem;}
/*資工所甄試vs筆試入學策略評估*/
.intelligent h2{font-weight:bold;text-align:center;color:#2c3e50c7;font-size:2.8rem;line-height:3.2rem;letter-spacing:.1rem;margin:1rem auto}
.intelligent h2 i{color:#667eea}
.intelligent p{font-size:1.125rem;padding:1rem 0;text-indent:2rem;letter-spacing:1px}
.intelligent dl{margin:auto auto 2rem;font-size:1.125rem;}
.intelligent dl dt{width:100%;}
.intelligent dl dt{width:100%;font-size:1.5rem;line-height:2rem;font-weight:bold;color:#667eea;padding-left:1.5%;word-break:keep-all;overflow-wrap:anywhere;}
.intelligent dl dd{margin:auto 1rem;}
.intelligent dl dd::before{content:'\f058';font-family:"Font Awesome 6 Free";margin:auto .25rem auto 0;font-weight:bold;font-size:1.5rem;}
.assessment-container{max-width:800px;margin:auto;background:#6e65c73d;border-radius:3rem;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden}
.assessment-start{padding:3rem;text-align:center;border-top:0px solid #6f63c3;border-bottom:0px solid #ff6055;border-right:12px solid #ff6055;border-left:12px solid #6f63c3;border-radius:3rem;}
.assessment-intro h3{font-size:2rem;font-weight:bold;letter-spacing:16px;color:#6054b6;}
.assessment-intro p{font-size:1.25rem;padding:1rem 0;color:#2c3e50;}
.intro-features{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem 0}
.feature-item{display:flex;flex-direction:column;align-items:center;margin:auto 2rem;font-weight:bold;font-size:1.3rem;}
.feature-item i{font-size:4rem;color:#f6339a;margin:auto auto .5rem}
.start-btn{background:linear-gradient(45deg,#c27aff,#f6339a);color:white;padding:1rem 2rem;border-radius:5rem;font-size:1.8rem;font-weight:bold;cursor:pointer;transition:all .3s ease}
.start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(246,51,154,.4)}
.quiz-container{padding:40px;}
.progress-bar{background:#f0f0f0;height:8px;border-radius:4px;margin:auto auto 2rem;position:relative;overflow:hidden}
.progress-fill{background:linear-gradient(45deg,#c27aff,#f6339a);height:100%;border-radius:4px;transition:width .3s ease;width:0}
.progress-text{position:absolute;right:0;top:-30px;font-weight:bold;color:#666}
.question-card{background:#f8f9fa;border-radius:1rem;padding:2rem;}
.question-card.active{display:block}
.question-title{font-size:1.25rem;font-weight:bold;color:#333}
.options{display:flex;flex-direction:column}
.option{background:white;border:2px solid #e9ecef;border-radius:.5rem;padding:1rem 2rem;margin:1rem 0 0;cursor:pointer;transition:all .3s ease;font-weight:500}
.option:hover{border-color:#667eea;background:#f8f9ff}
.option.selected{border-color:#667eea;background:#667eea;color:white}
.quiz-navigation{display:flex;justify-content:space-between;margin-top:32px}
.nav-btn{background:#667eea;color:white;padding:.5rem 1rem;border-radius:.25rem;font-weight:bold;cursor:pointer;transition:all .3s ease}
.nav-btn:hover{background:#5a6fd8}
.nav-btn:disabled{background:#ccc;cursor:not-allowed}
.result-container{padding:3rem;text-align:center;}
.result-card{background:linear-gradient(135deg,#c27aff 0%,#f6339a 100%);color:white;border-radius:2rem;padding:2rem;margin:auto auto 2rem;}
.result-title{font-size:4rem;line-height:5rem;letter-spacing:1px;padding:.5rem 0;}
.result-title strong{padding:0 2px;}
.result-description{font-size:1.125rem;padding:0 0 2rem}
.success-rate{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:12px;padding:16px;display:inline-block;font-size:1.2rem;font-weight:600}
.recommendations{padding:1rem;text-align:left;}
.recommendations h4{font-size:1.75rem;font-weight:bold;color:#754ea6;}
.recommendations h4 i{color:#f6339a;}
.recommendation-list{list-style:none;font-size:1.25rem;}
.recommendation-list li{background:#f8f9fa;border-radius:.5rem;padding:1rem;margin:1rem auto auto;border-left:4px solid #667eea}
.recommendation-list strong a{color:#f4359e;font-size:1.25rem;}
.restart-btn{background:linear-gradient(45deg,#c27aff,#f6339a);color:white;padding:1rem 2rem;border-radius:2rem;font-size:1.25rem;font-weight:bold;cursor:pointer;transition:all .3s ease}
.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(246,51,154,.4)}
/*站在巨人肩膀*/
.teacher_box .color_w{color:#FFF;text-shadow:none}
.exclusive_list .color_r{color:#ff9b93;font-size:3rem}
.color_gold{color:#ffaa00;font-size:3.7rem;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff}
.flex-start{justify-content:flex-start}
.wrap_all{word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%}
.nestmenu{position:relative;z-index:2}
.nestmenu .eventmenu a{cursor:pointer;border-right:0;margin:.25rem auto;display:block;font-size:1rem}
.eventmenu a:hover{border-radius:.25rem;background-color:rgb(66 201 189 / 25%)}
.eventmenu{position:absolute;top:100%;animation:pulse .3s}
.eventmenu ul{background-color:white;border-radius:1rem;padding:.75rem;box-shadow:0 0 0 1px #B5DFD0,0 2px 4px rgba(181,223,208,.08),0 4px 12px rgba(181,223,208,.08)}
/**/
.cotitle{font-size:2rem;font-weight:bold;line-height:2.5rem;letter-spacing:.25rem}
.smalldes{font-size:2.7rem;line-height:4rem;color:#00a3ca;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff}
.smalldes-2{font-size:2.7rem;line-height:3.2rem;color:#ffeb3b;margin-top:5%}
.teacher_list{margin:auto 0 auto auto;width:85%;padding:4rem 0 0}
.teacher_tab{width:70%}
.teacher_tab a{width:calc(100%/4 - .5rem);cursor:pointer}
.teacher_tab figure{background:linear-gradient(135deg,#2F52A4,#5AC0FD);border-radius:40% 1rem 40% 1rem;overflow:hidden;width:85%;padding:0 1rem}
.teacher_tab a.active figure{background:linear-gradient(135deg,#FFAE0B,#FEE0A0)}
.teacher_tab a.active{order:2;width:calc(100%/4 + 1.5rem);animation-name:fadeIn;animation-duration:1s}
.teacher_tab a.active figure{width:100%}
.teacher_tab a.active~a:nth-child(2n+1) figure,.bg-yellow figure{background:linear-gradient(135deg,#ffae0bb0,#FEE0A0)}
.teacher_box{width:30%;padding:0 0 0 2rem}
.teacher_title{position:relative}
.teacher_info{font-size:1.25rem;padding:1rem 0 0}
.teacher_info dt a{padding:0 3px}
.teacher_info .method{margin:.25rem 0 auto 0;color:#ffeb3b;font-weight:bold}
.teacher_info .method i{color:#ffeb3b}
.exclusive_list{padding:1rem 0 4rem;justify-content:center}
.exclusive_title{margin-top:5.8%}
.exclusive_title .win{font-size:6.5rem;font-weight:bold;padding:3rem 0;color:#ff7676;text-align:right}
.exclusive_box{padding:0 0 0 5rem}
.exclusive_box dl{margin:auto 0 0 0}
.exclusive_box dt{background-color:#ff5d5d;border-bottom:8px #4c73b1 solid;width:10rem;height:10rem;border-radius:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:1.5rem;margin:auto;color:#ffffff}
.exclusive_box dd{font-size:1.25rem;padding:0 2rem .5rem}
.exclusive_box i{font-size:8rem;color:#ffffff69;line-height:0}
.py-8{padding-top:2rem;padding-bottom:2rem}
.story_title{flex-direction:row-reverse;margin-top:-11.4%}
.story_box{background-color:#ffffff6e;border-bottom:8px #ffffff40 solid;border-radius:5rem;margin:2rem auto auto}
.student{width:calc(100%/3);padding:2rem 2rem 1rem;position:relative}
.student:not(:last-of-type):after{content:'';border-right:5px dotted #ffffff5e;top:0;right:0;bottom:0;position:absolute;margin:auto;height:80%;color:#fff}
.student figure{width:120px;height:120px;border-radius:50%;margin:3% 4% 0% 0;overflow:hidden;float:left}
.student figure img{width:120px;height:120px;object-fit:cover}
.student li.name{padding-bottom:14px}
.cobtn{margin:auto 0 0 auto;font-size:1.25rem;letter-spacing:initial;line-height:1.5rem}
.cobtn a{text-decoration:none;display:flex;flex-wrap:wrap;align-items:center}
.cobtn a:hover{transform:scale(1.025)}
.cobtn a i{background-color:#ad6dc6;color:#fff;width:3rem;height:3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;margin:auto .5rem auto .5rem}
.cobtn a:hover i{background-color:#ff5d5d}
.grade{background-color:#7451aa;border-bottom:6px #ffffff57 solid;border-left:4px #ffffff24 solid;color:white;padding:.3rem 1.1rem .5rem 1.3rem;font-size:2rem;line-height:2.55rem;width:fit-content;margin-bottom:3.5%;border-radius:15px 15px 15px 0;}
.student li{font-size:1.1rem;line-height:1.9rem}
.student li:nth-of-type(2){color:#9a2bc6;font-size:1.48rem;line-height:2rem;margin-bottom:1.5%}
.honor_roll ul{width:calc(100%/8);margin:.5rem}
.honor_roll ul li:nth-of-type(2){border-bottom:2px dotted #a864b3}
.story_btn{margin:auto}
.story_btn a{margin:auto auto auto 2rem}
.salary_title{position:relative;text-align:center}
.salary_tab{margin:2rem auto auto 0}
.salary_tab a{font-size:1.25rem;border-radius:.25rem .25rem 0 0;background-color:white;padding:.5rem 3rem;box-shadow:0 1px 1px 0 rgba(66,66,66,.08),0 1px 3px 1px rgba(66,66,66,
.16);cursor:pointer;text-decoration:none;position:relative}
.salary_tab a.active{color:#00BCD4;border-top:4px solid}
.salary_tab a::after{position:absolute;content:'';left:0;bottom:-2px;display:block;width:100%;height:5px;background:#fff}
.salary_tab a.active::after{bottom:-3px}
.salary_box{background-color:white;padding:1rem 2rem;box-shadow:0 1px 1px 0 rgba(66,66,66,.08),0 1px 3px 1px rgba(66,66,66,.16)}
.school_title{font-size:1.5rem;background-color:#00BCD4;color:white;padding:2rem 0;width:230px;text-align:center;border-radius:100px}
.major{width:calc(100% - 250px);padding:0 0 0 2rem;margin:auto auto 0 0;font-size:1.25rem}
.major dt{color:#00BCD4;font-size:1.4rem}
.salary_box p{font-size:1.1rem;padding:1rem 0;margin:0 4%}
.salary_box .p{font-size:1.1rem;padding:1rem 0;margin:0 4%}
.salary_box .p dd{list-style-type:decimal;display:list-item;margin:auto auto auto 1.1rem}
.career{justify-content:center}
.career dl{border:1px solid #E6E6E6;text-align:center;margin:0 1rem;width:calc(100%/2 - 4rem)}
.career dl dt{background-color:#e8dac7;font-size:1.25rem;padding:.5rem 2rem}
.career dl dd{font-size:1.1rem;padding:1rem 2rem;justify-content:center;align-items:center}
.career dl dd ul{text-align:left}
.career i{font-size:3rem;color:#d8c8b3;padding:0 2rem 0 0}
.source{padding:1rem 0 0;text-align:right}
.overlap{padding:1rem 0}
.dream{text-align:center;margin-top:2.5%}
.dream dt{color:#00BCD4;font-size:1.4rem;font-size:2.7rem;line-height:3.5rem;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 16px #fff,0 0 10px #fff;margin-top:1rem;border-bottom:1px #000 dotted;display:inline-block;padding:0 87px 0 96px}
.dream dd:first-of-type{font-size:1.1rem;color:#000}
.dream dd:last-of-type{font-size:2.1rem;font-family:"Microsoft YaHei"}
.choice{font-size:1.25rem;justify-content:center}
.choice a{margin:.5rem;text-align:center;background-color:#00BCD4;color:white;padding:1rem 2rem;border-radius:3rem}
.choice a span{display:flex;justify-content:center}
.compare_tb{margin:.5rem auto}
.feature_title{padding:3% 0}
.feature_des{color:var(--yellow);font-size:3rem}
[class*="feature_list"]{width:calc((100% - 300px)/2);padding:0 1rem;margin:auto 0 auto auto}
[class*="feature_list"] dl{background:linear-gradient(135deg,#2F52A4,#5AC0FD);border-radius:.5rem;padding:1rem 2rem 2rem;margin:auto auto 2rem;width:100%;color:white;border-radius:0 70px 70px 70px;position:relative}
.feature_list1 dl:nth-of-type(2),.feature_list2 dl:nth-of-type(1){background:linear-gradient(135deg,#f7a600,#ffd989);border-radius:0 70px 70px 70px}
.feature_list1 dl:nth-of-type(3),.feature_list2 dl:nth-of-type(2){background:linear-gradient(135deg,#fc7d7d,#ffbcbc);border-radius:0 70px 70px 70px}
[class*="feature_list"] dl dt{font-size:2rem;color:#fff;padding:.4rem 0;border-radius:2rem;margin:auto 0 .5rem}
[class*="feature_list"] dl dd{font-size:1.25rem}
[class*="feature_list"] dl i{font-size:2rem;border:4px #ffffff75 solid;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;position:absolute;right:1rem;bottom:1rem}
.rollbox .bounceInDown,.rollbox .bounceInUp{animation-duration:2s}
.course{margin:auto auto auto 0;width:96%;background:linear-gradient(-45deg, #78b8c2, #5AC0FD);background:linear-gradient(-45deg, #7354af, #5AC0FD);border-radius:0 0 5rem 0;padding:2rem 2rem 0 2rem}
.course_title{font-size:2.2rem;text-align:right;font-weight:bold;color:white;padding:0 5% 0 0;order:2}
.course ul{border-radius:1rem 1rem 0 0;width:50%;margin:1rem 0 0 auto;padding:2rem}
.course ul li{font-size:1.25rem;border-bottom:1px solid #E6E6E6;padding:.5rem 1rem;width:calc(100%/2);position:relative;display:flex;flex-wrap:wrap;align-items:center}
.course ul li::before{content:'';width:5px;height:5px;background-color:black;margin:auto .5rem auto 0}
.course_btn{width:fit-content;padding:1rem 0 0 0}
.course_btn a i{background-color:var(--yellow)}
.course .name{padding:0 1rem}
.signup_title{font-size:2.8rem;line-height:3.2rem;letter-spacing:.1rem;color:#ff5d5d;margin:1rem auto}
.gift{width:calc(100%/3 - 1.5rem);text-align:center;margin:1rem auto;font-size:1.25rem;background-color:#FDE4E1;border-radius:2rem;padding:1rem 2rem 1rem;border:7px #ff5d5d solid;border-right:7px #00bcd4 solid;border-bottom:7px #75cfda solid}
.gift_btn{text-align:center}
.gift_btn a{background-color:#ff5d5d;border-radius:1.5rem;color:#fff;padding:0 1rem .1rem;text-decoration:none;margin:.25rem auto auto auto;font-size:1.5rem;display:inline-block}
.gift_btn a.early_bird::before{font-family:"Font Awesome 5 Free";content:"\f520";display:inline-block;text-align:center;font-weight:900;padding:6px 6px 2px;margin:0 0 0 0;color:#e1dcb1;}
.gift_btn a.early_bird:hover::before{content:"\f4ba";padding:6px 6px 2px 13px;}
.gift dt{font-size:2rem}
.gift:nth-of-type(3) a{background-color:#5daf60}
.gift:nth-of-type(2) a{background-color:#4284cc}
.gift:nth-of-type(3){background-color:#DFEEDB;border:7px #2cae3f dotted;border:7px #2cae3f solid;border-right:7px #00bcd4 solid;border-bottom:7px #75cfda solid}
.gift:nth-of-type(2){background-color:#DFE8F1;border:7px #4284cc dotted;border:7px #4284cc solid;border-right:7px #00bcd4 solid;border-bottom:7px #75cfda solid}
.unibtn{text-align:right;margin:.25rem 0 auto auto}
.unibtn a{font-size:1.75rem}
.learn_title{text-align:center;padding:0 0 1rem}
.learn_box dl{width:calc(100%/3 - 2rem);margin:auto}
.learn_box dl dd{color:#181818;font-size:1.125rem}
.learn_box dl dd img{border-radius:1rem;width:97%;border:3px #ffffff69 solid;box-shadow:3px 3px 6px #0000004f}
.learn_box dl dd:nth-of-type(2){padding:.5rem 0 0}
.learn_box dl dt{font-size:1.5rem;font-weight:bold;color:#205b85}
.learn_btn a i{background-color:#68cbee;margin:auto .25rem auto auto}
.announce .askclick{background:#ff5d5dd9;color:#fff}
.nvidia_tb,.nvidia_tb th,.nvidia_tb td{border-bottom:1px var(--bright-blue) solid;border-collapse:collapse}
.nvidia_tb{width:100%}
.nvidia_tb th{background:#00BCD4;color:white;text-align:center;font-family:"微軟正黑體";font-size:1.2rem}
.nvidia_tb td{background:white;color:black;padding:.5rem;font-size:1.1rem;text-align:center}
.fa-star{color:var(--yellow)}
.agenda{color:#205b85;}
.agenda .decimal li{list-style-type:decimal;margin:auto auto auto 1rem;}
.agenda>li{margin:0 1rem 1rem;}
/*高點資工所全方位課程 專精專辦*/
.opendate .best_choice dt{padding:2rem 5% 0.5rem;}
.opendate .best_choice dt{padding:2rem 10% .5rem;font-weight:bold;color:#2c3e50c7;font-size:2.8rem;font-size:6rem;line-height:7rem;background:linear-gradient(to right,#FDEE4D,#F3F8B8,#C4F9FF,#7BEFFE);background:linear-gradient(to right,#4b5200,#b2be20,#53a5af,#0799ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold}
.opendate .best_choice dd{font-size:2.5rem;font-weight:bold;color:#6054b6;}
.best_choice i{font-weight:bold;font-size:3rem;line-height:0;padding:0 1rem 0 0;color:#6054b691;}
.opendate dl dt{text-align:center;font-size:2.5rem;padding:2rem 5%;}
.opendate dl dt a{margin-left:0.5rem;}
.opendate dl dd{font-size:1.25rem;padding:0.5rem 1rem;margin:auto auto 1.0rem;border-bottom:dotted 0px;color:#0b3ec9;}
.compare{margin:auto auto 1rem;font-size:1.25rem;width:90%;}
.compare th{background-color:#1ac6d6ad;padding:0.2rem;color:white;font-weight:initial;width:25%;}
.compare tr:not(:last-of-type) th{border-bottom:solid 1px;}
.compare tr:not(:last-of-type) td{border-bottom:1px solid #8fdbc6;}
.compare td{padding:1rem 2rem;background-color:rgb(255 255 255 / 50%);}
.compare tr td b{color:#f6339a;font-size:2.0rem;}
.compare tr td:nth-of-type(2){position:relative;padding:0.5rem 8rem 0.5rem 2rem;}
.compare tr td:nth-of-type(2)::after{content:'\f164';font-family:"Font Awesome 6 Free";}
.fcolor-orange, .compare tr td li.fcolor-orange a{color:#f6339a;}
.price_list ul{width:100%;display:flex;flex-direction:column;align-items:center;}
.price_list li{margin:auto 3% auto 0;width:47%;text-align:center;}
.compare td a{color:#f6339a;margin:auto 1px;font-weight:bold;}
.compare .title{background:linear-gradient(to right,#00BCD4 5%,#5fd1d5 52%,#00bcd4 92%);width:fit-content;color:#ffffff;font-weight:bold;padding:.2rem 1rem;margin:auto auto .25rem 0;font-size:1.8rem;width:100%;position:relative;text-align:center}
.compare .title a{color:inherit;}
.compare .title .tag1,.compare .title .tag2{position:absolute;top:-1px;left:-2px;clip-path:polygon(80% 0%,0% 0%,0% 100%);width:2.5rem;height:2rem;}
.compare .title .tag1{background-color:#ff9800cf;transform:rotate(340deg)}
.compare .title .tag2{background-color:#6054b68c;transform:rotate(333deg)}
.compare small{background-color:white;padding:0 0.5rem;border-radius:1rem;margin:0.5rem 0 0;display:inline-block;}
@media screen and (min-width:1536px){
    .bgexclusive,.signup{max-width:1280px}
    form[name='form1'] 
    input[type='text']{width:auto;margin:auto 1rem auto 0}
}
@media screen and (min-width:1281px){
    .md\:block{display:block}
    .announce .askclick{bottom:30%;padding:1rem .6rem;font-size:1.5rem}
}
@media screen and (min-width:1201px){
    .exclusive_box i{margin:auto auto auto 0}
}
@media screen and (max-width:1535px){
    .teacher_list{width:100%}
    .gift{width:calc(100%/3 - 1rem)}
    .course{width:96%}
    .exclusive_box{padding:0}
    .bgexclusive,.signup{max-width:90%;padding-top:2%}
    .course ul{width:60%}
    [class*="feature_list"] dl dt{font-size:1.85rem}
    .compare{width:100%;}
    #event_sec{max-width:100%;}
    .intelligent dl dd{width:calc(100%/2 - 2rem);}
}
@media screen and (min-width:1281px){
    .flash{display:none}
}
@media screen and (max-width:1280px){
    .bgexclusive,.signup{max-width:95%}
    [class*="feature_list"] dl dd{padding:0 3rem 0 0}
    .trial{display:none}
}
@media screen and (max-width:1200px){
    .gift{width:100%;margin:1rem auto 0}
    .social,.social:last-of-type{width:calc(100%/3 - 1rem);padding:1rem 0}
    .social,.social:last-of-type{width:calc(100%/2 - 1rem)}
    [class*="feature_list"]{width:100%}
    [class*="feature_list"] dl{width:calc(100%/3 - 1rem);margin:.5rem}
    .course_title{margin:auto 0 auto auto}
    .course ul{width:100%;order:2;margin:1rem 2rem 0 auto}
    .honor_roll ul{width:calc(100%/6)}
    .text-effect{white-space:normal;font-size:6rem}
    .banner{background-size:cover;}
}
@media (max-width:1180px){     
    .compare td{padding:0.5rem;}   
    .graduate{width:calc(100%/2 - 1rem);margin:2rem auto 0;}
}
@media screen and (max-width:1023px){
    .banner_des .sm\:block{display:block}
    .teacher_tab a.active{order:1;width:50%;margin:1rem 25%}
    .teacher_tab a{order:2;width:calc(100% / 3 - 1rem);margin:auto}
    .teacher_tab figure{width:100%}
    .teacher_tab{width:100%;order:2}
    .teacher_box{width:50%;order:1;margin:auto}
    .rollbox{padding-top:0}
    .feature_title{padding:3%}
    [class*="feature_list"] dl{width:100%}
    .course{width:100%}
    .exclusive_box dd{padding:0 1rem .5rem}
    .honor_roll ul{width:calc(100%/4);margin:.5rem auto}
    .graduate{width:100%;margin:2rem 2rem 0;}
    .master_degree{order:1;}
    .order2{order:2;}
    .why{padding:0 1rem;}
    .intelligent{padding:0 1rem;}
    .opendate .best_choice dt{padding:2rem 1% 0.5rem;font-size:3.5rem;line-height:4rem;}
}
@media screen and (min-width:768px) and (max-width:1023px){
    .student figure{float:initial;}
}
@media screen and (min-width:768px){
    .comma{display:block}
}
@media screen and (max-width:767px) and (orientation:portrait){
    .topbg{max-width:100%}
    .topbg img{left:-306px;opacity:.6;width:185vw;max-width:initial;z-index:-2}
    .compare tr td:nth-of-type(2){padding:0.5rem 0.5rem 4rem;}
    .compare tr td:nth-of-type(2)::after{top:auto;bottom:2rem;font-size:3rem;}
    .incentive dl:first-of-type{margin:auto auto 1rem;}
    .feature-item{margin:auto;}
    .start-btn{padding:1rem;word-break:keep-all;overflow-wrap:anywhere;}
    .result-title strong{display:block;}
}
@media screen and (max-width:767px){
    nav.nestmenu a{font-size:.92rem;}
    body{background-size:100% 107%}
    /*.banner{background:url(../images/1409013_line_bg.png) repeat-x 0% -3%, linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118 75 162) 100%);padding:2rem 1rem;background-size:100%;}*/
    .banner {background:url(../images/1409013_top_bg.jpg) repeat-x 42% 0%, linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118 75 162) 100%);padding:2rem 1rem;   background-size:auto 852px;}
    /*.hero-badge{padding:0.5rem 1.3rem 0.5rem 1.8rem;font-size:1.5rem;margin:0rem auto auto;word-break:keep-all;overflow-wrap:anywhere;text-align:center;width:min-content;}*/
    .hero-badge {padding:0.5rem 1rem 0.5rem 1rem;font-size:1rem;margin:0rem auto auto;word-break:keep-all;overflow-wrap:anywhere;text-align:center;}
    .text-effect{font-size:4rem;line-height:4.2rem;letter-spacing:-1px}
    .text-effect::before{text-shadow:1px 0 0 #004080}
    .incentive{padding:2rem 2rem;}
    .seat{padding:0 1rem 2rem;text-wrap:balance;}
    .quiz-container{padding:26px;}
    .opendate .best_choice dd{font-size:1.7rem;}
    .best_choice i{font-size:2.5rem;padding:0 .5rem 0 0;}
    .compare .title{padding:.7rem 1.5rem;font-size:1.8rem;line-height:2.3rem;}
    .compare th{width:32%;}
    .compare td{padding:0.5rem;font-size:1.05rem;}
    .price_list li{margin:4% 0% 0 0;line-height:1.5rem;width:100%;text-align:center;}    
    .why h2,.intelligent h2{font-size:2.2rem;line-height:2.7rem;letter-spacing:0.05rem;margin:0rem auto 1rem;word-break:keep-all;overflow-wrap:anywhere;}
    .why p{font-size:1.125rem;line-height:1.8rem;padding:1rem 1rem .5rem;text-align:justify;}
    .intelligent p{text-indent:2rem;letter-spacing:0;text-align:justify;font-size:1.1rem;line-height:1.9rem;padding:1rem 1rem 2rem;}
    .intelligent dl{font-size:1.07rem;}
    .intelligent dl dd{width:100%;margin:auto;}
    .assessment-start{padding:3rem 1rem;}
    .result-card{padding:1rem;}
    .result-title{font-size:2.2rem;line-height:2.7rem;}
    .result-container{padding:1rem;}    
    .nvidia_tb td{padding:.5rem 0 6px 7px;font-size:.9rem;text-align:left;vertical-align:top;border:1px #00bcd4 dotted}
    .choice a{margin:.5rem;padding:1rem 0;border-radius:3rem;width:240px}
    .nvidia_tb th{font-size:1rem;line-height:1.4rem;width:20%;padding:2% 0%}
    .dream dd:first-of-type{font-size:1.1rem;margin:9% 6% 2%}
    .dream dt{font-size:1.4rem;font-size:2rem;line-height:3rem;margin-top:1rem;padding:0 2% 0}
    .dream dd:last-of-type{font-size:1.58rem;line-height:2rem;margin-top:1%;margin-left:6%}
    .banner h1{font-size:5rem}
    .main_title h1 {font-size:5rem;width:88%;}
    .main_title .des{font-size:2.75rem;line-height:2.2rem;}
    .banner_des{font-size:2.9rem;line-height:3rem;text-shadow:-1px 0 0 #FFEB3B}
    .teacher_box{width:100%;margin-top:3%;margin-top:5%}
    .teacher_title{font-size:2.8rem}
    .exclusive_list{padding:2rem 0 4rem;justify-content:center}
    .exclusive_box{justify-content:center}
    .exclusive_box dd{padding:1.2rem 1rem .5rem}
    .exclusive_list .color_r{font-weight:600}
    .student{width:99%;margin:auto;padding:2rem 17px 2rem 1rem;}
    .student:not(:last-of-type):after{border-right:0}
    .student:not(:last-of-type){border-bottom:1px dotted}
    .student figure{width:100px;height:100px}
    .student figure img{width:100px;height:100px}
    .student li:nth-of-type(2){font-size:1.4rem;word-break:keep-all;overflow-wrap:anywhere;}
    .student li.name{font-size:1.03rem}
    .salary_tab a{font-size:1.2rem;padding:.125rem .65rem;}
    .unibtn a{font-size:1.5rem;}    
    .major{width:100%;padding:0}
    .career dl{width:100%}
    .career dl dd{padding:1rem}
    .social,.social:last-of-type{width:calc(100% - 1rem)}
    .learn_box dl{width:100%;margin:auto auto 1rem}
    .learn_box dl dt{justify-content:flex-end}
    .learn_box dl dd:nth-of-type(2){padding:.5rem 2rem 0}
    .learn_box dl dd{font-size:1rem}
    .learn_box dl dd img{width:95%;margin:0 2.5% 0 2.2%}
    .learn_btn{margin:auto 0 0 1rem}
    .course{padding:2rem 1rem;}
    .course_title{padding:0;line-height:2.4rem;}
    .course ul{margin:1rem auto 0;padding:1rem .5rem}
    .course ul li{width:100%}
    .course_btn{padding:.5rem 0 .5rem 7.5rem;justify-content:flex-end;}
    .color_gold{font-size:2rem}
    .smalldes{font-size:2.5rem;line-height:3rem}
    .cotitle{line-height:3rem;letter-spacing:.7px}    
    .story_box{border-radius:3rem;padding-bottom:3rem;}
    .story_title{margin:-5% 3% 0 0}
    .story_btn a{margin:auto auto auto .9rem;}
    .grade{font-size:1.5rem;line-height:2rem}
    [class*="feature_list"] dl dt{font-size:1.8rem;font-weight:bold;}
    [class*="feature_list"] dl dd{padding:0 4rem 0 0;font-size:1.1rem}
    .signup{max-width:90%;padding-top:5%;padding-bottom:1%}
    .signup_title{font-size:1.8rem;line-height:2.2rem}
    .salary_box p{font-size:1.1rem;padding:1rem 0;margin:0 0% 0 6%;text-align:justify;}
    .salary_tab{margin:1.2rem auto auto 0}
    .school_title{padding:1.5rem 0;width:210px}
    .gift{padding:1rem}
    .feature_title{margin:auto 6% 5%}
    .comma::before{content:'、'}
    .honor_roll ul{width:calc(100%/2)}
}