@import url("../../icon_new/css/all.min.css");


.bgcolor1 {background-color: #f6f6f6;}
.bgcolor2 {background-color: #963434;}
.bgcolor3 {background-color: #45a3ce !important;}
.fcolor1 {color: #1aa81c;}
.fcolor2 {color: #626262 !important;}
.fcolor3 {color: #963434;}
.fcolor4 {color: white;}
.fcolor5 {color: #1B74E4;}
.fcolor6 {color: #1B887A !important;}
.fcolor7 {color: #E67399;}
.fcolor8 {color: #9643A5 !important;}
.fcolor9 {color: #CF9911 !important;}
.fcolor10 {color: #7EC225 !important;}
.fcolor11 {color: #603f99 !important;}
.fcolor12 {color: #59bfb3 !important;}

#Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, #course_master, .store-wrap, .store-intro {padding: 2rem .5rem;}
h2, .Master_title_Hs {font-size: 2.25rem;}
h3 {font-size: 2rem;}
.decimal {list-style-type: decimal;margin-left: 1rem;}
.font-bold {font-weight: bold;}

/* 選單 */
.menu-mobile {display: none;margin-right: 0.5rem;font-size: 0.75rem;text-align: right;}
.menu > ul {margin: auto 0 auto auto;list-style: none;position: relative;}
.menu > ul::before, .menu > ul::after {content: '';}
.menu > ul li > ul {display: none;width: 100%;background-color: #c99c62;position: absolute;z-index: 9;left: 0;border-top: 1px solid rgba(255,255,255,.12);}
.menu > ul li > ul::before, .menu > ul li > ul::after {content: '';display: table;}
.menu > ul li > ul::after {clear: both;}
.menu > ul li > ul > li a {display: block;}
.menu > ul li > ul.normal-sub {width: auto;left: auto;padding: 0.25rem 1rem;margin: auto;}
.menu > ul li:last-of-type > ul.normal-sub {right: 0;}
.normal-sub li {width: 100%;}	
.menu-dropdown-icon i {position: relative;left: 0.5rem;bottom: 3px;}
.menu .service-line a {display: inline-block;margin-right:0.5rem;vertical-align: middle;font-size: 1.25rem;}
.service-line .fa-line {color: #07b53b;background: radial-gradient(circle farthest-side at center, #ffffff 70%, #07b53b 70%);border-radius: 0.25rem;}
.service-line .fa-facebook-square {color: #1B74E4;background: radial-gradient(circle farthest-side at center, #ffffff 70%, #1B74E4 70%);border-radius: 0.25rem;}

/* 分班主圖 */
menu {position: fixed;top: 0;width: 100%;left: 0;background-color: #963434;height: 2.5rem;z-index: 9;color: white;}
menu nav {padding: 0.5rem 0;}
menu ul {width: 75%;}
menu ul li {width: calc(100%/9);text-align: center;}
.brand {font-size: 3rem;font-family: Meiryo, "Meiryo UI";font-weight: bold;text-align: left;margin: auto auto auto 0;}
.brand img {display: inline-block;margin: auto 0.5rem auto auto;}
.brand a {color: #6D0505;}
.brand font {color: #505050;font-weight: initial;font-size: 1.5rem;}
.brand font>.dot {background-color: #505050;}
#Master_title_s {margin: auto;padding: 3rem 0 0;}
.Master_title_H {font-size: 3.5rem;border-bottom: 5px solid #039be6;padding: 1em 0 0em;margin-bottom: -1%;}
.dot {width: 5px;height: 5px;display: inline-flex;align-items: center;background-color: #6D0505;border-radius: 100%;margin: auto 0.75rem 0.4rem;}
.brand img+.dot {width: 8px;height: 8px;margin: auto 0.75rem 0.75rem;}

/* 今日有約 */
.intro-wrap {overflow: hidden;height: 200px;background: linear-gradient(to right, #EDEDED 0%, #ffffff 30%, #ffffff 60%, #EDEDED 100%);position: relative;}
.intro-menu {width: 50%;align-items: center;justify-content: center;position: relative;}
.intro-box {width: 50%;}
.today {width: 9rem;height: 9rem;border-radius: 100%;border: 5px solid #D3D3D4;background: linear-gradient(to bottom, #B5B6B7 0%, #ffffff 30%, #ffffff 60%, #B5B6B7 100%);color: #BF0F78;font-size: 2.5rem;line-height: 2.5rem;display: flex;align-items: center;justify-content: center;font-weight: bold;left: 50%;top: 50%;bottom: auto;}
.intro-menu a {position: absolute;width: 6.5rem;height: 6.5rem;border-radius: 100%;font-size: 2rem;display: flex;align-items: center;justify-content: center;color: white;line-height: 1.875rem;box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;cursor: pointer;}
.intro-menu li:nth-of-type(odd).on a {-webkit-animation: shiningodd 2s infinite alternate-reverse;-moz-animation: shiningodd 2s infinite alternate-reverse;animation: shiningodd 2s infinite alternate-reverse;box-shadow: initial;}
.intro-menu li:nth-of-type(even).on a {-webkit-animation: shiningeven 2s infinite alternate-reverse;-moz-animation: shiningeven 2s infinite alternate-reverse;animation: shiningeven 2s infinite alternate-reverse;box-shadow: initial;}
.intro-menu li:nth-of-type(odd) a {background: linear-gradient(to bottom, #9E386B 0%, #B44389 30%, #8D4094 60%, #783E94 100%);border: 5px solid #E35098;}
.intro-menu li:nth-of-type(even) a {background: linear-gradient(to bottom, #1F6F92 0%, #258CB9 30%, #1682C1 60%, #0072B9 100%);border: 5px solid #2DA0D2;}
.intro-menu .class-a {left: 18%;top: 5%;width: 7rem;height: 7rem;font-size: 1.7rem;text-align: center;}
.intro-menu .class-b {left: 75%;top: 10%;font-size: 1.7rem;text-align: center;}
.intro-menu .class-c {left: 60%;top: 45%;font-size: 1.7rem;text-align: center;}
.intro-menu .class-d {left: 5%;top: 45%;font-size: 1.7rem;text-align: center;}
.intro-box {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.intro-name {color: #045DA5;font-size: 3rem;font-weight: bold;}
.intro-name a {text-decoration: underline;}
.intro-name small {display: block;font-size: 1.5rem;}
.intro-cont {color: #C24483;font-size: 2rem;font-weight: bold;}
.intro-item {display: none;}
.intro-wrap .on {display: block !important;}
.place-link{position: absolute;right: 1rem;top: .4rem;}
@keyframes shiningodd {
	0% {
        filter: initial;
       }
  100% {
        filter: drop-shadow(0 0 30px #E35098);
       }
}
@keyframes shiningeven {
	0% {
        filter: initial;
       }
  100% {
        filter: drop-shadow(0 0 30px #2DA0D2);
       }
}
.circle-multi {width: 9.2rem;height: 9.2rem;border-radius: 100%;border: 3px solid #d35d86;position: absolute;}
.circle-multi::before {width: 11.75rem;height: 11.75rem;border-radius: 100%;border: double 9px #488ecd;content: '';display: block;position: relative;top: -1.45rem;left: -1.45rem;}
.circle-multi::after {width: 15.5rem;height: 15.5rem;border-radius: 100%;border: double 9px #7ea9d4;content: '';display: block;position: relative;top: -15rem;left: -3.25rem;}
.book-club {text-align: center;text-decoration: underline;}
.book-club::after {content: '\f245';font-family: "Font Awesome 5 Free";margin-left: 0.25rem;font-size: 1.25rem;display: inline-block;}

/* 分班特色 */
.unit-title {background: linear-gradient(to right,  #058f58 0%,#039be6 45%,#039be6 55%,#121548 100%);color: white;text-align: center;font-weight: bold;font-size: 2rem;}
.title-line {display: block;height: 4px;margin: auto;background: linear-gradient(to right,  #058f58 0%,#039be6 45%,#039be6 55%,#121548 100%);}
#channel_sixth .unit-title {background: initial;}
.feature-menu {align-items: center;}
.branch-menu a, .branch-menu>div {margin: auto 0.25rem;cursor: pointer;color: white;padding: 0.25rem 0.5rem;/*padding: 0.25rem 0.875rem;*/border-radius: 0.5rem;}
.branch-menu a:nth-of-type(1), .branch-menu>div:nth-of-type(1) {background-color: #034c7b;}
.branch-menu a:nth-of-type(2), .branch-menu>div:nth-of-type(2) {background-color: #156496;}
.branch-menu a:nth-of-type(3), .branch-menu>div:nth-of-type(3) {background-color: #317dae;}
.branch-menu a:nth-of-type(4), .branch-menu>div:nth-of-type(4) {background-color: #458fb9;}
.branch-menu a:nth-of-type(5) {background-color: #45a3ce;}
.branch-menu a:nth-of-type(6), .branch-menu>div:nth-of-type(5) {background-color: #0797a0;}
.branch-menu a:nth-of-type(7), .branch-menu>div:nth-of-type(6) {background-color: #68c069;}
.branch-menu a:nth-of-type(8), .branch-menu>div:nth-of-type(7) {background-color: #e5b111;}
.branch-menu a:nth-of-type(9), .branch-menu>div:nth-of-type(8) {background-color: #ec932b;}
.branch-menu a img {width: 90px;height: 85px;object-fit: cover;margin: auto;filter: contrast(0.5);}
/*.feature-menu a.active {filter: drop-shadow(2px 4px 6px black);}*/
.feature-cont {width: 100%;margin: auto;}
.store-title {font-size: 2.5rem;color: black;font-weight: bold;width: 100%;letter-spacing: 5px;border-bottom: 1px solid #cfcfcf;padding-bottom: 0.5rem;margin-bottom: 0.5rem;margin-top: 2rem;}
.store-intro {justify-content: space-between;}
.store-pic {width: 37%;}
.store-pic img {padding: 2rem 0 0;margin: auto;}
.store-detail {width: 65%;padding: 0 0 0 3rem;}
.store-title span {color: #c1c0c0;font-size: 1.75rem;margin-left: 1.5rem;}
.store-detail ul {width: 84%;margin: 0.5rem auto auto 0.25rem;}
.store-detail figure {width: 15%;margin: 0.5rem 0 0.5rem auto;}
.store-detail figure img {width: 90%;margin: auto 0 auto auto;}
.store-detail li {color: #626262;line-height: 1.75rem;}
.store-detail li strong {color: black;}
.store-detail a {text-decoration: underline;}
.publish-btn {text-align: center;margin-top: 0.5rem;}
.publish-btn a {display: inline-block;background-color: #22b8cf;border-radius: 2rem;color: white;margin: auto;padding: 0.5rem 1rem;}
.store-pic button.VueCarousel-navigation-button[data-v-453ad8cd] , .grade-area button.VueCarousel-navigation-button[data-v-453ad8cd] , .family-wrap button.VueCarousel-navigation-button[data-v-453ad8cd], .course-banner button.VueCarousel-navigation-button[data-v-453ad8cd], .course-cont button.VueCarousel-navigation-button[data-v-453ad8cd] {color: #706f6f;font-size: 30px;}
.service-time {padding: 0.5rem;}
.service-time ul,.service-time .marquee {width: calc(100%/2);}
.service-time li {line-height: 1.75rem;}
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.order4 {order: 4;}
.order5 {order: 5;}
.order6 {order: 6;}
.order7 {order: 7;}
.order8 {order: 8;}
.order9 {order: 9;}
.order10 {order: 10;}

/* 最新消息 */
.marquee {background: linear-gradient(to right, #EDEDED 0%, #ffffff 30%, #ffffff 60%, #EDEDED 100%);border-radius: 0.25rem;margin: 1rem auto;display: flex;align-items: center;width: 100%;color: #963434;font-weight: bold;}
.news-title {background-color: #c99c62;color: white;padding: 0.25rem;font-size: 1.25rem;width: 7.5rem;text-align: center;line-height: 1.4rem;border-radius: 0.25rem 0 0 0.25rem;font-weight: initial;}
.marquee a {text-decoration: underline;color: #963434;font-weight: bold;}
.marquee .VueCarousel {margin: auto 2rem;width: calc(100% - 7.5rem);}
.marquee .VueCarousel-slide {display: flex;align-items: center;}

/* 成功圓夢 */
.exp-box {margin: 1rem auto;}
.exp-box figure {margin-right: 1rem;}
.exp-box img {width: 200px;height: 200px;object-fit: cover;}
.exp-box dl {width: calc(100% - 13.5rem);}
.exp-box dt {border-bottom: 3px solid #039be6;font-size: 1.5rem;font-weight: bold;}
.exp-box dd {background-color: white;padding: 0 1rem;}
.exp-box dd:first-of-type {background-color: initial;color: #039be6;font-size: 1.2rem;padding: 0.5rem;font-weight: bold;}
.exp-box dd:nth-of-type(2) {padding: 0.5rem 1rem;border-radius: 1rem 1rem 0 0;}
.exp-box dd:last-of-type {padding-bottom: 0.5rem;border-radius: 0 0 1rem 1rem;}
.exp-box dd a {text-decoration: underline;}

/* 定制分眾課 */
.segment {width: 35%;}
.segment-btn {text-align: center;}
.segment-btn a {margin: 1rem auto;display: inline-block;background-color: #6d0505;color: white;border-radius: 1rem;padding: 0.35rem 1rem;}
.segment .service-line {color: white;font-size: 1.25rem;}
.segment .service-line li {margin: 0.25rem 0.5rem;}
.segment .service-line a {margin: 0.25rem;font-size: 1.5rem;}

/* 最新開課 */
.course_date{width: 58%;}
/* #begin {width: 455px;margin: auto;} */

/*台中班客製化-最新開課*/
.taichung-media,.taichung-course{width: 28%;}

/* 助教讀書會 */
.calendar {width: 100%;}
#calendarTitle {font-size: 2.25rem;}
.calendar iframe {width: 100%;height: 500px;}
.form-wrap ul li {width: calc(100%/5 - 1rem);margin: 0.25rem 0.5rem;color: #963434;}
.form-wrap ul li:last-of-type {width: 100%;}
.form-wrap ul li:last-of-type input {width: 5rem;}
.form-wrap ul li:first-of-type input {color: #626262;}
.form-wrap ul li input {padding: 0.125rem 0.5rem;width: 100%;border-radius: 0.5rem;}
.form-wrap .submit-btn {background-color: #6d0505;cursor: pointer;color: white;width: auto;border-radius: 1rem;padding: 0.35rem 0;margin: auto 0.25rem;}
.submit-btn:last-of-type {background-color: #767676;}
.calendar-frame ul {margin: 1rem auto 0.25rem;}
.calendar-frame ul li {display: inline-block;margin: auto 0.25rem auto auto;font-size: 11px;}
.calendar-frame li:nth-of-type(1) {margin-right: 0;}
.calendar-frame li:nth-of-type(2) {margin-left: 0;}
.calendar-frame li:nth-of-type(2) {color: #E6804D;}
.calendar-frame li:nth-of-type(3) {color: #AD2D2D;}
.calendar-frame li:nth-of-type(4) {color: #9643A5;}
.calendar-frame li:nth-of-type(5) {color: #3C995B;}
.target-fix {position: relative;top: -2rem;display: block;visibility: hidden;}

/* 特殊榜單 */
.grade-tabs, .learn-mode {font-size: 1.5rem;text-align: center;margin: 0.5rem auto;}
.grade-tabs a, .learn-mode a {cursor: pointer;margin: 0.25rem;border-right: 2px solid #989898;color: #989898;padding: 0 1rem 0 0.25rem;font-weight: bold;}
.grade-tabs a.active, .learn-mode a.active {color: #c8a47a;}
.grade-tabs a:last-of-type, .learn-mode a:last-of-type {border: none;}
.grade-area {padding: 0 1rem;}
.grade-well {color: #E64966;}

/* 舊生回娘家 */
.family-wrap {padding: 1.5rem 1rem 0;}
.story-wrap {width: 80%;padding: 0 1rem;}
.story-wrap figure {width: 25%;}
.story-wrap figure img {width: 100%;}
.story-name {width: 75%;padding: 0 1rem;}
.story-name dt {font-size: 1.5rem;font-weight: bold;margin-bottom: 1rem;color: #bb8b4d;border-bottom: 1px solid #cfcfcf;padding-bottom: 1.5rem;}
.gift {width: 20%;background-color: white;border-radius: 0.25rem;padding: 0 1rem 0.5rem;}
.story-item {padding-top: 1rem;}
.story-item p{margin: 0.5rem auto;}
.story-item a {text-decoration: underline;}
.gift-title {font-weight: bold;color: white;background-color: #c99c62;width: 4.5rem;height: 4.5rem;display: flex;align-items: center;justify-content: center;transform: rotate(45deg);border-radius: 1rem;margin: 1.5rem auto;border: 8px solid white;}
.gift-title span {transform: rotate(-45deg);}
.fline {border-top: solid 1px #e0b884;position: relative;top: 3.75rem;}
.gift li a {text-decoration: underline;}
#channel_fifth .segment-btn a {margin: 1rem 0.5rem auto;}

/* IRT練題智庫 */
.irt-title {color: #f3ddc1;text-align: center;display: block;font-size: 1.35rem;font-weight: bold;margin: 0.5rem auto;}
.irt-item {width: calc(100%/3 - 1rem);display: flex;flex-wrap: wrap;margin-top: 1rem;background-color: #9e4444;margin: 1rem 0.5rem;padding: 0.5rem;color: white;}
.irt-item figure {width: 44%;}
.irt-item img {border-radius: 0.5rem;}
.irt-item dl {width: 56%;padding: 0 0 0 0.5rem;}
.irt-item dl dt {border-bottom: 1px solid white;padding-bottom: 0.5rem;}
.irt-item dl dt span{display: block;font-size: 1.5rem;font-weight: bold;}
.irt-item dl dd {padding-top: 0.25rem;}
.irt-item dd a {text-decoration: underline;}
.irt-btn {text-align: center;}
.irt-btn a {background-color: #C99C62;color: white;border-radius: 1rem;padding: 0.35rem 1rem;margin: 0.25rem;display: inline-block;}
.direct-line {text-align: center;color: white;margin-top: 1rem;}
.irt-des {width: 100%;background-color: white;}
.irt-des img {width: 60%;margin: 1rem auto auto;}

/* 常見問答 */
.answer-tab {width: 80%;margin: 0.25rem auto;}
.conceal {display: none;}    
.answer-active {display: block;}
.question-active {color: #963434;font-weight: bold;}
.question-active i {transform: rotate(180deg);transition: 0.3s;}
[class*="Q_click"] {border-bottom: 1px solid rgba(0,0,0,.12);width: 100%;padding: 0.5rem 2rem 0.5rem 0.5rem;cursor: pointer;position: relative;}
[class*="Q_click"]:hover {color: #963434;}
[class*="Q_click"] i {position: absolute;right: 1rem;top: 1rem;}
.answer-cont {padding: 1rem;background-color: #F6F6F6;}
.answer-cont a {text-decoration: underline;}
.faq-wrap {border-bottom: 1px solid #cfcfcf;padding-bottom: 4rem !important;margin-bottom: 1rem !important;}

/* 課表查詢 */
.category-title {font-size: 1.8rem;font-weight: bold;color: #963434;background-color: #f7f7f7;padding: 0.05em 0.5em;border-left: solid 1px #963434;}
.category-content ul {display: flex;flex-wrap: wrap;margin-bottom: 1.5rem;}
.category-content li {width: calc(100%/5 - 1rem);border-bottom: 1px solid rgba(0,0,0,.12);margin: 0.5rem;}
.class-list:nth-of-type(2) {padding: 2rem 0;}
.class-list:nth-of-type(2) li {border-bottom: 1px solid #A6A6A6;width: calc(100%/2 - 1rem);}
.select-wrap {text-align: center;margin-bottom: 1rem;}
.select-wrap select, .select-wrap input {border: 1px solid #adadad;margin: 0.25rem 0.5rem;border-radius: 0.3em;padding: 0.125rem 0.25rem;}
.select-wrap input {background-color: #DFDFDF;}
#newclass .sort {font-weight: bold;font-size: 1.25rem;color: #bb8b4d;padding: 0 0.5em;}
#newclass table th {background: #DFDFDF;border: 1px solid #DFDFDF;padding: 0.5rem;border-right-color: white;}
#newclass table th:last-of-type {border-right-color: #DFDFDF;}
#newclass table td {border: 1px solid #DFDFDF;word-break: break-word;}
#print table {border-collapse: collapse;}
#print td {border: 1px solid #000;}
.title {font-size: 1.3rem;font-weight: bold;color: #963434;background-color: #f7f7f7;padding: 0.5em 0.5em;border-bottom: solid 1px #963434;display: block;text-align: center;}
#newclass table td:nth-of-type(1) {color: #963434;}
.Master_title_H a img {margin: -10px 5px auto auto;}

/* 廣告 */
.promote {position: fixed;right: 0.25rem;}
.station a {background-color: white;border: 6px solid #bb8b4d;width: 5rem;height: 5rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 50%;text-align: center;margin: 0.25rem auto;color: #bb8b4d;}
.station a i {width: 100%;font-size: 2rem;margin-bottom: -1rem;}
[class*="lightbox"] li {display: inline-block;margin: 0.25rem;}
[class*="lightbox"] {padding: 1rem 2rem 1rem 1rem;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,.7);display: none;z-index: 2;}
[class*="close"] {display: block;width:40px;height:40px;box-sizing: border-box;background: white;color: black;text-decoration: none;position: absolute;top: 0;right: 0;}
[class*="close"]:before {content: "";display: block;height: 30px;width: 1px;background: black;position: absolute;left: 20px;top:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
[class*="close"]:after {content: "";display: block;height: 30px;width: 1px;background: black;position: absolute;left: 20px;top:5px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}   
#banner img {width: 145px;}
/* Footer */
#footer_address {padding: 1rem;text-align: center;}

/* 置頂鍵 */
#back-top {position: fixed;bottom: 5%;right: 1%;z-index: 8;}
#back-top a {font-size: 1.25rem;width: 2.75rem;height: 2.75rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color: #963434;background: #ffffff;opacity: .8;text-decoration: none;}

@media (min-width: 1201px) {   
    #Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, menu nav, #footer_address>ul, .feature-menu, .store-wrap, .intro-wrap, .store-intro, #course_master {width:1200px;margin: auto;}
    #Master_title_s {width:1200px;}
    .brand-mb {display: none;} 
    #newclass table td {padding: 0.5rem;}
    .course-cont img {padding: 2rem 0 0;margin: auto;width: 280px;}
    .segment-cont img{padding: 2rem 0 0;margin: auto;width: 85%;}
    #footer_address>ul>li img {max-width: 20%;display: inline-block;}    
    .promote {top: 30%;}
    .course-banner {width: 828px;margin: auto;}
    /* .feature-cont {padding-bottom: 2rem;} */
}

@media (max-width: 1200px) {
    /* 選單 */
    .menu > ul li > ul.normal-sub {width: 100%;}
    .menu-mobile, .menu .show-on-mobile, .menu-dropdown-icon::before  {display: block;}
	.menu > ul {display: none;width: 100%;top: 0;z-index: 9;}
	.menu > ul > li {width: 100%;float: none;display: block;background-color: #9e4444;}
	.menu > ul > li > ul {position: relative;}
	.menu > ul > li > a {color: white;}	
	.menu > ul > li > a {display: block;}	
	.menu-dropdown-icon::before {background: #fefefe;color: #333;}	
    .brand-mb {width: calc(100% - 65px);margin: auto;}
    menu {height: 2rem;}
    menu nav {padding: 0.2rem 0 0;}  
    #channel_sec {padding-bottom: 0;}
    /* 分班特色 */    
    .main-pic img, .feature-menu, .feature-cont, .store-detail, .segment, .calendar, .answer-tab,.store-intro {width: 100%;}
    .course-banner {padding: 0 1.25rem;margin: auto;}
    .feature-menu a {/*padding: 0.25rem 0.5rem;*/display: inline-block;margin: 0.2rem 0;}    
    .intro-menu .class-a {left: 10%;}      
    .intro-menu .class-d {left: 0;}    
    .store-detail {padding: 0.5rem;}
    .store-detail figure img {width: 60%;margin: auto;}
    .form-wrap ul li {width: calc(100%/2 - 1rem);}
    .store-pic {width: 45%;margin: auto;}
    .course_date,.taichung-media{width: 45%;margin: auto;}
    .taichung-course{width: 95%;}
    .grade-area button.VueCarousel-navigation-button[data-v-453ad8cd], .family-wrap button.VueCarousel-navigation-button[data-v-453ad8cd], .course-cont button.VueCarousel-navigation-button[data-v-453ad8cd] {padding: 0 !important;}
    .experience {margin: auto;}
    .intro-name {font-size: 2.5rem;}
    .intro-cont {font-size: 2rem;}
    #newclass table {width: 100%;}
    #course_master {padding: 0 .5rem 2rem;}
    .Master_title_H {padding: 0.25em 0 0;}
    .intro-box {padding: 0 0 0 1rem;}
    .intro-wrap {margin-bottom: 1rem;}
    /*定制分眾課*/
    .course-cont img,.segment-cont img {padding: 2rem 3.5rem 0;margin: auto;}
    .promote {bottom: 15%;}
    /* Footer */
    #footer_address>ul>li img {max-width: 60%;margin: auto} 
}

@media (max-width: 767px) {
    .form-wrap ul li input, .irt-item, .store-intro img, .experience, .exp-box dl, .exp-box figure, .story-wrap, .story-name, .gift, h1 .title-line, .intro-menu, .intro-box, .store-detail ul, .irt-des img {width: 100%;}
    #Master_title_s {padding: 1.5rem 0 0;}  
    .Master_title_H {font-size: 2rem;}  
    .brand {font-size: 2rem;}
    .brand-mb {font-size: 1.125rem;width: 55%;}
    .brand img+.dot {width: 6px;height: 6px;margin: auto 0.5rem 0.5rem;}
    .feature-menu a img, .Master_title_H a img {width: 40px;}
    .brand img {margin: -5px 0.5rem auto auto;}
    .feature-menu {padding: 0.5rem;} 
    .intro-wrap {height: auto;}
    .intro-menu .class-a {left: 0;}
    .intro-menu .class-b {right: 0;}
    .intro-menu .class-c {top:65%;right: 10%;}
    .intro-menu .class-d {left: 15%;top:70%;}
    .intro-box {padding: 3.5rem 0 0;}  
    .intro-item {padding: 1rem 1rem 0;}
    .service-time li {width: 100%;}
    .exp-box img {margin: auto;}
    .exp-box dl {padding: initial;} 
    .fb-wrap {margin: auto;width: 100%;text-align: center;}
    .story-wrap figure {width: 100%;margin: auto;}
    .store-detail figure {width: 100%;margin: auto;justify-content: center;}
    .store-detail figure a {width: calc(100%/2);}
    .store-pic {width: 95%;margin: auto;}
    .course_date,.taichung-media{width: 95%;margin: 1rem auto 0;}
    .course-cont img,.segment-cont img {padding: 1rem 0 0;}
    .gift {order: 2;}
    .category-content li {width: calc(100%/2 - 1rem);}        
    .form-wrap ul li input {font-size: 0.75rem;padding: 0.2rem 0.25rem;}
    .dot {width: 3px;height: 3px;margin: auto 0.25rem 0.25rem;}      
    .select-wrap select {width: 95%;}    
    .station a {border: 4px solid #bb8b4d;width: 4rem;height: 4rem;margin: 0.25rem 0 0.25rem auto;}
    .station a i {font-size: 1.5rem;margin-bottom: -0.75rem;}
    .unit-title {font-size: 1.875rem;}
    .segment .service-line {font-size: 1.25rem;}
    [class*="lightbox"] {width: 100%;}
    #begin {width: 98%;}    
    .grade-tabs, .learn-mode {font-size: 1.25rem;}
    .place-link{position: static;padding: 0.5rem 1rem;font-size: 1.2rem;}
}

@media (min-width: 767px) {}



/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
    #noie {display: none;}
}
@-moz-document url-prefix() {/*Firefox*/
    #noie {display: none;}
}
@media screen\0 {/*IE 8 9 10 11*/    
    .browser {text-align: center;background-color: rgba(0,0,0,.9);font-weight: bold;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 8;}
    .renew {background-color: #f6f6f6;display: inline-block;top: 45%;position: relative;border-radius: 5px;overflow: hidden;}
    .renew span {padding: 1rem;display: block;}
    .browser a {color: #039be6;display: block;border-top: 1px solid #989898;padding: 1rem;background-color: #EDEDED;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/    
    .browser {text-align: center;background: red;font-weight: bold;color: white;}
    .browser a {color: white;display: block;}
}
@media print {
}