@charset "utf-8";

/* CSS Document */
body{font-family:'Noto Sans TC', "Noto Serif TC", serif,"Noto Serif Display",'微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:var(--white);background-color: var(--black);}
body::after {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 9999;pointer-events: none;opacity: 0;-webkit-transition: 1s cubic-bezier(0.42, 0, 0.58, 1);transition: 1s cubic-bezier(0.42, 0, 0.58, 1);}
body.page-fade::after {opacity: 1;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;letter-spacing: 0.15rem;line-height: 1.7;}
a:hover{color:#777;}
*{ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;}
img{
    image-rendering: -webkit-optimize-contrast; /* 针对WebKit引擎 */
    image-rendering: crisp-edges;	
}
p,li{letter-spacing: 0.15em;line-height: 1.7;font-weight: 400;}
label,li a{letter-spacing: 0.15rem;line-height: 1.7;font-weight: 400;}
/*---------------------- 基礎設定 ----------------------*/
*/
.alertLine{border-color: #d40023;}
.red{color: #FF7777;}


/* ScrollDown箭頭 */
.ScrollDown{position: absolute;bottom: 16%;transform: rotate(90deg);color: var(--white);margin: 0;right: 0;font-weight: 400;}
.ScrollDown::after{content: '';width: 90%;height: 1px;background-color: var(--gray2);display: block;position: absolute;top: 50%;transform: translateY(-50%);right: -100%;}
/* 回頂端 */
#goTop{display:none;cursor:pointer;transition: 0.5s;}
#goTop:hover{color:var(--yellow)}
.goTop{position:fixed;bottom:10%;right: 25px;width: auto;height: 30px;color:var(--white);z-index: 1000;font-weight: 400;transform: rotate(90deg);margin: 0;text-shadow:0 0 0.5px var(--gray);}
.goTop::after{content: '';width: 150%;height: 1px;background-color: var(--gray2);display: block;position: absolute;top: 50%;transform: translateY(-50%);right: -150%;left: -180%;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
	#goTop{right:0;}
}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-x: scroll;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*/
/*---------------------- 頁面開始 ----------------------*/

:root{
	--white:#D9D9D9;
	--whiteD: #a7a7a7;
	--yellow:#C3B183;
	--black:#2C2B2A;
	--gray:#474543;
	--gray2:#666;
	--fontL:2rem;
	--fontM:1.5rem;
}


/*全頁佈局*/
.wrapper { padding:5rem 0;}
.blockHeight{padding: 5rem 0;}
.whiteBg{background-color: #f5f5f5;position: relative;}
.whiteBg::before{content: '';height: 1px;width: 100%;/*background: linear-gradient(to right, #C3B183, rgba(195, 177, 131, 0)) no-repeat;*/ background-color: var(--yellow);opacity: .2; display: block;position: absolute;left: 0;top: 0;}
.blockHeight--pageTitle{padding: 8rem 0 1rem;}
.blockHeight--deco{overflow: hidden;}
.blockHeight--pageLine{position: relative;}
.blockHeight--pageLine::before{content: '';height: 1px;width: 100%;background-color: var(--yellow);opacity: .2;display: block;position: absolute;left: 0;top: 0;z-index: 1;}
.container{position: relative;z-index: 2;}
/* bootstrap */
.row{justify-content: space-between;}
.col-md-8 p{color: var(--black);font-weight: 400;}


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


/* 標題 */
.mainTitle{margin-bottom: 40px;}
.mainTitle--row{display: flex;align-items: baseline;justify-content: flex-end;flex-direction: row-reverse;margin-bottom: .5rem;}
.mainTitle__sm{font-family: "Noto Serif Display", serif;font-weight: 500; color:white;margin: 0;font-size: clamp(1.1rem, 4vw, 1.5rem);}
.mainTitle__sm .bi-slash-lg::before{padding-left: 5px; transform: rotate(-20deg);font-style: inherit!important; font-weight: 400!important;}
.mainTitle__big{font-family: "Noto Serif TC", serif;color: var(--yellow);letter-spacing: 0.5rem;margin: 0 0 0 40px;font-weight: 500;font-size: clamp(2rem, 4vw, 3.125rem);}
.mainTitle__big--sm{font-size: clamp(1.5rem, 4vw, 2.25rem);}
.txtCenter{text-align: center;}
/* 內頁標題 */
.mainTitlepPage__big{font-family: "Noto Serif TC", serif;color: white;letter-spacing: 0.5rem;font-weight: 500;font-size: clamp(2rem, 4vw, 2.7rem);text-align: center;margin: 0;}
/* 內頁標題 */
.mainTitleFooter__big{font-family: "Noto Serif TC", serif;color: var(--yellow);letter-spacing: 0.25rem;margin: 0 0 0 40px;font-weight: 500;font-size: clamp(1.5rem, 4vw, 2.25rem);}

/* 按鈕 */
.readMore{display: flex;justify-content: flex-start;align-items: center;}
.readMore__txt{border: 1px solid var(--white);padding: 5px 27px;color: var(--white);display: inline-block;margin: 50px 0 0;position: relative;}
.readMore__txt::after{content: '';height: 100%;width: 0px;background-color: var(--yellow);color: var(--black);display: block;position: absolute;top: 0;left: 0;transition: 0.5s;z-index: -1;}
.readMore__txt:hover::after{width: 100%;}
.readMore__txt:hover{color: var(--black);border: 1px solid var(--yellow);}
/* 內頁 按鈕 */
.readMorePage{display: flex;justify-content: center;align-items: center;}
.readMorePage__txt{border: 1px solid var(--black);padding: 5px 27px;color: var(--black);display: inline-block;margin: 50px 0 0;position: relative;}
.readMorePage__txt::after{content: '';height: 100%;width: 0px;background-color: var(--yellow);display: block;position: absolute;top: 0;left: 0;transition: 0.5s;z-index: -1;}
.readMorePage__txt:hover::after{width: 100%;}
.readMorePage__txt:hover{border: 1px solid var(--yellow);color: var(--black);}

/* header */
.navbar{background-color: transparent;transition: 0.3s all;color: #F5F5F5;padding: 0.75rem 0;font-weight: 400;position: fixed;top: 0;left: 0;right: 0;z-index: 10000;display: flex;background-color: var(--black);}
.navLogo{height: 3.5rem;transition: 0.3s all;}
.navbar.navbar--scroll{background-color: rgb(0 0 0 / 90%);padding: 0.5rem;}
.navbar.navbar--scroll .nav-link{color: var(--white);font-weight: 400;}
.navbar.navbar--scroll .navLogo{height: 3rem;}
.navbar .nav-link{transition: color 0.3s ease;color: #F5F5F5;}
.nav-item{position: relative;transition: 0.5s;}
.nav-item::after{content: '';width: 0;height: 3px;background-color: var(--yellow);display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: 0.5s;}
.nav-item:hover::after{width: 100%;}
.nav-item--btn::after{display: none;}
.nav-link--m{display: none;}
/*!header-手機按鈕*/
.navbar-toggler{border:none;display: flex;flex-direction: column;gap: 0.375rem;aspect-ratio: 3/2;object-fit: cover;object-position: center;justify-content: center;padding: 0.5rem 0;align-items: center;}
.navbar-toggler__line{width: 1.5rem;height: 2px;background: var(--gray2);display: inline-block;border-radius: 100rem;transition: 0.3s all;}
.navbar-toggler.open .navbar-toggler__line:nth-child(1){transform:translateY(0.5rem) rotate(225deg);}
.navbar-toggler.open .navbar-toggler__line:nth-child(2){transform:translateX(0.5rem);opacity:0;}
.navbar-toggler.open .navbar-toggler__line:nth-child(3){transform:translateY(-0.5rem) rotate(-225deg);}
.navbar-toggler:focus{box-shadow:none;}


/* 立即諮詢按鈕 */
.nav-item--btn{display: flex;justify-content: center;align-items: center;background: var(--yellow);font-size:clamp(1rem, 4vw, 1.125rem);transition: 0.5s;position: relative;padding: 0 1.5rem;padding-left: 0;padding-right: 0;margin: 1rem 0;}
.nav-link--btn i{padding-right: 5px;}
.nav-item--btn:hover{background: linear-gradient(to right, #C3B183, rgba(195, 177, 131, 0.5)) no-repeat;}
/* .nav-item--btn::before{content: '';height: 100%;width: 0px;background-color: var(--black);display: block;position: absolute;top: 0;left: 0;transition: 0.5s;z-index: -1;}
.nav-item--btn:hover::before{width: 100%;background: linear-gradient(to right, #C3B183, rgba(195, 177, 131, 0.5)) no-repeat;}
.nav-item--btn:hover{color: var(--white);} */


/* 麵包屑 */
.breadCrumbs{display: flex;justify-content: flex-start;align-items: center;padding: 0;flex-wrap: wrap;}
.breadCrumbs .item{list-style: none;padding: 0 1rem;position: relative;}
.breadCrumbs__btn{color: var(--gray2);transition: 0.5s;cursor: pointer;}
.breadCrumbs__btn:hover,.breadCrumbs__active:hover{color: var(--yellow);}
.breadCrumbs__active{color: var(--yellow);}
.breadCrumbs .item::before{content: '';width: 4px;height: 4px;background-color: var(--gray2);display: inline-block;position: absolute;top: 50%;left: -0.15rem;transform: translateY(-50%);}
.breadCrumbs .item:first-child {padding-left: 0;}
.breadCrumbs .item:first-child::before {display: none;}

/* 頁碼-pageNumber */
.pageNumber{display: flex;justify-content: center;align-items: center;gap: 3rem;padding: 2rem 0;}
.pageNumber__box{display: flex;justify-content: center;align-items: center;gap: 1.5rem;flex-wrap: wrap;}
.pageNumber a{color: var(--whiteD);text-align: center;font-family: "Noto Serif TC", serif;width: 1.5rem;border-bottom: 3px solid transparent;}
.pageNumber a:hover{border-bottom: 3px solid rgb(195, 177, 131,0.3);}
.pageNumber .on{border-bottom: 3px solid var(--yellow);color: var(--black);}
.pageNumber .p10,.pageNumber .n10{background-color: var(--white);color: #f5f5f5;border-radius: 50%;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.pageNumber .p10:hover,.pageNumber .n10:hover{background-color: var(--gray);border-bottom:0;}
.pageNumber .n10 i{padding-left: 5px;}

/*banner*/
.banner{position: relative;}
.banner__box{position:relative;overflow: hidden;}
.bannerTitle{margin:0;position:absolute;left:13%;top:50%;transform:translateY(-50%);color:var(--white);text-shadow:0 0 15px var(--gray);z-index: 2;}
.bannerTitle__pic{width: 100%;}
.bannerTxtSmall{color:var(--white);font-family: "Noto Serif TC",serif;transition: 1s all;opacity: 0;transform: translateX(-1.5rem);transition-delay: 0.5s;font-size: clamp(1rem, 4vw, 1.5rem);letter-spacing: 0.5rem;padding-top: 2rem;}
.banner__bgColor{background: rgb(0, 0, 0,0.2);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;letter-spacing: 0.125rem;}
.bannerPicBox{overflow: hidden;}
.bannerPic{width: 100%;height: 100%;animation: slideIn 5s linear infinite alternate;object-fit: cover;transform: scale(1.1);transition: 7s;}
.bannerPic--m{display: none !important;}
/*!banner(slick)*/
.banner__box.slick-current .bannerTxtSmall{opacity:1;transform: translateX(0);}
.banner__box.slick-current .bannerPic{transform: scale(1);}
/* ScrollDown箭頭 */
.ScrollDown{position: absolute;bottom: 16%;transform: rotate(90deg);color: var(--white);margin: 0;right: 0;font-weight: 400;text-shadow:0 0 0.5px var(--gray);z-index: 100;}
.ScrollDown::after{content: '';width: 100%;height: 1px;background-color: var(--gray2);display: block;position: absolute;top: 50%;transform: translateY(-50%);right: -100%;animation: runningLine02 2s linear infinite alternate;transform-origin: 100% 50%;}
@keyframes runningLine02 {
    0% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
@keyframes slideIn {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
/* slick-首頁banner */
.banner.slick-dotted.slick-slider{margin: 0;}
.banner .slick-list+.slick-dots{display: none;}

/* page內頁-共同 */
/* page內頁-最上面title區塊 */
.pageBanner{background:linear-gradient(to right, #C3B183, rgb(255 255 255)) no-repeat;}
.pageTitleBox--page{display: flex;justify-content: space-between;align-items: flex-end;}
/* page內頁-圖文區塊 tx01 */
.pageWrap{display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 2rem;}
.pageWrap--deco{padding: 5rem 0;}
.pageTxtBox{color: var(--black);font-weight: 400;}
.pageTxtBox--pad{padding: 5rem 0;}
.tx01 p {color: var(--black);}
.tx01 .pageTxtBox__title{font-weight: 400;color: var(--yellow);font-size: clamp(1.275rem, 4vw, 1.5rem);display: inline-block;position: relative;padding-left: 1rem;}
.pageTxtBox__title::after{content:'';position:absolute;top:0;left:0;width: 0.75rem;height: 0.75rem;clip-path: polygon( 0% 0%, 100% 0%, 0% 100%);background-color: var(--yellow);}
.pageTxtBox__txt{font-weight: 400;}
.pageCover{overflow: hidden;width: 100%;}
.dtLayout .tx01:nth-child(-n+3) .pageCover{width:100%;}
.pageCover__pic{object-fit: cover;}
.pageCover--big,.pageCover__pic--big,.pageTxtBox--big{width: 100%;}
.tx01{display: flex;justify-content: center;align-items: center;gap: 2rem;}
.tx01--big{flex-direction: column;width: 100%;}
.tx01:nth-child(1){flex-direction:row-reverse;}

/* 首頁-精選案例 */
.blockHeight--projects{overflow: hidden;padding:2rem 0 10rem;position: relative;}
.blockHeight--projects::after{content: '';background-color: var(--gray);width: 35%;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;display: block;z-index: -1;}
.projectsCont{margin-top: 50px;}
.txtWrap{width: 100%;}
.pdtLis__item{transition: 0.5s;}
.pdtLis__item:hover{transform: scale(0.95);}
.pdtLis__item__pic{aspect-ratio: 700/450;object-fit: cover;width: 100%;}
/* slick-首頁精選案例 */
.blockHeight--projects .slick-slide{height: auto;}
.blockHeight--projects .slick-list{margin: 50px -50% 50px 0;}
.blockHeight--projects .slick-prev{left: inherit;right: 50px;}
.blockHeight--projects .slick-prev,.blockHeight--projects .slick-next{top: inherit;bottom: -100px;z-index: 3;}
.blockHeight--projects .slick-prev:before{content: '\F284';font-family: bootstrap-icons !important;background: rgb(255,255,255,0.5);color: var(--black);border-radius: 50%;padding: 0.75rem;font-size: 1rem;}
.blockHeight--projects .slick-next:before{content: '\F285';font-family: bootstrap-icons !important;background: rgb(255,255,255,0.5);color: var(--black);border-radius: 50%;padding: 0.75rem;font-size: 1rem;}
.blockHeight--projects .slick-dots{width: 90%;}
.blockHeight--projects .slick-dots li{margin: 0;width: 100%;}
.blockHeight--projects .slick-dots li.slick-active button:before{color: var(--white);}
.blockHeight--projects .slick-dots li button:before{color: var(--gray);content: '';width: 100%;height: 2px;background-color: var(--white);}
.blockHeight--projects .slick-dots{bottom: -100px;display: flex;align-items: center;justify-content: flex-start;}

/* 首頁-VITALITY故事 */
.blockHeight--vitality{padding: 0;}
.vitalityCont{display: flex;align-items: stretch;justify-content: space-between;}
.vityTxt{width: 100%;background-color: #F5F5F5;padding: 5rem 1rem;display: flex;justify-content: center;align-items: center;flex-direction: column;flex: 1;}
.mainTitle--vity{margin-bottom: 20px;margin-right: 500px;}
.mainTitle__big--vity{font-family: "Noto Serif Display", serif;position: relative;display: inline-block;margin: 0;letter-spacing: 5px;}
.mainTitle__big--vity::after{content: '';height: 1px;width: 60%;background-color: #888;display: block;position: absolute;right: -70%;bottom: 50%;transform: translateY(-50%);}
/* 首頁-VITALITY影片 */
.vitalityCont__videoBox{position: relative;}
.vitalityCont__videoBox__video{width: 790px;height: 100%;object-fit: cover;aspect-ratio: 800/500;}
/* 小旋轉地球 */
.smallBoll__pic{position: absolute;z-index: 3;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;transform: translate(30%,30%);}
.smallBoll__pic__ball{position: absolute;}
.smallBoll__pic__border{animation: rotate 30s linear infinite;}
/* .smallBoll__pic--page{left: 0;right: inherit;z-index: 1;transform: translate(-50%,80%);} */
/* 首頁-VITALITY內文 */
.vityTxt__box{margin-left: 100px;}
.vityTxt__txt{color: var(--black);margin: 0;font-size: clamp(1rem, 4vw, 1.5rem);}
.vityTxt__txt--magLeft{margin-left: 120px;}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 首頁-About關於我們 */
.blockHeight--about{padding: 10rem 0;overflow: hidden;}
/* 背景動態 */
.aboutCont{display: flex;align-items: center;justify-content: space-between;position: relative;}
.aboutCont__picMove__txtBox{display: flex;justify-content: space-between;align-items: center;flex-direction: column;/* gap: 7rem; */position: absolute;z-index: 50;width: 550px;height: 500px;}
.aboutCont__picMove{position: absolute;width: 100%;right: -35%;}
.smallCont__txt{width: 45%;z-index: 5;}
.abtPicMoveItem{display: flex;justify-content: space-between;align-items: center;}
.abtPicMoveItem__txt{text-align: center;transition: 0.3s;cursor: pointer;}
.abtPicMoveItem__txt:hover{transform: scale(1.1);}
.abtpicMoveItem--01{justify-content: center;margin: -2rem 0 2.5rem;}
.abtPicMoveItem--02{gap: 25rem;margin: 0rem 0 9.4rem;}
.abtPicMoveItem--03{gap: 16rem;margin-bottom: -2.6rem;}
.bigBoll{display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.bigBoll__pic{position: absolute;}
/* 5邊形對照 */
.shape{position: relative;width: 500px;height: 500px;}
.shape:after{content: '';display: flex;width: 100%;height: 100%;/* background:rgb(255,255,255,0.5); */position: absolute;top: 0;left: 0;clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}
/* 關於我們-地球外框-最外層 */
.bigBoll__picAmtion01{animation: picAmtion01 60s linear infinite;}
/* 關於我們-地球外框-最內層 */
.bigBoll__picAmtion03{animation: picAmtion02 150s linear infinite;}
/* 關於我們-地球外框-權磐中文字LOGO */
.bigBoll__picAmtion05 {width: 15%;}
/* 關於我們-5大特色 */
.picMoveItem__txt{text-align: center;}
@keyframes picAmtion01 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes picAmtion02 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* 首頁-Services服務流程 */
.blockHeight--svice{background-color: var(--gray);padding: 10rem 0;}
.sviceCont{display: flex;align-items: flex-end;justify-content: space-between;}
.sviceCont__item{display: flex;justify-content: center;align-items: flex-end;gap: 2rem;border-bottom: 1px solid var(--gray2);padding: 0 3.125rem 4rem;position: relative;}
.sviceCont__item p{margin: 0;}
.sviceCont__item::before{content: '';width: 90px;height: 1px;background-color: var(--white);position: absolute;bottom: 0;right: 0;display: block;transition: 0.5s;}
.sviceCont__item::after{content: '';width: 20px;height: 1px;background-color: var(--white);position: absolute;bottom: 0;right: 0;display: block;transform: rotate(30deg);transform-origin: 100% 50%;transition: 0.5s;}
.sviceCont__item:nth-last-child(1):after{display: none;}
.sviceCont__item__titleBox{display: flex;align-items: center;justify-content: center;gap: 1rem;flex-direction: column;}
.sviceTitle{font-weight: 400;font-size: clamp(1.375rem, 4vw, 1.5rem);}
.sviceStep{background-color: var(--white);color: var(--black);font-weight: 400;padding: 0 1.5rem;}
.sviceCont__item__txtBox ol{margin: 0;list-style-type: none;counter-reset: item;letter-spacing: 3px;font-weight: 300;text-decoration: 0.5s;}
.sviceCont__item__txtBox ol li{counter-increment: item;position: relative;padding: 8px 0 0;}
.sviceCont__item__txtBox ol li::before{content: "0" counter(item);position: absolute;left: -1.5rem;width: 2em;text-align: left;}
/* 首頁-Services服務流程 hover */
.sviceCont__item:hover .sviceIcon{transform: rotateY(360deg);transition: 0.5s all;}
.sviceCont__item:hover .sviceCont__item__txtBox ol{color: #fff;}
.sviceCont__item:hover::before,.sviceCont__item:hover::after{right: -10px;}
/* slick-首頁-Services服務流程 */
.blockHeight--svice .slick-prev{left: inherit;}
.blockHeight--svice .slick-prev,.blockHeight--svice .slick-next{z-index: 3;}
.blockHeight--svice .slick-next{right: 20px;}
.blockHeight--svice .slick-prev:before{content: '\F284';font-family: bootstrap-icons !important;background: rgb(255,255,255,0.5);color: var(--black);border-radius: 50%;padding: 0.75rem;font-size: 1rem;}
.blockHeight--svice .slick-next:before{content: '\F285';font-family: bootstrap-icons !important;background: rgb(255,255,255,0.5);color: var(--black);border-radius: 50%;padding: 0.75rem;font-size: 1rem;}

/* 內頁-作品賞析 */
/* 作品賞析 tag類別按鈕 */
.pjctTag{display: flex;align-items: center;justify-content: center;padding-bottom: 3rem;}
.pjctTag__item{color: var(--whiteD);font-family: "Noto Serif TC", serif;font-size:clamp(1rem, 4vw, 1.125rem);text-align: center;width: 20%;transition: 0.5s;border-right: 1px solid var(--white);}
.pjctTag__item:nth-last-child(1){border: 0;}
.pjctTag .pjctTag__item.active{color: var(--black);}
.pjctBox__imgBox .item:hover .pdtLis__item__txt{opacity: 1;}
.pjctBoxMinPic__cover{overflow: hidden;}
.pjctBoxMinPic__cover__pic{aspect-ratio: 700/450;object-fit: cover;}
.pdtLis__item__txt{opacity: 0;transition: 0.5s;padding-top: 5px;}

/* 內頁-作品賞析 底層 */
.pjctBoxMinPic{display: grid;grid-template-columns: repeat(2,1fr);justify-content: center;align-items: center;justify-items: center;padding-bottom: 5rem;gap: 2rem;position: relative;}
.pjctBoxMinPic::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(to right, #C3B183, rgba(195, 177, 131, 0));}
.pjctBoxMinPic__txt__title{color: var(--black);font-family: "Noto Serif TC", serif;font-weight: 400;border-left: 5px solid var(--yellow);padding-left: 1rem;font-size: clamp(1.375rem, 4vw, 1.5rem);}
.pjctBoxMinPic__txt__detail{display: grid;grid-template-columns: repeat(2,1fr);justify-content: center;gap: 1.5rem;padding-top: 1rem;}
.pjctBoxMinPic__txt__detail p{color: var(--gray2);font-family: "Noto Serif TC", serif;border-bottom: 1px solid var(--white);margin: 0;padding-bottom: 0.55rem;font-weight: 400;}
.pjctBoxMinPic__txt__detail span{color: var(--yellow);font-weight: 400;}


/* 作品賞析 圖文 */
.pjctBox--line{position: relative;}
.pjctBox__wrap{display: grid;grid-template-columns: repeat(3,1fr);justify-content: center;align-items: flex-start;gap: 2rem;position: relative;z-index: 2;padding-bottom: 5rem;}
.pjctBox__wrap__item{position: relative;overflow: hidden;aspect-ratio: 16/10;}
.pjctBox__wrap__item::before{content: '';width: 0;height: 5px;background-color: var(--yellow);display: block;position: absolute;left: 0;top: 0;transition: 0.5s;}
.pjctBox__wrap__item::after{content: '';width: 0;height: 5px;background-color: var(--yellow);display: block;position: absolute;right: 0;bottom: 0;transition: 0.5s;}
.pdtLis__item__txt{text-align: left;color: var(--black);font-weight: 400;font-family: "Noto Serif TC", serif;}
.pdtLis__item__txt span{color: var(--gray2);font-weight: 200;}
.pjctBox__wrap__item:hover::before,.pjctBox__wrap__item:hover::after{width: 100%;}

/* 底層頁 2 圖文 */
.pageWrap{display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 2rem;}
.pageWrap--deco{ padding: 5rem 0 0 0;}
.dtLayout .imgBox{aspect-ratio: 3 / 2;}
.dtLayout .tx01{width:100%; display: flex;justify-content: center;align-items: center;gap: 2rem;}
.dtLayout .tx01:nth-child(odd){flex-direction: row-reverse;}
.dtLayout .tx01:nth-child(-n+3){flex-direction: column;}

.dtLayout .tx01:only-child .imgBox,  
.dtLayout .tx01:only-child .txtBox{width: 100%;}

.dtLayout .tx01:first-child .imgBox, 
.dtLayout .tx01:first-child .txtBox,
.dtLayout .tx01:last-child .imgBox, 
.dtLayout .tx01:last-child .txtBox {width:100%;aspect-ratio:auto;}

.dtVideo{aspect-ratio: 16 / 9; width: 100%; height: auto;margin: 2rem 0;}


/* 產品介紹--產品圖片切換 */
.pjctImg__focus{order: 2;margin-bottom: clamp(1rem,2vw,2rem);background: linear-gradient(135deg, rgba(217, 217, 217, 0.15) 0%, #D9D9D9 100%);padding: 2rem;position: relative;}
.pjctImg__thumb{list-style-type: none;margin: 0;padding: 0;display: grid;gap: 0.5rem;padding-bottom: 2rem;grid-template-columns: repeat(5,1fr);}
.pjctImg__thumb li{border:1px solid #eee;transition: 0.3s all;}
.pjctImg__thumb li.active{border-color:var(--mainColor);}
.pjctImg__thumb li a{display:inline-block;}
.pdtThumb__pic {width:100%;aspect-ratio:1;object-fit:cover;}
.pjctDetail{display: flex;align-items: flex-start;margin-bottom: clamp(0.5rem,3vw,4rem);}
.pjctDetail__block{width: calc(100% - clamp(1rem,40%,660px));}
.pjctDetail__block--pic{width: clamp(1rem,100%,500px);}
.pjctDetail__block+.pjctDetail__block{padding-left:4rem}
.pjctDetail__block--info{padding: 2rem 0 2rem clamp(1rem,4rem,150px);display: flex;flex-direction: column;gap: 2rem;font-weight: 400;}
.pjctDetail .pageContent--pc{display: block;margin-top: 2rem;}
.pjctDetail .pageContent--mb{display: none;}
.pjctImg__sub{padding: 0rem 0.5rem;margin: 0;position: absolute;right: 5px;bottom: 5px;text-align: center;font-size: 1.8rem;line-height: 1.8;font-weight: 300;}
/* 瀑布流 */
.pjctBox__imgBox {
	max-width:100%;list-style:none;padding:0;
}
.pjctBox__imgBox__item {display:block;float:left;padding:1rem;width:calc(100% / 3);}
.pdtCover{margin-bottom:0;overflow: hidden;background: var(--gray);}
.pjctBox__imgBox__item__pic {width: 100%;height: auto;object-fit: cover;transition: 0.3s all;}

/* 內頁-關於我們 */
.blockHeight--aboutPage{padding: 0;}
.abtTxt{color: var(--white);font-weight: 400;width: 50%;background-color: var(--gray);padding: clamp(2rem, 6vw, 5rem);flex: 0.5;position: relative;}
.abtTxt::after{content: '';display: block;width: 3.5rem;height: 3.5rem;position: absolute;top: -0.5rem;left: -0.5rem;z-index: -1;background-color: var(--yellow);}
.abtTxt__title{font-weight: 600;color: var(--yellow);font-size: clamp(1.275rem, 4vw, 1.5rem);display: inline-block;position: relative;padding-left: 1rem;}
.abtTxt__title::after{content:'';position:absolute;top:0;left:0;width: 0.75rem;height: 0.75rem;clip-path: polygon( 0% 0%, 100% 0%, 0% 100%);background-color: var(--yellow);}
.abtTxt__txt{font-weight: 400;}
.abtRelate__txtBox{display: flex;justify-content: center;align-items: center;}
.abtRelatCover{overflow: hidden;flex: 1;z-index: -2;margin: 0;}
.abtRelatCover__pic{aspect-ratio: 1400/700;object-fit: cover;}
/* 內頁-關於我們 五大理念 */
.abtFiveTop{background: url(../images/about/abt02.jpg)no-repeat center top;background-size: cover;width: 100%;position: relative;transform: scale(1);transition: transform 0.3s ease-out;}
.abtFiveTop:after{content: '';display: block;width: 100%;height: 100%;background: rgb(255,255,255,0.85);position: absolute;top: 0;left: 0;}
.abtTxt--deco{color: var(--black);width: 100%;background-color: inherit;padding: clamp(2rem, 6vw, 5rem);flex: inherit;position: relative;text-align: center;}
.abtTxt--deco::after{display: none;}
.abtTxt__title--deco{color: var(--black);text-align: center;}
.abtTxt__title--deco::after{background-color: var(--black);}
.abtTxt__txt--deco{text-align: center;margin-bottom: 2rem;}
.abtFiveTopIcon{display: flex;justify-content: space-between;align-items: flex-start;gap: 2rem;}
.abtFiveTopIcon__item{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0.5rem;margin-top: 1rem;transition: 0.3s;}
.abtFiveTopIconCover{padding: 1.5rem;width: 6.5rem;height: 6.5rem;background-color: #fff;border-radius: 100%;overflow: hidden;margin: 0;transition: 0.3s;box-shadow: 0 0 0.2rem #a7a7a7;}
.abtFiveTopIconCover__pic{width: 100%;transition: 0.3s;}
.abtFiveTopIcon__item__txt{font-size:clamp(0.85rem, 4vw, 1.25rem);margin: 0;font-weight: 500;}
.abtFiveTopIcon__item:hover{transform: translateY(-0.5rem);}
.abtFiveTopIcon__item:hover .abtFiveTopIconCover{background-color: var(--black);}
.abtFiveTopIcon__item:hover .abtFiveTopIconCover__pic{transform: scale(1.1);}


/* 內頁-關於我們 品牌精神 */
.abtSpirit{background-color: var(--gray);display: flex;justify-content: center;align-items: center;margin-top: 8rem;position: relative;}
.abtSpirit::after{content: '';display: block;width: 3.5rem;height: 3.5rem;position: absolute;bottom: -0.5rem;right: -0.5rem;z-index: -1;background-color: var(--yellow);}
.abtSpiritCover{margin: -5rem 0 3rem 3rem;border: 0.5rem solid #fff;overflow:hidden;transition: 0.3s;}
.abtSpiritCover__pic{aspect-ratio:500/700;object-fit:cover;}
.abtSpiritTxt{ padding: 2rem 5rem;}

.animated.abtToRight{animation: abtToRight 1s forwards ease-in-out;overflow: hidden;clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
@keyframes abtToRight {
    0% {clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
  100% { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
}

/* 內頁-立即諮詢 */
.contactProfile{width: 30%;height: 50%;border-right: 1px solid var(--white);}
.contant_logo p{margin: 1.5rem 0 0;font-weight: 400;font-size:clamp(1rem, 4vw, 1.125rem);color: var(--black);}
.contant_info ul{list-style: none;padding: 0;margin-top: 50px;color: var(--black);}
.contant_info ul li{padding: 0.5rem 0;font-weight: 300;}
.contant_info ul li i{padding-right: 5px;color: var(--black);}
.contant_info ul a{color: var(--black);font-weight: 300;transition: 0.5s;cursor: pointer;}
.contant_info ul a:hover{color: var(--yellow);}

.formGroup__item{color: var(--black);}
.formGroup__item label{padding-bottom: 5px;}
select.form-control {font-size: 1em;-webkit-appearance: auto;-moz-appearance: auto;}
textarea::placeholder {color: #aaa!important;font-weight: 200;letter-spacing: 3px;}
.cntTitle{color:var(--black);font-weight: 400;font-size: 1.125rem;}
.formGroup{display:flex;flex-direction:column;gap: 1.5rem;}
.form-control{background:rgba(255,255,255,0.75);border:none;border-bottom:1px solid var(--gray);border-radius:0;}
.formGroup__item--recaptcha{display:flex;gap: 0 0.5rem;align-items: center;justify-content: center;}
.formGroup__item--recaptcha + .readMorePage .readMorePage__txt{margin-top:1rem;}

/* 內頁-服務流程 */
.blockHeight--svicePageMag{padding: 0;}
.container--svicePage{padding: 3rem 0;}
.svicePage{background: url(../images/service/svicePage.jpg)no-repeat top center;position: relative;width: 100%;background-size: cover;padding: 3rem 0;}
.svicePage:after{content: '';display: block;width: 100%;height: 100%;background: rgb(255,255,255,0.92);position: absolute;top: 0;left: 0;}
.sviceContPage{display: flex;align-items: flex-end;justify-content: space-between;}
.sviceContPage__item{display: flex;justify-content: center;align-items: flex-end;gap: 2rem;border-bottom: 1px solid var(--whiteD);padding: 0 3.125rem 4rem;position: relative;}
.sviceContPage__item p{margin: 0;}
.sviceContPage__item::before{content: '';width: 90px;height: 1px;background-color: var(--black);position: absolute;bottom: 0;right: 0;display: block;transition: 0.5s;}
.sviceContPage__item::after{content: '';width: 20px;height: 1px;background-color: var(--black);position: absolute;bottom: 0;right: 0;display: block;transform: rotate(30deg);transform-origin: 100% 50%;transition: 0.5s;}
.sviceContPage__item:nth-last-child(1):after{display: none;}
.sviceContPage__item__titleBox{display: flex;align-items: center;justify-content: center;gap: 1rem;flex-direction: column;}
.svicePageTitle{font-weight: 400;font-size: clamp(1.375rem, 4vw, 1.5rem);color: var(--black);}
.svicePageStep{background-color: var(--black);color: var(--white);font-weight: 400;padding: 0 1.5rem;transition: 0.3s;}
.sviceContPage__item__txtBox ol{margin: 0;list-style-type: none;counter-reset: item;letter-spacing: 3px;font-weight: 300;text-decoration: 0.5s;}
.sviceContPage__item__txtBox ol li{counter-increment: item;position: relative;padding: 8px 0 0;color: var(--black);}
.sviceContPage__item__txtBox ol li::before{content: "0" counter(item);position: absolute;left: -1.5rem;width: 2em;text-align: left;}
.svicePage__relate{color: var(--black);text-align: center;width: 100%;margin: 0 auto 4em;padding: 1.5rem 0;font-size: clamp(1.125rem, 1vw, 1.25rem);position: relative;}
.svicePage__relate::before{content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:0rem;height: 0.2rem;z-index: 1;background-color: var(--yellow);animation-name:LineRun;animation-duration:2s;animation-iteration-count: infinite;}
.svicePage__relate::after{content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:15rem;height: 0.2rem;background-color: #fff;}
@keyframes LineRun{
    from{
        width: 0rem;
    }
    to{
        width:15rem;
    }
}
/* 內頁-Services服務流程 hover */
.sviceContPage__item:hover .sviceIcon{transform: rotateY(360deg);transition: 0.5s all;}
.sviceContPage__item:hover .sviceContPage__item__txtBox ol{color: #fff;}
.sviceContPage__item:hover .svicePageStep{background-color: var(--gray2);}
.sviceContPage__item:hover::before,.sviceContPage__item:hover::after{right: -10px;}
/* 內頁-服務流程 三大專業服務 */
.sviceDelTitle{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;padding-bottom: 2rem;}
.sviceDelTitle__item{font-size: clamp(1.5rem, 4vw, 1.75rem);text-align: center;font-weight: 300;margin: 0;display: inline-block;}
.sviceDelTitle__item--top{position: relative;padding-left: 1rem;}
.sviceDelTitle__item--top::after{padding-left: 5px; transform: rotate(-20deg);font-style: inherit!important; font-weight: 400!important;}
.sviceDelTitle__item__big{font-size: clamp(1.5rem, 4vw, 2.25rem);color: var(--yellow);font-weight: 500;position: relative;}
.sviceDelTitle__item__big::before{content:'';position:absolute;top:0;left:-1rem;width: 0.75rem;height: 0.75rem;clip-path: polygon( 0% 0%, 100% 0%, 0% 100%);background-color: var(--yellow);}
.sviceDelTitle__item--btm{color: var(--yellow);letter-spacing: 0.5rem;}
.sviceDelCont{display: flex;justify-content: center;align-items: stretch;}
.sviceDelCont__item{flex:1;display: flex;background: var(--bg)center/cover;position: relative;transition: 0.5s all;height: 600px;}
.sviceDelCont__item::after{content: '';display: block;width: 100%;height: 100%;background: var(--black);position: absolute;top: 0;left: 0;opacity: 0.85;}
.sviceDelCont__item:nth-child(2):after{background: var(--gray);}
.sviceDelCont__item:nth-child(3)::after{background: var(--gray2);}
.abtToRight.sviceDelCont__item{animation: abtToRight 1s forwards ease-in-out;overflow: hidden;clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);}
.sviceDelContTxt{z-index: 1;padding: 0 clamp(1rem,5vw,2rem);position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;}
.sviceDelContTxt__number{color: var(--yellow);font-weight: 500;position: relative;}
.sviceDelContTxt__number:after{content: '';display: block;width: 50%;height: 1px;background-color: var(--yellow);position: absolute;top: 50%;left: 3rem;transform: translateY(-50%);}
.sviceDelContTxt__title{font-size: clamp(1.375rem, 4vw, 1.5rem);color: #fff;font-weight: 500;transition: 0.3s;margin: 0;}
.sviceDelContTxt__txt{color: #fff;transition: 0.3s;margin: 0;}
/* 內頁-服務流程 三大專業服務 hover */
.sviceDelCont__item:hover{flex:1.5;/* padding: clamp(1rem, 25vw, 18rem) 15rem clamp(1rem, 25vw, 18rem) 0; */}
.sviceDelCont__item:hover .sviceDelContTxt{top: inherit;bottom: 3.5rem;transform: inherit;}
.sviceDelCont__item:hover::after{background: linear-gradient(to top, rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));opacity: 1;}

/* footer */
footer{background:#343a40;color:#fff;text-align:center;}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:block;}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color: var(--yellow); text-decoration:none;}
.contactCont{background: url(../images/footer/contact-bg.jpg)no-repeat center top;width: 100%;position: relative;overflow: hidden;background-attachment: fixed;bottom: 0;z-index: 1;}
.contactCont:after{content:'';background:rgb(38, 38, 38,0.8);position: absolute;width:100%;height:100%;left:0;top:0;}
.contactContBox{display: grid;grid-template-columns: repeat(2,1fr);}
.contactContBox__item{display: flex;justify-content: center;align-items: flex-start;border-right: 1px solid var(--gray2);padding: 5rem 1rem;}
.contactContBox__item:nth-last-child(1){border: 0;}
.contactContBox__item__detail{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 1rem;}
.contactContBox__item__detail p{margin: 0;}
.contactTxt{display: flex;align-items: center;gap: 1rem;}
.contactTxt i{margin-right: 5px;}
/* footer按鈕 */
.contactTxt--CallBtn{padding-bottom: 20px;}
.contactCall__btn{background-color: var(--white);color: var(--black);padding: 5px 20px;position: relative;}
.contactCall__btn:hover{background-color: var(--yellow);color: var(--black);}
.contactCall__btn:before,.contactCall__btn:after{content:'';background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: -2;transition: 0.3s all;transform-origin: 50% 50%;}
.contactCall__btn:before{width:calc(100% + 0.625rem);height:calc(100% + 0.625rem);opacity: 0.2;animation: crescendo 1s alternate infinite ease-in;}
.contactCall__btn:after{width:calc(100% + 1.25rem);height:calc(100% + 1.25rem);opacity: 0.1;animation: crescendo2 2s alternate infinite ease-in;}
@keyframes crescendo {
	  0%   {width:calc(100% + 0.3rem);height:calc(100% + 0.3rem);}
	  100% {width: calc(100% + 0.8rem);height:calc(100% + 0.8rem);}
	}
@keyframes crescendo2 {
	0%   {width:calc(100% + 1rem);height:calc(100% + 1rem);}
	100% {width:calc(100% + 1.75rem);height:calc(100% + 1.75rem);}
	}

.fixGoTop{position:relative;}

/* 全台聚點 */
.contactTab{border-bottom: 1px solid var(--gray2);display: flex;justify-content: flex-start;align-items: center;gap: 2rem;padding: 0 1rem;}
.contactTab a{color: var(--gray2);position: relative;padding-bottom: 1rem;border-bottom: 3px solid rgb(0, 0, 0, 0);}
.contactTab a.active{color: var(--white);border-bottom: 3px solid var(--white);padding-bottom: 1rem;}
.contactMapBox{width: 100%;}
.contactMap{width: 100%;display: flex;justify-content: center;flex-direction: column;}
.contactMap p{padding-bottom: 1rem;text-align: left;}
.map__grayStyle{filter: grayscale(100%);}
/* 最底部 */
.footerBtom{border-top: 1px solid var(--gray2);padding: 2rem;}
.footerBtom__btn{display: flex;justify-content: center;align-items: center;gap: 0.5rem;}
.footerBtom__btn__icon{background-color: var(--gray);border-radius: 50%;padding: 0.4rem; display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.footerBtom__btn__icon:hover{background-color: var(--yellow);}
.footerBtom__btn a:nth-last-child(1){padding-left: 1rem;}
.footerBtom__copy a{text-decoration: underline;}
.footerBtom__copy p,.footerBtom__copy a{color: var(--gray2);font-weight: 400;margin: 0;font-size: clamp(0.875rem, 4vw, 0.9375rem);}


/* --------RWD min-width-------- */
@media (min-width: 768px) {
}
@media (min-width: 992px){
	/* header */
	.navbar-nav{gap: 2rem;margin-left: auto;flex-direction: row;}
	.navbar-nav .nav-link{padding-left: 0;padding-right: 0;padding: 0.3rem 1rem;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--white);}
	/*!992 header*/
	.navbar .navbar-toggler{display: none;}
	.nav-link{position:relative;z-index:1;}
	.nav-link[href="javascript:;"]{cursor:pointer;}
	/*!992 header(下拉選單)*/
	.navbar-nav .dropdown-menu{position: absolute;display: block;padding: 0;border: none;transition: 0.3s all;border-radius: 0;pointer-events: none;opacity:0;max-height: 90svh;overflow-y: auto;left: 50%;top: 100%;box-shadow: 0 0.5rem 1rem -0.25rem rgba(0,0,0,0.15);border-radius: 0.5rem;text-align: center;transform: translate(-50%,-1rem);border-radius: 0;}
	.navbar-nav .dropdown-menu--full{left: 52%;}
	.nav-item{transition: 0.5s;position: relative;display: flex;align-items: center;}
	.nav-item.dropdown:hover .dropdown-menu{pointer-events:auto;opacity:1;width: 100%;transform: translate(-50%,0);}
	.dropdown-item{padding: 0.625rem 1rem;text-align: center;background-color: var(--black);color: white;}
	.dropdown-item:focus, .dropdown-item:hover {background: #3f3e3d;color: white;}
	/*!992 project*/
	.pjctBox__imgBox__item:hover .pjctBox__imgBox__item__pic{transform:scale(1.08);opacity:0.5}
}
@media (min-width: 1400px){
	/*全頁佈局*/
	.container{max-width: 1400px;}
	.container--small{max-width: 1000px;}
	.container--big{max-width: 1600px;}
	.container--100{max-width: 100%;}
	.containerTitle{margin: auto;}
}

/* --------RWD max-width-------- */
@media (max-width: 1700px){
	/* 首頁-About關於我們 */
	.aboutCont__picMove{right: -25%;}
	/* 首頁-Services服務流程 */
	.sviceCont__item{gap: 1rem;}
}
@media (max-width: 1690px){
	.abtFiveTop,
.svicePage {
    background-size: cover;transition: transform 0.3s ease;
}
}
@media (max-width: 1500px){
	/* slick-首頁精選案例 */
	.blockHeight--projects .slick-dots{width: 80%;}
	.blockHeight--projects .slick-prev{right: 150px;}
	.blockHeight--projects .slick-next{right: 80px;}
}
@media (max-width: 1400px){
	.shape{position: relative;width: 400px;height: 400px;}
	.abtpicMoveItem--01{margin: 1.2rem 0 0rem;}
	.abtPicMoveItem--02{gap: 20rem;margin: 0rem 0 6rem;}
	.abtPicMoveItem--03{gap: 13rem;margin-bottom: 0.5rem;}
}
@media (max-width: 1280px){
	/* 首頁-About關於我們 */
	.aboutCont{flex-direction: column;align-items: stretch;justify-content: center;}
	.aboutCont__picMove__txtBox{width: 100%;height: 100%;}
	.abtpicMoveItem--01{margin: -2rem 0 2.5rem;}
	.abtPicMoveItem--02{margin-bottom: 7.5rem;gap: 12rem;}
	.abtPicMoveItem--03{gap: 7rem;}
	.aboutCont__picMove{bottom: 12%;}
	.shape{position: relative;width: 300px;height: 300px;}
	/*全頁佈局*/
	.whiteBg::after{display: none;}
	/* 關於我們-地球外框-最外層 */
	.bigBoll__picAmtion01{width: 80%;}
	.bigBoll__picAmtion02{width: 75%;}
	/* 關於我們-地球外框-最內層 */
	.bigBoll__picAmtion03{width: 70%;}
	/* 首頁-Services服務流程 */
	.sviceCont__item{padding: 0 20px 50px;}
	/* footer */
	.contactTab{gap: 1rem;padding: 0 1rem;flex-wrap: wrap;}
	/* 內頁-服務流程 */
	.sviceContPage__item{width: 70%;padding: 0 0rem 4rem;}
	.svicePage__relate{width: 70%;}

}
@media (max-width: 1024px){
	/* banner */
	.bannerTitle__pic{width: 70%;}
	/* 首頁-VITALITY影片 */
	.vitalityCont__videoBox{display: none;}
	/* header */
	.navbar-nav{gap: 1rem;}

}
@media (max-width: 991px){
	/* 全站布局 */
	.container{position: relative;z-index: 2;padding: 0 1.5rem;max-width: 100%;}
	/* header */
	.nav-item{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.nav-item--btn{margin: 1rem auto;width: 70%;width: calc(100% - 2rem);}
	.dropdown-toggle::after{position:absolute;top:50%;transform:translateY(-50%);}
	.nav-item:hover::after{width: 0;}
	.navbar{background-color: #000000e5;padding: 0;}
	.navbar-nav{align-items: center;height: 100svh;gap: 0;width: 100%;max-height: calc(100svh - 50px);}
	.navbar-nav .dropdown-menu{width: 100%;text-align: center;opacity: 0;transition: 0s all;display: block;pointer-events: none;height: 100%;--bs-dropdown-padding-y:0;border:0;border-radius: 0;background: rgb(106 102 102 / 15%);color: #fff;position: absolute;transform: translateY(-1rem);box-shadow: none;}
	.navbar-nav .dropdown-menu.show{opacity: 1;position: static;transition: 0.5s all;transform: translateY(0);pointer-events: all;}
	.dropdown-item{color:#fff;padding: 0.625rem 0;border-bottom: 1px solid rgba(255,255,255,0.15);}
	.navbar .nav-link{text-align: center;width: 100%;padding: 0.875rem;position: relative;}
	.navbar .nav-link--btn{padding: 0.75rem;font-size: 1rem;}
	.navbar-collapse{margin-top: 20px;}
	.navLogo{height: 2.5rem;}
	.navbar.navbar--scroll .navLogo{height: 2.5rem;}
	.navbar.navbar--scroll{padding: 0.5rem 0;}
	.nav-link--pc{display: none;}
	.nav-link--m{display: block;}
	.navbar-toggler.open + .nav__Box{opacity: 1;pointer-events: all;transform: translateY(0);}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: var(--white);}
	.nav__Box{opacity: 0;pointer-events: none;position: absolute;z-index: 100;top: 100%;left: 0;right: 0;width: 100%;background: rgb(0 0 0 / 90%);backdrop-filter: blur(0.25rem);transform: translateY(-1rem);transition: 0.3s all;display: block;overflow-y: auto;}
	/* slick-首頁精選案例 */
	.blockHeight--projects .slick-prev:before{padding: 0.55rem;}
	.blockHeight--projects .slick-next:before{padding: 0.55rem;}
	/* page內頁-最上面title區塊 */
	.pageTitleBox--page{justify-content: center;align-items: flex-start;flex-direction: column-reverse;padding: 0 1rem;}
	.pjctTag{flex-wrap: wrap;padding-bottom: 0;}
	/* 內頁-作品賞析 */
	.pjctBox__wrap{grid-template-columns: repeat(1,1fr);padding: 0;}
	.txtWrap{width: 100%;}
	/* 內頁-作品賞析 底層 */
	.pjctBoxMinPic{grid-template-columns: repeat(1, 1fr);justify-items: start}
	.pdtLis__item__txt{opacity: 1;}
	/* 瀑布流 */
	.pjctBox__imgBox{margin: 0;}
	.pjctBox__imgBox__item{width:calc(100% / 1);}
	/* 首頁-VITALITY故事 */
	.blockHeight--pageTitle{padding: 4rem 0 0 0}
	/* 首頁-About關於我們 */
	.blockHeight--about{padding: 5rem 0 10rem;}
	.aboutCont__picMove{bottom: -35%;}
	.smallCont__txt{width: 100%;}
	.shape{position: relative;width: 200px;height: 200px;}
	.abtpicMoveItem--01{margin: -1.5rem 0 -1rem;}
	.abtPicMoveItem--02{margin-bottom: 2rem;gap: 10rem;}
	.abtPicMoveItem--03{gap: 7rem;margin-bottom:-2rem;}
	/* 關於我們-地球外框-地球 */
	.bigBoll__picAmtion04{width: 30%;}
	/* 關於我們-地球外框-權磐中文字LOGO */
	.aboutCont__picMove__txtBox{gap: 0rem;}
	.abtPicMoveItem__txt{font-size: 0.75rem;text-align: center;}
	/* Services服務流程 */
	.sviceCont{align-items: flex-end;}
	.sviceCont__item{flex-direction: column;align-items: center;}
	/* slick-首頁-Services服務流程 */
	.blockHeight--svice .slick-prev:before{padding: 0.55rem;}
	.blockHeight--svice .slick-next:before{padding: 0.55rem;}
	.blockHeight--svice .slick-next{right: 10px;}
	.blockHeight--svice .slick-prev{left: -10px;}
	/* 內頁-服務流程 */
	.sviceContPage{flex-direction: column;justify-content: center;align-items: center;gap: 2rem;}
	.sviceContPage__item{width: 100%;}
	.svicePage__relate{width: 100%;}
	.sviceContPage__item{border-bottom: 0;}
	.sviceContPage__item::before{display: none;}
	.sviceContPage__item::after{content: '\F229';font-family: bootstrap-icons !important;bottom: 1rem;right: 50%;transform: rotate(0);background-color: inherit;color: var(--black);font-size: 1.1rem;}
	/* 內頁-服務流程 三大專業服務 */
	.sviceDelCont{flex-direction: column;}
	/* 內頁-立即諮詢 */
	.contactProfile{margin-bottom: 2rem;}
	.contactProfile{width: 100%;height: auto;border-bottom: 1px solid var(--white);border-right: 0;}
	.col-md-8{width: 100%;}
	/* page內頁-圖文區塊 tx01 */
	.pageWrap--deco{padding-top: 2rem;}
	.tx01, .tx01:nth-child(1){flex-direction: column;gap: 0rem;}
	.pageCover{width: 100%;}
	.pageCover__pic--big{aspect-ratio: inherit;}
	.pageTxtBox{width: 100%;}
	/* 全台聚點 */
	.contactTab{gap: 1rem;}
	.contactTab a{padding-bottom: 0.5rem;}
	.contactTab a.active{padding-bottom: 0.5rem;}
	/* 麵包屑 */
	.breadCrumbs {margin-bottom: 0;}
	.breadCrumbs__btn{color: var(--white);transition: 0.5s;cursor: pointer;}
	.breadCrumbs .item::before {background-color:var(--white);}
	.breadCrumbs__btn:hover,.breadCrumbs__active:hover{color: white;}
	.breadCrumbs__active{color: white;}
	/* 六圖文底層 */
	.dtLayout .tx01{display: flex;justify-content: center;align-items: center;gap: 1rem;}
	.dtLayout .tx01:nth-child(odd){flex-direction: column;}
	.dtLayout .tx01:nth-child(even){flex-direction: column;}
	.dtLayout .tx01 .item{width: 100%;}

}
@media (max-width: 768px){
	/*全頁佈局*/
	.whiteBg,.blockHeight--svicePage{padding:3rem 0;}
	/* 內頁-作品賞析 */
	.pjctTag__item{width: 30%;margin: 2rem 0;}
	.pjctBox--line::before,.pjctBox--line::after{display: none;}
	/* 首頁-VITALITY故事 */
	.blockHeight--vitality{padding: 0;}
	/* 首頁-精選案例 */
	.blockHeight--projects{padding: 2rem 0 9rem;}
	.blockHeight--projects .slick-list{margin: 50px 0 50px 0;}
	.blockHeight--projects .slick-dots{width: 60%;}
	.blockHeight--projects .slick-prev{right: 100px;padding: 0.55rem;}
	.blockHeight--projects .slick-next{right: 30px;padding: 0.55rem;}
	/* 首頁-VITALITY故事 */
	.vityTxt__box{margin-left: 0;}
	.vityTxt__txt--magLeft{margin-left: 20px;}
	/* 首頁-About關於我們 */
	.blockHeight--about{padding: 5rem 0 10rem;}
	.aboutCont__picMove{bottom: -30%;}
	/* Services服務流程 */
	.blockHeight--svice{padding: 5rem 0;}
	/* 內頁-服務流程 */
	.svicePage__relate{padding-bottom: 2rem;}
	.sviceDelCont__item{padding: clamp(9rem,25vw,18rem) 0;}
	/* 內頁-服務流程 三大專業服務 hover */
	.sviceDelCont__item:hover{padding: clamp(9rem,25vw,18rem) 0;}
	.sviceDelCont__item:hover::after{background: rgb(0,0,0,0.8)}
	.sviceDelCont__item:hover .sviceDelContTxt{bottom: inherit;left: 0;top: 50%;transform: translateY(-50%);}
	/* footer */
	.contactContBox__item{border-bottom: 1px solid var(--black);padding: 2rem 0;border-right: 0;justify-content: flex-start;}
	.contactContBox__item:nth-last-child(1){border-bottom: 0;}
	.contactContBox__item__detail{width:100%;}
	.contactContBox{display: grid;grid-template-columns: repeat(1,1fr);justify-content: flex-start;align-items: flex-start;}
	/* 全台聚點 */
	.contactTab{border-bottom: 2px solid var(--gray2);}
	/* 內頁-作品賞析 底層 */
	.pjctBoxMinPic{padding-bottom: 0;}
	.pjctBoxMinPic::after{display: none;}
	.pageTxtBox--pad{padding: 3rem 0 0;}
	
	/* 底層頁 圖文 */
	.pageWrap{gap: 1.5rem;}
	.pageWrap--deco{padding-top: 5rem;}
	.pjdCover {border: none;padding: 0;}
	.coverImg__pic{width: 100%;}

	/* 內頁-關於我們 */
	.abtRelate__txtBox {flex-direction: column;}
	.abtTxt{width:80%;margin: auto;}
	.abtFiveTopIcon {justify-content: center; gap: 1rem 2rem;flex-wrap: wrap;}
	.abtSpiritCover__pic {aspect-ratio: 1 / 1;}
	.abtSpirit { flex-direction: column;}
	.abtTxt__txt--deco {text-align: justify;}
	
	/* contact */
	.form{  padding-top: 3rem;}

}
@media (max-width: 640px){
	/* banner */
	.bannerPic--pc{display: none !important;}
	.bannerPic--m{display: block !important;}
	.banner__bgColor{top: 0;background: rgb(0, 0, 0,0.5);}
	.bannerTitle{left: 5%;}
	.bannerTitle__pic{width: 50%;}
	.bannerTxtSmall{padding-top: 1rem;}
	.ScrollDown{display: none;}
	/* page內頁-共同 */
	/* page內頁-最上面title區塊 */
	.pageBanner{ background: linear-gradient(to right, #c3b183, rgb(255 255 255) 150%) no-repeat;}
	/* 標題 */
	.mainTitle__big{margin: 0;}
	.mainTitle--row{flex-wrap: wrap;}
	/* 小旋轉地球 
	.smallBoll__pic--page{display: none;}*/
	/* 頁碼-pageNumber */
	.pageNumber{gap: 1rem;}
	.pageNumber__box{gap: 1rem;padding: 2rem 0;}
	.pageNumber .p10, .pageNumber .n10{width: 45px;height: 45px;}
	/* 首頁-VITALITY故事 */
	.mainTitle--vity{margin-right: 150px;}
	/* 首頁-About關於我們 */
	.blockHeight--about{padding: 5rem 0 15rem;}
	.aboutCont__picMove{right: -15%;bottom: -40%;}
	/* Services服務流程 */
	.blockHeight--svice .slick-initialized .slick-slide{display: flex;flex-direction: row;}
	.blockHeight--svice--m{display: block;}
	/* footer */
	/* 最底部 */
	.footerBtom__btn{flex-wrap: wrap;}
	.footerBtom__btn__logo{width: 70%;}
	/* 內頁-關於我們 */
	.pageTitleBox--page{padding: 0;}
	.abtTxt--deco {	padding: 5rem 0;}
	.abtSpiritTxt { padding: 0 2rem 1rem 2rem;}
	.abtSpirit {margin-top: 5rem;}
	.abtFiveTopIconCover { width: 6rem;height: 6rem;}
}
@media (max-width: 480px){
	.blockHeight--about{padding: 5rem 0 20rem;}
	.aboutCont__picMove{right: 0%;bottom: -55%;}

	.formGroup__item--recaptcha{flex-direction: column}

	.fixGoTop #goTop{position:absolute;transform: rotate(0deg);right: 50%;transform: translateX(50%);bottom: 1rem;}

	/* 內頁-關於我們  */
	.abtTxt {width: 90%;}
	.abtFiveTopIconCover {padding: 1rem; width: 5rem;height: 5rem;}
}
@media (max-width: 375px){
	/* 首頁-About關於我們 */
	.blockHeight--about{padding: 5rem 0 20rem;}
	.aboutCont__picMove{right: 0%;bottom: -50%;}
	.abtPicMoveItem--02{padding-bottom:1rem;}
	
}