@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;}
/*標題*/
.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;}
/*按鈕*/
.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;}
/*單元Menu*/
.uniMenu.pt-up{padding-top: 80px;}
.uniMenu ul{list-style: none;padding-left: 0;padding-top: .75rem;margin: 2.5rem auto;}
.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:99999;}
.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}
.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}
/*新案*/
.caseBanner{position:relative}
.caseBanner figure{margin-bottom: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%;-ms-transform:translate(-200px,-50%);-webkit-transform:translate(-200px,-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{width:40px;height:40px;border-right:solid 1px #fff;border-top:solid 1px #fff}
.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%;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.caseArea .box.long figure:before{-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;}
.caseArea .box.long figure:after{-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;}
.caseArea:hover .box.long figure img{opacity:.3}
.caseArea:hover .box.long figure:before{opacity:1;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.caseArea:hover .box.long figure:after{opacity:1;-ms-transform: translate(-70%,-50%) rotate(45deg);-webkit-transform: translate(-70%,-50%) rotate(45deg);transform: translate(-70%,-50%) rotate(45deg);}
/*動態效果*/
.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;}
/*我要賞屋*/
.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%;height: 100%;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;} */

/*------------------------------RWD設定-----------------------------------------*/
@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{margin-top: 0;margin-bottom: 1rem;padding-top:0;text-align: right;}
    main{padding-top:150px}
    main.only-main{padding-top:120px}
    .index main{padding-top: 0}
    
    /* 回頂端 */
    #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}*/
}

@media (max-width: 768px) {
    /*關於*/
    .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}
}

@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 */}

}

/*------------------------------------------------------*/
@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;}

}