@charset "utf-8";
/* CSS Document */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; font-size:14px; font-family:Verdana, Geneva, sans-serif, Calibri; color:#666;}
a{text-decoration:none;color:#686868;}
a:hover{ color:#2CA0D3}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
.clear{ clear:both; height:0px; padding:0; margin:0; overflow:hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 120px;}  /* 必須使用和footer相同的高度 */
 
#wrapper{ position:relative; width:100%; margin:0 auto;}

#header{position:relative; width:100%; background-image: url(header_bg-2.jpg); background-repeat: no-repeat; background-position: center top; background-color: #FFFFFF;}

#header1000{position:relative; width:1000px; margin:0px auto 0px;}
#headerleft{ width:600px; float:left;}
#headerright{width:400px; float:right; background:url(header_01-2.png) no-repeat right center; height:105px;}

#headermenu{position:relative; width:600px; margin:11px auto 0px;}
#headermenu li{ position:relative; float:left; cursor:pointer; display: block;}
#headermenu li.logo {width:480px; background:url(logo-2.png) no-repeat left center; height: 58px; position: relative;}
#headermenu p{text-align:left; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
#headermenu p a{color:#002AFF; text-decoration: underline; line-height: 34px; font-size: 13px;}
#headermenu p a:hover{color:#FF6000;}

#headermenu1{position:relative; width:1000px; margin:0px auto;}
#headermenu1 li{ position:relative; float:left;  cursor:pointer}
#headermenu1 li a{display:block}
#headermenu1 li.menu0 a{width:83px; background:url(btn_01_02-3.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu0 a:hover{background:url(btn_01_01-3.jpg) no-repeat;}
#headermenu1 li.menu1 a{ width:112px; background:url(btn_02_02-3.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu1 a:hover{background:url(btn_02_01-3.jpg) no-repeat;}
#headermenu1 li.menu2 a{ width:118px; background:url(btn_03_02-2.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu2 a:hover{background:url(btn_03_01-2.jpg) no-repeat;}
#headermenu1 li.menu3 a{ width:117px; background:url(btn_04_02-2.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu3 a:hover{background:url(btn_04_01-2.jpg) no-repeat;}
#headermenu1 li.menu4 a{ width:130px; background:url(btn_05_02-2.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu4 a:hover{background:url(btn_05_01-2.jpg) no-repeat;}
#headermenu1 li.menu5 a{ width:132px; background:url(btn_06_02-2.jpg) no-repeat; height: 38px;}
#headermenu1 li.menu5 a:hover{background:url(btn_06_01-2.jpg) no-repeat;}
#headermenu1 li.menu6 a{width:88px; background:url(btn_07_01-2.jpg) no-repeat right center; height: 38px;　margin-left: 133px;}
#headermenu1 li.menu6 a:hover{background:url(btn_07_02-2.jpg) no-repeat right center;}
#headermenu1 li.menu7 a{width:87px; background:url(btn_08_01-2.jpg) no-repeat right center; height: 38px;}
#headermenu1 li.menu7 a:hover{background:url(btn_08_02-2.jpg) no-repeat right center;}
#headermenu1 li.menu8 a{width:87px; background:url(btn_09_01-2.jpg) no-repeat right center; height: 38px;}
#headermenu1 li.menu8 a:hover{background:url(btn_09_02-2.jpg) no-repeat right center;}


#footer{ width:100%; background:url(footer_01-2.gif) repeat-x center top; height:45px;}
#footer0{position:relative; width:1000px; margin:0px auto; height: 80px;}

#footer1{width:60px; float:left; position:relative;}
#footerlogo{position:relative; width:60px; margin:3px auto 0px;}
#footerlogo li{ position:relative; float:left;  cursor:pointer}
#footerlogo li a{display:block}
#footerlogo li.logo a{width:45px; background:url(footer_logo-2.jpg) no-repeat left center; margin-right:65px; height: 45px;}

#footer2{width:780px; float:left; position:relative;}
#footercompany {padding:0; position:relative}
#footercompany p{text-align:left; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
#footercompany p a{color:#2CA0D3; text-decoration: underline;}
#footercompany p a:hover{color:#3366CC;}

#footer3{width:160px; float:right; position:relative;}
#footerurl {padding:0; position:relative; float: right;}
#footerurl p{text-align:left; line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
#footerurl p a{color:#2CA0D3; text-decoration: underline;}
#footerurl p a:hover{color:#3366CC;}

#mainvis_home{ width:100%; background:url(img_04-2.jpg) no-repeat center top; height:430px;}
#mainvis_about{ width:100%; background:url(about_01-2.jpg) no-repeat center top; height:124px;}
#mainvis_products{ width:100%; background:url(products_01-2.jpg) no-repeat center top; height:124px;}
#mainvis_news{ width:100%; background:url(news_01-2.jpg) no-repeat center top; height:124px;}
#mainvis_download{ width:100%; background:url(download_01-2.jpg) no-repeat center top; height:124px;}
#mainvis_contact{ width:100%; background:url(contact_01-2.jpg) no-repeat center top; height:124px;}

#content{position:relative; width:1000px; margin:0px auto 40px;}
#left{ width:300px; float:left; position:relative}
#right{ width:700px; float:left; position:relative; padding-top: 5px;}

#submenu li{padding:0px;}
#submenu li.menu a{
 display:block;
 color: #6F6E73;
 padding: 7px 5px 7px 32px;
 background-color: #FFFFFF;
 background-image: url(submenu_01-2.gif);
 background-repeat: repeat-x;
 background-position: left top;
 font-size: 14px;
 margin: 0px;
 width: 173px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCCCCC;
}
#submenu li.menu a:hover{color: #0067B6;background-image: url(submenu_02-2.gif);}

#about_menu2{ width:220px; background:url(about_03-2.jpg) no-repeat; height:145px;}

#about{ padding:0 0px; position:relative; width: 700px;}
#about h1{padding:0px 0 20px 25px; background:url(img_01-2.jpg) no-repeat left bottom;}
#about h2{color:#2B88D5; font-size:16px; padding:10px 0; font-family: "微軟正黑體"; font-weight: bold;}
#about h3{ color:#2B88D5; font-size:24px; padding:10px 0 0px; font-family: "微軟正黑體"; font-weight: bold; line-height: 24px;}
#about h4{ border: 1px solid #CCCCCC;display: block; float: left;padding: 4px; margin-bottom: 7px;}
#about h5{ border: 1px solid #CCCCCC; display: block; float: left;padding: 2px;margin-bottom: 7px; margin-right: 7px;}
#about h6{display: block; float: left;background-color: #EFEFEF;width: 660px; padding: 15px;margin-top: 20px;margin-bottom: 0px; margin-right: 0px; margin-left: 0px;}
#about h7{padding: 5px 0px;}
#about p{text-align:left;padding:10px 0px;font-size: 13px;line-height: 20px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #696969;}
#about p a{ color:#2CA0D3; text-decoration: underline;}
#about p a:hover{ color:#3366CC}

#about1 p{text-align:left;padding:2px 0px;font-size: 13px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #696969;}

#products_menu2{ width:220px; background:url(products_03-2.jpg) no-repeat; height:135px;}

#products_menu3{position:relative; width:217px; margin:10px 0px 0px; float: left;}
#products_menu3 li{ position:relative; float:left;  cursor:pointer}
#products_menu3 li a{display:block}
#products_menu3 li.menu0 a{width:217px; background:url(btn_01_01-4.jpg) no-repeat; height: 38px;}
#products_menu3 li.menu0 a:hover{background:url(btn_01_02-4.jpg) no-repeat;}
#products_menu3 li.menu1 a{width:217px; background:url(btn_02_01-4.jpg) no-repeat; height: 38px;}
#products_menu3 li.menu1 a:hover{background:url(btn_02_02-4.jpg) no-repeat;}

#contact_menu2{ width:220px; background:url(contact_03-2.jpg) no-repeat; height:145px;}



#news li{ padding:8px 5px 8px 20px; background:url(../row.html) left center no-repeat; border-bottom:1px dashed #ddd;}
#news p{ padding:8px; text-align:right;}
#news p a{ color:#000}
#news p a:hover{ color:#990}
#news li p{ padding:0; float:right;  font-size:11px; color:#bbb; letter-spacing:normal}
#news li a{ color:#069; float:left }
#b_ad p{ margin-top:5px;}
#b_ad p img{ border:1px  solid #ccc;}
#i_link h1{ padding:5px 0}
#i_link .imgad li{  margin-top:5px; text-align:center}
#i_link .imgad li img{border:1px solid #ccc;}
#i_link .imgad li img:hover{border:1px solid #666;}
#i_link .wordad li{ padding:8px 12px; border-bottom:1px dashed #ddd;}
#epaper p{ padding:5px;}
#epaper p input{ border:1px solid #ccc; padding:5px; cursor:pointer}
#epaper p.btn{ text-align:right}
#epaper p.btn input{ border:0px; background:#ccc; color:#fff; margin-left:5px;}
#epaper p.btn input:hover{ background:#9C0}

#newslist{padding:0 0px; position:relative;}
#newslist h1{background:url(img_01-2.jpg) no-repeat left bottom; padding-bottom: 20px; padding-left: 25px;}
#newslist h1 span{font-size:11px; color:#bbb; font-weight:normal}
#newslist h2{color:#2B88D5; font-size:16px; font-family: "微軟正黑體"; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; background-image: url(bg-2.gif); background-repeat: no-repeat; background-position: left center; padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
#newslist li{ background:#FFFFFF url(bg-2.gif) no-repeat left center; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; padding-right: 5px; padding-left: 20px; padding-top: 12px; padding-bottom: 12px;}
#newslist li:hover{ background:#EFEFEF url(bg-2.gif) no-repeat left center; color: #3399CC;}
#newslist li a{ color:#666; float:left; font-size: 15px;}
#newslist li a:hover{color:#3366CC; font-size: 15px; background:#EFEFEF;}
#newslist li p{ padding:0; float:right; font-size:11px; color:#bbb; letter-spacing:normal; }
#newslist p.pages{ padding:15px 5px 8px; text-align:center;}


#download{padding:0 0px; position:relative;}
#download li{background:#FFFFFF url(bg-2.gif) no-repeat left center; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; padding-right: 5px; padding-left: 20px; padding-top: 12px; padding-bottom: 12px;}
#download li:hover{ background:#EFEFEF url(bg-2.gif) no-repeat left center;}
#download li a{float:right;font-size: 15px;}
#download li a:hover{font-size: 15px;}
#download li p{ font-size: 15px; padding:0; float:left;color:#666; letter-spacing:normal; line-height:20px; height:20px;}
#download p.pages{ padding:15px 5px 8px; text-align:center;}
#download h1{background:url(img_01-2.jpg) no-repeat left bottom; padding-bottom: 20px; padding-left: 25px;}

#area p{ line-height:1.5em; letter-spacing:1px; padding:5px 0;}
#area h3{ font-weight:bold; font-size:14px; color:#069; padding:5px 0; border-bottom:1px dashed #ccc;}
#class h1{font-size:16px; color:#06C; font-weight:bold;}
#class h1 span{font-size:11px; color:#bbb; font-weight:normal}
#class table{ margin-top:10px;}
#class table td,#class table th{ border:1px solid #999; padding:5px;}
#class table th{ background:#069; color:#FFF; text-align:center;}
#class table th.th1{width:30%;}
#class table th.th2{}
#class table th.th3{width:8%;}
#class table th.th4{}
#class table th.th5{width:15%;}
.s1301 {font-size: 13px; color: #666666;}
.s1302 {font-size: 13px; color: #3366FF;}



#homecontent{position:relative; width:1000px; margin:0px auto 40px;}

#homeleft{ width:320px; float:left; position:relative;}
#homenews{padding:0; position:relative;}
#homenews p{text-align:left;padding:10px 0px;font-size: 13px;line-height: 20px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #696969;}
#homenews p a{color:#2CA0D3; text-decoration: underline;}
#homenews p a:hover{ color:#3366CC}


#homeright{ width:680px; float:left; position:relative;}
#homecompany {padding:0; position:relative;}
#homecompany p{text-align:left;padding:10px 0px;font-size: 13px;line-height: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #696969;}
#homecompany p a{color:#2CA0D3; text-decoration: underline;}
#homecompany p a:hover{color:#3366CC;}

#homesubmenu li{padding:0px;}
#homesubmenu li.menu a{ display:block; color: #686868; padding: 7px 0px 6px 18px; background-color: #FFFFFF; font-size: 13px; margin: 0px; width: 275px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E7E8; line-height: 18px; background-image: url(img_01-2.gif); background-repeat: no-repeat; background-position: left top;}
#homesubmenu li.menu a:hover{ color: #2CA0D3; background-color: #E8F4F9; background-image: url(img_02-2.gif); background-repeat: no-repeat; background-position: left top;}
.homeflash {background-image: url(img_04-2.jpg); background-repeat: no-repeat; background-position: center top;}

div#abgne_marquee {
 position: relative;
 overflow: hidden; /* 超出範圍的部份要隱藏 */
 width: 600px;
 height: 34px;
}
div#abgne_marquee ul, div#abgne_marquee li {
 margin: 0;
 padding: 0;
 list-style: none;
}
div#abgne_marquee ul {
 position: absolute;
}
div#abgne_marquee ul li a {
 display: block;
 overflow: hidden; /* 超出範圍的部份要隱藏 */
 font-size:13px;
 height: 34px;
 line-height: 34px;
 padding-left: 40px;
 text-decoration: none;
 color:#002AFF;
 background: url(header_hot-2.gif) no-repeat 0px 10px;
}
div#abgne_marquee ul li a:hover{color:#FF6000;}