/*顏色定義共用區*/
: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:rgba(33,51,82,1);
--dark_blue2:rgba(43,65,103,1);
--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%);
--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:rgba(207,120,106,1);
--leftnv2:rgba(133,185,168,1);
--leftnv3:rgba(169,119,157,1);
--leftnv4:rgba(78,103,160,1);
--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);
}
.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*/
.fa-instagram,.icongroup a{color: white;text-decoration: none;}
.list_act .new::after{background:var(--light-link);color: var(--law_way-rightup);padding:0.05rem 0.05rem;font-size: 0.75rem;margin:0 0.25rem;content: 'new';}

/*以下手機+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;}
/*選單共用*/
/* #navbar li:hover ul,#left_nav li:hover ul{position: absolute;display: flex;flex-direction: column;visibility: visible;background-color:#b9b9b9;text-align: center} */
.logo{max-width: 70%;}
nav{background: var(--linear1);}
#navbar a,#left_nav a,#navbar i{text-decoration: none;color: white;}
#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: 90;box-shadow: 0px 2px 5px rgb(148, 148, 148);}
#navbar li:hover ul{display: none;}
#navbar li:hover ul{height: max-content;}
#navbar li{width: calc(100%/3);text-align: center;margin: 0.5rem 0;}
#navbar li.active a:not(#navbar li li a){color: var(--nvbar_active);border-bottom: 2px solid var(--nvbar_active);}
#navbar{z-index: 15;}
#mobile_navbar .long{text-align: center;background-color: var(--menu-layer);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;background-color: ;margin: 0.5rem 0;position: relative;}
#navbar{font-weight:normal;font-size: 1.0rem;}
#navbar,.left_out{position: relative;}
/*左側選單*/
#left_nav li{text-align:center ;font-weight:normal;padding: 0.5rem;width: calc(100%/2);height: max-content;}
/* #left_nav li:last-child{width: calc(100%/1);} */
#left_nav li:hover ul{left: 92%;height: 100%;width:100%;top:0;background-color: ;}
#left_nav li.active .fa-angle-right{transform: rotate(90deg);}
#left_nav li.active{}
#left_nav .long li:hover,#navbar .long li:hover{background-color:#b9b9b9;cursor: pointer;}
.mobile_left_nav li{font-size: 1.0rem;width: calc(100%/2);text-align: center;line-height: 1.8rem;}
.mobile_left_nav .long{background-color: var(--menu-layer);}
.mobile_left_nav .long a{color: var(--menu-layer-text);}
#left_nav li,#left_nav li a{color: white;}
#left_nav li:nth-child(1){background: var(--leftnv1);}
#left_nav li:nth-child(2){background:var(--leftnv2);}
#left_nav li:nth-child(3){background:var(--leftnv3);}
#left_nav li:nth-child(4){background:var(--leftnv4);}
#left_nav li:nth-child(5){background:var(--leftnv5);}
#left_nav .long li,#navbar .long li{background-color: var(--menu-layer)!important;}
#left_nav .long li,#left_nav .long li a,#navbar .long li,#navbar .long li a{color:var(--menu-layer-text);}
/* #left_nav li{position: ;} */
#left_nav .long li::before{content: '';border-style:none!important;}
/* #left_nav li:not(.long)::before{content: '';} */
/*vue輪播系統*/
#teacher-bannner{width: 78%;margin: 0rem 0 0 2.5rem;background-color: white;border-radius: 1rem;}
#B-bannner{width: 100%;margin: 0rem auto;}
#B-bannner,#teacher-bannner{position: relative;z-index: 1;}
.VueCarousel-slide{ display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}
#B-bannner button{display:none ;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 90%;}
#teacher-bannner .VueCarousel-slide{height: max-content;}
#B-bannner img{width: 100%;}
/*師資頁籤切換*/
.Teach_Vuetabs{border-bottom:var(--group_title) 1px solid ;}
.Teach_Vuetabs a{cursor: pointer;padding: 0.5rem ;font-size: 1.0rem;text-decoration: none;text-align: center;color: var(--dark_blue);border-radius: 1rem 1rem 0  0;width: calc(100%/3);}
.Teach_Vuetabs a:hover {background-color: var(--group_title); color: #fff;}
.Teach_Vuetabs a.active {background-color: var(--group_title);color: white;font-weight: normal;position: relative;z-index: 9;}
/* .Vuetabs a.active:before{content:"";display:block;width:0;height:0;border-width:12px 12px 0 12px;border-color:#424242 transparent transparent transparent;position:absolute;top:35px;left:30%;z-index:10} */
.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;}
.teacher_des:hover,.photolist div,.photolist img:hover{cursor: pointer;}
/* .photolist img{width:150px;} */
.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{
    /* content:'看更多'; */
    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{background-color: ;border-radius: ;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;}
.teacher_des dd{text-align:left;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;padding:0 1rem;color:#000}
    
.link_item{animation: fadeInUp 0.5s;position: absolute;top: ;}
.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;}
.law_way_text{font-size: 2.0rem!important;opacity: 1.0;margin: 0 0.5rem;font-family: 'Noto Serif TC', serif;
    /* display: inline-block; */
    display: none;
    transform: skewX(-10deg)!important;font-weight: ;border-radius: 9999rem;padding: 0 0.7rem;color: var(--dark_blue);}
.law-color1{background-color: #C79D52;}
.law-color2{background-color: #C75252;}
.law-color3{background-color: #52A5C7;}
.law-color4{background-color: #52C7AD;}
.law_hall{margin: 1rem 0;}
.law_hall span:hover{text-decoration: underline;}
.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;}
/*上榜書單*/    
.bookslist img{width: 10rem;margin: 0 auto;}
.grasp{padding:0 1rem;}
.grasp dt{color: var(--dark_blue);font-weight: 900;}
.grasp dd:last-child{background-color: var(--dark_blue);color: white;width: max-content;margin: 0.5rem auto;border-radius: 1rem;padding: 0.05rem 1.5rem;}
.grasp dd:last-child a{text-decoration: none;}
.lecture .focus{color: var(--group_title);}
.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.35rem;margin-left: 1.35rem;}
/*明台大-網站首頁的分塊*/
.mingwrite span{width: calc(100%/2);text-align: center;}
.mingwrite span{white-space:nowrap;}
/*法學資源庫*/
.database_group{padding: 1rem;word-wrap:break-word; }
.database_group dt{font-size: 1.3rem;font-weight: 900;text-align: center;}
.database_group dd{word-break: keep-all;}

/*學習自選方案*/
.learn_title{color: #f3e6cf;font-size: 1.0rem;padding: 1rem;}
.learn-tool{padding: 0.5rem;}
.learn-tool dl{color: white;text-align: center;}
.learn-tool dt{font-size:1.8rem;letter-spacing:.2rem}
.learn-tool dd{font-size:.90rem}
.learn-tool figure  img{width: 100%;}
.learn-tool .logo{display: inline;}
.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;position:;color:#c6c7c8;margin: 0 0.25rem;}
.learn-guide span{text-decoration:none;
    /* border-right:1px solid #c6c7c8; */
    /* width:calc(100%/2); */
    position:relative;}
/* .learn-guide3 span{width: calc(100%/3)!important;} */
.learn-guide{background:#fff;padding:.75rem 0.25rem;text-align:center;border-radius:0 0 .5rem .5rem;font-size:.9rem}
.fa-square-check{margin: 0 0.05rem;font-size: 1.1rem;color: var(--purple);}

/*提拔與牽成*/
#yt_player{width: 83%;margin:0 auto;}
#yt_player iframe{width: 100%;height: 15rem;}
.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.2rem;font-weight: 900;color: var(--group_title);}
.grasp{word-wrap:break-word;}
.grasp dt{font-size: 1.3rem;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);}
/*法學資料庫*/
.exam dd{text-align: center;}
/*英美法搜尋引擎*/
.database_group{padding: 1rem;}
.database_group input[type=submit]{background:var(--dark_blue);color: white;}
.database_group input[type=submit]:hover,.database_group input[type=submit]:focus{opacity: 0.6;}
.database_group:nth-child(1){background-color: #fff9f1;}
.database_group:nth-child(2){background-color: #f9f0e2;}
.database_group:nth-child(3){background-color: #f3e6cf;}
.database_group:nth-child(4){background-color: #edf4f9;}
.database_group:nth-child(5){background-color: #d6e3ee;}
.database_group:nth-child(6){background-color: #c6d9e9;}
.database_group dt{color: var(--dark_blue);font-size: 1.5rem;width: max-content;margin: 1rem auto;}
.database_group dt span{border-bottom: var(--dark_blue) 3px solid;transition: .1s;}
.database_group dt a:hover span{border-bottom:none;}
.database_group dt a{text-decoration: none;}
.database_group  .more{background-color: var(--dark_blue);color: white;width: max-content;margin: 0.5rem auto;border-radius: 1rem;padding: 0.05rem 1.5rem;}
.database_group dd{color: #646464;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}
.database_group .datatitle{color: var(--dark_blue);font-weight: 900;font-family: 'Noto Sans TC', sans-serif;}
.icongroup a{background:var(--group_title);border-radius:9999rem;width:2.5rem;height:2.5rem;padding:1rem .5rem 1rem .65rem;margin:0 .25rem;text-align:center;display:flex;align-items:center;justify-content:center}
/*月旦品評家*/
/* .angleweb{text-align:left ;width:100% ;display: block;margin: 0 auto;}
.angle_content{margin: 0 auto;ju} */
/* .angleweb li{} */
.listangle li::before{content: '‧ ';font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
/*右側固定浮動廣告*/
.announce{z-index:16;}
.AD_text{background:var(--dark_blue2);padding:0.8rem 1rem 1.2rem 0.8rem;font-size: 0.6rem;position: relative;z-index: 16;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;}
.AD_img{}
.controll{right:0;
    /* top:-0.8rem; */
    top:-1.8rem;
}
.Adm_DB img {
    text-align: center;
    margin: 0 auto;
}
.announce_mobile_img img{width: 60%;margin: 0 auto;}
.moveshow{visibility: ;}
/*footer mobile+pc*/
.footer_inline{padding: 1rem;}
.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;}
/*header*/
.headerbg{background:url(../image/1211016_topbg_01.png)no-repeat center top;background-size: cover;}
/*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: 0 1rem;margin: 1rem 0 0 0;width: 100%;}
#navi_menu,#hot_wan{font-size: 1.1rem;margin: 0.5rem 0;}
#navi_menu img{margin: auto;}
#navi_menu{width: calc(100%/1);display: flex;flex-wrap:wrap;justify-content: start;}
#navi_menu a{margin: 0 1rem;color: var(--dark_blue);font-weight: 900;}
.page_on{color: var(--purple)!important;}
#hot_wan{color: var(--dark_blue) ;padding: 0.5rem 1rem;}
#hot_wan a{color: var(--dark_blue) ;}
.title_area{margin: 0 1rem 0 0;}
.hot_img{margin: 1rem auto;width: calc(100%/1);display: flex;justify-content: center;}
.hot_img img{margin: auto;}
/*內頁文字內容*/
#divsion p{line-height: 2.4rem;padding: 0.5rem;}
#divsion p,#divsion ol{font-size: 1.1rem;}
#divsion strong,#divsion .subtitle,#divsion .title{margin: 0rem 0;display: block;text-align: center;}
#divsion strong,#divsion .title{font-size: 1.4rem;}
#divsion .title a{color: var(--exam-blue);text-decoration: none;border-bottom: 2px solid var(--exam-blue);}
#divsion .subtitle{font-size: 1.1rem;text-align: center;}
#divsion strong::before,#divsion .subtitle::before,#divsion .title::before{font-family:"Font Awesome 6 free";margin-right: 0.5rem;font-weight: 900;}
#divsion strong::before,#divsion .title::before{content: '\f02b';}
#divsion .subtitle::before{content: '\f05a';}
#divsion strong,#divsion .title{color: var(--dark_blue2);}
#divsion .subtitle{font-weight: 900;color:var(--purple);}
#divsion{width: calc(100%/1);overflow-x: scroll;}
#divsion table{width: calc(100%/1);margin: 0.5rem 0;}
#divsion table,#divsion th,#divsion td{border-collapse: collapse;border: 1px solid gray;padding: 0.5rem;}
#divsion table{font-size:;}
#divsion th{background: var(--dark_blue2);color: white;}
#divsion table th:nth-child(2n+1){width:auto;padding: 0 1rem; }
#divsion table td:nth-child(2n+1){width:auto;font-size: 1.0rem;text-align: center;white-space: initial;}
#divsion ol li{list-style-type: disc;margin-left: 2rem;}
/*期刊樣式*/
#journalitemlist{padding: 1rem;}
#journalitemlist ul{margin: 0;width: ;}
#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;}
#SearchItem p{margin:1rem 0;}
#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 th{border-bottom:4px solid #b0b8c1;text-align:left}
#resultlist td{border-top:1px dotted #e86902;padding: 0.5rem 0;}
/*考古題*/
.exam {padding: 1rem;}
.exam .title{border-bottom:4px solid var(--exam_style);color:var(--exam_style);font-size:1.5rem;padding:0 1rem;font-family:"Microsoft YaHei",Verdana;font-weight: 900;margin: 1rem auto;}
.exam_text-list li{list-style-type: disc;margin-left: 2rem;font-size: 1.1rem;}
.exam_text-list li img{display: inline;margin: 1rem auto;}
.exam_page{margin: 0 auto; text-align: center;}
.exam_page,.exam_page img{display: inline-block;}
.exam_page a{padding: 0 0.5rem;}
.examlist caption{background:var(--light-blue);color: white;}
.exam{overflow: hidden;}
.examlist {}
.examlist,.examlist th,.examlist td{padding: 0.5rem;display: table-cell;}
.examlist th,.examlist td,.examlist tbody{border: 1px solid var(--exam-gray);border-collapse: collapse;}
.examlist tbody,.examlist{display: table;text-align: center;}
.examlist tbody,.form_exam,.examlist,.examlist caption{margin:auto;width:100%;overflow: scroll;}
.examlist th{background-color: #d5ecfb;color: var(--exam-blue);}
.examlist td a{color: var(--exam-blue);}
.examlist td {background-color: ;text-align: left;}
.examlist .head{background-color:var(--exam-gray);font-weight:700}
.examlist input{margin: 0 0.5rem;padding:0 0.5rem;display: block;text-align: center;margin: 0.25rem auto;}
.examlist label{display: inline-block;width: max-content;margin: 0.25rem 0;}
.examlist input[type="submit"]{background:var(--light-blue);color: white;}
/*英美法字典*/
#dic_menu{margin: 1rem 0;font-size: 1.1rem;}
#dic_menu a{margin: 0 0.5rem;}
.dic{width: 95%;}
.dic-copy font{display: inline-block;}
.dic,.dic td{padding: 0.05rem;margin: 0 0.5rem;}
.dic-font{}
.dic td{font-size: 1.2rem;}
.dic-font{text-align: center;}
.showRm img,.dic-font,.dic-font,.dic-font img{display: inline-block;}
.dic-font a{margin: 0 0.05rem;}
.dic_list .dic-font,.dic th{background:var(--exam-blue);color: white;font-size: 1.3rem;}
.dic_list .dic-font{width: calc(100%/2);}
.dic th{width: calc(100%/1);}
.dic-copy div{margin: 0;line-height: 2rem;padding: 0 0.05rem;}
.dic input[type="text"]{border: 1px solid var(--dark_blue2);width: 80%;padding: 0 0.5rem;color: var(--exam-blue);margin: 0;}
.dic input[type="submit"]{background: var(--exam-blue);color: white;padding: 0.25rem;}
.dic input[type="submit"]:hover{background:var(--light-blue);}
.cssList1{}
.cssList2{background-color: #E5E5E5;}
/*考試用書*/
.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}
/*明台大主頁*/
.Ming_bg,.Ming_out{background:var(--Ming_out_bg);}
.Mingmaster_bg{background: var(--Ming_title);}
.Ming_file{width: 85%;}
.Ming_group{width: calc(100%/1);}
.bottom_group{width: 94%;}
.Min-y-0{margin: 0rem!important;padding: 1rem!important;}
.Ming_group,.bottom_group,.Ming_file{background:white ;border: 3px solid var(--Ming_title);border-radius: 1rem;margin: 1rem 1.5rem;padding: 1rem;}
.Ming_topic dt{color: var(--Ming_title);margin: 0 1rem 0 0;width: ;}
.Ming_topic dt,.Ming_topic dd{font-weight: 900;}
.Ming_topic dt{font-size: 1.3rem;}
.Ming_topic dd{font-size: 1.4rem;}
.other_list{text-align: right;}
.Ming_des,.other_list,.Ming_file_sub{font-size: 1.2rem;margin: 1rem auto;}
.listMingLink,.Ming_file p{font-size: 1.1rem;}
.Ming_file_title{color:white;text-align: center;font-size: 1.3rem;font-weight: 900;}
.Ming_file p{line-height: 2.0rem;margin: 0.5rem 0;color: var(--dark_blue2);}
.Ming_file .bookslist img{max-width: 100px;}
.Ming_file .bookslist{width: calc(100%/2);margin: 1rem 0;}
.Ming_file .bookslist figcaption{text-align:center;word-break:break-all;word-wrap:break-word}
.books_more,.books_more a{color: var(--Ming_title);text-align: center;font-weight: 900;font-size: 1.2rem;}
/*大法官解釋*/
.Justices_out{}
.Justices_out form{width: 100%;display: flex;justify-content:center;flex-wrap: wrap;align-items:center;}
.Justices_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;}
.Justices_out input[type=image]{margin-left: 1rem;} 
#Justices ul li{color: var(--justices_text); background-color: #DCE3F1;text-decoration: none;padding: 0.5rem;margin: 0.8rem;font-size: 1.1rem;}
.Justices_number{display: flex;flex-wrap: wrap;justify-content: center;}
#Justices_detail .title{color: var(--exam-blue);font-size: 1.4rem;}
#Justices_detail th{color:var(--exam-blue);text-align: left;font-size: 1.3rem;}
#Justices_detail td{font-size: 1.2rem;}
.justices_detail li{margin:0 1rem 0 0;font-size: 1.2rem;}

/*新班開課資料庫*/
#newclass .title,.new_class_news .style26{font-size: 1.3rem;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 var(--bg-light-gray);border-collapse: collapse;padding: 0.5rem;font-size: 1.1rem;display: table;width: 100%;}
#newclass th{background-color: var(--bg-light-gray);}
#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}
#openclass{padding: 1rem;}
#openclass .new_class_content{white-space: normal}
#openclass .listbranch a::after{content: '|';margin: 0 0.5rem;}
#openclass .H{background: var(--bg-light-gray);width: 100%;padding: 0.5rem;margin: 1rem 0;}
#openclass figure img {
    width: calc(100%/2);
    margin: 1rem 0;
}
.listbranch a{margin: 0.5rem 0;}
/*雲端課程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;bottom:11rem;width:3.5rem;border-radius:.5rem 0 0 .5rem;background:var(--dark_blue2);padding:1rem;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%); padding: 1.2rem; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); z-index: 999;   height: auto;max-height: 90%;overflow-y: auto; }
.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);}
.askarea_out select, .askarea_out input {border-radius: 0.2rem;}
.askarea_out select {width: 100%;}
.askarea_out input[type='text'] {width: 100%; border: 1px solid var(--form-text); padding: 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 label {width: 100%;}
.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; }
/*專區專用*/

.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;height:;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;bottom:;width:98%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.8rem 0.5rem 0 0.5rem;background-color:rgba(255,255,255,1);z-index:999;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 .pc_mode{}
.seasonclick:hover .fa-angle-right{transform: rotate(90deg);}
.pc_mode{display: none;background-color: white;position: relative;}
.list_act dt{background:var(--purple_btn_hover);color: white;font-weight:900;
    /* transform: skewX(-20deg); */
}
.list_act dd,.list_act dd a{color: black;}
.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 img{width:90%;border-radius: 1rem;}
.popup_out{display: none; border-radius: 1rem; width:100%; 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: 999;   height: auto;max-height: 90%;overflow-y: auto; }

/*彈出式背景淡灰用*/
body.overlay { 
    overflow: hidden;
    /* width: 100%;
    position: absolute; */
    /* z-index: 1;left: 0;top:0; */
}
.overlay::before{content: '';background: rgba(0, 0, 0, 0.5);position: fixed;z-index: 16;width: 100vw;height: 100vh;left: 0;top: 0;}

/*彈出式開啟與關閉按鈕共用*/
.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;}
/*彈出動畫共用*/
.askarea_out,.season_content,.popup_out{animation: fadeDown-jump .6s;}
@keyframes fadeDown-jump{0%{opacity:0;transform:translate(-50%,-100%)}100%{opacity:1;transform:translate(-50%,-50%)}}

/*考試用書該頁手指動畫*/
@keyframes myfirst{from{left:-2rem}25%{left:-2.5rem}100%{left:-2rem}}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
    
    #B-bannner,#teacher-bannner{position: relative;z-index: 1;margin: 0rem auto;}
    #B-bannner,#yt_player{width: 100%;}
    #BodyHeader_event_rwd img{max-width: 40%;margin: 0 auto;}
    #yt_player iframe {height: 18rem;margin: 0 0.5rem;}
    #teacher-bannner{width: 80%;}    
    .announce_mobile_img img{width: 25%;margin: 0 auto;}
}

/*-----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 li a:not(.long a) {border-left:1px solid var(--menu-col-line);padding: 0 0.8rem;}
    #navbar i{margin: 0 0.8rem;font-size: 1.5rem;}
    #navbar ul li:hover,#left_nav ul li:hover{background-color: var(--dark_blue2)!important;}
    #navbar ul li:hover a,#left_nav ul li:hover a{color:white;}
    #navbar li:hover ul,#left_nav li:hover ul{position: absolute;display: flex;flex-direction: column;visibility: visible;background-color: ;text-align: center;height: max-content;line-height: 2.8rem;width: 11.8rem;}     
    #navbar li.active a:not(#navbar li li a){color:white;border-bottom: none;}
    #left_nav li:hover ul{width: max-content;}  
    #left_nav li:last-child:hover ul {
        top: 4rem;
    /* top: 0rem;
    height: 16rem;
    background: var(--menu-layer); */
    }
 
    /* #left_nav li ul{width: max-content;} */
    #left_nav li:hover li{padding: 0.58rem 2.5rem;font-size: 1.2rem;}
    #navbar {font-size: 1.1rem;}
    #navbar li{margin: 0;}
    #navbar li:hover ul{top: 1.8rem;} 
    #navbar li,#left_nav li{width: auto;}
    #navbar .long li{font-size: 1.2rem;padding: 0rem 2.5rem;}
    #left_nav li li:hover,#navbar li li:hover{background-color: ;}
    #left_nav li{line-height:max-content;cursor: pointer;
        padding: 0.54rem 0;
        /* padding: 0.165rem 0; */
        /* padding: 0.28rem 0; */
        
  
    }
    .popup_out{width: 60%;}
    #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切換功能樣式*/
    .Teach_Vuetabs a{padding: 0.3rem 3rem;font-size: 1.4rem;width: auto;}
    /*輪播*/
    #teacher-bannner{width: 90%;}
    #B-bannner{width: 88%;}
    #B-bannner{margin: 0rem 0 0 2rem;}
    #teacher-bannner{margin: 0rem auto;}
    #B-bannner button,#teacher-bannner button{display: none;}
    #B-bannner .VueCarousel-navigation-prev {left: 0.5%;}
    #B-bannner .VueCarousel-navigation-next {right: 1.5%;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 0%;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 99%;}
    /*師資連結區*/
    /* .photolist div{position: relative;} */
    .photolist div{overflow: hidden;}
    .photolist img{border-radius:unset;height: auto;box-shadow: none;}
    .photolist img:hover{transform: scale(1.2);opacity: 0.9;}
    .link_item{top:12rem;}
    /* .link_item{margin: 0 auto;text-align: center;} */

    /*探索法律捷徑*/  
    .imgway{top:100%;left:50%;transform:translate(-50%,-50%)}
    .line,.lineTop{height: 100%;position: relative;}
    /* .books::before,.irt::before{content:'';position:absolute;top:0;width:80%;height:20px;border-top:1px solid #c8c8c8}
    .lineTop::before,.line::before{content: ''; position: absolute;left:0;width: 20px;border-left: 1px solid #c8c8c8;} */
    .lineTop::before{top: 0;height: 50%;}
    .line::before{bottom: 0;height: 60%;}
    .books::before{right: 0;}
    .irt::before{left: 0;}
    .grasp{padding: 0.25rem 0.5rem;position: relative;}
    .grasp dd{font-size: 1.1rem;}  
    .grasp dt{font-size: 1.5rem;}
    .law_way_text{font-size: 2.5rem!important;}
    .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{width: calc(100%/1);}
    /*學習自選方案*/
    .learn-guide a::before{left:2.75rem}   
    .learn-tool figure{overflow: hidden;}   
    .learn-tool img:hover{transform: scale(1.2);opacity: 0.9;}
    .learn-tool dt{font-size: 1.5rem;}
    .learn_title{font-size: 1.3rem;}
    .pd-style dl{
        padding:0rem 0.5rem;
        /* padding: 1.45rem 0; */
        height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }
    /*提拔與牽成*/
    #yt_player{width: 100%;}
    #yt_player iframe{width: 30rem;height: 20rem;}
    .student_photo{overflow: hidden;border-radius: 9999rem;}
    .student_photo img:hover{transform: scale(1.2);opacity: 0.9;}
    /*footer*/
    .footer_logo img{width: 50%;}
    /*右側固定浮動廣告*/
    .AD_text{font-size: 1.0rem;border-bottom: dotted 1px rgb(176, 176, 176);padding: 0.8rem 1rem 0.8rem 0.8rem;}
    .AD_text i{display:none;}
    .controll{right:0;top:-1.5rem;}
    .announce{
        /* box-shadow: 3px 3px 6px black; */
        height: max-content;}
    .announce dl:not(.controll){overflow: hidden;}
    .AD_text dd:hover,.AD_img img:hover{transform: scale(1.1);}

    /*內頁-項目連結*/
    #BodyContentMainNavigator{font-size: 1.2rem;}
    #navi_menu,#hot_wan{font-size: 1.4rem;}
    #navi_menu{justify-content: center;align-items: center;}
    #navi_menu a{text-decoration: none;}
    .page_on{color: var(--purple)!important;border-bottom: 3px solid var(--purple)!important;}
    #navi_menu a{border-bottom: 3px solid var(--dark_blue2);padding: 0 1rem;}
    #navi_menu a:hover{}
    #navi_menu img{margin: 1rem 0;}
    #hot_wan a,#hot_wan{color: white ;}
    #hot_wan{clip-path:polygon(100% 0,98% 50%,100% 100%,0 100%,2% 50%,0 0);padding:.5rem 2.5rem;background:linear-gradient(to bottom,var(--light-link) 0,var(--light-link2) 100%);color:white;font-size:1.5rem;margin: 2rem auto;}
    .title_area{background-color: unset;}
    /*內頁文字內容*/
    #divsion p,#divsion ol{font-size: 1.35rem;}
    #divsion p{line-height: 2.6rem;}
    #divsion{overflow-x:visible;}
    #divsion strong,#divsion .subtitle,#divsion .title{font-size: 1.6rem;;text-align: left;}
    #divsion table{line-height: 2.6rem;margin: 1rem auto;}
    #divsion table td:nth-child(n+1){font-size: 1.10rem;text-align: left;width: max-content;padding: 0 3rem;}
    #divsion table th{text-align: center;}
    #divsion table th{font-size: 1.3rem;}
    /*期刊樣式*/
    #journalitemlist{padding:;}
    #journalitemlist ul{margin: ;width: ;}
    #journalitemlist li{line-height: 2.8rem;}
    .fontblue,.unnamed1,.unnamed2,.unnamed3,.pages{font-size: 1.1rem;}
    .unnamed3{display:;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;}
    /*考古題*/    
    .examlist tbody,.form_exam,.examlist,.examlist caption{width: 55rem;overflow: visible;}    
    .examlist input,.examlist select{display: inherit;text-align: left;margin: 0 1rem;}
    .examlist label{display: inherit;width: ;margin: 0 1rem;}
    /*英美法字典*/    
    .dic{width: 100%;}
    /*考試用書*/
    .ibrain_books{overflow-x: visible;}
    .books_link a{font-size:1.6rem}
    /*明台大主頁*/
    .Ming_group{width: calc(100%/2.25);}
    .listMingLink{font-size: 1.2rem;}
    .Ming_file .bookslist{width: calc(100%/7);}
    /*大法官解釋*/
    .Justices_out{}
    .Justices_out form{justify-content:end;}
    /*新班開課資料庫*/
    #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;}
    #openclass figure img {width: calc(100%/4);}
    /*雲端課程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);}
    /*我要諮詢表單*/
    .askclick {right: 0; bottom: 2rem; height: max-content;}
    .askJump_title{font-size: 1.3rem;}
    .askarea_out{width:47rem;padding: 1.5rem;overflow: visible;}
    .askarea_out select{width: auto;}
    .askarea_out label {margin: 0.5rem 0rem auto;}
    .askarea_out .fa-times-circle{right:0rem;top:-1.5rem;}
    .askarea_out img {max-width: 13%;}
    /*活動專區樣式*/
    .season_content{padding: 1.0rem;}
    .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;}
    .season_content{}
    .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: 1280px) {    
    .grasp dd{font-size: 1.2rem;} 
    #left_nav li{
        padding: 0.866rem 0rem;
        /* padding: 0.41rem 0rem; */
    }
    #navbar {font-size: 1.3rem;}
    #left_nav li li{padding: 0.20rem 0.5rem;}
    /* #left_nav li:not(.long)::before{border-width: 25px 0 25px 10px;} */
    .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;}
    .examlist tbody,.form_exam,.examlist,.examlist caption{width: 75rem;}
    #B-bannner button,#teacher-bannner button{display: block;}    
    #left_nav div:not(.long)::before{top:-1rem;border-width: 25px 0 25px 15px;}    
    .exam dd{width: calc(100%/2);}
}

@media (min-width: 1536px) {
    .study_list li{margin: 0 auto;}
    #left_nav li{
        padding: 1.17rem 0rem;
        /* padding: 0.67rem 0rem; */
    }
    #left_nav li li{padding: 0.58rem 0.5rem;}
    
    #left_nav div:not(.long)::before{top:-1rem;border-width: 30px 0 30px 15px;}
    /* #left_nav li:not(.long)::before{border-width: 30px 0 30px 15px;} */
    /* .studyhall::before,.irt::before{content:'';position:absolute;
        top:0rem;
        width:115%;height:20px;border-top:1px solid #c8c8c8}
    .lineTop::before,.line::before{content: ''; position: absolute;left:0;width: 20px;border-left: 1px solid #c8c8c8;}
    .lineTop::before{top: 2rem;height: 80%;}
    .line::before{bottom: 1.5rem;height: 90%;} */
    .studyhall::before{right: -6rem;}
    .irt::before{left: -6rem;}
    .irt img{max-width: 115%;position: relative;left: -3rem;}
    .study_list li{text-indent: 0;margin-left: 0;}
    .examlist tbody,.form_exam,.examlist,.examlist caption{width: 90rem;}
    .seasonclick{bottom:45%;}
    
    .learn-tool dt{font-size: 1.8rem;}
}
/*-----PC設定區END------*/

/*各大相容檢視*/
@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 {
}