@charset "utf-8";
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
img{display: block;}
ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , Microsoft YaHei;}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.blank30{ height:30px; clear:both;}
.blank10{ height:10px; clear:both;}
body{font-family:arial,"微軟正黑體";  font-size:15px; line-height:26px; color:#333333; overflow-x: hidden;}
.xs_wap{ display: none;}

.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1400px; min-width:280px;}
.container3{width:96%; margin-left:auto; margin-right:auto ; max-width:1400px; min-width:280px;}
.block{padding: 20px 0;}
.containernew{width:96%; margin-left:auto; margin-right:auto ; max-width:1400px; min-width:280px;}
.container-ad{width:96%; margin-left:auto; margin-right:auto ; max-width:1400px; min-width:280px;}
/* 主菜单 */
.xs_web{ display: block;width:100%;margin-top:20px;}
.header_top{ height:120px;}

.header_top h1{ float: left;width:20%;margin-top:40px;}
.header_top h1 img{max-width:280px;width:100%;}
.head{position: relative;float:left;width:65%;;}

.nav_right{ float: right;width:15%;text-align: center;}

.head .navbox{width:96%; margin-left:auto; margin-right:auto ;}
.head .nav{display: block; float: right;width:calc(90% - 10px);}

.search_form{background-color: #B6B6B6;width:189px;height:35px;margin-top:40px;}
.search_txt{float: left;width:150px;background-color:#fff;margin-top:4px;margin-left:4px;border:none;}
.search_btn{float: left;width:35px;height:35px;background-color: transparent;background-image: url(../imgs/btn.jpg);border:none;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}

@media screen and (max-width:1401px){
   .head .nav{width:calc(100% - 10px)}
   .search_form{width:179px;}
   .search_txt{width:140px;}
}
@media screen and (max-width:1241px){
   .header_top h1{ float: left;width:18%;}
   .head{width:69%;}
   .head .navbox{width:100%; }
   .nav_right{ float: right;width:13%;}
   .search_form{width:149px;}
   .search_txt{width:110px;}
}

@media screen and (max-width:1135px){
   .header_top h1{ width:18%;}
   .head{width:69%;}
}

.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li span{display:none;}

.head .nav ul li .f_a{line-height:120px;display:block;text-align:center;font-size:17px;color:#6F6F6F;}
.head .nav ul li:hover .f_a{color: #6F6F6F; transition:all .3s}
.head .nav ul li:hover span{ display: block;position: absolute;top:20px; text-align: center; color:#fff;width:100%;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #C5000B;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-bottom: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#666;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #A4CC76;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon2{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon3{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon4{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon5{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon6{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon7{background: url(../imgs/sideIcon1.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}






@media screen and (max-width:1120px){
   .xs_web{ display: none;}
   .head{display:none}
   .m_img{display:block;background:#F6F6F6;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden; padding-top:5px; padding-bottom:5px;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:10px;padding-top:14px;float: right;}
   .m_menucart{float: right;}
   .m_menucart img{vertical-align: middle;margin-top:5px;margin-right:10px; display: inline-block;}
   .m_menucart a{position: relative;}
   .m_menucart a span{position: absolute;width:23px;height:23px;background-color: red;color:#fff;border-radius: 50px; text-align: center;line-height: 23px;top:-7px;left:15px;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display:inline-block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#4E5A69;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#4E5A69;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #414A56}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../imgs/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}


.content{margin-top:30px;width:100%;}
/*** banner ***/
#slider{position:relative; margin:0 auto;margin-top:30px;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:10px; height:10px; margin:0 8px; background:#fff; border-radius:50%;}
#slider .owl-pagination .owl-page.active{background:#C4C4C4;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s; }
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}


.indexnav{width:100%;margin-top:30px;}
.indexnav img{width:100%;}


footer{background-color:#B6B6B6;padding-top:25px;}
.end_logo img{width:100%;max-width: 300px;display: block;margin-bottom:10px;}
.copyright{text-align: right; color:#454E60;padding-bottom:25px;padding-right:40px;}
#top{position:absolute;right:0px;bottom:0px;}


/*** 首頁另一種 ***/
.indexbox{background-image: url(../imgs/banner1.jpg);margin-top:30px;background-size: cover;}

/*
.indeximg{width:20.28%;float:right;}
.indeximg img{width:100%;display: block;}*/

.indeximg{width:30%;float:right;height:33.3333%; text-align: right;}
.indeximg img{height:100%;display:inline-block;}

.about01{background-color:#000;background-image: url(../imgs/aboutbg.jpg);margin-top:30px;background-size: contain;padding-bottom:30px;background-repeat:no-repeat}
.atxtone{color:#fff;font-size: 22px;margin-top:124px;line-height: 40px;}
.atxttwo{color:#fff;font-size: 17px;line-height: 36px;}
.atxtsan{background-image: url(../imgs/aboutbg2.png);color:#fff;font-size: 17px;line-height: 36px;}
.atxtsan article{margin:15px;color:#fff;font-size: 22px;line-height: 40px;padding-top:20px;padding-bottom:20px;}
.blank134{height:84px;}

.about02{padding-top:60px;padding-bottom:60px;}
.abouttitle{color:#4d4d4d;font-size:17px}
.abouttitle span{color:#afafaf;font-size:34px ;margin-right: 15px;}
.about02 img{width:100%;}
.abouttxt02 dt{color:#4d4d4d;font-size:22px;line-height: 30px; font-weight: lighter;}
.abouttxt02 dd{color:#4d4d4d;font-size: 15px;line-height: 30px;margin-top:10px;}

.about03{background-color:#000;background-image: url(../imgs/about03.jpg);background-size:cover;background-repeat:no-repeat;}
.blank200{height:250px;}

.news{padding-top:60px;background-color: #fff;margin-top:30px;padding-bottom:60px;position: relative;}
.newsback{position: absolute;right:0px;top:30px;z-index:999}
.newsshowpic{display: block;width:100%;}
.newsshow{width:100%;}
.newsshow h3{font-size: 24px;line-height: 35px;}
.newsshow span{display: block;color:#bbbbbb;text-align: right;font-size: 18px;margin-top:5px;}
.newsblank{height:60px;}
.newsshow article{margin-top:10px;color:#333;}
.swiper-father{
   position:relative;
   padding:0 37px;
   width:100%;
   box-sizing:border-box;
  
}
.swiper-father .swiper-button-next,.swiper-father .swiper-button-prev{
   width:73px;
   height:108px;
   text-align: center;
   display: block;
   margin-top:-54px;
}
.swiper-father .swiper-button-prev{
   background: transparent url("../imgs/swiper_left.png") no-repeat center center;
   left:0;
}
.swiper-father .swiper-button-next{
   background: transparent url("../imgs/swiper_right.png") no-repeat center center;
   right:0;
}
.swiper-container {
   width: 100%;
   height: 100%;
   width:calc(100%);
   margin:auto;
}
.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;

   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.swiper-slide img{width:100%;}
.news02{background-color: #fff;padding-bottom:60px;padding-top:60px;}
.newslist{width:100%;}
.newslist h4{font-size: 18px;line-height:18px;height:18px;overflow: hidden;margin-bottom:15px;}
.newslist h4 a{color:#000;font-size: 18px;line-height:18px;height:18px;display: block;}
.newslist h4 a:hover{color:#0085cd}

/***  客服中心 **/
.kefu{padding-top:60px;padding-bottom:60px;background-color: #fff;margin-top:30px;position: relative;}
.kfkang{width:50%;margin:0 auto;}
.kftitle span{float: left; color:#4d4d4d; font-size: 24px; display: inline-block;margin-top:10px; letter-spacing: 2px;}
.kftitle strong{float: left; font-size: 40px;color:#afafaf; letter-spacing: 2px;margin-right:15px;display: inline-block;font-family:Arial, Helvetica, sans-serif; font-weight: lighter;}
.kftishi{margin-top:30px;color:#4d4d4d; font-size: 15px;line-height: 30px;}
.kfform{background-color: #E2E2E2;margin-top:30px;}
.formkang{width:90%;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.txtkf{border:solid 1px #C8C8C8;width:100%;margin-top:15px;height: 38px;text-indent: 5px;}
.spankf{display: block;margin-top:15px;line-height: 40px;color:#4d4d4d;}
.lylr{border:solid 1px #C8C8C8;width:100%;margin-top:15px;padding-left:5px;padding-right: 5px;}
.kfradio{margin-top:20px;}
.kfradio label{font-weight: lighter;cursor: pointer;}
.btn3{ background-color:#535A6A; color:#fff; padding:5px 20px 5px 20px;  text-align:center; letter-spacing:3px; cursor:pointer;width: 150px;}
.btn3:hover{ background-color:#535A6A; color:#fff;}
.btn2{ background-color:#D35326; color:#fff; padding:5px 20px 5px 20px;  text-align:center; letter-spacing:3px; cursor:pointer;width: 150px;}
.btn2:hover{ background-color:#CD5025; color:#fff;}

.lylr5{border:solid 1px #C8C8C8;width:100%;margin-top:15px;padding-left:5px;padding-right: 5px;width:70%;}
.kfbtn{margin-top:30px;}
.kfbtnk{width:90%;margin:0 auto;padding-top:20px;padding-bottom:30px;}


/***  熱銷個案 ***/
/*** banner ***/
#slider{position:relative; margin:0 auto;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:15px; height:15px; margin:0 8px; background:#9A9592; border-radius:50%;}
#slider .owl-pagination .owl-page.active{background:#fff;}
#slider .owl-buttons div{position:absolute; top:50%; width:55px; height:55px; margin-top:-15px; background:url("../imgs/slide_arrow.png"); transition:all .3s;border-radius: 50%;background-color: #B8B8B8;}
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}


.caseurl{background-color: #4D4D4D;color:#fff;max-width:180px;display: block;text-align: center;padding-top:5px;padding-bottom:5px;margin-top:20px;letter-spacing: 1px;}

.caseinfo{background-color: #818181;margin-top:20px;}
.caseinfo2{width:90%;margin:0 auto;padding-top:20px;padding-bottom:20px;color:#fff;}
.caseinfo2 h3{font-size: 24px; letter-spacing: 2px;margin-bottom:10px;}
.casetd1{color:#fff;padding-top:5px;}
.casetd1 a{color:#fff;}
.caseinfo3{color:#4B4B4B;margin-top:20px;line-height: 30px;}

.bookingtishi{margin-top:30px;color:#4d4d4d; font-size: 15px;line-height: 30px; text-align: center;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}


/*** 未來推案 ***/
.blank60{height:60px;}
.casedetail{padding-top:50px;padding-bottom:10px;}

/*** 工程進度 ***/
.procekang{padding-top:60px; padding-bottom:60px;}
.processpic{height:0; 
width:100%;    
margin:0 1%;
position: relative; 
padding-bottom:100%; 
overflow: hidden;background-color: #ccc;}
.processpic img{cursor: pointer;position: absolute; 
   left: 0;
   top: 0;
   width: 100%  ;      
   height: auto;display: block;}

.processshow{margin-top:20px;}
.processshow h3{font-size: 24px; letter-spacing: 2px;margin-bottom:10px;}
.processtd1{color:#666;padding-top:5px;}
.processtd1 a{color:#666;}
.processtd1 span{color:#666;}
.processtable{margin-top:10px;}
.blank15{height:15px;}
.iimgprocess01{width:100%;display: block;}

/*** 作品典藏 **/
.histroeytitle{margin-top:15px;}
.histroeytitle h4{font-size:20px;}
.histroeytitle p{margin-top:20px;color:#4d4d4d;font-size: 16px;line-height: 30px;}

.nianfen{padding-bottom:20px;}
.nianfen li{float: left;margin-right:5%;width:45%;background-color: #4D4D4D;margin-top:15px;}
.nianfen li a{display: block;color:#ffff; text-align: center;padding-top:5px;padding-bottom:5px;font-size: 18px;letter-spacing: 1px;}

.processpic2{height:0; 
   width:100%;    
   margin:0 1%;
   position: relative; 
   padding-bottom:75%; 
   overflow: hidden;border:solid 2px #000;background-color: #666666;margin-top:20px;}
   .processpic2 img{cursor: pointer;position: absolute; 
      left: 0;
      top: 0;
      width: 100%  ;      
      height: 100%;display: block;}


/***** 會員相關 *****/
.sub_ad{ position:relative;}
.sub_ad img{ display:block; width:100%;}
.sub_ad section{width:100%;text-align:center; height:30px; line-height:30px; position:absolute;top:0; left:0; background-image:url(../images/bg_title.png); color:#e8e9e9;}
.sub_ad section a{ color:#e8e9e9;}
.sub_ad section a:hover{ color:#D15428;}
.sub_ad section b{ margin-left:5px; margin-right:5px;}
.line1{ height:18px; background-color:#DDDDDD;}
.title{ margin-top:10px; margin-bottom:25px;}

.title h3{  padding-bottom:3px;}
.title h3 strong{ float:left; font-size:36px; font-weight:lighter; color:#a8a8a8;}
.title h3 b{ color:#565656; float:left; font-size:18px; line-height:18px; margin-left:10px; margin-top:10px;}
.title h3 span{ float:right; margin-right:10px;}
.title h3 span a{ color:#D15428;}
.formBox {margin-top: 25px;color: #2f2f2f;font-size: 13px;width:80%; margin-left:auto; margin-right:auto; }

.formBox2 {margin-top: 25px;color: #2f2f2f;font-size: 13px;width:42%; margin-left:auto; margin-right:auto;margin-bottom: 25px;}
.form2 { margin-top:15px;}
.form2 label {display: inline-block;width: 110px;text-align: right;margin-right: 5px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 15px;color: #000;font-weight: lighter;}
.form2 label em {color: #D3542B;font-style: normal;font-weight: normal; margin-right:3px;}
.form2 input[type="text"], .formBox2 .form2 input[type="password"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;padding: 5px;height: 35px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px;}

.form {margin-bottom: 25px;color: #2F2F2F;padding: 0 30px;}
.form label {display: inline-block;width: 110px;text-align: right;margin-right: 5px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 15px;color: #000; font-weight: lighter;}
.form label em {color: #D3542B;font-style: normal;font-weight: normal; margin-right:3px;}
.form input[type="text"], .formBox .form input[type="password"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 35px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px;}
.form font{ margin-left:10px; color:#808080;}
.form select {box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px;height: 35px;border: 1px solid #ccc;border-radius: 3px;}

.yuan{color: #D3542B;font-style: normal;font-weight: normal; margin-right:3px; font-size:8px;}
.blank300{height:0px;}

.btnregister{background-color:#0085cd;color:#fff;display: inline-block;padding:5px 30px;margin-left:10px;margin-right:10px;}
.btnregister:hover{color:#fff}
.btnforget{ background-color: #999;color:#fff;display: inline-block;padding:5px 30px;margin-left:10px;margin-right:10px;}
.btnforget:hover{color:#fff}

.btn{ background-color:#535A6A; color:#fff; padding:5px 20px 5px 20px;  text-align:center; letter-spacing:3px; cursor:pointer}
.btn:hover{ background-color:#535A6A; color:#fff;}
.leirong{ font-size:15px; line-height:30px; margin-top:30px;margin-bottom:30px;}

.sub2{width:75%; float:left;}
.categ{ margin-top:35px;  float:right;width:21%;}

.categ h3{ font-size:18px; padding:0px 15px 0px 25px;  color:#000; height:30px; background-image:url(../images/title_bg.png);background-repeat:no-repeat; line-height:none;}
.categ ul{ border-bottom:none; border-top:none; }
.categ ul li{ line-height:40px; font-size:15px; padding-left:35px;background-image:url(../images/li03.jpg); background-repeat:no-repeat; }
.categ ul li a{ color:#000;}
.pager{ padding-top:10px; padding-bottom:10px; color: #333;
	font-size: 12px; text-decoration:none; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px;}
.pager a{	margin-left:5px; margin-right:5px; background-color:#CACACA; padding:3px 10px 3px 10px;}
.pager span{ margin-left:5px; margin-right:5px;}
.currentpage{ background-color:#CF5526; padding:3px 10px 3px 10px;}
#tablezsy
{
	width:100%;
	border-collapse:collapse;
}

#tablezsy tr:nth-of-type(odd){
	background:#eee
}


#tablezsy th{
	background:#333;
	color:white;
	font-weight:bold;
}

#tablezsy td,th{
	padding:6px;
	border:1px solid #ccc;
	text-align:left;
}


/***** 會員結束 *****/

@media
only screen and (max-width:760px),(min-device-width:768px) and 
(max-device-width:1024px)
{
	#tablezsy thead{ display:block;}
	#tablezsy tbody{ display:block;}
	#tablezsy th{ display:block;}
	#tablezsy td{ display:block;}
	#tablezsy tr{ display:block;}
	
	#tablezsy thead tr{ position:absolute; top:-9999px; left:-9999px;}
	
	#tablezsy tr{ border:solid 1px #ccc;}
	
	#tablezsy td{ border:none; border-bottom: 1px solid #eee; position:relative; padding-left:50%;}
	
	#tablezsy td:before{ position:absolute; top:6px;left:6px;width:45%; padding-right:10px; white-space:nowrap;}
	
	#tablezsy td:nth-of-type(1):before{content:"申請單號";}
	#tablezsy td:nth-of-type(2):before{content:"報修申請日";}
	#tablezsy td:nth-of-type(3):before{content:"項目位置內容說明";}
	#tablezsy td:nth-of-type(4):before{content:"服務人員";}
	#tablezsy td:nth-of-type(5):before{content:"服務日期";}
	#tablezsy td:nth-of-type(6):before{content:"預定完成";}
	#tablezsy td:nth-of-type(7):before{content:"完成日期";}
}
@media screen and (max-width:1520px){
  
   .about03{background-size:contain}


}


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

   .formBox2 {margin-top: 25px;color: #2f2f2f;font-size: 13px;width:50%; margin-left:auto; margin-right:auto;margin-bottom: 25px;}

   
}

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

   .kfkang{width:70%;margin:0 auto;}
   .indeximg{width:50%;float:right;}

   .blank200{height:150px;}
   
}
.xswap{display:none;}
@media screen and (max-width:1120px){
   .indexbox{margin-top:53px;}
   
   .about01{background-image:none}
   .about03{background-image:none}
   .atxtone{margin-top:20px;line-height: 40px;}
   .xswap{display:block;}
   .blank200{height:50px;}

}

@media screen and (max-width:990px){
    
.indeximg{width:100%;float:none;height:auto;}
.indeximg img{margin-bottom:1px;width:100%;height:auto;}
    
.lylr5{width:100%;}

   .sub2{ width:100%; float:none;}
   .categ{ margin-top:40px;width:none;width:100%; float:none; }
   .blank300{height:80px;}
   .formBox {color: #2f2f2f;font-size: 13px; width:100%; margin-left:auto; margin-right:auto;}

.formBox2 {color: #2f2f2f;font-size: 13px; width:80%; margin-left:auto; margin-right:auto;}
.form2 label {width: auto;display: block;margin-bottom: 0px;text-align: left; margin-top:0px; padding:0px;}
.form2{ margin-top:10px;}
.form2 input[type="text"], .formBox2 .form2 input[type="password"] {width: 100%;}

.form label {width: auto;display: block;margin-bottom: 5px;text-align: left;}
.form input[type="text"], .formBox .form input[type="password"] {width: 100%;}


   .histroeytitle{width:90%;margin-left:auto;margin-right: auto;margin-top:10px;}
   .nianfen{padding-bottom:20px;width: 90%;margin: 0 auto ;}
   .processpic{margin-top:20px;}
   .processpic2{margin-top:20px;}
   .blank15{height:0px;}
   .procekang{padding-top:40px; padding-bottom:30px;}
   .casedetail{padding-top:10px;padding-bottom:10px;width:90%;margin:0 auto;}
   .blank60{height:40px;}
   .end_logo img{margin:0 auto;}
   .copyright{margin-top:20px;text-align: center;}
   .atxtone{margin-top:80px;}
   .blank134{height:80px;}
   .newsshow h3{margin-top:20px;}
   .about02{padding-top:30px;padding-bottom:30px;}

.newsblank{height:30px;}
.news02{padding-bottom:30px;}
.kftitle {margin-top:20px;}
.txtkf{margin-top:0px;}
.spankf{margin-top:10px;}
.lylr{margin-top:0px;}
.kfradio{margin-top:0px;}
.kfform form{padding-top:0px;}
.kftishi{margin-top:15px;}
.kfform{margin-top:15px;}
.kfbtn{margin-top:15px;}
.caseinfo3{width:95%;margin:0 auto;border-bottom:solid 1px #eee;padding-bottom:15px;padding-top:10px;}

.caseurl{background-color: #4D4D4D;color:#fff;max-width:100%;display: block;text-align: center;padding-top:5px;padding-bottom:5px;margin-top:20px;letter-spacing: 1px;width:95%;margin:0 auto;margin-bottom:20px;}
}
@media screen and (max-width:768px){


   .kftitle span{ font-size: 17px;}
   .kftitle strong{font-size:34px;}
   .kfkang{width:100%;margin:0 auto;}
 .indexbox{background-image:none;}

.blank134{height:30px;}
.atxtone{margin-top:40px;}
.about01{padding-bottom:40px;}

.kefu{padding-bottom:30px;}

}

@media screen and (max-width:500px){
   .blank200{height:50px;}

.btn3{ width: 100px;}

.btn2{ width: 100px;}
}