.w-4\/5 {width: 80%;}
.w-3\/4 {width: 75%;}
/*專欄css*/
/* #columns{width:1200px;margin:1% auto 0} */
#columns a:hover{position:relative;top:2px;bottom:2px;text-decoration:none}
.bgcolor-gray {background-color: #F2F2F2;}

/*主圖區*/
.columns_matser,.columnsBanner{width:100%;margin:0 auto}
.columnsBanner img{width: 100%;}
.columnsLink{margin:1% auto;text-align:center}
.columnsLink a{color:#000}
.columnsLink>li{width:calc(100%/3 - 15px);margin:0 auto;font-size:1.3em;line-height:2.2em;text-align:center;border-left:5px solid #c3c3c3;background:#dbdbdb;font-weight:600}
.intro{width:86%;margin:0 auto;padding:2% 0 .5%;font-size:1.05em;line-height:1.6em}
/*主頁單元*/
.columns_Journal{width:100%;margin:0 auto}
.columns_Journal a{color:#515151}
.columnsUnit{width:100%;margin:2% auto}
.columnsUnit h1{width:100%;font-size:2.6em;text-align:center}
.columnsUnit h1 span{font-size:.85em;color:#000;border-left:#000 2px solid;border-right:#000 2px solid;padding:0 1.5%;margin-right:3%}
.columnsUnitbox{background:#eee;padding:1% 1% 2%}
.columnsUnitbox>.past{font-size:1rem;margin:0 auto 1%;color:#000;text-align:right}
.columnsUnitbox>.teacher{width:90%;margin:0 auto;border-bottom:1px dotted #300;font-size:1.8em;color:#000;text-align:center}
.columnsUnitbox>.content{width:78%;margin:0 auto 2%;padding:2% 6% 2.5%;background:#FFF;border-radius:0 0 1em 1em;color:#000}
.columnsUnitbox>.content>.subject{align-items:center;margin:0 auto 2%}
.columnsUnitbox>.content>.subject>.subject-O{width:50px;height:50px;padding:20px;font-size:1.3em;line-height:25px;color:#FFF;background:#ed207b;text-align:center;border-radius:50%;margin:0 2% 0 0}
.columnsUnitbox>.content>.subject>h2{width:85%;font-size:2.4em;line-height:90px}
.columnsUnitbox>.content>.subject>h2>small{font-size:1rem;color:#333;margin-left:3px}
.columnsUnitbox>.content>.subject>h2.sub_br2{line-height:45px}
.columnsUnitbox>.content>.txt{width:100%;margin:0 auto;font-size:1.1em;line-height:1.6em}
/*許*/
.columns1 h1{color:#FFF;background:#01ae81}
.columns1 h2,.columns1 h2 a{color:#01ae81}
/*曾*/
.columns2 h1{color:#454104;background:#fff100}
.columns2 h2,.columns2 h2 a{color:#575201}
/*主頁課程連結*/
.columns_morelink{width:92%;margin:4% auto 3%;padding:1.5% 0;border:3px solid #9b3b92;text-align:center;font-weight:700;font-size:1.25em;border-radius:8px}
.columns_morelink br{display:none;margin-right:2%}
.columns_morelink a{color:#9b3b92}

/*講師介紹*/
#columns_teacher{width:100%;margin:2% auto 0}
#columns_teacher .titleB{width:100%;font-size:1.7em;line-height:1.4em;color:#000;letter-spacing:.5em;text-align:center;margin:0 auto 1%}
#columns_teacher h1{font-size:1.6em;color:#000;line-height:1.6em}
#columns_teacher .teacher_intro{width:90%;padding:1% 5%;margin:0 auto 3%;font-size:1.1em;color:#000;line-height:1.6em;background-color:#eee}
#columns_teacher .teacher_intro p{margin:1% auto}
#columns_teacher .bookLink{margin:3% auto 2%;text-align:center;font-size:1.1em;line-height:1.7em}
#columns_teacher .bookLink a{color:#FFF;background:#9B3B92;padding:.5% 2%;margin:0 2%;border-radius:1em}

/*專欄detail內容*/
#columns_ContentDetail{width:100%;margin:2% auto 4%}
#columns_ContentDetail .columnsDetail_table{width:100%;margin:0 auto;display:table;font-size:1.1em}
#columns_ContentDetail .columnsDetail_tableRow{width:100%;display:table-row}
#columns_ContentDetail .columnsDetail_tableth{width:20%;display:table-cell;background:#F2F2F2;border-top:1px dotted #EA9A1C;padding:1%;text-align:center;font-weight:700;white-space:nowrap}
#columns_ContentDetail .columnsDetail_tabletd{display:table-cell;background-color:#FFF;padding:1%;text-align:left;border-top:1px dotted #EA9A1C}
#columns_ContentDetail .columnsDetail_tabletd p{font-size:1.1rem;line-height:1.6em;padding:1% 0}
#columns_ContentDetail .columnsDetail_tabletd sub,#columns_ContentDetail .columnsDetail_tabletd sup{font-size:.8rem}
#columns_ContentDetail .columnsDetail_tabletd a{color:#000}
#columns_ContentDetail .columnsDetail_tabletd ol{width:90%;margin:1% auto 1% 5%}
#columns_ContentDetail .columnsDetail_tabletd ol li{list-style:decimal}
#columns_ContentDetail .columnsDetail_tabletd ol li ol li{list-style:upper-alpha}
#columns_ContentDetail .columnsDetail_tabletd ol li ol li ol li{list-style:lower-latin}
#columns_ContentDetail .columnsDetail_tabletd ul{width:96.5%;margin:0 auto 0 3.5%;list-style:none}
#columns_ContentDetail .columnsDetail_tabletd li{font-size:1.1rem;margin:0 auto 1%}
#columns_ContentDetail .columnsDetail_tabletd table,#columns_ContentDetail .columnsDetail_tabletd th,#columns_ContentDetail .columnsDetail_tabletd td{border:1px solid #333;border-collapse:collapse}
#columns_ContentDetail .columnsDetail_tabletd table{width:100%;margin:0 auto 1%}
#columns_ContentDetail .columnsDetail_tabletd th{font-weight:700;text-align:center;color:#FFF;background:#999;padding:.5% 0}
#columns_ContentDetail .columnsDetail_tabletd td{padding:1%}
#columns_ContentDetail .columnsDetail_tabletd td ol{margin:0 auto 0 10%}
#columns_ContentDetail .updown{background:#8F8F8F;color:#FFF;white-space:nowrap}
#columns_ContentDetail .underline{border-bottom:1px dotted #EA9A1C}
/*內文圖片*/
#columns_ContentDetail .math_img img{width:auto;margin-bottom:1%} /*公式圖*/
#columns_ContentDetail .full_img img{width:100%;} /*一般大圖*/
#columns_ContentDetail .mobilefull_img img{width:auto} /*手機版大圖*/
/*內文樣式*/
#columns_ContentDetail .sub,#columns_ContentDetail .sub a{color:#FF6600;font-weight:bold}/*內文橘標*/
#columns_ContentDetail .sub2{color:#0000FF;font-weight:bold}/*內文藍標*/
#columns_ContentDetail .imp{color:#DE1066}/*重點紅字*/
#columns_ContentDetail .imp2{padding:1px;border: 1px solid #000;margin:0 1px;line-height:1.7em}/*框框字*/
#columns_ContentDetail .imp-dark{color:#910000;}
#columns_ContentDetail .imp-green{color:#01AE81;}
#columns_ContentDetail .imp-blue{color:#0000FF;}
#columns_ContentDetail .imp-sky{color:#009ccc;}
#columns_ContentDetail .imp-purple{color:#9B3B92;}
#columns_ContentDetail .imp-orange{color:#FF6600;}
#columns_ContentDetail .sup{color:#333;background:#FF0}/*悄悄話(黃底字)*/
#columns_ContentDetail .news{color:#0099CC;font-weight:bold}/*好試報報*/
#columns_ContentDetail .point{border:5px groove #01AE81;padding:0 5px;border-radius:8px}/*命中框框*/
#columns_ContentDetail .question{color:#4F4F4F}/*例題*/
#columns_ContentDetail .answer{color:#F00;font-weight:bold}/*答*/
#columns_ContentDetail .small_num{font-size:0.2rem;position:relative;margin-left:0.1rem}
#columns_ContentDetail .annotation_num{font-size:0.2rem;position:relative;top:-7px;margin-left:0.1rem}/*註腳數字*/
#columns_ContentDetail .annotation_font{margin-left:1em;text-indent:-1em;font-size:0.9rem !important }/*註腳文字*/
#columns_ContentDetail .frame{border: #000 solid 1px;display:inline-block;padding:0.3rem;}
/*影音*/
#columns_ContentDetail .columnsViedo{margin:10px auto}
#columns_ContentDetail .columnsViedo>iframe{width:100%;height:400px}

/*期刊歷期*/
#columns_ContentJournal{margin:2% auto 0}
.Journalhead{position:relative;padding:0 1%}
.JournalSearch{top:0;right:0;position:absolute}
.JournalDescription{width:82%;margin:0 auto 0 2%}
.JournalDescription h1{font-size:2rem;color:#9B3B92}
.JournalDescription p{font-size:1.15rem;line-height:1.6em}
.JournalDescription a{color:#01AE81}
.JournalList{margin:1% auto}
.JournalList a{color:#000}
.JournalList>.past{font-size:1.1em;padding:1%;font-weight:bold;background:#EEE}
.JournalList>ul{width:90%;margin:2% auto 3%}
.JournalList>ul>li{font-size:1.05rem;line-height:1.9em;color:#666;padding:0 0 1.5%;list-style:disc}
.JournalList>.pages{font-size:1.05rem;text-align:center}
.JournalList>.pages a{color:#9B3B92;text-decoration:none}

/*list頁*/
#columns_ContentJournal .list{width:96%;margin:0 auto}
#columns_ContentJournal .list a{color:#000}
#columns_ContentJournal .list_title{float:left;margin:0 auto}
#columns_ContentJournal .list_morelink{float:right;margin:0 auto;padding:0 1%;text-align:left;border-left:1px dotted #CCC}
#columns_ContentJournal .list_title,#columns_ContentJournal .list_morelink{font-size:1em;line-height:1.55em}
#columns_ContentJournal .list_line{width:99%;height:10px;display:inline-block;border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC}
/*list頁期刊排列顯示*/
#columns_ContentJournal .products{width:96%;margin:0 2%;display:inline-block}
#columns_ContentJournal .products li{float:left;padding:1%;margin:0 auto;text-align:center}
#columns_ContentJournal .products img{border:0}

/*搜尋*/
#columns_SearchJournal{width:96%;margin:1% auto}
.SearchResult{text-align:left;color:#F7941D;font-size:1.1em;font-weight:700;margin:3% auto 0}
.resultlist{margin:20px auto}
.resultlist a{color:#515151}
.resultlist a:hover{color:#01ae81;font-weight:700}
.resultlist table{width:100%;margin:0 auto;font-size:1.05em;line-height:1.55em}
.resultlist table th,.resultlist table td{padding:1%}
.resultlist table th{border-bottom:3px solid #333}
.resultlist table td{line-height:1.8em;border-bottom:1px dotted #01ae81}
#columns_SearchJournal .pages{width:100%;margin:3% auto;text-align:center}

/*講座宣傳Lightbo*/
.lightbox_container{position:fixed;top:55%;right:0%;z-index:5;text-align: justify;background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);width:160px;font-weight: 900;cursor: pointer;}
.lightbox_title{text-align: center;font-size: 1.3rem;border-bottom:#7a7505 dotted 5px;padding: .5rem 0;}
.lightbox_title i{font-size: 1rem;}
.lightbox_content{padding: auto;padding: .6rem;font-size: 1.2rem;}
.lightbox_img{display:none;}
.img-popup{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(38,40,52,0.9);text-align:center;display:none;z-index:9999999999999;animation:pop-in;animation-duration:0.5s;-webkit-animation:pop-in 0.5s;-moz-animation:pop-in 0.5s;-ms-animation:pop-in 0.5s;}
.img-popup img{position:absolute;top:50%;max-width:80%;max-height:80vh;display:inline-block;transform:translate(-50%,-50%);}
/* .close-lightbox{position:absolute;top:25px;right:30%;padding:0px 10px;color:#fff;font-size:1rem;border:2px solid #fff;border-radius:15px;z-index:99;cursor:pointer;} */
.lightboxfadeout{animation:fadeout;animation-duration:0.5s;-webkit-animation:fadeout 0.5s;-moz-animation:fadeout 0.5s;-ms-animation:fadeout 0.5s;}
@keyframes pop-in{0%{opacity:0;transform:scale(0.1);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(0.1);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes pop-in{0%{opacity:0;-moz-transform:scale(0.1);}
100%{opacity:1;-moz-transform:scale(1);}
}
@keyframes fadeout{100%{opacity:0;transform:scale(0.1);}
0%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeout{100%{opacity:0;-webkit-transform:scale(0.1);}
0%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes fadeout{100%{opacity:0;-moz-transform:scale(0.1);}
0%{opacity:1;-moz-transform:scale(1);}
}

/*線上諮詢*/
.Fixed_Item {position: fixed;right: .5%;top: 40%;}


/*MB+ipad*/
@media all and (min-width: 1px) and (max-width:1200px){
.columnsBanner img{width:100%;display:block}
}
@media all and (min-width: 1px) and (max-width: 991px){
#BodyContentMainDetail_Columns{width:100%;margin:0 auto;padding:0}
#BodyContentNavigator,.columnsAD,.serviceAD{display:none}
#columns{margin:0 auto 6%}
.columnsUnitbox>.teacher{width:96%;font-size:1.4em}
.columnsUnitbox>.content{width:88%}
.columnsUnitbox>.content>.subject>h2>small{display:block;line-height:1.6em}
}

/*Mobile*/
@media all and (min-width: 1px) and (max-width: 767px){
    .sm\:w-full {width: 100%;}
.columnsLink>li{width:96%;margin:.5% 2%;font-size:1.2em;line-height:1.8em;font-weight:400;border-left:0;border-bottom:3px solid #c3c3c3}
.intro{width:90%;font-size:1em;padding:1% 0 .5%}
.columnsUnit{margin:2% auto 5%}
.columnsUnit h1{font-size:2em}
.columnsUnitbox{padding:2% 2% 3%}
.columnsUnitbox>.past{font-size:.95em;margin:0 auto 3%}
.columnsUnitbox>.content{padding:2% 4% 4%}
.columnsUnitbox>.content>.subject{padding:2% 0 1%}
.columnsUnitbox>.content>.subject>.subject-O{width:40px;height:50px;padding:10px 15px;font-size:1.1em;line-height:25px;margin:0 auto}
.columnsUnitbox>.content>.subject>h2{width:74%;font-size:1.9em;line-height:1.2em}
.columnsUnitbox>.content>.subject>h2.sub_br2{line-height:1.2em}
.columnsUnitbox>.content>.txt{font-size:1em;line-height:1.7em}
.columns_morelink{width:72%;margin:4% auto;padding:2% 5%;font-size:1rem;border-width:2px;line-height:1.7em}
/*專欄歷期*/
#columns_ContentJournal{padding:0 2%}
.JournalSearch{position:relative;text-align:right;margin:0 auto 4%}
.JournalPic{width:30%}
.JournalPic img{width:100%}
.JournalDescription{width:68%}
.JournalDescription h1{font-size:1.6em;line-height:1.4em}
.JournalDescription p{line-height:1.5em}
.JournalDescription p,.JournalDescription a{font-size:1rem}
.JournalList>.past{padding:1.5% 4%;font-size:1rem}
.JournalList>ul{margin:4% auto 6%}
.JournalList>ul>li{font-size:1rem;line-height:1.6em;margin:0 auto 2% 6%}
.JournalList>.pages{font-size:1em;margin:25px auto}
/*講師頁*/
#columns_teacher .titleB{font-size:1.4em;line-height:1.6em;margin:0 auto 3%;letter-spacing:.2em}
#columns_teacher h1{font-size:1.5em}
#columns_teacher .teacher_intro{padding:1% 5%;font-size:1em}
#columns_teacher .teacher_intro p{margin:2% auto}
#columns_teacher .bookLink{margin:5% auto;font-size:1em}
#columns_teacher .bookLink a{display:block;margin:2% auto;padding:1.5% 0}
/*專欄detail內容*/
#columns_ContentDetail{margin:1% auto 0}
#columns_ContentDetail .columnsDetail_table{width:96%;margin:0 auto;font-size:1.05em}
#columns_ContentDetail .columnsDetail_tableRow,
#columns_ContentDetail .columnsDetail_tableth,
#columns_ContentDetail .columnsDetail_tabletd{display:inline-block}
#columns_ContentDetail .columnsDetail_tableth,
#columns_ContentDetail .columnsDetail_tabletd{width:96%;padding:2%;text-align:center;border-top:0}
#columns_ContentDetail .columnsDetail_tableth{font-size:1.1rem}
#columns_ContentDetail .columnsDetail_tabletd{padding:3% 2%}
#columns_ContentDetail .columnsDetail_tabletd p,
#columns_ContentDetail .columnsDetail_tabletd li{font-size:1rem;text-align:justify}
#columns_ContentDetail .columnsDetail_tabletd p{padding:2% 0}
#columns_ContentDetail .columnsDetail_tabletd td ol{width:auto;margin:1% 15px 1% 24px}
#columns_ContentDetail .underline{border-bottom:0}
#columns_ContentDetail .columnsDetail_tabletd table{font-size:1rem}
#columns_ContentDetail .columnsDetail_tabletd th,#columns_ContentDetail .columnsDetail_tabletd td{padding:1.5%}
/*內文圖片*/
#columns_ContentDetail .columnsDetail_tabletd .math_img img{width:auto}/*公式圖*/
#columns_ContentDetail .columnsDetail_tabletd .full_img img{width:100%}/*一般大圖*/
#columns_ContentDetail .columnsDetail_tabletd .mobilefull_img img{width:100%;margin-bottom:1%}/*手機版大圖*/
/*影音*/
#columns_ContentDetail .columnsViedo>iframe{height:195px}
/*搜尋list*/
#columns_SearchJournal .columnsSearch,#columns_SearchJournal .columnsResult{width:100%;text-align:left;margin:1% auto}
#columns_SearchJournal table{font-size:1em}

.lightbox_container{display: none;}
}

@media all and (min-width:768px) and (max-width:991px){
.columnsUnitbox>.content{padding:2% 4% 3%}
.columnsUnitbox>.content>.subject>h2{width:82%;margin:0 auto}
.columnsUnitbox>.content>.subject>h2,.columnsUnitbox>.content>.subject>h2.sub_br2{line-height:1.2em}
.JournalSearch{right:1%}
#columns_ContentDetail .columnsViedo>iframe{height:335px}
}

@media all and (min-width:992px) and (max-width:1200px){
.columnsUnitbox>.teacher{width:94%}
.columnsUnitbox>.content{width:86%;padding:2% 4% 2.5%}
.columnsUnitbox>.content>.subject>h2{width:83%;font-size:2.1rem}
.JournalDescription{width:80%}
#columns_ContentDetail .columnsViedo>iframe{height:340px}
}