@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
:root {
    --blue: #008CBB;
    --deepgreen: #869240;
    --grass: #a9be2b;
    --sky: #dff1ff;
    --orange: #eb6323;
}
main {font-family: 'Noto Sans TC', sans-serif;}
a {text-decoration: underline;color: inherit;font-family: 'Noto Serif TC', serif}
a:hover {text-decoration: none;font-family: 'Noto Serif TC', serif}
.text-center {text-align: center;}
.justify-center {justify-content: center;}
.w-full {width: 100%;}
.block { display:block}
.inline-block {display: inline-block;}
[class*="flex"] {display: flex;flex-wrap: wrap;}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/*公職+證照考取專家!*/
#event_master h1 {font-size: 4rem;margin: auto;text-align: center;}
#event_master h2 {font-size: 1.9rem;align-items: center;margin: auto;justify-content: center;color: var(--blue);color: #466574;letter-spacing: 0.05em;padding: 7px 4px 10px 4px;background-color: #e5e5e5;width: 94%;
border: 3px #cdcdcdcc solid;border-bottom: 1px #ffffff solid;border-top: 3px #ffffff solid;border-radius: 12px 12px 13px 13px;font-family: 'Noto Serif TC', serif;}
#event_master h2 > div {padding: 0 0.5rem;}
#event_master h2 a:first-of-type {}
.dedicated {padding: 0;margin: 1rem auto;text-align: center;}
.dedicated li:not(:last-of-type) {background-color: #a9b07e;border-radius: 2rem;padding: 0.5rem 1rem;display: inline-block;margin: auto 0.25rem;color: white;}
.dedicated li:last-of-type {display: inline-block;font-size: 1.5rem;padding: 0 0 0 0.25rem;font-weight: bold;color: #eb6323;}
.course_noteList_one {overflow: hidden;padding: 1rem 2rem;border-radius: 1rem;background-color: var(--sky);}
.course_noteList_one {overflow: hidden;padding: 1.5rem 2rem;border-radius: 1rem;background-color: #607D8B;color: #fff;}
.course_noteList_one > ul {padding: 0 0 0 10rem;margin: auto;}
.course_noteList_one > ul li {list-style-type: none;font-size: 1.5rem;line-height: 3rem;color: #ffffff;font-family: Verdana,"Microsoft YaHei"}
.course_noteList_one > ul li:first-of-type{ color:#fff;border-bottom: 2px #ffffff54 dotted;}
.course_noteList_one .sale123 {color: #FFEB3B;font-size: 1.75rem;}
.buy_circle {background-color: #8fa311;border-radius: 50%;width: 2.5rem;height: 2.5rem;display: inline-flex;align-items: center;justify-content: center;color: white;margin: auto 0.25rem;}
.course-box {position: relative;}
.course-box .tag {position: absolute;top: 0;left: 0;background-color: #f45b36;color: white;clip-path: polygon(80% 0%, 0% 0%, 0% 100%);width: 15rem;height: 10rem;padding: 1rem;    line-height: 1.75rem;font-size: 1.25rem;}
.course_noteList_one table {font-size: 1.25rem;width: 100%;} 
.course_noteList_one table th {background-color: #a9be2bc4;color: white;border-bottom: 2px #fff dotted;border-right: 1px #fff dotted;font-weight: initial;text-align: center;font-family: Verdana;padding: 3px;
font-size: 1.5rem;}
.course_noteList_one table td {background-color:#fff;border-bottom: 1px #61b5ec dotted;border-left: 1px #61b5ec dotted;padding: 0.25rem;font-size: 1rem;}
.course_noteList_one table td ul {padding: 0;margin: auto;}
.course_noteList_one table td ul li {display: inline-block;margin-right: 0.5rem;font-size: 1rem;color: #1b1b1b;}
.course_noteList_one table td ul li::before {content: '•';}
.course_noteList_one table tr td:first-of-type {background-color: var(--blue);color: white;width: 12.5%;text-align: center;}
.more-btn {margin: 1rem auto auto;text-align: center;}
.more-btn a {display: inline-block;padding: 0.25rem 0.7rem;background-color: #f45b36;color: white;border-radius: 2em;text-decoration: none;margin: 0 1rem;font-size: 1.1rem;border-bottom: 4px #425e6b solid;}
.course_noteList_one > ul.price_note {padding: 0.5rem 0;width: fit-content;margin: auto;text-align: left;}
.course_noteList_one > ul.price_note li {font-size: 1rem;line-height: 1.5rem;border: 0;}

/*與面授同享貼心的輔考服務*/
.zone_title {font-size: 2rem;text-align: center;background: linear-gradient(78deg, #ffffff -23%,#e6e6e6 50%,#ffffff 115%);}
.zone_title {font-size: 2rem;line-height: 3rem;text-align: center;background: linear-gradient(78deg, #ffffff -23%,#e6e6e6 50%,#ffffff 115%);background: #fff;border-bottom: 3px #e1e1e1 dotted;}
#event_sec h1 {color: #607D8B;}
.service-wrap {}
.service-wrap dl {width: calc(100%/4 - 0.5rem);margin: 0 auto;border: solid #00BCD4 1px;border-left: solid #00BCD4 5px;border-radius: 12px;box-shadow: 2px 3px 2px #d9d9d9;padding: 1rem 0.3rem 1rem 0.7rem;
box-sizing: border-box;}
.service-wrap dl dt {font-size: 1.25rem;color: #2498d5;font-weight: bold;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.service-wrap dl dt > i {color: #f45b36bd;font-size: 2rem;margin-right: 1rem;}
.service-wrap dl dd {padding: 0.5rem 0 0;margin: auto;}

/*操作介面貼心便捷*/
#event_third h1 {color: var(--deepgreen);}
.service_list {width: calc(100%/3 - 0.5rem);margin: 0 auto;}
.service_list dt {font-size: 1.38rem;color: #1b8ec5;text-align: center;padding: 0.5rem 0;}
.service_list dd {padding: 0;margin: auto 2%}
.service_list dd img {max-width: 100%;height: 128px;}
.service_list dd .img_s {height: auto;}
.service_list:last-of-type dd:last-of-type img {width: 80%;vertical-align: bottom;}

/*雲端學習無距離*/
#event_fourth h1 {color: #f45b36;}
.media_each {margin: auto auto 0.5rem;padding: 0.5rem 1rem;line-height: 1.9em;border: #008CBB 2px solid;border-bottom: #008CBB 2px dotted;
border-right: #9ba135 2px dotted;
border-radius: 5rem;display: flex;flex-wrap: wrap;}
.media_name {font-size: 1.25rem;color: var(--blue);}
.media_title {font-size: 1.25rem;font-weight: bold;color: #F44336;display: block;}
.media_info {width: 37%;text-align: center;margin: auto;padding: 0;}
.media_info li {padding: 0;margin: auto;list-style-type: none;}
.media_info li:nth-of-type(3) {color: #EB6323;font-size: 1.15rem;line-height: 1.6rem;padding: 3% 0% 2% 0%;}
.media_info li img {width: 85px;}
.media_each p {width: 59%;padding: 0 1rem 0 1rem;box-sizing: border-box;border-left: 1px #FFC107 dotted;font-size: 1.1rem;color: #2c4b5a;}
.media_each p a {color: #F44336;}
#Tech_golink ul {margin: auto;text-align: center;padding: 0;}
#Tech_golink ul li {display: inline-block;margin: auto 0.7rem;vertical-align: bottom;}
#Tech_golink a {border-radius: 50%;font-size: 20px;color: #FFFFFF;background-color: #eb6323;height: 8rem;width: 8rem;display: flex;align-items: center;justify-content: center;text-decoration: none;}

/*搭配土木好書*/
#event_fifth h1 {color: var(--deepgreen);}
.books_box {position: relative;padding: 0;}
.books_box li {width: calc(100%/3 - 0.5rem);list-style-type: none;padding: 0;margin: 0 auto;text-align: center;}
.books_box li img {max-width: 100%;}
.community {font-size: 1.25rem;text-align: center;justify-content: center;padding: 1rem 0;background-color: #f4f4f4;}
.community dl {margin: 0 2rem;}
.community dl dd {padding: 0;margin: auto;}
.community dl dd img {width: auto;height: 130px;border: 1px #000 solid;padding: 5px;margin: 7px;background-color: #fff;}
.community ul {margin: 0.5rem auto auto;padding: 0;}
.community ul li {padding: 0;margin: auto 0.25rem;list-style-type: none;border-radius: 2rem 0;padding: 0.25rem 2rem;color: white;}
.community ul li:nth-of-type(1) {background: linear-gradient(to right, #8BA927 0%, #A1C025 100%);}
.community ul li:nth-of-type(2) {background: linear-gradient(to right, #A1C025 0%, #A1C025 100%);}
.community ul li:nth-of-type(3) {background: linear-gradient(to right, #A1C025 0%, #8BA927 100%);}
.books_buy {position: absolute;right: 0;top: -3rem;z-index: 2;}
.books_buy a {background-color: var(--grass);color: white;width: 6rem;height: 6rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}

@media screen and (min-width: 1201px) {
    #BodyContentMainNavigator header h1 {font-size: 15px;float:left;}
    #BodyContentMainNavigator header img {margin-left:3px;margin-right:3px;}
    #BodyContainer_event {margin: 0 auto;text-align:center;width:1000px;}
    #BodyHeader_event_rwd {display:none;}
    #BodyContent {background-color:#FFFFFF;padding-top:40px;/*配合PC選單覆蓋內容專用*/}
    #event {width:750px;/*排版開最外面的外框線看位置專用可隨時拿掉*/margin-right: auto;margin-left: 3px;border: 0px solid #fff;/*background-color: #bdbec0;*/float: left;margin: 0px auto;;}
    #event a:hover {position: relative;top: 2px;bottom: 2px;}   
    /* bodyHeader */
	header {background: linear-gradient(180deg, #bdbec0 70%,#ffffff 100%,#e7e7e7 100%);}
	header h1 .bg {background: linear-gradient(180deg, #bdbec0 70%,#ffffff 100%,#e7e7e7 100%);}	
    #BodyHeader_event #header-share {line-height:2;font-size:15px;margin-bottom: 0px;margin-top: 0px;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a {color: #333;font-size: 15px;letter-spacing: 0.08em;}
    #BodyHeader_event a:hover {text-decoration: none;color: #666;position: relative;top: 2px;bottom: 2px;}
    /* Footer */
    #BodyFooter_rwd {float: left;width:1000px;background-color:#FFF;padding-bottom:3%;}
    #BodyFooter_rwd a:hover {text-decoration: none;}
    #BodyFooter_rwd #footer_line {width: 90%;margin-bottom: 2%;margin-top: 2%;margin-left: 5%;margin-right: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;font-size:15px;}
    #BodyFooter_rwd #footer_inline ul {float: left;padding:0;width:100%;margin-bottom: 0%;margin-top:3%;}
    #BodyFooter_rwd #footer_inline ul li {display: inline;line-height: 2.2em;font-size: 1.1em;clear: both;width: 100%;margin-right: 0.5em;}
    #BodyFooter_rwd #footer_inline ul li img {width:20%;height:auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address {margin-top: 0%;float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color:#000;}
    #BodyFooter_rwd #footer_address ul {padding:0;margin-bottom: 1%;width: 100%;text-align: center;}
    #BodyFooter_rwd #footer_address ul li {width: 100%;margin-right:0;float:left;line-height: 2em;text-align: center;font-size: 13px;list-style-type: none;display:inline-block;}
    #BodyFooter_rwd #footer_address #adinfo_out {text-align:center;width:700px;padding-left:300px;float:left;}
    #BodyFooter_rwd #footer_address #adinfo {float:left;width:400px;margin-right:5px;}
    /*ask*/
    #askarea_out {background-color: #869240;width: 100%;float:left;padding-top:2%;border-radius: 0 0 20px 20px;}
    #askarea {width: 100%;float:left;}
    #askarea .asktitle {font-size: 1.2em;color: #FFF;text-align: center;}
    #askarea #formlist {width: 80%;margin-right: auto;margin-left: 10%;margin-top:1%;font-size: 1em;color: #FFF;padding-bottom: 1%;}
    #askarea SELECT {border-radius: 7px;width: 10%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;width:15%;font-size: 1rem}
    #askarea input {border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.7% 1%;margin-bottom: 1%;margin-left: 1%;color: #585858;font-size: 1rem}
    #askarea input[type="submit"] {color: #FFF;background-color: #f45b36;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"] {width:50%;}
    #askarea input[type="reset"] {color: #FFF;background-color: #59622B;font-size: 1em;padding: 0.5em;}
    #askarea input[type="text"] {width:35%;}
    #noie {color: #FFF;width: 100%;height: 60px;text-align: center;border: 1px solid #006699;background-color: #669933;z-index: 9999;position: fixed;left: 0;top: 0;}
    #noie a {color: #FC0;}
    #topbutton {display:none;}
}

@media screen and (max-width: 1200px) {
    /*隱藏的區塊*/
    #BodyMenu {display:none;}
    #BodyContentAd {display:none;}
    #BodyContentMainNavigator {display:none;}
    #BodyHeader_event {display:none;}
    /*會撐開的版面控制*/
    #BodyContentMainDetail_learning {width: 100%;float:left;margin:0px;}
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event {width: 100%;}
    #BodyContentMain {width:100%;}
    /* Header */
    #BodyHeader_event_rwd {text-align: center;height: auto;margin-right: auto;margin-left: auto;background-color:#FFF;position:fixed;-webkit-transform:translateZ(0);top:0;width:100%;float:left;z-index:1;}
    @media screen and (orientation:portrait) {
        #BodyHeader_event_rwd img {height: auto;max-width: 50%;margin-right: auto;margin-left: auto;margin-top: 3%;margin-bottom: 3%;}
        #event_master {width: 100%;margin-top: 14%;float:left;}
        #event_master .titleB1 {font-size: 1em;color: #1591D0;font-weight: bold;line-height: 1.6em;text-align: center;}
    }
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {height: auto;max-width: 25%;margin-right: auto;margin-left: auto;margin-top: 3%;margin-bottom: 3%;}
        #event_master {width: 100%;margin-top: 8%;float:left;}
        #event_master .titleB1 {font-size: 1.35em;color: #1591D0;font-weight: bold;line-height: 1.6em;text-align: center;}
    }

    /*event*/
    #event {width: 100%;}
    #event img {width: 100%;height:auto;}
    #event .service_list:last-of-type dd:last-of-type img {width: 70%;}
    #event .media_photo img {width: max-content;}
    #event .community dl dd img {width: auto;height: 130px;}

    /* bodyHeader */
    #BodyHeader_event #header-share {line-height:2;font-size:13px;margin-bottom: 0px;margin-top: 0px;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #BodyHeader_event a {color: #333;font-size: 13px;}
    #BodyHeader_event a:hover {text-decoration: none;color: #666;position: relative;top: 2px;bottom: 2px;}
    #date_hot {background-color: #1481c4;color: #FF0;position:fixed;bottom:0;width:96%;text-align:center;padding:2%;}
    #date_hot a {font-size:1.2em;color: #FF0;}
    /* Footer */
    #BodyFooter_rwd {float: left;width:100%;background-color:#FFF;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul {float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img {max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li {float: left;display: inline-block;margin-right: auto;line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address {margin-top: 0%;float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul {float: left;padding:0;text-align: center;margin-top:0;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li {float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /*ask*/
    #askarea {background-color: #869240;width: 98%;padding: 1%;height: auto;float: left;}
    #askarea .asktitle {font-size: 1.0em;color: #FFF;text-align: center;}
    #formlist {width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top:1%;padding-right:1%;font-size: 1.0em;color: #FFF;}
    SELECT {border-radius: 7px;width:100%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 7%;height:30px;font-size: 1.0em;}
    input {border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 7%;margin-right: 1%;color: #C6C6C6;height:30px;font-size: 1.0em;}
    input[type="submit"] {color: #FFF;background-color: #59622B;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[type="text"] {width:99%;}
    input[type="reset"] {color: #FFF;background-color: #59622B;-webkit-appearance: none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[type="radio"] {width:1em;height:1em;margin-left: 3%;}
    #topbutton {width:50px;height:50px;color: #FFFFFF;border-radius: 9999em;background-color:#000;opacity:0.4;right:1%;bottom:5%;position:fixed;line-height:50px;font-size: 15px;}
    #topbutton a {color: #FFFFFF;font-size: 15px;}	
    #noie {display:none;}
    .imp_note {width:100%;background:#ED3102;position: fixed;bottom:0%;left: 0;right: 0;padding:2%;font-size: 1em;text-align: center;z-index: 99;border-radius:0;}	
    .imp_note a {margin: 0 .5em;}
}

@media screen and (max-width: 767px) {
    .sm\:block {display: block;}
    .course_noteList_one {padding: 1rem;text-align: center;}
    .course-box .tag {text-align: left;}
    .course_noteList_one > ul {padding: 0;}
    .course_noteList_one > ul li:first-of-type {text-align: right;}
    .more-btn a {margin: auto 0.25rem;}
    .zone_title {font-size: 1.75rem;}
    .service-wrap dl {width: calc(100%/2 - 0.5rem);}
    .service_list {width: 90%;margin: auto auto 1rem;}  
    .media_info {width: 100%;}   
    .media_each p {width: 100%;padding: 0.5rem 0 1rem;margin: 0;border-left: 0;border-top: 1px #FFC107 dotted;}
    .books_buy {top: -5rem;}
    .community ul li {padding: 0.25rem 1rem;}
    #event .community dl dd img {margin: 7px auto;width: 140px;}
    .course_noteList_one > ul.price_note li {text-align: left;text-indent: -1.25rem;margin-left: 1.5rem;}
    .normal_price {margin-bottom: 1rem;}
}