@charset "utf-8";

/* CSS Document */
body{font-family:'Inter','微軟正黑體',sans-serif;font-size:16px;font-weight: 400; line-height:1.5;color:#3E3E3E;padding-top: 56px;}
a{color: #3E3E3E;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{color: inherit;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
figure{margin-bottom: 0;}
ul{list-style: none;padding-left: 0;margin-bottom: 0;}
:root{
	--txt-letter-spacing:-0.02em;	
}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alertLine{border-color: #d40023;}
.red{color: #d40023;}

/* 卷軸樣式 */
.scrollbar::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;width: .25rem;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

.scrollbar--x::-webkit-scrollbar,
.scrollbar--x::-webkit-scrollbar-track,
.scrollbar--x::-webkit-scrollbar-thumb{height: .5rem;}

.scrollbar--light:hover::-webkit-scrollbar-track{background:#eee;}
.scrollbar--light:hover::-webkit-scrollbar-thumb{background:#ccc;}

.scrollbar--dark:hover::-webkit-scrollbar-track {background:#444;}
.scrollbar--dark:hover::-webkit-scrollbar-thumb {background:#222;}

/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color:#ccc;background:#fff;border:solid 1px #ccc;border-radius:100%;box-shadow:rgba(0,0,0,.5) 0 0 5px}
#goTop:hover{background:#999;color:#FFF}

/*按鈕*/
.btnWrap { margin:2em 0 0;}
.btnStyle{padding: 9px 22px;border-radius: 50px;display: inline-block;overflow: hidden;z-index: 2;font-size: 16px;max-width: 200px;width: 100%;text-align: center;font-weight: 400;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.btnStyle i{margin-left: 10px;}
.whiteBtn{border: 1px solid #fff;color: #fff;position: relative;}
.whiteBtn::before{ content: '';background-color: rgba(255, 255, 255,0.8);transition: 0.3s ease-out;top: 0;bottom: 0;left: 0;height: 100%;width: 0%;display: block;position: absolute;z-index: -1;}
.whiteBtn:hover::before{width: 100%;}
.whiteBtn:hover{color: #000;}

.darkBtn{border: 1px solid #3E3E3E;color: #3E3E3E;position: relative;}
.darkBtn::before{ content: '';background-color: rgba(62, 62, 62,0.8);transition: 0.3s ease-out;top: 0;bottom: 0;left: 0;height: 100%;width: 0%;display: block;position: absolute;z-index: -1;}
.darkBtn:hover::before{width: 100%;}
.darkBtn:hover{color: #fff;}
/* @media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
} */

/*RWD編輯器表格(X捲軸)*/
.tableContainer table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.tableContainer{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.useTool p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.useTool ul{padding-left:0;list-style:none}
.useTool li{display:inline-block;margin: 0 5px;}
.useTool a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.useTool b{margin-bottom: 10px;display: block;text-align: center;}
.useTool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.useTool span{float:right;margin-top: 2px;font-weight: 600;}
/* submit-loading */
.load-wrapp{position:fixed;width:100%;height:100%;background: rgb(0 0 0 / 65%);top: 0;left: 0;z-index: 99999;}
.loading{position:absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.loading span{color:#fff;font-size: 25px;margin-top: 40px;display: table;}
.spinner {position: relative;width: 60px;height: 60px;margin: 0 auto;}
.bubble-1,.bubble-2 {position: absolute;top: 0;width: 30px;height: 30px;border-radius: 100%;background-color: #fff;}
.bubble-2 {top: auto;bottom: 0;}
.loading .spinner {animation: loadingI 2s linear infinite;}
.loading .bubble-1,.loading .bubble-2 {-webkit-animation: bubble 2s ease-in-out infinite;animation: bubble 2s ease-in-out infinite;-moz-animation:bubble 2s ease-in-out infinite;-o-animation:bubble 2s ease-in-out infinite;}
.loading .bubble-2 { animation-delay: -1s;}
/* animation:loadingI */
@-o-keyframes loadingI{
	100% {
	transform: rotate(360deg);
	}
}
@-moz-keyframes loadingI{
	100% {
	transform: rotate(360deg);
	}
}
@-webkit-keyframes loadingI {
	100% {
	transform: rotate(360deg);
	}
}
@keyframes loadingI {
	100% {
	transform: rotate(360deg);
	}
}
/* bubble */
@-o-keyframes bubble{
	0%,
	100% {
	transform: scale(0);
	}
	50% {
	transform: scale(1);
	}
}
@-moz-keyframes bubble{
	0%,
	100% {
	transform: scale(0);
	}
	50% {
	transform: scale(1);
	}
}
@-webkit-keyframes bubble {
	0%,
	100% {
	transform: scale(0);
	}
	50% {
	transform: scale(1);
	}
}
@keyframes bubble {
	0%,
	100% {
	transform: scale(0);
	}
	50% {
	transform: scale(1);
	}
}
/* submit-loading END*/
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper { padding:2rem 0;}
.blockHeight{padding:8rem 0;}
.blockWidth{padding-left: 60px;padding-right: 60px;}

/* 頁碼 */
.pageNumber{font-size: 18px;display: flex;justify-content: flex-end;margin-top: 30px;}
.pageNumber a{padding: 10px 12px;opacity: .7;}
.pageNumber a.on,.pageNumber a:hover{opacity:1;color: #000;}

/*提醒:編輯器插入的圖需做以下設定，圖才不會變形*/
.tx01 img{max-width: 100%;height: auto!important;}

/* 標題 */
.circleTitle{font-size: 18px;line-height: 18px;display: flex;font-weight: 400;align-items: flex-end;margin-bottom: 40px;letter-spacing: var(--txt-letter-spacing);}
.circle{background-color: #3E3E3E;width: 30px;height: 30px;display: block;border-radius: 50px;text-align: center;line-height: 30px;position: relative;margin-right: 60px;color: #fff;}
.circle::after{content: '';width: 40px;height: 1px;background-color: #3E3E3E;display: block;position: absolute;bottom: 0;left: 38px;}
.bigTitle{font-size: 50px;font-weight: 600;letter-spacing: var(--txt-letter-spacing);}


/*header*/
header{color: #fff;background-color: #000;}
header .logo{max-width: 150px;}
.navList__box{justify-content: center;}
.navList{text-transform:uppercase}
.navList .nav-item{margin: auto 10px;}
.navList .nav-link{color: #fff;}
.navList .nav-link:hover{color: #777;}
.language{display: flex;align-items: center;position: relative;cursor: pointer;}
.languageArrow{clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: #fff;width: 10px;height: 8px;display: block;margin-left: 10px;}
.languageList{display: none;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);background-color: #fff;width: 100%;padding:5px 10px;color: #3E3E3E;text-align: center;}
.area_point{ position:relative;}
.po_point{position:absolute;top: -150px;}

/*banner*/
.banner{height: 75vh;overflow: hidden;}
.iframeBox{position:relative;width: 100%;display: inline-block;height: 100%;}
.iframeBox::before{content: '';width: 100%;background: rgba(0,0,0,.6);display: block;z-index: 1;position: relative;height: 100%;}
.bannerTitle__box{margin:0;position:absolute;left:50%;top: 50%;transform:translate(-50%,-50%);color:#fff;text-align: center;width: 100%;z-index: 2;}
.bannerTitle__box .btnStyle{max-width:200px}
.bannerTitle{font-weight: 600;font-size: 95px;font-size: clamp(2rem,8vw,95px);letter-spacing: var(--txt-letter-spacing);}
.bannerSub{font-style: italic;font-weight: 300;font-size: 36px;letter-spacing: var(--txt-letter-spacing);}
.bannerSub--mb{display: none;}
.banner video{display:block;position:absolute;top: 50%;left:50%;min-width:100%;min-height:100%;width:100%;height: 100%;transform:translate(-50%,-50%);object-fit: cover;object-position: center 60%;background: #000;}
.banner iframe{pointer-events:none;position:absolute;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width: 100%;height: 100%;}
video::-webkit-media-controls-enclosure{display: none;}
.pgBanner{background-color: #000000;color: #fff;}
.pageBanner__txt{align-items: center;}
.bannerTxt{width: 35%;font-size: 20px;font-weight: 300;}

/*首頁文字*/
.inText{font-size: 20px;line-height: 30px;font-weight: 300;}

/* 首頁- WHO WE ARE */
.ixAbout{background-color: #000;color: #fff;}
.ixAbout .circle{background-color: #fff;color: #000;}
.ixAbout .circle::after{background-color: #fff;}
.ixAbout__box{display: flex;justify-content: space-between;}
.ixAbout__left{width: 45%;}
.ixAbout__right{width: 40%;}
.ixAbout__list{font-size: 20px;line-height: 30px;list-style: disc;font-weight: 300;}
.ixAbout__list li{margin-bottom: 20px;}
.ixAbout__right .whiteBtn{max-width: initial;width: auto;margin: 5px;}

/*首頁 - Explore new possibilities for the next technology revolution*/
.ixImage{background-color: #E5D9D9;position: relative;}
.ixImage__firstBlock{position: relative;margin-bottom: 25vw;}
.ixImage__title{font-style: italic;font-weight: 300;font-size: 5vw;max-width: 55vw;position: absolute;left: 38%;bottom: -2.75em;}
.ixImage__title span{font-weight: 600;font-style: normal;}
.ixImage__photoBox{position: relative;/* margin-top: 300px; *//* margin-top: 20vw; */}
.ixImage__photo02{position: absolute;right: 16%;top: -30%;top: -10vw;}
.ixImage__photo03{padding-left: 10%;}
.ixImage__photo01 img{/* max-width: 900px; */width: clamp(300px,70vw,900px);}
.ixImage__photo02 img{/* max-width: 600px; *//* width: 350px; */width: clamp(170px,25vw,350px);}
.ixImage__photo03 img{/* max-width: 600px; */width: 700px;width: clamp(320px,40vw,700px);}

/*首頁 - OUR INTERESTS*/
.flexBlock{display: flex;justify-content: space-between;}
.flexBlock .bigTitle{width: 45%;}
.flexBlock p{margin-bottom: 0;}
.ixInterests{background-color: #E5D9D9;}
.interestsText{width: 45%;}
.ixInterests__imgBox{position: relative;overflow: hidden;}
.ixInterests__imgBox::before{content: '';width: 0%;height: 100%;display: block;background-color: rgba(0, 0, 0,0.6);position: absolute;left: 0;top: 0;z-index: 1;transition: all .35s;-webkit-transition: all .35s;}
/* .ixInterests__item:hover .ixInterests__imgBox::before{width: 100%;} */
.ixInterests__list{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;margin-top: 100px;}
.moreText{position: absolute;top: 50%;left: -50%;transform: translate(-50%, -50%);margin-bottom: 0;opacity: 0;transition: all .5s;-webkit-transition: all .5s;z-index: 2;border: 1px solid #fff;color: #fff;}
.ixInterests__item:hover .moreText{left: 50%;opacity: 1;}
.ixInterests__imgBox img{width: 100%;max-width: inherit;transition: all 0.5s;transform: scale(1);}
.ixInterests__item:hover .ixInterests__imgBox img{transform: scale(1.1);}
.ixInterests__list .itemText{margin-top: 20px;color: #3E3E3E;}
.ixInterests__list .itemText p{margin-bottom: 0;}
.ixInterests__list .itemText .name{font-size: 20px;font-weight: 600;margin-bottom: 5px;letter-spacing: var(--txt-letter-spacing);}
/*首頁 - News*/
.ixNews{background-color: #DEEAE7;}
.ixNews__text{width: 40%;}
.ixNews__list{margin-top: 60px;}
.ixNews__item{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #3E3E3E;border-bottom: 1px solid #3E3E3E;padding: 20px 0;}
.ixNews__item:last-child{border-top: 0px;}
.newsDate{font-size: 20px;padding-right: 15px;}
.newsTitle{font-weight: 600;font-size: 20px;}

/*首頁 - Contact us*/
.ixContact{background-color: #E2E2E2;}

/* footer */
footer{background:#000;color:#fff;padding-top: 6rem;padding-bottom: 20px;}
.ftQuick{align-items: center;}
.ftQuick figure{/* height: 25px; */max-width: 600px;width: 100%;}
.ftQuick figure img{height:100%;}
.ftLogo__other{display: flex;padding: 4rem 0 3rem;}
.ftLogo__other img{margin-right: 20px;}
.ftList{max-width: 480px;width: 100%;display: flex;justify-content: center;justify-content: space-between;}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: #fff;}

/*team*/
.team{background-color: #E6D9D9;}
.teamList__box{margin-bottom: 60px;}
.teamList__box:last-child{margin-bottom: 0;}
.teamList__box:last-child .teamItem__info {margin-bottom: 0;}
.teamList{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 40px;}
.teamItem{cursor: pointer;/* margin-right: 40px; */}
.teamItem:last-child{margin-right: 0;}
.teamItem:hover .ixInterests__imgBox::before {width: 100%;}
.teamItem:hover .moreText {left: 50%;opacity: 1;}
.teamItem p{margin-bottom: 0;}
.teamText{margin-top: 10px;}
.teamItem .name{font-weight: 600;font-size: 24px;line-height: 30px;}
.teamItem .position{font-size: 20px;font-weight: 300;}
.teamItem__info{padding: 40px;background-color: #fff;margin-top: 20px;margin-bottom: 40px;display: none;position: relative;}
.infoLeft::after{content: '';clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: #E6D9D9;position: absolute;left: 15%;top: -1px;width: 40px;height: 25px;}
.infoCenter::after{content: '';clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: #E6D9D9;position: absolute;left: 50%;top: -1px;width: 40px;height: 25px;transform: translateX(-50%);}
.infoRight::after{content: '';clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: #E6D9D9;position: absolute;right: 15%;top: -1px;width: 40px;height: 25px;}
.infoTitle{font-size: 22px;font-weight: 600;margin-bottom: 10px;}
.teamInfo__text{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;}
.teamInfo__text .popContent__close{display:none}
.teamInfo__text p:last-child{margin-bottom: 0;}
.communityIcon{font-size: 26px;color: #3E3E3E;}
.teamInfo__right{font-size: 18px;}

/* news */
.news{background-color: #E2E2E2;}
.newsItem{display:flex;/* align-items: flex-start; */border-top: 1px solid;padding: 30px 0;}
.newsItem:last-child{border-bottom: 1px solid;}
.newsItem__right{/* padding-right: 60px; */flex: 1;}
.news .title{font-weight:600;font-size: 38px;margin-bottom: 1rem;}
.news .date{margin-bottom: 10px;display: inline-block;font-size: 22px;color: rgba(62, 62, 62,0.8);}
.newsItem figure{width: 500px;width: clamp(90px,30vw,500px);}
.newsList .smTxt{font-size:18px;margin-bottom: 30px;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsTop{border-style:solid;border-width:1px 0;padding: 20px 0;margin-bottom: 20px;}
.topTool{display:flex;align-items: flex-start;justify-content: space-between;width: 100%;gap: 15px;}
.newsList .btnStyle{margin-left:auto;display: table;}
.newsItem .newsItem__right+figure{padding-left:60px}
/* 圖文 */
.pageContent img{max-width: 100%;height: auto!important;}
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img {margin-bottom: 1em; }
.img-left,.img-left1 {float: left;padding-bottom: 1em;padding-right: 2em;max-width: 100%;width: 40%;}
.img-right,.img-right1 {float: right;padding-bottom: 1em;padding-left: 2em;max-width: 100%;width: 50%;}

/* portfolio */
.portfolio{background-color: #E5D9D9;overflow: hidden;}
.container--full{display: flex;max-width: 100%;padding: 0;position: relative;}
.sideBox{background:#fff;padding-left: 3rem;padding-right: 3rem;width: 25%;}
.sideBox ul{font-size:18px;display: table;margin-left: 90px;margin-top: 3rem;}
.sideBox ul li+li{margin-top:1.2rem}
.sideBox__item.active a{color:#3E3E3E;font-weight: 500;}
.sideBox__item a{display: block;color:#A3A3A3}
.sideBox+.blockHeight{flex:1;align-self: flex-start;padding-left: 5rem;padding-right: 2rem;}
.portfolioList{display: grid;grid-template-columns: repeat(4,1fr);margin-top: 60px;margin-bottom: 60px;column-gap: 1rem;row-gap: 6rem;}
.portfolioList__item{text-align:center;cursor:pointer}
.portfolioList__item figure{mix-blend-mode:darken;margin-bottom: 1rem;height: 150px;display: flex;align-items: center;justify-content: center;}
.portfolioList__item img{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;max-height: 100%;}
.portfolioList__item:hover img{transform:scale(0.95)}
.popContent{position: fixed;right: 0;top: 0;bottom: 0;max-width: 100%;width: 600px;background: #DEEAE7;padding: 6rem 0 8rem;z-index: 9999;opacity: 1;transform: translateX(0);-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.popContent__close{width: 40px;height: 40px;text-align: center;display: inline-block;font-size: 30px;line-height: 40px;border-radius: 60px;border: 1px solid #3E3E3E;position: absolute;right: 20px;top: 25px;cursor: pointer;}
.popContent__close:hover{background: #3E3E3E;color: #fff;}
.popContent figure{mix-blend-mode:darken;margin-bottom: 3rem;}
.popContent__title{font-size:26px;display: inline-block;margin-bottom: 20px;}
.popContentInner{height: 100%;overflow-y: scroll;padding: 0 4rem;}
.popContent__item+.popContent__item{margin-top:60px}
.popContent__item a{color: #0d5773;text-decoration: underline;}
.popContent__item__title{font-weight: 600;margin-bottom: 5px;}
.mask{background:#000000;opacity: .6;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.mask:not(.open){opacity:0;pointer-events: none;}
.popContent:not(.active){transform:translateX(600px);opacity: 0;}
/* .portfolioList__item.animated{-o-animation: MoveUp .8s  linear forwards;-webkit-animation: MoveUp .8s  linear forwards;-moz-animation: MoveUp .8s  linear forwards;animation: MoveUp .8s  linear forwards;}

@-o-keyframes MoveUp{
	0% {opacity: 0;transform: translateY(10px);}
	100% {opacity: 1;transform: translateY(0px);}
}
@-webkit-keyframes MoveUp{
	0% {opacity: 0;transform: translateY(10px);}
	100% {opacity: 1;transform: translateY(0px);}
}
@-moz-keyframes MoveUp{
	0% {opacity: 0;transform: translateY(10px);}
	100% {opacity: 1;transform: translateY(0px);}
}
@keyframes MoveUp{
	0% {opacity: 0;transform: translateY(10px);}
	100% {opacity: 1;transform: translateY(0px);}
}  */

/* contact */
.contact{background-color: #DEEAE7;}
.contactArea+.contactArea{margin-top:100px}
.contactInfo{display: flex;justify-content: space-between;}
.contactInfo .bigTitle{/* flex:1; *//* width: 500px; */margin-right: 100px;}
.contactInfo article{/* flex-shrink: 1; */flex: 1;}
.contactInfo__txt{display: flex;justify-content: flex-end;}
.location+.location{margin-left: 80px;}
.location{width: 360px;border-top: 1px solid;padding-top: 40px;}
.location a:hover{color: #3E3E3E;text-decoration: underline;}
.location li+li{margin-top:25px;}
.location .name h3{font-size: 22px;font-weight: 700;}
.proposal__txt{font-size: 18px;margin-bottom: 30px;}
.proposal__txt ul{list-style: disc;padding-left: 40px;margin-bottom: 1rem;}
.proposal small{font-style:italic;display: inline-block;margin-top: 50px;}

/* form */
.form{max-width: 800px;margin: 0 auto;}
.form form{background:#fff;padding: 40px;}
.formGroup__item{border-bottom:1px solid #deeae7;padding-bottom: 20px;}
.formGroup__item p{font-weight: 500;font-size: 17px;margin-bottom: 6px;}
.formGroup__item .form-control{border-radius:0;appearance: auto;}
.formGroup__item .form-control:focus{outline:none;border-color: #000;box-shadow: none;}
.formGroup__item+.formGroup__item{margin-top: 18px;}
.formGroup__item__inner .custom-radio{margin:10px}

/* 宣告文件 */
.privacy ul{list-style: inside;}
.fileList__box__item+.fileList__box__item{margin-top: 30px;}
.fileList__box__itemTitle{font-weight:600;}

/*------------------------------RWD設定---------------------------------*/

@media screen and (max-width: 1366px) {
	/* footer */
	.ftQuick figure{}
}
@media screen and (max-width: 1280px) {
	/* contact */
	.contactInfo{flex-direction:column}
	.contactInfo .bigTitle{margin-right: 0;margin-bottom:40px}
	.location{width:50%}
	.location+.location{margin-left: 40px;}
	/* portfolio */
	.container--full{display:block}
	.sideBox.blockHeight{width:100%;padding-left: 15px;padding-right: 15px;}
	.sideBox.blockHeight{padding-top: 3.5rem;padding-bottom: 3.5rem;}
	.sideBox ul{display: flex;gap: 5px;margin: 0;overflow-x: scroll;}
	.sideBox ul li+li{margin:0}
	.sideBox__item a{white-space: nowrap;padding: 15px;}
	.sideBox+.blockHeight{padding-left: 15px;padding-right: 15px;}
	.portfolioList{grid-template-columns: repeat(2,1fr);gap: 40px;margin: 0;}
	.portfolioList__item figure{height: 100px;}
	/* footer */

	.ftQuick figure{margin-bottom: 20px;}
	footer .ftQuick{flex-direction: column;align-items: flex-start;}
		footer ul li{padding:0;}
}

@media screen and (max-width: 991px) {
	/* header */
	.navbar-toggler{order: 1;border: none;}
	.language{margin-left: auto;margin-right: 1.5rem;}
	.navList__box{position:absolute;left:0;right:0;top:100%;background:#000;text-align: right;}
	.navList{padding: 1rem 0 2rem;}
	.navList .nav-link{padding: 1rem 60px;}
	/* footer */
	.ftQuick .ftList{max-width:350px;}

	.ftBottom{font-size:14px}
	.copyright{flex:1}
	.ftBottom .ftList{max-width: 300px;}
	/*banner*/
	.banner{height: 100vh;}
	.bannerTxt{width: 55%;}
	.bannerSub{font-weight:100}
	.bannerSub--pc{display: none;}
	.bannerSub--mb{display: block;}
	/* news */
	.newsItem{padding:20px 0}
	.newsItem__right{order: 1;padding-left: 15px;display: flex;padding-right: 0;flex-direction: column;}
	.newsItem figure{}
	/* .newsItem figure img{height:100%;object-fit:cover} */
	.news .title{font-size: 18px;}
	.newsList .smTxt,.newsList .btnStyle{/* display: none; */max-width: 200px;margin-left: auto;}
	.news .date{/* order:1; *//* margin-top: auto; *//* margin-bottom: 0; *//* padding-top: 10px; */font-size: 18px;}
	.news .newsTop .title{font-size:24px}
	.news .newsTop .date{padding:0 0 15px}

}

@media screen and (max-width:768px) {
	/* 圖文 */
	.img-left, .img-left1,.img-right, .img-right1{width:100%;padding: 0;float: inherit;}
	/*按鈕*/
	.btnWrap { margin-top:44px;}
	.btnStyle{font-weight: 500;max-width: 160px;}
	.whiteBtn,.darkBtn{border-width:2px}
	/* 標題 */
	.bigTitle{margin-bottom: 44px;font-size:48px;}
	.circleTitle{margin-bottom:54px;font-size: 14px;}
	.circle{width:24px;height:24px;margin-right: 56px;font-size: 16px;line-height: 24px;}
	.circle::after{width:36px;left: 34px;}
	/* contact */
	.contactInfo .bigTitle{margin-bottom: 44px;font-size:48px;}
	/*全頁佈局*/
	/* .wrapper { padding:2rem 0;} */
	.blockHeight{padding:5rem 0;}
	.blockWidth{padding-left: 30px;padding-right: 30px;}
	.container{padding: 0;}
	/*banner*/
	.pageBanner__txt{flex-direction: column;align-items: flex-start;}
	.bannerTxt{width:100%;font-size: 18px;}
	/* footer */
	.ftQuick figure{margin-bottom: 0;}
	.ftQuick{flex-direction: column;align-items: flex-start;}
	.ftQuick .ftList{margin-top:2rem}
	.ftBottom .ftList{max-width: initial;width: auto;}
	.ftBottom .ftList li+li{margin-left:30px}
	/* 首頁- WHO WE ARE */
	.ixAbout__box{flex-direction: column;}
	.ixAbout__left{width: 100%;}
	.ixAbout__right{width: 100%;}
	.ixAbout__list{font-size: 18px;font-weight: 100;padding-left: 1.25rem;}
	
	/*首頁 - Explore new possibilities for the next technology revolution*/
	.ixImage__photo01 img{aspect-ratio: 6 / 5.25;object-fit: cover;object-position: right center;}
    .ixImage__title{position: static;max-width: inherit;margin-top: -.75em;padding: 0 15px;font-size: 54px;}
	.ixImage__firstBlock{margin-bottom: 0;}
	.ixImage__photoBox{margin-top: 0;padding: 0 15px;}
	.ixImage__photo02{/* width:45%; */position: static;margin-left: auto;margin-bottom: 15vw;text-align: right;}
	.ixImage__photo03{width: 80%;padding-left: 0;}
	/*首頁 - OUR INTERESTS*/
	.flexBlock{flex-direction: column;}
	.flexBlock .bigTitle{width: 100%;}
	.interestsText{width: 100%;}
	.ixInterests__list{margin-top: 76px;gap:52px;grid-template-columns: repeat(1,1fr);}
	.ixInterests__list .itemText .name{font-size: 27px;margin-bottom: 0;}
	/*首頁 - News*/
	.ixNews__text{width: 100%;}
	.ixNews__item{flex-direction: column;align-items: flex-start;}
	.newsDate{order:1;font-size: 16px;}
	.newsTitle{font-size:18px;font-weight: 700;margin-bottom: 30px;}
	.ixNews__item .btnStyle{display: none;}
	/*team*/
	.teamList{grid-template-columns: repeat(1,1fr);gap: 40px;}
	.teamItem__info{position: fixed;z-index: 9999;left: 0;right: 0;top: 0;bottom: 0;padding: 0;margin: 0;/* background: rgba(0,0,0,.9); */}
	.teamItem__info::after{display:none}
	.teamInfo__text{grid-template-columns: repeat(1, 1fr);padding: 40px;background: #fff;max-height: 100vh;}
	.teamInfo__right{overflow-y: scroll;max-height: calc(100vh - 205px);}
	.teamInfo__text .popContent__close{display:block}
}

@media screen and (max-width:640px) {
	/*全頁佈局*/
	.blockHeight{/* padding: 6rem 0; */}
	.blockWidth{padding-left: 15px;padding-right: 15px;}
	/* 首頁 */
	.ixAbout__right .whiteBtn{margin:5px 0}
	/* form */
	.form form{padding: 20px;}
	/* footer */
	.ftBottom{flex-direction: column-reverse;}
	.ftBottom .ftList{max-width: 300px;width: 100%;margin-bottom: 10px;}
	.ftBottom .ftList li+li{margin-left:30px}
	/* header */
	.navList .nav-link{padding: 1rem 20px;}
	/* contact */
	.contactInfo__txt{display:block}
	.location{width:100%;padding-top: 20px;}
	.location+.location{margin-left:0;margin-top:40px}
	.sideBox.blockHeight{padding-top: 2rem;padding-bottom: 2rem;}
}
@media screen and (max-width:575px){
	/* footer */
	footer{font-weight: 200;padding-bottom: 50px;}
	.ftQuick .ftList{flex-direction:column;max-width: 100%;font-size: 20px;}
	.ftQuick figure{}
	.ftQuick .ftList li+li{margin-top:15px}
}
@media screen and (max-width:480px) {
}