/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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%}
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}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family:'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%}
#event_master {margin:0% auto;display:block;width:1200px;padding:0px;}
.hero img {width:100%;}
.bgcolor1 {background:url(../images/1507048_01.png) no-repeat center ;}
.bgcolor2 {background:linear-gradient(180deg, #ffe4ba 0%, #ffffff 100%); }
.bgcolor3 {background:linear-gradient(180deg, #ffd41f 0%, #fff4c5 100%); }
.bgcolor4{background-color:#ffdd52;}
.bgcolor5 {background:url(../images/1507048_01.png) no-repeat center fixed, linear-gradient(180deg, #ffe4ba 0%, #ffffff 100%);}
.bg-gray{background-color:#EBEBEB;}
.text-red{color:#e84f04;}
.text-blue{color:#129ebe;}

/*高考門戶大開*/
.hero{text-align:center;}
.destiny{font-size:3rem;}
.hero h1{font-size:5rem;}
.hero h1 strong{font-size:6rem;display:block;}
.upgrade{color:blue;}
.salary{color:red;}

/*這些人把握今年準備*/
.door h2{font-size:2.5rem;color:#ffffff;font-weight:900;line-height:1.4;background:linear-gradient(90deg, transparent 0%, #ffd41f 10%, #f67415 90%, transparent 100%);text-align:center;padding:0.8rem 2rem;width:100%;margin:0 auto;}
.door h2 strong{font-family:DFMingXBold-B5, MStiffHeiHK, sans-serif;margin:0rem 0.8rem 0rem 0;background:linear-gradient(to right, #c23700 10%, #ff6613 36%, #d23b00 98%);padding:0.05em 0.6em;color:#ffffff;font-size:2.6rem;clip-path:polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);}
.group dl {width:calc(100%/3 - 1rem);text-align:center;margin:0.5rem auto;padding:1rem;}
.group dl dt{font-size:2.5rem;color:#ed5a0b;border-bottom:dotted 2px;margin-bottom:0.5rem;}
.group dl dt strong{display:block;font-size:2.75rem;COLOR:#14839c;border-left:solid 7px #3a99ae;border-radius:0rem 0;}
.group dl dt strong::after{content:'不如拚高考';display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(90deg, transparent 0%, #fc9e5a 20%, #f67415 80%, transparent 100%);color:white;margin:auto;font-weight:900;font-family:"Font Awesome 6 Free";}
.group dl:nth-of-type(2) dt strong::after{content:'直接報高考';}
.group dl:nth-of-type(3) dt strong::after{content:'果斷換高考';}
.group dl dd{font-size:1.2rem;text-align:left;}

/*薪資福利大躍進*/
.paragraph h2,.teacher h2,.function h2{font-size:2.8rem;color:#ee5b0b;font-weight:900;text-align:center;font-family:DFMingXBold-B5, MStiffHeiHK, sans-serif;margin-top:2.0rem;}
.point li{font-size:1.75rem;margin:0.5rem auto;COLOR:#14839c;font-weight:bold;}
.point li::before{content:'\f058';font-weight:400;font-family:"Font Awesome 6 Free";margin:auto 0.5rem auto auto;}
.question{cursor:pointer;position:relative;font-size:1.5rem;font-weight:900;padding:1.25rem 2rem;background-color:#ffd41fd1;border-radius:1rem;border:1px solid rgb(128 128 128 / 15%);margin:1rem auto auto;letter-spacing:0.125rem;}
.question::after{content:'\f078';font-weight:900;font-family:"Font Awesome 6 Free";right:2rem;position:absolute;font-size:1.125rem;transition:.25s;}
.question.active{border-radius:1rem 1rem 0 0;}
.question.active::after{transform:rotate(180deg);}
.answer{font-size:1.25rem;padding:2rem;background-color:white;border-radius:0 0 1rem 1rem;}
.office{background-color:#3a99ae26;}
.office strong{background-color:#14839c;color:white;padding:0.125rem 1rem;border-radius:2rem;margin:auto 0.75rem auto auto;}
.graduate{background-color:#ff66131c;}
.graduate strong{background-color:#e84f04;color:white;padding:0.125rem 1rem;border-radius:2rem;margin:auto 0.75rem auto auto;}
.note{padding:2rem 1rem 3rem;text-align:center;}

/*選擇 116 年高普考上榜課程*/
.condition h2{text-align:center;}
.senior{font-size:1.5rem;padding:1rem 0;justify-content:center;}
.senior ul{margin:auto 2rem auto 0;}
.senior ul li{background-color:#ed5a0b;border-radius:1rem;border:1px solid rgb(128 128 128 / 15%);padding:1rem;margin:auto 0.5rem;color:white;}
.senior ul li strong{margin:auto auto auto 0.5rem;}
.license i{font-size:3rem;margin:auto 1rem auto auto;color:#14839c;}
.license dt{font-size:1.3rem;color:#14839c;}
.license dd{font-size:2.6rem;color:#14839c;}
.course{width:calc(100%/2 - 1rem);margin:0 auto 1rem;background:linear-gradient(180deg, #ffcd7f 0%, #ffffff 100%);;border-radius:2rem 3rem;border:5px solid #ffdaa1;padding:2rem 1rem;text-align:center;position:relative;border-right:solid 15px #ef64195e;}
.course:before{content:url('https://ec.ibrain.com.tw/File/image/index_ad_logo.png');position:absolute;left:1rem;top:1rem;}
.course dt{font-size:2.8rem;font-weight:bold;font-family:DFMingXBold-B5, MStiffHeiHK, sans-serif;}
.course dd{font-size:1.25rem;}
.course dd a{text-decoration:none;}
.course dd a:hover{right:2px;top:1px;position:relative;}

.course dd i{font-size:2rem;margin:auto auto auto 0.5rem;}
.course dd:first-of-type a{padding:.5rem 3rem;display:inline-block;font-size:1.35rem;color:#ffffff;font-weight:bold;border-radius:2rem;margin:.25rem auto 1rem;background:linear-gradient(180deg,#ed5a0b 40%,#ffd41f 100%);filter:drop-shadow(1px 2px 3px rgba(0,0,0,.2));}
.course dd:first-of-type b{font-size:1.75rem;padding:0 0.25rem;}

/*看前輩如何打破職場劣勢*/
.exp h3{font-size:2rem;width:100%;padding:1rem 1rem 0.5rem;text-align:center;border-bottom:solid 2px;color:#ff6613;margin-bottom:1.0rem;}
.exp h4{font-size:1.25rem;color:#14839c;font-weight:bold;}
.exp .cont{width:calc(100%/2);padding:1rem 2rem;}
.name a{text-decoration:underline;font-size:1.25rem;}
.name img{border-radius:50%;width:100px;height:100px;}
.upwards{width:calc(100% - 100px);padding:0 0 0 1.5rem;}
.upwards strong{display:block;font-size:1.5rem;color:#e84f04;}
.upwards strong::before{content:'\e098';font-family:"Font Awesome 6 Free";font-weight:900;margin:auto 0.5rem auto auto;}
.exp p{font-size:1.125rem;border-top:dotted 1px #ed5a0b;margin-top:1.0rem;background-color:#ffe4ba38;padding:1rem 2rem;}

/*聽見上榜的聲音*/
.teacher h2{}
.audition{width:calc(100%/2);display:flex;flex-wrap:wrap;margin:1rem auto auto;}
.audition dl{border:3px solid #ffd41f;border-radius:1rem;padding:0.5rem 1.5rem;margin:1rem 1rem auto 0;width:calc(100%/2 - 2rem);position:relative;background:linear-gradient(180deg, #fff3c4 0%, #ffffff 100%);}
.audition dl::after{content:'\f144';font-weight:400;font-family:"Font Awesome 6 Free";position:absolute;right:1rem;top:0;bottom:0;margin:auto;height:max-content;font-size:1.5rem;color:rgb(128 128 128 / 30%);}
.audition dl dt{font-size:1.25rem;font-weight:bold;}
.audition h4{width:100%;font-size:1.5rem;}
.audition h4 strong{padding:0 0 0 0.5rem;color:#14839c;}
.audition h4 i{color:#14839c;}

.audition dl:hover {border:3px solid #ffab0f;cursor:pointer;}
.audition dl:hover::after{color:#ee5b0b;transform:scale(1.1);}
.audition dl:hover dt {color:#ee5b0b;}
.audition dl dt a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}

/*7 大旗艦功能*/
.function h2{color:#129ebe;}
.function h2 strong{color:#ffffff;font-weight:900;background:linear-gradient(90deg, transparent 0%, #ffd41f 10%, #f67415 90%, transparent 100%);text-align:center;padding:0.3rem 3rem;}
.function dl{width:calc(100%/2);padding:2rem;}
.function dl dt{font-size:1.5rem;font-weight:bold;color:#14839c;}
.function dl dt i{color:#ffffff;background-color:#129ebec2;border-radius:0.5rem;width:3rem;height:3rem;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:auto 1rem auto auto;}
.function dl dd{padding:0.5rem;font-size:1.125rem;}
.function dl dd:last-of-type{padding:0;}
.function dl dd:last-of-type img{border-radius:1rem;border:1px dashed rgb(128 128 128 / 50%);margin:auto;width:100%;height:auto;}

/*今年投資自己*/
.guide{position:fixed;bottom:0;left:0;width:100%;z-index:3;}
.guide a{font-size:2rem;background:linear-gradient(45deg, rgb(255 0 0 / 20%), red, rgb(255 0 0 / 20%));color:white;text-align:center;padding:0.5rem 0.5rem 1rem;display:block;}
.guide i{margin:auto auto auto 1rem;animation:floatToTopRight 2s ease-in-out infinite alternate;}
@keyframes floatToTopRight {
  0% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(6px, -6px); /* 往右移動 6px，往上移動 6px */
  }
}
@media (min-width:1024px){
    .course dd:last-of-type{word-break:keep-all;overflow-wrap:anywhere;}
}
@media (min-width:1281px){     
    .bgcolor5 {background-size:100% 100%;}
    .container{width:1200px;margin:auto}
}
@media (max-width:1280px){     
    .bgcolor5{background-position:center right;background-repeat: repeat;}
    .container{max-width:100%;margin:auto;padding:1rem;}
    .hero img {width:95%;margin:auto 0;}
    .group dl dt{font-size:2.25rem;}
    .paragraph h2, .teacher h2, .function h2{margin-top:auto;}
}
@media (max-width:1023px){
    .license{margin:1rem auto auto;}
    .course{padding:2rem 0 1rem;}
    .course dd:first-of-type a{padding:.5rem 1.5rem;}
    .course dd:last-of-type{padding:0 2rem;}
    .course dt{margin:1rem auto auto;}
    .senior ul{margin:auto;width:100%;justify-content:center;}
}
@media (max-width:1023px) and (orientation:portrait){
    .audition dl{width:calc(100%/2 - 0.5rem);padding:.5rem .5rem .5rem .75rem;margin:1rem auto 0 0;}
    .audition dl::after{top:.35rem;bottom:auto;}
    .license{margin:1rem auto auto;}
}
@media (max-width:767px){
    .point li{margin:0.5rem 0.5rem auto;}
    .question{font-size:1.25rem;padding:.5rem 2rem .5rem 1rem;}
    .question::after{right:1rem;top:0;bottom:0;margin:auto;height:max-content;}    
    .upwards{width:calc(100% - 80px);padding:0 0 0 1rem}
    .audition dl{width:100%}
	.door h2,.door h2 strong,.group dl dt {font-size:1.5rem;}
	.door h2 strong {display:block;}
	.group dl dt strong {font-size:1.75rem;}
	.paragraph h2, .teacher h2, .function h2 {font-size:2.0rem;line-height: 2.5rem;}
	.paragraph h2 span, .teacher h2 span, .function h2 span,.function h2 strong {display:block;}
	.license dd {font-size:2.0rem;}
	.exp h3 {font-size:1.5rem;}
	.course dd:first-of-type {padding:0.5rem 1rem;font-size:1.15rem;}
    .note{padding:2rem 1rem 0;}
    .course dd:first-of-type a{padding:.5rem 1rem}
}
@media (max-width:767px) and (orientation:portrait){
    .bgcolor1{background:url(../images/1507048_01.png) no-repeat;background-position-x:center;}
    .group dl{width:100%;padding:1rem 1rem 0;}
    .license{width:100%;text-align:center;}
    .license dl{width:100%;}
    .license i{margin:auto;}
    .course{width:100%;}
    .exp .cont{width:100%;padding:1rem 0;}
    .name img{width:80px;height:80px;}
    .audition{width:100%}
    .audition dl{width:calc(100%/2 - 0.5rem);}   
    .function dl{width:100%;padding:1rem;}
    .guide a{font-size:1.25rem;}
    .course dd i{font-size: 1.5rem;}
    .exp h3{word-break:keep-all;overflow-wrap:anywhere}
}