@charset "utf-8";
/* design by showhau */
/*----------抬頭地方要加-----------------------------
<meta name="Robots" content="All" />
<meta name="Author" content="showhau,hau,dpi" />
<meta name="keywords" content="showhau, hau, design, dpi, web, web design" />
-----------------------------------------------------*/

/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())}      /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}                         /* For Firefox */

@font-face {
    font-family: 'justusitalicoldstyle';
    src: url('fonts/justus-italicoldstyle-webfont.eot');
    src: url('fonts/justus-italicoldstyle-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/justus-italicoldstyle-webfont.woff') format('woff'),
         url('fonts/justus-italicoldstyle-webfont.ttf') format('truetype'),
         url('fonts/justus-italicoldstyle-webfont.svg#justusitalicoldstyle') format('svg');
    font-weight: normal;
    font-style: normal;

}
::selection {
	background:rgb(0,63,21); /* Safari */
	color:#fff;
}
::-moz-selection {
	background:rgb(0,63,21); /* Firefox */
	color:#fff;
}
::-webkit-input-placeholder {
	background:#003f15;
    color: #fff;
}
:-moz-placeholder {
   color: #333;
}
:-ms-input-placeholder {
   color: #333;
}
/*----------網頁png----------*/
div, img { 
	behavior:url(../images/iepngfix.htc);
}
body{
	font-family:Palatino Linotype, Georgia, Book Antiqua, Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	background:#FFF;
}
@import "http://fonts.googleapis.com/css?family=Roboto:100,300,400";


/*-------------------------------------------------------  top ------------*/
#itop{ position:absolute; top:0; z-index:9999; font-size:15px}
.top{ height:80px; width:100%; background:#FFF; box-shadow:0px 0px 5px #000;}
.header-wrap{width:1100px; margin:0 auto}
.header-wrap h1{float:left;  margin:0;}
.header-wrap h1 a{ width:215px; height:60px; background:url(../images/logo.png) no-repeat; display:block; text-indent: -9999px; margin:15px 0 0 0;}

.top nav{ font-size:20px; float:right; margin:38px 5px 0 0; overflow:hidden;}
.top nav a{ text-decoration:none; width:100%; line-height:30px}
.top nav ul{float:left; text-align:center; margin-left:30px; line-height:1; -webkit-transform:scale(0.91); height:30px; overflow:hidden}
.top nav ul a:hover .ct {margin-top: -30px;}
.top nav ul a .ct{transition: margin-top 0.2s ease 0s;}
/*
.top nav ul:first-child+ul+ul+ul+ul+ul{ margin-left:20px}
.top nav ul:first-child+ul+ul+ul+ul{ float:right}
*/
.ct{ color:#585858; padding:0}
.et{ color:#f83500; display:inline-block}


/*----------------------------------  menu  ---------*/
.menu_top{
	float:right;
	display:block;
	width:743px;
	height:40px;
	background:url(../images/menu/bg.gif) repeat-x;
}
.menu_top a{
	padding:0 25px;
}
/*-------------------------------------------------------------------------------------------    footer  ---------*/
footer{width:100%; background:url(../images/bg_foot.jpg) top repeat-x; overflow:hidden; margin:auto; clear:both; padding:0 0 10px 0; }

.lan{ float:right;}
.lan select{ font-size:15px; background:#484848; border:1px #636363 solid; color:#b9b9b9; width:180px; padding:2px 4px; margin:0 20px 5px 0; display:block;}
.fin{ width:1100px; margin:0 auto; overflow:hidden; position:relative; padding:20px 0 10px 0; }
.fin .title a{ font-size:18px; color:#fff;  padding-bottom:5px; display:block; line-height:28px; text-transform:none;}
.fin ul{float:left; padding:0 50px 0 0; width:160px;}
/*
.fin ul:first-child+ul+ul+ul{ height:100px}
.fin ul:first-child+ul+ul+ul+ul{ height:100px}
*/
.fin li a{ color:#7e7e7e; font-size:13px; -webkit-text-size-adjust:none; line-height:10px; text-transform:uppercase;}
.fin li a:hover{ color:#CCC; }
.fin .last{ font-size:15px; color:#FFF; float:right; width:190px; padding:0 10px 0 0;}
.fin .last li a{ text-transform:none; color:#FFF;}
.fin .last h6{ font-size:22px; color:#f83500;}
.copyright{ width:1100px; color:#8a8a8a; font-size:13px; -webkit-text-size-adjust: none; margin:0 auto; border-top:1px solid #656565; display:block; padding:15px 0 0 0;}
.copyright a{color:#8a8a8a;}
.copyright li{ display:block;}
.design{display:none;}