@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;}


body {
color:#555;
font-size: 12px;
line-height: 18px;
font-family: "Arial", Gadget, sans-serif;
background:#005d81 url(../images/bg.jpg) no-repeat center top;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
a:link, a:visited{color:#5a5a5a;}
a:hover {color:#000;}
a:active {color:#000;}

/* WARAPPER*/
#wrapper{
margin:0 auto;
width:990px;
overflow:hidden;
padding-bottom:20px;}

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

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

/*次選單*/
#sec_menu{height:50px;float:right;margin-top:15px;}
#sec_menu ul{float:left;font-size:11px;-webkit-text-size-adjust:none;}
#sec_menu ul li{float:left;margin-left:20px;text-align:center;}
/*language*/
#language{float:left;_width:150px;}
#language ul{background:#000;height:25px;margin:10px 0 0 15px;_margin:10px 0 0 10px;}
#language ul li{float:left;color:#fff;margin:4px 10px 0 10px;}
#language ul li a, #language ul li a:visited{color:#fff;}
#language ul li a:hover{color:#fff;text-decoration: underline;}

/*menu*/
#menu{overflow:hidden;height:30px;clear:right;}
#menu ul{}
#menu ul li{float:left;color:#000;text-align:center;font-size:14px;font-weight:bold;}
#menu ul li a, #menu ul li a:visited{color:#000;display:block; height:30px;padding:5px 1.5em 0 1.5em;background:url(../images/line001.gif) no-repeat right 3px;}
#menu ul li a:hover{background:#006fb6;color:#FFF;height:30px;display:block;}

/*footer*/
#footer{background:#0c1824 url(../images/footer_bg.jpg) repeat-x left top;padding-bottom:20px;color:#5f676f;overflow:hidden;}
#footer a{color:#5f676f;}
#footer a:hover{color:#fff;}
.f_menu, .f_info{width:970px;margin:0 auto;}
.f_menu{padding-top:5px;margin-bottom:15px;overflow:hidden;}
.f_menu ul li {float:left;margin-right:20px;}
.f_menu ul li a{color:#5f676f;}
.f_menu ul li a:hover{color:#CCC;}


/*banner*/
#idx_banner{width:990px;margin:0 auto;}

/*master*/
#master{
width:970px;
margin:0 auto;
overflow:hidden;
background: url(../images/idx_info_bg.gif) no-repeat left top;
padding-bottom:15px;}

/*index_info*/
.idx_news{float:left;width:356px;margin:20px 0 0 20px;_margin:20px 0 0 8px;}
.idx_news img{float:left;}
.idx_news_list{width:230px;float:right;margin-bottom:12px;line-height:15px;}
.idx_news_title a{color:#000;font-weight:bold;text-decoration: underline;display:block;margin-bottom:5px;}
.idx_news_title a:hover{color:#0080dc;}
.idx_news h2{color:#000;font-size:14px;margin-bottom:12px;}
.idx_about{float:left;width:400px;margin:20px 0 0 30px;}
.idx_about img{float:left;padding:5px;border:#CCC 1px solid;margin:0 12px 8px 0;background:#fdfdfd;}
.idx_about h1{color:#000;font-size:18px;margin-bottom:12px;background: url(../images/line003.gif) repeat-x left bottom;padding-bottom:10px;}
.idx_contact{float:left;width:100px;}
.idx_img{margin:20px 0 0 0;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;}


.color001{color:#06F;}
