@charset "utf-8";

*{
    margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{font-family:"微軟正黑體";}
a{
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
img{
    border: none;
}

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

.top_bg{
    background:url(../images/top_bg.jpg) bottom;
	height:110px;
}
.top{
    width:1000px;
	height:110px;
	margin:0 auto;
	position:relative;
}
.top .logo{position:absolute;left:10px;top:20px;}
.top .search{
    position:absolute;
	right:120px;
	top:4px;
	width:200px;
	height:29px;
	font-weight:normal;
}
.top .search .s1{
    position:absolute;
	top:4px;
	left:3px;
	width:160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#454545;
	border:none;
	outline: none;
}
.top .search .s2{
    position:absolute;
	left:175px;
	top:6px;
	width:16px;
	height:16px;
	cursor:pointer;
	text-indent:-9999px;
}
.top .search input[type=submit] {
    background: url(../images/search.jpg) no-repeat;
    border: 0;
    display: block;
    height: _the_image_height;
    width: _the_image_width;
}
.top .langu_en{position:absolute;right:0px;top:0px;}
.top .langu_ch{position:absolute;right:55px;top:0px;}
.top .menu{
    position:absolute;
	height:62px;
	width:700px;
	left:300px;
	top:48px;
}
#nav {
    margin: 0 auto;	
	padding: 0;
	width:700px;
	list-style-type:none;
}
#nav li {
    margin:0px;
    padding: 0;
    float:left;	
}

/*menu */
.language01 {
	width: 60px;
	height: 20px;
	background: url(../images/langu_01.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.language01:hover {
	background-position:left bottom;
}
.language02 {
	width: 55px;
	height: 20px;
	background: url(../images/langu_02.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.language02:hover {
	background-position:left bottom;
}
.mouse_bt01 {
	width: 100px;
	height: 62px;
	background: url(../images/menu_01.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt01:hover {
	background-position:left bottom;
}
.mouse_bt02 {
	width: 97px;
	height: 62px;
	background: url(../images/menu_02.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt02:hover {
	background-position:left bottom;
}
.mouse_bt03 {
	width: 95px;
	height: 62px;
	background: url(../images/menu_03.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt03:hover {
	background-position:left bottom;
}
.mouse_bt04 {
	width: 97px;
	height: 62px;
	background: url(../images/menu_04.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt04:hover {
	background-position:left bottom;
}
.mouse_bt05 {
	width: 121px;
	height: 62px;
	background: url(../images/menu_05.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt05:hover {
	background-position:left bottom;
}
.mouse_bt06 {
	width: 111px;
	height: 62px;
	background: url(../images/menu_06.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt06:hover {
	background-position:left bottom;
}
.mouse_bt07 {
	width: 79px;
	height: 62px;
	background: url(../images/menu_07.jpg) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.mouse_bt07:hover {
	background-position:left bottom;
}

/* 首頁內容 */
.wrapper_bg{
	background:url(../images/index_bg.jpg);
	height:264px;
	padding:40px 0 34px 0;
}
.index_bt{
    width:1000px;
	margin:0 auto;
}
.index_bt ul{
    list-style:none;
}
.index_bt li{
    float:left;
}
.index_bt01{
	width: 312px;
	height: 264px;
	background: url(../images/index_bt01.png) no-repeat 0px 0px;
	display:block;
	padding-right:32px;
	text-indent:-9999px;
}
.index_bt01:hover {
	background-position:left bottom;
}
.index_bt02{
	width: 312px;
	height: 264px;
	background: url(../images/index_bt02.png) no-repeat 0px 0px;
	display:block;
	padding-right:32px;
	text-indent:-9999px;
}
.index_bt02:hover {
	background-position:left bottom;
}
.index_bt03{
	width: 312px;
	height: 264px;
	background: url(../images/index_bt03.png) no-repeat 0px 0px;
	display:block;
	text-indent:-9999px;
}
.index_bt03:hover {
	background-position:left bottom;
}

#full-screen-slider { width:100%; height:420px; float:left; position:relative}
#slides { display:block; width:100%; height:420px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:400px; z-index:9900; padding:5px 15px 5px 0; margin:0 !important;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:8px; border-radius:5px; background:#ccc}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/* 頁腳 */
.foot_bg{
	clear:both;
	background:url(../images/footer.jpg) repeat-x;
	height:92px;
}
.footer{
    margin:0 auto;
	text-align:center;
	width:1000px;
	font-size:13px;
	color:#666;
	line-height:46px;
	letter-spacing:2px;
}
.footer span{
    color:#787878;
	line-height:22px;
	letter-spacing:normal;
}
.footer a{
    color:#666;
	text-decoration:none;
}
.footer a:hover{
    color:#45b1c8;
}

/* 內頁內容 */
.wrapper{
    width:1000px; 
	margin:0 auto;
	padding:10px 0 10px 0;
}
.content{
	clear:both;
	overflow:hidden;
	height:auto;
}
.left{
    float:left;
	width:200px;
	padding:10px 22px 0 0;
}
.right{
    float:left;
	width:778px;
	margin:0;
	padding:0 0 12px 0;
}

.left-nav, .left-nav ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
  font-family:"微軟正黑體";
}

.left-nav li {
  padding:0;
  line-height:20px;
  background:url(../images/left_bg.gif) no-repeat;
  display:block;
  margin: 0 0 2px 0;
  width: 200px;
  color: #000;
  font-size:15px;
  border-bottom:1px dashed #ccc;
}

.left-nav li a {
  color:#000;
  padding: 0.5em 0.5em 0.5em 18px;
  display: block;
  text-decoration: none;
}

.left-nav li a:hover,#left-nav li .current{
  color: #44b1c6;
  background:url(../images/left_bg.gif) no-repeat;
}

#left-nav, #left-nav ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
  font-family:"微軟正黑體";
}

#left-nav li {
  line-height:20px;
  background:url(../images/left_bg.gif) no-repeat;
  display:block;
  margin: 0 0 2px 0;
  color: #000;
  font-size:15px;
  border-bottom:1px dashed #ccc;
  padding: 0.5em 0.5em 0.5em 18px;
  display: block;
  cursor:pointer;
}
#left-nav ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#left-nav>ul>li{
	font-weight: normal;
	cursor: auto;
	background:url(../images/icon.jpg) no-repeat #fff;
	padding: 0 0 0 18px;
	line-height:18px;
	border-bottom:1px solid #eee;
}
#left-nav>ul>li>a{
	color:#663410;
	padding:5px 0;
	text-decoration:none;
}
#left-nav>ul>li>a:hover{
	color:#ec8540;
	text-decoration:none;
}
#left-nav li a {
  color:#000;
  display: block;
  text-decoration: none;
}
#left-nav li a:hover,#left-nav li .current{
  color: #44b1c6;
}




.title{
	height:60px;
	background-image:url(../images/title.jpg);
	background-repeat:no-repeat;
	font-size:24px;
	color:#333;
	padding-left:20px;
	clear:both;
	line-height:60px;
	letter-spacing:3px;
	margin-top:10px;
	font-family:"微軟正黑體";
}
.title2{
	height:60px;
	background-image:url(../images/title2.jpg);
	background-repeat:no-repeat;
	font-size:24px;
	color:#333;
	padding-left:20px;
	clear:both;
	line-height:60px;
	letter-spacing:3px;
	margin-top:10px;
	font-family:"微軟正黑體";
}
.subtitle{
    font-family:"微軟正黑體";
	line-height: 26px;
    font-size: 18px;
	font-weight:bold;
	color: #3696d9;
	padding-left:24px;
	background:url(../images/sub.gif) no-repeat;
	margin-bottom:5px;
}

.main{
    width:760px;
	margin:0 auto;
	padding:15px 0 10px 0;
	line-height:24px;
	color:#454545;
	min-height:460px;
}
.main a{
    text-decoration:underline;
	color:#003399;
}
.main a:hover{
    color:#44b1c6;
}
.main ul{
	padding-left:30px;
}
.main ol{
	padding-left:30px;
}
.main img{
    max-width:760px;
}
.main>ul>li{
    margin-bottom:10px;
}
.main>ul>li>strong{
    font-size:15px;
	color:#006699;
}

.work{
	font-size:60px;
	font-weight:bold;
	color:#666;
	text-align:center;
	line-height:300px;
	font-family:"微軟正黑體";
}

/* 聯絡表單 */
#form {
    margin:0px auto;
	width:760px;
}
#form span{
    color:#d00f0f;
}
#form th {
	font-size: 13px;
	line-height: 35px;
	color: #454545;
	text-indent: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: url(../images/list.gif) #f5f5f5 no-repeat;
}
#form td {
	font-size: 13px;
	color: #333;
	text-align:left;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#pic-bt{
	margin:12px 20px 20px 0;
}

.aboutList {
    margin:0;
	border:1px solid #ccc;
	border-bottom:none;
}
.aboutList th {
	line-height: 28px;
	color: #333;
	font-size:13px;
	padding:2px 0;
	letter-spacing: 1px;
	text-align:center;
	background:#e1f1fa;
	border-right: 1px solid #ccc;
}
.aboutList td {
	color: #333;
	padding:2px 5px;
	line-height:20px;
	border-bottom:1px #ccc solid;
	border-right: 1px solid #ccc;
}
.superList {
    margin:0;
	border:1px solid #ccc;
	border-bottom:none;
}
.superList th {
	line-height: 28px;
	color: #333;
	font-size:13px;
	padding:2px 0;
	letter-spacing: 1px;
	text-align:center;
	background:#e1f1fa;
	border-bottom:1px #ccc solid;
	border-right: 1px solid #ccc;
}
.superList td {
	color: #333;
	padding:2px 5px;
	line-height:20px;
	border-bottom:1px #ccc solid;
	border-right: 1px solid #ccc;
}

/*products*/
.p-list{
    border-bottom: solid #ccc 1px;
    padding: 0 0 20px 0;
    overflow: hidden;
	margin:10px 0 30px 0;
	background-color:#fff;
	display:block;
}
.p-list .wbox {
	width: 180px;
    height: 135px;
	float: left;
	display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;	
}
.p-list .img {
    display: block;
    margin: 0 10px 0 0;
	border:5px #174588 solid;
	background-color:#fff;
}
.p-list .img img {
    max-width: 160px;
	max-height:125px;
}
.p-list .protitle {
    font-family: "微軟正黑體";
    font-size: 16px;
    height: 30px;
    line-height: 30px;
	color:#174588;
	padding:5px 5px 0 10px;
    overflow: hidden;
	display: block;
    line-height: 30px;
	padding:5px 5px 0 10px;
}
.p-list .text {
    line-height: 22px;
    color: #454545;
    overflow: hidden;
	height: 180px;
	display:block;
	padding:0 5px 0 10px;
}


/*檢驗列表*/
.pro-wrapper{
	padding:8px 0 10px 15px;
	clear:both;
}
.pro{
    overflow: hidden;
	margin:0 18px 20px 5px;
	float:left;
	height:280px;
	width:186px;
	padding: 1px 12px 0px;
	background:url(../images/pro_bg.jpg) no-repeat top;
	text-align : center;
}
.pro a{
    text-decoration:none;
}
.pro:hover .ptitle{
   color:#cea500;
}
.pro .img {
	width: 187px;
    height: 260px;
	overflow:hidden;
}
.pro .wbox {
	width: 187px;
    height: 260px;
	line-height:135px;
	display:inline;
	overflow:hidden;
	border:1px solid transparent;
}
.pro .wbox img {
    max-width: 186px;
	vertical-align:middle;
}


.float{
    float:left;
	margin:0 8px 0 0;
}
.red{color:#d00f0f;}
.blue{color:#0033CC;}
.font_01{
    line-height:24px;
	color:#454545;
	padding:15px 10px 20px 10px;
}


/* 連結列表 */
.link { 
	margin:0;
	width:760px;
}
.link dl {
	width:740px;
	padding:0 0 5px 20px;
	margin:5px 0;
	clear:both;
	float:left;
	color: #fff;
	border-bottom:1px solid #CCC;
	line-height:27px;
	background: url(../images/icon.gif) no-repeat;
}
.link dl a{
	color: #333;
	display:block;
	text-decoration:none;
}
.link dl a:hover{
	color: #428cc4;
	text-decoration:none;
}