body{

	margin:0;

	font-family:"Lucida Sans Unicode","Lucida Grande",微軟正黑體,"ff-tisa-web-pro-1","ff-tisa-web-pro-2",Geneva,Verdana,sans-serif;

	width:100%;

	background:url(../images/head.jpg) center 0 no-repeat;

	

}

a, a:hover{

	font-family:"Lucida Sans Unicode","Lucida Grande",微軟正黑體,"ff-tisa-web-pro-1","ff-tisa-web-pro-2",Geneva,Verdana,sans-serif;

	

}

a:hover{opacity:0.8;}

#header{

	padding-top:25px;

	width:1000px;

	margin:0 auto;

	display:table;

}

h1{
	background: 0 0 no-repeat;

	text-indent:-9998px;

	width:375px;

	height:96px;

	padding-left:4px;

	float:left;

	display:inline;

	margin-bottom:19px;

}

.btn{

	float:right;

	display:inline;

	margin-top:45px;

}

.btn li{

	float:left;

	display:inline;

}

.btn li a{

	color:#081531;

	font-size:18px;

	text-decoration:none;

	padding:15px 10px;

	border-bottom:1px solid #d1b425;

	letter-spacing: 0.2em;

	font-weight:bold;

}

.btn li a:hover{

	padding:12px 10px;

	border-bottom:7px solid #d1b425;



}

/*banner*/

#banner{

	width:100%;

	margin:0 auto;

	display:table;

}

#banner img{

	overflow:hidden;

	width:100%;
	
}

.bannerw{

	position:relative;

	margin:0 auto;
	

}





*{margin:0px;padding:0px;list-style-type:none;}

.v_out{width:100%;margin:auto;}

.v_show{ min-width:100%;overflow:hidden;position:relative;height:370px;float:left}

.v_cont{ width:6650px;position:absolute;left:0px;top:0px;}

.v_cont ul{float:left;text-align:center;line-height:50px;}

.v_cont ul li{width:1360px;height:551px;background:#f8f8f8;float:left;margin-top:3px;}



/*---圆圈---*/

.v_out_p{overflow:visible}

.circle{position:absolute;left: 480px;top: 320px;}

.circle li{width:78px;height:45px;float:left;margin-right:3px;background:#ccc}

.circle .circle-cur{background:#f00}



/*---切换---*/

.prev{left:45px; top:210px;}

.next{ right:40px; top:210px;

}

.prev a{ }

.prev .ico_1{ background:url(../input_a.gif) no-repeat 0 -3757px;}



.next a{ }



.next .ico_2{background:url(../input_a.gif) no-repeat right -3757px;}



.prev,.prev a,.next,.next a{width:42px;height:65px; display:block; position:absolute;}

/**/

#content{

	background:url(../images/main_bf.jpg) 0 0 no-repeat;

	min-width:100%;
	
	width:100%;
	
	padding-top:40px;
	
	padding-bottom:16px;


	display:table;

}

.latest_case{


	margin:0 auto;

	display:table;
	
	margin-bottom:50px;
	
	margin-top:10px;
	
}


.latest_case h2{

	background:url(../images/title_newprod.png) 0 0 no-repeat;

	text-indent:-9998px;

	width:140px;

	height:35px;

	margin-bottom:13px;

	margin-left:4px;

}


.latest_case h3{

	background:url(../images/title_product.png) 0 0 no-repeat;

	text-indent:-9998px;

	width:140px;

	height:35px;

	margin-bottom:13px;

	margin-left:4px;

}



.latest_case ul{

	background:#fff;

	width:206px;

	height:314px;

	padding:8px;

	position:relative;

	box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

	margin-left:21px;

	float:left;

	display:inline;

}

.latest_case .pic{

	height:207px;
	overflow:hidden;
	

}
.latest_case .pic img{

	vertical-align:middle;
}

.latest_case .tit{

	text-align:center;

	padding:12px;

	background:#d9d9d9;

	height: 83px;

	line-height:18px;

}

.latest_case .tit a{

	color:#081531;

	font-size:18px;

	font-weight:bold;

	

}

.latest_case .tit span{

	color:#666666;

	font-size:15px;

	display:block;

	text-align:left;

	padding-top:8px;

	letter-spacing: -0.075em;

}

.latest_case a{

	text-decoration:none;

}

.latest_case .more a{

	background:#828282;

	color:#fff;

	width:46px;

	height:24px;

	display:block;

	font-size:15px;

	line-height:24px;

	position:absolute;

	right:8px;

	bottom:8px;

	text-align:center;

}

.latest_news{

	margin:0 auto;

	display:table;

	margin-top:10px;
	
}

.latest_news h3{

	background:url(../images/title_news.png) 0 0 no-repeat;

	text-indent:-9998px;

	width:140px;

	height:35px;

	margin-bottom:8px;

	margin-left:4px;

}

.latest_news ul{

	    margin: 30px 0 30px;

}

.latest_news .news{

	width:78px;

	height:80px;

	position:relative;

	float:left;

	display:inline;

	margin-left:30px;

}

.latest_news .newst{

	background:url(../images/newst.png) 0 0 no-repeat;

	width:78px;

	height:80px;

	position:absolute;

	z-index:99;

}

.latest_news .news img{

	position:absolute;

	bottom:0;

	z-index:1;

}

.latest_news .title{

	float:left;

	display:inline;

	/*width:100%;*/

	margin-left:25px;

	margin-top:23px;

}

.latest_news .title a{

	text-decoration:none;

	line-height:24px;

	color:#1a1a1a;

	font-size:17px;

        font-weight:bold;

}

.latest_news .title a span{

	display:block;

	font-size:13px;

}

.clear{

	clear:both;

}

#footer{

	background:url(../images/footer.jpg) 0 0 repeat-x;
	
	min-width:100%;
	
	width:100%;

	height:80px;

	padding-top:10px;

	color:#fff;

	text-align:center;

	font-size:15px;

	font-weight:bold;

	letter-spacing:0.1em;

	white-space: pre;

}

#footer span{

	display:block;

	color:#fffcb3;

	font-size:14px;

	padding-top:2px;

}

#footer a{

	color:#8f929c;

	text-decoration:none;

}



/*prod*/



.inbf{

	background:url(../images/inbf.jpg) 0 50px no-repeat #fff !important;

	padding-top:0 !important;

}

.hotitle{

	width:1000px;

	margin-top:0 auto;

	position:relative;
		
}

.intitle{

	width:1000px;

	margin:0 auto;

	position:relative;

}

.intitle h2{

	font-size:24px;

	color:#081531;

	letter-spacing:0.1em;

	font-weight:bold;

	line-height:50px;

}



.intitle h2 img{

	line-height:50px;

	vertical-align:middle;

	padding:0 12px;

}

.intitle .share{

	position:absolute;

	right:0;

	top:35%;

	font-size:12px;

	color:#445f7f;

}

.intitle .share a{

	padding-left:5px;

}

.inmain{

	width:1000px;

	margin:0 auto;

}

.inmain .left{

	float:left;

	display:inline;

	width:190px;

	text-align:center;

	min-height:500px;
	
	height:auto;

}

.inmain .main1{
	display:table;
	text-align:center;
	
	height:auto;

	width:1000px;
	

}

.inmain .left img{

	padding-top:42px;
	max-width:600px;
}

.inmain .right{

	float:left;

	display:inline;

	width:790px;

	margin-left:20px;
	
	background: rgba(100%,100%,100%,0.3);

}

.inmain .main2{

	float:left;

	display:inline;

	width:20%;

	margin-left:100px;

}

.pro_list{



}

.pro_list ul{

	margin-top:42px;

	padding:0 39px;

	float:left;

	display:block;

	background:url(../images/prod_line.png) right 0 no-repeat;

}

.pro_list .clearr{

	background:none;

}
.pro_list .pic{
  height: 140px;
  background-color: #fff;
  text-align: center;
}
.pro_list .pic:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.pro_list .group1 {
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  height: 120px;
}
.pro_list .group1 img{
	height:100%;
}


.pro_list .tit a{

	font-size:15px;

	color:#081531;

	width:181px;

	text-align:center;

	display:block;

	text-decoration:none;

}

.news_page {

    margin: 0 auto;

    width: 270px;

	padding:50px 0;

	clear:both;

}

.news_page ul{

	background:none;

    float:none;

    margin-top: 0;

    padding: 0;

}



.news_page li {

    display: inline;

    float: left;

	line-height:10px;

}



.news_page li a {

    color: #081531;

    font-size: 13px;

    margin: 0 15px;

    text-decoration: none;

}

.arrowleft a{

	background:url(../images/arrowleft.png)0 0 no-repeat;

	width:18px;

	height:13px;

	text-indent:-9998px;

	display:block;

}

.arrowright a{

	background:url(../images/arrowright.png)0 0 no-repeat;

	text-indent:-9998px;

	width:18px;

	height:13px;

	display:block;

}

/*prodin*/

.prod_intro{


    padding: 0 40px;

	color:#202020;

	font-size:15px;

	line-height:24px;

	height:150px;

	display:table;

}

.prod_intro h3{

	font-size:30px;

	color:#174199;

	font-weight:bold;

	padding-bottom:23px;

	padding-top: 42px;

	

}

.proin_list ul{

	margin-top:0;

	margin-bottom:42px;

}

/*聯絡我們*/

.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {

    display: none;

}

.map{

	margin-top:42px;

}

.form{

	width:670px;

	padding:10px 15px;;

	//--border:1px solid #fff;--//

}

.form td{

	line-height:30px;

	vertical-align:top;
	
	padding-top:8px;

}

.form input{

	width:300px;

	height: 20px;

}

.form textarea{

	width:500px;

	margin-top:5px;

}



.icon_contact input{

	border: 1px solid #696;

padding: 5px 0;

text-align: center; width: 200px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: #9CB1D1;

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9CB1D1), to(#4A84C8));

background: -webkit-linear-gradient(#9CB1D1, #4A84C8);

background: -moz-linear-gradient(#9CB1D1, #4A84C8);

background: -ms-linear-gradient(#9CB1D1, #4A84C8);

background: -o-linear-gradient(#9CB1D1, #4A84C8);

background: linear-gradient(#9CB1D1, #4A84C8);

-pie-background: linear-gradient(#9CB1D1, #4A84C8);

behavior: url(/pie/PIE.htc);

color:#fff;

font-size:13px;

height:40px;

margin-top:10px;

}

.form .red{

	color: #174199;

	display:block;

}
/*最新消息*/
.news{
	width:1000px;
	margin:0 auto;
	display:table;
}
.news h3{
	background:url(../images/title_news.png) 0 0 no-repeat;
	text-indent:-9998px;
	width:140px;
	height:35px;
	margin-bottom:8px;
	margin-left:4px;
}
.news ul{
	margin: 30px 0;
}
.news .pic{
	width:100px;
	height:100px;
	position:relative;
	float:left;
	display:inline;
	margin-left:20px;
}
.news .newst{
	background:url(../images/newst.png) 0 0 no-repeat;
	width:78px;
	height:80px;
	position:absolute;
	z-index:99;
}
.news .newimg{
	height:67px;
	width:78px;
}
.news .pic img{
	position:absolute;
	bottom:20px;
	z-index:1;
}
.news .tit{
	float:left;
	display:inline;
	width:640px;
	margin-left:25px;
	margin-top:23px;
}
.news .tit a{
	text-decoration:none;
	line-height:24px;
	color:#081531;
	font-size:17px;
}
.news .tit a span{
	display:block;
	font-size:13px;
}
.newsdetail{
	padding-top: 42px;
	width:750px !important;
	margin-left:60px!important;
}
.newsdetail .date{
	color: #081531;
    font-size: 15px;
	line-height: 24px;
}
.newsdetail .tit{
	color: #174199;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 23px;
}
.newsdetail .intro{
	padding:0;
	color: #61646c;
    font-size: 15px;
}
.prev-next li{
	float:left;
	display:inline;
	background: rgba(0, 0, 0, 0) linear-gradient(#9cb1d1, #4a84c8) repeat scroll 0 0;
    border: 1px solid #4a84c8;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
    width: 200px;
	height:30px;
	line-height:30px;
	margin-right:10px;
}

/*Media Query ，也就是當寬度 < 768 px 時將載入下面這段 CSS :*/
 @media only screen and (min-width: 768px) {

.inmain .main2{

	float:left;

	display:inline;

	margin-left:200px;

}

}


/*(new) 換頁 daitsushun  20160330:*/
ul.pages_ul{
    width: 1000px;
    margin: 20px auto;
    text-align: center;
}

.pages_ul > li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.pages_ul > li > a{
    text-align: center;
    color: #5D6408;
    text-decoration: none;
    line-height: 30px;
    height: 30px;
    display: block;
}
.pages_ul > li > a:hover{
    color: #FFF;
}

.pages_ul > li.page_prev > a{
    width: 75px;
    height: 30px;
    background: url(../images/prev01.png) 0 0 no-repeat;
}
.pages_ul > li.page_prev > a:hover{
    background: url(../images/prev02.png) 0 0 no-repeat;
}

.pages_ul > li.current{
    margin: 0 3px;
    width:30px;
    height: 30px;
    background: url(../images/page_box1.png) 0 0 no-repeat;
}
.pages_ul > li.current:hover{
    background: url(../images/page_box2.png) 0 0 no-repeat;
}


.pages_ul > li.page_next > a{
    width: 75px;
    height: 30px;
    background: url(../images/next01.png) 0 0 no-repeat;
}
.pages_ul > li.page_next > a:hover{
    background: url(../images/next02.png) 0 0 no-repeat;
}