@charset "utf-8";

body {
	background-color: #ffffff;
	margin: 0px 0px 25px 0px;
	font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
	font-size: 13px;
	color: #666666;
	line-height: 17px;
}
a:link, a:visited, a:active{
	font-family: "Arial", "Helvetica", "sans-serif", "新細明體";
	font-size: 13px;
	color: #005599;
	text-decoration: none;
}
a:hover	{
	background: transparent;
	color: #0099FF;
	text-decoration: underline;
}
form,ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ol{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 40px;
}
.clear{
	clear: both;
}

/*上方區域*/
#top_area{
	width: 980px;
	background-color: #6699FF;
	margin: 0px auto 0px auto;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
}
#top_area .topmenu{
	background-color: #888888;
	text-align: right;
	padding: 0px 5px 0px 5px;
	color: #ffffff;
}
#top_area .topmenu a{
	color: #ffffff;
}
#top_area .banner{
	height: 25px;
	background:url('../img/banner.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	padding: 75px 0px 0px 10px;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
}

/*內容區域*/
#body_area{
	width: 980px;
	min-height: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
}
/*內容區域 - 登入區域*/
#body_area #login_area{
	padding: 10px 10px 10px 10px;
	text-align: center;
}
/*內容區域 - 條款區域*/
#body_area #law_area{
	padding: 10px 10px 10px 10px;
	text-align: left;
}
#body_area #law_area .type_title{
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
}
#body_area #law_area .title{
	padding: 20px 0px 0px 0px;
	font-weight: bold;
}
#body_area #law_area .body{
	padding: 0px 15px 0px 15px;
}
/*內容區域 - 左邊區域*/
#body_area #left_area{
	float: left;
	width: 160px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
/*內容區域 - 左邊區域 - 管理列表*/
#left_area #profile{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #dcdcdc;
}
/*內容區域 - 左邊區域 - 選單區域*/
#menu_area a{
	float: left;
	display: block;
	width: 148px;
	background-color: #006699;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	border: 1px solid #006699;
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
}
#menu_area a:hover{
	background-color: #ffffff;
	color: #006699;
	text-decoration: none;
}
/*內容區域 - 右邊區域*/
#body_area #right_area{
	float: right;
	width: 800px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
#right_area #index_main{
	float: left;
	width: 570px;
	padding: 5px 5px 5px 5px;
}
#index_main #hot_exp{
	background-color: #eeeeee;
	margin: 0px 0px 20px 0px;
}
#hot_exp .title{
	background-color: #2384a6;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	color: #ffffff;
}
#hot_exp .pic{
	float: left;
	width: 270px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#hot_exp .info{
	float: right;
	width: 280px;
	padding: 5px 5px 5px 5px;
}
#hot_exp .btn_exp{
	display: block;
	width: 100px;
	background-color: #f4ffdf;
	padding: 10px 10px 10px 10px;
	border: 1px solid #d9ff8f;
	font-size: 15px;
	color: #456901;
	font-weight: bold;
	text-decoration: none;
}
#right_area #index_ex{
	float: right;
	width: 200px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #dcdcdc;
}
#right_area #index_ex .bulletin{
	margin: 0px 0px 10px 20px;
}
#right_area h1{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dashed #99CCCC;
	font-size: 20px;
	color: #3366CC;
}
#right_area h2{
	background-color: #6699CC;
	padding: 5px 0px 1px 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	font-weight: lighter;
}
#right_area .cate_type li{
	float: left;
	list-style-type: none;
}
#right_area .cate_type li a{
	display: block;
	background-color: #ffffff;
	text-align: center;
	padding: 5px 5px 1px 5px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #dcdcdc;
	font-size: 13px;
	color: #3399CC;
	text-decoration: none;
}
#right_area .cate_type li a:hover{
	background-color: #3399CC;
	color: #ffffff;
}
#right_area .cate_type .li_on{
	display: block;
	background-color: #ffcc00;
	text-align: center;
	padding: 5px 5px 1px 5px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #dcdcdc;
	font-size: 15px;
	color: #000099;
	text-decoration: none;
}
#right_area .btn{
	display: block;
	width: 60px;
	background-color: #990000;
	text-align: center;
	padding: 5px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #dcdcdc;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
#right_area .btn:hover{
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	color: #990000;
}
#right_area .msg_area{
	background-color: #dbe7f3;
	padding: 5px 0px 1px 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}
#right_area .page_area{
	text-align: center;
	padding: 5px 5px 2px 5px;
	margin: 10px 0px 10px 0px;
	border: 1px dashed #ff0000;
}
#right_area #admin_list{
	text-align: center;
}
#admin_list th{
	background-color: #3366CC;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
	font-weight: lighter;
}
#admin_list td{
	text-align: center;
}
#admin_list .bgcolor1 {
	background-color: #F0F0F0;
	text-align: center;
}
#admin_list .bgcolor2 {
	background-color: #dbe7f3;
	text-align: center;
}
#right_area #admin_detail{
}
#admin_detail th{
	background-color: #3366CC;
	text-align: right;
	vertical-align: top;
	color: #ffffff;
	font-weight: lighter;
}
#admin_detail td{
	background-color: #F0F0F0;
	text-align: left;
}
#admin_detail .other_area{
	background-color: #dbe7f3;
	text-align: center;
}
#admin_order th{
	background-color: #3366CC;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
	font-weight: lighter;
}
#admin_order td{
	text-align: left;
}


/*頁尾區域*/
#footer_area{
	clear: both;
	width: 980px;
	background-color: #000000;
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	color: #ffffff;
}