@charset "utf-8";

/******************************************************************************************************************/
/* global */
/******************************************************************************************************************/
html, body {
	font: 0.95em/1.2 "微軟正黑體", "新細明體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	margin: 0;
	padding: 0;
}

table, tr, td, form, div, span, input, select, textarea, button, p, a, ul, ol, li {
	font-family: "微軟正黑體", "新細明體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
}

input[type=text],
input[type=password],
input[type=button],
input[type=reset],
input[type=submit],
select, textarea, button {
	border: 1px solid #bababa;
	padding: 0px;
    margin: 0px;
	background: transparent;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	background-color: transparent;
	background-image: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 2.5em;
}
a {
	color:#00F;
	text-decoration: none;
}

a:hover {
	color:#069;
	text-decoration: underline;
}

img {
	border: 0 none;
}

br {
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}

br.clear {
	float: none;
	clear: both;
	height: 10px !important;
	line-height: 10px !important;
}
br.tab-clear {
	float: none;
	clear: both;
	line-height: 1px;
}
hr {
	display: none;
}

div.dashed {
	border-top: 1px dashed #ccc;
	width: 100%;
	margin: 10px auto 5px auto;
	line-height: 0;
	padding: 0;
}

dfn, em, cite, address {
	font-style: normal;
}

dfn {
	line-height: 1em;
}
dfn.readme {
	color: #999;
}
dfn.readme:before {
	content: "說明::";
	color: #f93;
}

td {
	text-align: left;
}

.slogan {
	margin: 0;
	padding: 0;
	width: 100%;
}

.recent div {
	margin: 0 0 0.5em;
}

.cnt {
	font-family: "Verdana", "Arial", "AppleGothic", "Sans-serif";
}

/******************************************************************************************************************/
/* global handle */
/******************************************************************************************************************/
h1, h2, h3, h4, h5, h6
{
	font: normal 1.8em "微軟正黑體", "新細明體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
}
h1 {
	color: #0082D9;
}
h1 a:link, h1 a:visited
{
	color: #e23c8e;
}

h1 a:hover, h1 a:active
{
	color: #ff6bb4;
}

h2
{
	padding-bottom: .5em;
	border-bottom: 1px solid #fff;
	font-size: 1.4em;
	letter-spacing: -1px;
	line-height: 1.25em;
	color: #0082D9;
	margin: 0;
}

h2 a:link, h2 a:visited
{
	color: #0082D9;
}

h2 a:hover, h2 a:active
{
	color: #c0e900;
}

h2.channel {
	color: #006600;
}
h2.toptrip {
	color: #F9BA26;
}

h3
{
	font: bold 1.2em/1.2 "微軟正黑體", "新細明體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	background-color: #faf9f8;
	border-bottom: 1px solid #eee;
	color: #0082D9;
}

h3 a:link, h3 a:visited
{
	color: #669818;
}

h3 a:hover, h3 a:active
{
	color: #7ab61a;
}

h4
{
	font-size: 1.1em;
}

/******************************************************************************************************************/
/* Ajax message box setting */
/******************************************************************************************************************/
.ajaxMessage {
	font-size: 0.92em;
	z-index: 10000;
	background-color: #fff;
	opacity: 0;
	padding: 8px;
	color: #939393;
	border: 3px solid #efefef;
}
.ajaxSuccessMessage {
	color: #36a955;
	border: 3px solid #36a955;
}
.ajaxErrorMessage {
	color: #a93655;
	border: 3px solid #a93655;
}

/******************************************************************************************************************/
/* debug mode setting */
/******************************************************************************************************************/
#force_debug_xajax_messages, #force_debug_messages {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
table.debug_mode_list {
	margin: 0 auto;
}
table.debug_mode_list td {
	text-align: center;
	border: 1px solid #999;
}
tr.debug_mode_list_header {
	font-weight: bold;
	background-color: #ccc;
}
table.debug_mode_list td.query_string {
	text-align: left;
}

div.error_icon {
	text-align:center;
}
div.error_message {
	text-align:center;
	font-weight: bold;
	font-size: 0.85em;
	color: #900;
}


/* paging */

div.paging {
	font-size: 0.92em;
	color: #666;
	text-align: center;
	width: 100%;
	clear: both;
}
ul.paging-list {
	list-style-type: none;
	margin: 0.5em auto;
}
ul.paging-list li {
	float: left;
	margin: 0 2px;
	cursor: pointer;
}

div.paging a {
	font-size: 1em;
}
