@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Caslon+Display&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700&display=swap");.project-classification ul{gap:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;font-size:1rem}.project-classification ul .classification-item{position:relative;font-size:.875rem}.project-classification ul .classification-item a{position:relative;font-size:.875rem;color:#535759;text-align:center;display:inline-block;width:auto;overflow:hidden;transform:translateY(13px)}.project-classification ul .classification-item a .en,.project-classification ul .classification-item a .tw{position:relative;display:block;font-size:12px}.project-classification ul .classification-item a .en{text-transform:uppercase;opacity:1}.project-classification ul .classification-item a .tw{opacity:0}.project-classification ul .classification-item a:hover{color:#e3680d}.project-classification ul .classification-item a:hover:after{width:100%}.project-classification ul .classification-item a:hover .en{opacity:0}.project-classification ul .classification-item a:hover .tw{opacity:1;transform:translateY(-18px);transition:opacity .6s}.project-classification ul .classification-item.show a{color:#e3680d}@media screen and (max-width: 991px){.container{max-width:100%}.project-classification ul{gap:5%;-webkit-justify-content:flex-start;justify-content:flex-start}.project-classification ul .classification-item{width:47.5%}.project-classification ul .classification-item a{text-align:left}}@media screen and (max-width: 640px){.project-classification ul{gap:5px}.project-classification ul .classification-item{width:100%}.project-classification ul .classification-item a{transform:translateY(0px);display:flex;gap:10px;margin-bottom:10px}.project-classification ul .classification-item a .en:after{content:"/";position:relative;padding-left:10px}.project-classification ul .classification-item a .tw{opacity:1}.project-classification ul .classification-item a:hover .en{opacity:1}.project-classification ul .classification-item a:hover .tw{transform:translateY(0px)}}@media screen and (max-width: 350px){.project-classification ul .classification-item a .en{display:none}}@media screen and (min-width: 1401px){.project-classification ul{gap:30px}}.main{min-height:calc(100vh - 156px)}.project-container{max-width:1400px;width:100%;padding:0 25px;box-sizing:border-box}.project-title{position:relative;display:flex}.project-title:after{position:absolute;top:11.5px;left:0;height:1px;width:100%;content:".";color:transparent;background:#d2d7d9;z-index:-1}.project-title .title-group{position:relative;background:#fafafa;z-index:2;padding-right:15px}.project-img{width:100%}.project-img img{margin-bottom:40px}.project-wrap{display:flex;gap:5%}.project-wrap img{flex:0 0 47.5%;max-width:47.5%}.project-introduce{width:100%}.project-text{margin:20px 0;font-size:0px}.project-text span{font-size:.875rem}.project-btn{margin:100px 0}.project-btn a{display:flex}.project-btn-text{padding:10px 20px;color:#535759;position:relative;border:1px solid #8e9295;text-decoration:none;margin:20px auto;transition:color .4s}.project-btn-text:after{content:" ";border:2px solid transparent;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:all .4s}.project-btn-text:hover:after{border:1px solid #8e9295;width:calc(100% - 10px);height:calc(100% + 10px)}.project-classification{padding-top:15px;border-top:1px solid #aeb3b5}@media screen and (max-width: 640px){.project-img img{margin-bottom:20px}.project-btn{margin:50px 0}}@media screen and (max-width: 350px){.project-title{display:block}}@media screen and (min-width: 992px){.project-classification ul{-webkit-justify-content:space-between;justify-content:space-between}}