﻿/* Body */
*{margin:0; padding:0;}
body{background:#000000 url(http://goodcharacters.com/images/art/3benefitsbg.gif) top center repeat-y; color:#303030; font:76% Verdana,Arial,Tahoma,sans-serif;}
#wrap{background-color:#ffffff; color:#303030; margin:0 auto; width:760px;}

/* Links 286ea0 */
a{background-color:inherit; color:#0066ff; font-weight: bold; text-decoration:none;}
a:hover{background-color:inherit; color:#cc0000; font-weight:bold; text-decoration:underline;}
a img{border:0;}
a:visited{color:#0099CC;}

/* Header */
#header{margin:10px 0 0;}
#header h1{background-color:inherit; color:#505050; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}
#header h1 a{background-color:inherit; color:#505050; text-decoration:none;}
#header p{background-color:inherit; color:#808080; float:right; font-family: "細明體", "mingliu", "taipei", Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:right; width:400px;}
#frontphoto{margin:0 0 10px;}

/* Sidebars */
#leftside{clear:left; float:left; line-height:1.4em; margin:0 0 5px; width:140px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 3px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#505050; font-size:1.2em; margin:0 0 10px;}
#leftside label, #extras label{display:none;}

/* Main menu solid #286ea0; */
ul.page{list-style:none; margin:0 0 18px; width:140px;}
ul.page li{line-height:1.4em; display:inline; width:140px;} /* deleted display:inline; */
ul.page li a{background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#eaeaea; border-left:4px solid #cc0000; color:#505050;}
ul.page ul{font-size:12px;margin:0 0 0 15px;padding:0 0 5px;width:125px;} /*font-size:0.9em*/
ul.page ul a{padding:3px 1px 3px 5px;width:115px;}
ul.page ul ul{width:113px;}
ul.page ul ul a{width:100px;}

/* Content img 1px #content img,#contentwide img{border:0px solid #d0d0d0;float:left;margin:3px 10px 3px 0;} */
#content{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;line-height:1.6em;margin:0 150px 5px;padding:0 10px;}
#contentwide{border-left:1px solid #f0f0f0;line-height:1.6em;margin:0 0 5px 150px;padding:0 0 0 10px;}
#content h2,#contentwide h2{font-size:1.6em;margin:0 0 10px;}
#content h3,#contentwide h3{font-size:1.4em;margin:0 0 8px;}
#content img,#contentwide img{border:0px solid #d0d0d0;margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 20px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}

/* Footer */
#footer{background-color:#ffffff;border-top:2px solid #e0e0e0;clear:both;color:#808080;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:10px 0;text-align:center;width:760px;}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#808080;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#505050;text-decoration:underline;}

/* Subpage menu solid #286ea0; */
#subpages{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;float:right;font-weight:bold;line-height:1.3em;margin:-5px 0 8px 15px;padding:0 0 10px 10px;width:190px;}
#subpages h2{font-size:1.2em;font-weight:bold;letter-spacing:-1px;line-height:1.3em;margin:0 0 12px;}
#subpages ul.submenu{line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#505050;float:left;font-weight:bold;margin-bottom:5px;padding:3px 1px 3px 5px;text-decoration:none;width:180px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:170px;}
#subpages ul.submenu li ul li a{width:170px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:160px;}
#subpages ul.submenu li ul ul li a{width:160px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:150px;}
#subpages ul.submenu li ul ul ul li a{width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#eaeaea;border-left:4px solid #cc0000;color:#505050;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#505050;}

/* Tags */
p,ul,ol{margin:0 0 16px;}
blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}
blockquote p{background-color:inherit;color:#505050;font-size:0.9em;line-height:1.3em;}
label{background-color:inherit;color:#606060;font-size:0.9em;font-weight:bold;}
table#wp-calendar{margin:0 0 18px;width:140px;}

/* Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 16px;padding:4px;width:130px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}

/* Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.postinfo{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 40px;padding:8px 5px 8px 8px;}
.comment{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;margin:0 0 10px;padding:8px 5px 0 8px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}
table {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;}
td {padding:2px 2px 2px 2px; line-height:normal;}
.ten {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.twelve {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
a:hover {color: #FF0000}
.navlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 15px; font-weight: normal; color: #FFFFFF}
a {  }
.nine {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.thickborder {border: 3px #333333 solid}
.thinborderout {border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.thinborder {border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.redheading {font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #CC0000}
.asktd {background-color: #00CC99}
.asknav {font-size: 10px; background-color: #eeeeee; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: #333333}
.asknavwhite {font-size: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: #333333 }
.c1 {font-family:"細明體", "mingliu", "taipei"; font-size: 12pt; line-height: 16pt}

table.pricingc {
  width:100%;
  border-collapse:collapse;
  padding:0;
}

.pricingc tr {
  padding:0;
  margin:0;
}

.pricingc th {
  border: 1px solid #666666;
  padding:2px 4px 2px 4px;
  margin:0;
  background:#ccc;
}

.pricingc td {  
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding:2px 4px 2px 4px;
  margin:0;
  font-size: 12px;
  font-family: "細明體", "mingliu", "taipei";
  letter-spacing: 0.02cm;
}

table.pricing {
  width:100%;
  border-collapse:collapse;
  padding:0;
}

.pricing tr {
  padding:0;
  margin:0;
}

.pricing th {
  border: 1px solid #666666;
  padding:2px 4px 2px 4px;
  margin:0;
  background:#ccc;
}

.pricing td {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding:2px 4px 2px 4px;
  margin:0;
  font-size:100%;
  font-family: Tahoma;
  letter-spacing: 0.02cm;
}

.captionms{font-size:65%;line-height:120%;font-family: Tahoma;letter-spacing: 0.02cm}

ul#menu {
	width: 100%;
	height: 43px;
	background: #FFF url("http://goodcharacters.com/images/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
ul#menu li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
ul#menu li a:hover {
	color: #333;
}
ul#menu li a.current {
	color: #FFF;
	background: #FFF url("http://goodcharacters.com/images/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}