/*- Page Structure */
* {
	padding: 0;
	margin: 0;
	}

html { /* Force Vertical Scrollbar */
	height: 100%;
	margin-bottom: 0.1em;
}

body {
	font: 62.5% '新細明體', Arial; /* Resets 1em to 10px , Verdana, Arial, Sans-Serif */ 
	color: #444;
	background: #FAFAFA;
	/*
	background: url('images/background.jpg');
	*/
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 760px;
/*	border: 1px solid #ddd;
	border-top: none; */
	position: relative;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 130px;
	/*
	background: url(images/reunion-header.jpg) no-repeat center bottom;
	background: url(images/reunion-header2.jpg) no-repeat center bottom;
	*/
	background: white;
	margin-top: 0px;
	margin-bottom: 0px;
	color : black;
	}

#content {
	padding: 10px 0px 10px 0px;
	margin: 0;
	background: white;
	/*display: inline;*/
	}

.top-title { /* H1 is the title in the header */
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	letter-spacing: -1px;
	margin: 0;
	padding: 30px 40px 0;
	font-family: "新細明體";
		}

.blog-description { /* Description in header Well-Life Trading Co. */
	font-size: 1.3em;
	margin: 0 60px;
	color: #666666;
	}

a {
	text-decoration: none;
	color: #000000;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #cc3300;
	text-decoration: underline;
}

.sidebar, .related_info {
	background: #eeeeee;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
	padding: 20px 0 20px 0;
	/*
	padding: 20px 0 20px 0;
	padding: 0;
	margin: 20px 40px 20px 40px;
	*/
	color: #666;
	}

ul.menu {
	margin: 0;
	padding: 0;
	height: 20px;
	background: #E6E6E6;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu li a {
	padding: 5px 15px 6px;
	font-size: 1 em;
	font-weight: bold;
	color: #888888;
	margin: 0;
	}

ul.menu li a:hover {
	color: white !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a {
	color: white;
	}

/*
.admintab {
	position: absolute;
	right: 0px;
	}
	*/

/*- Navigation */
.navigation {
	margin-bottom:10pt;
}

.navigation a {
	color: #999;
	font-size: 1.1em;
}

.navigation .left {
	float: left;
	text-align: left;
	width: 50%;
}

.navigation .right {
	float: right;
	text-align: right;
	width: 50%;
}

.menu-head {
	background: #F8F8F8;
	width: 180px;
	float: left;
	padding-left: 5px;
	}

.menutable {
	width: 99%;
    margin:.5em 0 0.5em;
    border-bottom:1px dotted #ccc;
	font-family: "新細明體";
	font-size: 12px;
}

.google-ad { margin-bottom: 10px; padding: 0; }
.entry-head .google-ad, .commentform-adsense .google-ad { margin-top: 20px; }

/*.home .entry-content {*/

.entry-content {
	width: 555px;
	float: left;
	padding-left: 15px;
	color: #333333;
	line-height: 18px;
	font-size: 12px;
	text-align: justify;
	}

.entry-zone {
	width: 99%;
    margin:0 0 .5em;
    border-bottom:1px dotted #ccc;
	padding-bottom: 3px;
}

.hentry {
	position: relative;
	margin: 0 0 20px; 
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px;
	}

.entry-content p, .comment-content p { margin-bottom: 13px; }

p.asides { 
	font-size: 1.3em; 
	line-height: 1.8em;
	border-left: 3px solid #777;
	padding-left: 10px;
	margin-left: 5px;
	}

.clear { clear: both; }

.entry-meta { /* Time and tag for blog entries */
	font-size: 1.1em;
	margin-top: 5px;
	color: #bbb;
	}

.entry-meta a, .comment-meta a, a.asides-comment {
	color: #777;
	}

.scheduled { background: #993333; }
.draft, .unapproved { background: #ffffcc; }
.unapproved strong { color: red; }

/*.home #page-selector { */
#page-selector { 
	margin-top: 10px;
	text-align: center; 
	font-size: 1.2em;
	}
#page-selector a { padding: 2px; color: #cccccc; }
#page-selector a.current-page { color: #666666; }
#page-selector a:hover { color: #cc3300 !important; }

.chronodata {
	display: block;
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	background: url('images/pencil.png') left center no-repeat;
	height: 16px;
	}

.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

.sb-about { width: 28%; margin-left: 40px; margin-right: 10px; }
.sb-latest-comment { width: 36%; }
.sb-zooomr, .sb-smugmug { width: 24%; }
.sb-popular-tag { width: 58%; margin-left: 5px; }

.sb-about, .sb-latest-comment, .sb-zooomr, .sb-smugmug, .sb-popular-tag { float: left; }
.sb-about, .sb-latest-comment { padding-right: 15px; }

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	color: black;
	}

h1#blog-title { /* H1 is the title in the header */
	font-size: 3em;
	font-weight: bold;

	letter-spacing: -1px;
	margin: 0;
	padding: 18px 40px 0;
		}

h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 20px;
	}

h4 #comments, .metalinks { padding-left: 5px; }
.metalinks { margin-top: 3px; }
.trackbacklink { display: none; }

.sidebar h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em !important;
  	font-weight: normal !important;
	padding: 0 !important;
	display: inline;
	}

#content h3, #content h4/*, .single #content .k2-asides h3*/ { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	}

#content h4 { margin-top: 30px; }

#content .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

#content .entry-content h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

.img_product {
	border: 1px solid #000000;
	background: #fff;
	margin: 0px 5px 0px 0px;
	float: left;
	}
	
.product-zone {
	padding: 3px 0 3px 0;
	width: 100%;
    margin:0 0 0;
}

#clearleft {
  clear:left;
}

.sb-about img { background: #eeeeee; }
img.gravatar { display: block; }

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

img:hover, a:hover img {
   background-color: #eee;
   }

h3.entry-title a, h3.entry-title a:visited,
p.asides a.entry-title, p.asides a.entry-title:visited { color: #cc3300; }
h3.entry-title a:hover, p.asides a.entry-title:hover { color: #cd5c2c !important; }

.sb-popular-tag a { color: white; }
.sb-popular-tag a:hover {
	background: #cc3300;
	color: white;
	}

.comment-author-meta, .comment-content { float: left; }
.comment-author-meta { width: 30%; }
.comment-content { width: 66%; }

.sb-related-post, .sb-related-tag, .sb-latest-post { 
	float: left; 
	margin-right: 20px;
	}
.sb-related-post { width: 32%; margin-left: 20px; }
.sb-related-tag { width: 22%; }
.sb-latest-post { width: 32%; }

.sidebar ul { list-style-type: none; }

div.tag-cloud ul { padding: 0; }
ul.tag-cloud li { 
	display: inline;
	margin: 0 3px;
	line-height: 20px;
	}

/*- Search Form and Livesearch */

#searchform {
	margin-top: 20px;
	margin-left: 550px;
	margin-right: 20px;
	display: block;
	}

#s {
	width: 79%;
	}

input[type=text], textarea {
	color: #444;
	padding: 1px;
	margin: 0;
	}

div.commentform ul.error, div.commentform ul.success, .alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

div.commentform ul.error, div.commentform ul.success { list-style-type: none; }

/* Comments */
li.comment { 
	border-bottom: 1px solid #ccc;
	}

#commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li {
	margin: 10px 0 10px;
	padding: 10px 0 15px 5px;
	list-style: none;
	}

#commentlist li .comment-content {
	/*
	background: yellow;
	*/
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 5px;
	font-size: 1.2em;
	line-height: 1.8em;
	}

#commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	margin-top: 3px;
	margin-left: 5px;
	}

#commentlist li .comment-author {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 5px;
	margin-top: 5px;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

/*
.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 0 0 13px;
	}
	*/

/*
li.byuser {
	background: #f6f7f8;
	}

li.bypostauthor {
	background: #eee;
	}

li.bypostauthor blockquote {
	color: #333;
	background: #eee url('images/quote.png') no-repeat 10px 0;              
	}
	*/
	 
#pinglist {
	font-size: 1.1em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

#pinglist .comment-author { font-size: 1.1em; }

#pinglist li {
	margin-left: 40px;
	margin-right: 40px;
	padding: 10px 0 10px;
	list-style: none;
	border: none;
	}

/*
#pinglist li small {
	font-size: 0.8em;
	display: block;
	}
	*/

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
div.commentform, div.commentform-adsense { float: left; }
div.commentform-adsense { width: 30%; }
div.commentform { width: 66%; padding-left: 20px; }

/*
* html .admintab { padding: 5px 15px 6px }	
*/
	
.comment-meta {
	font-size: 1.1em;
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #777;
}

#comment-personaldetails {
	margin-top: 10px;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('images/comment_edit.png') left center no-repeat;
	height: 16px;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 5px;
	}

/*- Primary Contents */

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments #error {
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

.comments input[type=text], .comments textarea {
   font: 1.2em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px !important;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	height: 250px;
	width: 100%;
	margin: 5px 0 5px 0 !important;
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

#footer {
	font-size: 1.1em;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
	background: #333333;
	height: 34px;
/*	width: 800px;*/
	}

#footer p { color: #dddddd; }
#footer a {
	color: #888;
	/*
	font-size: 1.1em;
	font-weight: bold;
	*/
/*	border-bottom: 1px solid #ccc;*/
	}

#footer a:hover {
	border: none;
	text-decoration: none;
/*	color: black;*/
	color: #cc3300;
	}

/*- Various Tags and Classes */

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	/*font: 1.1em Tahoma, 'Courier New', Courier, Fixed;*/
	}

pre {
   margin: 15px 10px 10px 15px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #eee;
	background: #f4f4f4;
	overflow: auto;
	}

acronym, abbr {
	/*
	font-size: 0.9em;
	letter-spacing: .07em;
	*/
	border-bottom: 1px dashed #999;
	cursor: help;
	}

.chronodata abbr { border: 0; }

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: #fff url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

/*- Begin Lists */
.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	margin: 0 0 13px;
	}

.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.sidebar div p { margin-top: 0.5em; }

.sidebar ul, .sidebar ol, .sidebar div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.sidebar ul li, .sidebar ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-latest-comment ul li { margin-bottom: 8px; }
.sb-latest-comment small a, .sb-latest-comment a.latest-comment-cnt { color: #999; }
.sb-latest-comment small a:hover, a.latest-comment-cnt:hover, ul.tag-cloud a:hover {
   text-decoration: none;
   color: #cc3300 !important;
	}

div.archives ul li { margin-bottom: 0; }

#menu1 {

	list-style: none;
	margin: 0;
	padding: 0;

}
#menu1 li {
	margin: 0;
	padding: 0;
}
#menu1 a {
	border-bottom: 0px solid #393939;
	color: #333333;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
}
#menu1 a:hover {
	background: #2580a2 ;
	color: black;
	padding-bottom: 3px;
}