﻿.cell-grid-1,.cell-grid-2,.cell-grid-3,.cell-grid-4,.cell-grid-5,.cell-grid-6,.cell-grid-7,.cell-grid-8,.cell-grid-9,.cell-grid-10,.cell-grid-11,.cell-grid-12,.cell-grid,.cell-grid-auto,.cell-grid-s1,.cell-grid-s2,.cell-grid-s3,.cell-grid-s4,.cell-grid-s5,.cell-grid-s6,.cell-grid-s7,.cell-grid-s8,.cell-grid-s9,.cell-grid-s10,.cell-grid-s11,.cell-grid-s12,.cell-grid-s .cell-grid-sauto,.cell-grid-m1,.cell-grid-m2,.cell-grid-m3,.cell-grid-m4,.cell-grid-m5,.cell-grid-m6,.cell-grid-m7,.cell-grid-m8,.cell-grid-m9,.cell-grid-m10,.cell-grid-m11,.cell-grid-m12,.cell-grid,.cell-grid-mauto,.cell-grid-g1,.cell-grid-g2,.cell-grid-g3,.cell-grid-g4,.cell-grid-g5,.cell-grid-g6,.cell-grid-g7,.cell-grid-g8,.cell-grid-g9,.cell-grid-g10,.cell-grid-g11,.cell-grid-g12,.cell-grid-lg,.cell-grid-gauto,.cell-grid-x1,.cell-grid-x2,.cell-grid-x3,.cell-grid-x4,.cell-grid-x5,.cell-grid-x6,.cell-grid-x7,.cell-grid-x8,.cell-grid-x9,.cell-grid-x10,.cell-grid-x11,.cell-grid-x12,.cell-grid-x .cell-grid-xauto{position:relative;width:100%;min-height:1px;float:left;}.cell-grid{max-width:100%;}.cell-grid-1{max-width:8.333333%;}.cell-grid-2{max-width:16.666667%;}.cell-grid-3{max-width:25%;}.cell-grid-4{max-width:33.333333%;}.cell-grid-5{max-width:41.666667%;}.cell-grid-6{max-width:50%;}.cell-grid-7{max-width:58.333333%;}.cell-grid-8{max-width:66.666667%;}.cell-grid-9{max-width:75%;}.cell-grid-10{max-width:83.333333%;}.cell-grid-11{max-width:91.666667%;}.cell-grid-12{max-width:100%;}@media (min-width:576px){.cell-grid-s{max-width:100%;}.cell-grid-s1{max-width:8.333333%;}.cell-grid-s2{max-width:16.666667%;}.cell-grid-s3{max-width:25%;}.cell-grid-s4{max-width:33.333333%;}.cell-grid-s5{max-width:41.666667%;}.cell-grid-s6{max-width:50%;}.cell-grid-s7{max-width:58.333333%;}.cell-grid-s8{max-width:66.666667%;}.cell-grid-s9{max-width:75%;}.cell-grid-s10{max-width:83.333333%;}.cell-grid-s11{max-width:91.666667%;}.cell-grid-s12{max-width:100%;}}@media (min-width:768px){.cell-grid-m{max-width:100%;}.cell-grid-m1{max-width:8.333333%;}.cell-grid-m2{max-width:16.666667%;}.cell-grid-m3{max-width:25%;}.cell-grid-m4{max-width:33.333333%;}.cell-grid-m5{max-width:41.666667%;}.cell-grid-m6{max-width:50%;}.cell-grid-m7{max-width:58.333333%;}.cell-grid-m8{max-width:66.666667%;}.cell-grid-m9{max-width:75%;}.cell-grid-m10{max-width:83.333333%;}.cell-grid-m11{max-width:91.666667%;}.cell-grid-m12{max-width:100%;}}@media (min-width:992px){.cell-grid-g{max-width:100%;}.cell-grid-g1{max-width:8.333333%;}.cell-grid-g2{max-width:16.666667%;}.cell-grid-g3{max-width:25%;}.cell-grid-g4{max-width:33.333333%;}.cell-grid-g5{max-width:41.666667%;}.cell-grid-g6{max-width:50%;}.cell-grid-g7{max-width:58.333333%;}.cell-grid-g8{max-width:66.666667%;}.cell-grid-g9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}.cell-grid-g10{max-width:83.333333%;}.cell-grid-g11{max-width:91.666667%;}.cell-grid-g12{max-width:100%;}}@media (min-width:1200px){.cell-grid-x{max-width:100%;}.cell-grid-x1{max-width:8.333333%;}.cell-grid-x2{max-width:16.666667%;}.cell-grid-x3{max-width:20%;}.cell-grid-x4{max-width:33.333333%;}.cell-grid-x5{max-width:41.666667%;}.cell-grid-x6{max-width:50%;}.cell-grid-x7{max-width:58.333333%;}.cell-grid-x8{max-width:66.666667%;}.cell-grid-x9{max-width:75%;}.cell-grid-x10{max-width:83.333333%;}.cell-grid-x11{max-width:91.666667%;}.cell-grid-x12{max-width:100%;}}.cell-grid-5ths,.cell-grid-s5ths,.cell-grid-m5ths,.cell-grid-g5ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}.cell-grid-x5ths{width:20%;float:left;}@media (min-width:768px){.cell-grid-s5ths{width:20%;float:left;}}@media (min-width:992px){.cell-grid-m5ths{width:20%;float:left;}}@media (min-width:1200px){.cell-grid-g5ths{width:20%;float:left;}}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{margin: auto;max-width: 100%;height: auto;}
/* Event 重設 */
#EventContainer section h1{padding: initial;}
#EventContainer section h1::before{content: initial;}
/* Event 預設 */
#event_master h1{font-size: 4.6rem;}
#event_master h2{font-size: 3.2rem;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
#EventContainer .bgcolor0{background: #B4F5ED; background:-moz-linear-gradient(top,#B4F5ED 0%,#BDF7E8 35%,#E5FDC9 71%,#f5ffbe 100%);background:-webkit-linear-gradient(top,#B4F5ED 0%,#BDF7E8 35%,#E5FDC9 71%,#f5ffbe 100%);background:linear-gradient(to bottom,#B4F5ED 0%,#BDF7E8 35%,#E5FDC9 71%,#f5ffbe 100%);}
#EventContainer .bgcolor1{background-color: #f5ffbe !important;}
#EventContainer .bgcolor2{background-color: #F3F3F3;}
#EventContainer .bgcolor3{background-color: #EEEEEE;}
#EventContainer .bgcolor4{background-color: #E4E4E4;}
#EventContainer .bgcolor5{background-color: #DFDFDF;}
#EventContainer .bgcolor6{background-color: #2ec179;}
#EventContainer .bgcolor7{background: #395692;border-bottom: none;}
#Master_title{height: auto !important;}
#Master_title img{margin: auto;}
/*標題大小*/
h1{font-size: 2.5em; }
h2{font-size: 2.0em; }
h3{font-size: 1.8em; }
.br{display: block;}
.row100{width: 100%;}
.book_box{width: calc(100%/5);}
.teacher_list{margin:0% 2% 5% !important;}
.teacher_list,.progress_bg,.buy_course,.media_bg,.media_stu{display:block;margin: 2% 2% 2%;}
.teacher_list table{background-color: white;line-height: 30px;font-size: 1.1em;margin: auto;}
.teacher_list table a{display: inline-block;color: #e94b86;}
.teacher_list table small{display: block;}
.teacher_list table th{background-color: #e94b86;color: white;}
.progress_list{display: table;width: 100%;}
.progress_list dl{width: 25%;text-align: center;display: table-cell;vertical-align: bottom;}
.progress_list dd{margin:0;color:white;box-shadow:-3px 0px 8px -4px #101010;    font-size: 1.1em;}
.progress_list dl:nth-of-type(1) dd{background: linear-gradient(to top,#e44983 0%,#f177a8 100%);padding: 9%;}
.progress_list dl:nth-of-type(2) dd{background: linear-gradient(to top,#f08003 0%,#f9c300 100%);padding: 19%;}
.progress_list dl:nth-of-type(3) dd{background: linear-gradient(to top,#95529c 0%,#c6a8ce 100%);padding: 29%;}
.progress_list dl:nth-of-type(4) dd{background: linear-gradient(to top,#1d8ec6 0%,#5dcfe9 100%);padding: 39%;}
.progress_list dt{margin: 0 0 5px;}
.media_page{margin: 0 0 2px;background-color:#ffe200;padding: 20px 28px; border-radius: 8px;    overflow: hidden;}
.media_page figure{margin:10px;text-align: center;}
.media_page p{text-align: justify;font-size: 1.08em;margin: 0;}
.media_page a{display: inline-block;color: #e95388;}
.media_name{font-size: 1.7em;font-weight: bold;color: #e94b86;}
.media_hit{font-size:1.4em;font-weight: bold;}
.media_hit strong{color: #de1763;}
.media_title strong{color: #F44336;}
.booklist{text-align: center;margin:30px 0 0;}
.bookbtn{clear:both;}
.bookbtn a{display: inline-block;background-color: #754da5;color: white;text-decoration: blink;padding: 5px 10px;font-size: 1.2em; margin: 2rem 0 .5rem;}
.movbox{margin: 2rem auto;width: 70%;}
.mov{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.teach_title,.progress_title,.media_title{font-size: 1.8em;text-align: center;margin: 20px 0 20px;font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";font-weight: bold;color: #352d2b;}
.teach_title .fas,.progress_title .fas,.media_title .fas{color: #ef7c05;}
#teach_form,#teach_form th,#teach_form td{border:1px #e94b86 solid;border-collapse:collapse;padding:0.5%;text-align:center;}
.teach_note,.buy_note{text-align:center;font-size:1em;margin:1% auto;}
.progress_go .step{border:1px #000 solid;}
.firstH{height:30px;}.secH{height:50px;}.thirdH{height:70px;}.fourH{height:90px;}
.course{text-align: center;margin: 0 3px 15px;background-color: white;border-radius: 20px;padding: 0 0 15px;}
.course > h3{font-size: 1.7em;margin: 0 0 10px;background-color: #deec8d;border-radius: 20px 20px 0px 0px;}
.course p{margin: 0;text-align: center;}
.course p>strong{color: #e94b86;font-size: 1.25rem;padding: 0 2px;}
.course li,.ibrain li{font-size:1.2em;text-align:center;}
.limit_date{color: #e94b86;font-size: 2rem;}
.buy_link{text-align:center;}
.buy_link li{display:inline;margin:0 2%;font-size:1.3em;}
.buy_link li,.buy_link li a{color:#AF1631;display: inline-block;}
.media_content{font-size:1em;line-height:1.9em;}
.buy_course .title{display: inline-block;width: 100%;margin: 1% auto;}
/*LINE&FB*/
.line_title{font-size: 1.9em;font-weight: bold;color: #039be6;display: block;padding-top: 30px;text-align: center;}
.line_des{font-size: 1.2em;color: #000;display: block;text-align: center;}
.line_group{width: 80%;margin: 1% auto 5%;display: table;border-radius: 0.5em;}
.line_group img{width: 25%;height: auto;margin: auto;}
.line_group img:hover{transform:scale(1.1,1.1);transition:0.5s;}
.line_group a:hover{transform:scale(1.1,1.1);transition:0.5s;}
.qrcode{text-align: center;font-size: 1.0em;color: white;}
.line_group .qrcode strong{color: #ffF;font-size: 1.2em;}
.line_group .qrcode strong a{color: #ffF;}
.qrimg{ margin: 5px 10px;}
#Ask{background: #26adb5 !important;}
.book-link{padding-bottom: 100%;display: block;margin: 10%;position: relative;-webkit-perspective: 500;perspective: 500;}
.book-link img{position: absolute;margin: auto;width: 178px;padding-bottom: 0;-webkit-transition: 0.5s cubic-bezier(0.165,0.84,0.44,1);transition: 0.5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transform-origin: 0;transform-origin: 0;border-radius: 1rem;}
.book-link:hover{top: initial;}
.ADV_right, .ADV_right:hover{transition:0.5s}
.ADV_right:hover{background:#E64B85;transform:translateX(-30px);}
@media (min-width: 1201px){
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}
}
@media (max-width: 1200px){
	.progress_go,.course,.ibrain{width:100%;}
	.firstH,.secH,.thirdH,.fourH{height:auto;}
	.movbox{width: 100%;}
	.ADV_right:hover{transform:translateX(0px);}	
}
@media (max-width:767px){	
	.teach_title, .progress_title, .media_title{font-size: 1.7em;margin: 0 0 10px;}	
	.limit_date{font-size: 1.75rem;}
	.banner{margin-top:10%;}
	#back-top{bottom: 10% !important;}
	.book_box{width: calc(100%/2);}
}