/*color*/
.graytypec {
	color:#a7a7a7 !important;
}
a.graytypec {
	font-size:16px !important;
	letter-spacing:1px;
}
/*color*/
#et,#etex,#abtt {
	text-align:center;
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:30px 0 30px 0;
}
#abtt a {
	color:#fff;
	border:1px solid #fff;
}
#et a {
	color:#676767;
	border:1px solid #676767;
	box-shadow: 0 0 3px #ccc;
}
#etex a {
	color:#ccc;
	border:1px solid #ccc;
}
#et a,#etex a,#abtt a {
	display:inline-block;
	font-size:14px;
	width:106px;
	height:34px;
	line-height:32px;
	border-radius:2px;
	font-family: 微軟正黑體 !important;
}
#et a:hover,#etex a:hover,#abtt a:hover {
	color:#63b328;
	border:1px solid #63b328;
}
.etex {
	color:#ccc;
}
#aboutpp {
	margin-top:20px;
}
#aboutpp span {
    display:block;
    margin-top:24px;
	font-size:23px;
	font-weight:bold;
}
#abimg {
	display:block;
	width:100%;
	background:url(images/abimg.jpg)no-repeat;
}
.grayst {
	color:#eaeaea;
}
#titlecenter a {
	color:#f4faff !important;
	text-shadow:1px 1px 2px #666;
    font-size: 1.15rem;
    letter-spacing: 3px !important;
    font-family: 微軟正黑體 !important;
}
#titlecenter a:hover {
	color:#efa216 !important;
}
#edi {
	padding:80px 20px 20px;
	margin-top:-4px;
}
.edih {
    background: #333b46;
    opacity: 0.89;
	height:60px;
	line-height:60px;
	text-align:center;
}
#serti {
	font-weight:bold;
	color:#fff;
}
/*line*/
#maservice {
	height:33px;
	width:100%;
	color:#000;
	text-align:center;
	font-size:23px !important;
	font-family:微軟正黑體;
	font-weight:bold;
}
#maadvance {
	height:33px;
	width:100%;
	color:#fff;
	text-align:center;
	font-size:23px !important;
	font-family:微軟正黑體;
	font-weight:bold;
}
#tall {
	height:40px;
	line-height:40px;
	color:#63b328;
}
#tone,#ttwo,#tthr {
	display:block;
	height:38px;
	line-height:38px;
	float:left;
	position:relative;
}
#tone {
	width:30%;
	top:-50%;
	border-bottom:1px solid #63b328;
}
#ttwo {
	width:40%;
	font-weight:normal;
	font-size:16px;
	text-align: center;
}
#tthr {
	width:30%;
	top:-50%;
	border-bottom:1px solid #63b328;
}
h4#stit {
	color:#333;
}
/*banner3j*/
#fullmargin,#bdmargin,#ulmargin,#ulmargin li {
	margin-bottom:0 !important;
}
@media screen and (min-width: 1668px)
{
  #fullmargin,#bdmargin,#ulmargin,#ulmargin li {
	height:100vh;
    }
    .fullSlide .hd {
    	bottom:16% !important;
    }
    .aboutsv{
        margin-top:-140px;
    }

    
}
@media screen and (min-width: 1200px)
{
  #fullmargin,#bdmargin,#ulmargin,#ulmargin li {
	height:100vh;
    }
    .fullSlide .hd {
    	bottom:20% !important;
    }
    .aboutsv{
        margin-top:-140px;
    }
    .fullSlide .prev,.fullSlide .next{
        top: 42% !important;
    }

}
@media screen and (max-width: 667px)
{
  #ft{
      width:100% !important;
  }

}


#caseibg {
	background:none !important;
}
.cap {
	color:#333;
	/*padding:5px 0px;*/
}
.cap div {
	height:33px;
	line-height:33px;
	margin-bottom: 2%;
}
.cap p a {
	color:#8f8f8f !important;
	line-height:26px;
}
.cap p a:hover {
	color:#63b328 !important;
}
#capi {
	color:#333
}
#captitle{font-size:19px;letter-spacing:1px;}
#captitle,#capinfo {
	font-family:微軟正黑體;
}
#capinfo{
    padding-top: 6px;
    letter-spacing: 0px;
    font-family: arial !important;
    font-size: 1.1rem;
}
.tz-gallery img {
	border-radius:0px;
}
/*.tz-gallery img:hover {
	opacity:0.6;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}*/
.aboutc {
	color:#fff;
}
/*20170820add*/
.thumbnail {
	position:relative;
}
/*#sykw {
	display:none;
	position:absolute;
	top:5%;
	left:5%;
	z-index:9;
}*/
/*.thumbnail:hover #sykw {
	display:block;
}*/
#sykw span {
	color:#fff;
	font-weight:bold;
}
/*.lightbox {
	position:relative;
	z-index:10;
}*/
.thumbnail div#ot {
	background-color:#333;
}
/*about*/
.pi-section-overlay-base-about {
	background:rgba(0,0,0,0.52) none repeat scroll 0 0;
}
.pi-section-overlay-base-abouttop {
	background:rgba(0,0,0,0.58) none repeat scroll 0 0;
}
#maabout {
	color:#fff;
	font-family:微軟正黑體;
	font-size:23px;
	font-weight:bold;
	height:33px;
	text-align:center;
	width:100%;
}
#abimg a img {
	outline:5px solid #fff;
}
#abimg img {
	display:block;
	margin:3% auto 0;
	width:86%;
}
/*new*/
em {
	font-style:normal;
	font-size:16px !important;
}
p#sypvqa {
	text-align:center;
	margin-bottom:50px;
}
.pi-section {
	max-width:100% !important;
}
.pi-padding-top-80,.pi-padding-top-bottom-80 {
	padding-top:40px !important;
	padding-bottom:0 !important;
}
.tz-gallery {
	padding:0 !important;
}
p {
	font-style:normal !important;
}
.pi-simple-menu > li > a span {
	font-size:16px;
	letter-spacing: 1px;
}
.newicons {
	display:block;
	width:15px;
	height:16px;
	background:#ccc;
	position:absolute;
	right:20px;
	top:0;
}
::selection {
	background:#3399FF;
	color:#fff;
}
::-moz-selection {
	background:#3399FF;
	color:#fff;
}
.pi-img-shadow:hover {
	cursor:pointer;
}
.item {
	background:none;
}
/*case style end*/ 
#za i,#zb i,#zc i,#zd i,#ze
i,#zf i {
	display:block;
	background-size:auto auto;
	background-size:80px;
	width:80px;
	height:90px;
	margin:0 10px 0 0;
	box-shadow:none;
}
/*nslde*/ * {
	margin:0;
	padding:0;
	list-style:none;
}
/*service advance area*/
#sa i,#sb i,#sc i,#sd i,#se
i,#sf i {
	display:block;
	background-size:auto auto;
	background-size:80px;
	width:80px;
	height:90px;
	margin:0 10px 0 0;
	box-shadow:none;
}
/*nslde*/ * {
	margin:0;
	padding:0;
	list-style:none;
}
.ht {
	background:none !important;
}
#proadvanceimg {
	width:90%;
	margin:0 auto;
	min-height:400px;
}
.zindexadvance {
	z-index:20;
}
#ourservicebg {
	background:rgba(70,103,141,0.25);
}
span.st,p.st {
	color:#fff !important;
}
#solorcfimg {
	background:blue;
}
#solorsysimg {
	background:green;
}
#zindexone,#zindextwo {
	position:relative;
	z-index:21;
}
#zindexone {
	padding: 80px 20px 20px;
}
#zindextwo {
	padding:0 !important;
}
img {
	border:0;
}
a:hover {
	color:#1974A1;
}
.fullSlide {
	width:100%;
	position:relative;
	background:#fff;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100%
            !important;
	height:520px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:32px;
	line-height:32px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:10%;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
	padding-left:0;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:24px;
	height:24px;
	border-radius:24px;
	margin:4px;
	overflow:hidden;
	background:#ccc;
	filter:alpha(opacity=50);
	opacity:0.9;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#63b328;
	padding:5px;
	border:5px solid #ccc;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(home/nslide/images/slider-arrow.png)
            -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}
#da,#db,#dc {
	display:block;
	width:100px;
	height:30px;
	background:#ccc;
}
.bd ul li h1,.bd ul li h2,.bd ul li h3 {
	color:#fff;
}
#baguetteBox-overlay .full-image img {
    max-width: 89%;
    border: 0.5px solid #ccc;
    box-shadow: 0px 0px 5px #676767;
}
/*first slider*/
div#spyvfircase {
	width:90%;
	height:215px;
    margin:0 auto !important;
	position:relative;
	left:5%;
	top:25%;
}
#imgone,#imgtwo,#imgthr {
	width:100%;
	height:215px;
	position:absolute;
	top:0;
	left:0;
}
.adv .sadv{margin-bottom:3%;}
.adv .sadv h4{color:#fff;text-shadow: 0 0 3px #434242;}
a#nw{
    color:#787878;
    font-family: 微軟正黑體 !important;
    font-size: 1.15rem;
}
a#nw:hover{color:#63b328;}


/*add*/
.casecont {
    padding-left: .5%;
    margin-top: -8px;
}
.casecont a {
    font-size: 1.15rem !important;
    font-family: 微軟正黑體 !important;
}
#serti span {
    font-size: 19px;
    color: #ccc;
    font-weight: normal;
    letter-spacing: 1px !important;
}
.newdate {
    font-family: arial !important;
    letter-spacing: 0px;
    font-size: 1.15rem;
}
.atcont {
    margin-top: 2%;
}
a:hover{
    cursor:pointer;
}