@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:920px;
}
/*-------------------------------------------------------- top --------*/
#top{
clear:both;
}
#top img{
float:left;
}
#lan{
font-size:10px;
float:right;
text-align:center;
line-height:14px;
padding-top:5px;
_padding-bottom:30px;
*padding-bottom:30px;
padding-bottom:50px;
}
#lan a{
color:#737373;
text-decoration:none;
background:#e5e5e5;
border:1px #a6a4a4 solid;
height:14px;
width:70px;
display:block;
float:left;
margin-right:5px;
}
#lan a:hover{
background:#2b1a46;
color:#FFFFFF;
}
#menu{
font-size:11px;
color:#636363;
float:right;
width:575px;
}
#menu a{
color:#636363;
text-decoration:none;
padding:0px 20px;
}
#menu a:hover{
color:#999999;
text-decoration:underline;
}
/*-------------------------------------------- banner -------------*/
#banner{
background:url(images/banner.jpg) no-repeat;
clear:both;
width:720px;
height:40px;
padding:240px 0 0 200px;
}
/*---------------------------------------------------------------- content -------------*/
#content{
clear:both;
}
#left{
float:left;
width:187px;
}
/*----------- left 左邊 ---------*/
#mn{
font-size:12px;
line-height:24px;
background:#eaeade;
width:187px;
padding-top:5px;
}
#mn a{
color:#717171;
text-decoration:none;
display:block;
border-bottom:1px #FFFFFF solid;
padding-left:15px;
margin-left:15px;
}
#mn a:hover{
color:#c92d92;
}
#video img{
margin-top:10px;
}
/*----------- right 右邊 --------*/
#right{
float:right;
text-align:left;
width:730px;
}
/*-------------------------------------------------------------------------------------------------- company ------*/
#com{
font-size:12px;
line-height:20px;
padding:20px 10px 20px 35px;
}
#com span{
display:block;
padding-bottom:15px;
}
#com b{
padding-left:20px;
}
#com a{
font-size:11px;
font-style:italic;
color:#FF0000;
}
/*------------------------------------------------------------------------------------------------- product ------*/
#model{
font-size:13px;
font-weight:bold;
color:#c92d91;
background:url(images/icon_model.jpg) no-repeat;
background-position:0px 7px;
margin:15px 0 0 20px;
padding:0 0 0 15px;
}
#model span{
font-size:16px;
}
#pro{
font-size:11px;
font-weight:bold;
color:#4e4e4e;
text-align:center;
width:720px;
margin:5px 5px 10px 5px;
}
#pro b{
font-size:12px;
color:#000000;
text-align:left;
display:block;
padding:10px 0 3px 25px;
}
#pro a{
color:#4e4e4e;
text-decoration:none;
text-align:center;
}
#pro a:hover{
color:#c92d91;
text-decoration:underline;
}
#pro a img{
border:none;
}
#pro a span{
display:block;
padding-top:3px;
}
#pro tr th{
border-bottom:1px #999999 solid;
}
#pro2{
font-size:12px;
margin:50px 0 0 25px;
}
#pro2 strong{
font-style:italic;
color:#E10005;
display:block;
}
#pro2 img{
display:block;
}
#pro2 b{
display:block;
}
#pro3{
font-size:12px;
color:#000000;
}
#pro3 strong{
font-size:13px;
color:#E30005;
display:block;
}
#pro3 img{
float:left;
padding-right:3px;
padding-bottom:10px;
}
/*--------------------------*/
.pro_line{
border-right:1px #CCCCCC solid;
}
/*--------------------------------------------------------- product bbbbbbb-------------*/
#title{
font-size:12px;
color:#333333;
margin:15px 0 0 20px;
padding:0 0 10px 15px;
}
#title b{
font-size:17px;
font-weight:bold;
color:#000000;
background:url(images/icon_title.gif) no-repeat;
background-position:0px 3px;
display:block;
padding-left:15px;
padding-bottom:10px;
margin-left:-12px;
}
#title span{
font-size:15px;
font-weight:bold;
color:#c92d91;
display:block;
background:url(images/icon_news1.jpg) no-repeat;
background-position:0px 6px;
padding-left:20px;
padding-bottom:2px;
}
#title img{
display:block;
padding-bottom:5px;
}
/*---------------------*/
#title2{
font-size:12px;
color:#333333;
margin-left:35px;
}
#title2 tr{
vertical-align:top;
}
#title2 tr td #tit{
padding-left:10px;
}
#title2 tr td #tit img{
display:block;
padding-top:10px;
}
/*----------------------*/
#tit{
font-size:12px;
color:#000000;
padding:10px 0 10px 35px;
line-height:18px;
display:block;
}
#tit b{
font-style:italic;
color:#E10005;
display:block;
}
#tit i{
background:url(images/icon_tit.gif) no-repeat;
background-position:2px 6px;
font-style:normal;
display:block;
padding-left:15px;
}
#tit img{
display:block;
padding-top:10px;
}
#spet{
font-size:12px;
color:#000000;
padding-top:10px;
padding-left:35px;
line-height:18px;
}
#spet b{
font-style:italic;
color:#E10005;
display:block;
}
.spet{
font-size:12px;
width:600px;
border:1px #666666 solid;
}
.spet th{
background:#568ec5;
color:#FFFFFF;
text-align:center;
}
.spet tr td{
padding-left:3px;
border:1px #666666 solid;
}
/*-------------- 2222-----*/
.spet2{
font-size:12px;
width:350px;
line-height:20px;
margin-bottom:20px;
}
.spet2 th{
background:#EBF4FC;
color:#568ec5;
text-align:left;
padding-left:5px;
}
.spet2 tr td{
padding-left:5px;
}
.spet2 a{
font-style:italic;
color:#FF0000;
}
/*-------------------------------------------*/
#back{
font-size:14px;
display:block;
text-align:right;
margin-right:10px;
}
#back a{
background:url(images/icon_back.jpg) no-repeat;
background-position:0px 6px;
color:#666666;
text-decoration:none;
padding-left:10px;
}
#back a:hover{
color:#0d8593;
text-decoration:underline;
padding-left:7px;
}
/*---------------------------------------------------------------------------------------------- news -------------*/
#news{
font-size:13px;
line-height:20px;
color:#000000;
clear:both;
margin:auto;
width:700px;
padding:15px 0 0 0;
}
#news span{
background:url(images/icon_news1.jpg) no-repeat;
background-position:0px 8px;
display:block;
padding-left:20px;
padding-bottom:10px;
margin:0 15px;
}
.new1{
background:url(images/news01.jpg) no-repeat;
width:620px;
height:85px;
padding:35px 0 0 10px;
margin-top:15px;
margin-left:10px;
}
.new1 a{
color:#ec0000;
display:block;
width:160px;
}
.new1 a:hover{
background:#FF0000;
color:#FFFFFF;
width:160px;
text-decoration:none;
padding-left:5px;
height:20px;
}
.new2{
background:url(images/news02.jpg) no-repeat;
width:640px;
height:150px;
margin-left:10px;
padding:50px 0 0 45px;
line-height:24px;
}
.new2 a{
font-size:12px;
background:url(images/icon_news2.jpg) no-repeat;
background-position:0px 7px;
color:#de0000;
display:block;
padding-left:12px;
text-decoration:none;
padding-right:15px;
}
.new2 a:hover{
color:#666666;
text-decoration:underline;
}
/*------------------------------------------------------------------------------------------- Achivement 事績 ----------*/
#ok{
padding:15px 0 0 40px;
clear:both;
}
#ok img{
display:block;
clear:both;
padding-bottom:10px;
}
.ok{
font-size:11px;
color:#444444;
line-height:14px;
background:url(images/achiev_bg.jpg) no-repeat;
width:250px;
height:70px;
padding:20px 0 0 60px;
float:left;
margin-right:20px;
margin-bottom:10px;
}
.ok a{
color:#444444;
text-decoration:none;
}
.ok a:hover{
color:#c92d92;
text-decoration:underline;
}
.ok b{
font-size:16px;
color:#2f8927;
line-height:18px;
display:block;
}
/*------------------------*/
#achiev{
padding:3px;
}
#achiev a img{
border:3px #EAEADE solid;
padding-bottom:0px;
}
#achiev a:hover img{
border:3px #31035A solid;
}
#achiev2{
font-size:12px;
color:#333333;
padding-bottom:0;
text-align:center;
}
#achiev2 img{
padding:0;
margin:0;
}
.achiev{
font-size:12px;
color:#333333;
line-height:20px;
padding-bottom:5px;
}
.achiev a{
font-style:italic;
color:#00AE6f;
}
.achiev b{
text-decoration:underline;
}
.model{
font-size:13px;
font-weight:bold;
color:#c92d91;
background:url(images/icon_achieve.gif) no-repeat;
background-position:0px 3px;
margin:15px 0 0 0;
padding:0 0 0 15px;
}
/*----------------------------------------------------------------------------------------------- Contact Us ---------*/
#con_t{
font-size:12px;
color:#333333;
line-height:24px;
padding:10px 50px 0 50px;
text-align:justify;
display:none;
}
#con_t b{
font-size:13px;
font-style:italic;
color:#410f5f;
display:block;
}
#con_t span{
display:block;
padding-bottom:10px;
}
/**-----*/
#con{
margin-top:15px;
}
#con span{
color:#FF0000;
}
.con_input input{
color:#3b234a;
text-decoration:none;
background:#e5e5e5;
border:1px #3b234a solid;
height:20px;
width:70px;
display:block;
float:left;
margin-right:10px;
}
.tdcolor-main04 {
font-size: 9pt;
font-family:"Arial";
color:#3b234a;
background: #f8f4f9;
border-top:2px #3b234a solid;
border-bottom:1px #cdc4d2 solid;
width:200px;
}
.tdcolor-main05 {
font-size: 9pt;
font-family:"Arial";
color: #767B76;
background: #FFFFFF;
border-top:2px #3b234a solid;
border-bottom:1px #cdc4d2 solid;
}
.tdcolor-04 {
font-size: 9pt;
font-family:"Arial";
color: #3b234a;
background: #f8f4f9;
border-bottom:1px #cdc4d2 solid;
}
.tdcolor-05 {
font-size: 9pt;
font-family:sans-serif, Arial, Dotum, Helvetica, geneva,;
color: #666666;
background: #FFFFFF;
border-bottom:1px #cdc4d2 solid;
}
/*------------------------------------------------------------ foot ----------------*/
#copy{
font-size:9px;
color:#bababa;
float:right;
text-align:left;
padding-top:5px;
padding-right:5px;
clear:both;
}
#copy a{
color:#bababa;
cursor:text;
text-decoration:none;
}
#add{
font-size:10px;
color:#000000;
clear:both;
background:url(images/logo_foot2.jpg) no-repeat;
background-position:5px 10px;
border-top:4px #CCCCCC solid;
height:45px;
line-height:14px;
padding-top:10px;
padding-left:85px;
}
#add a{
color:#717171;
}
#add a:hover{
color:#FB9100;
text-decoration:none;
}