@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Playwrite+AU+VIC:wght@100..400&family=Playwrite+GB+S:ital,wght@1,100..400&family=Playwrite+IS:wght@100..400&display=swap');
@import url(../CSS/ani.css);
/* 顏色定義 */
:root{
    --navy-blue:#08226a;
    --gray-blue:#9ca6bd;
    --gray:#c8c8c8;
    --indigo-blue:#0c277b;
    --teal-blue:#37adbd;
    --bright-teal-blue:#46dbbe;
    --bg-blue:#3271e8;
    --title-blue:#1743ba;
    --fb-blue:#3761dc;
    --light-blue:#eff4ff;
    --icy-blue:#bbfff5;
    --periwinkle:#819be7;
    --light-green:#ebf9f6;
    --bg-purple:#8963d6;
    --violet-purple:#bc61e2;
    --grass-green:#d8f6f1;
    --dark-gray:#7a7a7a;
    --black:#010101;
}
/* 共用樣式 */
.ft_NOTO{font-family:'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family:'Noto Serif TC', serif;}
.ft_Meiro{font-family:Meiryo, "Meiryo UI", Arial, sans-serif;}
.fade-enter-active, .fade-leave-active{transition:opacity .5s;}
.fade-enter, .fade-leave-to{opacity:0;transition:opacity 0s;}
main a{text-decoration:underline;}
main a:hover{text-decoration:none;}
.container_title{font-size:3.2rem;color:var(--title-blue);position:relative;margin:auto;width:fit-content;padding:0.5rem 0;display:flex;flex-wrap:wrap;align-items:center;letter-spacing:2px;font-family:"Microsoft YaHei";}
.container_title::after{content:'';position:absolute;bottom:7px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:130px;height:2px;background:linear-gradient(to right, #46dbbe 0%, #1744ba 100%);}
.container_title strong{font-size:3.2rem;letter-spacing:4px;padding:0 4px 0;/*color:var(--indigo-blue);*/}
button.VueCarousel-navigation-button[data-v-453ad8cd]{color:var(--violet-purple);font-size:1.75rem;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.target-fix{position:relative;top:-4rem;display:block;visibility:hidden;}
.bg-light-green{background-color:var(--light-green);}
/*控制vue組件動畫效果*/
.fade-enter-active, .fade-leave-active{transition:opacity 0.3s;}
.fade-enter, .fade-leave-to{opacity:0;transition:opacity 0.3s;}
/* header */
.headerbg{background:url(../Image/infotech_topbg.png) no-repeat top center fixed;position:relative;}
.headerbg::before{content:url(../Image/202407_1a.png);position:absolute;right:0;bottom:-5px;z-index:0;}
.channelbg::before{content:none;}
.channelbg .logo_des{display:none;}
.logo{max-width:70%;text-decoration:none;}
.logo img{width:80px;margin:auto;}
.logo_brand{font-size:4rem;color:white;position:relative;margin:auto auto auto 1rem;text-shadow:3px 12px 16px #00000059;}
.logo_brand small{font-weight:bold;font-family:"Microsoft YaHei";}
.logo_brand span::before{content:'';width:5px;height:65px;background:linear-gradient(to bottom, #08226a 0%, #0f7ca3 100%);display:inline-flex;margin:auto 1rem auto auto;position:relative;top:0.5rem;}
.logo_des{margin:auto 0 0.75rem auto;text-align:center;/*animation:pulse 2s infinite !important;*/position:relative;top:2rem;right:0;}
.logo_des span{display:block;font-family:"Caveat", cursive;font-size:1.75rem;line-height:1.75rem;}
.icongroup{margin:auto 0 0.75rem auto;}
.icongroup a{background-color:#3563dc;border-radius:9999rem;width:2rem;height:2rem;margin:0 .25rem;text-align:center;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;}
/*.icongroup .line_btn{font-size:0.7rem;font-weight:bold;}*/
.icongroup .member_btn{font-size:0.9rem;}
.icongroup .menu_btn{cursor:pointer;}
.icongroup .ins_btn{font-size:1.25rem;}
.hashtag{padding:0 0 0 1rem;align-items:center;}
.hashtag a{background-color:initial;color:var(--violet-purple);width:auto;padding:0 0 0 0.5rem;}
.homehead .channelsocial .icongroup > a, .homehead .channelsocial .icongroup .menu_btn, .homehead .nestmenu{display:none;}
.homehead .channelsocial{margin:0;}
.channelsocial{margin:auto 0 0 auto;}
.nestmenu{padding: 0 .8rem;}
.nestmenu a{border-right:solid 2px #42c9bd;color:#08226a;font-size:1.1rem;padding:0 .8rem;text-decoration:none;}
/* 四大熱門系所 */
.hot_dep{background-color:var(--indigo-blue);color:white;border-radius:1rem 1rem 0 0;display:inline-flex;padding:0.25rem 3rem 1rem;font-size:1.25rem;position:relative;top:1rem;left:calc(100%/5*1.5);}
.hot_dep::before, .hot_dep::after{content:'';width:calc(100%/5*2);height:3rem;border:2px solid var(--indigo-blue);position:absolute;border-radius:0.5rem;top:1.25rem;}
.hot_dep::before{right:95%;}
.hot_dep::after{left:95%;}
.department{background-color:white;width:85%;margin:auto;border-radius:0.5rem;position:relative;top:1rem;box-shadow:rgba(210, 210, 210, 0.25) 0px 13px 27px -5px, rgba(210, 210, 210, 0.3) 0px 8px 16px -8px;}
.department li{width:calc(100%/5);text-align:center;position:relative;}
.department li::after{content:'';border-right:2px solid var(--indigo-blue);height:4rem;position:absolute;right:0;top:2.5rem;}
.department li:last-of-type::after{content:none;}
.department li a{display:block;text-decoration:none;color:var(--navy-blue);font-size:1.5rem;font-weight:bold;letter-spacing:0.25rem;padding:2rem 0;border-radius:0.5rem;}
.department li:nth-of-type(n+1):nth-of-type(-n+2) a,.department li:nth-of-type(n+1):nth-of-type(-n+2) i{color:var(--violet-purple);}
.department li:nth-of-type(n+1):nth-of-type(-n+2) a{font-size:1.75rem;line-height:2.25rem;}
.department li i{display:block;color:var(--gray-blue);font-size:2rem;}
.department .eng{font-size:1rem;line-height:1rem;display:block;color:var(--gray-blue);letter-spacing:initial;position:relative;}
/* 新聞快訊 */
.marquee .VueCarousel{width:calc(100% - 270px);}
.marquee .VueCarousel-slide{flex:0 0 100%;/* 確保每個 slide 佔滿 100% 寬度 */display:flex;flex-wrap:wrap;align-items:center;}
.news_flash>span::before{content:url(../Image/arrow.png);padding:0 0.5rem 0 1rem;}
.news_flash{font-size:1.25rem;}
.news_flash a{color:var(--indigo-blue);padding-left: 1px;}
.topic{background:linear-gradient(45deg,#ff4d4d,#ff8c1a);color:#fff;font-size:14px;padding:0 8px;border-radius:12px;margin-left:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse 1.5s ease-in-out infinite;display:inline-flex;}
/* 高中生 在校生 重考生 在職進修 */
.bg-top-shadow{background:linear-gradient(to bottom, #e8e9ea 0%, rgb(255 255 255 / 0%) 20%);}
.submenu{padding:2rem 0 0;}
.identity{width:50%;}
.home_banner{width:50%;}
.home_banner .VueCarousel-slide{flex:0 0 100%; /* 確保每個 slide 佔滿 100% 寬度 */}
.id_tab{padding:1rem 0 0.5rem;position:relative;margin-bottom:1.0rem;}
.id_tab::after{content:'';position:absolute;bottom:7px;width:80%;height:2px;background:linear-gradient(to right, #46dbbe 0%, #1744ba 100%);}
.id_tab a{cursor:pointer;text-decoration:none;font-size:1.7rem;display:flex;align-items:center;margin:auto 1.5rem auto 0;color:var(--navy-blue);font-family:"Microsoft YaHei";}
.id_tab a.active{font-weight:bold;}
.id_tab a.active::before{content:'\f05a';font-family:"Font Awesome 5 Free";font-weight:bold;border-radius:50%;color:var(--violet-purple);font-size:2rem;margin:auto 0.25rem auto auto;}
.id_link{width:100%;margin:0 auto;}
.id_link ul{border:1px solid #7de0eb;border-radius:0.5rem;display:flex;flex-wrap:wrap;width:80%;background:linear-gradient(to right, #46dbbe 0%, #1744ba 100%);}
.id_link ul li{width:calc(100%/2);border-bottom:1px solid #7de0eb;padding:0.5rem 0;text-align:center;font-size:1.25rem;color:white;}
.id_link ul li a{display:block;text-decoration:none;color:white;}
.id_link .multi a{color:#a2f6ff;}
.id_link ul li:nth-last-of-type(n+1):nth-last-of-type(-n+2){border-bottom:0;}
.id_link ul li:nth-of-type(odd){border-right:1px solid #7de0eb;}
.id_link .triple{width:calc(100%/3);}
.id_link ul li.w-full{width:100%;}
.id_link ul li.border-right-0{border-right:0;}
.id_link ul li.border-bottom-0{border-bottom:0;}
.id_link ul li.border-right{border-right:1px solid #7de0eb;}
.id_link ul li.border-top{border-top:1px solid #7de0eb;}
/* 適合投考系所 */
.select ul li{margin:0.25rem;}
.select input{display:none;}
.select label{border:1px solid #83e1eb;border-radius:2rem;padding:0.2rem 1rem;font-size:1.25rem;display:block;width:100%;text-align:center;color:#1743b9;}
.select input:checked ~ label{background-color:#83e1eb;color:white;}
.select{width:50%;}
.result{width:calc(50% - 200px);/*background:url(../Image/116775362_m.png) no-repeat bottom right / 55%;height:162px;*/margin:0 auto auto;}
.match{padding:1rem;}
.suit_title{font-size:1.5rem;text-shadow:0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;}
.suitable{background-color:var(--violet-purple);color:white;font-size:2rem;margin:auto 0.5rem 1rem auto;padding:0.25rem 1rem;border-radius:0.5rem;}
.reset{padding:0 0 0 0.25rem;font-size:1.5rem;}
.combine .line{border-top:1px dotted rgb(125 224 235 / 78%);padding:0.8rem 0 1rem;border-bottom:1px dotted rgb(125 224 235 / 78%);}
.variance a{border:1px dotted var(--violet-purple);color:var(--violet-purple);padding:0.25rem 0.5rem;text-decoration:none;border-radius:0.5rem;font-size:1.125rem;}
/* 強棒師資戰隊 */
.teacher_group{padding:1rem 0 2rem;position:relative;overflow:hidden;}
.teacher_slide{padding:1rem 0 0;max-width:1920px;}
.photolist{margin:auto 1rem;position:relative;background:url(../Image/124753641_m.jpg) no-repeat top / 150% fixed;}
.VueCarousel-slide:nth-of-type(odd) .photolist{background:url(../Image/228771609_m.jpg) no-repeat bottom / 270% fixed;}
.photolist::before{content:'';width:100%;height:100%;background:linear-gradient(to bottom, rgb(216 246 241 / 0%) 50%, #1e7fb8 100%);position:absolute;bottom:0;left:auto;right:auto;}
.photolist:hover{filter:brightness(1.05);}
.photolist .name{font-size:1.25rem;order:2;}
.photolist .name small{padding:0 0 0 0.125rem;}
.link_item{padding:0 1rem 1rem 2rem;position:absolute;bottom:0;left:auto;right:auto;}
.link_item li{width:100%;color:white;order:1;}
.link_item li:last-of-type{font-size:1.45rem;text-align:right;opacity:0.8;order:3;}
.link_item li:last-of-type a{margin:auto 0.25rem;}
.link_item li:last-of-type a:first-of-type i{font-size:1.65rem;}
.teacher_product{justify-content:center;}
.teacher_product dl{display:flex;flex-wrap:wrap;padding:1rem 2rem 0;align-items:center;}
.teacher_product dl dt{color:var(--indigo-blue);font-size:1.25rem;font-weight:bold;padding:0 0.5rem 0 0;}
.teacher_product dl dd{color:var(--periwinkle);font-size:1.2rem;line-height:1.2rem;}
.teacher_product dl dd a{padding:0 0.5rem;display:flex;}
.teacher_product dl dd:first-of-type a{border-right:2px solid var(--indigo-blue);}
.teacher_group button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:3rem;}
.teacher_group button.VueCarousel-navigation-next[data-v-453ad8cd]{right:3rem;}
/* 智能數據庫 */
.bg-sea-grass{background:linear-gradient(to right, var(--light-blue) 50%, var(--light-green) 50%);}
.way_title{font-size:1.75rem;text-align:center;color:var(--navy-blue);font-weight:bold;}
.way_img{bottom:-6rem;left:0;right:0;margin:auto;pointer-events:none;}
.way_img img{margin:auto;}
/* 上榜書單 */
.way_box{width:calc(100%/2);padding:2rem 0 4rem;position:relative;}
.way-border-right::before{content:'';position:absolute;width:1px;height:30%;top:0;bottom:0;right:0;margin:auto;background-color:var(--gray);}
.way-border-top::after{content:'';position:absolute;width:50%;height:1px;left:0;right:0;top:0;margin:auto;background-color:var(--gray);}
.book_link{padding:0 2rem 0 0;}
.book_link .VueCarousel-inner{align-items:flex-end;}
.book_link ul li{padding:0 1rem;}
.book_link ul li img{max-width:100%;}
.book_tab{padding:1rem;}
.book_tab a{cursor:pointer;color:var(--periwinkle);font-size:1.25rem;line-height:1.25rem;width:calc(100%/4);text-align:center;text-decoration:none;}
.book_tab a:not(:last-of-type){border-right:1px solid var(--periwinkle);}
.book_tab a.active{font-weight:bold;color:var(--indigo-blue);}
.book_more{text-align:center;padding:2rem 0 0;}
.book_more a{background-color:var(--navy-blue);color:white;font-size:1.25rem;padding:0.5rem 2rem;border-radius:2rem;display:inline-flex;text-decoration:none;}
/* 全方位課程 */
.course_list{padding:0.5rem 0 0.5rem 2rem;}
.course_list dt i{background-color:white;color:var(--navy-blue);width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;margin:auto 1rem auto auto;}
.course_list dt{font-size:1.35rem;color:var(--indigo-blue);font-weight:bold;}
.course_list dd{padding:0 0 0 3.5rem;}
.course_list dd a{color:var(--periwinkle);display:inline-flex;padding:0 0.5rem;font-size:1.25rem;line-height:1.25rem;}
.course_list dd a:not(:last-of-type){border-right:1px solid var(--indigo-blue);}
/* 原文題示 */
.bg-grass-sea{background:linear-gradient(to left, var(--light-blue) 50%, var(--light-green) 50%);}
.exambank, .studyclub{padding:4rem 0;}
.exam_tab{padding:1rem;}
.exam_tab dl{width:calc(100%/2 - 1rem);margin:auto;}
.exam_tab dt{font-size:1.35rem;color:var(--indigo-blue);font-weight:bold;padding:0 0 0.5rem 0;}
/* 深動讀書會 */
.club_list{display:flex;flex-wrap:wrap;align-items:center;}
.club_list dd{padding:0;}
.band_pic{padding:0 0 0 2rem;}
.band_pic li:first-of-type{width:calc(100%/2 + 3rem);}
.band_pic li{width:calc(100%/2 - 3rem);}
/* 共筆雲 */
.summary{padding:1rem 0 0;}
.question_tab{padding:1rem 0 2rem;text-align:center;}
.question_tab a{background-color:var(--black);color:white;border-radius:2rem;padding:0.25rem 2rem;display:inline-flex;margin:auto;position:relative;font-size:2.0rem;text-decoration:none;cursor:pointer;}
.question_tab a::after{width:5rem;background-color:var(--bright-teal-blue);border-radius:2rem;right:-2rem;top:0;content:'';position:absolute;height:100%;z-index:-1;}
.question_tab a.active{background-color:#2c2cb9;}
.question_list{background-color:var(--navy-blue);border-radius:1rem;padding:0rem 2rem;box-shadow:rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;position:relative;overflow:hidden;}
.question_list::before{content:'';position:absolute;top:0;left:0;width:100%;height:35px;background-color:var(--navy-blue);z-index:2;border-radius:1rem 1rem 0 0;}
.question_list .VueCarousel{top:-19px;}
.addin_facebook{color:var(--navy-blue);font-size:1.25rem;padding:2rem 0;font-weight:bold;margin:auto;width:fit-content;}
.addin_facebook a{text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.addin_facebook i{color:var(--fb-blue);font-size:2rem;margin:auto auto auto 0.5rem;}
.instagram-media{width:400px;height:450px;border-radius:0 !important;margin:auto;}
.facebook-iframe{padding-top:50px;width:400px;height:auto;}
/* 立體化學習 */
.container_subtitle{font-size:2rem;color:var(--indigo-blue);text-align:center;}
.container_subtitle a {margin:auto 0.25rem;}
.learn-mode{padding:1rem 0;}
.learn-tool{width:calc(100%/3 - 1rem);}
.learn-tool dl{background:linear-gradient(to right, #46dabe 0%, #1744ba 100%);}
.learn-tool dl{color:white;text-align:center;padding:1rem 0 0.5rem;}
.learn-tool dt{font-size:1.8rem;letter-spacing:.2rem;display:inline-flex;align-items:center;}
.learn-tool:last-of-type dt{letter-spacing:initial;}
.learn-guide{background:#fff;padding:0.75rem 0;text-align:center;}
.learn-guide{align-items:center;justify-content:space-around;}
.learn-guide span::before{content:'\f144';font-family:"Font Awesome 5 Free";font-weight:700;color:#c6c7c8;margin:0 0.25rem;}
.learn-guide span{text-decoration:none;/*width:calc(100%/2);*/position:relative;}
/*.learn-tool:last-of-type .learn-guide span:last-of-type a{font-size:0.8rem;}*/
/* 試在必得‧贏家啟示 */
.exp_box{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;margin:1rem 1rem 2rem;}
.exp_id{background-color:var(--bright-teal-blue);color:white;font-size:1.5rem;text-align:center;border-radius:1rem 1rem 0 0;padding:0.5rem 0;}
.experience .VueCarousel-slide:nth-of-type(2n) .exp_id{background-color:var(--bg-blue);}
.experience .VueCarousel-slide:nth-of-type(3n) .exp_id{background-color:var(--violet-purple);}
.experience .VueCarousel-slide:nth-of-type(4n) .exp_id{background-color:var(--bg-purple);}
.exp_box dl{padding:1rem;text-align:center;}
.exp_box dl dt{font-size:1.25rem;color:var(--indigo-blue);font-weight:bold;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.exp_box dl dt::before, .exp_box dl dt::after{content:'';position:relative;width:2.5rem;/*width:3rem;*/height:2px;background-color:var(--indigo-blue);}
.exp_box dl dt::before{left:-1rem;}
.exp_box dl dt::after{right:-1rem;}
.exp_box .name{color:var(--indigo-blue);font-weight:bold;}
.exp_box .name small{display:block;font-size:0.875rem;}
.exp_cont{padding:1rem 0;text-align:left;color:var(--dark-gray);}
.exp_more a{background-color:var(--navy-blue);color:white;padding:0.25rem 1.5rem;border-radius:2rem;display:inline-flex;text-decoration:none;}
.exp_box .st_pic{border-radius:50%;width:150px;height:150px;margin:0.5rem auto;overflow:hidden;background-color:#e3e3e3;}
.exp_box .st_pic img{margin-left:auto;margin-right:auto;}
.exp_box .rank{margin-left:-0.35rem;}
/* 單元 */
.unitwrap{padding:1rem 0;}
aside{margin:0.5rem 0;position:relative;}
.cobanner{width:180px;}
.cobanner .VueCarousel-dot-container li{padding:0 5px !important;margin-top:initial !important;}
.cobanner .VueCarousel-dot-container button{width:8px !important;height:8px !important;}
.cobanner .VueCarousel-pagination{line-height:1rem;}
.announce{z-index:3;}
/* footer */
.footer_inline{background-color:var(--light-blue);}
.footer_inline ul{padding:1rem 1rem 3rem;}
.footer_inline ul li{margin:0 auto auto;}
.footer_inline ul li:not(:first-of-type){border-left:1px solid var(--title-blue);padding:1rem 0 0.25rem 1rem;}
.footer_inline ul li:first-of-type{width:fit-content;}
.footer_link a{color:var(--indigo-blue);text-decoration:none;font-size:1.125rem;}
.footer_inline .logo{max-width:100%;}
.footer_link .logo img{width:40px;margin:auto;}
.footer_inline .logo_brand{font-size:2rem;color:var(--navy-blue);text-shadow:initial;margin:auto auto auto 0.25rem;}
.footer_inline .logo_brand span{margin:auto auto auto 0.35rem;}
.footer_inline .logo_brand span::before{width:2px;height:30px;top:0.25rem;margin:auto 0.25rem auto auto;}
.pin_top{position:fixed;bottom:2.5%;right:0.25%;z-index:3;}
.pin_top a{font-size:1.25rem;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color:var(--violet-purple);background:#ffffff;opacity:.8;text-decoration:none;}
/*手機選單*/
.menu_out{display:none;border-radius:1rem;width:auto;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(255, 255, 255, 1.0);box-shadow:0 0 10px rgba(0, 0, 0, 0.8);z-index:4;right:0;top:50%;}
.mobile_menulist{padding:1rem;}
.mobile_menu_sort{width:calc(100%/3);margin:0 auto;font-size:1.25rem;color:var(--violet-purple);}
.search input[type="image"]{left:0.25rem;top:0.25rem;position:relative;}
.search{border-right:var(--group_title) 1px solid;}
.search input[type="text"]{border:1px solid #e6cea4;border-radius:.5rem;height:2rem;width:12rem;padding:.5rem;outline:0;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}
.search input:focus{-moz-box-shadow:inset 0 0 1px 0 var(--search);-webkit-box-shadow:inset 0 0 1px 0 var(--search);-o-box-shadow:inset 0 0 1px 0 var(--search);box-shadow:inset 0 0 1px 0 var(--search)}
.search label{color:#bdbdbd;font-weight:lighter}
.search input[type=submit]:hover,.search  input[type=submit]:focus{background:var(--search);}
/* 我要諮詢與表單 */
.askclick{right:0.25%;bottom:15%;border-radius:1rem 1rem 0 1rem;background:var(--violet-purple);padding:1rem 0.75rem;text-align:center;box-shadow:3px 3px 6px #000;height:max-content;font-size:1.1rem;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;}
.askclick, .askclick a{color:white;}
.askarea_out{display:none;border-radius:1rem;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(255, 255, 255, 1.0);}
.askJump_title{background:linear-gradient(to right, #46dbbe 0%, #1744ba 100%);padding:1rem 0.05rem;color:white;text-align:center;font-size:1.25rem;margin:1rem 0;}
.askarea_out select{color:var(--navy-blue);border:1px solid var(--indigo-blue);margin:auto 1rem auto auto;}
.askarea_out select, .askarea_out input{border-radius:0.2rem;}
.askarea_out input[type='text']{width:100%;border:1px solid var(--indigo-blue);padding:0 0.25rem;color:black;}
.askarea_out input[type='submit'],.askarea_out input[type='reset']{background:#1743b9;color:white;padding:0.5rem;} 
.askarea_out input[name='sRandomCode']{width:auto;} 
.askarea_out textarea{width:100%;border:1px solid var(--indigo-blue);color:black;padding:0 0.25rem;border-radius:0.2rem;} 
.askarea_out label{margin:0.5rem 0rem;color:var(--navy-blue);}
.askarea_out img{max-width:30%;}
.askarea_out label,.askarea_out img{display:inline-block;}
/*預設彈出式廣告*/
.popup_out{display:none;border-radius:1rem;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:1.2rem;background-color:rgba(255, 255, 255, 1.0);box-shadow:0 0 10px rgba(0, 0, 0, 0.8);z-index:9;}
/*單元*/
.channelHeader, .header_inner{box-shadow:0px -14px 16px 8px #c6c7c8;position:relative;}
.navigator_index a::after{content:'\f054';font-family:"Font Awesome 5 Free";font-weight:bold;display:inline-block;padding:0 0.125rem;}
.header_inner .search{display:none;}
.navigator_index .search{border-right:0;float:right;}
.navigator_index .search input[name="SearchKey"]{border:1px solid #e6cea4;border-radius:0.5rem;height:2rem;width:12rem;padding:0.5rem;outline:0;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;}
/*彈出式背景淡灰用*/
.overlay::before{content:'';background:rgba(255,249,241,0.5);position:fixed;z-index:3;width:100vw;height:100vh;left:0;top:0;}
.target_content{max-height:90%;overflow-y:auto;}
/*彈出式開啟與關閉按鈕共用*/
.click_tag:hover{cursor:pointer;transform:scale(1.1);transition:0.25s;}
.clickable-group .fa-times-circle{position:absolute;right:0.5rem;top:0.5rem;}
.fa-times-circle:hover{transform:scale(1.3);cursor:pointer;}
.controll{right:0;top:-1.5rem;}
/*lightbox*/
.target_content{box-shadow:0px 2px 5px var(--bg-purple);animation:fadeDown-jump .6s;padding:1.25rem;z-index:4;}
@keyframes fadeDown-jump{0%{opacity:0;transform:translate(-50%,-100%)}100%{opacity:1;transform:translate(-50%,-50%)}}
.direct-popup{background-color:initial;box-shadow:initial;padding:initial;border-radius:initial;overflow:initial;width:800px;}
.direct-popup a picture img{box-shadow:0px 2px 5px rgb(212, 73, 73);}
.popup_btn{background-color:black;color:white;width:fit-content;border-radius:2rem;padding:0.125rem 0.75rem;margin:auto 0 auto auto;display:flex;flex-wrap:wrap;align-items:center;}
.popup_btn i{margin:auto auto auto 0.75rem;cursor:pointer;}
@media (min-width:640px){
    .logo_des .sm\:block{display:initial;}
}
@media (min-width:768px){    
    .department li.active::after{content:none;}
    .department li.active .eng{transform:scale(1);}    
    .department li:nth-of-type(n+1):nth-of-type(-n+2).active a {font-size:1.5rem;}
    .department li.active a{background-color:var(--indigo-blue);color:white!important;transform:scale(1.15);padding:0.8rem 0 3.2rem;box-shadow:0px -2px 7px #ffffff;}
    .department li.active .eng::after{content:'\f138';font-family:"Font Awesome 5 Free";font-weight:bold;color:white;font-size:1.75rem;position:absolute;left:0;right:0;bottom:-2.3rem;background-color:var(--gray-blue);width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;margin:auto;}   
    .department li.active i,.department li.active .eng{color:#8eaaeb!important;}    
}
@media (min-width:1024px){    
    .askarea_out{width:auto;}
    /* 新聞快訊 */
    .marquee{width:calc(100% - 160px);}
    /* 智能配 */  
    .combine .line{background:url(../Image/116775362_m.png) no-repeat bottom right / auto 100%;}
    .select label:hover{background-color:#83e1eb;color:white;}
}
@media (min-width:1281px){    
    .AD_text{font-size:1.0rem;border-bottom:dotted 1px rgb(176, 176, 176);} 
    .announce{height:max-content;}
    .announce dl:not(.controll){overflow:hidden;}
    .askarea_out select{width:auto;}
}
@media (min-width:1536px){}
@media screen and (max-width:1535px){
    /* 智能配 */
    .select label{padding:0.2rem 0.75rem;font-size:1.125rem;}
    /* 共筆雲 */
    .instagram-media{max-width:300px;height:380px;margin:auto !important;}
    .facebook-iframe{height:380px;padding-top:54px;min-width:326px;}
}
@media screen and (min-width:1181px) and (max-width:1535px){ 
    .learn-tool:last-of-type dt{font-size:1.5rem;line-height:2.75rem;}
    .learn-guide span::before{display:none;}
}
@media screen and (max-width:1280px){   
    /* Header */
    .logo_des img{width:300px;padding:2% 0 2% 0;}
    .nestmenu a{padding:0 .4rem;}
    /* AI人工智慧四大熱門系所 */
    .identity, .home_banner{/*width:95%;*/margin:1rem auto auto;} 
    .department .eng{font-size:0.75rem;}
    /* 身分 */
    .id_tab{padding:0 0 0.5rem;margin:0;}
    .id_tab a{font-size:1.35rem;}
    .id_link ul, .id_tab::after{width:90%;}
    /* 智能配 */   
    .combine .line{padding:0.8rem 0 0;} 
    .result{padding:0 0 1rem 0;}
    /* 上榜書單 */
    .book_tab{justify-content:center;}
    .book_tab a{width:auto;padding:0 1rem;margin:0;}
    .way_img{bottom:-5rem;}
    .way_img img{width:160px;}
    /* 立體化學習 */
    .learn-guide{font-size:0.875rem;}
    .askarea_out label, .askarea_out select{width:100%;}
}
@media screen and (max-width:1180px){  
    /* 立體化學習 */
    .learn-tool{width:calc(100% / 2 - 1rem);max-width:400px;}    
}
@media screen and (max-width:1023px){
    button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:2rem;}
    button.VueCarousel-navigation-next[data-v-453ad8cd]{right:2rem;}
    .nvbar_out{justify-content:center;}
    .pin_top a{font-size:1rem;width:2rem;height:2rem;}  
    .popup_btn{font-size:0.75rem;padding:0.05rem 0.5rem;}
    /* Header */
    .logo{padding:0 0 0 1rem;}
    .logo img{width:60px;}
    .logo_brand{font-size:3.75rem;}
    .logo_des{margin:auto;top:0.5rem;}
    .headerbg::before{content:none;}
    .headerbg{background:linear-gradient(to right, #345fdb 0%, #77efe7 100%);}
    .logo_des img{background:linear-gradient(to right, #53b6e500 0%, #75ebe782 20%, #75ebe7cf 40%, #77efe700 100%);}
    .announce .-bottom-6{bottom:-1.5rem;position:relative;}
    .announce .AD_img table:last-of-type{padding-bottom:1.5rem;display:block;}
    .icongroup{margin:auto 0.5rem 0.5rem auto;}
    /* 時事短評 */
    .icongroup{order:1;}
    .marquee{order:2;padding:0 0.5rem;}
    /* 身分 */
    .identity, .home_banner{width:95%;}    
    .id_tab::after{width:100%;}
    .id_link ul{width:100%;}
    /* 智能配 */
    .select{width:100%;padding:0 0.5rem;}
    .select label{font-size:0.85rem;padding:0.1rem 0.3rem;}      
    .select ul li{margin:0.125rem;}
    .result{width:calc(100% - 200px);min-height:150px;padding:1rem;background:url(../Image/116775362_m.png) no-repeat bottom right / auto 100%;} 
    /* 強棒師資戰隊 */
    .container_title{font-size:2rem;}
    .container_title::before, .container_title::after{width:5rem;}    
    /* 共筆雲 */
    .question_tab{padding:1rem 0;}
    .question_tab a{font-size:1.25rem;}
    .question_tab a::after{right:-1.5rem;}    
    .question_list button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem;}
    .question_list button.VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem;}
    /* 上榜書單 */
    .book_link{padding:0;width:90%;margin:auto;}
    .book_tab a{padding:0 0.5rem;}
    /* 原文題示 */
    .exam_tab dl{width:calc(100% - 1rem);margin:auto auto 1rem;}
    /* 深動讀書會 */
    .band_pic li, .band_pic li:first-of-type{width:100%;margin:0;}
    .band_pic li:first-of-type{margin:auto 0 0.5rem;}
    .band_pic li img{width:300px;height:auto;}
    .exambank, .studyclub{padding:4rem 0 0;}    
    /* footer */
    .footer_inline ul li:first-of-type{width:100%;margin:0 auto 1rem;justify-content:center;display:flex;flex-wrap:wrap;}
    .footer_inline ul li:not(:first-of-type){padding:0.5rem 0 0.25rem 0.5rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){
    .target-fix{top:-8rem;}
    .container_subtitle{font-size:1.5rem;}    
    /* 時事短評 */
    .submenu{padding:1.75rem 0 0;}
    .news_flash{font-size:1rem;}
    .news_flash img {width:180px;height:auto;}
    .topic{font-size:12px;padding:0 6px;}
    /* 身分 */
    .id_tab a{font-size:1.3rem;margin:auto 0.6rem auto 0;}    
    .id_tab a.active::before{font-size:1.5rem;}
    .id_link ul li{font-size:1.05rem;}
    /* 智能配 */
    .suitable{font-size:1.25rem;}
    .suit_title{font-size:1.25rem;}   
    .suit_title a{font-size:1rem;}   
    /* 智能數據庫 */
    .way_box{width:100%;padding:1rem 0;}
    .booklist{background:var(--light-blue);}
    .exambank{background:var(--light-blue);}
    .curriculum{background:var(--light-green);}
    .studyclub{background:var(--light-green);}
    .way-border-right::before, .way-border-top::after{content:none;}
    .way_img{display:none;}
    /* 練題智庫 */
    .database_group, .database_group:nth-of-type(2){width:90%;}   
    .direct-popup{width:300px;}
    /* 共筆雲 */
    .question_list{padding:0 1rem;}
    .question_tab a{padding:0.25rem 1rem;font-size:1rem;}
    .question_tab a::after{right:-0.5rem;width:3rem;}
    .question_list button.VueCarousel-navigation-prev[data-v-453ad8cd]{left:0.5rem;}
    .question_list button.VueCarousel-navigation-next[data-v-453ad8cd]{right:0.5rem;}
    /* 立體化學習 */
    .learn-tool{width:calc(100% - 1rem);}
    /* ask */
    .askJump_title{font-size:1rem;}
    /* footer */
    .footer_inline ul{padding:1rem;}
    .footer_inline ul li:not(:first-of-type){padding:0 0 0 1rem;margin:0 1rem 0.25rem 0;}
}
@media screen and (max-width:767px){
    /* Header */
    .logo{max-width:100%;padding:0.5rem 0 0.25rem;}
    .logo img{width:45px;}
    .logo_brand{font-size:2rem;margin:auto auto auto 0.5rem;}  
    .menu_out{width:85%;}    
    .icongroup > a, .icongroup .menu_btn{width:1.6rem;height:1.6rem;font-size:0.85rem;margin: auto 0.1rem;}
    .icongroup .ins_btn{font-size:1.05rem;}
    .nestmenu{padding:0 .2rem 0 0;}
    .nestmenu a{font-size:1rem;padding:0 .2rem 0 0;border-right:solid 1px #42c9bd;line-height:1.25rem;display:inline-flex;}
    /* AI人工智慧四大熱門系所 */
    .department{width:90%;justify-content:center;}
    .department li{width:calc(100%/3);}
    .department li:nth-of-type(3)::after{content:none;}
    .department li a{font-size:1rem;padding:0.25rem 0;}
    .department li:nth-of-type(n+1):nth-of-type(-n+2) a{font-size:1.125rem;line-height:1.5rem;}
    .department li i{font-size:1.5rem;}
    .department li::after{top:0.25rem;}
    .department .eng{font-size:0.5rem;}
    .homehead nav{text-align:center;left:auto;right:auto;margin:auto;}
    .hot_dep{left:1rem;left:auto;right:auto;margin:auto;padding:0.1rem 0 0.3rem;width:85%;justify-content:center;font-size:1rem;}
    .hot_dep::before, .hot_dep::after{content:none;}   
    .marquee .VueCarousel{width:calc(100% - 30px);}
    .news_flash>span::before{content:'';width:15px;height:20px;background-image:url(../Image/arrow.png);background-repeat:no-repeat;background-size:contain;display:inline-flex;}
    .news_flash>span{padding:0.25rem 0 0 0.25rem;}
    .news_flash>a{width:100%;}
    /* 智能配 */
    .result{min-height:100px;width:100%;}   
    /* 單元 */
    .cobanner{bottom:0;left:0;}
}
@media screen and (max-width:320px){
    .container_title{font-size:1.75rem;padding:1rem 0.25rem 0.5rem;}   
}
/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0){/*Webkit*/
    #noie{display:none;}
}
@-moz-document url-prefix(){/*Firefox*/
    #noie{display:none;}
}
@media \0screen\,screen\9{/*IE 6 7 8*/
    .browser{text-align:center;background-color:#000;font-weight:bold;color:#000000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=95);-khtml-opacity:0.95;-moz-opacity:0.95;opacity:0.95;}
    .browser a{color:black;display:block;padding:8px;}
}
@media screen\0{/*IE 8 9 10 11*/
    .fa-triangle-exclamation{color:rgb(228, 41, 20);}
    .browser{text-align:center;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;font-size:1.1rem;}
    .renew{background-color:#f6f6f6;display:inline-block;top:45%;position:relative;border-radius:5px;overflow:hidden;}
    .renew span{padding:1rem;display:block;font-size:1.2rem;font-weight:900;}
    .browser a{color:#039be6;display:block;border-top:1px solid #989898;padding:1rem;background-color:#EDEDED;}
}
@media print{}