/*顏色定義共用區*/
:root{
--bg-light-blue:rgb(134, 182, 217);
--bg-light-gray:rgb(227, 227, 227);
--bg-light-red:rgb(231, 182, 182);
--menu-layer:rgba(220,227,230,1);
--menu-layer-text:rgb(8, 44, 114) ;
--group_title:rgba(187,147,78,1);
--menu-col-line:rgba(235,203,138,1);
--dark_blue:#11303d;
--dark_blue2:rgba(43,65,103,1);
--dark_red:rgb(127,25,10,1);
--dryrose:#c33a24;
--middle-blue:rgba(72,96,150,1);
--search:rgba(0,230,118,1);
--linear1:linear-gradient(90deg,var(--dark_blue) 30%, rgba(59,81,126,1) 50%, rgba(77,102,159,1) 80%, #223454 100%);
--linear2:linear-gradient(90deg,var(--dark_blue) 30%, rgba(59,81,126,1) 40%, rgba(77,102,159,1) 60%, #223454 100%);
--linear_dark_red:linear-gradient(90deg,var(--dark_red) 30%, rgb(159,25,7,1) 40%, rgb(203,49,28,1) 60%, rgb(160,32,14,1) 100%);
--purple:rgb(84, 20, 84);
--light-blue:rgb(3,155,230);
--light-link:rgb(135, 0, 72);
--light-link2:rgb(92, 4, 51);
--exam-blue:rgba(0,105,166,1);
--exam-gray:rgba(231,230,230,1);
--Ming_out_bg:rgb(61,192,190);
--Ming_title:rgb(233,104,0);
--form-bg:rgb(56,101,119);
--form-text:rgb(35, 62, 72);
--leftnv1:#c75252;
--leftnv2:#52c7ad;
--leftnv3:#c79d52;
--leftnv4:#52a5c7;
--leftnv5:rgba(52,59,107,1);
--student_des:rgba(115,115,115,1);
--red_point:rgba(255,0,0,1);
--list_bg_item:rgba(196,40,41,1);
--purple_btn_hover:rgb(138, 61, 138);
--justices_text:rgba(37,75,114,1);
--exam_style:rgba(0,133,202,1);
--law_waybgA:linear-gradient(to right,var(--law_way-leftup) 25%, var(--law_way-leftup) 25%, var(--law_way-leftup) 50%, var(--law_way-rightup) 50%, var(--law_way-rightup) 75%, var(--law_way-rightup) 75%);
--law_waybgB:linear-gradient(to right,var(--law_way_leftbottom) 25%, var(--law_way_leftbottom)  25%, var(--law_way_leftbottom)  50%, var(--law_way_rightbottom) 50%, var(--law_way_rightbottom) 75%, var(--law_way_rightbottom) 75%);
--law_way-leftup:rgba(235,243,249,1);
--law_way-rightup:rgba(255,249,240,1);
--law_way_leftbottom:rgba(235,249,246,1);
--law_way_rightbottom:rgba(255,242,240,1);
--nvbar_active:rgb(232, 202, 120);
--bg-column:linear-gradient(to bottom,#fff 0%,#d7dddd 100%);
}
.bgcolor11,.bgcolor12{background:none;}
.bg-m-A{background:var(--law_way-leftup) ;}
.bg-m-B{background:var(--law_way-rightup) ;}
.bg-m-C{background:var(--law_way_leftbottom) ;}
.bg-m-D{background:var(--law_way_rightbottom) ;}
.color-A{background:rgba(235,243,249,1);}
.bgcolor1{background:var(--dark_blue);}/*學習自選bg*/
.bgcolor2{background:var(--bg-light-gray);}
.bgcolor3{background:var(--bg-light-red);}
.bgcolor4{background:linear-gradient(90deg,rgba(251,243,230,1) 30%, rgba(244,241,235,1) 50%, rgba(228,237,244,1) 80%, rgba(221,236,248,1) 100%);}/*四大法學bg*/
.bgcolor5{background:rgb(250, 250, 250);}
.bgcolor9{background:rgba(255,249,241,1);}/*提拔與牽成bg*/
.bg-light-pink{background:#ffedec;}
.bg-column{background:linear-gradient(45deg, #ffcf7c, #ffe5b9,#ffe5b9,#ffcf7c);}
.fa-instagram,.icongroup a{color:white;text-decoration:none;}
.text-color-gold{color:#ad6e00;}
/*以下手機+PC共用區-START*/
/*header logo*/
#BodyHeader_event_rwd{box-shadow:0px -3px 8px rgb(184, 184, 184) inset;}
#BodyHeader_event_rwd img{max-width:50%;margin:0 auto;padding:0.5rem 0;}
.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;}
article *{transition:.3s;}
/*選單共用*/
.logo{max-width:70%;text-decoration:none;font-family:'Noto Serif TC', serif;}
.logo_brand{font-size:3rem;color:#11303d;}
.logo_brand span{color:#cb311c;}
.logo_des{font-size:1.5rem;color:#7a7a7a;font-style:italic;margin:auto auto 0.5rem 0.5rem;letter-spacing:3px;}
nav{background:linear-gradient(0deg, #f0f0f0, #fff,#f0f0f0);border-bottom:2px solid #bb934e;}
#navbar a,#left_nav a,#navbar i{text-decoration:none;}
#navbar a{width:100%;}
#navbar i{margin:0 0.5rem;font-size:1.0rem;}
#navbar li ul,#left_nav li ul{display:none ;visibility:hidden;height:100%;width:max-content;z-index:3;box-shadow:0px 2px 5px rgb(212, 73, 73);}
#navbar li:hover ul{display:none;}
#navbar li:hover ul{height:max-content;}
#navbar > li{width:calc(100%/8 - 0.5rem);font-size:1.45rem;text-align:center;color:#ad6e00;position:relative;}
#navbar > li a{padding:1rem 0;}
#navbar > li:nth-last-of-type(4){width:calc(100%/8 + 3rem);}
#navbar > li:last-of-type::after{border-right:0;}
#navbar > li::after{border-right:1px solid #e6cea4;width:2px;background-color:transparent;content:'';display:block;height:40px;position:absolute;top:0;margin:auto;bottom:0;right:0;}
#mobile_navbar .long{text-align:center;background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);padding:0.5rem 0;}
#mobile_navbar .long a{color:var(--menu-layer-text);}
#mobile_navbar li{width:calc(100%/2);font-size:1.1rem;}
#mobile_navbar dd{width:100%;}
aside{z-index:10;margin:0.5rem 0;position:relative;}
#navbar{font-weight:normal;font-size:1.0rem;}
#navbar,.left_out{position:relative;}
#navbar .long li{background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);color:black;}
.icongroup{margin:auto 0 auto auto;}
.icongroup a{background-color:#C79D52;border-radius:9999rem;width:2.5rem;height:2.5rem;margin:0 .25rem;text-align:center;display:flex;align-items:center;justify-content:center}
.icongroup .member_btn{font-size:0.9rem;}
.icongroup .menu_btn{cursor:pointer;font-size:0.7rem;font-weight:bold;}
.icongroup .fb_btn{/*background-color:#1a5fab;*/background-color:#52A5C7}
.icongroup .line_btn{font-size:0.7rem;font-weight:bold;/*background-color:#179c4e;*/background-color:#52C7AD;}
.icongroup .yt_btn{/*background-color:var(--dryrose);*/background-color:#C75252;}
/*手機選單*/
.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:#ad6e00;}
.mobile_menu_sort i{padding:0.25rem 0.5rem;display:inline;}
.icongroup .mobile_menu_sort a{width:100%;background-color:initial;justify-content:flex-start;color:black;font-size:1.125rem;cursor:pointer;padding:0.25rem 0.5rem;margin:0;height:auto;border-radius:initial;}
.mobile_menu_sort > a::after{content:'\f105';font-family:"Font Awesome 5 Free";font-weight:bold;padding:0 0 0 1rem;position:relative;}
.mobile_menu_sort .tabVuecontent{background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);padding:0.5rem 1rem;transition:auto;}
.mobile_menu_sort .tabVuecontent a{padding:0;}
.mobile_menu_sort a.active{background:linear-gradient(0deg, #bf831a, #d9a64c,#bf831a);color:white;}
.mobile_menu_sort a.active::after{transform:rotate(90deg);top:-0.35rem;}
.mobile_menu_sort .twice li{width:calc(100%/2);}
.icongroup .mobile_menu_sort ul li a{display:initial;padding:0 0.25rem;border-bottom:1px dotted var(--group_title);border-radius:initial;}
.icongroup .mobile_menu_sort ul li a:hover{color:var(--dryrose);border-bottom:0px dotted #ffffff00;}
/*身分別*/
.left_out{padding:1.5rem 0;}
.corner{width:calc((100% - 410px)/3  - 1.25rem);}
.corner .VueCarousel-navigation-prev[data-v-453ad8cd],.corner .VueCarousel-navigation-next[data-v-453ad8cd]{background-color:rgb(203 49 28 / 86%);color:#FFF;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);font-size:0.4rem;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;}
.corner .VueCarousel-navigation-prev[data-v-453ad8cd]{left:1.5rem;}
.corner .VueCarousel-navigation-next[data-v-453ad8cd]{right:1.5rem;}
.corner dl{width:calc(100% - 0.5rem);margin:0 auto;border-radius:1rem;}
.identity{background-color:white;border-radius:1rem;margin:auto 1rem auto 0;height:220px;}
.id-tab{padding:0.5rem;border-bottom:1px solid #c6c7c8;margin:auto 0.5rem;}
.id-tab a{font-size:1.125rem;margin:auto;color:#7a7a7a;text-align:center;text-decoration:none;cursor:pointer;}
.id-tab a.active{color:#d13c2d;cursor:auto;font-weight:bold;}
.id-tab a.active::after{width:calc(100% + 1.6rem);height:2px;background-color:#d13c2dbd;content:'';display:block;position:relative;bottom:-0.55rem;left:-0.8rem;}
.id-cont{margin:0.5rem auto auto;position:relative;}
.id-cont .tabVuecontent{position:absolute;top:0;left:0;width:100%;height:100%}
.id-cont ul{margin:auto;width:fit-content;}
.id-cont ul li{color:#ad6e00;}
.id-cont ul li small,.mobile_menu_sort .classroom{color:#546ea6;}
.id-cont ul li a{text-decoration:none;border-bottom:1px dotted var(--group_title);line-height:1.8rem;margin:0.125rem 0.25rem;color:black;display:inline-block;}
.id-cont .text-red,.mobile_menu_sort .free{color:var(--leftnv1);}
.id-cont .text-blue,.mobile_menu_sort .text-blue{color:#005296;font-weight:bold;letter-spacing:1px;}
.id-cont .text-red,.mobile_menu_sort .text-red{color:#ca1420;font-weight:bold;letter-spacing:1px;}
.id-cont .text-orange,.mobile_menu_sort .text-orange{color:#ef8e01;font-weight:bold;letter-spacing:1px;}
.id-cont .text-green,.mobile_menu_sort .text-green{color:#1bb4b9;font-weight:bold;letter-spacing:1px;}
.exam-tips{width:calc((100% - 410px)/3*2  - 1.25rem);margin:auto 0.25rem auto 0;background-color: white;border-radius: 1rem;height:220px;}
.exam-tips .title{font-size:1.25rem;padding:0.5rem 0 0.3rem;text-align:center;z-index:2;position:relative;border-radius: 1rem 1rem 0 0;letter-spacing: 0.5rem;font-family: 'Noto Serif TC', serif;border-bottom: dotted 1px #d13c2d;
    background: linear-gradient(90deg, #f5b9b6, #ffffff, #f5b9b6);}
.exam-tips dl{padding:1rem 0.5rem 0.5rem;text-align:center;}
.exam-tips dt{font-size:1.125rem;font-weight:bold;padding:0 0 0.5rem;color:#11303d;border-bottom:1px dotted var(--group_title);margin-bottom:0.3rem;}
.exam-tips dt i{font-size:1.75rem;display:none;/*display:block;*/margin:auto auto 0.25rem;color:#ddbc84;}
.exam-tips .title strong{color: #d13c2d;padding: 0 0.125rem 0 0;}
.exam-tips .title i{font-size: 1.5rem;}
.exam-tips dd:last-of-type {padding:1rem 0 0;}
.exam-tips dd a{background:linear-gradient(90deg, #bf831a, #d9a64c, #bf831a);color:white;border-radius:0.5rem;display:inline-block;margin:auto;padding:0.25rem 1rem;font-size:1.1rem;text-decoration:none;}
.exam-tips .VueCarousel-slide:nth-of-type(odd) dt i{color:#e48587;}
.exam-tips .VueCarousel-slide:nth-of-type(odd) dd a{background:linear-gradient(90deg, #b1151a, #cb311c, #b1151a);}
/*vue輪播系統*/
.teacher-bannner{width:90%;margin:auto;background-color:white;border-radius:1rem;}
#B-bannner{width:100%;margin:0rem auto;}
.teacher-bannner .VueCarousel-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}
.teacher-bannner .VueCarousel-slide{height:max-content;flex:0 0 calc(100%/6);}
.foreign .VueCarousel-slide{flex:0 0 calc(100%/5);}
.home_banner .VueCarousel-dot--active button{background:var(--dryrose) !important;}
.home_banner{width:400px;margin:auto;height:200px;margin:0 auto auto 10px;}
.home_banner .VueCarousel-dot[data-v-438fd353]{margin-top:0 !important;padding:0 !important;}
.home_banner li .VueCarousel-dot-button{width:100% !important;height:auto !important;font-size:0.875rem;display:flex;align-items:center;justify-content:center;border-radius:initial;border-right:1px solid #f0f0f0;border-top:1px solid #f0f0f0;}
.home_banner .VueCarousel-dot-container{width:100%;position:relative;top:-5px;}
.home_banner .VueCarousel-dot-container li{width:calc(100%/7);}
.home_banner .VueCarousel-dot-button{background:white !important;}
.home_banner li:last-of-type .VueCarousel-dot-button{border-right:0;}
.home_banner li:nth-of-type(1) .VueCarousel-dot-button::after{content:'熱門';}
.home_banner li:nth-of-type(2) .VueCarousel-dot-button::after{content:'影音';}
.home_banner li:nth-of-type(3) .VueCarousel-dot-button::after{content:'在校生';}
.home_banner li:nth-of-type(4) .VueCarousel-dot-button::after{content:'會計師';}
.home_banner li:nth-of-type(5) .VueCarousel-dot-button::after{content:'公職考';}
.home_banner li:nth-of-type(6) .VueCarousel-dot-button::after{content:'記帳士';}
.home_banner li:nth-of-type(7) .VueCarousel-dot-button::after{content:'雲端課';}
.home_banner .VueCarousel-dot--active{color:white;}
.home_banner .VueCarousel-pagination[data-v-438fd353]{top:0m;right:0;position:relative;text-align:right;}
.youtube_video{width:400px;height:200px;}
.youtube_video .embed-container iframe{width:400px;height:200px;}
.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%;}
/*師資頁籤切換*/
.teacher_group .Vuetabs{border-radius:0.5rem;}
.teacher_group .Vuetabs a{cursor:pointer;padding:0.5rem;font-size:1.0rem;text-decoration:none;text-align:center;color:var(--dark_blue);border-radius:0.5rem;border:1px dotted #e6cea4;}
.teacher_group .Vuetabs a.active{background:linear-gradient(0deg, #bf831a, #d9a64c,#bf831a);color:white;font-weight:normal;position:relative;border:0;}
.teacher_group .tabVuecontent{padding:0.5rem;}
.fade-enter-active, .fade-leave-active{transition:opacity .5s;}
.fade-enter, .fade-leave-to{opacity:0;transition:opacity 0s;}
.before-text{top:-2.65rem;display:block;width:9.4rem;position:absolute;left:50%;transform:translateX(-50%);
background:var(--dark_blue);color:white;padding:0.7rem 1rem;transition:.3s;animation:fadeIn 0.4s;opacity:0.9;}
/*師資區樣式*/
.photolist{padding:0.5rem;}
.photolist img{width:150px;height:150px;border-radius:9999rem;box-shadow:0 0 9px #ebebeb;object-fit:scale-down;object-position:center}
.photolist a{text-decoration:none;}
.photolist div,.photolist figure{position:relative;}
.photolist div:hover::before{position:absolute;z-index:9;left:80%;top:10%;width:3.5rem;padding:.05rem;border-radius:.5rem;background-color:var(--dark_blue);color:white;z-index:99;transform:translateX(-50%) translateY(-50%);opacity:.85;font-size:.9rem}
.link_item{padding:0.5rem;margin:0 auto;}
.link_item a{color:white;}
.teacher_des{margin-top:3rem;word-wrap:break-word;}
.teacher_des .link_item li{font-size:0.9rem;}
.teacher_des dt{font-size:1.15rem;color:var(--dark_blue);font-weight:900;border-bottom:var(--dark_blue) solid 3px;width:max-content;padding:0.25rem 0;margin:0.25rem auto;cursor:initial;}
.teacher_des dd{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;padding:0 1rem;color:#000;cursor:initial;}
.link_item{animation:fadeInUp 0.5s;position:absolute;}
.link_item i{color:white ;background-color:var(--dark_blue2) ;border-radius:50%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;}
.link_item{width:calc(100%/1);}
.link_item li:hover i{color:var(--dark_blue2);background-color:white;}
/*上榜書單*/    
.way-border-style dt{border-bottom:var(--dark_blue) 4px solid;width:max-content;margin:1rem auto;padding:0.5rem 0;}
.bookslist img{width:10rem;margin:0 auto;}
.grasp{padding:0 1rem;}
.grasp dt{color:var(--dark_blue);font-weight:900;}
.grasp dd:last-child a{text-decoration:none;background-color:var(--dark_blue);color:white;width:max-content;margin:0.5rem auto;border-radius:1rem;padding:0 1.5rem 0.25rem;display:inline-block;}
.lecture .focus{color:var(--group_title);}
.grasp dd img:first-of-type{border-radius:1rem 0 0 1rem;}
.grasp dd img:last-of-type{border-radius:0 1rem 1rem 0;}
.study_list li,.grasp dd{color:#7a7a7a;}
.study_list li::before{content:'\f138';font-family:"Font Awesome 7 Free";margin-right:0.5rem;font-weight:900;}
.study_list li{text-indent:-1.75rem;margin-left:1.75rem;display:inline-block;word-break:break-all;}
.law_hall a{text-decoration:none;}
.law_hall ul{justify-content:center;align-items:flex-start;}
.law_hall ul li{position:relative;padding:0 1.5rem;}
.law_hall ul li:not(:last-of-type)::after{content:'';height:22px;width:2px;background-color:#c6c7c8;display:flex;right:0;bottom:3px;position:absolute;}
.law_hall ul li:last-of-type a{text-decoration:underline;}
.law_hall i{width:3rem;height:3rem;display:block;background-color:white;color:var(--group_title);border-radius:9999rem;padding:1rem 0;margin:0 auto;}
/*洞見專欄*/
.blog_box dl dt span{color:white;border-radius:50%;width:2.1rem;height:2.1rem;font-size:1.6rem;display:inline-flex;justify-content:center;align-items:center;font-weight:initial;margin:auto 4px auto auto;}
.tax_tag{background-color:#153951;}
.cpa_tag{background-color:#9F2925;}
.blog_wrap{justify-content:space-around;margin:auto auto 1rem;}
.blog_group .container_title{color:rgb(209 60 45);}
.blog_box{margin:0.5rem auto 1rem;font-size:1.15rem;overflow:hidden;background:linear-gradient(90deg, white 30%, transparent 100%);border-radius:50rem;width:calc(100%/2);}
.blog_box dl{margin:auto 0;width:calc(100% - 170px);}
.blog_box dt{font-size:1.5rem;}
.blog_box dt a{font-weight:bold;font-size:1.6rem;color:#ad6e00;}
.blog_box dd{font-size:1.1rem;}
.blog_box .column_img{padding:0.5rem 1.3rem 0.5rem 0.5rem;width:170px;margin:auto;}
.blog_box .column_img img{margin:auto;border-right:2px solid #d5a144;border-bottom:2px solid #d5a144;border-radius:50rem;}
.blog_theme{background:linear-gradient(0deg, #bf831a, #d9a64c,#bf831a);padding:0 0.25rem;color:white;padding:0 1rem .15rem .5rem;margin:auto 0.4rem auto auto;clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);line-height:2.5rem;}
.blog_date{display:none;}
/*高點讀書館*/
.studyhall dd img{width:calc(100%/2);}
/*會計財稅資源庫*/
.database_group{width:calc(100%/3 - 1rem);padding:0.25rem 1rem;border-left:4px solid #cb311c;display:flex;flex-wrap:wrap;align-items:center;margin:0 auto 1rem;}
.database_group:nth-of-type(2){width:calc(100%/3 + 2rem);}
.database_group dt{color:#cb311c;font-size:1.5rem;text-align:left;width:fit-content;font-weight:900;}
.database_group dt span{transition:.1s;}
.database_group dt a{text-decoration:none;}
.database_group > div{width:calc(100% - 48px);padding:0 0 0 2rem;}
.database_group:first-of-type > div{width:calc(100% - 120px);}
.database_group dd{color:#646464;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:1.2rem;text-align:left;margin:auto 0.5rem;}
/*學習自選方案*/
.learn_title{color:#f3e6cf;font-size:1.0rem;padding:1rem;}
.learn-tool{padding:0.5rem;width:calc(100%/3);}
.learn-tool dl{color:white;text-align:center;}
.learn-tool dt{font-size:1.8rem;letter-spacing:.2rem;display:inline-flex;align-items:center;}
.learn-tool dd{font-size:.90rem}
.learn-tool figure img{width:100%;}
.fa_bg1{background:var(--leftnv1)}/*學習自選-面授bg*/
.bgcolor6{background:#af7ea3}/*學習自選-網院bg*/
.bgcolor8{background:#546ea6}/*學習自選-雲端bg*/
.bgcolor10{background:#670e2e}/*學習自選-亨利來bg*/
.learn-guide{align-items:center;height:4rem;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-guide{background:#fff;padding:.75rem 0.25rem;text-align:center;border-radius:0 0 .5rem .5rem;font-size:.9rem}
/*提拔與牽成*/
.yt_player{margin:auto;}
.yt_player iframe{width:100%;height:15rem;}
.yt_player img{margin:auto;}
.yt_more,.student_des a{background-color:var(--dark_blue);color:white;width:max-content;margin:0.5rem auto;border-radius:1rem;padding:0.05rem 1.5rem;}
.student_des a,.yt_more a{text-decoration:none;}
.studet_title{color:var(--dark_blue);font-weight:900;}
.studet_title span{color:var(--list_bg_item);}
.student_des{color:var(--student_des);font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height:1.8rem;}
/*經驗談分享區*/
.student_photo{margin:0 auto;}
.student_photo img{border-radius:9999rem;width:150px;height:150px;object-fit:cover;}
/*共用標題樣式*/
main a{text-decoration:underline;}
main a:hover{text-decoration:none;}
.container_title{font-size:2.5rem;font-weight:900;color:var(--group_title);border-bottom:1px solid;padding:1rem 0.25rem 0.25rem;position:relative;margin:auto auto 1rem;width:fit-content;}
.container_title::before{content:'✦';bottom:-23px;left:-18px;font-size:1rem;position:relative;}
.container_title::after{content:'✦';bottom:-23px;right:-18px;font-size:1rem;position:relative;}
.grasp{word-wrap:break-word;}
.grasp dt{font-size:1.6rem;text-align:center;}
.grasp dd{font-size:1.2rem;word-break:keep-all;}
.studet_title{text-align:center;font-size:1.4rem;}
/*共用搜尋引擎*/
* input[type=submit]:hover,*input[type=submit]:focus{transition:.3s ease-in-out}
/*上方搜尋引擎*/
.search input[type="image"]{margin-left:0.5rem;}
.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);}
.listangle li::before{content:'‧ ';font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
#station form.gsc-search-box,#station .gsc-wrapper{max-width:100%;}
/*右側固定浮動廣告*/
.AD_text{background:var(--dark_blue2);padding:0.5rem 1rem;font-size:0.6rem;position:relative;z-index:2;opacity:0.9;}
.AD_text dd{text-align:center;}
.AD_text i{display:block;font-size:1.2rem;}
.AD_text:hover{background:var(--middle-blue);}
.AD_text a{text-decoration:none;}
.AD_text,.AD_text a{color:white;}
.Adm_DB table{width:auto;}
.controll{right:0;top:-1.8rem;}
.announce{z-index:3;}
.moveshow{visibility:hidden;}
/*footer mobile+pc*/
.footer_inline{padding:1rem;box-shadow:0 0 5px rgba(0,0,0,.1);}
.footer_logo img{width:50%;margin:0 auto;}
/*控制vue組件動畫效果*/
.fade-enter-active,.fade-leave-active{transition:opacity 0.3s;}
.fade-enter,.fade-leave-to{opacity:0;transition:opacity 0.3s;}
/*mobile置底文字載入動畫*/
.loading-ani-in,.loading-ani-out{display:block;}
.loading-ani-in{animation:flash 1.5s infinite;} 
.loading-ani-out{animation:fadeIn 0.5s 1 ease-in;} 
/*內頁-項目連結*/
#BodyContentMainNavigator{font-size:1.0rem;padding:1rem;}
/*單元選單*/
.navi_menu_btn{background:linear-gradient(0deg, #f0f0f0, #fff,#f0f0f0);border-radius:2rem;padding:0.5rem;}
.navi_menu_btn a{font-size:1.25rem;text-decoration:none;}
.navi_menu_btn .VueCarousel-inner{align-items:center;}
.navi_menu_btn .VueCarousel-slide{text-align:center;flex:0 0 calc(100%/2);}
.bookkeeper_navi .VueCarousel-slide {flex:0 0 calc(100%/7);}
.cpa_navi .VueCarousel-slide {flex:0 0 calc(100%/6);}
.master_navi .VueCarousel-slide {flex:0 0 calc(100%/5);}
.exam_situation{font-size:1.125rem;}
.exam_situation .title{font-size:2rem;color:#d13c2d;font-weight:bold;border-bottom:2px solid #d13c2dbd;padding:1rem 1rem 0;}
.exam_situation .subtitle{font-size:1.55rem;padding:0.1rem 1rem 0.2rem;font-weight:bold;color:#a66600;border-left:10px solid;margin:2rem auto 0;}
.exam_situation p{padding:0.5rem 0;}
.exam_situation ul.disc li{list-style-type:disc;display:list-item;padding:0.25rem 0;margin:auto auto auto 1rem;}
.exam_situation ol.decimal > li{list-style-type:decimal;display:list-item;padding:0.25rem 0;margin:auto auto auto 1rem;}
.exam_situation ul.disc > li{list-style-type:disc;display:list-item;padding:0.25rem 0;margin:auto auto auto 1rem;}
.exam_situation ul.circle > li{list-style-type:circle;display:list-item;padding:0.25rem 0;margin:auto auto auto 1rem;}
.exam_situation .disc{padding:1rem;}
.situation_table{margin:.8rem auto auto 0;}
.situation_table th{background-color:#ffedec;}
.situation_table th, .situation_table td{padding:0.5rem 1rem;border:1px solid #d13c2dbd;text-align:center;}
.situation_table td.text-left{text-align:left;}
.situation_table .subth{background:linear-gradient(55deg, #f0f0f0, #fff,#f0f0f0);}
.situation_extend{padding:.5rem 0;}
.situation_extend a{text-decoration:none;background-color:#dd6e63;color:white;border-radius:2rem;padding:0.25rem 1.5rem;font-size:1.2rem;margin:0.25rem;display:inline-flex;flex-wrap:wrap;}
.th-fixed{table-layout:fixed;}
.th-fixed tr:first-of-type th{position:sticky;top:0;}
.table-wrap{overflow-x:scroll;scroll-behavior:auto;}
.banner_inside{width:180px;}
.banner_inside .VueCarousel-dot-container li{padding:0 5px !important;margin-top:initial !important;}
.banner_inside .VueCarousel-dot-container button{width:8px !important;height:8px !important;}
.banner_inside .VueCarousel-pagination{line-height:1rem;}
/*內頁文字內容*/
.font-chinese{font-family:標楷體, "DFKai-SB";font-size:1.25rem;}
/*新班開課*/
.class_sort{width:calc(100%/2 - 2rem);margin:1rem auto;}
.class_sort dt{color:white;font-size:1.5rem;padding:1rem 0;text-align:center;width:100%;border-radius:0.5rem 0.5rem 0 0;}
.class_sort dd{padding:0.25rem 1rem;text-indent:-3.25rem;padding-left:4rem;font-size:1.125rem;}
.class_sort dd a{background:linear-gradient(135deg, #f0f0f0, #fff,#c6c7c8);border-radius:0.5rem;display:inline-block;margin:0.25rem;padding:0.25rem 1rem;text-indent:initial;}
.class_sort dd a:last-of-type{border:0;}
.class_sort figure img{margin:0 auto;}
.class_sort:first-of-type dd{text-indent:-4.5rem;padding-left:4.5rem;}
/*新班開課資料庫*/
#newclass .title,.new_class_news .style26{font-size:1.4rem;color:var(--dark_blue);font-weight:900;margin:1rem auto;}
#newclass,#newclass .title,#newclass table,.new_class_news .style26{width:100%;}
#newclass .title img{display:inline;}
#newclass table, #newclass th, #newclass td{border:1px solid #d13c2dbd;border-collapse:collapse;width:100%;}
#print table, #print th, #print td{border:1px solid #d13c2dbd;border-collapse:collapse;}
#print th{background-color:#ffedec;}
#print .title{font-size:1.25rem;padding:1rem;font-weight:bold;color:var(--dark_blue);display:block;}
#newclass th{background-color:#ffedec;}
#newclass .NewsStyle a{font-size:1.0rem;color:black;}
#newclass li{padding:0.5rem;display:inline-block;}
#newclass select{border:1px solid var(--dark_blue);width:98%;}
.class_input input{background:var(--dark_blue);color:white;padding:0 1rem;}
.class_input input{margin:1rem;}
#newclass .detail_table{border:0px;display:inline-table;}
#newclass .detail_table th{width:20%}
#newclass .detail_table td,#newclass .detail_table th{display:table-cell;}
#newclass .detail_table td{width:initial}
.Noprn{visibility:hidden;}
select[name="selectclass"]{border:1px solid var(--dark_blue);}
input[name="print"]{background-color:var(--dark_blue);padding:0 1rem;color:white;}
/*期刊樣式*/
#journalitemlist{padding:1rem;}
#journalitemlist ul{margin:0;}
#journalitemlist li{white-space:initial;line-height:2.0rem;font-size:1.1rem;list-style-type:disc;margin-left:1rem;}
#period{font-size:1.5rem;background:var(--bg-light-gray);color:black;padding:0.5rem;text-align:center;}
.fontblue,.unnamed1,.unnamed2,.unnamed3,.pages{font-size:1.1rem;}
.pages{display:flex;flex-wrap:wrap;justify-content:center;}
.journal_out form{width:100%;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}
.journal_out input[type="text"]{border:1px solid #6e6e6e;border-radius:.5rem;height:1.5rem;width:12rem;padding:0.25rem;outline:0;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;margin:0.5rem 0 0 0;}
.journal_out input[type=image]{margin-left:1rem;} 
#abstract,#abstract th,#abstract td{border-collapse:collapse;padding:0.5rem;font-size:1.1rem;}
#abstract td,#abstract th{display:table;width:100%;}
#abstract td{border-top:1px dotted #E86902;}
#abstract{margin:1rem auto;}
#abstract th{background-color:#F2F2F2;}
#abstract .updown{background-color:#8F8F8F;color:white;text-align:center;}
#SearchItem img{display:inline-block;}
#journal_photo,.fontblue{width:100%;display:block;}
#journal_photo img{text-align:center;margin:0 auto;}
.fontblue{display:none;}
#resultlist td:nth-child(n+3),#resultlist th:nth-child(n+3){display:none;}
#resultlist td:nth-child(1),.pages{text-align:center;}
#resultlist tr th{background:linear-gradient(90deg, #bf831a, #d9a64c,#bf831a);color:white;font-size:1.25rem;text-shadow:1px 1px 3px #0000003f;}
#resultlist tr td{background-color:white;border-bottom:1px dotted #b3b7bb;padding:0.25rem 0.5rem;}
input[name="SearchKey"]{border:1px solid #e6cea4;margin:auto 0.5rem;border-radius:0.3em;outline:none;}
.pages{display:table-cell;width:100%;}
.pages select{border:1px solid;}
/*考古題*/
.exam_menu{padding:1rem 0;margin:auto;}
.exam_menu ul{display:inline-flex;border-radius:2rem;background-color:#ffedec;}
.exam_menu ul li{list-style-type:none;margin:0.25rem auto 0.25rem 0;}
.exam_menu ul li a{text-decoration:none;display:inline-flex;flex-wrap:wrap;font-size:1.35rem;padding:0.25rem 2rem;border-radius:0.5rem;position:relative;}
.exam_menu ul li:last-of-type a::after{content:none;}
#exam .caption{background-color:var(--dark_blue);font-size:1.25rem;color:white;width:15%;text-align:center;padding:0.5rem;line-height:2.25rem;}
#exam .search-bar{background-color:var(--dark_blue);font-size:1.25rem;color:white;width:85%;padding:0.5rem;line-height:2.25rem;}
#exam .search-bar select, #exam .search-bar input{color:initial;font-size:1.1rem;margin:auto 1.5rem auto auto;line-height:2.25rem;}
#exam .search-bar input[type="submit"]{background-color:#EBF3F9;padding:0 1rem;color:var(--dark_blue);}
#exam .search-bar input[type="Text"]{margin:auto;}
.examlist{width:100%;}
.examlist .head{background-color:#f0f0f0;}
.examlist th a, .examlist td a{color:#ad6e00;}
.examlist th,.examlist td{padding:0.5rem 1rem;border:1px solid #f0f0f0;white-space:normal;}
.page_btn{padding:1rem 0;}
.page_btn a{display:inline-flex;flex-wrap:wrap;align-items:center;margin:auto 0.25rem;text-decoration:none;}
.page_btn span{background-color:var(--dryrose);border-radius:50%;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;color:white;}
/*考試用書*/
.ibrain_books{overflow-x:scroll;}
.ibrain_books img{max-width:100%;}
.books_link{position:relative;text-align:center;font-family:'Noto Sans TC',sans-serif}
.books_link a{font-weight:900;color:black;font-size:1.2rem;}
.books_link a span{color:#E03F00;}
.fa-hand-point-right{position:absolute;animation:myfirst 0.8s ease 0.3s infinite alternate;left:-2rem;top:8px;font-size:1.5rem}
/*雲端課程ibrain頁*/
.ibrain_content{padding:1rem;}
.ibrain_content dt{font-size:1.3rem;font-weight:900;}
.ibrain_content figcaption{font-size:1.1rem;}
.ibrain_content figure img{max-width:100%;margin:0.5rem;border-radius:1rem;}
.ibrain_title{font-size:2.5rem;position:relative;padding-left:2.8rem;}
.ibrain_title::before{content:" ";width:10%;height:5px;background:#000;position:absolute;top:43%;left:0}
#Layer1{position:fixed;left:0;bottom:0rem;z-index:17;box-shadow:0 0 10px rgba(0, 0, 0, 0.8);width:100%;}
.ibrain_ad dt{color:var(--Ming_title);font-weight:900;border-bottom:var(--Ming_title) 3px solid;display:block;width:100%;font-size:1.2rem;}
.ibrain_ad{text-align:center;background-color:white;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
.ibrain_ad dd{width:calc(100%/3);}
.ibrain_ad .fa-times-circle{position:absolute;top:0;right:0;}
.subtitle1,.subtitle2{font-weight:900;text-align:center;font-size:1.5rem;}
.ibrain_content .NewsStyle a{color:var(--exam-blue);font-size:1.1rem;width:100%;}
.txt td{padding:0.5rem;}
.hot_area{padding:0 1rem;font-size:1.3rem;font-weight:900;color:var(--dark_blue);}
.list_imp{width:auto;}
.list_imp li{width:calc(100%/1);padding:0.5rem;list-style-type:disc;margin-left:2rem;}
.ibrain_nav .fa-star-of-david{animation:rotate 4s linear infinite}
.ibrain_nav{background-color:var(--menu-layer);}
@keyframes rotate{
        0%{-webkit-transform:rotate(0deg);}
        25%{-webkit-transform:rotate(90deg);}
        50%{-webkit-transform:rotate(180deg);}
        75%{-webkit-transform:rotate(270deg);}
        100%{-webkit-transform:rotate(360deg);}
}
.list_imp li{font-size:1.1rem;}
/* 我要諮詢與表單 */
.askclick{right:0.25%;bottom:15%;border-radius:1rem 1rem 0 1rem;background:var(--dark_blue2);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:var(--form-bg);padding:1rem 0.05rem;color:white;text-align:center;font-size:1rem;font-weight:900;margin:1rem 0;}
.askarea_out select{color:var(--form-text);border:1px solid var(--form-text);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(--form-text);padding:0 0.25rem;color:black;}
.askarea_out input[type='submit'],.askarea_out input[type='reset']{background:var(--form-bg);color:white;padding:0.5rem;} 
.askarea_out input[name='sRandomCode']{width:auto;} 
.askarea_out textarea{width:100%;border:1px solid var(--form-text);color:black;padding:0 0.25rem;border-radius:0.2rem;} 
.askarea_out label{margin:0.5rem 0rem;color:var(--form-text);}
.askarea_out img{max-width:30%;}
.askarea_out label,.askarea_out img{display:inline-block;}
/*專區專用*/
[class*="newsbtn"]{margin:0.2rem 0;}
[class*="newsbtn"] a{width:115px;height:41px;display:flex;flex-wrap:wrap;text-decoration:none;line-height:1.25rem;align-items:center;justify-content:center;}
.newsbtn1 a{background:linear-gradient(to right, #ebebeb 3%, #fffffff5 20%, #fffffff7 50%, #ebebeb 60%);}
.newsbtn1 .foil{color:#E64929;font-size:1rem;font-style:italic;width:100%;margin:auto auto auto 1rem;font-size:0.9rem;line-height:0.9rem;}
.newsbtn1 .ans{background:linear-gradient(to right, #fff0 0%, #008183 30%);width:100%;color:white;padding:0.2rem 0 0.1rem 1.25rem;}
.newsbtn2 a{color:#B72E13;background:#ecdab3 url(https://www.get.com.tw/media/File/Image/1207045_2_01.png) no-repeat top center / cover;font-weight:bold;letter-spacing:1px;}
.newsbtn2 .foil{border-bottom:1px dotted;}
.newsbtn3{margin:auto auto 1.25rem;}
.newsbtn3 a{width:180px;}
.newsbtn3 .foil{background:linear-gradient(to bottom, white 70%, #E7E7E7 100%);color:#CAA16C;font-weight:bold;font-style:italic;font-size:1.125rem;width:100%;padding:0.1rem 0 0.1rem 2.5rem;position:relative;}
.newsbtn3 .foil::before{content:'';width:2rem;height:1px;background-color:#E7490B;position:absolute;top:0;bottom:0;left:0;;margin:auto;}
.newsbtn3 .foil::after{content:'♦♦♦';color:#E7490B;font-style:initial;font-size:0.5rem;vertical-align:middle;padding:0 0 0 0.5rem;}
.newsbtn3 .ans{background-color:#E7490B;width:100%;font-size:1.1rem;text-align:center;padding:0.25rem;}
.newsbtn3 .ans b{color:white;padding:0 0.25rem 0 0;font-size:1.3rem;}
.seasonclick{padding:1.5rem 0.5rem 2.5rem 0rem;left:0;bottom:20%;width:2.5rem;border-radius:0 0.5rem 0.5rem 0;background:var(--purple);text-align:center;box-shadow:3px 3px 6px #000;font-size:1.1rem;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;}
.seasonclick:hover{background:var(--purple_btn_hover)!important;}
.seasonclick, .seasonclick a{color:white;}
.season_content{display:none;position:fixed;left:3rem;width:90%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,1);height:auto;max-height:80%;overflow-y:auto;}
.seasonclick span{writing-mode:horizontal-tb;}
.season_content,.pc_mode{box-shadow:0 0 10px rgba(0,0,0,.8);border-radius:0.5rem;}
.pc_mode{width:100%;}
.seasonclick:hover .fa-angle-right{transform:rotate(90deg);}
.pc_mode{display:none;background-color:white;position:relative;}
.list_act dt{background:var(--list_bg_item);color:white;transform:skewX(-20deg);}
.list_act dd,.list_act dd a{color:var(--purple);}
.list_act{padding:0.5rem 0.25rem;text-align:center;width:calc(100%/2);}
.fa-circle{color:var(--red_point);position:absolute;top:0;right:-0.3rem;font-size:0.7rem;}
/*預設彈出式廣告*/
.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;}
/*footer*/
#BodyFooter{background:linear-gradient(0deg, #f0f0f0, #fff,#f0f0f0);border-top:1px solid #c8984e8f;}
.footer_link a{color:var(--dark_blue);}
.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(--group_title);background:#ffffff;opacity:.8;text-decoration:none;}
/*彈出式背景淡灰用*/
/*body.overlay{overflow:hidden;width:100%;position:absolute;z-index:1;left:0;top:0;}*/
.overlay::before{content:'';background:rgba(255,249,241,0.5);position:fixed;z-index:3;width:100vw;height:100vh;left:0;top:0;/*pointer-events:none;*/}
.target_content{max-height:90%;overflow-y:auto;}
/*彈出式開啟與關閉按鈕共用*/
.click_tag:hover{background:var(--middle-blue);cursor:pointer;transform:scale(1.1);}
.clickable-group .fa-times-circle{position:absolute;right:0.5rem;top:0.5rem;}
.fa-times-circle:hover{transform:scale(1.3);cursor:pointer;}
/*lightbox*/
.target_content{box-shadow:0px 2px 5px rgb(212, 73, 73);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);margin:auto;}
.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;}
/*考試用書該頁手指動畫*/
@keyframes myfirst{from{left:-2rem}25%{left:-2.5rem}100%{left:-2rem}}
@media (min-width:768px){    
    #B-bannner,.teacher-bannner{position:relative;z-index:1;margin:0rem auto;}
    #B-bannner{width:100%;}
    #BodyHeader_event_rwd img{max-width:40%;margin:0 auto;}
    .yt_player iframe{height:18rem;margin:0 0.5rem;}     
    .announce_mobile_img img{width:25%;margin:0 auto;}
    .teacher_group .Vuetabs a{font-size:1.4rem;width:calc(100%/4);}
    select[name="selectclass"]{font-size:1.2rem;}
    input[name="print"]{font-size:1.35rem;}
    #newclass table, #newclass th, #newclass td{padding:0.5rem;}
    #print table, #print th, #print td{padding:0.5rem;}  
}
/*-----PC設定區START------*/
@media (min-width:1024px){
    /*顏色*/
    .bgcolor11{background:var(--law_waybgA);}
    .bgcolor12{background:var(--law_waybgB)}
    .bg-m-A,.bg-m-B,.bg-m-C,.bg-m-D{background:none;}
    /*選單共用*/
    #navbar i{margin:0 0.8rem;font-size:1.5rem;}
    #navbar ul li:hover a,#left_nav ul li:hover a{color:white;}
    #navbar ul li:hover{color:rgb(255, 255, 255);background:var(--dryrose);}
    #navbar li:hover ul,#left_nav li:hover ul{position:absolute;display:flex;flex-direction:column;visibility:visible;text-align:center;height:max-content;line-height:2.8rem;width:95%;}
    #navbar .mb_text{display:none;}
    #left_nav li:hover ul{width:max-content;}  
    #left_nav li:last-child:hover ul,#left_nav li:first-child:hover ul{height:100%}
    #left_nav li:hover li{padding:0.58rem 2.5rem;font-size:1.2rem;}
    #navbar{font-size:1.1rem;}
    #navbar li{display:flex;align-items:center;justify-content:center;}
    #navbar li:hover ul{top:3.75rem;} 
    #navbar .long li,#left_nav li{width:auto;}
    #navbar .long li{font-size:1.2rem;line-height:1.5rem;}
    #navbar .long li a{padding:0.75rem 0;}
    #left_nav li{line-height:max-content;cursor:pointer;padding:.54rem 0}
    #left_nav li.active .fa-angle-right{transform:translateX(0.25rem)}
    #left_nav{position:relative;}
    #left_nav div{position:absolute;}
    #left_nav div:not(.long)::before{content:'';position:absolute;left:0;top:-0.5rem;width:0;height:0;border-style:solid;border-width:18px 0 18px 15px;border-color:transparent transparent transparent black;opacity:.1}
    aside{margin:0;}
    /*tabs切換功能樣式*/
    .teacher_group .Vuetabs a{font-size:1.4rem;}  
    /*師資連結區*/
    .photolist div{overflow:hidden;}
    .photolist img{border-radius:unset;height:auto;box-shadow:none;}
    .link_item{top:12rem;}
    /*探索法律捷徑*/  
    .imgway{top:100%;left:50%;transform:translate(-50%,-50%)}
    .line,.lineTop{height:100%;position:relative;}
    .lineTop::before{top:0;height:50%;}
    .line::before{bottom:0;height:60%;}
    .books::before{right:0;}
    .irt::before{left:0;}
    .grasp{padding:0.25rem;position:relative;}
    .grasp dd{font-size:1.1rem;}  
    .grasp dt{font-size:1.5rem;}
    .bookslist{text-align:center;border-radius:1rem;padding:0.5rem;}
    .bookslist img{width:10rem;}
    .bookslist img:hover{transform:translateY(-0.55rem);opacity:0.7;}
    .irt,.books{margin:0rem 0 0 0;}    
    .irt{position:relative;}
    .irt img{max-width:100%;text-align:center;margin:0 auto;}
    /*法學資料庫*/    
    .mingwrite span{width:calc(100%/3);}
    .exam dd{text-align:center;}
    /*學習自選方案*/  
    .learn-guide a::before{left:2.75rem}   
    .learn-tool figure{overflow:hidden;}   
    .learn-tool dt{font-size:1.5rem;}
    .learn_title{font-size:1.3rem;}
    .pd-style dl{padding:0 .5rem;height:8rem;display:flex;align-items:center;justify-content:center;flex-direction:column}
    /*提拔與牽成*/    
    .yt_player iframe{width:30rem;height:20rem;}
    .student_photo{overflow:hidden;border-radius:9999rem;}
    /*footer*/
    .footer_logo img{width:50%;}
    /*右側固定浮動廣告*/
    .AD_text{font-size:1.0rem;border-bottom:dotted 1px rgb(176, 176, 176);}
    .controll{right:0;top:-1.5rem;}
    .announce{/*box-shadow:3px 3px 6px black;*/height:max-content;}
    .announce dl:not(.controll){overflow:hidden;}
    /*期刊樣式*/
    #journalitemlist li{line-height:2.8rem;}
    .fontblue,.unnamed1,.unnamed2,.unnamed3,.pages{font-size:1.1rem;}
    .unnamed3{width:100%;}
    .journal_out form{justify-content:end;}
    .journal_out input[type="text"]{border-radius:.5rem;height:2rem;width:12rem;padding:.5rem;}
    #journal_photo,.fontblue strong{width:auto;display:inline-block;}
    .fontblue{display:flex;width:80%;padding:.5rem;flex-wrap:wrap}
    #abstract td,#abstract th{display:table-cell;width:unset;}
    #resultlist td:nth-child(n+3),#resultlist th:nth-child(n+3){display:table-cell;}
    /*考試用書*/
    .ibrain_books{overflow-x:visible;}
    .books_link a{font-size:1.6rem}
    /*新班開課資料庫*/
    #newclass table{border:0px;display:inline-table;}
    #newclass tbody{width:100%;}
    #newclass th{width:20%}
    #newclass td,#newclass th{display:table-cell;}
    #newclass td{width:initial}
    #newclass select{width:auto;}
    .class_input input{margin:0 1rem;}
    /*雲端課程ibrain頁*/
    .ibrain_ad dd,#Layer1{width:auto;}
    .ibrain_content figure img{max-width:40rem;} 
    #Layer1{bottom:20rem;}   
    .ibrain_ad{text-align:center;background-color:white;flex-direction:column;}
    .ibrain_ad .fa-times-circle{display:none;}
    .list_imp li{width:calc(100%/2.3);}
    /*我要諮詢表單*/    
    .askJump_title{font-size:1.3rem;}
    .askarea_out{width:auto;padding:1.5rem;}  
    .askarea_out label{margin:0.5rem 0rem auto;}
    .askarea_out img{max-width:13%;}
    /*活動專區樣式*/
    .pc_mode{writing-mode:horizontal-tb;display:flex;flex-wrap:wrap;justify-content:space-around;padding:0.8rem;}
    .list_act{padding:0.5rem 0.8rem;width:calc(100%/2);}
    .list_act dt{font-size:1.1rem;}
    .list_act dd{font-size:1.0rem;}
    .seasonclick{font-size:1.2rem;}
    .seasonclick{bottom:35%;height:max-content;padding:1rem;width:3.5rem;padding:1.5rem 1rem 2.5rem 1rem;}
    .seasonclick:hover .pc_mode{left:30.5rem;}
    .pc_mode{left:-20rem;width:28rem;}
}
@media (min-width:1281px){   
    .grasp dd{font-size:1.2rem;}    
    .lineTop::before,.line::before,.books::before,.irt::before{border:none;}
    .teacher_des{width:12rem;}
    .teacher_des dd{/*padding:0 0.5rem;*/word-break:keep-all;}
    #B-bannner button,.teacher-bannner button{display:block;}    
    #left_nav div:not(.long)::before{top:-1rem;border-width:25px 0 25px 15px;} 
    .askarea_out select{width:auto;}    
}
@media (min-width:1536px){
    #navbar{width:90%;margin:auto;}
    .id-cont ul li{font-size:1.1rem;}
    .studyhall::before{right:-6rem;}
    .irt::before{left:-6rem;}
    .irt img{max-width:100%;}
    .seasonclick{bottom:45%;}    
    .learn-tool dt{font-size:1.8rem;}
    .announce{top:405px;}
    .banner_inside{top:auto;}
}
/*-----PC設定區END------*/
@media screen and (max-width:1535px){
    .mobile_menu_sort .twice li{width:100%;}
    .announce{bottom:calc(2.5% + 3rem);}
    .banner_inside{bottom:calc(15% + 125px);}
    .navi_menu_btn a{font-size:1.125rem;}
    .identity{width:calc((100% - 410px)/3*1.25  - 1.25rem);margin:auto 0.5rem;}
    .exam-tips{width:calc((100% - 410px)/3*1.75 - 1.25rem);margin:auto 0.5rem;}
    .teacher-bannner{width:95%;}
    .teacher-bannner .VueCarousel-slide{height:max-content;flex:0 0 calc(100%/4);}
    .imgway img{width:200px;}
    .books{width:90%;margin:auto;}
    .yt_player{width:90%;}
}
@media screen and (max-width:1280px){
    .menu_out{width:80%;}    
    .askarea_out label, .askarea_out select{width:100%;}    
    .logo_des{display:none;} 
    .youtube_video .embed-container iframe{width:350px;height:175px;}
    .direct-popup{width:600px;}   
    .home_banner{margin:0.5rem auto;}
    .blog_box{width:95%;}
    .left_out .container{max-width:100%;}
    .identity{width:calc((100% - 410px)/3*1.4  - 1.25rem);margin:auto 0.5rem;}
    .exam-tips{width:calc((100% - 410px)/3*1.6 - 1.25rem);margin:auto 0.5rem;}
    .headerbg nav .container{max-width:100%;}
    div.learn-mode{max-width:100%;}
    .navi_menu_btn button i{font-size:1rem;}
    .bookkeeper_navi .VueCarousel-slide {flex:0 0 calc(100%/6);}
    #navbar li{font-size:1.25rem;}
}
@media screen and (max-width:1180px){    
    .id-tab a{font-size:1rem;}     
    .exam-tips dt{font-size:1rem;}   
    .identity{width:calc((100% - 410px)/3*1.75  - 1.25rem);margin:auto 0.5rem;}
    .exam-tips{width:calc((100% - 410px)/3*1.25 - 1.25rem);margin:auto 0.5rem;}
    .navi_menu_btn .VueCarousel-slide{flex:0 0 calc(100%/4);}
    #navi_menu button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:0.5rem;right:auto;padding:0;margin:0;}
    #navi_menu button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:0.5rem;left:auto;padding:0;margin:0;}    
    .learn-tool{width:calc(100%/2);}
}
@media screen and (max-width:1023px){    
    .nvbar_out{justify-content:center;}
    #navbar > li{font-size:1rem;width:calc(100% / 8 - 0.3rem);}  
    #navbar > li::after{height:20px;}  
    #navbar > li:nth-last-of-type(4){width:calc(100% / 8 + 2rem);}
    #navbar .pc_text{display:none;}
    #navbar .mb_text, #navbar .mb_class{padding:0.5rem 0;display:block;}
    .menu_mb{width:80%;left:0;right:0;margin:auto;border-radius:1rem;position:fixed;background-color:rgba(255, 255, 255, 1.0);animation:fadeIn .6s !important;}
    .menu_mb ul li{width:100%;text-align:center;}
    .menu_mb ul li a{font-size:1.125rem;}
    .icongroup .mobile_menu_sort a,.mobile_menu_sort li{font-size:1rem;}
    .left_out{padding:0.25rem;}
    .home_banner{margin:0.5rem auto 1.5rem;}
    .corner{width:calc(100%/2 - 1rem);}  
    .icongroup .search{padding-right:0.25rem;margin-right:0.25rem;}    
    .search input[type="image"]{margin-left:0;}
    .icongroup{margin:auto 0 0.5rem auto;}   
    .law_hall a{padding:0 0.25rem 0 0;margin:0;}    
    .law_hall ul li a{padding:0;}
    .home_submenu{width:100%;}
    .old_student{width:100%;}
    .pin_top a{font-size:1rem;width:2rem;height:2rem;}
    .navi_menu_btn{margin:auto;}    
    #exam .caption, #exam .search-bar{font-size:1.2rem;}
    #exam .search-bar select, #exam .search-bar input{font-size:1.2rem;}
    #exam .search-bar input[type="Text"]{width:25%;}
    #exam .search-bar input[type="submit"]{padding:0 0.25rem;}  
    .class_sort{width:100%;}  
    .database_group dt{width:100%;}
    .database_group{align-items:flex-start;}
    .database_group:first-of-type > div, .database_group > div{width:auto;}  
    .popup_btn{font-size:0.75rem;padding:0.05rem 0.5rem;}
    .banner_inside{bottom:0;}
    .announce{bottom:0;}    
}
@media screen and (max-width:767px) and (orientation:portrait){
    #BodyContentMainNavigator{padding:0.5rem;}
    #navbar > li{width:calc(100%/4);}
    #navbar > li:nth-last-of-type(4){width:calc(100%/4 + 2.1rem);}
    #navbar > li:nth-of-type(4)::after{border-right:0;}
    #navbar > li:nth-of-type(n+6):nth-of-type(-n+8){width:calc(100%/4 - 0.7rem);}   
    .navi_menu_btn a{font-size:1rem;}
    .icongroup .menu_btn, .icongroup .line_btn{font-size:0.5rem;}
    .situation_table th, .situation_table td{padding:0.5rem 0.125rem;}
    .corner{width:95%;margin:0.25rem auto;}
    .corner .VueCarousel-navigation-prev[data-v-453ad8cd], .corner .VueCarousel-navigation-next[data-v-453ad8cd]{background-color:rgb(203 49 28 / 50%);}
    .identity{height:200px;}
    .exam-tips dl{height:100%;}
    .home_banner{width:350px;}
    .home_banner img{width:350px;height:175px;}
    .youtube_video{width:350px;height:175px;}
    .situation_table_wide{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;display:block;}
    .situation_table_wide tbody{width:150%;display:block;}
    .situation_table_wide::-webkit-scrollbar-thumb{background:#d13c2dbd;}
    .situation_table_wide::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background:#f0f0f0;}
    .situation_table_wide::-webkit-scrollbar, .table-wrap::-webkit-scrollbar-track{display:block;}
    .situation_table_wide::-webkit-scrollbar{height:2px;}
    .container_title{font-size:2.25rem;padding:1rem 0.25rem 0.4rem;}
    .examlist th, .examlist td{padding:0.5rem;}
    .blog_box{margin:0.25rem auto 1rem;flex-direction:column;border-radius:2rem;background:linear-gradient(0deg, white 30%, transparent 100%);}   
    .blog_box dl{margin:auto;padding:0 1rem 1rem;width:100%;}
    .logo_brand{font-size:2rem;}
    .search input[type="text"]{height:1.75rem;width:10rem;}
    .search input[type="image"]{height:1.5rem;}
    .icongroup a{width:1.75rem;height:1.75rem;margin:0 2px;} 
    .icongroup .member_btn{font-size:0.7rem;}
    .home_banner{width:350px;height:175px;}   
    .irt dd:nth-of-type(2){width:80%;margin:auto;}
    #exam .search-bar input[type="Text"]{width:50%;}
    .search-bar .sm\:block{display:block;width:100%;padding:0.25rem 0 0;}  
    #exam .caption{width:100%;padding:0.25rem 0 0;} 
    #exam .caption,  #exam .search-bar{width:100%;} 
    .exam_menu ul li a{padding:0.25rem 1rem;}
    .mobile_menu_sort{width:100%;}
    input[name="print"]{padding:0.1rem 1rem;}
    #newclass table, #newclass th, #newclass td{padding:0;}
    #print table, #print th, #print td{padding:0;}
    .exam_menu ul{background-color:initial;}
    .exam_menu ul li{border-radius:2rem;background-color:#ffedec;}
    .exam_menu ul li a::after{content:none;}
    .identity dl dd small{display:none;}    
    .exam-tips dd{font-size:0.9rem;}
    .exam-tips dd a{font-size:1rem;}
    .database_group, .database_group:nth-of-type(2){width:90%;}   
    .direct-popup{width:300px;}
    .learn-tool{width:100%;}
}
@media screen and (max-width:767px){
    .corner dl{width:calc(100% - 0.25rem);}
    .navi_menu_btn .VueCarousel-slide{flex:0 0 calc(100%/2);}
    .teacher-bannner{width:85%;}
    .teacher-bannner .VueCarousel-slide{flex:0 0 100%;}
}
@media screen and (max-width:350px){
    .home_banner, .home_banner img, .youtube_video{width:100%;height:auto;}
}
@media screen and (max-width:320px){
    .container_title{font-size:1.75rem;padding:1rem 0.25rem 0.5rem;}    
    .teacher_group .Vuetabs a{padding:0.25rem;}
    .search input[type="text"]{width:5rem;}
    #navbar > li{font-size:0.8rem;padding:0.25rem 0;}
    .home_banner li .VueCarousel-dot-button{font-size:0.75rem;}    
}
/*各大相容檢視*/
@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{}