/* CSS Document */
/*=======================================General======================================*/
body {
	margin-top: 5px;
	background-image: url(../../graphics/bg.jpg);	
	background-color:#003300;
	background-repeat:repeat-x;
}

.to_left {
	float: left
}
.to_right {
	float: right
}

/*=======================================Links============================================*/
/*--------------------------------------Index.php--------------------------------------*/
/*for all box header (index, list, showArticle) */
a.header:link {color: #fdfa11; font-family:"標楷體"; font-size:20px; text-decoration:none;}     /* unvisited link */
a.header:visited {color: #fdfa11; font-family:"標楷體"; font-size:20px; text-decoration:none;}  /* visited link */
a.header:hover {color: #f8cd03; font-family:"標楷體"; font-size:20px; text-decoration:underline;}   /* mouse over link */
a.header:active {color: #f8cd03; font-family:"標楷體"; font-size:20px; text-decoration:underline;}   /* selected link */

/*for footnote 閱讀全文 (index, list) */
a.notes:link {color: #003399; text-decoration:none;}
a.notes:visited {color: #003399; text-decoration:none;}
a.notes:hover {color: #666666; text-decoration:underline;}
a.notes:active {color: #666666; text-decoration:underline;}

/*for footnote 頁底 (index, list) */
a.footer:link {color: #333333; text-decoration:none; font-size:15px;}
a.footer:visited {color: #333333; text-decoration:none; font-size:15px;}
a.footer:hover {color: #666699; text-decoration:underline; font-size:15px;}
a.footer:active {color: #666699; text-decoration:underline; font-size:15px;}

/*------------------------------------list.php-----------------------------------------*/
/*for sub_category when pring menu (list, showArticle) */
a.subcate:link {color: #666666; font-weight:bold; text-decoration:none; font-weight:bold;}
a.subcate:visited {color: #666666; font-weight:bold; text-decoration:none;}
a.subcate:hover {color: #000000; font-weight:bold; text-decoration:underline;}
a.subcate:active {color: #000000; font-weight:bold; text-decoration:underline;}

/*for article title on menu (list, showArticle) */
a.menu_title:link {color: #0066EE; text-decoration:none; font-size:15px;}
a.menu_title:visited {color: #0066EE; text-decoration:none; font-size:15px;}
a.menu_title:hover {color: #0033FF; text-decoration:underline; font-size:15px;}
a.menu_title:active {color: #0033FF; text-decoration:underline; font-size:15px;}

/*for printing article's title (list, showArticle) */
a.title:link {color: #0066EE; text-decoration:none;}
a.title:visited {color: #0066EE; text-decoration:none;}
a.title:hover {color: #0033FF; text-decoration:underline;}
a.title:active {color: #0033FF; text-decoration:underline;}

/*for tag (list, showArticle) */
a.tag:link {color: #006600; text-decoration:none; font-size:12px;}
a.tag:visited {color: #006600; text-decoration:none; font-size:12px;}
a.tag:hover {color: #006699; text-decoration:underline; font-size:12x;}
a.tag:active {color: #006699; text-decoration:underline; font-size:12px;}

/*------------------------------------showArticle.php------------------------------------*/
/*for content at showArticle.php*/
a.content:link {color: #0066FF; text-decoration:none;}
a.content:visited {color: #0066FF; text-decoration:none;}
a.content:hover {color: #6699AA; text-decoration:underline;}
a.content:active {color: #6699AA; text-decoration:underline;}

/*for editing content function (showArticle.php) */
a.function:link {color: #330099; text-decoration:none;}
a.function:visited {color: #330099; text-decoration:none;}
a.function:hover {color: #339933; text-decoration:underline;}
a.function:active {color: #339933; text-decoration:underline;}

/*for edit comment (showArticle) */
a.comment:link {color: #003399; font-size:12px; text-decoration:none;}
a.comment:visited {color: #003399; font-size:12px; text-decoration:none;}
a.comment:hover {color: #666666; font-size:12px; text-decoration:underline;}
a.comment:active {color: #666666; font-size:12px; text-decoration:underline;}

.publish_date {
	color:#AA6666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:15px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}
.last_update {
	color:#999999;
	font-family:"Courier New", Courier, monospace;
	font-weight:normal;
	font-size:12px;
	margin-right: 5px;
	margin-top: 0px;
/*	border-top-width:1px;
	border-top-style: dotted;
	border-top-color: #CC9966;*/
	float: right;
}
.line {
	background: no-repeat;
	background-position: center;
}
/*------------------------------------Portfolio-----------------------------------------*/
/*for printing category at right side */
a.portcate:link {color: #660033;  text-decoration:none; font-size:18px}
a.portcate:visited {color: #660033; text-decoration:none; font-size:18px}
a.portcate:hover {color: #993333;  text-decoration:underline; font-size:18px}
a.portcate:active {color: #993333; text-decoration:underline; font-size:18px}

/*for printing article title at right side*/
a.porttitle:link {color: #0066FF; text-decoration:none; font-size:15px}
a.porttitle:visited {color: #0066FF; text-decoration:none; font-size:15px}
a.porttitle:hover {color: #6699AA; text-decoration:underline; font-size:15px}
a.porttitle:active {color: #6699AA; text-decoration:underline; font-size:15px}

/*==================================Main Index================================================*/
.footer {
	width: 816px;
/*	background-color:#BBFFFF;*/
	text-align:center;
	padding-top: 2px; padding-bottom: 2px; 
}
/*===================================Content Page =============================================*/
.contentTitle {
	margin-top:10px;
	margin-left: 15px;
	color:#666666;
	font-family:"sө";
	font-weight:bold;
	font-size:22px;
	border-bottom-width:1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC9966;
}
.contentCate {
	margin-top:5px;
	margin-left: 25px;
	color:#3333AA;
	font-size:12px;
}
.notes {
	margin-left:10px;
	font-size:12px;
	color:#3366FF;
}
.readAll {
	float: right;
	font-size:12px;
}
.editIt {
	float: right;
	margin-right:30px;
	margin-top:15px;
	color:#CCFFFF;
}
.explain {
	font-size:13px;
	color:#336633;
}
/*==================================For Playing Cards===========================================*/
.club {
	color: green;
}

.diamond {
	color: blue;
}

.heart {
	color: red;
}

.spade {
	color: black;
}

/*========================================Top Banner Part======================================================*/
.top_box {
	width: 812px;
	border-right: #9496FA 1px solid; 
	padding-right: 1px; 
	border-top: #9496FA 1px solid; 
	padding-left: 1px; 
	border-left: #9496FA 1px solid; 
	padding-top: 1px; 
}
.top_welcome {
/*	width: 782px;*/
	padding-top: 5px; 
	padding-right: 15px; 
	padding-left: 15px; 
	padding-bottom: 2px; 
	color: #990033; 
/*	background-color: #0a070a;*/
}
.title_bar {
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: #9496FA 1px solid;
	border-right: #9496FA 1px solid;
	padding-left: 1px;
	padding-right: 1px;
	width: 812px;
	height:100px;
	background-image: url(../../graphics/title_bg.png);
	background-repeat: no-repeat;
}
.navigator {
	width: 782px;
	padding-top: 5px; 
	padding-right: 15px; 
	padding-left: 15px; 
	padding-bottom: 2px; 
	color: #10b0fb; 
	background-color:#0a070a;
}
.navigator_box {
	border-left: #9496FA 1px solid;
	border-right: #9496FA 1px solid;
	border-bottom: #9496FA 1px solid;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	width: 812px;
	margin-bottom: 5px;
}
div.logo {
	height: 50px;
	margin-top: 25px;
	margin-left: 25px;
}
div.play {
	height: 60px;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
}
div.think {
	height: 60px;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
}
div.listen {
	height: 60px;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}
/*===================================Page Navigator===============================*/
.page_box {
	width: 280px; border: #BBBBBB 1px solid; background-color:#CCCCCC; margin-right:8px; float:right; color: #004488;
}

/*for page navigator (list) */
a.page:link {color: #0066EE; text-decoration:none; background-color:#CCCCCC; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.page:visited {color: #0066EE; text-decoration:none; background-color:#CCCCCC; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.page:hover {color: #0033FF; text-decoration:underline; background-color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.page:active {color: #0033FF; text-decoration:underline; background-color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
/*for this page navigator (list) */
a.thispage:link {color: #0066EE; text-decoration:none; background-color:#EEEEEE; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.thispage:visited {color: #0066EE; text-decoration:none; background-color:#EEEEEE; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.thispage:hover {color: #0033FF; text-decoration:underline; background-color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
a.thispage:active {color: #0033FF; text-decoration:underline; background-color:#FFFFFF; font-size:16px; font-family:Arial, Helvetica, sans-serif;}

/*==================================Newest Comments=============================*/
.comment_list {
	font-size: 14px; color:#CC3300;
}
/*=================================================== Frame ====================================================*/

/*----------------Frame for system---------------*/
.news_border_system {
	width: 480px; border-right: #525050 1px solid; padding-right: 1px; border-top: #525050 1px solid; 
	padding-left: 1px; border-left: #525050 1px solid; padding-top: 1px; 
}
.news_title_system {
	width: 450px; padding-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 2px; 
	color: #EEEEEE; font-weight:bold; font-size:15px; background-color: #525050; background-image:url(/graphics/frame/system.png); background-repeat:repeat-x;
}
.news_content_system {
	width: 452px; border-left: #525050 1px solid; border-right: #525050 1px solid; border-bottom: #525050 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; background-color: #ece5db;
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.func_border_system {
	width: 320px; border-right: #525050 1px solid; padding-right: 1px; border-top: #525050 1px solid; 
	padding-left: 1px; border-left: #525050 1px solid; padding-top: 1px; 
}
.func_title_system {
	width: 290px; padding-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 2px; 
	color: #EEEEEE; font-weight:bold; font-size:15px; background-color: #525050; background-image:url(/graphics/frame/system.png); background-repeat:repeat-x;
}
.func_content_system {
	width: 292px; border-left: #525050 1px solid; border-right: #525050 1px solid; border-bottom: #525050 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; background-color: #ece5db;
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.menu_border_system {
	width: 220px; border-right: #525050 1px solid; padding-right: 1px; border-top: #525050 1px solid; 
	padding-left: 1px; border-left: #525050 1px solid; padding-top: 1px; 
}
.menu_title_system {
	width: 190px; padding-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; 
	color: #EEEEEE; font-weight:bold; font-size:15px; background-color: #525050; background-image:url(/graphics/frame/system.png); background-repeat:repeat-x;
}
.menu_content_system {
	width: 192px; border-left: #525050 1px solid; border-right: #525050 1px solid; border-bottom: #525050 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; background-color: #ece5db;
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.content_border_system {
	width: 580px; border-right: #525050 1px solid; padding-right: 1px; border-top: #525050 1px solid; 
	padding-left: 1px; border-left: #525050 1px solid; padding-top: 1px; 
}
.content_title_system {
	width: 550px; padding-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 2px; 
	color: #EEEEEE; font-weight:bold; font-size:15px; background-color: #525050; background-image:url(/graphics/frame/system.png); background-repeat:repeat-x;
}
.content_content_system {
	width: 552px; border-left: #525050 1px solid; border-right: #525050 1px solid; border-bottom: #525050 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; background-color: #ece5db;
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
/*=========================== Main Boxes ==========================================*/
.title_play {
	padding-top: 1px; padding-right: 2px; padding-left: 5px; padding-bottom: 1px;
	color: #444444; font-weight:bold; font-size:15px; background-color: #f83652;
	background-image:url(/graphics/frame/play.png); background-repeat:repeat-x;
}
.content_play {
	border-right: #f83652 1px solid; 
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.title_think {
	padding-top: 1px; padding-right: 2px; padding-left: 5px; padding-bottom: 1px; 
	color: #444444; font-weight:bold; font-size:15px; background-color: #3a55f7; 
	background-image:url(/graphics/frame/think.png); background-repeat:repeat-x;
}
.content_think {
	border-right: #3a55f7 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.title_listen {
	padding-top: 1px; padding-right: 2px; padding-left: 5px; padding-bottom: 1px; 
	color: #444444; font-weight:bold; font-size:15px; background-color: #f36118; 
	background-image:url(/graphics/frame/listen.png); background-repeat:repeat-x;
}
.content_listen {
	border-right: #f36118 1px solid;
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
.title_system {
	padding-top: 1px; padding-right: 2px; padding-left: 5px; padding-bottom: 1px; 
	color: #EEEEEE; font-weight:bold; font-size:15px; background-color: #525050; 
	background-image:url(/graphics/frame/system.png); background-repeat:repeat-x;
}
.content_system {
	border-right: #525050 1px solid; 
	padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px;
}
/*=========================== Main Menu Boxes ==========================================*/
.menu_content_play {
	border-right: #f83652 1px solid; border-left: #f83652 1px solid; border-bottom:#f83652 1px solid;
	padding-right: 10px; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px; background-color:#fae1f0;
}
.menu_content_think {
	border-right: #3a55f7 1px solid; border-left: #3a55f7 1px solid; border-bottom: #3a55f7 1px solid;
	padding-right: 10px; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px; background-color: #E6E6FF;
}
.menu_content_listen {
	border-right: #f36118 1px solid; border-left: #f36118 1px solid; border-bottom: #f36118 1px solid;
	padding-right: 10px; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px; background-color:#FFE6E6;
}
.menu_content_system {
	border-right: #525050 1px solid; border-left: #525050 1px solid; border-bottom: #525050 1px solid;
	padding-right: 10px; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; 
	line-height: 1.7; margin-bottom: 8px; margin-right: 8px; background-color: #ece5db;
}