@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");.main{margin-top:80vh;padding:0}.top-content{height:80%}.project{max-width:1500px;width:87.5%;margin:auto}.project-title{padding:50px 0;text-align:center;width:100%}.project-info{margin:auto;max-width:1200px;width:80%;border-bottom:1px solid #cccfce;border-top:1px solid #cccfce}.project .design-concept{width:100%;margin:50px 0}.project .design-concept-title{margin-bottom:20px}.project .design-concept-line{width:100%;height:1px;background:#cccfce}.project .design-otherInfo{margin:50px 0}.project .design-otherInfo ul{display:flex;gap:15px 5%;-webkit-flex-wrap:wrap;flex-wrap:wrap;color:#A4A4A4;font-weight:300}.project .design-otherInfo ul li{display:flex;flex:0 0 30%}.project .design-otherInfo ul li.w-100{flex:0 0 100%}.project .design-otherInfo ul li span{min-width:70px}.project .design-otherInfo ul li .pattern p{display:flex}.project .design-otherInfo ul li .pattern p span{min-width:20px}.project-img{width:80%;max-width:1200px;margin:auto;margin-top:50px}.project-img img{position:relative;margin-bottom:20px}.project-btn{background:#666;padding:10px 20px;width:50px;margin:auto;border-radius:.2rem;color:#fff}.project-btn:hover{background:#D7D7D7;color:#222}.design-concept-section .paragraph{color:#A4A4A4;font-weight:300}.design-concept-section .paragraph p:not(:last-child){padding-bottom:20px}.design-concept-section .paragraph .en{padding-top:20px}.basic-info-item{color:#A4A4A4;display:flex;font-weight:300}.basic-info-item span{min-width:40px}@media screen and (max-width: 980px){.project-info{display:block;width:100%;margin:auto}.project-img{width:100%}.project-img img{width:100%}.project .design-concept{width:100%}.project .design-otherInfo ul li{flex:0 0 100%}}@media screen and (max-width: 640px){.main{margin-top:50vh}.top-content{height:50%}.project-title{padding:20px 0}.project .design-concept{padding:40px 0}.project-img{margin-top:40px}}