@charset "utf-8";
/* design by showhau */
/*----------抬頭地方要加-----------------------------
-----------------------------------------------------*/
/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none} /* For Firefox */
/*----------網頁png----------*/
div, img {
behavior:url(iepngfix.htc);
}
body{
font-family:Arial, "新細明體", "細明體";
}
/*--------------------------------------*/
#main{
margin:auto;
width:800px;
margin-top:20px;
clear:both;
}
#top{
clear:both;
padding-bottom:5px;
height:85px;
vertical-align:bottom;
}
#lan{
font-size:13px;
float:right;
background:#464646;
color:#FFFFFF;
word-spacing:15px;
padding:2px 5px 0px 5px;
height:18px;
border:1px #FFFFFF solid;
}
#lan a{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
#lan a:hover{
color:#999999;
}
#banner{
clear:both;
}
#banner span img{
float:right;
}
#content{
clear:both;
}
/*------------------- ------------------------------ top menu -----------------*/
#menu{
font-size:13px;
color:#464646;
float:right;
width:400px;
text-align:right;
padding-top:40px;
padding-right:-20px;
}
#menu a{
color:#464646;
text-decoration:none;
padding:0px 25px;
word-spacing:3px;
}
#menu a:hover{
color:#0056c9;
text-decoration:underline;
}
/*------------------- ------------------------------------------ left ------------*/
#left{
float:left;
width:199px;
padding-bottom:10px;
}
#mn{
font-size:12px;
line-height:24px;
border-top:4px #d20003 solid;
border-right:4px #d20003 solid;
border-bottom:4px #d20003 solid;
padding:10px 0 20px 0;
}
#mn a{
background:url(images/icon_mn.jpg) no-repeat;
background-position:0px 9px;
color:#000000;
display:block;
text-decoration:none;
padding-left:20px;
border-bottom:1px #999999 dashed;
}
#mn a:hover{
background:url(images/icon_mn2.jpg) no-repeat;
background-position:3px 9px;
color:#EC0006;
padding-left:30px;
}
/*---------------------------------------------------------------------------- right --------------*/
#right{
float:right;
width:592px;
}
#info{
clear:both;
width:592px;
background:url(images/tit_bg.jpg) repeat-x;
height:45px;
padding-top:15px;
padding-bottom:10px;
}
#tit{
float:left;
padding-left:10px;
}
#ser{
font-size:11px;
color:#000000;
float:right;
padding-top:15px;
padding-right:10px;
}
/*----------------------------------------------------------------------------- company --------------*/
.com{
font-size:11px;
line-height:20px;
clear:both;
}
.com b{
font-size:11px;
font-weight:normal;
background:url(images/com_tit.jpg) no-repeat;
color:#FFFFFF;
width:113px;
height:17px;
display:block;
text-align:right;
padding-right:5px;
line-height:18px;
}
.com tr td{
vertical-align:top;
padding-bottom:5px;
}
.com tr th{
border-top:1px #999999 dashed;
padding-bottom:none;
}
.com a{
color:#33A8FF;
}
/*------------------------------------------------------------------------------ product ---------------*/
#prot{
font-size:16px;
font-weight:bold;
color:#E10005;
background:url(images/icon_prot.jpg) no-repeat;
background-position:0px 6px;
padding-left:7px;
margin-left:10px;
text-decoration:underline;
}
#pro{
margin-bottom:15px;
}
.pro{
font-size:11px;
background:url(images/bg_pro.jpg) no-repeat;
height:115px;
width:280px;
padding:10px 0 0 15px;
}
.pro:hover{
background:url(images/bg_pro2.jpg) no-repeat;
}
.pro a{
color:#0061d9;
}
.pro a b{
background:url(images/icon_pro.jpg) no-repeat;
background-position:0px 4px;
color:#0061d9;
padding-left:10px;
}
.pro a:hover b{
color:#999999;
text-decoration:none;
}
.pro a img{
border:1px #FFFFFF solid;
display:block;
}
.pro a:hover img{
border:1px #0061d9 solid;
}
/*------------------------------------- specification ---------*/
#model{
margin-left:10px;
}
#model b{
font-size:16px;
color:#0533ca;
background:url(images/icon_model2.gif) no-repeat;
background-position:0px 3px;
padding-left:15px;
padding-bottom:5px;
display:block;
}
#model span{
font-size:12px;
background:url(images/icon_model.jpg) no-repeat;
background-position:2px 5px;
color:#666666;
padding-left:10px;
padding-bottom:20px;
display:block;
}
/*-------*/
.model{
font-size:13px;
width:550px;
border:2px #d4e4fb solid;
line-height:18px;
text-align:center;
margin-left:10px;
}
.model tr {
padding:3px 0;
}
.model tr th{
background:#eff6fc;
color:#326184;
border-bottom:1px #d4e6f2 solid;
border-right:1px #d4e6f2 solid;
}
.model tr td{
border-right:1px #d4e6f2 solid;
}
/*----------------------------------------------------------- other ------------*/
#tab{
font-size:12px;
color:#000000;
line-height:24px;
margin:0px 0px 20px 0px;
padding:0px 10px;
width:520px;
border-top:3px #1084C9 solid;
border-bottom:1px #CCCCCC solid;
}
#tab b{
color:#666666;
display:block;
text-align:center;
}
#tab tr th{
background:#EBF4FC;
color:#032269;
border-bottom:1px #1084C9 solid;
}
#tab tr td{
border-bottom:1px #666666 solid;
}
/*----------------------------------------------------------------------------- CONTACT --------------*/
#con span{
color:#EC0006;
}
.tdcolor-main04 {
font-size: 9pt;
font-family:"Arial";
color:#3A6D8B;
background: #E4EFF5;
border-top:2px #8CAFC6 solid;
border-bottom:1px #D8E6EB solid;
}
.tdcolor-main05 {
font-size: 9pt;
font-family:"Arial";
color: #767B76;
background: #FFFFFF;
border-top:2px #8CAFC6 solid;
border-bottom:1px #D8E6EB solid;
}
.tdcolor-04 {
font-size: 9pt;
font-family:"Arial";
color: #3A6D8B;
background: #DDE9EF;
border-bottom:1px #D8E6EB solid;
}
.tdcolor-05 {
font-size: 9pt;
font-family:sans-serif, Arial, Dotum, Helvetica, geneva,;
color: #666666;
background: #FFFFFF;
border-bottom:1px #D8E6EB solid;
}
/*----------------------------------------------------------------------------- copy -------------*/
#footer{
background:url(images/foot_bg.jpg) repeat-x;
clear:both;
}
#foot{
font-size:10px;
color:#FFFFFF;
text-align:center;
height:45px;
padding-top:15px;
}
#foot a{
color:#CCCCCC;
}
#copy, #copy a{
font-size:10px;
color:#c0c0c0;
cursor:text;
margin:auto;
width:800px;
text-align:right;
text-decoration:none;
}