/*顏色定義共用區*/
: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;}
.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;}
.identity{width: calc(100% - 410px);}
.identity dl{width: calc(100%/4 - 1rem);background-color: white;margin: 0 auto;border-radius: 1.5rem;height: 220px;}
.identity_cont{padding: 0.5rem 0rem 0.5rem 1rem;}
.identity_cont .text-blue,.mobile_menu_sort .text-blue{color:#005296;font-weight: bold;letter-spacing: 1px;}
.identity_cont .text-red,.mobile_menu_sort .text-red{color:#ca1420;font-weight: bold;letter-spacing: 1px;}
.identity_cont .text-orange,.mobile_menu_sort .text-orange{color:#ef8e01;font-weight: bold;letter-spacing: 1px;}
.identity_cont .text-green,.mobile_menu_sort .text-green{color:#1bb4b9;font-weight: bold;letter-spacing: 1px;}
.identity dl dt{font-size: 1.35rem;padding: 0.125rem 0rem;margin: 0.5rem 1.5rem auto;color: #d13c2d;font-weight: bold;text-align: center;border-bottom: 2px solid #d13c2dbd;}
.identity dl dd{padding: 0 0 0 .3rem;color: #ad6e00;}
.identity dl dd small,.mobile_menu_sort .classroom{color: #546ea6;}
.identity dl:last-of-type dd small,.mobile_menu_sort .free{color: var(--leftnv1);}
.identity dl dd a{text-decoration: none;border-bottom: 1px dotted var(--group_title);line-height: 1.8rem;margin: 0.25rem;color: black;}
/*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: 9999rem;padding: 0.5rem;}
.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;}
.law_hall a{padding: 0 0.75rem 0 0;margin: auto auto auto 0.25rem;}
.study_list li,.grasp dd{color: #7a7a7a;}
.study_list li::before{content: '\f138';font-family:"Font Awesome 6 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{display: inline-block;text-decoration: none;}
.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: 0.9rem;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;}
/*右側固定浮動廣告*/
.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%/4);}
.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;}
    .identity dl dd{padding: 0 0 0 .3rem;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;}
    .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_cont{padding: 0.5rem 0rem 0.5rem 0rem;width: fit-content;margin: auto;}
    .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){
    .identity{width:100%;}    
    .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;}
    .identity dl{width: calc(100%/4 - 0.25rem);height: auto;margin: 0 auto 0.25rem;}
    .identity dl dt{font-size: 1.125rem;margin: 0.5rem 1rem auto;}     
    .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;}    
    .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;}
    .identity dl{width: calc(100%/2 - 0.25rem);}
    .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;}    
    .database_group, .database_group:nth-of-type(2){width: 90%;}   
    .direct-popup{width: 300px;}
    .learn-tool{width:100%;}
}
@media screen and (max-width: 767px){
    .identity dl{width: calc(100%/2 - 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{}