@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體', '黑體-繁';
	font-size:13px;
	margin:0;
	padding:0;
	background:url(/pub/images/bg.jpg) no-repeat center top;
}
p, h1, h2, h3{ margin:0; padding:0;}
img{ vertical-align:middle;}
a{ color:#707070; text-decoration:none;}
a img{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}

.footer{ width:930px; margin:0 auto; text-align:right; font-size:8.5pt; padding:10px;}
.all{ width:950px; margin:0 auto;}
.header{ width:900px; height:100px; padding:10px 40px 10px 10px; position:relative; text-align:right}
.logoset{ position:absolute; top:30px; left:-30px;}

.lang, .lang a:hover.on{ color:#707070;}
.lang a{ display:inline-block;}
.lang a:hover{ color:#1b1b1b;}
.lang a.on{ padding:0 0 0 10px; background: url(/pub/images/langicon.png) no-repeat left 5px;}

.unit{ font-size:13pt; font-weight:300; padding:55px 0 0 0; line-height:13pt;}
.unit a{display:inline-block; padding:0 0 0 20px;}
.unit a:hover, .unit a.on{ color:#1b1b1b; background:url(/pub/images/uniticon.png) no-repeat 10px center;}
.unit a.on{ font-weight:700;}

.content{ width:950px; position:relative;}

.news{ background:url(/pub/images/newsbg.jpg) no-repeat left top; width:440px; height:160px; position:absolute; top:330px; left:-10px;}
.newsopen{ position:absolute; bottom:10px; right:10px;}
.news ul{ width:390px; line-height:23px; list-style:none; padding:28px 0 0 0; margin:0 0 0 30px;}
.news ul li{ height:23px; overflow:hidden; border-bottom:dotted 1px #1b1b1b; padding:0 10px;}
span.time{ display:inline-block; width:70px; margin:0 5px 0 0;}

#newsall{ text-align:left; margin:0 auto;}
#newsall p.Ntitle{ width:550px; margin:0 auto; padding:10px 10px 13px; border-bottom:solid 1px #1b1b1b;}
#newsall p.Ntitle a.fr{ font-weight:700; font-size:10pt; padding:5px 0 0 0;}
.newsarea{ width:550px;  /*height:500px;*/ margin:0 auto; }
.newsarea ul{ display:block; width:540px; /*height:490px; overflow:auto;*/ margin:10px auto; padding:0 0 0 10px;  line-height:24px;}
.newsarea ul li{ border-bottom:dotted 1px #1b1b1b; list-style:none; padding:5px; vertical-align:top;}
span.ntext{ display:inline-block; width:450px;}
.newsarea ul li span.time{ float:left;}

#ad02{ display: inline-block; padding:0 0 0 10px;}

.unittitle{ height:68px; position:relative;}
.unitfooter{ height:18px; position:relative;}
img.utpix{ position:absolute; top:-10px; left:-63px;}
img.ufpix{ position:absolute; top:0px; left:-63px;}

.pdlist{ padding:10px 0; min-height:600px;}
.pdsort{ width:210px; display:block; float:left; padding:5px 0 0 0;}
.pdsort a{ display:block; height:30px; line-height:30px; text-align:right; padding:0 8px 0 0;}
.pdsort a:hover, .pdsort a.on{ color:#1b1b1b; }
.pdsort a:hover{ background:url(/pub/images/pdlistbg2.png) no-repeat right top;}
.pdsort a.on{ background:url(/pub/images/pdlistbg.png) no-repeat right top; font-weight:700;}
.pdsort a:hover::before, .pdsort a.on::before{ content:url(/pub/images/pdlisticon.png) ;}

.pddetail{ width:710px; min-height:780px; display:block; float:left; background:url(/pub/images/shadow01.jpg) no-repeat left center; border-left:solid 1px #1b1b1b; padding:0 10px;}
.pddetail a{ display:block; width:220px; height:240px; float:left; margin:7px 0 7px 14px; overflow:hidden; border:solid 1px #1b1b1b; position:relative;}
.pddetail a p{ background: url(/pub/images/opacityBg.png) no-repeat left top; width:200px; height:40px; position:absolute; left:0; bottom:0; color:#fff; line-height:40px; padding:0 10px;}
.pddetail a:hover p{ height:220px; top:20px; padding:0 10px; }
.pddetail a p span{ display:block; font-weight:700; padding:0 8px; }
.pddetail a:hover p span.pdnu{ border-bottom:solid 1px #fff; }
.pddetail a:hover p span.pddisc{ font-weight:200; line-height:24px; padding:5px 5px 0;}

span.pgnu{ text-align:center; width:710px; line-height: 20px; display:block; border:none; margin:0 0 0 210px; padding:0;}
span.pgnu a{ line-height:20px;  }

.msgform{ width:900px; margin:0 auto; padding:15px 10px; font-size:12pt; min-height:400px;}
p.msgtitle{ font-weight:700; border-bottom:solid 2px #1b1b1b; padding:5px 5px 10px;}
p.msgtitle span{ font-size:9pt; font-weight:200;}

ul.left{ width:270px; font-weight:700; line-height:33px; list-style:none; float:left; padding:10px 0 0 20px; margin:0;}
ul.left input{ background:url(/pub/images/inputBg.png) no-repeat left top; font-size:10pt; line-height:30px; height:30px; border:none; width:250px;  padding:0 10px; margin:0 5px;}
ul.left input.tel1{ width:155px; background:url(/pub/images/inputBg2.png) no-repeat;}
ul.left input.tel2{ width:45px; background:url(/pub/images/inputBg3.png);}

ul.msgborder{ width:560px; list-style:none; float:left; padding:10px 0 0 20px; margin:0; line-height:33px ; font-weight:700;}
ul.msgborder li textarea{ width:540px; height:136px; border:none; padding:10px; background: url(/pub/images/textareabg.png) no-repeat left top;  }

.about{ width:940px; margin:0 auto;}
.about img { display:block;}