.professionalBox .professionalList .professionalItem .Img img,.topArea .classListBoxYear .classTitle,.topArea .classListBoxYear .classTitle .back,.topArea .classListBoxYear .classTitle .front{-webkit-transition:all 0.5s;transition:all 0.5s}.professionalArea{width:100%;position:relative;padding:115px 0;z-index:2;background-color:#fff}@media (max-width:1180px){.professionalArea{padding:60px 20px}}@media (max-width:640px){.professionalArea{padding:60px 0}}.professionalArea:before{content:"";position:absolute;background-image:url("../images/custom_bg.jpg");background-position:top;background-repeat:no-repeat;background-size:auto;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}@media (max-width:1180px){.professionalArea:before{background-size:cover}}.professionalArea .wrap{max-width:1540px!important;position:relative;z-index:2}@media (max-width:1180px){.professionalArea .arrowBox{max-width:140px}}@media (max-width:390px){.professionalArea .arrowBox{max-width:130px}.professionalArea .arrowBox .arrow{width:16vw;height:16vw;-ms-flex-negative:0;flex-shrink:0}.professionalArea .arrowBox .arrow.arrowPrev{margin-right:1.333vw}.professionalArea .arrowBox .arrow.arrowNext{margin-left:1.333vw}}.topArea{position:relative;max-width:1540px!important;margin:0 auto;padding:0 115px}@media (max-width:1180px){.topArea{padding:0 20px}}@media (max-width:640px){.topArea{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.topArea .topBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1180px){.topArea .topBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:640px){.topArea .topBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.topArea .leftBox{width:50%;position:relative}@media (max-width:1180px){.topArea .leftBox{width:100%}}.topArea .rightBox{width:50%}@media (max-width:1180px){.topArea .rightBox{width:100%}}.topArea .titleAboutBox{position:absolute;top:18%;left:0;margin:0}@media (max-width:1180px){.topArea .titleAboutBox{position:relative;top:0}}.topArea .textEditorBox{position:absolute;bottom:16%;left:0;padding-right:90px}@media (max-width:1180px){.topArea .textEditorBox{position:relative;bottom:0;padding-right:0;margin:20px 0 30px}}.topArea .classListBoxYear{position:relative;cursor:pointer}.topArea .classListBoxYear .classTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:200px;line-height:1;font-family:"Playfair Display";padding:10px 0}@media (max-width:1200px){.topArea .classListBoxYear .classTitle{font-size:180px}}@media (max-width:1180px){.topArea .classListBoxYear .classTitle{font-size:150px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:640px){.topArea .classListBoxYear .classTitle{font-size:80px}}@media (max-width:480px){.topArea .classListBoxYear .classTitle{font-size:60px}}.topArea .classListBoxYear .classTitle .front{color:#b3b3b3;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);line-height:1;width:36%}@media (max-width:1366px){.topArea .classListBoxYear .classTitle .front{width:40%}}@media (max-width:1279px){.topArea .classListBoxYear .classTitle .front{width:45%}}@media (max-width:1180px){.topArea .classListBoxYear .classTitle .front{width:auto}}.topArea .classListBoxYear .classTitle .back{width:64%;line-height:1;color:rgba(52,52,52,0.1)}@media (max-width:1366px){.topArea .classListBoxYear .classTitle .back{width:60%}}@media (max-width:1279px){.topArea .classListBoxYear .classTitle .back{width:55%}}@media (max-width:1180px){.topArea .classListBoxYear .classTitle .back{width:auto}}.topArea .classListBoxYear .slick-slide{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.topArea .classListBoxYear .slick-slide.current{opacity:1}.topArea .classListBoxYear .slick-slide.current .classTitle .front{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.topArea .classListBoxYear .slick-slide.current .classTitle .back{color:#343434;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.topArea .classListBoxYear .progressBar{background-color:#000;position:absolute;bottom:100px;z-index:2}.topArea .classListBoxYear .progressBar.circle{width:50px;height:50px;border-radius:50%;background-color:transparent;position:absolute;bottom:100px;right:355px;z-index:3}.topArea .classListBoxYear .progressBar.circle .path{width:50px;height:50px;fill:none;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;opacity:1;stroke-dashoffset:0;stroke-dasharray:153.86;stroke:#f00;stroke-width:3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.topArea .classListBoxYear .progressBar.circle .path.active circle{-webkit-animation:progressCircleAnimation linear forwards;animation:progressCircleAnimation linear forwards}.topArea .classListBoxNote{width:100%}.topArea .classListBoxNote .classListNote{position:relative}@media (max-width:1180px){.topArea .classListBoxNote .classListNote{padding:0 60px}}@media (max-width:640px){.topArea .classListBoxNote .classListNote{padding:0}}.topArea .classListBoxNote .classNoteItem{width:100%}@media (max-width:640px){.topArea .classListBoxNote .classNoteItem{padding:0px}}.topArea .classListBoxNote .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:640px){.topArea .classListBoxNote .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.topArea .classListBoxNote .Img{width:50%;-ms-flex-negative:1;flex-shrink:1;padding-right:20px;opacity:0}@media (max-width:1180px){.topArea .classListBoxNote .Img{padding:0}}@media (max-width:640px){.topArea .classListBoxNote .Img{width:100%}}.topArea .classListBoxNote .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.topArea .classListBoxNote .textBox{width:50%;padding-left:60px;opacity:0}@media (max-width:1180px){.topArea .classListBoxNote .textBox{padding-left:20px}}@media (max-width:640px){.topArea .classListBoxNote .textBox{width:100%}}.topArea .classListBoxNote .slick-current .Img{-webkit-animation:slideUpAnimation 0.7s ease-in-out forwards;animation:slideUpAnimation 0.7s ease-in-out forwards}.topArea .classListBoxNote .slick-current .textBox{-webkit-animation:slideDownAnimation 0.7s 0.4s ease-in-out forwards;animation:slideDownAnimation 0.7s 0.4s ease-in-out forwards}.topArea .arrowBox{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0}@media (max-width:1180px){.topArea .arrowBox.pc{top:70%;display:none}}.topArea .arrowBox.mb{width:100%;margin:0 auto;top:25px;bottom:0;max-width:100%}@media (min-width:1181px){.topArea .arrowBox.mb{display:none}}.professionalBoxOut{width:100%;background-color:#fff;max-width:1500px;margin:60px auto 0;padding:80px;-webkit-box-shadow:0px 1px 16px 0px rgba(4,0,0,0.06);box-shadow:0px 1px 16px 0px rgba(4,0,0,0.06);position:relative}@media (max-width:640px){.professionalBoxOut{margin-top:30px;padding:80px 20px}}.professionalBoxOut .arrowBox{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:auto;max-width:100%;z-index:10}.professionalBoxOut .arrowBox .arrowPrev{left:20px}.professionalBoxOut .arrowBox .arrowNext{right:20px}.professionalBox{position:relative;z-index:2;-webkit-transition:all 0.4s;transition:all 0.4s;width:100%}.professionalBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}.professionalBox .professionalList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 -50px}@media (max-width:640px){.professionalBox .professionalList{margin:0;width:100%}}.professionalBox .professionalList .professionalItem{width:33.3333333333%;padding:30px 50px}@media (max-width:1180px){.professionalBox .professionalList .professionalItem{padding:30px 20px}}@media (max-width:960px){.professionalBox .professionalList .professionalItem{width:50%}}@media (max-width:640px){.professionalBox .professionalList .professionalItem{width:100%;padding:10px 0}}.professionalBox .professionalList .professionalItem .slick-arrow{z-index:2}.professionalBox .professionalList .professionalItem .item{cursor:pointer;position:relative}@media (min-width:1201px){.professionalBox .professionalList .professionalItem .item:hover .Img img{-webkit-transform:scale(1.05);transform:scale(1.05)}}.professionalBox .professionalList .professionalItem .Img{width:100%;-webkit-box-shadow:0px 1px 16px 0px rgba(4,0,0,0.06);box-shadow:0px 1px 16px 0px rgba(4,0,0,0.06);overflow:hidden;padding:10px}.professionalBox .professionalList .professionalItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.professionalBox .professionalList .professionalItem .Txt{padding:40px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.professionalBox .professionalList .professionalItem .Txt .title{color:#262626;font-size:20px;font-weight:400;letter-spacing:1.75px;line-height:1.1;font-family:"Noto Sans TC"}@media (max-width:640px){.professionalBox .professionalList .professionalItem .Txt .title{font-size:17px}}.professionalBox .professionalList .professionalItem .Txt .title.ellipsis{height:50px}@media (max-width:640px){.professionalBox .professionalList .professionalItem .Txt .title.ellipsis{height:auto}}.professionalBox .professionalList .professionalItem .Txt .textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;font-family:"Cormorant Garamond";line-height:1;margin-top:20px}.professionalBox .professionalList .professionalItem .Txt .classTitle{padding-left:10px;margin-left:10px;position:relative}.professionalBox .professionalList .professionalItem .Txt .classTitle:before{content:"";position:absolute;width:1px;height:10px;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;background-color:#262626;margin:auto 0}.professionalBox .professionalList .professionalItem .linkWrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}