@charset "utf-8";/* CSS Document */

/*-------css reset-------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input,img, p{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;}
ol,ul,li{list-style-type:none;padding: 0;margin: 0;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
a,a:hover,img,div,input,background{text-decoration: none;outline: none; /* for Firefox */border:none;
hlbr:expression(this.onFocus=this.blur()); /* for IE */}
input{color:#909090;font-family: "Arial", Gadget, sans-serif;}


body {
color:#303030;	
font-size: 12px;
line-height: 18px;
font-family: "Arial", Gadget, sans-serif;
background: #333;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
a:link, a:visited{color:#303030;}
a:hover {color:#000;}
a:active {color:#303030;}

/* WARAPPER*/
#wrapper{margin:0 auto;width:100%;overflow:hidden;background: #fff url(../images/idx_bg.jpg) repeat-x left 85px; }

/*HEADER*/
#header-wrap{
width:100%;
height:85px;
background: url(../images/header_bg.jpg) repeat-x top left;}

/*HEADER*/
#header{
width:970px;
overflow: hidden;
height:85px;
margin:0 auto;
background: url(../images/header_bg.jpg) repeat-x top left;}

/*LOGO*/
#logo{float:left;padding:0 35px;}
#logo a{background: url(../images/logo.jpg) no-repeat left top;
line-height: 900000px;
overflow: hidden;
display: block;width:92px;height:85px;}

/*LANGUAGE*/
#sec-menu{height:50px;}
#sec-m{float:left;margin-top:22px;}
#sec-m ul li{float:left;}
#sec-m ul li a, #sec-m ul li a:visited{float:left;color:#9f9f9f;background: url(../images/line001.gif) no-repeat left center;padding:0 10px;}
#sec-m ul li a:hover{color:#fff;}
#language{float:right;background: url(../images/language_bg.gif) no-repeat left 3px;color:#fff;padding-left:7px;margin-top:12px;}
#language select{color:#777;margin-left:8px;filter:alpha(opacity=95); -moz-opacity:0.95;opacity:0.95;}
#language a {margin-left:10px;color:#fff;}

/*MENU*/
#menu{float:right;height:30px;width:800px;}
#menu ul li{float:left;}
#menu ul li.m1 a{width:105px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_01.jpg) no-repeat left top;}
#menu ul li.m1 a:hover{width:105px;height:35px;display:block;background: url(../images/menu_c_01.jpg) no-repeat left top;}
#menu ul li.m2 a{width:86px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_02.jpg) no-repeat left top;}
#menu ul li.m2 a:hover{width:86px;height:35px;display:block;background: url(../images/menu_c_02.jpg) no-repeat left top;}
#menu ul li.m3 a{width:98px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_03.jpg) no-repeat left top;}
#menu ul li.m3 a:hover{width:98px;height:35px;display:block;background: url(../images/menu_c_03.jpg) no-repeat left top;}
#menu ul li.m4 a{width:102px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_04.jpg) no-repeat left top;}
#menu ul li.m4 a:hover{width:102px;height:35px;display:block;background: url(../images/menu_c_04.jpg) no-repeat left top;}
#menu ul li.m5 a{width:101px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_05.jpg) no-repeat left top;}
#menu ul li.m5 a:hover{width:101px;height:35px;display:block;background: url(../images/menu_c_05.jpg) no-repeat left top;}
#menu ul li.m6 a{width:103px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_06.jpg) no-repeat left top;}
#menu ul li.m6 a:hover{width:103px;height:35px;display:block;background: url(../images/menu_c_06.jpg) no-repeat left top;}
#menu ul li.m7 a{width:100px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_07.jpg) no-repeat left top;}
#menu ul li.m7 a:hover{width:100px;height:35px;display:block;background: url(../images/menu_c_07.jpg) no-repeat left top;}
#menu ul li.m8 a{width:104px;height:35px;display:block;line-height: 900000px;overflow: hidden;background: url(../images/menu_08.jpg) no-repeat left top;}
#menu ul li.m8 a:hover{width:104px;height:35px;display:block;background: url(../images/menu_c_08.jpg) no-repeat left top;}

/*FLASH*/
#swfNav{width:970px;height:330px;margin-bottom:30px;
background: url(../images/flash_bg_3.jpg) no-repeat left top;}
#swfNav_page{width:970px;height:140px;padding-top:8px;
background: url(../images/flash_bg.jpg) no-repeat left top;}

/*MASTER*/
#master{width:970px;margin:0 auto;overflow:hidden;padding-bottom:40px;}

/*FOOTER*/
#footer{width:100%;color:#717171;background: #333 url(../images/footer_bg.jpg) repeat-x left top;}
.footer_menu{width:970px; margin:0 auto;}
.footer_menu ul li{float:left;hieght:27px;border-right: 1px solid #bbb;padding: 4px;width:95px;text-align: center;}
.footer_word{width:970px; margin:0 auto;padding:20px 0 30px 0;color:#979797;clear:both;}
.footer_word a{color:#d3d3d3;}
.footer_word a:hover{color:#FFF;}
.footer_word span{color:#4e9be5;}

/*首頁內容*/
.idx_pic{float:left;margin-right:20px;}
.idx_pic2{float:left;margin-left:15px;}
.idx_about{float:left;width:210px;overflow:hidden;}
.idx_about h1, .idx_title{padding-left:20px;font-size:18px;color:#191818;line-height:22px;margin-bottom:2px;
background: url(../images/icon001.gif) no-repeat left 3px;padding-left:12px;font-weight:bold;}
.idx_about p{font-size:12px;font-weight: normal;padding-top:10px;line-height:18px;letter-spacing: 0pt;line-height:18px;}

.idx_prods{float:left;width:140px;overflow:hidden;margin-left:10px;}
.idx_prods ul li{margin-left:3px;padding:0 0 2px 8px;text-decoration: underline;background: url(../images/icon002.gif) no-repeat left 8px;}
.idx_prods ul li span{display:block;}

.idx_news{float:right;width:180px;overflow:hidden;}
.idx_prods ul, .idx_news ul{margin-top:16px;}
.idx_news ul li{border-bottom:1px dotted #9f9f9f;padding-bottom:5px;margin-bottom:10px;}
.idx_news ul li span{display:block;}

.idx_c{float:right;margin:15px 20px 0 0;}

.btn_more a, .btn_more a:visited{font-weight:bold;font-size:10px;-webkit-text-size-adjust:none;display: block;width:30px;height:15px;
background: url(../images/btn_more.gif) no-repeat left center;padding-left:10px;color:#007cd3;line-height:15px;margin-top:5px;}
.btn_more a:hover{display: block;background: url(../images/btn_more.gif) no-repeat left center;padding-left:10px;
width:30px;height:15px;color:#000;line-height:15px;}

#search{width:245px;margin-top:20px;}
#search .idx_title{margin-bottom:5px;}
.search_bg{background-color: #131313;border:#991200 1px solid;height:20px;width:205px;float:left;}
.search_btn{float:right;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
/*base set*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
.clearboth{clear:both;}

.flR{float:right;}
.flL{float:left;}