@charset "utf-8";
/* 
Design by VISIONCAN
http://visioncan.net
visioncan[at]gmail.com
 */

body{
	margin:0px; padding:0px;
	background:#FFF;
	text-align:center;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
}
div{
	color:#666666;
}
/*================ CLEAR  =*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*================================================= main  =*/
#main{
	margin:0 auto;
	width:900px;
	text-align:left;
}
#indani{
	margin-top:0px;
	height:400px;
	font-size:50%;
}
#guide{
	clear:both;
	padding:0 20px 0 10px;
}
#skip{
	text-align:right;
	font-size:90%;
}
#skip a{
	color:#8fa4ba;
	text-decoration:none;
}
#skip a:hover{
	text-decoration:underline;
	color:#627d9a;
}
/*-=======================下資撩*/
#description{
	float:left;
	background:;
	width:445px;
	height:300px;
	padding:7px 0 0 0px;
	line-height:18px;
}
#description h1{
	font-size:120%;
	margin:0px;
	padding:0px;
	display:inline;
	color:#004ea9;
}
#description .left{
	float:left;
	margin-left:8px;
}
.des{
	text-decoration:none;
	color:#727D81;
	background:url(../image/ui/des_ico.gif) no-repeat 0 6px;
	padding-left:12px;
	font-size:125%;
	line-height:130%;
}
.highlight{ color: red; }
.des:hover{
	color:#63C800;
	text-decoration:underline;
}
#subd{
	float:right;
	position:relative;
	margin:15px 0 0 0;
	width:168px;
}
#subd a{
	display:block;
	font-size:90%;
	text-decoration:none;
	text-align:right;
	padding-right:17px;
}



.more{
	background:url(../image/ui/ico_link.gif) no-repeat right;
	color:#4b7aff;
}

.calender{
	background:url(../image/ui/ico_cal.gif) no-repeat right;
	color:#855edf;
}

#description a:hover{
	text-decoration:underline;
}

#news{
	float:right;
	width:420px;
	line-height:18px;
}

#news h2{
	background:url(../image/ui/news_bar_bg.gif) no-repeat;
	height:31px;
	margin:0px; padding:0px;
	font-size:100%;
	text-align:right;
	padding-right:30px;
}
#news ul{
	margin:5px 0 0 0 ; padding:0px;
	list-style:none;
}
#news ul li{
	margin-left:10px;
	display:block;
}
#news ul li a{
	text-decoration:none;
	color:#7a7a7a;
	text-decoration:none;
}
#news ul li a span{
	color:#51afff;
	font-size:90%;
	margin:0 4px;
}
#news ul li a:hover{
	color:#FF6600;
	text-decoration:underline;
}
/*==============================================================    foot  ===*/
#foot{
	clear:both;
	height:100px;
	padding:0 20px 0 10px;
}

#menu{
	margin:0px 0px 3px 0px;
	border-bottom:#d9d9d9 solid 1px;
	padding:0 0 5px 10px;
}

#menu a{
	float:left;
	background:url(../image/ui/menu_line.gif) no-repeat 0 1px;
	display:block;
	color:#898989;
	padding:0 10px;
	height:15px;
	text-decoration:none;
}
#menu a:hover{
	color:#676767;
	text-decoration:underline;
}
address{
	background:url(../image/ui/logo2.jpg) no-repeat;
	clear:both;
	display:block;
	float:left;
	font-style:normal;
	font-size:90%;
	width:600px;
	padding-left:120px;
	color:#888888;
}
address b{
	color:#c10435;
	font-weight:normal;
	margin-left:10px;
}
address a{
	color:#707070;
	text-decoration:none;
}
address a:hover{
	color:#333333;
	text-decoration:underline;
}
address span{	color:#333; font-size:110%; }
.copyright{
	color:#aeaeae;
	text-decoration:none;
	font-size:90%;
	padding-top:5px;
	display:block;
}
.copyright:hover{
	color:#CC3300;
}
#Slurp{
  display: none;
}