@charset "utf-8";
/* CSS Document */

body{font-family: 'Noto Sans TC','微軟正黑體',sans-serif;font-size:16px;font-weight: 300;line-height:1.5;color:#333;letter-spacing: .1em;}
body>.scrollbar-inner{max-height: 100vh}
a{color:#000;text-decoration:none}
a:hover{color: #555;text-decoration:none;}
a,.menu_link>*{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.overhidden{position: relative;overflow: hidden;width: 100vw;height: 100vh;}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
/*按鈕*/
.btnWrap{margin:2em 0;text-align:center}
.btn-circle{width:70px;height:70px;min-width:auto;min-height:auto;padding:0;text-align:center;background:rgba(49,53,47,0.8);border:none;border-radius:3rem}
/*卷軸*/
::-webkit-scrollbar-track{border-radius: 8px;background-color: #333;}
::-webkit-scrollbar{width: 6px;background-color:  #333;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #998040;}

/*麵包屑*/
.breadcrumb_tool{display: block;text-align: right;float: right}
.breadcrumb_tool .breadcrumb{margin-bottom:0;background:transparent;line-height: calc(70px - 1.5rem);}
.breadcrumb_tool .btn-circle{margin-left:1rem}
.breadcrumb-item.active .tt{display: inline;font-size:1rem;line-height: calc(70px - 1.5rem);}
.header_bar .btn-circle+.breadcrumb_tool{margin-top:0;/* margin-right: 1rem; */right: 12rem;}
.header_bar .breadcrumb_tool{position: absolute;z-index: 99;top: 2rem;right: 6rem;/* margin-right: 80px; */}
/*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-y:auto;_overflow:auto;margin:0 0 1em}
}

/*---------------------- 頁面開始 ----------------------*/
.btn.focus, .btn:focus {box-shadow: none;  border: none;}
button:focus{outline:none}
.red{color:#f00}
/*全頁佈局*/
.wrapper {padding: 2.5rem 0 30px;}
.pageInner{padding: 0 2rem;}
.casedetail .pageInner{max-width: 100%}
.container {max-width: 1310px;}
main{/* position:relative; *//* z-index:2 */}
main.pt-up{}
main.only-main{padding-top: 80px;}

/*banner*/
.pgBanner{display: flex;align-items: center;justify-content: center;height: 20vh;min-height: 400px;background-position:center;background-size:cover;background-repeat:no-repeat;margin-top: 130px;}
.pgBnCtnr{text-align: center;text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);color: #fff;}
.pgBnCtnr__title{--letSpa: .5em;padding-left: var(--letSpa);font-size: clamp(1.25rem,2vw,1.5rem);font-weight: 300;line-height: 1.2;letter-spacing: var(--letSpa);}
.pgBnCtnr__txt{position: relative;margin: 1rem 0 0;padding: 1.5rem 0 0;font-size: clamp(1.125rem,2vw,2rem);font-weight: 300;line-height: 1.2;word-spacing: .5em;}
.pgBnCtnr__txt:before{content:'';position:absolute;left:50%;top: 0;transform:translateX(-50%);width: 50px;height: 1px;background: #fff;opacity: .5;}

/*標題*/
.mainTitle h2{position:relative;}
.mainTitle h2:before{content:'';position:absolute;left:50%;transform:translateX(-50%);width: 50px;height: 2px;background: #000;bottom: -15px;}
.mainTitle p{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(0, 0, 0, 0.5);color: transparent;font-size: 8rem;margin-top: -100px;}
.dtTitle{position: relative;padding: 3rem 0;text-align: center;font-size: clamp(1.5rem,2vw,2rem);font-weight: 400;}
.dtTitle::before{content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);width: clamp(4rem,6vw,7rem);height: .5rem;background: #c2a55e;}

/*按鈕*/
.btn-style{border:1px solid #000;padding: 10px 40px;display: inline-block;transition: all .5s;}
.btn-style:hover{background:#000;color:#fff;}
.btn-style.aa{background: #000;color:#fff;}
.btn-style.aa:hover{color:#000;background: inherit;}

.btn-style2{position:relative;overflow:hidden;margin-left: auto;margin-top: -.5rem;padding: .5rem 1rem;border-radius: 3em;background-color: #998040;color: #fff;font-size: .9rem;}
.btn-style2:hover{background: #000;color:#fff;}

/*單元Menu*/
.uniMenu.pt-up{padding-top: 80px;}
.uniMenu ul{list-style: none;margin: 2.5rem auto;padding: .75rem 1rem 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;}
.uniMenu ul li{display:inline-block}
.uniMenu ul li a{display: block;padding:5px 10px;border:1px solid #000;/* margin-right: 15px; */}
.uniMenu ul li.active a,.uniMenu ul li:hover a{background:#000;color:#fff}
/*主選單*/
.header_bar .container-fluid{position:relative;padding:2rem 0}
.navbar-brand{left:2rem;margin-right:0;/* margin-top: 1rem; */padding:0;width:170px;transition:all .3s ease-out;position:absolute;top: 2.5rem;z-index:99;}
.fixed .navbar-brand{width:180px}
.navbar-brand>img{transition:all .5s}
.menu-toggler{right:0;position:fixed;border-radius:3rem;width:70px;height:70px;min-width:auto;min-height:auto;padding:0;text-align:center;background:#fff;background:rgba(153,128,64,.85);border:none;top: 2rem;right:2rem;z-index:999;}
.fixed .menu-toggler{background:#fff}
.menu-toggler span{display:table;width:65%;height:1px;margin:0 auto;transition:all .2s ease-out;background:#fff}
.menu-toggler span + span{margin-top:6px}
.menu-toggler.on span{position:absolute;left:14px}
.menu-toggler.on span:nth-child(1){transform:rotate(-45deg)}
.menu-toggler.on span:nth-child(2){display:none}
.menu-toggler.on span:nth-child(3){transform:rotate(45deg);top:35px;margin-top:0}
.nav_menu{pointer-events:none;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;background:rgba(255,255,255,0.7);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.nav_menu.on{pointer-events:auto;opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nav_menu .menu{opacity:0;list-style:none;margin:0;padding:0;text-align:center;transition-delay:2s;-o-transition:all 1s linear;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;transition:all 1s linear}
.nav_menu.on .menu{opacity:1;transition-delay:0;-o-transition:all 0 linear;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;transition:all 0 linear}
.menu_link{display:inline-block;font-size:2rem}
.menu_link>*{pointer-events:none}
.menu_link .tt{position:relative;display:block;margin-bottom:.25rem;padding:4px 0;font-size:1.5rem;color:#333;-webkit-transition:.5s linear;transition:.5s linear}
.menu_link .tt:after{content:'';position:absolute;bottom:0;right:0;width:0;height:1px;background:#000;-webkit-transition:.5s linear;transition:.5s linear}
.menu_link:hover .tt:after{width:100%;left:0}
.header_bar{/* position: absolute; *//* z-index: 1; *//* top:0; *//* padding: 2rem 2rem 0; */width: 100%;clear: both;overflow: hidden;}
.header_bar .btn-circle{position: absolute;z-index: 99;right: 7rem;top: 2rem;float: right;/* margin-right: 90px; */}
/*圖文*/
.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.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:50%;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;max-width:50%;}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img-left1 img, .img-right1 img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}
.edit-container{padding-bottom:2rem}
.post_abstract{/* max-width: 700px; */margin: 2rem 0;padding: 1rem;border-left: solid 4px #ddd;/* border: solid 2px #000; *//* background: #eee; */font-size: 20px;font-style: italic;color: #777;}
.post_abstract p{margin-bottom:0}

/*首頁BANNER*/
.carousel{overflow:hidden;}
.carousel:hover .carousel-control{display:block}
.carousel-indicators{display:none}
.carousel-fade .carousel-inner .carousel-item{transition-property:opacity}
.carousel-caption{left:50%;bottom:50%;width:100%;letter-spacing:2px;color:initial;text-align:center;pointer-events:none;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.carousel-caption h2{display:inline-block;margin:0;padding:0 5px;font-size:3.5rem;word-spacing:.1rem;text-align:center;color:#fff;text-shadow:0 0 8px rgba(0,0,0,40%),0 0 1px rgba(0,0,0,40%);font-weight:100}
.carousel-item img{max-height:100%;max-width:100%;margin:0 auto;display:table;}
.carousel-control-next,.carousel-control-prev{z-index:3;width:10%;min-width:120px}
.carousel-indicators li{width:12px;height:12px;border-radius:50%}
.carousel-indicators li.active{background-color:#000}
[class^="carousel-control"] span{background:none;width:50px;height:50px;border-left:solid 1px #888;border-bottom:solid 1px #888}
.carousel-control-prev span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.carousel-control-next span{background-position:right;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.carousel-control-next:hover{background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%)}
.carousel-control-prev:hover{background-image:linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 100%)}
.photo .popup-youtube{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.carousel .photo{position:relative;display:block}
.banner.carousel .photo{-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@keyframes slideIn {
    0%{-webkit-transform:scale(1.2);transform:scale(1.2)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
.banner.carousel .photo,.bannerPage.carousel .photo{width:100%;height:100vh;background-position:center;background-size:cover;}
.bannerPage+.uniMenu{margin-top:2rem;}
.bannerPage:after{content:'';overflow: hidden;display: block;position:absolute;z-index:1;left:50%;bottom:0;width:1px;height:20vh;background:#fff;animation:mouse-animation 2s ease-out infinite}
@keyframes mouse-animation {
    0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scaleY(0);transform-origin:top left}
    100%{height:0;transform-origin:bottom right}
}
.popup-youtube{display:block;position:relative}
.popup-youtube .play-icon{opacity:1;position:absolute;z-index: 1;left:50%;top: 50%;-ms-transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transform-origin:center;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.5);border-radius: 100%;}
.popup-youtube .play-icon:hover{opacity:.5;-ms-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.popup-youtube .play-icon.static{position:static;-ms-transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
.popup-youtube .play-icon.static:hover{-ms-transform:translate(0,0) scale(1.1);-webkit-transform:translate(0,0) scale(1.1);transform:translate(0,0) scale(1.1)}
.play-icon svg{max-width:100%;height:auto}
.banner .carousel-item{position:relative}
.banner .video{width: 100vw;height: 100vh;overflow: hidden;}
.banner .video .player{position: absolute;left:50%;top:50%;width: 130%;height: 130%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
/*關於我們*/
.about_area .mj_pic{margin-bottom:0;background-position: center;background-size: cover;background-repeat:no-repeat;}
.infoOuter{position:relative}
.infoBoxInner{padding-top: 1rem;}
.infoTitle{position:relative;display:inline-block}
.infoTitle .unit{font-size: 1.5rem;}
.infoTitle .mj{font-size: 2.5rem;}
.infoTitle:after{content:'';position:absolute;right:-10px;bottom:-5px;width:2px;height:25px;background:#000}
.infoBox{position:relative;max-width: 800px;}
.infoBox .bg-color:after{content:'';display:block;/* width:75%; */height:1px;margin-top:2rem;background:#000;}
.infoBox .bg-color{padding:2rem;background: rgba(255,255,255,0.9);}
.infoWord{font-size:17px;/* padding-right:20px */}
.infoRight{text-align:right;font-weight:700;letter-spacing:4px;width: 280px;}
.infoRight h2{font-size:2rem;font-weight:400}
.infoLeft{/* width: calc(100% - 280px); */}
.about_area .prev_next{width:75%;text-align:right}

/* 頁碼 */
.pageNumber{display: flex;justify-content: center;align-items: center;gap:.5rem;margin:4rem 0;flex-wrap: wrap;}
.prev_next a{display:inline-block;width:100px;padding:.5rem}
.prev_next a i{margin:0 .25rem;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.prev_next a.prevBtn{text-align:right}
.prev_next a.prevBtn:hover i{margin-right:.75rem}
.prev_next a.nextBtn:hover i{margin-left:.75rem}
.pgNum{list-style-type: none;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;gap:.5rem}
.pgNumLink{display: flex;align-items: center;justify-content: center;min-width: 34px;height:35px;letter-spacing: 0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.pgNumLink.active, .pgNumLink:hover{background:#000;color:#fff}

/*新案*/
.caseBanner{position:relative}
.caseBanner figure{margin-bottom:0}
.caseZone_outside::before,.caseZone_outside::after{content:'';position:fixed;left:50%;bottom:2rem;z-index:9;border-radius:3em;transform:translate(-50%,0%);}
.caseZone_outside::before{width:1.75rem;height:3rem;background:#fff;border:solid 1px #000;}
.caseZone_outside::after{width:.375rem;aspect-ratio:1;background:#000;;animation: dotAnim 3s cubic-bezier(0.4, 0, 1, 1) infinite;animation-direction:alternate}
@keyframes dotAnim {
    0{transform:translate(-50%,-4rem);opacity:0}
    50%{transform:translate(-50%,-2rem);opacity:1}
	100%{transform:translate(-50%,-0rem);opacity:0}
}

.caseZone{padding-top: 200px;padding-bottom: 50px;padding-top: calc(20vh + 50px);padding-bottom: calc(20vh + 50px);}
.caseZone:after{content:'';position:fixed;left:0;right:0;bottom:0;height:100px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}
.caseArea{width: 100%;display:block;text-align:center;}
.caseArea_skin+.caseArea_skin{margin-top:20vh}
.caseArea .box:not(.long){display:inline-block;vertical-align:middle;padding: 1rem;}
.caseArea .box.long figure{position:relative;height: 100%;margin-bottom:0;/* background-color: #7D9626; */display: -ms-flexbox!important;display: flex!important;-ms-flex-pack: center!important;justify-content: center!important;-ms-flex-align: center!important;align-items: center!important;}
.caseArea .box.long figure:before,.caseArea .box.long figure:after{content:'';opacity:0;display:block;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-200px,-50%)}
.caseArea .box.long figure:before{width:100px;height:100px;border-radius:3rem;background:rgba(49,53,47,0.8)}
.caseArea .box.long figure:after{color: #fff;transform: translate(-100%, -50%);}
.caseArea .box.long figure .bg-color{background-color: #7D9626}
.caseArea .build-box{display: inline-block;vertical-align: middle;width: calc(100% - 130px);}
.caseArea .infor{display:inline-block;vertical-align:middle;list-style:none;margin:0;padding: 0;text-align:center;line-height:1;/* max-width: 120px; */width: 120px;}
.caseArea .infor li{padding:.75rem 0}
.caseArea .infor li+li{border-top:solid 1px #000}
.caseArea .infor .year{font-size: 2.5rem;font-weight:700;}
.caseArea .infor .tt{font-size: 1.5rem;}
.caseArea .infor .sub{font-size: .8rem;}
.caseArea .box.long figure img{max-width: 100%;max-height: 100%;transition:all .3s ease-out;}
.caseArea .box.long figure:before{transition:all .5s ease-out;}
.caseArea .box.long figure:after{content:'MORE';transition:all 1s ease-out;}
.caseArea:hover .box.long figure img{opacity:.3}
.caseArea:hover .box.long figure:before{opacity:1;transform: translate(-50%,-50%);}
.caseArea:hover .box.long figure:after{opacity:1;transform: translate(-50%,-50%);}
/*動態效果*/
.caseArea_skin .caseArea .build-box,.caseArea_skin .caseArea .infor{opacity:0;-webkit-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 2s cubic-bezier(0.165,0.84,0.44,1);transition:all 2s ease-in-out}
.caseArea_skin .caseArea .infor{-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s ease-in-out}
.caseArea_skin.is_animated .caseArea .build-box,.caseArea_skin.is_animated .caseArea .infor{opacity:1}
.caseArea .box{width: 25%;display: inline-block;vertical-align: middle;}
.caseArea .box.long{width: calc(50% - 1rem);}
.caseArea .box.dummy_box{/* display:none */width: 25%;}
.caseArea_skin .caseArea .box.long{opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1.5s ease-in-out}
.caseArea_skin.is_animated .caseArea .box.long{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}

/*新案-底層*/
.caseInnerPic .img-thumb{list-style:none;padding-left:0;display:flex;flex-wrap:wrap}
.caseInnerPic .img-thumb li{width:calc(100% / 6);padding:10px;border:1px solid #ccc}
.caseInnerPic .img-thumb img{max-width:100%}
.caseTite{margin-bottom:30px}
.caseTite .tt{display:inline-block;border-bottom:1px solid #000;padding-bottom:10px;font-weight:300}
.mfp-iframe-holder{padding-top: 20px!important;padding-bottom: 20px!important;}
.mfp-iframe-holder .mfp-content{max-width: 1500px!important}
.player_box{margin-bottom: -5px;}

/*新案-底層-demo*/
.caseDt{position: relative;display:flex;flex-wrap:wrap;align-items: flex-start;padding: 2rem 0 4.5rem;font-weight: 400;box-shadow: 0 3rem 3rem -3rem rgba(0, 0, 0, .2);}
.caseDt__pic{width:50%;margin: 0;}
.caseDt__cn{display: flex;flex-wrap: wrap;align-items: flex-start;width:50%;padding:2rem}
.csTitle{position:relative;font-size:clamp(1.25rem,2vw,2rem);padding-left:1rem;}
.csTitle::before{content:'';position:absolute;left: 0;top: 50%;width: .375rem;height: .8em;background:#998040;transform: translateY(-50%);}
.csText{width: 100%;margin:0;padding:1rem 0;}
.csFormat{list-style-type:none;margin: 0;padding:0;width: 100%;}
.csFormat__li{display:grid;grid-template-columns:150px 1fr;padding: .5rem;border-bottom: solid 1px #eee;}
.csFormat__li .tt{}
.csFormat__li .txt{font-weight: 500;}
.csFormat__li.strong,.csFormat__li.strong .txt{font-weight:600;color:#998040}
.googleMap{display: block;;width: 100%;height: 600px;max-height: 70vh;}
.caseAlbumTitle{text-align:center;margin-top: 4rem;margin-bottom:2rem;}
.caseAlbum{--pdX: 30vw;padding: 0 var(--pdX);}
.swiper-slide{}
.swiper-slide figure{opacity: .5;max-width:400px;margin:auto;padding: 1.5rem;text-align: center;transition:all .3s linear;}
.swiper-slide figure img{aspect-ratio: 1/1;object-fit: cover;}
.swiper-slide figure:hover{opacity: .75;}
.swiper-slide figcaption{padding:1rem 0}
.swiper-slide-active figure{opacity: 1;}
.swiper-slide-active img{box-shadow:0 0 1.5rem rgba(0,0,0,.5)}
.swiper-slide-prev{padding-left:calc(var(--pdX) / 2)}
.swiper-slide-next{padding-right:calc(var(--pdX) / 2)}
.swiper-slide-next.swiper-slide-prev{padding-right:0}
.swiper-button-prev,.swiper-button-next{color:#333}
.swiper-button-prev{left:var(--pdX);transform: translateX(100%);}
.swiper-button-next{right:var(--pdX);transform: translateX(-100%);}

/*我要賞屋*/
.contactForm{position:relative;background:url(../images/all/mask.jpg?20200730)no-repeat center/cover;padding:5rem 0}
.contactForm:before,.contactForm:after{content:'';position:absolute;left:50%;background:#998040}
.contactForm:before{top:0;width:1px;height:80px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.contactForm:after{top:0;height:8px;width:8px;border-radius:100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.contactForm form{background:url(../images/all/mask.jpg?20200730)no-repeat center/cover;box-shadow:0 15px 30px rgba(0,0,0,0.4);padding:30px;margin-bottom: 3rem;}
.form-control2{width:100%;border:none;border-bottom:1px solid #000;background:rgba(255,255,255,0.5)}
.page_form{margin-bottom:.25rem}
input.form-control2{height:40px}
.form-control2.aleart_line{border: solid 1px #f00;}
.contactForm .page_form{margin-bottom:20px}
.case_name{position:relative;font-size:1.5rem;padding:0 1rem}
.case_name:before{content:'';display:inline-block;width:3px;height:18px;margin-right:.5rem;background:#949494;position:absolute;left:0;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
/*----產品介紹-detail----*/
.pdt-block.flex-md-row-reverse .pdt-right{margin-left:0}
.pdt-block{display:flex;align-items:center;background-position:center;flex-wrap:wrap;justify-content:center;background-repeat:no-repeat;background-size:cover}
.pdt-block:has('.pdt-left + .pdt-right'){justify-content:space-between}
.pdt-block figure{margin-bottom:0}
.pdt-left{width:50%;text-align:center}
.pdt-left:only-child,.pdt-right:only-child{width:100%}
.pdt-right:only-child{padding:10rem 30px}
.pdt-right{width:100%}
.pdt-left + .pdt-right{width:50%;text-align:left}
.pdt-right-word{max-width:750px;margin:0 auto;padding:1rem}
/*.pdt-right h3{font-family:'Bebas Neue',cursive;font-size:5rem}*/
.pdt-video{width:80%;padding:100px 100px 0;margin:0 auto}
.pdt-link{display:flex;align-items:center}
.pdt-link a{background:#000;color:#fff;padding:10px 15px;margin-right:15px;border:1px solid #000}
.pdt-link a:hover{background:inherit;border:1px solid #000;color:#000}
.product-img{padding:0 100px 30px}
.img-focus{padding:0}
.product-img .img-thumb{display:flex;align-items:center;list-style:none;padding:0;max-width:700px;margin:0 auto}
.product-img .img-thumb li a img{display:none}
.product-img .img-thumb li a img[src $=".png"],.product-img .img-thumb li a img[src $=".jpg"]{display:block;border:1px solid #eee}
footer{font-size:.9rem;padding:5px 15px 5px 0;letter-spacing:1px;position:fixed;width:100%;background:#fff;z-index:10;bottom:0;color:#000}
footer .pageInner{display:flex;align-items:center;width:100%}
footer .pageInner:before{content:'';background:#000;width:calc(100% - 130px);height:1px;display:block;margin-right:20px}
.index footer{background:transparent}

/*築跡*/
#album{min-height:100vh;}
#album .carousel-inner,#album .carousel-item{height:100vh}
#album .block{height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
#album .fitst-information>*{width:50%}
#album img{display: block;position:relative;z-index:1;/* max-width:50%; */max-height:100%;opacity:0;-ms-transform:translate(50%,0);-webkit-transform:translate(50%,0);transform:translate(50%,0);-o-transition:all .75s ease-out;-webkit-transition:all .75s ease-out;-moz-transition:all .75s ease-out;transition:all .75s ease-out;}
#album .information{-o-transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-out;transition:all 1.5s ease-out;padding:2rem;opacity:0;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
#album .active img{opacity:1;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
#album .active .information{opacity:1;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
/*書*/
.book-container{width: 575px;max-width: 100%;margin: 0 0 2rem;padding:0 1rem;display: inline-block;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;}
.book{z-index:5;box-shadow:0 2px 4px rgba(0,0,0,0.25);-webkit-transition:.75s;-moz-transition:.75s;transition:.75s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:125px 0;-moz-transform-origin:125px 0;transform-origin:125px 0}
.book:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:7px;background:url(../images/all/ridge.png) repeat-y;z-index:20;-webkit-transform:translateZ(1px)}
.book:hover{-webkit-transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);-moz-transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg);transform:translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg)}
.book-cover{position:relative;z-index:10;background-position: -50px center;background-size: auto 100%;}
.book-cover img{vertical-align:bottom;max-width:100%;height:auto;opacity: 0;}
.book-cover .tt{position:absolute;background: #7D9626;background: #998040;bottom: 1rem;right: -1rem;padding: .5rem 1rem;font-size: 1.25rem;color: #fff;font-weight: 100;}
.book-spine{position:absolute;color:#fff;position:absolute;bottom:0;top:0;width:50px;z-index:5;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.25);background-position: 0;background-repeat: no-repeat;background-size:auto 100%;-webkit-transform:rotateY(-90deg) translateX(-49px);-moz-transform:rotateY(-90deg) translateX(-49px);transform:rotateY(-90deg) translateX(-49px);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
.book-spine .tt{display:block;width:325px;text-align:left;color:#fff;position:absolute;top:0;left:39px;text-indent:43px;text-transform:uppercase;font-size:2em;opacity:.75;font-weight: 100;-webkit-font-smoothing:antialiased;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
.book-spine:before{display:block;content:"";width:100%;height:100%;background: rgba(0,0,0,0.4);}
/*頁碼*/
.pagination{display: inline-block;margin: 2rem 0;-ms-flex-pack:center;justify-content:center;text-align:center;}
.pagination .num_box{display:inline-block}
.pagination .tool{display:inline-block}
.pagination .tool.before{float:left}
.pagination .tool.after{float:right}
.cdp{position:relative;text-align:center;padding:20px 0;font-size:0;z-index:6;margin:50px 0}
.cdp_i{font-size:14px;text-decoration:none;transition:background 250ms;display:inline-block;text-transform:uppercase;margin: 0 .25rem .5rem;height:38px;min-width:38px;border-radius:38px;border:2px solid #333;line-height:32px;padding:0;color:#333;font-weight:700;letter-spacing:.03em;text-align:center;}
.cdp_i.txt{padding: 0 1rem;}
.cdp_i.on{background:#304e84;color:#fff;border-color:#304e84}
.cdp_i:before,.cdp_i:after{display:none}
/*聯絡我們*/
.contact{background: url(../images/all/mask.jpg?20200730)no-repeat center/cover;}
.contact .pic-box{margin-bottom: 0}
.contact .container{position: relative;padding-top: 5rem;padding-bottom: 5rem;}
.contact .contact-body{clear: both}
.contact .contact-body dl{float: left;width: 300px;padding: 1rem;}
.contact .contact-body form{overflow: hidden;width: calc(100% - 300px);padding: 1rem;border-left: solid 1px #000;}
/* 特約商店 */
.p6{min-height: 100vh;padding: 9rem 0 3rem;/*background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%),url(../images/p6/bg.jpg)no-repeat center/cover;color: #fff;*/}
.p6 .pic-box{margin-bottom:3rem;box-shadow: 0 2px 1rem 0.25rem rgba(0, 0, 0 , .3);}
.p6 .btn-style.aa:hover{color: #fff;background:#998040}

/* !====popUp燈箱 */
.popUpWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999;align-items: center;justify-content: center;display: none;}
.popUpWrap .js-mask{position: absolute;left: 0;right: 0;width: 100%;height: 100%;z-index: 0;background: rgba(0, 0, 0,.8);}
.popUpWrap .close{cursor: pointer;position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 50px;aspect-ratio: 1;background: #998040;color: #fff;opacity: 1;font-size: .85rem;font-weight: 100;}
.popUpWrap__inner{position: relative;z-index: 1;display: block;width: 90%;max-width: 1000px;max-height: 90%;padding: 1rem;background: #fff;}
.popUpWrap__inner img{display: block;margin: auto;max-width: 100%;max-height:100%;}
/* .popUpWrap.--isOpen{display: flex;z-index: 9999999;} */

/* 工程進度 */
.perfList{display: grid;grid-template-columns: repeat(4,1fr);gap: clamp(1rem,1.5vw,2rem);}
.perfList__cd{transition:all .3s linear;}
.perfList__cd .picBx{position:relative;margin-bottom:0;transition:all .3s linear;}
.perfList__cd .picBx::after{content: 'more';z-index:1;position:absolute;left:0;top:0;display: flex;align-items: center;justify-content: center;width:100%;height:100%;padding-top:2rem;background-color: rgb(153 128 64 / 50%);color: #fff;text-transform: uppercase;font-size: .9rem;letter-spacing: .5em;opacity:0;transition:all .3s linear;}
.perfList__cd .picBx img{max-width: 100%;aspect-ratio: 4/3;object-fit: cover;}
.perfList__cd .picBx img.--4x3{aspect-ratio: 4/3;}
.perfList__cd .infoBx{text-align: center;padding: 1rem;transition:all .3s linear;}
.perfList__cd .infoBx__tt{font-size: 1.125rem;font-weight: 500;margin-bottom: .5rem;transition:all .3s linear;}
.perfList__cd .infoBx__txt{font-size: .9rem;transition:all .3s linear;}

.perfList__cd:hover .picBx{box-shadow:0 .25rem 1rem rgba(0,0,0,.2);}
.perfList__cd:hover .picBx::after{opacity:1;padding-top:0;}
.perfList__cd:hover .infoBx__tt{color:#998040}

/* 維修流程 */
/* .repFlowBg{background-image: url('../images/p8/texture.jpg');} */
.repFlowLINE{z-index: 1;position: relative;display: flex;gap:1rem;align-items: center;margin: 0rem 8rem 4rem 0;padding: clamp(4rem,5vw,6rem) clamp(2rem,3vw,4rem);background: url('../images/p8/line-bg.png')no-repeat center/cover;color: #fff;font-weight: 500;text-shadow:0 0 .5rem rgba(0,0,0,.5);border-radius: 0 1rem 1rem 0;overflow: hidden;transition:all .3s linear;}
.repFlowLINE .container{display: flex;gap:1rem;align-items: center;justify-content: center;}
.repFlowLINE::before{content:'';position:absolute;right:0;bottom:0;width:4rem;aspect-ratio:1;background:#06c755;clip-path:polygon(100% 0,100% 100%,0 100%)}
.repFlowLINE::after{content:'';position:absolute;z-index: -1;left:0;top:0;width:100%;height:100%;background: linear-gradient(to right, rgb(36 29 21 / 65%) 0%, rgba(0, 0, 0, 0) 100%);transition:all .3s linear;}
.repFlowLINE .picBx{margin:0}
.repFlowLINE .picBx img{max-width:100px}
.repFlowLINE .infoBx{}
.repFlowLINE .infoBx__tt{font-size: clamp(1.5rem,2vw,2.5rem);line-height: 1.2;}
.repFlowLINE .infoBx__subTt{display: inline-flex;align-items: center;margin-top: .5rem;padding: .125rem 1rem;font-size: 1rem;line-height: 1.2;border-radius: 3em;background: #a8935c;color: #fff;}
.repFlowLINE .infoBx__txt{font-size: clamp(1rem,1.25vw,1.125rem);margin-top:1rem;}
.repFlowLINE:hover{color:#fff;box-shadow:0 .25rem 2rem rgb(200 179 124);}
.repFlowLINE:hover::after{background: linear-gradient(to right, rgb(63 97 56 / 80%) 50%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to right, rgb(63 97 56 / 80%) 0%,rgb(36 29 21 / 65%) 50%, rgba(0, 0, 0, 0) 100%);}

.ytBox{display: block;aspect-ratio: 16/9;width: 100%;/* max-width: 1200px; */margin: auto;}

.sidebar{display: flex;gap:1rem;justify-content: center;flex-wrap: wrap;margin-bottom: 2rem;padding: 1rem;}
.sidebar__link{z-index: 1;position: relative;display: inline-flex;align-items: center;padding: .5rem 1rem;color: #000;border:solid 1px;border-radius: 3em;overflow: hidden;}
.sidebar__link::after{content:'';z-index: -1;position:absolute;right:0;top:0;width:0;height:100%;background:#000;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);}
.sidebar__link:not(.active):hover{color:#fff;border-color:#000;transform:scale(.95);}
.sidebar__link:hover::after{left:0;width:100%}

.sidebar__link.active{color:#fff}
.sidebar__link.active::after{left:0;width:100%;background:#998040;border-color:#998040;}


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

/*------------------------------------------------------*/
@media (min-width: 992px) {
    #cursor{position:fixed;z-index:10001;pointer-events:none;width:14px;height:14px;background:#7D9626;background:#998040;border-radius:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    #cursor.on{width:80px;height:80px;background:#999;mix-blend-mode:overlay;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
    .bg-fixed{background-attachment:fixed;background-position:center;-webkit-background-size:cover;background-size:cover;box-shadow:0 5px 35px rgba(0,0,0,0.6) inset}
    .bg-fixed img{opacity:0}
	/* 回頂端 */
	#goTop{cursor:pointer;position:fixed;bottom:50%;right:4rem;z-index:10;text-align:center;-ms-transform:translate(0,50%);-webkit-transform:translate(0,50%);transform:translate(0,50%);color:#000}
	#goTop:before{content:'';display:block;width:1px;height:40vh;margin:auto;background:#000}
	#goTop .txt{position:absolute;left:0;top:100%;width:70px;display:block;padding:0;font-size:.9rem;text-transform:uppercase;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:left center}

    /*關於我們*/
    .about_area{padding: 2rem;background-color:#ccc;background-position: center right;/* background-position: -500%; */background-repeat: no-repeat;/*display: -ms-flexbox;display: flex;-ms-flex-direction: row-reverse;flex-direction: row-reverse;*/background-size: cover;}
    .about_area .mj_pic{/* width:50% */display: none;}
    .about_area .infoBox{width: 60%;margin-right:-5%;margin-top: 5%;margin-bottom: 5%;-ms-flex-item-align: center;align-self: center;}
    /*新案*/
    .caseZone{padding-top: calc(20vh + 50px);padding-bottom: calc(20vh + 50px);}
    .caseArea_skin{padding: 0;height: calc(60vh - 102px);display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: center;-ms-flex-pack: center;}
    .caseArea{position:relative;height: 100%;}
    .caseArea .box{display: inline-block;vertical-align: middle;width: 25%;}
    .caseArea .box:not(.long){}
    .caseArea .box.dummy_box{display:inline-block}
    .caseArea .box.long{width: calc(50% - 20px);height: 100%;/* overflow:hidden; */-o-transition:all 3s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transition:all 3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 3s cubic-bezier(0.25,0.46,0.45,0.94);transition-delay:0;}

}

@media (max-width: 1680px) {
}
@media (max-width: 1480px) {
}

@media (max-width: 1280px) {
    /*關於*/
    .about_area .prev_next{text-align:left}
    .about_area{background-size:70%}
    .infoBox .bg-color{padding:1rem}
    .infoRight{display:none;width:8vw}
    .infoLeft{width:100%}
    .infoWord{padding-right:0}
}

@media (max-width: 991px) {
    /*全頁佈局*/
    .pageInner{padding:0 1rem}
    .uniMenu ul{justify-content: flex-end;margin-top: 0;margin-bottom: 1rem;padding-top:0;}
    body:not(:has(.pgBanner)) main{padding-top:150px}
    main.only-main{padding-top:120px}
    .index main{padding-top: 0}

	/*banner*/
	.pgBanner{height: 50vw;min-height:40vw;margin-top: 140px;padding-top: 120px;padding-bottom: 2rem;}
    
    /* 回頂端 */
    #goTop{right:3rem}
    /*麵包屑*/
    .breadcrumb_tool{text-align: right;clear: both;}
    .breadcrumb_tool .btn-circle{margin-left:0;}
    /*選單*/
    .menu-toggler{top:1rem;right:1rem}
    .header_bar .btn-circle{top: 1rem;}
    .breadcrumb_tool .breadcrumb,.breadcrumb-item.active .tt{line-height: 1.2;}
    .header_bar .breadcrumb_tool,.header_bar .btn-circle+.breadcrumb_tool{right: 1rem;top: 6rem;}
    /*首頁BANNER*/
    .wrapper{padding:2rem 0}
    .wrapper.top{padding-top:80px;}
    .carousel-control-next, .carousel-control-prev{min-width: 100px}
    [class^="carousel-control"] span{width: 30px;height: 30px}
    /*關於我們*/
    .about_area{background-image:none!important}
    .about_area .mj_pic{display:block;}
    .infoRight{padding-top:100px}
    .infoBox:after{display: none;}
    .infoOuter{margin-bottom:3rem}
    /*新案*/
    .caseZone{padding-top:0}
    .caseArea .box.long{position: relative;box-shadow: 0 4px 6px rgba(0,0,0,.5);}
    .caseArea .build-box{width: 150px;margin: auto;}
    .caseArea .infor .year{font-size:2.75rem}
    .caseArea .infor .tt{font-size:1.5rem}
    
    /*新案底層*/
    .caseInnerPic .img-thumb li{width:calc(100% / 3)}
    .pdt-left,.pdt-right,.pdt-left + .pdt-right{width:100%;}
    .pdt-block{display: block;flex-wrap:wrap;}
    /*築跡*/
    #album{min-height: inherit}
    #album .carousel-inner,#album .carousel-item{height: auto}
    #album .fitst-information{}
    #album .block{display: block;height: auto;}
    #album .fitst-information>*{width: 100%}
    #album img{/* max-width: 100%; */}
    /*聯絡我們*/
    /*.contact>*,.contact .pic-box{width:100%;height: auto;padding: 3rem;padding: 10rem;background-position: 40%;}*/
    .contact .contact-body{}
    /*.contact .pic-box img{display:none}*/

	/* 維修流程 */
	.repFlowLINE{margin-right: 0;border-radius: 0;}
}

@media (max-width: 768px) {

	/*banner*/
	.pgBanner{height: 80vw;max-height:40vh}
	
    /*關於*/
    .infoBoxInner{padding-top:1rem}
    .infoRight{display:none;padding-top:0;border-top:solid 1px #000}
    .infoRight h2{font-size:1.25rem}
    .prev_next,.infoBox .bg-color:after{width:100%}
    .bannerPage.carousel .photo{height:70vw}
    .carousel-caption h2{font-size:8vw}
    .popup-youtube .play-icon{width:50px}
     /*頁碼*/
    .pagination{display:block}
    .pagination .num_box{display: block;}
    .pagination .tool.before{float:none}
    .pagination .tool.after{float:none}
    .cdp_i.txt{margin-left: 0;margin-right: 0;padding:0 .5rem;}
    /*動態效果*/
    .caseArea{text-align:left;margin-bottom: 20vh;}
    .caseArea .box{width:100%;text-align:center;}
    .caseArea .box.long{width:100%}
    .caseArea .box.dummy_box{display:none}
    .caseArea .build-box{display: block;/* width:auto; */}
    .caseArea .infor .year{font-size:2rem}
    .caseArea .infor .tt{font-size:1rem}

    /*新案-底層-demo*/
    .caseDt{padding-top:0;padding-bottom: 0;}
    .caseDt__pic{width:100%;}
    .caseDt__cn{width:100%;padding: 2rem 1rem;}
	.googleMap{height: 60vw;max-height: 70vh;}
	.caseAlbum{--pdX: 10vw;padding: 0 var(--pdX);}
	.swiper-slide figure{padding:1.5rem 0}
	.swiper-slide-prev{padding-left:var(--pdX)}
	.swiper-slide-next{padding-right:var(--pdX)}
	.swiper-button-prev{left:var(--pdX);transform: translateX(0);}
	.swiper-button-next{right:var(--pdX);transform: translateX(0);}
	.caseAlbumTitle{margin-top:2rem}

	/* 工程進度 */
	.perfList{grid-template-columns: repeat(auto-fit,minmax(180px,1fr));}
}

@media (max-width: 640px) {
    /*新案*/
    .caseBanner .popup-youtube .play-icon{font-size:2rem;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .newCaseZone .mainTitle{top:8%;margin-bottom:1rem}
    .mainTitle p{font-size:6rem;margin-bottom:0}
    .wrapper.top{padding-top:60px}
    /*我要賞屋*/
    .contactForm form{padding:1rem}
    /*圖文*/
    .page-content iframe { height:320px; }
    .img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
    .img-left, .img-right, .img_center,.img-left1, .img-right1 { display:block; width:100%; max-width:inherit; }
    /*聯絡我們*/
    .contact .contact-body dl{float: none;width: 100%;}
    .contact .contact-body form{width: 100%;border-left:none;border-top: solid 1px #000;}

}

@media (max-width:540px) {
    /*新案*/
    .mainTitle p{font-size: 16vw;margin-top: -18vw;}
    /*關於我們*/
    .infoTitle .mj{font-size: 2rem;}
    .h1, h1 {font-size: 2rem;font-weight: 700;}
    /*主選單*/
    .navbar-brand{width: 120px;left: 1rem;}
    .header_bar .btn-circle{right:6rem}
    .header_bar .btn-circle+.breadcrumb_tool{/* display:none */}

}