@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
a{color:#000;text-decoration:none}
a:hover{color:#014099;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.btn.focus, .btn:focus {box-shadow: none;  border: none;}
button:focus{outline:none}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{border: 1px solid #a5a5a5;color: #a5a5a5;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px;z-index: 9;}
#goTop:hover{background: #014099;color:#FFF;}

/*按鈕*/
.btnWrap {padding:2em 0; text-align:center; }
.btnLink{display:inline-block;color:#014099;letter-spacing:.08em;border:1px solid #014099;border-radius:40px;position:relative;overflow:hidden}
.btnLink+.btnLink{color:#e71f18;border: 1px solid #e71f18;}    
.btnLink>span{display:block;padding:6px 20px;line-height:2;position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
.btnLink:after{content:"";display:block;width:0;height:100%;background:#014099;position:absolute;top:0;left:-10%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transition:all .3s;transition:all .3s}
.btnLink+.btnLink:after{background:#e71f18}
.btnLink:hover:after{width:120%}
.btnLink:hover>span{color:#fff;z-index:1}



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

/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.container{max-width:100%}
.pageInner{padding: 0px 350px;}
figure{margin: 0;}
h1,h2,h3,h4{margin:0;}
img{max-width: 100%}

/*主選單*/
header{position:fixed;z-index:10;width:100%;transition:all .5s}
.headerMenu{border-bottom:1px solid rgba(255, 255, 255, 0.4);padding: 10px 0px;}
.headerMenu .pageInner{display:flex;align-items: center;justify-content: space-between;transition: all .4s ease;}
.headerMenu .logo{color: #fff;text-decoration: none;}
.headerMenu .logo img{max-height: 55px;}
.menuInfo{display:flex;}
.menuBox { margin-bottom: -10px;}
.menuBox p{margin-bottom:0}
.menuBox button{background:inherit;border:none;color: #fff;letter-spacing: 1px;font-family: '微軟正黑體';position: relative;padding-left: 20px;font-weight: bold;margin-bottom: 10px;transition: all .5s;}
.menuBox button span{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);opacity:0;font-weight:700;font-size:.9rem;transition:all .5s;width:100%;text-align:center;font-weight:normal}
.menuBox button:hover{opacity:.8}
.menuBox button:hover p{opacity:0}
.menuBox button:hover span{opacity:1;bottom:42%}
.menuBox ul{position:absolute;background:#fff;z-index:1;padding-left: 0;margin-top: 10px;list-style: none;width: 175px;display: none;border-top: 3px solid #014099;box-shadow: 0 2px 5px #ccc;}
.menuBox ul li a{padding: 10px 15px;display:inline-block;transition: all .5s;}
.menuBox.active ul{display: block;}
.menuBox ul li a:hover{color: #2d87d8;text-decoration: none;}
.menuBox.socialMedia{font-size: 24px;transition-duration: .3s;}
.menuBox.socialMedia button+button{padding-left: 5px;}
header.topUp .menuBox.socialMedia button:hover{color: #3b5998;opacity: 1;}
header.topUp .menuBox.socialMedia button:nth-child(2):hover{color: #00c300;opacity: 1;}
header.topUp .menuBox.socialMedia button:nth-child(3):hover{color: #c13584;opacity: 1;}
.menuBox.socialMedia svg{position: relative;top: -6px;font-size: 1.6rem;}
/*選單動態*/
header.topUp .pageInner {padding: 0 50px;}
header.topUp{background:#fff;box-shadow: 0 0 10px #ccc;}
header.topUp .logo h2{font-size: 1.4rem;}
header.topUp .logo img{/* max-height: 70px; */}
header.topUp .menuBox button{color:#000;}
header.topUp .headerMenu{padding:10px 0px;box-shadow: 0 0 60px 0 rgba(0,0,0,.07)}
/*主選單按鈕*/
.menuBtn{text-align:center;color: #fff;position: relative;display: none;line-height: 60px;}
.menuBtn p{margin-top: 0;margin-bottom: -20px;}
.menuLineOuter{display: block;/* position: absolute; *//* right: 0px; *//* top: 0; */width: 30px;height: 25px;}
.menuBtn .menuLine{position: absolute;width: 30px;height: 3px;background: #ffffff;border-radius: 4px;transition: all .5s;top: 3px;}
.menuBtn .menuLine:nth-child(2){top: 12px;}
.menuBtn .menuLine:nth-child(3){top: 22px;}

/*按鈕動態*/
.menuBtn.active .menuLine:nth-child(2){display:none;}
.menuBtn.active .menuLine:nth-child(1){transform:rotate(45deg);left: -2px;top: 10px;}
.menuBtn.active .menuLine:nth-child(3){transform:rotate(-45deg);top: 10px;left: -2px;}


/*首頁-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{width:100%;letter-spacing:2px;color:initial;text-align:center;position:static;pointer-events:none}
.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%)}
.carousel .photo{position: relative;display: block;}
.banner.carousel .photo{-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
@keyframes slideIn {
0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.banner.carousel .photo{width:100%;height: 100vh;background-position:center;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;}

/*標題*/
.ixTit{font-family: 'Volkhov', serif;}

/*首頁-關於我們*/
.ixAbout{overflow:hidden;position:relative;display:flex;padding:2rem}
.txtBox{width:48%;padding:3em 4em}
.slash{background:#f6f6f6;-moz-transform-origin:bottom;-moz-transform:skewX(-20deg);-o-transform-origin:bottom;-o-transform:skewX(-20deg);-ms-transform-origin:bottom;-ms-transform:skewX(20deg);display:block;height:475px;width:100px;position:absolute;left:51%;top:0;z-index:-1}
.aboutTxt{line-height:2;padding-left:3em;position:relative;z-index:2}
.ixAbout .ixTit{margin:0 0 10px -3rem;color:#014099;}
.aboutPic{position:relative;width:52%;margin-top:0;display:block;height:475px;overflow:hidden;background:url(../images/index/about.png) no-repeat center/cover}
.aboutPic2{background:url(../images/index/about02.png) no-repeat center/cover}
/*首頁-公司歷程*/
.aboutTxt .list{display: flex;flex-wrap: wrap;}
.aboutTxt .item{width: 50%;}
.aboutTxt .item span{background: #014099;color: #fff;padding: 2px 10px;border-radius: 50px;}


/*首頁-最新消息*/
.ixNews{background:url(../images/index/newsBg.jpg) left bottom no-repeat;background-attachment:fixed;min-height: 580px;position:relative;/* overflow:hidden; */margin:2rem 0;}
.newsList{width: 45vw; min-width: 755px;padding:3rem;position:absolute;right:0;background: rgba(2 39 93 / 85%);color:#fff;}
.ixNews .ixTit{margin-bottom: 1.5rem;}
.newsUl{padding:0}
.newsUl li{list-style:none;display:flex;align-items:center;position:relative;overflow:hidden;margin-bottom:1.5rem}
.newsUl li>a{overflow:hidden;width:100%;align-items:center;display:flex;color: rgba(255 255 255 / 0.9);border:1px solid rgba(255 255 255 / 0.3);}
.newsUl .listPic{width:400px;overflow:hidden}
.newsUl .listTit{width:calc(100% - 110px);margin-left:30px}
.newsUl .listTit span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;height:25px}
.newsUl li:hover a{text-decoration:none;color:#fff;border-color:#fff}
.newsUl .day{font-size:1.5rem;display:block;color:#fff}
.newsUl li>a time{display:block;font-size:.95rem;color:rgba(255,255,255,0.9);width:95px;text-align:center;padding:5px;background: rgb(137 16 16 / 0.7);font-family:'Thasadith',sans-serif;}
.newsUl .listTit .categoryBox{margin-bottom:6px;display:flex;align-items:center;font-size:13px;color: #b7b7b7;}
.newsUl .listTit .categoryBox:before{content:'';background: #8a8a8a;width:25px;height:1px;display:block;margin:0 10px 0 -35px;transition: all .4s ease;}
.newsUl li:hover .listTit .categoryBox:before{width:40px;}

/*首頁-開發案件*/
.ixCase{position:relative;padding: 70px 6rem 0;display:flex;align-items: flex-start;background: url(../images/all/bg.png);}   
.ixCase .titBox {width:35%;display: block;padding:2rem 2rem 2rem 0;font-size: 1.1rem;}
.ixCase .titBox .slogan{color: #333;}
.ixCase .titBox .slogan span{color: #333;}
.ixCase .titBox .slogan>span+span:before {  color: #333;}
.caseTit {display: flex; align-items: center;}
.slogan{font-size: 1.2rem;line-height: 2;font-family: 'Noto Serif TC', serif;font-weight: 500;letter-spacing: 2px;border-top: 1px solid #ccc;padding: 1rem 0 0 1rem;color: #FFE4C4;}
.slogan span {color: #fff;}
.slogan>span+span:before {content: "/";  margin: 0 8px;color: #fff;}
.slogan .mob{color: #FFE4C4;}
.slogan .mob:before { content: '，';}
.ixCase .caseTit .ixTit{font-size: 3rem;letter-spacing: 2px;border-bottom: 2px solid #e81e24;display: inline-block;}
.ixCase .caseTit p {font-size: 1.1rem;letter-spacing: 2px;margin: 0 0 -10px 10px;}
.ixCase .owl-carousel.pd-show{width:65%;padding: 2rem 0;}
.pd-show .item{text-align:center}
.pd-show .item figure,.case-box figure{position:relative;margin-bottom: 0;overflow: hidden;}
.pd-show .item figure:before,.case-box figure:before{position:absolute;content:'';height: 100%;width: 60%;background-color: #ffffff;transform: translateX(-400%);opacity: .3;-o-transition: all 1s linear;-webkit-transition: all 1s linear;-moz-transition: all 1s linear;transition: all 1s linear;}
.pd-show .item figure:after,.case-box figure:after{position:absolute;content:'';height: 100%;width: 0%;background-color: rgba(18 18 18 / 55%);right: 0;top: 0;opacity: .7;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.pd-show .item figure span,.case-box figure span{position:absolute;left: 50%;top: 50%;opacity:0;transform: translate(-50%, -50%);font-size: 20px;color:#ffffff;z-index: 3;-o-transition: all .3s .2s linear;-webkit-transition: all .3s .2s linear;-moz-transition: all .3s .2s linear;transition:  all .3s .2s linear;}
.pd-show h4{font-size: 18px;margin-top: 15px;}  
.pd-show .item a:hover figure:before,.case-box a:hover figure:before{transform: translateX(400%);}
.pd-show .item a:hover figure:after,.case-box a:hover figure:after{left: 0;width: 100%;}
.pd-show .item a:hover figure span,.case-box a:hover figure span{opacity:1;}
.pd-show .item a:hover,.case-box a:hover{text-decoration:none}

/*首頁-相關連結*/
.ixLink{padding:2rem;padding-bottom:0;background:url(../images/all/bg2.jpg)}
.linkTit{text-align:center;z-index:2}
.linkTit .ixTit{font-size:3rem;letter-spacing:2px;display:block}
.linkTit p{display:inline-block;font-size:1.1rem;letter-spacing:2px;padding-top:8px;border-top:2px solid #e81e24}
.linkBlock{display:flex;align-items:center;max-width:1280px;margin:0 auto;z-index:2}
.linkBlock a{display:block;margin:10px;width:calc(25% - 20px)}
.linkBlock a:hover{opacity:.8;transform:translateY(-10px)}
.linkBlock picture{display:block}
.linkBlock picture img{display:block;margin:0 auto}

/*footer*/
.seoGrid{width:80%;margin:2rem auto}
.seoGrid li{display:inline-block;border-radius:20px;border:1px solid #adadad;padding:5px 10px;margin: 5px 0;}
.seoGrid h3{font-size:1.2rem;line-height: 1.4;font-weight:700;margin-bottom:1rem;}
.seoGrid h4{font-size:1rem;color:#4a4a4a}
.seoGrid li+li{margin-left:8px}

footer{background:url(../images/all/extra_clean_paper.png);color:#484848;padding:2rem 0 1rem;text-align: center;}
footer .container{align-items:flex-end;justify-content:space-between;}
footer h3{font-size: 1.2rem;margin-bottom: 15px;font-weight: bold;color: #000000;}
footer ul{margin-bottom:0;padding-left:0;list-style:none}
footer ul li{padding: 0 10px 10px;display: inline-block;}
footer a{color:#333;}
footer a:hover{border-bottom: 1px solid #9c9c9c;}
/*footer .socialBox img{width:100px}

footer .socialBox a{margin:10px;display:inline-block}*/
footer .socialBlock{display: flex;justify-content: center;margin: 5px 0 10px;}
footer .socialBlock a{position: relative;width: 35px;height: 35px;border:solid 1px rgba(0,0,0,.3);border-radius: 50%;margin: 0 .15rem;transition-duration: .2s;line-height: 2em;}
footer .socialBlock a:nth-child(3) svg{font-size: 1.2rem;margin-top: 6px;}
footer .socialBlock a .hov{display: none;}
footer .socialBlock a:nth-child(1):hover{background-color: #3b5998;color:#fff;}
footer .socialBlock a:nth-child(2):hover .nor{display: none;}
footer .socialBlock a:nth-child(2):hover .hov{display: block;}
footer .socialBlock a:nth-child(2):hover{background-color: #00c300;color:#fff;}
footer .socialBlock a:nth-child(3):hover{background-color: #c13584;color:#fff;}
footer .socialBlock a:nth-child(4):hover{background-color: #ff0000;color:#fff;}
footer .socialBlock a:nth-child(5):hover{background-color: #4285f4;color:#fff;}
footer .socialBlock a:nth-child(6):hover{background-color: #dd4b39;color:#fff;}
footer .socialBlock a img{position: absolute;width: 65%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
footer .copyright{font-size:13px}



/*內頁*/
.bannerPage{height: 600px;position: relative;color: rgba(255 255 255 / 80%);}
.bannerPage .bannerTxt{position: absolute;left: 6rem;bottom: 6rem;}
.bannerPage .bannerTxt h1{/* color: #151515; */font-weight: bold;/* font-family: 'Noto Serif TC', serif; */letter-spacing: 5px;text-shadow: 0 2px 10px #333333;margin-bottom: 10px;}
.wrapper{max-width:90%;margin:0 auto;position:relative;background:url(../images/all/bg1.png) center center repeat-y #fff;padding: 30px 30px 0;margin-top:-50px;}
.wrapper:before{position:absolute;content:'';width:100%;height:100px;box-shadow:0 0 20px -5px rgba(51,51,51,.4);top:0;z-index:-1;left:0}

/*sidebar*/
.sidebar { position: relative; z-index: 1;}
.sidebar .navbar{/*margin-bottom: 2rem;*/justify-content: inherit;display: inline-flex;/* border-bottom: 1px solid #8e8e8e; */}
.sidebar .navbar-toggle{display:none;width:100%;float:inherit;text-align:left;margin:0;padding-left:20px;font-weight:700;position:relative}
.sidebar .navbar li {margin: 0 8px 1em;}
.sidebar .navbar li.active>a,.sidebar .navbar li:hover>a{color:#fff;background: #014099;}
.sidebar .navbar li>a{border: 1px solid #014099;letter-spacing:1px;display:inline-block;padding:5px 1em;}

/*麵包屑*/
.breadBox{padding: 0 0 50px;}
.breadcrumb{background: transparent;color: #7d7d7d;padding: 0;font-size: .85rem;margin: 0;position: relative;z-index: 1;justify-content: flex-end;}
.breadcrumb a {color: #7d7d7d}
.breadcrumb-item.active{color: #060606;}

/*頁碼*/
.pagination-outer{text-align:center;padding: 1rem 0 2rem;}
.pagination{font-family:'Oxygen',sans-serif;display:inline-flex;position:relative;}
.pagination li .page-link{color: #6b6b6b;background: #f9f9f9;text-transform:uppercase;line-height:10px;height:32px;width:32px;border-radius:0;position:relative;z-index:1;padding:10px;}
.pagination li.active .page-link,.pagination li .page-link:hover,.pagination li.active .page-link:hover{color:#fff;background:#014099;border-color:#014099;}
.pagination li .page-link:before,.pagination li .page-link:after{content:'';background: #014099;height:100%;width:100%;border-radius:50%;transform:scale(0) rotateX(360deg);position:absolute;left:0;top:0;z-index:-1;transition:all .3s;}
.pagination li .page-link:after{background:transparent;border-radius:0;transform:scale(0.7);transition-delay:.1s}
.pagination li .page-link:hover:before{border-radius:0;transform:scale(1) rotateX(0)}
.pagination li .page-link:hover:after{background:#014099;opacity:0;transform:scale(1.5)}

/*開發案件-列表*/
.casePage{display:flex;flex-wrap:wrap}
.casePage .caseBox{width:calc(100% / 3 - 20px);margin-bottom: 3.5em;margin-right:30px;position:relative;text-align:center;}
.casePage .caseBox:nth-child(3n){margin-right:0}
.casePage .caseBox:nth-child(3n+1){clear:both}
.casePage .casePic img{max-width:100%}
.casePage .caseTxt h3{font-size:1.1rem;letter-spacing:1px;font-weight:700;padding:10px 0 15px;margin:0;/* background:#fff; */border-bottom:1px solid #eaeaea;}
.casePage .casePic{overflow:hidden}
.casePage .casePic img{max-width:100%;transition:all .3s linear}
.caseBox a:hover img{transform:scale(1.05,1.05)}

/*開發案件-底層*/
.caseDtl{display:flex;border-bottom: 1px solid #ccc}
.caseDtl .albumBox{width:50%;text-align: center;}
.caseDtl .albumBox ul {  list-style: none;  padding: 1rem 0;}
.albumBox .img-thumb li img { max-height: 120px;}
.albumBox .img-thumb li{width: calc(100% / 5 - 10px);margin: 10px 5px;position:relative;border: 1px solid transparent;}
.albumBox .img-thumb li:hover{border: 1px solid #c7c7c7;background: rgba(255 255 255 / 0.4);box-shadow: 0 0 10px #ccc;}
.caseDtl .infoBox{width: calc(50% - 3rem);margin-left: 3rem;}
.caseDtl .infoBox h2 { font-weight: bold; margin-bottom: 1rem;}
.infoBox ul>li{list-style:none;margin:15px 0;display:flex;align-items:center}
.infoBox .txtArea{border-bottom: 1px solid #ccc;margin-bottom: 1rem;}
.infoBox ul{padding:0;}
.pageDtl {padding-top: 2rem;}
.pageDtl .tx01{ margin-bottom:0}
.pageDtl img { margin-top: 1rem;}
/*.infoBox ul>li strong{width:110px;letter-spacing:1px}
.infoBox ul>li span{font-weight:700;letter-spacing:1px;color:#b31522}*/
.videoBox{padding-top: 2rem;clear:both;overflow:hidden;display:block;max-width: 80%;margin: 0 auto}


/*最新消息-列表*/
.newsPage{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.newsPage .newsBox{margin:10px;width:calc(25% - 20px);list-style:none}
.newsPage figure{position:relative;overflow:hidden}
.newsPage figure .imgCover{position:absolute;width:100%;height:100%;object-fit:cover;transform-origin:center;transition-duration:.3s}
.newsPage .newsBox:hover figure .imgCover{width:105%;height:105%}
.newsPage .newsTitle{position:relative;width:100%;align-items:center;display:flex;flex-wrap:wrap;color:rgba(255 255 255 / 0.9);background:rgba(2 39 93 / 85%)}
.newsPage a time{font-size:.95rem;color:rgba(255,255,255,0.9);text-align:center;padding:5px;margin-left:15px;background:#890000;font-family:'Thasadith',sans-serif;transition-duration:.3s}
.newsPage a time:before{content:'';display:inline-block;position:absolute;left:0;top:15px;width:15px;height:1px;background-color:#8a8a8a;transition-duration:.3s}
.newsPage .newsBox:hover a time{margin-left:25px}
.newsPage .newsBox:hover a time:before{width:25px}
.newsPage .listTit{margin:10px 15px;width:100%}
.newsPage .listTit span{display:-webkit-box}

/*最新消息-底層*/
.newsDetailPage .newsTitle{overflow:hidden;width:100%;align-items:center;display:flex;color:rgba(255 255 255 / 0.9);margin-bottom:20px}
.newsDetailPage time{display:block;font-size:.95rem;color:rgba(255,255,255,0.9);width:95px;text-align:center;padding:5px;background:#6c202f;font-family:'Thasadith',sans-serif}
.newsDetailPage .day{font-size:1.5rem;display:block;color:#fff}
.newsDetailPage .listTit{position:relative;width:calc(100% - 110px);margin-left:40px;font-size:1.8rem;color:#333;line-height:1.3;font-weight:700}
.newsDetailPage .listTit:before{content:'';position:absolute;top:50%;left:5px;background:#8a8a8a;width:45px;height:1px;display:block;margin:0 10px 0 -35px;transform:translate(-50%)}
.page-content table{max-width:100%}
.wordBreak{word-break:break-all}
.tx01{clear:both;margin-bottom:2em;overflow: hidden;}
.tx01 img{margin-bottom:1em;max-width:100%}
.img-left{float:left;padding-bottom:1em;padding-right:2em;max-width:50%}
.img-right{float:right;padding-bottom:1em;padding-left:2em;max-width:50%}
.page-content li+li {margin-top: 10px;}
.page-content a { text-decoration: underline;}

/*關於我們-公司介紹*/
.about1Page .introBlock{display:flex;justify-content:space-around;align-items:center;padding:2rem 4rem;margin:2rem 0}
.about1Page .introBlock .titBox{width:500px}
.about1Page .introBlock .ixTit{font-size:3rem;letter-spacing:2px;border-bottom:2px solid #e81e24;display:inline-block}
.about1Page .introBlock .introTit p{display:inline-block;font-size:1.1rem;letter-spacing:2px;margin:0 0 -10px 10px}
.about1Page .introBlock .intro{border-top:1px solid #ccc;padding:1rem 0 0 1rem;line-height:2}
.about1Page .introBlock .introPic picture{position:relative;display:block;width:400px;z-index:2}
.about1Page .introBlock .introPic picture img{width:100%}
.about1Page .introBlock .introPic picture:before{position:absolute;content:'';display:block;width:100%;height:100%;border:solid 8px #014099;right:30px;top:-40px;z-index:-1}
.about1Page .introBlock .introPic picture:after{position:absolute;content:'';display:block;width:100%;height:100%;background:#eee;left:30px;bottom:-40px;z-index:-1}
.about1Page .claimBlock{margin:4rem 0 12rem;padding:2rem}
.about1Page .claimBox{position:relative;font-family:'Noto Serif TC',serif;text-align:center;font-size:20px;line-height:2}
.about1Page .claimBox:after{position:absolute;content:'';display:block;width:1px;height:100px;background:#ccc;left:50%;bottom:-100%}
.about1Page .claimBox span{display:inline-block;font-size:30px;font-weight:700;color:#014099;margin:10px 0}

/*關於我們-組織架構*/
.about2Page{padding:2rem 0}
.about2Page .organBlock img{display:block;margin:0 auto;width:100%;max-width:800px}

/*關於我們-防水保固*/
.about3Page{padding:2rem 0}
.about3Page .waterpBlock1{margin:2rem 0 4rem}
.waterpDes{position:relative;display:inline-block;font-family:'Noto Serif TC',serif;font-size:18px;text-align:center;color:#014099;font-weight:700;margin-bottom:20px}
.waterpDes:after{content:'';position:absolute;top:50%;display:inline-block;width:60px;height:1px;margin-left:10px;background:#014099;transform:translateY(-50%)}
.about3Page .waterpBlock{display:flex}
.about3Page .waterpBox{position:relative}
.about3Page .waterpCover{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:30%;padding:20px 10px;bottom:0;left:0;background-color:rgba(2 39 93 / 75%);transition-duration:.3s}
.about3Page .waterpBox:hover .waterpCover{height:100%;background-color:rgba(2 39 93 / 85%)}
.about3Page .waterpBox h4{color:#fff;font-weight:700;font-size:20px;line-height:1.5;text-align:center}
.about3Page .waterpBlock2{margin:2rem 0}
.about3Page .watertBlock{display:flex}
.about3Page .watertBox{display:flex;justify-content:center;align-items:center;border:solid 1px #ccc;padding:2rem;margin:10px;width:calc(50% - 20px)}
.about3Page .watertBox picture{position:relative;width:200px;height:200px}
.about3Page .watertBox picture img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.about3Page .watertBox p{font-size:20px;font-weight:700;padding-left:20px}

/*關於我們-售後服務*/
.about4Page{padding:2rem 0}
.about4Page .waterpBlock1{padding:2rem 0}
.about4Page .aftersBlock{display:flex}
.about4Page .aftersBox{margin:20px;width:calc(50% - 40px);overflow:hidden}
.about4Page .aftersBox picture{position:relative;display:block}
.about4Page .aftersBox picture:before{position:absolute;content:'';height:100%;width:60%;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);transform:translateX(-500%);opacity:.5;transform:skewX(-20deg);transition:all .5s linear}
.about4Page .aftersBox:hover picture:before{transform:translateX(500%)}
.about4Page .aftersBox h4{display:inline-block;color:#014099;font-weight:700;border-bottom:solid 1px #ccc;margin:15px 0 10px;padding-bottom:10px}
.about4Page .aftersBox p{line-height:2}

/*關於我們-結構柱中柱*/
.alfa1 .linkTit picture{display:block;width:30%;max-width:200px;margin:0 auto 20px}
.alfaSub{display:block;padding:0;margin:20px auto;text-align:center}
.alfaSub li{display:inline-block;text-align:center;font-family:'Noto Serif TC',serif;font-weight:700;color:#014099;font-size:18px;margin-right:16px}
.methodBlock{display:flex;justify-content:center;margin-bottom:50px}
.methedBox{margin:20px 10px}
.methedBox h4{text-align:center;font-size:18px;background:#6c202f;color:#fff;padding:10px}
.methedBox h4 i{margin-right:5px}
.methedBox picture{display:block;text-align:center}
.alfa2{margin-bottom:50px}
.alfa2 .comBlock{display:flex;align-items:center;justify-content:space-around}
.alfa2 .comBox{width:40%;max-width:500px}
.alfa2 .comBox figure{font-size:14px;text-align:center;margin-top:20px}
.alfa2 .comBox2 picture{display:block;max-width:450px;margin-bottom:30px;z-index:1}
.alfa3 picture{display:block;width:100%;max-width:900px;margin:0 auto}
.alfa3 img{width:100%;max-width:initial}
.claimBlock{text-align:center;margin:20px auto 50px;font-family:'Noto Serif TC',serif}
.claimBlock h4{display:inline-block;font-weight:700;line-height:1.5;padding:0 30px;border-left:solid 2px #014099;border-right:solid 2px #014099}
.claimBlock h5{margin-top:20px}

/*關於我們-歷史沿革*/
.historyList{padding: 3rem 0;}
.historyItem{display: flex;max-width: 1200px;margin: 0 auto;align-items: center;position:relative;}
.historyItem:before{content:"";position:absolute;background: #014099;width: 10px;height: 10px;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.historyLine{position:relative}
.historyLine:before{content:"";width: 2px;position:absolute;background: #014099;left: 50%;top: -12px;transform: translate(-1px, -100%);}
.historyLine01:before{height: 567px;}
.historyLine02:before{height: 630px;}
.historyLine03:before{height: 420px;}
.historyLine04:before{height: 270px;}
.historyLine05:before{height:120px}
.historyItem>div{width: 50%;}
.historyItem .years{width: 130px;}
.historyItem .historyContent{display:flex;align-items:center;width: calc(50% - 4rem);padding: 1rem 2rem;background: #eeeeeec9;/* border: 1px solid #014099; */margin: 2rem;box-sizing: border-box;transition: all .3s ease-in-out;}
.historyItem .historyContent:hover{box-shadow: 2px 1px 10px #cfcfcf;}
.historyItem p{margin-bottom:0;font-weight: 600;}
.historyItem h4{font-size: 2rem;font-weight: 600;color: #014099;width: 100%;text-align: center;}
.historyItem h4:after,.historyItem h4:before{content:"";position:absolute;left: 50%;border-radius: 50%;top: -20px;}
.historyItem h4:after{background:#014099;width: 8px;height: 8px;transform: translate(-4px, -50%);}
.historyItem h4:before{width: 16px;height: 16px;border: 1px solid #014099;transform: translate(-50%, -50%);}
.historyItem h4{/* width: 100%; */position:relative;margin: 1rem 0;}
.historyItem .years span{position:relative;/* background: #014099; */color: #014099;padding: .25rem 1rem;border-radius: 50px;font-size: 1.1rem;letter-spacing: 2px;transition: all .3s ease-in-out;}
.historyContent:hover .years span{background:#014099;color: #fff;}
/* .historyItem .years:after,.historyItem .years:before{content:"";position:absolute;right: 100px;border-radius: 50%;top: 50%;}
.historyItem .years:after{background:#014099;width: 8px;height: 8px;transform: translate(-4px, -50%);}
.historyItem .years:before{width: 16px;height: 16px;border: 1px solid #014099;transform: translate(0px, -50%);} */
.historyItem .txt{width: calc(100% - 130px);}


/*預銷售案件-底層*/
.projectDtl .pgwSlideshow{background:initial}
.projectDtl .pgwSlideshow .ps-list{border-top:none;box-shadow:none;background:initial;padding:10px}
.projectDtl .pgwSlideshow .ps-list li img{height:60px}
.projectDtl .pgwSlideshow .ps-current .ps-next,.projectDtl .pgwSlideshow .ps-current .ps-prev{background:rgba(255,255,255,.4);transition-duration:.3s}
.projectDtl .pgwSlideshow .ps-current .ps-next:hover,.projectDtl .pgwSlideshow .ps-current .ps-prev:hover{opacity:.7}
.projectDtl .pgwSlideshow .pgwSlideshow .pgwSlideshow .ps-prevIcon{background:#434343}
/*聯絡我們-聯絡我們*/
.contact1Page{padding:2rem 0}
.contact1Page .contact1Block{margin:2rem 0}
.contact1Page .contact1Block .main_color{font-family:'Noto Serif TC',serif;color:#014099;font-weight:700;font-size:20px}
.contact1Page .contact1Block ul{padding:0;list-style:none;margin:25px 0}
.contact1Page .contact1Block li{position:relative;padding-left:85px;margin-bottom:10px;word-break:break-all}
.contact1Page .contact1Block li:before{content:attr(data-tit);color:#014099;min-width:85px;display:inline-block;position:absolute;top:0;left:0;font-size:15px;line-height:1.9;font-family:'Volkhov',serif}
.contact1Page .socialBox{display:flex}
.contact1Page .socialBox a{width:calc(100% / 3 - 20px);max-width:75px;margin:0 20px 20px 0;transition-duration:.3s}
.contact1Page .socialBox a:hover{opacity:.6}
.contact1Page .contactForm{margin-top:50px}
.contact1Page .contactForm .main_color .black{display:block;color:#949494;font-size:16px;font-weight:400;font-family:'Lato','微軟正黑體',sans-serif;margin-top:10px}
.contact1Page form{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:35px;overflow:hidden}
.contact1Page .page_form{width:49%;margin-bottom:15px}
.contact1Page .formContent{width:100%}
.contact1Page .page_form .name{font-weight:700}
.contact1Page .page_form .red{color:#014099}
.contact1Page .page_form .input1{width:100%;background:transparent;border:solid 1px #ccc;padding:5px}
.contact1Page .page_form .input2{width:100%;background:transparent;border:solid 1px #ccc;padding:5px}
.contact1Page .nameInput{display:flex}
.contact1Page .nameInput .text{width:calc(100% - 125px)}
.contact1Page .nameInput .radio-style{margin-left:10px;line-height:2}
.contact1Page .nameInput input[type=radio]{margin-right:5px}

/*聯絡我們-都更危老重建專區*/
.contact2Block{display:flex;margin-top:20px}
.contact2Block a{margin:10px;width:calc(50% - 20px)}
.contact1Page .page_form .form-control{background:transparent}

/*聯絡我們-客戶意見調查表*/
.contact3Block{margin-top:20px}
.contact3Block article a{font-family:'Noto Serif TC',serif;color:#014099;font-weight:700;font-size:20px}

/*工程實績*/
.perfomBox{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 15px; /* 設定左右間距 */
	grid-row-gap: 15px; /* 設定上下間距 */
	/* padding-top: 50px; */
	transition: all .5s;
	}

.perfomBox a{text-align:center;border:1px solid #eee;padding:10px;background: hsl(0deg 0% 100% / 70%);}
.perfomBox a:hover {box-shadow: 0px 10px 10px rgb(0 0 0 / 15%);}
.perfomPic figure{overflow:hidden;}
.perfomPic figure img{transition:all .5s}
.perfomBox a:hover .perfomPic figure img{transform:scale(1.05)}
.perfomName{padding:10px;}
.perfomName span{display:inline-block;padding:0px 10px;font-size: 1.25rem;margin-bottom: 10px;font-weight: 600;}
.perfomName h3{font-size: 1rem;}
.perfomTit{text-align:center;margin-bottom: 30px;}
.perfomTit h3{font-size:2.25rem;font-weight: bold;margin-bottom: 30px;position: relative;}
.perfomTit h3:before{content:'';position:absolute;left:50%;transform:translateX(-50%);background: #e81e24;width: 70px;height: 2px;bottom: -15px;}
.perfomTit span{background:#014099;color:#fff;padding: 4px 10px;display:inline-block;font-size: .9rem;}
.pagePicAll{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 15px; /* 設定左右間距 */
	grid-row-gap: 15px; /* 設定上下間距 */
	padding-top: 50px;
	}
.pagePicAll a{text-align:center;}
.pagePicAll a figure{display:inline-block;overflow:hidden}
.pagePicAll a img{transition:all .5s}
.pagePicAll a:hover img{transform:scale(1.1)}
.performanceStlye{max-width: 1000px;margin:0 auto;}
.projectDtl.performanceStlye .pgwSlideshow .ps-list li img{height:100px}
.projectDtl.performanceStlye .pgwSlideshow .ps-list{background:#fff;}
.projectDtl.performanceStlye .pgwSlideshow .ps-list ul{  display: grid;grid-template-columns: repeat(10, 1fr);grid-column-gap: 1em;grid-row-gap: 1em;}
.projectDtl.performanceStlye .pgwSlideshow .ps-prevIcon,.projectDtl.performanceStlye .pgwSlideshow .ps-nextIcon{    border-color: transparent #434343;}
/*社群區塊*/
.socialZone {position: fixed;z-index: 99;right: 1.25rem;bottom: 90px;}
.socialZone__item {width: 50px;height: 50px;background: rgb(0, 0, 0);display: inline-block;border-radius: 2.25rem;padding-right: .5rem;color: #ffffff;text-align: right;line-height: 50px;transition: transform 0.6s ease 0.5s, opacity 0.3s ease 0.3s, width 0.3s ease 0s;}
.socialZone__item .num {opacity: 0;position: absolute;right: 3.5rem;top: 50%;/* width: calc(100% - 80px); */transform: translateY(-50%);width: 120px;pointer-events: none;}
.socialZone__item.line { background: #00c300; }
.socialZone__item.line svg { width: 2.25rem; height: 2.25rem; }
.socialZone__item:hover {width: 12rem;/* display: flex; *//* flex-direction: row-reverse; *//* align-items: center; *//* justify-content: space-evenly; */color: #ffffff;}
.socialZone__item:hover .num {opacity: 1;display: inline-block;}
/*--------------------------------------------*/
@media screen and (max-width:1750px) {
/*全站*/
.pageInner {padding: 0px 250px; }
}

@media screen and (max-width:1550px) {
/*全站*/
.pageInner {padding: 0px 120px;}

}

@media screen and (max-width:1480px) {
/*內頁*/
.wrapper { max-width: 100%;  margin-top: 0;} 
    
/*banner*/
.bannerPage { height: 450px;}
.bannerPage .bannerTxt{bottom:3rem}
.bannerPage .bannerTxt h1{font-size:2rem}
.bannerPage .slogan{font-size:1.1rem}
    
}
    
@media screen and (max-width:1280px) {
/*全站*/
.pageInner {padding: 0 10px;}
header.topUp .pageInner { padding:0 10px;}
.headerMenu .logo img{max-height: 40px;}
.menuBox button{margin-bottom:5px;font-size: .95rem;}
/*首頁-about*/
.ixAbout{display: block;}
.txtBox{width:100%;padding:0 2em}
.ixAbout02 .txtBox{margin-bottom: 3rem;}
.ixAbout02{display: flex;flex-direction: column-reverse;}
.aboutPic{width:96%}
.slash{left:auto;right:2%}
    
/*首頁-開發案件*/
.ixCase .caseTit .ixTit {font-size: 2.5rem;}
.slogan { font-size: 1.05rem;}

/*最新消息-列表*/
.newsPage .newsBox{width: calc(100% / 3 - 20px);}

/*關於我們-公司介紹*/
.about1Page .introBlock .titBox{width:50%}
.about1Page .introBlock .introPic{width:50%;padding-left:60px}
.about1Page .introBlock .introPic picture{width:90%}

/*關於我們-防水保固*/
.about3Page .waterpBlock{flex-wrap:wrap;justify-content:center}
.about3Page .waterpBox{width:calc(100% / 3);margin-bottom:10px}
}


@media screen and (max-width:1024px) {

/*banner*/
.banner.carousel .photo { height: 70vw;}  
    
/*首頁-開發案件*/
.ixCase{display:block;padding: 70px 4rem 0;}
.ixCase .titBox{width:100%;padding:0}
.ixCase .owl-carousel.pd-show{width:100%}

/*歷史沿革*/
.historyLine02:before{height: 740px;}
.historyLine03:before{height: 500px;}

}

@media screen and (max-width:992px) {
    /*主選單*/
    .menuBox button{padding-left: 0;font-size: .9rem;}
    .menuBox.socialMedia button,.menuBox.socialMedia button+button { padding: 0;}
    
	/*首頁-相關連結*/
	.ixLink .linkBlock{flex-wrap: wrap;}
	.ixLink .linkBlock a{width: calc(50% - 20px);}
    
	/*最新消息-列表*/
	.newsPage .newsBox{width: calc(50% - 20px);}
    
	/*關於我們-公司介紹*/
	.about1Page .introBlock{flex-wrap:wrap;padding:0}
    .about1Page .introBlock .titBox{width:100%}
    .about1Page .introBlock .introPic{width:100%;max-width:480px;padding-left:0;margin-top:50px}
    .about1Page .introBlock .introPic picture{width:100%}
    .about1Page .linkBlock{flex-wrap:wrap}
    .about1Page .linkBlock a{width:calc(50% - 20px)}
    
	/*關於我們-防水保固*/
	.about3Page .watertBox{flex-wrap: wrap;}
	.about3Page .watertBox p{padding-left: 0;}
    
	/*開發案件-列表*/
	.casePage .caseBox{width:calc(100% / 2 - 15px);}
	.casePage .caseBox:nth-child(3n){margin-right:30px}
	.casePage .caseBox:nth-child(2n){margin-right:0}
	.casePage .caseBox:nth-child(3n+1){clear:inherit;}
	.casePage .caseBox:nth-child(2n+1){clear:both}
    
	/*開發案件-底層*/
	.caseDtl{display:block}
	.caseDtl>*{width:100%!important;margin:0!important}
	.caseDtl+.videoBox{max-width:100%}
	
}

@media (min-width: 769px) {
.sidebar #sidenav { display: block;text-align: center; }
}

@media screen and (max-width:768px) {
/*全站*/
.pageInner {padding: 0px 10px;}
.menuBox.socialMedia svg{font-size:1.4rem}
.headerMenu .logo img{max-height:35px}
.menuBox button{font-size:.95rem}
/*sidebar*/
.sidebar{margin-bottom:2.5rem}
.sidebar .navbar-toggle{display:block}
.sidebar:before{top:6em;right:-6em}
.sidebar .navbar-toggle,.sidebar .navbar-toggle:focus,.sidebar .navbar-toggle:hover{background-color: transparent;color: #014099;box-shadow:0 0 2px #ccc;border:none;border-radius:8px;padding:10px 20px;border: 1px solid #014099;}
.sidebar .navbar-toggle .fa-list{margin-right:5px}
.sidebar .navbar-toggle .fa-caret-down{position:absolute;right:15px;top:10px}
.sidebar .navbar{width:100%;padding:1rem 0}
.sidebar .navbar ul{list-style:none;margin:0;padding:15px;padding-top:0}
.sidebar .navbar ul > li > a{display:block;padding:5px 0 5px 20px;text-decoration:none}
.sidebar .navbar > li > a{padding:10px 1em;display:block}
.sidebar .navbar>li{width:100%;position:relative}
.sidebar .navbar>li a:before{content:'';position:absolute;left:0;bottom:20px;width:10px;height:1px;background:#9c9c9c;transition:all .5s;display:inline-block}
.sidebar li:hover a:before,.sidebar li.active a:before{width:30px;background:#014099}
.sidebar .navbar li.active>a,.sidebar .navbar li:hover>a{padding-left:40px;color:#014099;font-weight:700;border-color:#014099}
.sidebar .navbar li{margin:0 0 10px}
.sidebar .navbar li>a{border:1px solid #c1c1c1;background:rgba(255 255 255 / 0.6);border-radius:8px}
.sidebar .navbar li.active>a,.sidebar .navbar li:hover>a{background: #014099;color: #fff;}
.sidebar .navbar>li.active a:before,.sidebar .navbar>li:hover a:before{background: #ffffff;}

/*最新消息-列表*/
.newsPage .day{font-size: 1.2rem;}

/*最新消息-底層*/
.page-content iframe { height:400px; }

/*開發案件-列表*/
.casePage .caseBox{width:calc(100% / 1 - 15px);}
.casePage .caseBox:nth-child(3n){margin-right:0}

/*關於我們-售後服務*/
.about4Page .waterpDes:after{display: none;}
/*歷史沿革*/
.historyItem h4{padding-right:40px;width: 110px;}
.historyItem .years:after, .historyItem .years:before{right:70px}
.historyItem>div{width: inherit;}
.historyItem .historyContent{width: calc(100% - 5rem);margin: 2rem 0;}
.historyItem{justify-content:end}
.historyLine{justify-content:start}
.historyLine:before{left: 20px;}
.historyItem:before{left: 20px;}
.historyItem h4:after,.historyItem h4:before{left: 20px;}
.historyLine01:before{height: 563px;}
.historyLine02:before{height: 620px;}
.historyLine03:before{height: 410px;}
.historyLine04:before{height: 270px;}

/*聯絡我們*/
.contact1Page .contant_area{display:flex;flex-wrap:wrap;justify-content:center}
.contact1Page .contact1Block .main_color{text-align:center}
.contact1Page .socialBox{justify-content:center;margin-bottom:20px}
.contact1Page .socialBox a{margin:10px;width:calc(100% / 3 - 20px)}

/*聯絡我們-都更危老重建專區*/
.contact2Block{flex-wrap: wrap;	}
.contact2Block a{width: calc(100% - 20px);}
    
/*footer*/
.seoGrid { width: 90%; margin: 1rem auto;}
/*工程實績*/
.pagePicAll,.perfomBox{grid-template-columns: repeat(3,1fr);}
.projectDtl.performanceStlye .pgwSlideshow .ps-list ul {grid-template-columns: repeat(6, 1fr);}
}

@media screen and (max-width:767px) {
.parallax, .parallax01 { transform: none!important;}  
  /*主選單*/
.headerMenu {background: #fff;}
.menuBox button{ padding:10px 0 10px 12px!important}
.menuBtn .menuLine { background: #000;}
.headerMenu .logo h2 { font-size: 1.4rem;  letter-spacing: 7px;}
.menuBtn{display:block;/* background: #ccc; */line-height: inherit;}    
.menuInfo{display:none;position:absolute;left:0;flex-wrap: wrap;top: 57px;width: 100%;background: url(../images/all/extra_clean_paper.png) #f3f3f3;border-top: 1px solid #eee;padding:20px 0 0;box-shadow: 0 0 5px #fff;/* border-bottom: 2px solid #bdbdbd; */}
.menuBox{width:100%}
.menuBox button{color:#000;width: 100%;font-size: 1rem;}
.menuBox ul{background: rgb(255 255 255 / 0.5);margin:0;border-top: 2px solid #014099;box-shadow:none;position:relative;width: 100%;text-align: center;margin: -1rem 0 1rem;}
.menuBox ul li a{color:#000;}
.menuBox ul li a:hover{color:#2189ce}
.menuBox.socialMedia{display: flex;justify-content: center;}
.menuBox.socialMedia button{font-size: 1.4rem;width: 50px;}
        
/*banner*/
.carousel,.bannerPage { padding-top: 76px;}
  
/*首頁-about*/
.txtBox{padding-top:1rem}
.aboutTxt{padding:0}
.aboutPic{height:45vw;background-size:contain}    
    
/*首頁-news*/ 
.newsList{width:100%;height:100%;min-width:inherit}
.newsUl .day{font-size:1.1rem}
.newsUl li>a time{width:65px;font-size:.9rem}    
    
/*內頁banner*/
.bannerPage .bannerTxt { width: calc(100% - 6rem); left: 3rem;  right: 3rem;}    
    
}

@media screen and (max-width: 680px){
	/*最新消息-列表*/
	.newsPage .newsBox{margin: 10px 0;width: 100%;}
    
	/*最新消息-底層*/
	.newsDetailPage time{width: 60px;}
	.newsDetailPage .day{font-size: 1rem;}
	.newsDetailPage .listTit{font-size: 1.4rem;margin-left: 20px;}
	.newsDetailPage .listTit:before{display: none;}
	.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; }

	/*關於我們-防水保固*/
	.about3Page .waterpCover{height:50%}
    .about3Page .waterpBox h4{font-size:18px}
    .about3Page .watertBlock{flex-wrap:wrap}
    .about3Page .watertBox{width:calc(100% - 20px);padding:1rem}

	/*關於我們-售後服務*/
	.about4Page .aftersBlock{flex-wrap:wrap}
    .about4Page .aftersBox{margin:10px;width:calc(100% - 20px)}
    .about4Page .aftersBox h4{font-size:22px}
}

@media screen and (max-width: 640px) {
/*banner*/    
.slogan .mob{display: block}
.slogan .mob:before{display: none}    
    
/*關於我們-公司簡介*/
.about1Page .claimBox span{display: block;	}
.aboutTxt .item{width:100%}

/*關於我們-結構柱中柱*/
.alfa1 .linkTit picture{width:50%}
.claimBlock{margin:20px auto}
.claimBlock h4{font-size:18px}
.claimBlock h5{font-size:16px}
.methodBlock{flex-wrap:wrap}
.methedBox{width:100%}
.alfa2 .comBlock{flex-wrap:wrap}
.alfa2 .comBox{width:100%;max-width:initial}
.alfa2 .comBox figure{margin-bottom:20px}
/*工程實績*/
.perfomTit h3{font-size:1.35rem}
.pagePicAll,.perfomBox{grid-template-columns: repeat(1,1fr);}
.projectDtl.performanceStlye .pgwSlideshow .ps-list ul {grid-template-columns: repeat(2, 1fr);}
.projectDtl.performanceStlye .pgwSlideshow .ps-list li{display:flex;justify-content: center;}
.projectDtl.performanceStlye .pgwSlideshow.narrow .ps-current .ps-next{}
	/*歷史沿革*/
.historyItem{flex-direction: column;}
.historyItem .years:after, .historyItem .years:before{display:none}
.historyItem h4{width: 100%;padding: 0;text-align: left;}
.historyItem .txt{width:100%;margin-top:1rem}
.historyItem .historyContent{width: calc(100% - 3rem);margin-left: auto;flex-direction: column;padding: .5rem;text-align: center;}
.historyLine01:before{height: 715px;}
.historyLine03:before{height:580px}
.historyLine02:before{height: 800px;}
.historyLine03:before{height: 520px;}
.historyLine04:before{height: 330px;}
/*footer */
footer{padding-bottom: 4rem}
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee;background: #014099;color: #fff;}
#goTop:hover {background: #a9110e;}

/*聯絡我們*/
.contact1Page .page_form{width: 100%;}
}

@media screen and (max-width: 576px) {
	/*關於我們-防水保固*/
	.about3Page .waterpBox{width: 50%;}
	.about3Page .waterpCover{height: 30%;	}
	.about3Page .waterpDes:after{	display: none;	}
    .btnLink+.btnLink{margin-left: 0!important;margin-top: 1rem;}
}


@media screen and (max-width:480px) {
/*主選單*/
.headerMenu .logo img{max-height: 40px;}
.menuInfo{top: 61px}
.menuLineOuter { top: -30px;}
.carousel, .bannerPage{padding-top:61px;}

/*首頁-about*/
.ixTit { font-size:2rem!important;}
.txtBox { padding: 1rem 0 0 1rem;}
.ixAbout .ixTit {margin-left: -2rem;}

/*最新消息-列表*/
.newsPage .listTit{margin: 10px 15px;}
    
/*最新消息-底層*/
.newsDetailPage .newsTitle{flex-wrap: wrap;}
.newsDetailPage .listTit{width: 100%;margin-left: 0;margin-top: 10px;}
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
.page-content iframe { height:250px; }

/*關於我們-公司簡介*/
.about1Page .claimBlock{padding: 2rem 0;}
.about1Page .claimBox{font-size: 18px;}
.about1Page .claimBox span{font-size: 24px;}

/*關於我們-防水保固*/
.about3Page .waterpBox{width: 100%;}
.about3Page .watertBox p{font-size: 16px;}

/*聯絡我們*/
.contact1Page .contact1Block li{padding-left: 75px;}
.contact1Page .socialBox{flex-wrap: wrap;}
.contact1Page .socialBox a{width: calc(50% - 20px);}
.contact1Page .contact1Block .main_color br{display: none;}
.contact1Page .nameInput{flex-wrap: wrap;}
.contact1Page .nameInput .text{width: 100%;}
.contact1Page .nameInput .form-gp{margin-top: 10px;}
}