@charset "utf-8";
/* CSS Document */
html { height:100%;}
body { margin:0; margin:0; height:100%;}
p{ font-size:22px; line-height:1.7em}
h3{writing-mode: horizontal-tb !important; -ms-writing-mode: horizontal-tb !important; -webkit-writing-mode: horizontal-tb !important; -moz-writing-mode: horizontal-tb !important; -ms-writing-mode: horizontal-tb !important; font-size:30px; color:rgba(0,0,0,1); line-height:2.5em}
h4{ width:100%; height:60px; margin-left:0px; line-height:60px; padding-top:0px; padding-left:0px; background:url(../images/about_2-p3.png) no-repeat center left; font-size:48px; color:#2d6192; writing-mode: horizontal-tb;}
h5{font-size:30px; color:rgba(0,0,0,1); line-height:1.5em}
h6{ writing-mode: horizontal-tb !important; font-size:30px; color:rgba(0,0,0,1); line-height:1em; display: block; float: right; margin-left: 20px;}
hr.s {width:100px !important; }
hr.s1 { display:block; float:left; width:100% !important; border-bottom-style:solid !important; border-bottom:#c1c1c1 1px solid; margin-top:0; border-top:none; margin:10px 0; }

/* 主架構 */
#wrap { width:100%;	height:100%; background-position:-20px 0 !important;}
#wrap1 { width:100%; height: auto; background-image:none !important}
#wrap2 { width:100%; height: auto; background-image:none !important; position:relative; background:rgba(51,51,0,1)}
#wrap2{ display:none;}
#wrap3 { /*height:300px;*/ height:0px; padding-bottom: 66%; position:relative; margin-top: 78px;}
#wrap4 { width:100%; height: auto; background-image:none !important}

/*.footer{ position:fixed; width:100%; height:156px; background:url(../images/footer.png) repeat-x center; bottom:0;}*/

/* 選單 */
.index-menu{position:absolute; top:0; width:100%; height:78px ; padding-right:0; text-align:left; border-bottom:#595959 solid 1px; background:rgba(255,255,255,1);}
.index-menu .center{width:100%; clear:both}
.index-menu .center li{ display:none; clear:both; padding-left:0; width:100%; height:50px; text-align:center; background-color:rgba(242,242,242,0.95);}
.index-menu .center li a{ display:block; font-size:19px; color:#3d3d3d; line-height:50px; font-weight:800;}
.index-menu .center li a:hover{ color:#fff;  background-color:#2d6192;}
.index-menu .center li.mobile{ display:none; width:100%; height:53px; padding-top:30px; border-bottom:#595959 solid 1px; margin:0 auto;}
.index-menu .center li.mobile .icon{padding-left:50%; margin-left:-72px;}
.index-menu .center li.mobile .icon .buttn{ width:28px; height:28px; padding:10px 10px 15px 10px; float:left;}
.index-menu .center li.mobile .icon .buttn:hover{ background:#c1c1c1}
.nav-button {display: block; position: absolute; margin-right:0px; top: 28px; right:15px; width: 47px; height: 40px; background: url('../images/menu-icon-large.png'); cursor: pointer; z-index: 999; text-indent: -9999px;}
.index-menu .center .logo{ padding-left:20px;}
.nav-button.open { background: url('../images/close-icon-large.png');}
.index-menu.open { height: auto; }
.index-menu.open li { display: block; }

#menu{ display:none;}
.menu-mobile{ display:block; position:fixed; top:0; width:100%; height:78px ; padding-right:0; text-align:left; border-bottom:#595959 solid 1px; background:rgba(255,255,255,1);}
.menu-mobile .center{width:100%; height:78px; clear:both}
.menu-mobile .center li{ display:none; clear:both; padding-left:0; width:100%; height:50px; text-align:center; background-color:rgba(242,242,242,0.95);}
.menu-mobile .center li a{ display:block; font-size:19px; color:#3d3d3d; line-height:50px; font-weight:800;}
.menu-mobile .center li a:hover{ color:#fff;  background-color:#2d6192;}
.menu-mobile .center li.mobile{ display:none; width:100%; height:53px; padding-top:30px; border-bottom:#595959 solid 1px; margin:0 auto;}
.menu-mobile .center li.mobile .icon{padding-left:50%; margin-left:-72px;}
.menu-mobile .center li.mobile .icon .buttn{ width:28px; height:28px; padding:10px 10px 15px 10px; float:left;}
.menu-mobile .center li.mobile .icon .buttn:hover{ background:#c1c1c1}

.menu-mobile .center li.smenu{ width:100%; margin:0 auto;}
.menu-mobile .center li.smenu .btn{ width:178px; height:50ppx; margin:0 auto;}
.menu-mobile .center li.smenu .btn a{ font-size:17px; color:#2d6192; height:50px; padding:0 10px; float:left;}
.menu-mobile .center li.smenu .btn a:hover{ background:none;  color:#2d6192; color:rgba(102,102,102,0.7);}
.menu-mobile .center .logo{ padding-left:20px;}


/* 次選單 */
.menu-s{ display: none;}

.menu-s1{ display:block; padding-top:10px; padding-right:5px;}
.menu-s1 li{ font-size:22px; line-height:1.2em; color:#2d6192; font-weight:600; padding:4px 8px; border:#2d6192 1px solid; display:block; float:left; margin-left:5px; margin:10px 5px 10px 0;}
.menu-s1 li a{ color:#7c7c7c}
.menu-s1 li a:hover{ color:#000;}

/* footer */
#footer-mobile{ display:block; float: left; width:100%; height:70px; padding-top:40px; background:url(../images/footer-mobile.jpg) bottom center no-repeat; text-align:center; margin-top:50px; line-height:1.6em; color:#595959;}


/* 首頁 */
.index{height:100% !important;}
.index .bg{height:100%; }
.index .bg .txt{ position:absolute; width:270px; left:40px; top:17%; font-size:36px; line-height:2em; font-weight:700;}
.index .bg .txt1{ width:270px; left:40px; top:17%; font-size:21px; line-height:1.3em; font-weight:700;}
.index .bg .button{ position:absolute; width:65px; right:0; top: auto; bottom:35px}
.index .bg .button li{ padding:10px 10px; float:right; background:rgba(0,0,0,0.6); margin-top:5px;}
/*.index .bg .logo{ position:absolute; width:90%; left:0; margin-left:5%; top:25%;}*/
.index .bg .logo{width:90%; margin-top:25%; text-align:-webkit-center; font-size:16px; line-height:1.5em; padding-top:25%;}

/* 公司簡介 */
.about{ top:79px; left:0%; width:100%;}
.about-left{ width: 100px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-208px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.about-right{ clear:both; padding-top:85px; padding-left:5%; width:90%; -webkit-writing-mode:horizontal-tb; font-size:22px; line-height:1.7em; letter-spacing:0px;}
.about-top{display: block; width:100%;}
.about-top img{ width:100%;}
.about-right1{ float:left; padding-top:35px; padding-left:5%; width:90% !important;}
.about-right1 img{ width:100%;}
.about-right2{ float:left; padding-top:35px; padding-left:5%; width:90% !important;}

.about-right2 .all-txt{padding-left:0px; padding-bottom:40px; height: auto; width:100%; display:block; float:left; font-size:18px; line-height:1.9em; letter-spacing:0px;}
.about-right-t{writing-mode: horizontal-tb;}
.slick-track{ width:100% !important;}

/* 最新消息 */
.news{ top:79px; left:0%; width:100%;}
.news-right{ width: 123px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-208px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.news-righ-txt{ display:none;}
.news-left{ clear:both; padding-top:85px; padding-left:5%; width:90%; -webkit-writing-mode:horizontal-tb; }
.news-left-1{ clear:both; width:100%; height: auto;}
.news-left-2{clear:both; width:100%; height: auto; padding-top:0;}
.news-main{ width:100%; height: auto; padding:10px 0 25px 0; border-right:#fff 1px solid; font-size:22px; line-height:1.7em; border-bottom:#dcdcdc 1px solid }
.news-main .picp{ display:none;}
.news-main .day{ font-size:20px;  line-height:1.7em;}
.news-main .day1{ font-size:20px; line-height:1.2em;}
.news-main .icon{top:55px; margin-left:60px; }
.news_con-left-1{ position:relative; width:100%; padding-bottom:10px;}
.news_con-left-1 img{ width:100%;}
.news_con-left-2{width:100%;}

/* 工程進度 */
.work{ top:79px; left:0%; width:100%;}
.work-left{ width: 100px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-175px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.work-right{padding-top:65px; width:90%; padding-left:5%; text-align:left;  font-size:30px; color:rgba(0,0,0,1); line-height:1.7em;}
.work-right .txt{ padding-top:20px; font-size:22px;}

.work_con-left{ width: 100px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-175px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.work_con-left-txt{position: relative; width: 90%; padding-left: 5%; padding-top: 80px; text-align: left; right: 0; height: inherit; top: 0; left:0; height:35px}
.work_con-right{padding-left: 5%; width:90%; padding-top:50px; }
.work_con-main{ width:50%; padding:0 0 80px 0;}
.work_con-main .picp{ border-left:0px solid; border-top:0px solid; border-right:0px solid;}
.work_con-main .txtt{ width:90%; height: inherit; padding:0px 5% 20px 5%; border-left:0px solid; border-bottom:6px solid; border-right:0px solid; border-image:url(../images/border-images.jpg) 30 round; font-size:22px; line-height:1.7em}

/*熱銷新案*/
.hot-pic{ display:none;}
.hot{ position:relative; left:0%; width:100%; top:0; height:87.2%; background: rgba(242,242,242,0);}
.hot-left{ position: relative; display:block; margin-left:0px; padding-top:0px; width:280px; margin:0 auto}
.hot-left li{ width:60px; height:84px; margin-bottom:4px; display:block; float:left; margin-right:10px; }
.hot-left li img{ width:100%;}
.hot-left1{ display:none}
.hot-left2{ float: left; width:90% ; padding:0px 5% 0 5%; text-align: right;  font-size:22px; text-align:left}
.hot-top{display: block; width:100% !important; /*padding-top:78px*/}
.hot-txt .right{float: left; margin-left:0px; margin-right:10px; line-height:1.6em;}
.hot-txt .left{font-size:22px;}
.hot-txt1 .right{ float:left; font-size:22px; margin-left:0px; margin-right:10px;}
.hot-txt1 .left{ font-size:22px;}
.hot-top{background-size: cover !important}
.hot-top img{ width:100%; position:relative; top:0}

/*歷年經典*/
.classic-left{ width: 100px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-208px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.classic-left-txt{ display:none;}
.classic-right{ float: left; padding-left:5%; width:90%; padding-top:100px;}
.classic-main{width:100%; padding:0 0 50px 0;}
.classic-main .picp{ width:100%; border:0px solid;}
.classic-main .txtt{width:100%; height: auto; padding:4px 0; border-left: 0px solid; border-bottom:6px solid; border-right: 0px outset; border-image:url(../images/border-images.jpg) 30 round; font-size:30px; line-height:2.5em}

.classic-main .day{ font-size:23px; line-height:1.4em; width:100px; display:block; padding-top:5px }
.classic-main .day1{ font-size:22px; line-height:1.0em; width:100px; text-align:center; display:block; }

.classic-main1{width:100%; padding:0 0px 50px 0;}
.classic-main1 .picp{ width:100%; border:0px solid;}
.classic-main1 .txtt{width:100%; background-image:none; height: auto; padding:4px 0; border-left:0px solid; border-bottom:6px solid; border-right:0px solid; border-image:url(../images/border-images.jpg) 30 round; font-size:30px; line-height:2.5em}
.classic-main1 .day{ font-size:23px; line-height:1.4em; width:100px; display:block; padding-top:5px }
.classic-main1 .day1{ font-size:22px; line-height:1.0em; width:100px; text-align:center; display:block; }
.dd{ float:right;}

/*歷年經典內頁*/
.clsaaic-c-left{ display:none}
.clsaaic-c-left1{ position: relative; display:block; margin-left:0px; padding-top:0px; width:280px; margin:0 auto}
.clsaaic-c-left1 li{ width:60px; height:84px; margin-bottom:4px; display:block; float:left; margin-right:10px}
.clsaaic-c-left1 li img{ width:100%;}
.clsaaic-c-left2{ float: left; width:90% ; margin:0px 5% 0 5%; text-align: right;  font-size:22px; text-align:left;}
.clsaaic-c-txt1 .right{ float:left; font-size:22px; margin-left:0px; margin-right:10px;}
.clsaaic-c-txt1 .left{ font-size:22px;}


/* 聯絡我們*/
.service{ top:79px; left:0%; width:100%;}
.service-left{ width: 100px; height: auto; background: none; text-align:right; clear:both; padding:30px 15px; margin:0 auto; background-color:rgba(255,255,255,0.7); margin-top:-175px; position:absolute; left:50%; margin-left:-65px; border:#2d6192 1px solid}
.service-right{padding-top:65px; width:90%; padding-left:5%; text-align:left;  font-size:30px; color:rgba(0,0,0,1); line-height:1.7em;}
.service-right .txt{ padding-top:20px; font-size:22px;}
.s-r-txt1{ width:90%; padding-right:5%; font-size:17px; line-height:1.8em}
.service-btn{ width:340px; }
.service-btn li{width:60px; height:84px; margin-bottom:4px;}
.moss{ display:none}




.text3{font-size:22px;}
.text4{ font-size:22px;}
.text5{ font-size: 22px; writing-mode: horizontal-tb; padding: 6px 13px; height: 30px; line-height: 30px; width: 45px; bottom: 0; display: block; }
.text5:hover{ font-size:22px;}
.text6 { font-size:30px; line-height:2.5em; }
.text8{font-size:22px; width:100%;}
.text9{font-size:22px; width:100%;}
.text10{font-size:22px; width:100%;}
.text11{font-size:22px; width:100%;}
.text22{font-size:28px; }
.text23{font-size:28px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	/*bottom: -80px;*/
	width: 100%;
	left:0;
	z-index:0;
}

.bx-wrapper {
	height:auto;

}

.slick-prev,.slick-next {
    width: 0;
    height: 0;
}

/*@media screen and (max-width:1200px){
	#wrap3 { height:500px; position:relative;}
}
@media screen and (max-width:500px){
	#wrap3 { height:300px; position:relative;}
}*/