@keyframes borderAnimation{0%{background-position:0 50%}50%{background-position:100%,50%}to{background-position:0,50%}}.home-container .plan-section{display:flex;width:100%;height:400px;background-image:url(/images/background/plan-bg.webp);align-items:center;justify-content:center}.home-container .plan-section .plan-list{display:flex;flex-direction:row;column-gap:10px;width:80%;height:80%}.home-container .plan-section .plan-list .plan-box-container{display:flex;width:100%;height:100%;position:relative;align-items:center;justify-content:center}.home-container .plan-section .plan-list .plan-box-container:before{content:" ";width:100%;height:100%;background-image:linear-gradient(60deg,#7fffd4,#4a7cf0,gold,hotpink,salmon,#90ee90,#f4a460,violet);background-size:300%;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:1;border-radius:15px;position:absolute;top:0;animation:borderAnimation 10s infinite}.home-container .plan-section .plan-list .plan-box-container .plan-box{display:flex;flex-direction:column;width:calc(100% - 5px);height:calc(100% - 5px);row-gap:20px;background:rgba(188,215,222,.8);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:15px;align-items:center;justify-content:space-around;z-index:2;position:relative}.home-container .plan-section .plan-list .plan-box-container .plan-box:hover{background-color:rgba(37,95,133,.6)}.home-container .plan-section .plan-list .plan-box-container .plan-box h2{color:#1e1e1e;font-weight:400}.home-container .plan-section .plan-list .price{display:flex;flex-direction:row;column-gap:3px;position:relative;color:#481d24}.home-container .plan-section .plan-list .price small{top:0;left:0;font-weight:bolder}.home-container .plan-section .plan-list .price h2{font-size:4vh;font-weight:400}.home-container .plan-section .plan-list .detail{display:flex;flex-direction:column;row-gap:3px}.home-container .plan-section .plan-list .detail p{text-align:center;color:rgba(0,0,0,.8);font-weight:700;font-size:large}@media(max-width:768px){.home-container .plan-section .plan-list .detail p{font-size:2.5vh}}@media(max-width:576px){.home-container .plan-section .plan-list .detail p{font-size:2vh}}.home-container .plan-section .plan-list .navigate{display:flex;width:100%;align-items:center;justify-content:center;border-radius:15px;margin-bottom:5px}.home-container .plan-section .plan-list .navigate button{width:20vh;height:5vh;background-color:#114b5f;font-size:2vh;font-style:italic;font-weight:700;cursor:pointer;margin:5px}.home-container .plan-section .plan-list .navigate button a{display:flex;width:100%;height:100%;color:#fff;justify-content:center;align-items:center}.home-container .plan-section .plan-list .navigate button:hover{background-color:blue}.home-container .plan-section .plan-list .navigate button:hover a{color:#ff5900}@media(max-width:992px){.home-container .plan-section .plan-list{width:100%}}@media(max-width:768px){.home-container .plan-section{height:100%}.home-container .plan-section .plan-list{display:flex;flex-direction:column;row-gap:10px;width:90%;height:100%;margin-top:20px}}@media(max-width:576px){.home-container .plan-section{height:100%}.home-container .plan-section .plan-list{display:flex;flex-direction:column;row-gap:10px;width:98%;height:100%;margin-top:20px}}.home-container .portfolio-container{display:flex;flex-direction:column;row-gap:20px;width:100%;min-height:500px;align-items:center;background-image:url(/images/background/portfolio-bg.webp)}.home-container .portfolio-container .page-title{display:flex;flex-direction:column;width:100%;height:50px;align-items:center;border-bottom:2px solid #ccf;position:relative}.home-container .portfolio-container .page-title h1{display:flex;width:20vh;height:50px;align-items:center;justify-content:center;border-radius:25px;font-weight:400;position:absolute;top:25px;background-color:#fcc;color:#000;z-index:1}.home-container .portfolio-container .page-title button{display:flex;width:8vh;height:40px;align-items:center;justify-content:center;border:1px;border-radius:25px;position:absolute;top:5px;right:0}.home-container .portfolio-container .box-container{display:flex;flex-direction:row;column-gap:10px;row-gap:20px;flex-wrap:wrap;width:90%;margin-top:25px;background:transparent}.home-container .portfolio-container .box-container .box{display:flex;width:calc(25% - 8px);height:300px;background-color:rgba(204,255,255,.1);border:2px solid #ccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-container .portfolio-container .box-container .box .image{display:flex;width:100%;align-content:center;object-position:center;object-fit:cover;position:relative}.home-container .portfolio-container .box-container .box .image img{width:100%}.home-container .portfolio-container .box-container .box .image .box-title{display:flex;flex-direction:column;width:100%;height:300px;top:0;position:absolute;visibility:hidden}.home-container .portfolio-container .box-container .box .image .box-title label{text-align:center;width:100%;height:20px;font-size:larger;font-weight:700;color:#fff}.home-container .portfolio-container .box-container .box .image .box-title .navigate{display:flex;width:100%;height:100%;position:absolute;top:0}.home-container .portfolio-container .box-container .box .image .box-title .navigate a{display:flex;width:100%;height:100%;position:absolute;top:0;align-items:center;justify-content:center}.home-container .portfolio-container .box-container .box:hover .image .box-title{visibility:visible;z-index:10}.home-container .portfolio-container .box-container .box:hover .image img{visibility:hidden}@media(max-width:992px){.home-container .portfolio-container .box-container .box{width:calc(33.3333333333% - 8px)}}.home-container .portfolio-container .navigate-box{display:flex;margin-top:5px;margin-bottom:5px}.home-container .portfolio-container .navigate-box button{display:flex;width:10vh;height:40px;align-items:center;justify-content:center;border:1px;border-radius:25px;margin:5px;top:5px;right:0;background-color:#ccf;color:#000;font-size:large;font-weight:700;font-style:italic;cursor:pointer}.home-container .portfolio-container .navigate-box button:hover{background-color:#9cf;color:#000}@media(max-width:768px){.home-container .portfolio-container{height:100%}.home-container .portfolio-container .box-container{width:95%}.home-container .portfolio-container .box-container .box{width:calc(50% - 8px)}}@media(max-width:768px)and (max-width:576px){.home-container .portfolio-container .box-container{width:95%;align-items:center;justify-content:center}.home-container .portfolio-container .box-container .box{width:90%}}.home-container .article-container{display:flex;flex-direction:column;row-gap:20px;width:100%;min-height:500px;align-items:center;background-image:url(/images/background/article-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.home-container .article-container .page-title{display:flex;flex-direction:column;width:100%;height:50px;align-items:center;border-bottom:2px solid #ccf;position:relative}.home-container .article-container .page-title h1{display:flex;width:20vh;height:50px;align-items:center;justify-content:center;border-radius:25px;font-weight:400;position:absolute;top:25px;background-color:#fcc;color:#000;z-index:1}.home-container .article-container .box-container{display:flex;flex-direction:row;column-gap:10px;row-gap:20px;flex-wrap:wrap;width:90%;margin-top:25px;background:transparent;align-items:center}.home-container .article-container .box-container .box{display:flex;width:calc(25% - 8px);height:300px;align-items:center;justify-content:center;background:rgba(204,255,255,.5);box-shadow:1px 1px 10px 0 #01ffff;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-container .article-container .box-container .box a{display:flex;flex-direction:column;width:100%;height:100%;font-size:2.5vh;transform:skewX(-15deg);font-weight:700;align-items:center;justify-content:center}.home-container .article-container .box-container .box:hover{background:rgba(204,255,255,.3)}.home-container .article-container .box-container .box:hover a{text-shadow:-.2px -.2px 1px #cff,.2px .2px 1px #fcc,2px 2px 1px #ccf;color:#fc9}@media(max-width:992px){.home-container .article-container .box-container .box a{font-size:2vh}}@media(max-width:768px){.home-container .article-container .box-container .box a{font-size:3vh}}@media(max-width:576px){.home-container .article-container .box-container .box a{font-size:3.5vh}}.home-container .article-container .navigate-box{display:flex;margin-top:5px;margin-bottom:5px}.home-container .article-container .navigate-box button{display:flex;width:10vh;height:40px;align-items:center;justify-content:center;border:1px;border-radius:25px;margin:5px;top:5px;right:0;background-color:#ccf;color:#000;font-size:large;font-weight:700;font-style:italic;cursor:pointer}.home-container .article-container .navigate-box button:hover{background-color:#9cf;color:#000}@media(max-width:768px){.home-container .article-container{height:100%}.home-container .article-container .box-container{width:95%}.home-container .article-container .box-container .box{width:calc(50% - 8px)}}@media(max-width:768px)and (max-width:576px){.home-container .article-container .box-container{width:95%;justify-content:center}.home-container .article-container .box-container .box{width:90%}}.home-container .introduce-container{display:flex;flex-direction:column;row-gap:20px;width:100%;min-height:650px;align-items:center;background-color:#000}.home-container .introduce-container .page-title{display:flex;flex-direction:column;width:100%;height:50px;align-items:center;border-bottom:2px solid #c5283d;position:relative}.home-container .introduce-container .page-title h1{display:flex;width:20vh;height:50px;align-items:center;justify-content:center;border-radius:25px;font-weight:400;position:absolute;top:25px;background-color:#000}.home-container .introduce-container .box-container{display:flex;flex-direction:row;column-gap:10px;width:90%;margin-top:25px}.home-container .introduce-container .box-container .box{display:flex;flex-direction:column;row-gap:10px;width:calc(33.3333333333% - 8px);height:550px;box-shadow:0 0 5px 2px #7c7d7d;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-container .introduce-container .box-container .box:hover{background:rgba(204,255,255,.3)}.home-container .introduce-container .box-container .box .image{display:flex;width:100%;align-content:center;position:relative}.home-container .introduce-container .box-container .box .image img{width:100%;height:300px;border-radius:5px;object-position:center;object-fit:cover}.home-container .introduce-container .box-container .box .box-title{display:flex;width:100%}.home-container .introduce-container .box-container .box .box-title h3{display:flex;width:100%;height:30px;font-size:2.5vh;font-weight:700;align-items:center;justify-content:center}.home-container .introduce-container .box-container .box .detail{display:flex;width:calc(100% - 30px);height:200px;margin:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.home-container .introduce-container .box-container .box .detail p{font-size:2.5vh;font-weight:400}@media(max-width:992px){.home-container .introduce-container .box-container .box .detail p{font-size:1.8vh}.home-container .introduce-container .box-container{width:95%}}@media(max-width:768px){.home-container .introduce-container{height:100%}.home-container .introduce-container .box-container{flex-direction:column;row-gap:10px}.home-container .introduce-container .box-container .box{flex-direction:row;column-gap:5px;position:relative;width:100%;height:100%;align-items:center}.home-container .introduce-container .box-container .box .image{width:100%}.home-container .introduce-container .box-container .box .box-title{top:0;left:50%;width:50%;height:30px;position:absolute}.home-container .introduce-container .box-container .box .detail{margin-top:40px}.home-container .introduce-container .box-container .box .detail p{font-size:2vh}}@media(max-width:768px)and (max-width:576px){.home-container .introduce-container .box-container{flex-direction:column;row-gap:10px}.home-container .introduce-container .box-container .box{flex-direction:column;row-gap:10px;width:100%;height:100%;align-items:center;position:relative}.home-container .introduce-container .box-container .box .image{margin:5px;width:80%}.home-container .introduce-container .box-container .box .box-title{width:50%;height:30px;left:0;position:relative}.home-container .introduce-container .box-container .box .box-title h3{font-size:2vh}.home-container .introduce-container .box-container .box .detail p{font-size:2.8vh}}.home-container{display:flex;flex-direction:column;align-items:center}.background-container{display:flex;width:100%;position:relative}.background-container video{width:100%}.background-container .box-title{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:absolute}.background-container .box-title h2{color:#000;top:150px;font-size:5vh;position:absolute}@media(max-width:992px){.background-container .box-title h2{top:100px;font-size:4vh}}@media(max-width:768px){.background-container .box-title h2{top:50px;font-size:3vh}}@media(max-width:576px){.background-container .box-title h2{top:40px;font-size:2vh}}