@charset "utf-8";
/* CSS Document */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{
	clear:both;
	font-size: 0px;
	line-height: 0em;
}
.f1{
	float:left;
}
.fr{
	float:right;
}
.fw{
	font-weight:bold;
}
#wrapper .end{
	margin-right:0;
	}
#wrapper .bend{
	margin-bottom:0;
	}
html {
font-size: 62.5%;
}	
body{
	
	font-family: "Microsoft JhengHei",Arial;
	
	}
/* ---------------------------------------------------- 架構 ---------------------------------------------------- */
#wrapper{
	width:100%;
	max-width:1920px;
	background:url(../images/top_bg.jpg) center top no-repeat;
	min-width:1263px;
	}
.container{
	width:100%;
	margin:0 auto;
	}
#main{
 min-height:600px;
 padding-top:200px;
}
#main .list{
 width:950px;
 margin:0 auto;
 padding-bottom:35px;
}
#main .list dl dt,#main .list dl dd{
 display:inline-block;
}
#main .list dl{
 margin-bottom:18px;
}
#main .list dl dd{
  width:200px;
  background:#FFC600;
  height:200px;
 box-sizing:border-box;
 text-align:center;
 float:left;
}
#main .list dl dd span{
 display:inline-block;
 height:100%;
 width:1px;
 vertical-align:middle;
}
#main .list dl dd img{
 vertical-align:middle;
}
#main .list dl dt{
  width:750px;
  background:#FF8A00;
  height:200px;
  box-sizing:border-box;
  float:left;
}
#main .list dl dt{
 font-size:15px;
 font-weight:bold;
 color:#fff;
 line-height:189%;
}
#main .list dl dt h3{
 font-size:34px;
 line-height:150%;
 font-weight:normal;
}
.list dl dt .txt{
 width:588px;
 position:relative;
 margin:40px 0 0 80px;
}
.list dl dt .txt p{
 display:block;
 width:315px;
}
.list_more{
 display:block;
 width:52px;
 height:52px;
 position:absolute;
 z-index:1;
 top:35px;
 right:0;
}
#main .title{
 text-align:center;
 padding-bottom:30px;
}
#top{
	width:100%;
	position:relative;
	
	}
#top .p1{
	max-width:100%;
	height:auto	
	}
.logo{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	}
.menu{
	position:absolute;
	z-index:10;
	right:2%;
	top:20px;
	background:url(../images/mbg.png) repeat-x;
	height:115px;
	padding-right:2%;
	width:auto;
	padding-left:20px;
	}
.menu ul li{
	float:left;
	width:130px;
	text-align:center
	}
.menu ul .mm{
	margin-top:20%
	}
.menu ul li a{
	width:130px;
	height:115px;
	display:block	
	}
.menu ul li .select ,.menu ul li a:hover{
	width:130px;
	height:115px;	
	background:url(../images/menubg.png) no-repeat
	}
#banner{
	width:100%;
	position:relative
	}
#board{
 overflow:hidden;
 position:relative;
}
#banner .bmm{
	max-width:100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	}
.banner-circle {
position: absolute;
left: 45%;
bottom: 20px;
height: 30px;
text-align: center;
font-size: 0;
z-index: 10;
}
.banner-circle li{
	float:left;
	margin-left:10px;
	}	
.banner-circle li a {
display: block;
padding-top: 9px;
width: 12px;
height: 4px;
border-radius: 50%;
overflow: hidden;
background:#fff;
}
.banner-circle li a:hover, .banner-circle li .current{
background:#FF8A00;
}
#bottom{
	background:#000;
	padding:1px 0;
	}
.kv{
	position:relative;
	z-index:2;
	height:429px;
	margin-top:-15px;
	background:url(../images/bg.png) top center no-repeat
	}
.kv_content{
	width:1250px;
	margin:0 auto
	}
.home_news dl{
	width:795px;
	}
.home_news dl dt{
	float:left;
	width:40%;
	padding-top:5px;
	}
.home_news dl dd{
	float:right;
	width:40%;
	text-align:right
	}
.home_news{
	float:left;
	width:840px;
	padding-top:38px;
	padding-bottom:3%;
	}
.home_news ul {
	margin-top:48px;
	}
.home_news ul li{
	float:left;
	width:185px;
	height:220px;
	position:relative;
	margin-right:19px;
	
	}
.home_news ul li .imglist{
	max-width:100%;
	}	
.home_news ul li .mark{
	position: absolute;
	left:0;
	top:-20px
	}
.home_news ul li .title{
 position:absolute;
 width:96%;
 padding:0 1% 0% 3%;
 height:70px;
 overflow:hidden;
 z-index:2;
 left:0;
 bottom:15px;
}
.home_news ul li .pick{
 position:absolute;
 z-index:10;
 left:20px;
 top:10px;
}
.home_news ul li .title span{
 color:#848484;
 font-size:12px;
 line-height:130%;
}
.home_news ul li .title a{
 color:#ff9000;
 font-size:14px;
 line-height:25px;
}
.more{
	width:792px;
	text-align:center;
	border:2px  solid #fff;
	padding-top:16px;
	padding-bottom:16px;
	}
.more a{
	display:block
	}	
.home_video{
	float:left;
	margin-left:40px;
	width:364px;
	padding-top:48px;	
	}
.home_video .play{
	margin-top:39px;
	border:2px solid #fff;
	position:relative;	
	width:360px;
	height:205px;
	}
.home_video .play .btn{
	position:absolute;
	left:40%;
	top:35%;
	}
.home_video .txt{
	margin-top:30px;
	color:#fff;
	font-size:18px;
	}
.home_video .txt a{
	color:#fff;
	text-decoration:underline
	}
.home_video dl{
	width:100%;
	}
.home_video dl dt{
	padding-top:5px;
	float:left;
	width:40%;
	}
.home_video dl dd{
	float:right;
	width:40%;
	text-align:right
	}
	
.address{
	width:1185px;
	margin:0 auto;
	margin-top:70px;
	padding-bottom:52px;
	}
.address .add{
	float: left;
	}
.address .add span{
	margin-left:65px;
	color:#fff;
	font-size:16px;
	}
.address .add{
	float: left;
	font-weight:bold
	}
.address .add a{
 color:#fff;
 text-decoration:none;
}
.address .tel{
	float: left;
	margin-left:138px;
	}
.address .tel{
	float: left;
	margin-left:158px;
	}
.address span{
	margin-left:54px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px; 
	border-bottom:1px solid #fff
	}
.address .fax{
	float: right;
	margin-left:138px;
	}
#footer{
	width:100%;
	background:#fff;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
	}
.list_detail{
 margin-top:20px;
 background:#FF8A00;
 position:relative;
}
.list_detail .close{
 position:absolute;
 z-index:1;
 top:0;
 right:0;
}
.list_detail .pic{
 width:70.5%;
 max-width:1340px;
 height:auto;
}
.list_detail .txt{
 width:21.5%;
 max-width:404px;
 position:absolute;
 z-index:2;
 height:100%;
 top:0;
 right:4.5%;
}
.list_detail .txt h3{
 font-size:34px;
  color:#fff;
  text-align:center;
  margin-bottom:10%;
  font-weight:normal;
}
.list_detail .txt p{
 font-size:15px;
 font-weight:bold;
 line-height:180%;
 color:#fff;
 margin-bottom:10%;
}
.ot{
 width:100%;
 height:auto;
}
.list_detail .txt .icon{
 text-align:center;
 margin:40% 0 3%;
}
.list_detail .txt a{
 display:block;
 position:relative;
 font-size:15px;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 line-height:100%;
}
.list_detail .txt a span{
 position:absolute;
 z-index:2;
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;
 text-align:center;
 vertical-align:middle;
}
.list_detail .txt a span img{
 vertical-align:middle;
 display:inline-block;
 height:100%;
 width:1px;
}
#main .newslist{
 width:1220px;
 margin:30px auto;
 padding-bottom:150px;
}
.newslist ul li{
 width:275px;
 height:330px;
 margin:0 12px 22px 14px;
 float:left;
}
.newslist ul li .txt{
 background:#FF6600;
 height:103px;
 padding:0 20px;
}
.pic_mask{
 height:200px;
 text-align:center;
 position:relative;
}
.pic_mask .pick{
 position:absolute;
 z-index:3;
 top:25px;
 left:40px;
}
.pic_mask a{
 display:block;
 position:absolute;
 z-index:1;
 top:0;
 left:0;
}
.newslist ul li .txt span {
    color: #fff;
    font-size: 13px;
    line-height: 130%;
	display:block;
	padding:10px 0;
}
.db{
 display:block;
}
 
.newslist ul li .txt a {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}
.pages{
text-align:center;
height:50px;
width:1192px;
margin-left:6px;
position:relative;
margin-top:20px;
}
.pages a{
 display:inline-block;
 width:50px;
 background:#FF6600;
 font-size:21px;
 font-weight:bold;
 text-align:center;
 line-height:50px;
 margin:0 6px;
 color:#fff;
 text-decoration:none;
 height:50px;
}
.pages span{
 display:inline-block;
 width:50px;
 background:#CBCBCB;
 font-size:21px;
 font-weight:bold;
 text-align:center;
 line-height:50px;
 margin:0 6px;
 color:#fff;
 text-decoration:none;
 height:50px;
}

.pages .prev{
 position:absolute;
 z-index:1;
 top:0;
 left:0;
}
.pages .next{
 position:absolute;
 z-index:1;
 top:0;
 right:0;
}
.news_detail{
 width:1196px;
 margin:20px auto 50px;
}
.news_detail .content{
 background:#FF6600;
 padding:0 75px 45px;
}
.news_detail .content{
 font-size:15px;
 line-height:150%;
 color:#fff;
}
.news_detail .content .date{
 font-size:15px;
 padding:10px 0;
 color:#fff;
}
.news_detail .content h2{
 font-size:30px;
 color:#fff;
 font-weight:normal;
 line-height:120%;
 padding:10px 0;
}
.news_detail .content hr{
 background:#fff;
 height:1px;
 padding:0;
 margin:10px 0 20px;
 border:none;
}
.news_detail .content p{
 padding:10px 0;
}
.detail_pages{
 position:relative;
 height:52px;
 width:1180px;
 margin:0 auto 50px;
 text-align:center;
}
.detail_pages .prev{
 position:absolute;
 z-index:2;
 left:0;
 top:0;
}
.detail_pages .next{
 position:absolute;
 z-index:2;
 top:0;
 right:0;
}
.historylist{
 padding-top:20px;
 width:1260px;
 margin:0 auto;
 padding-bottom:50px;
}
.historylist dl{
 display:block;
 padding:1px 0;
}
.historylist dl dd,.historylist dl dt{
 display:block;
 width:1250px;
 height:275px;
 background:url(../images/history_item_bg.png) no-repeat;
 position:relative;
 margin:45px 0;
 float:left;
}
.historylist dl dd .pic{
 position:absolute;
 top:-45px;
 left:135px;
}
.historylist dl dd .txt{
 position:absolute;
 top:90px;
 left:800px;
 font-size:15px;
 font-weight:bold;
 line-height:170%;
 color:#fff;
 width:250px;
}
.historylist dl dt .pic{
 position:absolute;
 top:-45px;
 left:655px;
}
.historylist dl dt .txt{
 position:absolute;
 top:90px;
 left:245px;
 font-size:15px;
 font-weight:bold;
 line-height:170%;
 color:#fff;
 width:250px;
}
.historylist .pages{
 margin-top:40px;
}
.contact{
 position:relative;
}
.contact .form{
 max-width:750px;
 width:32%;
 height:103%;
 background:#FF8A00;
 position:absolute;
 z-index:1;
 left:0;
 top:0;
}
.contact .form div{
 width:52%;
 position:absolute;
 top:35%;
 left:43%;
}
.contact .form div input{
 width:96%;
 background:#fff;
 border:none;
 padding:4% 2%;
 font-size:15px;
 margin-bottom:3%;
 text-indent:15px;
}
.contact .form div select{
 width:100%;
 background:#fff;
 border:none;
 padding:4% 0%;
 font-size:15px;
 margin-bottom:3%;
 text-indent:15px;
}
.contact .form div textarea{
 height:50px;
  background:#fff;
 border:none;
 padding:2%;
 width:96%;
 font-size:15px;
}
.contact .form a{
 display:block;
 font-size:15px;
 font-weight:bold;
 color:#fff;
 position:relative;
 text-decoration:none;
 margin-top:5%;
}
.contact .form span {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
}
.contact .form span img {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 1px;
}
@media screen and (max-width: 1700px), screen and (max-device-width: 1700px) {
.list_detail .txt p{
 line-height:160%;
 margin-bottom:5%;
}
.contact .form {
 padding-top:2%;
}
.contact .form {
 height:102%;
}
}
@media screen and (max-width: 1466px), screen and (max-device-width: 1466px) {
.list_detail .txt p{
 line-height:140%;
 margin-bottom:5%;
}
.contact .form {
 padding-top:2.5%;
}
.contact .form {
 height:100%;
}
}