@CHARSET "UTF-8";
@import url("header.css");
@import url("content.css");
@import url("footer.css");
@import url("button.css");

HTML,BODY {
	width: 100%;
	background-color: #FFF;
}

BODY {
	background: transparent;
	margin: 0;
	padding: 0;
	font: 13px "Arial","細明體","verdana","sans-serif","儷黑 Pro","蘋果儷中黑";
	color: #666;
}

BUTTON {
	cursor: pointer;
}

DIV {
	padding: 0;
	margin: 0;
}

A {
	color: #343434;
	text-decoration: none;
}

A:hover {
	color: #0066FF;
	text-decoration: underline;
}

INPUT[type='text'],INPUT[type='password'] {
	border: 1px #CCC solid;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

HTML[xmlns] .clearfix {
	display: block;
}

* HTML .clearfix {
	height: 1%;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

.visible {
	visible: visible;
}

.invisible {
	visible: hidden;
}

.mask {
	overflow: hidden;
}

.odd {
	background-color: #FFF;
}

.even {
	background-color: #EEE;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
}

.page {
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.hr {
	margin: 10px 0;
	height: 1px;
	border-top: 1px #AAA solid;
	width: 100%;
}

.bold {
	font-weight: bold;
}

.shadow {
	-moz-box-shadow: 1px 1px 8px #CCC;
	-webkit-box-shadow: 1px 1px 8px #CCC;
	box-shadow: 1px 1px 8px #CCC;
}

.watermark {
	color: #CCC;
}

.title {
	font-weight: bold;
}

.page_title {
	font-weight: bold;
	font-size: 22px;
	color: #333;
}

UL.horizontal_bar {
	margin: 0;
	padding: 0;
}

UL.horizontal_bar LI {
	list-style-type: none;
	float: left;
}

.padding_3 {
	padding: 3px;
}

.padding_5 {
	padding: 5px;
}

.padding_10 {
	padding: 10px;
}

.padding_0_3 {
	padding: 0 3px;
}

.padding_0_5 {
	padding: 0 5px;
}

.padding_0_10 {
	padding: 0 10px;
}

.padding_3_0 {
	padding: 3px 0 ;
}

.padding_5_0 {
	padding: 5px 0;
}

.padding_10_0 {
	padding: 10px 0;
}

.margin_3 {
	margin: 3px;
}

.margin_5 {
	margin: 5px;
}

.margin_10 {
	margin: 10px;
}

.margin_0_3 {
	margin: 0 3px;
}

.margin_0_5 {
	margin: 0 5px;
}

.margin_0_10 {
	margin: 0 10px;
}

.margin_3_0 {
	margin: 3px 0 ;
}

.margin_5_0 {
	margin: 5px 0;
}

.margin_10_0 {
	margin: 10px 0;
}

.round {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.round_top {
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.round_right {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.round_bottom {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.round_left {
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.round_10 {
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.round_10_top {
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.round_10_right {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.round_10_bottom {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.round_10_left {
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.round_8 {
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.round_8_top {
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.round_8_right {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.round_8_bottom {
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.round_8_left {
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.grid_list {
	width: 300px;
	text-align: left;
	padding: 0 0 10px;
	margin: 5px 0;
}

.grid_list .grid_title {
	background-color: #EEE;
	border: 1px #CCC solid;
	padding: 5px 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #666;
	text-shadow: 2px 2px 2px #CCC;
}

.grid_list UL {
	padding: 0;
	margin: 0;
}

.grid_list UL LI {
	list-style-type: none;
}

.grid_list UL LI A {
	display: block;
	line-height: 26px;
	font-size: 14px;
	text-decoration: none;
	padding: 0 10px;
	color: #666;
	cursor: pointer;
}

.grid_list UL LI A:hover {
	background-color: #EEE;
	color: #1A5FC6;
}

.content_container {
    
}

.content_container .title, .content_container .description {
	
}

.content_container .title {
	font-size: 22px;
	border-color: #666;
	border-width: 0 0 1px;
	border-style: dotted;
	color: #666;
	padding: 5px;
}

.content_container .content_content {    
    width: 100%;
}

#icons {
	
}

#icons LI {
	list-style-type: none;
	width: 24px;
	height: 24px;
	float: left;
}

.page_bar_container {
	margin: 10px 0;
	text-align: center;
}

UL.page_bar {
	
}

UL.page_bar LI A.total {
	cursor: default;
}

UL.page_bar LI {
	margin-right: 3px;
}

UL.page_bar LI A {
	text-decoration: none;
	color: #333;
	border: 1px solid #CCC;
	display: block;
	cursor: auto;
	padding: 5px 10px;
	height:16px;
	text-align: center;
	vertical-align:bottom;
}

UL.page_bar LI A:hover, UL.page_bar LI A.current:hover {
	color:#FFFFFF;
	box-shadow:0px 1px #EDEDED;
	-moz-box-shadow:0px 1px #EDEDED;
	-webkit-box-shadow:0px 1px #EDEDED;		

	text-shadow:0px 1px #4876C9;
	border-color:#3D6DC3;
	background:#5A8CE7;
}

UL.page_bar LI A.current {
	background: #ffbe4e;
	border: #FFA800 1px solid;
}