@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 {
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
}
:focus {-moz-outline-style: none}                         /* For Firefox */

::selection {
	background:rgb(102, 102, 102); /* Safari */
	color:#fff;
}
::-moz-selection {
	background:rgb(102, 102, 102); /* Firefox */
	color:#fff;
}
/*
::-webkit-input-placeholder {
	background:#f9924d;
    color: #fff;
}
:-moz-placeholder {
   color: #333;
}
:-ms-input-placeholder {
   color: #333;
}
*/
body, html {
	height:100%;
	width:100%;
}
a {
	color:#333333;
	text-decoration:none;
}
/*----------網頁png----------*/
div, img { 
	behavior:url(/images/iepngfix.htc);
}
body{
	font-size:1em;
	font-family:"微軟正黑體", "細明體";
	padding:0;
	margin:0;
	background:#daebf7;
}
#native{
	font-size:1.4em !important;
	color:#FFFFFF;
	clear:both;
	background:url(/images/bg_native.jpg) repeat-x top;
	line-height:35px;
	min-height:35px;
	padding:10px 0;
	text-align:center;
	position:relative;
	z-index:9990;
	text-shadow:0 0 2px #333;
	box-shadow:0 2px 2px rgba(0,0,0,.7);
}
#native a{
	color:#FFFFFF;
}
#native a img{
	width:45px;
}
#native .img{
	height:35px;
	width:auto;
}
#native .back{
	position:absolute;
	top:10px;
	left:10px;
}
#bread{
	font-size:1em;
	background:rgba(255,255,255,.5);
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	padding:0 10px;
	display:block;
	line-height:2.2em;
}
#bread a{
	font-size:1em;
	color:#999999;
}
#bread h6{
	float:right;
	font-size:1.2em;
	color:#333333;
}
/*------------------------------------------------------*/
#content{
	font-size:1.2em;
	line-height:1.4em;
	clear:both;
	overflow:hidden;
	position:relative;
	padding:15px 12px 50px 12px;
	text-align:justify;
}
#content2{
	font-size:1.2em;
	line-height:1.4em;
	clear:both;
	overflow:hidden;
	position:relative;
	padding:0 0 45px 0;
	text-align:justify;
	line-height:22px;
}


/*--------------------- 列表 --------*/
#col{width:100%;clear:both;}
/* Homepage Style */
.sliderbox{width:; /* height:600px; */ overflow:hidden; /* box-shadow:1px 2px 2px rgba(0,0,0,.6); */ }
.sliderbox a{color:#000;}
.sliderbox a:hover{color:#000;text-decoration:none;}
.sliderbox dt{ clear:both; padding:10px 30px 10px 20px; line-height:20px; cursor:pointer; background:rgba(255,255,255,.9) url(/images/icon_arrow.png) 97% center no-repeat; border:1px #CCCCCC solid;border-radius:5px; margin:0 0 2px 0;}
.sliderbox dt a{ display:inline-block; width:100%;}
.sliderbox .open{ background:url(/images/icon_arrow2.png) 97% center no-repeat; color:#0f537b; cursor:default;}
.sliderbox .title{ font-size:0.9em; color:#000; display:block; padding:0 0 0 30px;}
.sliderbox .title img{ position:absolute; left:20px; height:28px; margin:-4px 0 0 5px;}
.sliderbox dt:hover span{color:#0f537b;}
.sliderbox .open:hover span{color:#000;}
.sliderbox dd{ font-size:0.9em; padding:0; margin:0; background:rgba(0,0,0,.1); position:relative; overflow:hidden;}
.sliderbox .text{ font-size:0.9em; color:#000; padding:10px;}
@media screen and (min-width: 768px) and (max-width: 979px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
}