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

}
img{
    border: none;
}

/* 上方 */
.top{
	width: 1000px;
	height:124px;
	margin:0 auto;
	position:relative;
	background:url(images/index_02.jpg) right  top no-repeat;
}
.top .logo{
    position:absolute;
	left:0px;
	top:0px;
}
.top h3{
    position:absolute;
	left:752px;
	top:14px;
	width:145px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:24px;
	font-weight:normal;
	color:#333333;
}
.top h3 input{
    position:absolute;
	top:5px;
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border:none;
	outline: none;
}
.top h3 a{
    position:absolute;
    display:block;
	width:18px;
	height:17px;
	left:125px;
	top:4px;
}
.top h3 a:hover{
    display:block;
}
.top h4{
    position:absolute;
	left:910px;
	top:10px;
}
.versoin{
    background:url(images/version.jpg) no-repeat;
	width:556px;
	height:282px;
	position:relative;
}
.versoin h2{
	position:absolute;
	width:62px;
	height:46px;
	left:106px;
	top:150px;
}
.versoin h2 a{
	display:block;
	width:62px;
	height:46px;
}
.versoin h4{
	position:absolute;
	width:62px;
	height:46px;
	left:248px;
	top:150px;
}
.versoin h4 a{
	display:block;
	width:62px;
	height:46px;
}
.versoin h5{
	position:absolute;
	width:62px;
	height:46px;
	left:387px;
	top:150px;
}
.versoin h5 a{
	display:block;
	width:62px;
	height:46px;
}

.mouse_version {
	width: 80px;
	height: 30px;
	background: url(images/language.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_version:hover {
	background-position:left bottom;
}

.menu{
    margin: 0;
	padding:0;
	height:58px;
	width:730px;
	position:absolute;
	top:58px;
	left:270px;
}
.sddm{
	margin: 0 ;	
	padding: 0;
	height: 58px;
}
.sddm li{
	margin: 0;
	padding: 0;
	height: 58px;
	list-style: none;
	float:left;
}

.sddm div{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0 1px;
	border-top:solid 3px #084a82;
	background:#f5f5f5;
	z-index:9999;
	top:46px;
	width: 135px;
}

.sddm div a{
	position: relative;
	display: block;
	margin: 0 auto;
	
	padding: 5px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #f0f8ff;
	color: #075694;
	font: 11px arial;
	line-height:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6ed0ec;
}

.sddm div a:hover{	
    background: #fedd4f;
	color: #454545;}

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

#banner-bg {width:970px; height:405px; margin:0 auto; background:url(images/index_10.jpg) no-repeat; padding:20px 10px 0 20px;}
#banner {position:relative; width:960px; height:380px; overflow:hidden;}
#banner_list img {border:0px;}
#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;}

#Wrapper{
    background:url(bg.gif) repeat center top;
}

.height1{
    height:10px;
	clear:both;
}
.height2{
    height:30px;
	clear:both;
}
.height3{
    height:3px;
}

/* 首頁內容 */
.main{
    margin:0 auto;
	clear:both;
	width:1000px;
	overflow:hidden;
	height:auto;
}
.index-news{
    float:left;
	width:685px;
	margin:0 25px 0 20px;
}
.index-bt{
    float:left;
	width:258px;
	margin:0 7px 0 0;
}
.index-bt img{
	margin-bottom:10px;
}

/* 頁腳 */
.footer{
	width: 1000px;
	height:73px;
	padding-top:15px;
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	line-height:24px;
	background:url(images/index_20.jpg) no-repeat;
	text-align:center;
}
.footer a{
	color:#454545;
	text-decoration:none;
}
.footer a:hover{
	color:#0b5496;
	text-decoration:none;
}
.footer h3{
	font-size:12px;
	color:#666666;
	font-weight:normal;
}
.footer span{
	font-size:11px;
	color:#999999;
	-webkit-text-size-adjust: none;
}

/* 頁面內容 */
.page{
    margin:0 auto;
	clear:both;
	width:1000px;
	overflow:hidden;
	height:auto;
}
.left{
    float:left;
	width:200px;
	margin:0 15px 0 20px;
	}
	


	
#wenzhang a:link {
    color: rgb(102, 102, 102);
    text-decoration: none;
	padding-left: 20px;
}

#wenzhang a:hover  {
 text-decoration:none;font-weight:bold;
}

#wenzhang dt.data {
    background-color:#cccccc;
}
#wenzhang dt.data:hover {
    background-color:#0d4e8d;
	color:#FFFFFF;
}

 #wenzhang li {
  line-height: 30px; 
  background:#fff;
  color:#fff;
  list-style:none;

}
#wenzhang dd dl dt dd ul li a:hover {
 line-height: 30px; 
 background:#666;

 font-weight:bold;
 color:#ffffff;
}	


#wenzhang  dt{  /*一级目录的背景色*/
 border-bottom:#FFF 1px solid; /*下面的一条白边*/
 padding-left: 20px;line-height: 30px;
 font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 13px;
 font-weight: bold; color:#666; text-decoration:none;}

 #wenzhang li {
  width:200px;
 line-height: 30px; 
 list-style-type: none;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
  border-bottom:#FFF 1px solid;
   border-bottom:1px dashed #ccc;
 }
 

 


.center{
    float:left;
	width:745px;
	margin:0 20px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page-banner-bg {width:970px; height:215px; margin:0 auto; background:url(images/page_03.jpg) no-repeat; padding:5px 10px 0 20px;}
#page-banner {position:relative; width:960px; height:200px; overflow:hidden;}
#page-banner_list img {border:0px;}
#page-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;		/* 隱藏按鈕選單 */}
#page-banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#page-banner ul li.on { background:#900}
#page-banner_list a{position:absolute;}

.title{
    background:url(images/title.gif) no-repeat;
	line-height:28px;
	padding-left:25px;
	font-family:"微軟正黑體";
	font-size:18px;
	font-weight:bold;
	color:#121212;
	height:38px;
	margin-bottom:5px;
}
.product-title{
    background:url(images/product-title.gif) no-repeat;
	line-height:28px;
	padding-left:25px;
	font-family:"微軟正黑體";
	font-size:18px;
	font-weight:bold;
	color:#121212;
	height:38px;
	margin-bottom:5px;
}

.page-main{
	margin:0 auto;
	width:725px;
	padding:0px 10px 10px 8px;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.page-main ol{
	padding-left:20px;
}
.page-main ul{
	padding-left:20px;
}
.page-main a{
	color:#1d2088;
	text-decoration:none;
}
.page-main a:hover{
	color:#e60012;
	text-decoration:none;
}
.page-edit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#454545;
	line-height:24px;
	padding-left:20px;
}
.page-edit img{
    overflow:hidden;
	max-width:700px;
}


.page-tab{ 
    clear:both;
	margin:0;
	padding:0 0 0 20px;
	width:700px;
}

.sub-title{
    background:url(images/sub-title.gif) no-repeat;
	line-height:36px;
	padding-left:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#555555;
}

.product-catalog{
    padding:0 20px;
}
.product-catalog ul{
	list-style:none;
}
/*.product-catalog li{
	float:left; width:300px; height:200px; padding:10px; _display:inline; list-style:none;
}*/

.product-catalog li{
	float:left; width:220px; height:146px; padding:10px; _display:inline; list-style:none;
}
.mouse_p01, .mouse_p02, .mouse_p03, .mouse_p04, .mouse_p05, .mouse_p06{ width: 220px; height: 146px; display:block; background-size: 100% auto !important;} 
.mouse_p01:hover, .mouse_p02:hover, .mouse_p03:hover, .mouse_p04:hover, .mouse_p05:hover, .mouse_p06:hover{background-position:left bottom;}

.mouse_p01 {background: url(images/product01.jpg) no-repeat 0px 0px;}
.mouse_p02 {background: url(images/product02.jpg) no-repeat 0px 0px;}
.mouse_p03 {background: url(images/product03.jpg) no-repeat 0px 0px;}
.mouse_p04 {background: url(images/product04.jpg) no-repeat 0px 0px;}
.mouse_p05 {background: url(images/product05.jpg) no-repeat 0px 0px;}
.mouse_p06 {background: url(images/product06.jpg) no-repeat 0px 0px;}

/*.mouse_p01 {
	width: 300px;
	height: 200px;
	background: url(images/product01.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p01:hover {
	background-position:left bottom;
}
.mouse_p02 {
	width: 300px;
	height: 200px;
	background: url(images/product02.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p02:hover {
	background-position:left bottom;
}
.mouse_p03 {
	width: 300px;
	height: 200px;
	background: url(images/product03.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p03:hover {
	background-position:left bottom;
}
.mouse_p04 {
	width: 300px;
	height: 200px;
	background: url(images/product04.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p04:hover {
	background-position:left bottom;
}
.mouse_p05 {
	width: 300px;
	height: 200px;
	background: url(images/product05.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p05:hover {
	background-position:left bottom;
}
.mouse_p06 {
	width: 300px;
	height: 200px;
	background: url(images/product06.jpg) no-repeat 0px 0px;
	display:block;
}
.mouse_p06:hover {
	background-position:left bottom;
}*/

.back {
	padding:20px 0 10px 657px;
	clear:both;
	height: 25px;
}
.back2 {
	padding:20px 0 10px 635px;
	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;
		margin:20px 0;
		-webkit-text-size-adjust: none;
		color: #333;
}
.control a {
	display: inline-block;
	padding: 0px 5px 1px 5px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333333;
}
.control a:hover {
	display: inline-block;
	color: #e60012;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e60012;
}
.control a.on {
		font-weight: bold;
		background: #1d2088;
		border: 1px solid #1d2088;
		color: #fff;
}

.news{
    width:700px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#4d6a65;
	-webkit-text-size-adjust: none;	
}

.news .n-sub-title {
    color:#333333;
	font-size:13px;
}
.news .n-sub-title a{
    color:#333;
	font-size:13px;
	text-decoration:none;
}
.news .n-sub-title a:hover{
    color:#064a86;
	font-size:13px;
	text-decoration:none;
}
.news .n-date{
    color:#999999;
	font-weight:normal;
}
.news .n-main{
    color:#666666;
	font-weight:normal;
	font-size:12px;
}
.news .n-main a{
    color:#e31f48;
	text-decoration:none;
}
.news .n-main a:hover{
    color:#ff6600;
	text-decoration:none;
}
.news hr{
    color:#e9e9e9;
	margin:20px 0;
}


/*產品列表*/
.product{
    width:725px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#333333;
}
.product ul.product{ padding:0;} 
.product ul.product li{ float:left; width:158px; height:158px; padding:10px; _display:inline; list-style:none;} 
.product ul.product li .list{ float:left; width:300px; height:158px; padding:10px; _display:inline; list-style:none;} 
.product ul.product li img{ overflow:hidden; max-width:152px; max-height:114px;}
.product ul.product li h3{margin:4px 0px; color:#333333; font-size:13px; background:url(images/icon.gif) left top no-repeat; padding-left:15px;line-height:20px; font-weight:normal; 
}
.product ul.product li h3 a{color:#333333; text-decoration:none;}
.product ul.product li h3 a:hover{color:#1d2088; text-decoration:none;}

.pro-title{
	height:48px;
	line-height:42px;
	background-image:url(images/pro-title.gif);
	background-repeat:no-repeat;
	font-family:"微軟正黑體";
	letter-spacing: 1px;
	font-size:15px;
	color:#1a3990;
	font-weight:bold;
	padding-left:28px;
	clear:both;
}
.pro-text{
	padding:5px 0 5px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#666666;
}

.float1{
    float:right;
	margin-bottom:30px;
}

#form {
    margin:0px auto;
	width:700px;
}
#form th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	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;
	background-color: #f9f9f9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
	background-image: url(images/list.gif);
	background-repeat: no-repeat;
}
#form td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-align:left;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #ffffff;

}
#pic-bt{
	margin:12px 50px 10px 0;
}

/* 最新消息 */
.title-news{
	height:35px;
	line-height:35px;
	background-image:url(images/news-title.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size:13px;
	color:#454545;
	font-weight:bold;
}
#news td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding:3px 0;
}
#news .clink a {
    color:#666666;
	padding-left:5px;
	display:block;
	text-decoration: none;
}
#news .clink a:hover {
	color:#333333;
	padding-left:5px;
	display:block;
	text-decoration: none;
}
#news .date {
    font-size: 12px;
	color: #1d2088;
}

.news-page { 
	margin:0 auto;
	padding:0;
	width:730px;
}
.news-page .line { 
	float:left;
}
.news-page dl {
	margin:0;
	width:730px;
	clear:both;
	float:left;
}	
.news-page dt {
	font-size: 13px;
	line-height: 30px;
	color: #666;
	letter-spacing:1px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:630px;
}
.news-page dt.text {
    min-height:200px;
	overflow:visible;
}
.news-page dt img {
	margin:5px 0;
}
.news-page dd {
	font-size: 13px;
	line-height: 30px;
	color: #333333;
	letter-spacing: 1px;
	display:block;
	width:80px;
	float:left;
	background:url(images/list01.gif) no-repeat;
	padding-left:20px;
}



/* 檔案下載 */
.title-download{
	height:35px;
	line-height:35px;
	background-image:url(images/download-title.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size:13px;
	color:#454545;
	font-weight:bold;
}

.pdf{
    vertical-align:middle;
}




.work{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60px;
	letter-spacing:1px;
	line-height:400px;
	color:#454545;
	font-weight:bold;
	text-align:center;
}
.font_01{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
    color:#e60012;
}
.font_02{
    font-family:"微軟正黑體";
	font-weight:bold;
	line-height: 38px;
    font-size: 28px;
	color: #333333;
}
.font_03{
    font-family:"微軟正黑體";
	font-weight:bold;
	line-height: 24px;
    font-size: 13px;
	color: #333333;
}
.font_04{
    font-family:"微軟正黑體";
	font-weight:bold;
	line-height: 24px;
    font-size: 13px;
	color:#003399;
}
.font_05{
    font-family:"微軟正黑體";
	font-weight:bold;
	line-height: 24px;
    font-size: 15px;
	color:#003399;
}
.font_06{
    font-family:Arial, Helvetica, sans-serif;
	line-height: 22px;
    font-size: 13px;
	color: #333333;
}