/* ******************  general  *************** */

abbr, acronym {fon
  cursor: help;
  border: none;
}


body {
  margin:0; 
	padding:0;
	font:small  lucida sans unicode, arial, times new roman, sans-serif;
	color:#333333;
	background-color:#eef4f1;
  background-attachment: fixed;
	text-align:center;
	}

* html  body{font-size:x-small; margin-bottom:40px; }
	
a:link {
	color: #4C757E;
	}
	
a:visited {
	color: #4C757E;
	}
	
a:hover, a:active, a:focus {
	color: #4C757E; text-decoration:none;
	}

h2, h3 {
	margin:0;
	padding:0;
	}
	
.Upgrade {
	display: none;
	font-weight: bold;
	}
	
.clearer {
	clear : both;
	height : 1px;
	font-size : 1px;
	}
      
#Container {
	width: 1000px;
	margin: 40px auto;
	padding:10px;
	margin-bottom:40px;
	background-color:#fff;
	}
#Title{
  text-align:left;
  padding:10px;
   } 

#temp{
padding:5px;
text-align:right;
}


#Title h1 {
   color: #333;
   margin:0;
   padding:25px 0 5px 10px;
   font-size:160%;
   font-weight: normal;
   } 

* html  #Title h1 {font-size:medium;}

#Title a:active, h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited {
	text-decoration: none;
	color: #333;
	background-color:transparent; 
	}

#Subtitle {
	color:#fff;
	padding:2px 14px 2px 14px;
	font-size:medium;
	}


	
	
#Subtitle a:link, #Subtitle a:visited, #Subtitle a:hover {
	text-decoration: underline;
	color: #fff;
	background-color:transparent;
	}	
	
#Subtitle a:active, #Subtitle a:focus {
	color: #002f64; text-decoration:none; background-color: #fff;
	}

#header {
background-color:#fff;
}

#Subcontainer {
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	width:100%;
	margin:0 auto; 
	}
	

#foobar{
color:#FFFFFF;
background:#5CC76D; 
height:20px;
padding:3px;
font-size:120%; 
text-align:left;
border-bottom:2px solid #EEEEEE;
}

* html  #foobar{font-size:small;}

.bar{
color:#FFFFFF;
}


#foobar a:link {
	color: #FFFFFF;
  text-decoration:none;
  padding:3px;
	}
	
#foobar a:visited {
	color: #FFFFFF; 
	text-decoration:none;
	padding:3px;
	}
	
#foobar a:hover, a:active, a:focus {
	color: #EEEEDF; text-decoration:none;
	padding:3px;
	}


#tag{
font-size:100%; 
padding:5px;
color:#999999;
background-color:#fff;
margin-top:5px;
}

* html  #tag {font-size:x-small;}


	

#bdr {padding:6px; border:1px solid #ccc; margin:6px;}  
.media {background:#FFFFFF; padding:4px; border:1px solid #ccc; margin:4px; float: left; text-align:center;}



img.photoimg {max-width: 100%}

#tags{
background:#FBFEED;
padding:5px;
color: #666666;
}


#tags a:link {
	color: #847B52;
	margin-left:10px;
	border-bottom:1px dotted #A26B4B;
	text-decoration:none;
	}
	
#tags a:visited {
	color: #847B52;
	margin-left:10px;
	border-bottom:1px dotted #847B52;
	text-decoration:none;
	}
	
#tags a:hover, a:active, a:focus {
	color: #847B52; text-decoration:none;
	}
	
	
.news{
margin-top:10px;
background:#EBF7F8;
padding:5px;
color: #666666;
}	

.newsCategories {padding:5px;}

.newsCategories ul{
	margin-left:0; 
	margin-top:0; 
	margin-bottom:0px; 
	padding:0; 
	list-style:none; 
	font-size:100%;
	text-transform: capitalize;
	line-height:160%;
	}
* html  .newsCategories ul{font-size:x-small;}
	
.newsCategories li{
  	font-size:100%;
  	display:block;
  	color:#333333;
  	margin-top:10px;
  	margin-left:5px;
  	margin-bottom:10px;
  	background: url(imgs/arrow.gif) left no-repeat;
  	padding-left:15px;
  	padding-top:3px;
  	border-bottom:1px dotted #CCCCCC;
	}

* html  .newsCategories li{font-size:x-small;}
	
.newsCategories a:link {
  text-decoration:none;
	}
	
.newsCategories a:visited {
	color: #478E3C;
	}
	
.newsCategories a:hover, a:active, a:focus {
	background-color:#386592;
	color:#FFFFFF;
  text-decoration:none;
	}




.adv{
background:#FFF799;
border:1px dotted #F7941D;
color:#F7941D;
margin-top:10px;
margin-bottom:10px;
padding:3px; 
}

.adv a:link {
  color:#F7941D;
  text-decoration:none;
	}

.adv a:hover, a:active, a:focus {
	color:#F7941D;
	text-decoration:underline;
	}
	
/* ******************  column a  *************** */
	
#Content {
	width: 65%;
	float: left;
	margin-right:1%;
	margin-left:1%;
	background-color:#fff;
	line-height:160%;
	}

#Content table{
  font-size:100%;
  line-height:160%;
  margin-top:10px;
	}

* html  #Content table{font-size:x-small;}
	
#Content h2 {
	color:#4dc5d6;
	margin:20px 0 10px 0;
	font-size:140%;
	}
* html #Content h2 {font-size:medium;}
	
.date {
	font-weight: bold;
	}

.footer {
	padding-bottom:10px;
	border-bottom: 1px solid #d4d0cd;
	}

* html  .footer{font-size:x-small;}
	
#Nextpost {
	text-align:center;
	}	


.more{text-align:right;}
	
.commentposterinfo {
	margin-bottom:10px;
	font-weight: bold;
	}
	
h3.commentheader {
	font-size:150%;
	color:#b8b2ac;
	font-weight: normal;
	}

* html  h3.commentheader{font-size:medium;}
	
.reply {font-weight: normal;font-size:small;}

div.commenttext {
	border-bottom: 1px solid #d4d0cd;
	padding-bottom:0.9em;
	margin-bottom:10px;
	}


#CommentForm fieldset {
	border:2px solid #d4d0cd; 
	padding-top:10px; 
	margin-top:10px; 
	padding-left:10px; 
	padding-bottom:10px;
	}

#CommentForm legend {
	color:#525150;
	padding:2px 4px 2px 4px;
	background-color: #ffffff;
	font-weight : bold;
	}

#CommentForm label {
	width:6em;
	float:left;
	display:block;
	clear:both; 
	float:left;
	margin-top:8px;
	margin-bottom:0px;
	}
	
#CommentForm input {
	margin-top:
	8px;margin-bottom:8px;
	}
	
#Submit {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:6em;
	}
	
#CommentForm textarea {
	margin-top:8px;
	margin-bottom:0px;
	}

/* ******************  9/18  *************** */	
	
#leftcontent {
	width: 80%;
	float: left;
	}	
	

#leftmenu {
	width: 15%;
	float: left;
	margin-right:5px;
  background-color: #F7FBF6;
	padding:5px;
	}

.menunew{
margin-top:10px;
font-weight:bold;
padding:5px;
color: #666666
}
/* ******************  columnb  *************** */
	
#Menu   {
	width:30%;
	float: left;
	text-align:left;
	}
	
#Calendar, #Search {
	padding-top:1px;
	padding-bottom:1px;
	padding-right:14px;
	padding-left:6px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	margin-top:1px;
	}

	
#Search fieldset {border:0px solid; padding:2px; margin:2px;}
#Search input {margin:0px;padding:2px;width:7em;}
#Search input.button {margin:0px;padding:2px;width:5em;}
#Search form {margin:0px;padding:2px;}
#Search label {margin:0px;padding:2px;width:8em;}

table.calMonth {
	width:10.9em;
	border-spacing:4px;
	border:0px;
	}

th.calMonthCurrent {
	font-weight:normal;
	padding: 0px;
	text-align: center;
	}
	
th.calMonthBackward {
	font-weight:normal;
	padding: 0px;
	text-align:center;
	}
	
th.calMonthForward {
	font-weight:normal;
	padding: 0px;
	text-align:center;
	}
	
.calMonthHeader th {
	text-align:center;
	font-weight:normal;
	padding: 0px;
	}
	
#Calendar td {	
	padding: 0px;
	text-align:center
	}

.calendarToday {
 	background-color: #d4d0cd;
	}	

.sidebar {
  	font-size:100%;
  	width:86%;
  	display:block;
  	color:#333333;
  	margin-top:10px;
  	margin-bottom:10px;
  	background: url(imgs/arrow2.gif) left no-repeat;
  	padding-left:15px;
  	padding-top:3px;
  	border-bottom:1px solid #CCCCCC;
	}

* html  .sidebar  {font-size:x-small;}
	
.toolbar {
  	font-size:110%;
  	width:86%;
  	display:block;
  	color:#386592;
    font-weight:bold;
    padding:5px;
	}	

* html  .toolbar {font-size:small;}

.toolbar2 {
  	font-size:100%;
  	display:block;
  	color:#847B52;
    padding:2px;
    text-decoration:underline;
	}

* html  .toolbar2 {font-size:x-small;}	

.toolbar3 {
  	font-size:80%;
  	display:block;
  	color:#52ADFE;
    padding:2px;
    text-decoration:underline;
	}

* html  .toolbar3 {font-size:x-small;}	


.tool {
  	font-size:80%;
    line-height:160%;
    padding-left:5px;
    border-bottom:1px dotted #CCCCCC;
	}

* html  .tool{font-size:x-small;}	
	
.tool a:link {
  color: #666666;
	}
	
.tool a:visited {
	color: #666666;
	}
	
.tool a:hover, a:active, a:focus {
	background-color:#386592;
	color:#FFFFFF; 
  text-decoration:none;
	}

.tool2 {
  	font-size:100%;
    line-height:160%;
    padding-left:2px;
    border-bottom:1px dotted #CCCCCC;
	}

* html  .tool2{font-size:x-small;}	
	
.tool2 a:link {
  color: #666666;
  text-decoration:none;
	}
	
.tool2 a:visited {
	color: #666666;
	text-decoration:none;
	}
	
.tool2 a:hover, a:active, a:focus {
	background-color:#4dc5d6;
	color:#FFFFFF; 
	}
		
#blog{
	  font-size:100%;
    line-height:160%;
    padding:5px;
    border:1px solid #CCCCCC;
    margin-top:20px;
    margin-bottom:10px;
    background: url(layout/img/blog.png) top repeat-x;
   }

* html  #blog{font-size:x-small;}

#sale{
	  font-size:100%;
    line-height:160%;
    padding:5px;
    border:1px solid #eeeeee;
    margin-top:20px;
    margin-bottom:10px;
    background: url(layout/img/sale.png) top repeat-x;
   }

* html  #sale{font-size:x-small;}

.blogbar {
  	font-size:100%;
  	width:86%;
  	display:block;
  	color:#847B52;
    font-weight:bold;
    padding:5px;
	}

* html  .blogbar {font-size:x-small;}	
	
.blogtitle {
  	font-size:100%;
  	display:block;
  	color:#666666;
    font-weight:bold;
    padding:5px;
	}

* html  .blogtitle {font-size:x-small;}
  
.blogtext{padding:10px;}  		


.star{
 	  font-size:100%;
  	display:block;
  	color:#666666;
  	background: url(layout/img/star.gif) left no-repeat;
  	padding-left:15px;
  	padding-top:3px;
}

* html  .star {font-size:x-small;}

.star a:link {
  color: #666666;
	}
	
.star a:visited {
	color: #666666;
	}
	
..star a:hover, a:active, a:focus {
	color: #EEEEEE; text-decoration:none;  background-color: #BCDD11;
	}

#Categories ul, #Syndicate ul, #Recently ul, #Sections ul {
	margin-left:0; 
	margin-top:0; 
	margin-bottom:0px; 
	padding:0; 
	list-style:none; 
	font-size:100%;
	text-transform: capitalize;
	line-height:160%;
	}

* html  #Categories ul, #Syndicate ul, #Recently ul, #Sections ul {font-size:x-small;}

#Categories a, #Syndicate a, #Recently a, #Sections a {
	width:86%;
	display:block;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
	border-left-width:6px;
	margin-top:1px
	}

#Categories a:hover, #Syndicate a:hover, #Recently a:hover, 
#Sections a:hover, #Categories a:focus, #Syndicate a:focus, 
#Recently a:focus, #Links a:focus, #Categories a:active,  
#Syndicate a:active, #Recently a:active, #Sections a:active {
	background-color:#386592;
	color:#FFFFFF;
	}


/* ******************  footer  *************** */




#Bottom {
   background-color:#FFFFFF;
   height:100px;
   color:#999999;
   padding:3px 3px 3px 15px;
   } 
	
#Bottommenu {padding:5px;}	
	
#Bottommenu a, #Bottommenu a:link, #Bottommenu a:visited, #Bottom a, 
#Bottom a:link, #Bottom a:visited {
	text-decoration: none;
	color: #666666;
	border: 0;
	}

#Bottommenu a:active, #Bottommenu a:focus, #Bottommenu a:hover, 
#Bottom a:active, #Bottom a:focus, #Bottom a:hover { 
	text-decoration : underline; 
	color : #999999;
  background-color:transparent; 
	}


/* ******************  albums  *************** */

div.album {
	text-align: center;
        float: left;
        width:150px;
        margin-bottom:20px;
  	}

.album p {
   	text-align: center;
   	padding:0;
   	margin:0;
   	width:150px;
   	}
   
a img {border:none;}
#album a:link {color: #004ca1;}
#album a:visited {color: #b50394;}
#album a:hover, #album a:active, #album a:focus {color: #004ca1;background:none;}


/* ******************  trakbacks  *************** */

h4 {
	margin:0.9em 0 0 0;
	padding:0;font-size:small;
	}
	
dl {	
	margin:0;
	padding:0;
	}
	
dt {
	font-weight: bold;
	float:left;
	}
	
dd {
	padding-left:4em;
	}
	
/* ******************  to align elements  *************** */
.left {text-align: left;display:block}
.right {text-align: right;display:block}
.center {text-align: center;display:block}

/* ******************  to float elements  *************** */
.floatleft {float: left;padding:2px 10px 10px 0px}
.floatright {float: right;padding:2px 0px 10px 10px;}

/* ******************  to highlight text  *************** */
.bold {font-weight: bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline}


#hidden {display:none;}

input.button
{
   font-family:Arial,sans-serif;
   width:80px;
   height:22px;
   color:#333333;
   border:1px solid #FEBE01;
   margin-top:1px;
   font-size:10pt;
  background: url(imgs/button.png) repeat-x;
}


.trial{
  	font-size:100%;
  	display:block;
  	font-weight:bold;
  	color:#333333;
  	margin-top:10px;
  	margin-bottom:10px;
  	background: url(imgs/arrow6.gif) left no-repeat;
  	padding-left:15px;
  	padding-top:3px;
  	border-bottom:1px dotted #CCCCCC;
	}

.trialCategories{
  	font-size:100%;
  	display:block;
  	color:#333333;
  	margin-top:10px;
  	margin-left:5px;
  	margin-bottom:10px;
  	background: url(imgs/arrow5.gif) left no-repeat;
  	padding-left:15px;
  	padding-top:3px;
	}
	

/* CSS Tabs */
#navcontainer { 
width:100%;
background-color: #eef4f1;
}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 9pt;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #eef4f1;
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;
}

* html ul#navlist li {
        font-size: 9px;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #95bbae;
        border-right: 1px dashed #d1e3db;
        text-decoration: none;
}

ul#navlist li#active {
        color: #95bbae;
        background-color: #deebe5;
}

#navlist a:hover {
        color: #74a893;
        background-color: #d1e3db;
}

#navSquare {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navSquare li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navSquare a:link, #navSquare a:visited {
        float: right;
        font-size: 10pt;
        line-height: 14px;
        font-weight: none;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
        background: url(imgs/rounded.gif) no-repeat bottom center;
}

* html #navSquare a:link, #navSquare a:visited {font-size: 10px;}

#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
        color: #999999;
        background: url(imgs/square.gif) no-repeat bottom center;}


#searchtag{
background-color: #eef4f1;
border:1px dotted #95bbae;
text-align:center;
padding:5px;
margin:5px;
font-family:微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
}

#searchtag table{
margin:0 auto;
text-align:center;
}

.searchlist{
padding:5px;
margin:5px;
border-bottom:1px dotted #95bbae;
font-size:10pt;
font-family:微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
}

.searchlist h2{
font-size:16pt;
color:#95bbae;
font-weight:bold;
margin:10px;
font-family:微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
}



.topic{
font-size:16pt;
color:#95bbae;
font-weight:bold;
margin:10px;
font-family:微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
}

.art{
font-size:12pt;
color: #708491; 
padding:10px;
line-height: 160%;
font-family:PMingLiU,微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
text-align:justify;
text-justify: inter-ideograph;
}

.article{
font-size:12pt;
line-height: 180%;
padding:10px;
font-family:PMingLiU,微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
text-align:justify;
text-justify: inter-ideograph;
}


.share{
padding-left:10px;
font-family:PMingLiU,微軟正黑體,Microsoft JhengHei,tahoma,sans-serif;
text-align:right;
}

.share img{
margin:3px;
}



#mytable {
	width: 580px;
	padding: 0;
	margin: 0;
}

#mytable a {
	color: #c75f3e;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 600px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}




 .buttons{
text-align:center;
 }


.buttons a, .buttons button{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
}



.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}




/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}