@charset "utf-8";
*{
    margin:0;
	padding:0;
}
a{
 outline: none; /* for Firefox */
}
img{
    border: none;
}

#backtop {
    position: fixed;
    bottom: 110px;
    margin-left:1050px;
    padding: 0;
    width: 35px;
    height: 35px;
    z-index: 100;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.top-bg{
    height:110px;
	background:url(images/index_01.jpg) center top repeat;
}
.top{
   width:1000px;
   height:110px;
   margin:0 auto;
   position:relative;
   background:url(images/index_02.jpg) right top no-repeat;
}
.top .logo{
    position:absolute;
	left:0;
	top:0;
}
.top h3 a{
    position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:798px;
	top:13px;
	width:50px;
	height:18px;
	line-height:18px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.top h3 a:hover{
	color:#f05218;
	text-decoration:none;
}
.top h4 a{
    position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:890px;
	top:13px;
	width:44px;
	height:18px;
	line-height:18px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.top h4 a:hover{
	color:#f05218;
	text-decoration:none;
}
.top h5 a{
    position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:966px;
	top:13px;
	width:34px;
	height:18px;
	line-height:18px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.top h5 a:hover{
	color:#f05218;
	text-decoration:none;
}

.menu {
	margin: 0;
	padding:0;
	height:68px;
	position:absolute;
	left:520px;
	top:42px;
}
.sddm{
	margin: 0 auto;	
	padding: 0;
	height: 68px;
	width:480px;
	list-style-type:none;
}
.sddm li{
	margin: 0;
	padding: 0;
	height: 68px;
	float:left;
}

.mouse_bt01 {
	width: 120px;
	height: 68px;
	background: url(images/menu_01.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_bt01:hover {
	background-position:left bottom;
}
.mouse_bt02 {
	width: 120px;
	height: 68px;
	background: url(images/menu_02.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_bt02:hover {
	background-position:left bottom;
}
.mouse_bt03 {
	width: 120px;
	height: 68px;
	background: url(images/menu_03.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_bt03:hover {
	background-position:left bottom;
}
.mouse_bt04 {
	width: 120px;
	height: 68px;
	background: url(images/menu_04.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_bt04:hover {
	background-position:left bottom;
}

.picBg{
    
	height:300px;
	padding-bottom:10px;
	background:#000000 url(images/banner-line.jpg) bottom repeat-x;
}
#banner {position:relative; width:1000px; height:300px; overflow:hidden; margin:0 auto;}
#banner_list img {border:0px;}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
			margin:0; padding:0; bottom:3px; right:5px; display: none;		/* 隱藏按鈕選單 */}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;}

.content{
    background:url(images/index_07.jpg) repeat-x;
	padding-bottom:30px;
}

.height1{
    height:12px;
	clear:both;
}

.index-area{
    width:1000px;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}
.index-about{
    float:left;
    margin:0 30px 0 0;
	width:428px;
}
.index-pro{
    float:left;
    margin:0;
	width:542px;
}

.index-about h2{
    position:relative;
	height:48px;
	background:url(images/index_06.jpg) no-repeat;
}
.index-about h2 a{
    position:absolute;
    display:block;
	height:21px;
	width:70px;
	right:0px;
	top:12px;
}

.index-about ul.info_list{ overflow:auto;}
.index-about ul.info_list li{ float:left; width:410px;  padding:10px 10px 10px 8px; /*margin:1px; */ color:#454545; display:block; list-style:none;}
.index-about ul.info_list li img{float:left; border: 1px solid #ccc; margin-top:5px; width:170px; height:148px; overflow:hidden;}
.index-about ul.info_list li p{margin-left:188px; font-size:12px; line-height:24px; letter-spacing:1px;}

.index-pro h2{
    position:relative;
	height:48px;
	background:url(images/index_08.jpg) no-repeat;
}
.index-pro h2 a{
    position:absolute;
    display:block;
	height:21px;
	width:70px;
	right:0px;
	top:12px;
}

.footer-bg{
    background:url(images/index_15.jpg) repeat-x center bottom;
	height:108px;
}
.footer{
    background:url(images/index_16.jpg) no-repeat right;
    width:1000px;
	margin:0 auto;
	padding-top:20px;
	height:88px;
	text-align:left;
	color:#454545;
	line-height:28px;
}
.footer a{
	color:#f05218;
	text-decoration:none;
}
.footer a:hover{
	color:#d60100;
	text-decoration:none;
}
.footer span{
    color:#787878;
	font-size:11px;
	-webkit-text-size-adjust: none;
}

.wrapper{
    width:960px;
	margin:0 auto;
	overflow:hidden;
	height:auto;
	background:url(images/index_07.jpg) repeat-x;
	padding-bottom:10px;
}
.left{
    float:left;
	width:200px;
	margin:0 20px 0 0;
	font-size:13px;
	color:#454545;
}
.right{
    float:left;
	width:740px;
	margin:0;
}

.title{
	height:45px;
	background-image:url(images/title.gif);
	background-repeat:no-repeat;
	font-size:18px;
	color:#333;
	padding-left:35px;
	clear:both;
	line-height:42px;
	font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;	
}
.main{
    width:700px;
	padding:8px 20px;
	line-height:24px;
	color:#454545;
}
.main ul{
	padding-left:25px;
}
.main ol{
	padding-left:25px;
}
.main a{
    text-decoration:none;
	color:#f05218;
}
.main a:hover{
	color:#d60100;
}

.work{
    text-align:center;
	line-height:400px;
	font-size:60px;
	font-weight:bold;
	color:#666666;
}

/* 聯絡表單 */
.form {
    width:700px;
    margin:0 auto;
}
.form span{
    color:#d00f0f;
}
.form th {
	line-height: 35px;
	color: #454545;
	padding-left:28px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
	background-color:#f5f5f5;
	background-image: url(images/list.gif);
	background-repeat: no-repeat;
}
.form td {
	color: #333;
	text-align:left;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height:35px;
}
#pic-bt{
	margin:12px 50px 10px 0;
}

/* 公司簡介 */
.about-float{
    float:left;
	margin:0 12px 30px 0;
}
.about-title{
    text-align:center;
	background:#999;
	padding:5px 0;
	line-height:20px;
	font-family:"微軟正黑體";
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	width:697px;
	margin-left:2px;
	clear:both;
}

.aboutList {
    width:700px;
    margin:5px auto 0 auto;
}
.aboutList th {
	line-height: 28px;
	color: #333;
	padding-left:28px;
	padding:2px;
	letter-spacing: 1px;
	font-weight: normal;
	background-color:#efefef;
	border-bottom: 1px solid #CCC;
	margin-bottom:5px;
}
.aboutList td {
	color: #333;
	padding:2px 0 0 5px;
	border-bottom: 1px solid #CCC;
	line-height:18px;
	margin-bottom:5px;
}

.history { 
	margin:0 auto;
	padding:0;
	width:700px;
}
.history .line { 
	float:left;
}
.history dl {
	margin:0;
	width:700px;
	clear:both;
	float:left;
}	
.history dt {
	line-height: 30px;
	color: #454545;
	letter-spacing:1px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:570px;
}
.history dd {
	line-height: 30px;
	color: #333333;
	letter-spacing: 1px;
	display:block;
	width:110px;
	float:left;
	background:url(images/list02.gif) no-repeat;
	padding-left:20px;
}

.certif{
    margin:8px 0 8px 32px;    
}
.certif img{
    float:left;
	margin:5px 54px 20px 0;
}

.sub-title{
    background:url(images/sub.gif) no-repeat;
	line-height:24px;
	padding-left:20px;
	color:#454545;
	font-size:15px;
	font-weight:normal;
	margin-bottom:5px;
}

/*產品列表*/
.pro{
    width:730px;
	clear : both;
}
.pro:after{
  clear : both;
  content : '.';
  display : block;
  height : 0;
  overflow : hidden;
}
.pro ul.pro{ padding:0; margin:0; list-style:none;} 
.pro ul.pro li{ float:left; width:160px; height:130px; padding:4px; _display:inline; margin:5px 12px 20px 0;}
.pro ul.pro li .w-box{width:160px; height:120px; border: solid 1px #ccc; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; clear:both;}
.pro ul.pro li img{overflow:hidden;  max-width:160px; max-height:120px;}
.pro ul.pro li h3{color:#333; line-height:18px; font-weight:normal; font-size:13px; text-align:center;}


/*設備列表*/
.list{
    width:730px;
	clear : both;
}
.list:after{
  clear : both;
  content : '.';
  display : block;
  height : 0;
  overflow : hidden;
}
.list ul.list{ padding:0; margin:0; list-style:none;} 
.list ul.list li{ float:left; width:210px; height:180px; padding:4px; _display:inline; margin:5px 20px 20px 0;}
.list ul.list li .w-box{width:210px; height:158px; border: solid 1px #ccc; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; clear:both;}
.list ul.list li img{overflow:hidden;  max-width:210px; max-height:158px;}
.list ul.list li h3{color:#333; line-height:18px; font-weight:normal; font-size:13px; text-align:center;}

/*產品內頁*/
.box{
	clear:both;
}
.box img{
    max-width:700px;
	margin:5px;
}
.pro-text { 
	margin:0 auto;
	padding:0;
	width:700px;
}
.pro-text dl {
	margin:0 0 5px 0;
	width:700px;
	clear:both;
	float:left;
}
.pro-text dl img{
	float:left;
}	
.pro-text dt {
	line-height: 30px;
	color: #454545;
	letter-spacing:1px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:600px;
}
.pro-text dd {
	line-height: 30px;
	color: #333333;
	letter-spacing: 1px;
	display:block;
	width:80px;
	float:left;
	background:url(images/list02.gif) no-repeat;
	padding-left:20px;
}

.back {
	padding:20px 0 10px 632px;
	clear:both;
	height: 25px;
}
.mouse_back {
	width: 68px;
	height: 25px;
	background: url(images/back.gif) no-repeat 0px 0px;
	display:block;
}
.mouse_back:hover {
	background-position:left bottom;
}

.control {
		text-align:center;
		clear:both;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:20px 0;
		color: #333;
		line-height:15px;
		-webkit-text-size-adjust: none;
}
.control a {
	display: inline-block;
	padding: 0px 4px 1px 4px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333333;
}
.control a:hover {
	display: inline-block;
	color: #ea5404;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ea5404;
}
.control a.on {
	font-weight: bold;
	background: #ea5404;
	border: 1px solid #ea5404;
	color: #fff;
}

.s1{
    vertical-align:super;
	font-size:9px;
	-webkit-text-size-adjust:none;
}