@import url(../../../../icon_new/css/all.min.css);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
body{font-family:"微軟正黑體",Arial;background: url(../../images/line_bg.gif);}
a{text-decoration:underline;}
a:hover{text-decoration:none;position: relative;top: 3px;bottom: 3px;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #DFDFDF;}
.bgcolor2{background-color: #FCFCFC;}
.bgcolor3{background-color: #ffffff;}
.bgcolor4{background-color: #FCFCFC;}
.bgcolor5{background-color: #DFDFDF;}
.fcolor1 {color: #bd0007 !important;}
.block {display: block;}
[class*="flex"]{display: flex;flex-wrap: wrap;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
/*標題大小*/
h1{font-size: 2.5em;}
.bg1{background: linear-gradient(62deg, rgba(255,255,255,1) 6%, rgba(255,238,100,1) 68%);}
.master{position: relative;overflow: hidden;z-index: 0;justify-content: center;}
.master:before,.master:after{position: absolute;content: "";z-index: -1;}
.master:before{background: url(../../images/1001025_1.png) no-repeat 100%/auto;width: 250px;height: 291px;left: -2%;bottom: 0;}
.master:after{background: url(../../images/1001025_3.png) no-repeat 100%/auto;width: 384px;height:426px;right: -19%;bottom: -18%;}
.master h1{font-size:4.6em;margin:-2% 0 1% 23%;font-family: MStiffHeiHK UltraBold;}
.master h1 div{display: block;margin-top: -3%;}
.master h1 span{color: #E30011;}
.master h2{margin:1% auto 0;font-size: 2em;font-weight: normal;}
.master h3{color: white;text-align: left;width:72%; margin: 0 0 0 27%;padding: 0 0 0 1%;font-family:"microsoft yahei";font-size: 1.6em;background: #ada97e;}
h2,.sec h1,.fourth h1{font-size: 1.5em;}
.sec{padding: 4% 8%;position: relative;overflow: hidden;z-index: 0;}
.sec:before{position: absolute;content: "";background: url(../../images/1001025_25.png) no-repeat center /100% auto;width: 662px;height: 27px;left: 0;right: 0;bottom: -13px; margin: auto;z-index: -1;}
.sec h1,.fourth h1{background-color: #006FA0;display: inline-block;color: white;padding: .2% 2% .2% 6%; position: relative;z-index: 0;}
.sec h1:before,.fourth h1:before{position: absolute;content: "";left: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 19px 0 19px 24px;border-color: transparent transparent transparent #dfdfdf;}
.fourth h1:before{border-color: transparent transparent transparent white;}
.sec h1:after,.fourth h1:after{position: absolute;content: "";right: -24px;top: 0;width: 0;height: 0;border-style: solid;border-width: 19px 0 19px 24px;border-color: transparent transparent transparent #0070a0;}
.sec h1 span:before{position: absolute;content: "";background: url(../../images/1001025_22.png);width: 46px;height: 60px;left: 0;bottom: -35px;z-index: -1;}
h3{font-size: 1.4em;line-height: 1.8em;}
/* event */
.sec h2,.sec h3{margin-top: 1.5rem;}
.sec h3{background-color: #7B7856;color: white;width: 100%;border-top-left-radius:30px;border-top-right-radius:30px;}
.sec table{width: 100%;}
.public-intro{text-align: left;margin:1% 0 2% 3em;font-size: 1.1em;}
.public-intro i{color: #006fa0;}
.public-intro dt{color: #006fa0;font-weight: bold;}
.public-intro small{font-size: .85em; font-weight: bold;padding-left: 1.25rem;}
.public-intro dd a {color: #000;}
.contrast,.recruit,.new-price{margin: auto;text-align: center;}
.contrast tr:nth-of-type(odd){background-color: #fffde8;}
.contrast tr:nth-of-type(even){background-color: #fff;}
.contrast tr:first-of-type td:nth-of-type(1){background-color: #fff;}
.contrast tr:first-of-type td:nth-of-type(2){background-color: #a5680d;color: white;}
.contrast tr:first-of-type td:nth-of-type(3),.contrast tr:nth-of-type(2) td:nth-of-type(1),.contrast tr:nth-of-type(2) td:nth-of-type(2){background-color: #02919f;color: white;}
.contrast tr:first-of-type td:nth-of-type(4),.contrast tr:nth-of-type(2) td:nth-of-type(3){background-color: #cc6aa7;color: white;}
.recruit tr:first-of-type td:nth-of-type(2),.recruit tr:nth-of-type(2) td:nth-of-type(1),.recruit tr:nth-of-type(2) td:nth-of-type(2){background-color: #c8e5f3;}
.recruit tr:first-of-type td:nth-of-type(3),.recruit tr:nth-of-type(2) td:nth-of-type(3){background-color: #f5e4b0;}
.recruit tr:nth-of-type(3) td{background-color: #e3e3e3;}
.recruit tr td{background-color: #fff;}
.recruit tr:nth-of-type(n+4):nth-of-type(-n+6) td:nth-of-type(n+2):nth-of-type(-n+7){background-color:#dccbcb;}
.recruit tr:nth-of-type(1) td:nth-of-type(2){border-top:#5285C4 solid 5px}
.recruit tr:nth-of-type(6) td:nth-of-type(n+2):nth-of-type(-n+7){border-bottom:#5285C4 solid 5px}
.recruit tr:nth-of-type(1) td:nth-of-type(2),.recruit tr:nth-of-type(n+2):nth-of-type(-n+3) td:nth-of-type(1),.recruit tr:nth-of-type(n+4):nth-of-type(-n+7) td:nth-of-type(2){border-left:#5285C4 solid 5px}
.recruit tr:nth-of-type(1) td:nth-of-type(2),.recruit tr:nth-of-type(2) td:nth-of-type(2),.recruit tr:nth-of-type(3) td:nth-of-type(6),.recruit tr:nth-of-type(n+4):nth-of-type(-n+7) td:nth-of-type(7){border-right:#5285C4 solid 5px}
.recruit tr:nth-of-type(1) td:nth-of-type(3){border-top:#F3C51C solid 5px}
.recruit tr:nth-of-type(6) td:nth-of-type(n+8):nth-of-type(-n+10){border-bottom:#F3C51C solid 5px}
.recruit tr:nth-of-type(1) td:nth-of-type(3),.recruit tr:nth-of-type(2) td:nth-of-type(3),.recruit tr:nth-of-type(3) td:nth-of-type(7),.recruit tr:nth-of-type(n+4):nth-of-type(-n+7) td:nth-of-type(8){border-left:#F3C51C solid 5px}
.recruit tr:nth-of-type(1) td:nth-of-type(3),.recruit tr:nth-of-type(2) td:nth-of-type(3),.recruit tr:nth-of-type(3) td:nth-of-type(9),.recruit tr:nth-of-type(n+4):nth-of-type(-n+7) td:nth-of-type(10){border-right:#F3C51C solid 5px}
.fea_course_out{width: 92%;margin:0 auto 3%;padding: 2%; background-color: #AFA69F;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;color: white;}
.fea_course_out span{background-color: white;color: #505050;display: inline-block;padding: .2% 2%;border: solid 2px #E0C35F;border-radius: 6px;margin: 0 0 -3% 35%;z-index: 1;text-align: right;}
.fea_course{width: calc(100%/5);margin-bottom: 2%;}
.fea_course a{color: white;}
.course_title{font-size: 1.5em;font-weight: bold;text-align: center;}
.course_img {position: relative;margin: 25% 0 0;text-align: center;}
.course_img:before {width: 100%;height: 2px;background: #42b9ac;top: -18%;z-index: 0;}
.course_img:after {width: 18px;height: 18px;border-radius: 50%;top: -26%;z-index: 1;border:white solid 2px;background: linear-gradient(90deg, rgba(255,241,17,1) 0%, rgba(0,165,201,1) 100%);}
.course_img:before, .course_img:after {position: absolute;content: "";left: 0;right: 0;margin: auto;}
.third h1{position: relative;overflow: hidden;font-family: MStiffHeiHK UltraBold;color: black;z-index: 0;line-height: 3.3em;text-align: center;}
.third h1:before,.third h1:after{position:absolute;content: "";height: 146px;z-index: -1;}
.third h1:before{background: url(../../images/1001025_28.png);width: 125px;left: 0;}
.third h1:after{background: url(../../images/1001025_30.png);width: 176px;right:-20px}
.experience-wrap{margin:2% 8%;}
.success-cont{margin: 1% 0 0;}
.fea_course ul{box-sizing: border-box;padding: 0 .1rem;}
.success-title a{font-size: 2.4rem;color:#3089b1;}
.success-title dl{align-items: center;font-size: 1.2em;text-align:left;}
.success-title dt{background-color: #ee6f0e;color: white;border-radius: 1rem;padding: 0 1rem;margin: 0 .5rem;}
.success-title dd{color: #ee6f0e;}
.success-cont p{text-align: left;margin: 1% 0;}
.success-cont p a{color:#3089b1;}
aside{text-align: left;display: block;}
.new-bag aside{color: cadetblue;text-align: center;}
.fifth h1{font-family: MStiffHeiHK UltraBold;color: #006FA0;z-index: 0;font-size:2.35em;text-align: center;}
.fifth h1 span{color: black;}
.fifth table{width:84%;font-size: 1.1em;}
.new-price{width: 80%;border-collapse: collapse;}
.new-price tr:first-of-type th:nth-of-type(1){background-color:#969696;color: black;}
.new-price tr:first-of-type th{background-color: #bd0007;color: white;}
.new-price,.new-price a{color: #006FA0;}
.sp-price{color: #bd0007;margin: auto .25rem;}
.guide-btn{text-align: center;width: 100%;}
.guide-btn a{display: inline-block;background-color: #ee6f0e;color: white;border-radius: 1rem;padding: .5rem 1rem;margin: .5rem;text-decoration: none;}
.guide-btn .sort-btn {background-color: #BD0007;}
.new-bag{margin: 1rem auto;}
.new-bag span{font-size: 1.5em;}
.new-bag ul{margin: 1rem auto;font-weight: bold;}
.new-bag>ul>li{color: #BD0007;text-align: left;}
.new-bag>ul>li::before{content: "★";}
.bag-list{background-color: #BD0007;color: white;border-radius: 1rem;padding: .2rem .5rem;margin: .5rem;line-height: 2;}
.bag-list a{color: white;}
.txt-red{color: #BD0007;font-size: 1.2em;}
.period-event a{color: #BD0007;line-height: 2.5;}
.community{line-height: 2;text-align: center;display: inline-flex;width: 100%;margin-top: 1rem;}
.comout{width: calc(100%/2);padding: .5rem 0;box-sizing: border-box;}
.cmy_title, .cmy_intro {color: #ffed00;}
.cmy_title{font-size: 1.125rem;}
.qrcode img {width: 100px;height: auto;}
.bgLine {background-color: #2fbd2f;}
.bgFB {background-color: #395692;}
.cmy_title:before, .cmy_title:after {content: '★';}
.community a {color: white;display: block;}
.asktitle a {color: white;}
.report-guide {position: fixed;width: 100%;background: rgb(189 0 7 / 90%);bottom: 0;left: auto;right: auto;padding: 0.75rem 0;text-align: center;z-index: 8;}
.report-guide a {display: block;text-decoration: none;color: white;}
.course-title {font-size: 2.5rem;font-weight: bold;text-align: center;display: block;font-family: MStiffHeiHK UltraBold;color: #006FA0;}
.course-title span{color: black;}
.course {justify-content: center;margin: 1rem auto 2rem;}
.course h3 {font-size: 1.6em;line-height: 1.5em;color: #e51686;background-color: #FFC;border-top: 1px dashed #00A0C1;border-bottom: 1px dashed #00A0C1;margin-bottom: 2%;text-align: center;}
.course li {padding: 0 0.5rem;width: calc(100%/3 - 1.5rem);text-align: center;}
.course li:nth-of-type(2) {border-right: 1px dashed #f2c529;border-left: 1px dashed #f2c529;}
.course img {max-width: 100%;margin: auto;}
/*右側浮動廣告*/
.advertise {position: fixed;right: 0.25rem;top: 50%;z-index: 3;text-align: right;}
.advertise i {color: #484848;background-color: white;font-size: 1rem;border-radius: 50%;}
.advertise a {display: block;}
@media (min-width: 1201px){   
    #BodyContainer_event{margin: 0 auto;text-align:center;width:850px;}
    #BodyHeader_event_rwd{display:none;}
    #event{width:850px;/*排版開最外面的外框線看位置專用可隨時拿掉*/_width:860px;margin-right: auto;margin-left: 3px;font-family:"微軟正黑體", Arial;_height:100%;border: 0px solid #fff;background-color: #fff;float: left;_padding-top:5px;margin: 0px auto;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin-top:0px;float:left;width:850px;}
    #event_sixth nav a{ font-size: 19px; }
    /* bodyHeader */
    #BodyHeader_event #header-share {width:850px;line-height: 2;font-size: 13px;margin-bottom: 0px;margin-top: 0px;background-color: #FFF;}	
    #BodyHeader_event #header-share img {margin-bottom: 5px;}
    #header-share a {color: #333;font-size: 13px;}
    #header-share a:hover {text-decoration: none;color: #666;position: relative;top: 2px;bottom: 2px;}
    /* event */    
    .fea_course:nth-of-type(1) .course_img:before {width: 50%;left: 50%;}
    .fea_course:nth-of-type(5) .course_img:before {width: 50%;right: 50%;}    
    .fea_course ul li{position: relative;text-align: left;padding-left: 1.2rem;}
    .fea_course ul li:before{position: absolute;content: "•";left: 5%;}
    .report-guide {width: 850px;}
    /* Footer */
    #BodyFooter_rwd{float: left;width:850px;background-color:#FFF;}
    #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:850px;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: 850px;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%;width: 850px;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: 850px;text-align: center;}
    #BodyFooter_rwd #footer_address ul li{width: 850px;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{width:638px;margin-right:auto;margin-left:210px;}
    #BodyFooter_rwd #footer_address #adinfo{float:left;width:225px;padding:0;margin-right:5px;}
    /* Footer end */
    /*ask*/
    #askarea_out{background-color: #006699;width: 100%;float:left;padding-top:2%;}
    #askarea{width: 100%;float:left;text-align:left;}
    #askarea p {margin-top: 1%;margin-bottom: 1%;}
    #askarea .asktitle {font-size: 1.2em;color: #FFF;text-align: center;font-family: "微軟正黑體";}
    #askarea #formlist{width: 80%;/*float: left;*/margin-right: auto;margin-left: 10%;margin-top:3%;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%;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;}
    #askarea input[type="submit"]{color: #FFF;background-color: #eb543f;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{color: #FFF;background-color: #eb543f;font-size: 1em;padding:0.5em;}
    #askarea input[type="text"]{width:36%;}
    /*ask END*/   
    #topbutton{display:none;}
    #topli{display:none;}
    .hottxt{color: #ffd942;font-size: 13px;}
}
@media (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyHeader_event{display:none;}
    .hottxt{display:none;}
    /*隱藏區塊END*/	
    /*會撐開的版面控制*/
    #BodyContentMainDetail_learning{width: 100%;float:left;margin:0px;}
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    #BodyContentMain{width:100%;}
    /*會撐開的版面控制END*/
    /* Header */
    #BodyHeader_event_rwd {width: 100%;height: auto;float: left;text-align: center;margin-right: auto;margin-left: auto;background-color: #FFF;position: fixed;top: 0;z-index: 2;}
    #BodyHeader_event_rwd img {height: auto;max-width: 38%;margin-right: auto;margin-left: auto;margin-top: 3%;margin-bottom: 3%;z-index:95;}
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {height: auto;max-width: 38%;margin-right: auto;margin-left: auto;margin-top: 2%;margin-bottom: 2%;z-index:10;}
    }
    /*body*/
    #event{margin: 0px auto;background-color: #fff;float: left;font-family: "微軟正黑體";}
    #event p{margin:0px;}
    @media screen and (orientation : portrait){/*orientation: portrait 直式*/
        #event_master{width: 100%;margin-top: 15%;float:left;}
    }
    @media screen and (orientation:landscape) {/*orientation: landscape 橫式*/
        #event_master{width: 100%;margin-top: 8%;float:left;}
    }
    h1{font-size: 2.5em;}
    h2{font-size: 2em;}
    h3{font-size: 1.5em;}
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width: 100%;margin-top: 0%;float:left;}
    #event_sixth nav a{font-size: 1.2em;}
    .fea_course_out span{text-align: left;}
    /* 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;}
    /* Footer */
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;padding-top:5%;}
    #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-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: .8em;}    
    /*ask*/
    #askarea{background-color: #006699;width: 98%;height: auto;float: left;font-size: 0.9em;padding-top: 4%;padding-right: 1%;padding-bottom: 2%;padding-left: 1%;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;text-align: center;margin-bottom:5%;}
    #askarea p {margin-top: 0%;margin-bottom: 0%;width: 90%;margin-left: 5%;}
    #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top:3%;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%;height:30px;font-size: 1.0em;}
    input[type="submit"]{color: #FFF;background-color: #eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[name="sContent"]{width:50%;}
    input[type="reset"]{color: #FFF;background-color: #eb543f;-webkit-appearance: none;/*ios系統專用，默認的系統樣式*/font-size: 1em;margin-top: 5%;padding:1%;height: auto;}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    input[type="text"]{width:99%;}
    /*ask END*/
    #topbutton{width: 50px;height: 50px;color: #FFFFFF;border-radius: 9999em;background-color: #000;opacity: 0.4;right: 1%;bottom: 8%;position:fixed;line-height: 50px;font-size: 15px;text-align: center;z-index: 9;}
    #topbutton a{color: #FFFFFF;font-size: 15px;}	
    #noie{display:none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {   
    .course_title{font-size: 1.3em;text-align: center;}
    .new-price .subject-title{padding: .25rem .5rem;}
}
@media (min-width: 768px) {   
    .new-price td, .new-price th{border: 2px solid #969696;padding: .25rem 1rem;}
    .md\:hidden {display: none;}
    /*.new-price tr td:nth-of-type(1) {text-align: left;}*/
}
@media (max-width: 767px) {
    .sm\:hidden {display: none !important;}
    .master h1,.third h1,.fifth h1{font-size: 2rem;margin: auto;line-height: 1.8em;text-align: center;}
    .third h1,.fifth h1{_font-size: 1.45rem;}
    h2, .sec h1,.sec h3,.fourth h1,.new-bag span,.txt-red{font-size: 1.2em;}
    .master h2{font-size: 1.4rem;}
    .master:before{display: none;}
    .master h3{font-size: 1.2rem;width: 100%;margin: auto;text-align: center;}
    .sec{padding: 4% 0;}
    .sec h1{padding: 2% 0;width: 100%;}
    .sec h1:before, .fourth h1:before,.sec h1:after, .fourth h1:after{display: none;}
    .public-intro{margin: 1% 5% 2%;}
    .success-title a{font-size: 2.3em;}
    .fifth table{width: 92%;}
    .fifth h1 span{_display: block;}
    .fea_course{width:50%;text-align: center;margin: 1rem auto;}
    .fea_course_out span{margin: 0 0 -3% 0;}
    .course_img{margin: 15% 0 0;} 
    .sec table:nth-of-type(2){display:inline-block;overflow-y: scroll;}   
    .new-bag>ul>li:nth-of-type(1){width: 100%;}
    .w-mb{width: 22%;}
    .new-price{width: 95%;}
    .new-price td{display: block;padding: .5rem 0;border-left: 1px solid #969696;border-right: 1px solid #969696;}
    .new-price td:before {content: attr(data-th);font-weight: bold;display: block;background-color: #006FA0;color: white;width: 45%;margin: auto auto .25rem;padding: .125rem .25rem;}
    .new-price th {display: none;}
    .comout{width: 100%;}
    .subject-title{background-color: #bd0007;color: white;font-weight: bold;font-size: 1.25rem;text-align: center;margin-top: .75rem;}
    .subject-title:before{display: none !important;}
    .new-price .border-bottom{border-bottom: 1px solid #969696;}
    .course li {width: 100%;}
    .course li:nth-of-type(2) {border: none;}
    .advertise {top: auto;bottom: 20%;}
}
