/*仿宋體*/
@font-face {
    font-family: 'cwTeXFangSong';
    font-style: normal;
    font-weight: 500;
    src: local('cwTeXFangSong'),url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
    src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'),
        url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype');
}
/*明體*/
@font-face {
    font-family: 'cwTeXMing';
    font-style: normal;
    font-weight: 500;
    src: local('cwTeXMing'),url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot);
    src: url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot?#iefix) format('embedded-opentype'),
        url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.woff) format('woff'),
        url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.ttf) format('truetype');
}
/* css reset 歸0 */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;}
/* remember to define focus styles! */
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
body{font-family:微軟正黑體, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{
    background: rgb(229,124,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,124,0,1) 14%, rgba(245,161,0,1) 44%, rgba(108,101,190,1) 76%, rgba(20,151,171,1) 93%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229,124,0,1) 14%,rgba(245,161,0,1) 44%,rgba(108,101,190,1) 76%,rgba(20,151,171,1) 93%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229,124,0,1) 14%,rgba(245,161,0,1) 44%,rgba(108,101,190,1) 76%,rgba(20,151,171,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57c00', endColorstr='#1497ab',GradientType=0 ); /* IE6-9 */
}
.bgcolor0_0{position: relative;overflow: hidden;}
.bgcolor0_0:before{position: absolute;content: "";background: url(../images/0808107_4.png) no-repeat;background-size: 100% auto;width: 475px;height: 414px; bottom: -40%;left: 0;opacity: .6;}
.bgcolor1{background-color: #ffb139;}
.bgcolor2{background:linear-gradient(to bottom,#1497ab 0%,#5959b3 100%);}
.bgcolor3{background:#5959b3;}
.bgcolor4{background:linear-gradient(to bottom,#5959b3 0%,#1497AB 100%)}
.bgcolor5{background-color: #DFDFDF;}
/*標題大小*/
header{text-align: center;}
h1,.recommend{ font-size: .1em;color:#EEEEEE }
h2{ font-size: 3.1em;font-weight: normal;color:#fffaa4;}
#event_master header:nth-child(1) h3{margin-top: 3rem;}
h3{
    font-size: 2.3rem;color:white;line-height: 1.2;padding: .2rem 4rem;
    background:linear-gradient(to right,#3a3aa3 0%,#1497AB 100%);
    margin:1rem auto;border-radius:30px;display: inline-block;
}
.h3_1:after{width: 500px;}
h3 > div:nth-child(2){display: inline;/*background: -webkit-linear-gradient(#6266BF, #32A3B5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color: #6266BF;}
#Master_title{margin:0 auto;padding: 0;width:100%;}
#Master_title img{margin-bottom: -.3%;}
#event_master{background:linear-gradient(to bottom,wheat 0%,#ffb139 70%);}
#event_third{background-color:#f5f5f5;}
#event_sec{position: relative;overflow: hidden;z-index: 0;}
#event_sec:before{
    position:absolute;content: "";width:100%;height: 100%;margin:0;left: 0;z-index: -1;
    background:linear-gradient(to bottom,white 0%,#6569bc 30%);
}
#event_sec header,.CoursePrice ul{color: white;}
#event_sec ul span{color: yellow;font-size: 1.6em;}
#Master_title p, #event_sec p{text-align:center;font-size:1.8em;}
/*CP值超高*/
small{line-height: 1em;font-size: .8em;}
.adjective{display:inline-block;margin-right:10%;background-color: #F5A100;color: black;font-size: .85em;font-weight: 400;font-family:'cwTeXFangSong', serif;line-height: normal;padding: 0% .3% 1.2% 8%;margin: 1% 3% 0 -7%; transform: rotate(12deg);box-shadow: 6px 6px rgba(226, 198, 165, 0.6);}
.adjective div{transform: rotate(-12deg);}
.adjective span{font-size: 1.15em;display: block;line-height: .7em;}
/*全新開課*/
.class_tabs{width:100%;margin:2% auto 3%;font-size:1.2em}
#content1,#content2,#content3,#content4{display:none;width:90%;margin:-0.2% auto 0;padding:2%;text-align:left;border-top:6px #cccc00 solid;border-bottom:6px #94d0e2 solid;background:#fffff0;}
#tab1,#tab2,#tab3,#tab4{display:none}
label{display:inline-block;margin:0 .5%;padding:1.5% 2% .5%;font-weight:600;text-align:center;color:#33474c;font-size:1.2em;border-bottom:2px solid #CC0;width:26.4%;border-radius: 12px 12px 0 0;background:#d8e999;}
label:before{font-family:"Font Awesome 5 Free";display:block}
label:hover{cursor:pointer;background:#CC0}
input:checked + label{background:#CC0;border-bottom:0px;font-size:1.4em;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3{display:block}
.class_tabs ul li{list-style:disc;}
.class_tabs ol,.class_tabs ul{width:90%;margin:0 auto 0 6%;}
.CoursePrice{margin-top: 3rem;}
.CoursePrice li{font-size:1.6rem}
.MarkRed{font-size:1.6em;color:#DC5C3F}
.RelativeLink{width:100%;text-align:center;margin:1rem auto 3rem;}
.RelativeLink li{display:inline;margin:0 1%;line-height:1.6em}
.RelativeLink a{color:#FFF;text-decoration:none;padding:1% 2.5%;display:inline-block;transition:all .2s linear;border-radius:50px;background:#67adc1}
.RelativeLink a:hover{transform:scale(1.1)}
.RelativeLink a:hover{background:#CC0;color:#333}

/*上榜學員*/
.Experience{text-align:left;font-size:1.2em;margin:2% auto;padding:2% 3%;box-shadow:rgb(217 217 217 / 80%) 0px 5px 14px -6px;line-height: 1.8em;}
.Experience:nth-of-type(5){box-shadow: none;}
.Experience a:link,.Experience a:visited{color:#000}
.more_EX a{
    margin: 0rem auto 2rem;display: inline-block;padding: .5rem .8rem;border-radius:8px;background: #5959B3;
    color: white;text-decoration: none;font-size: 1.3rem;transition: .5s ease-in-out;
}
.more_EX a:hover{letter-spacing:0.2rem}
.StudentName{display:block;color: #1497AB;font-size: 1.2em;}
.PassExam{display:block;font-size:1.4em;color:#DC5C3F}
mark{background:#e1e132;}


/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*Back to top button */
#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
    right: 1%;
    z-index: 99;
}
#back-top a {
    width:50px;
    height:50px;
    border-radius:50%;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    width:50px;
    height:50px;
    display: block;
    margin-bottom: 7px;
    background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;
    /* rounded corners */
    border-radius:50%;
    /* background color transition */
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

/*20220824 add*/
.course_content{padding: 1.5rem 5rem;}
.course_content li{list-style-type: decimal;font-size: 1.2rem;line-height: 2.2rem;text-align: left;width: calc(100%/2);}
.lecture_content{justify-content: space-around;margin: 0;padding: 1rem 0;}
.lecture_content li{font-size: 1.4rem;background-color: #5959B3;color: white;  padding: 0.5rem 1rem;border-radius: 8px;margin: 0.5rem 0;}
.lecture_content li:hover{color: #EFF15D;transform: scale(1.1);}
.lecture_note{text-align: center;margin: 1rem 0 3rem;font-size: 1.3rem;font-weight: 900;}
.lecture_note,.lecture_note a{color: #22225d;}
.teacher *{box-sizing: border-box;}
.teacher{margin: 0 3rem;}
.tea_list{width: calc(100%/2.5 - 10px/2*3);padding:0;}
.tea_list img{border-radius: 6px;}
.tea_list dd{text-align: left;}
.tea_list figcaption{
    font-size: 1.3rem;background-color: #5959B3;color: white;padding: .5rem 1rem;
    display: inline-block;border-radius: 8px;text-align: center;width: 100%;
}
.tea_list dt a{color: rgb(249, 241, 0);margin: 0 0.25rem;}
@media all and (min-width: 1px) and (max-width: 1200px){
    @media (max-width: 767px){
        .course_content li,.tea_list{width: calc(100%/1);}
        .course_content{padding: 1.5rem 2.5rem;}
        .course_content li{list-style-type: decimal;}
        .tea_list figure{justify-content: center;gap: .5rem;display: flex;flex-wrap: wrap;}
        .tea_list img{display: block;}
        h3{margin: auto;justify-content: center;}
        h3:after{width: 100%;left: 0;transform: rotate(0deg);}
        .h3_1:after{width: 100%;}
        .CoursePrice small{display: block;}
        .RelativeLink a{padding: 0.5rem 0;}
    }
    .CoursePrice{padding: 1rem;text-align: center;}
    .RelativeLink a {margin: 1rem 0;}
    .more_EX{text-align: center;}
}
.CoursePrice li:nth-child(1){font-size:2rem ;margin-top: 1rem;}
/*display*/
.block{display:block}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.hidden{display: none;}
/*定位*/
.fixed {position: fixed;}
.absolute{position:absolute}.relative{position:relative}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right{text-align: right;}