@import url("https://fonts.googleapis.com/css2?family=Michroma&family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.title-block{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}@media (min-width:769px){.title-block{padding-top:189px;margin-bottom:172px}}@media (max-width:768px){.title-block{padding-top:118px;margin-bottom:88px}}.title-block:before{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at center,rgba(29,202,211,0.35) 0%,rgba(29,202,211,0.36) 10%,rgba(29,202,211,0.2) 40%,rgba(29,202,211,0) 100%);-webkit-filter:blur(40px);filter:blur(40px)}@media (min-width:992px){.title-block:before{top:-2vw;left:-23%;width:46.875vw;height:46.875vw}}@media (min-width:769px) and (max-width:991px){.title-block:before{top:-2vw;left:-23%;width:60.5449041372vw;height:60.5449041372vw}}@media (max-width:768px){.title-block:before{top:3vw;left:-38%;width:84.6354166667vw;height:84.6354166667vw}}.title-block:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at center,rgba(29,202,211,0.35) 0%,rgba(29,202,211,0.36) 10%,rgba(29,202,211,0.2) 40%,rgba(29,202,211,0) 100%);-webkit-filter:blur(40px);filter:blur(40px)}@media (min-width:992px){.title-block:after{top:-2vw;right:-23%;width:46.875vw;height:46.875vw}}@media (min-width:769px) and (max-width:991px){.title-block:after{top:-2vw;right:-23%;width:60.5449041372vw;height:60.5449041372vw}}@media (max-width:768px){.title-block:after{top:3vw;right:-40%;width:84.6354166667vw;height:84.6354166667vw}}@media (min-width:769px){.title-block .wrap{width:346px}}@media (max-width:768px){.title-block .wrap{width:205px}}@media (min-width:769px){.title-block .fade-line2{margin:24px 0 22px}}@media (max-width:768px){.title-block .fade-line2{margin:5px 0 8px}}@media (min-width:769px){.title-block .text{font-size:40px}}@media (max-width:768px){.title-block .text{font-size:27px}}.content1368 ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:992px){.content1368 ul{gap:134px 34px}}@media (min-width:769px) and (max-width:991px){.content1368 ul{gap:80px 25px}}@media (max-width:768px){.content1368 ul{gap:53px 0}}@media (min-width:992px){.content1368 ul li{width:calc((100% - 68px) / 3)}}@media (min-width:769px) and (max-width:991px){.content1368 ul li{width:calc((100% - 34px) / 2)}}@media (max-width:768px){.content1368 ul li{width:100%}}@media (min-width:769px){.content1368 ul li:hover .img-wrap{-webkit-box-shadow:0 0 20px 5px rgba(255,255,255,0.6);box-shadow:0 0 20px 5px rgba(255,255,255,0.6)}.content1368 ul li:hover .img-wrap:before{background-color:rgba(0,0,0,0.5)}.content1368 ul li:hover .img-wrap img:not(.play):not(.play-h){scale:1.2}.content1368 ul li:hover .img-wrap .play{opacity:0}.content1368 ul li:hover .img-wrap .play-h{opacity:1}}.content1368 ul .img-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:10px;background-color:#545454;position:relative}@media (min-width:769px){.content1368 ul .img-wrap{aspect-ratio:1/0.691244;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.6);box-shadow:0 0 0 0 rgba(255,255,255,0.6);-webkit-transition:0.5s;transition:0.5s}}@media (max-width:768px){.content1368 ul .img-wrap{aspect-ratio:1/0.66076}}.content1368 ul .img-wrap.default{background-image:url(../images/common/default.png);background-position:center;background-repeat:no-repeat;background-size:70%;width:100%}.content1368 ul .img-wrap:before{content:"";background-color:rgba(0,0,0,0);width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:0.5s;transition:0.5s;z-index:1}.content1368 ul .img-wrap img:not(.play):not(.play-h){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.5s;transition:0.5s}.content1368 ul .img-wrap .play{position:absolute;aspect-ratio:1/1;z-index:2;-webkit-transition:0.5s;transition:0.5s}@media (min-width:769px){.content1368 ul .img-wrap .play{width:70px}}@media (max-width:768px){.content1368 ul .img-wrap .play{width:50px}}.content1368 ul .img-wrap .play-h{position:absolute;aspect-ratio:1/1;z-index:2;opacity:0;-webkit-transition:0.5s;transition:0.5s}@media (min-width:769px){.content1368 ul .img-wrap .play-h{width:70px}}@media (max-width:768px){.content1368 ul .img-wrap .play-h{width:50px}}.content1368 ul .text{line-height:1.65}@media (min-width:769px){.content1368 ul .text{margin-top:18px;font-size:22px}}@media (max-width:768px){.content1368 ul .text{margin-top:6px;font-size:20px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99;pointer-events:none;-webkit-transition:0.5s;transition:0.5s}.overlay.active{opacity:1;pointer-events:all}.overlay .modal{position:relative;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.3);box-shadow:0 2px 10px rgba(0,0,0,0.3);max-width:90%;width:1020px;aspect-ratio:1/0.6}.overlay .modal .close-btn{position:absolute;top:-12%;right:0;display:block}@media (min-width:992px){.overlay .modal .close-btn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:50%;-webkit-transition:0.5s;transition:0.5s}.overlay .modal .close-btn:hover{background-color:rgba(255,255,255,0.3411764706)}}@media (max-width:991px){.overlay .modal .close-btn{top:-40px;width:33px;height:33px}}.overlay .modal iframe{width:100%;height:100%}