/* common modul Lucida Grande:Mac OS X;Lucida:UNIX;"ËÎÌå":pwin;Verdana:all Windows;sans-serif:all system;  */
* {font:normal normal normal small "Lucida Grande",Lucida,"ËÎÌå",Verdana,Arial,Helvetica, sans-serif;}
body {margin:auto auto; padding:0 1% 2em; background-color:#fff; color:#001}
img {margin:0;padding:0;border:0; vertical-align:middle;}
ul {margin:0;padding:0; list-style-type:none; }
ol { margin:0; padding:0; list-style-type:decimal; list-style-position:inside;}
li {line-height:150%;}
dt, h2 {line-height:300%;font-weight:bold;color:#036;}
strong { color:Maroon; font-weight:bold;}
a:link {color:#00f; text-decoration:underline;}
a:active { color:#00f; text-decoration:none;}
a:hover {color:#c33; font-weight:bolder; text-decoration:underline;}
a:visited { color:#636; text-decoration:underline;}
fieldset { border:dotted 1px #ccc; background-color:#f6f6ff}
fieldset legend {padding:0 1em;color:#00f; font-weight:bolder}
input,textarea {border:solid 1px Olive; line-height:1.2em}
input.btn { border:outset .1ex #006; color:#006; background-color:#fff; height:1.6em; font-weight:bold;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.stress {color:#00F;}
b { font-weight:bold; color:#006;}
#form1 {margin:0 auto;padding:0;}
#top {clear:both; border-top:solid .2em #f6f6ff;}
#top h1 { display:block; vertical-align:middle;display:inline; font-style:italic;}
#top h1 img {padding:0 1em 0 0;}
#logo {}
#nav_main { clear:both; background-color:#f6f6ff; border-top:solid .1ex #eef }
#nav_main li {display:inline; line-height:200%;text-align:center; padding:0 0.5em;}
#nav_main li.currentlink { color:#00f; font-style:italic; font-weight:bold; font-size:115%; text-decoration:underline;}
#nav_main a { color:#006; font-weight:bold; text-decoration:none;}
#nav_main a:hover { color:#909; font-weight:bold;text-decoration:underline; font-size:110%;}
#big5 {clear:both; padding:.5em 0 0; text-align:right; border-top:solid .1ex #eef;}
#big5 li { display:inline; }
#big5 li form {margin:0; padding:0 0 0 2em; display:inline;}
#big5 li form div {margin:0; display:inline}
#search	{clear:both;margin:0 auto;padding:3em 0;line-height:400%;text-align:center;}
#footer	{clear:both;text-align:center;}
#footer p {margin:0; font-size:small; padding:.25em 0;}
#footer p span {margin:1em 0;}
#ads {clear:both;margin:0 auto;padding:0;}
#ads p { text-align:center}
/* common modul End */

/* index */
#homepage, #garden { clear:both; padding:0 2em 2em; border-bottom:solid .1ex #006;}
#knowledge { padding:1em 4em; border-bottom:solid .1ex #006;}
#homepage p {margin:0;padding:4em 8em 1em;}
#homepage dd, #knowledge dd, #garden dd {margin:0;text-indent:2em; line-height:200%;}
#knowledge dd ul { list-style-type:decimal; list-style-position:inside;}
#homepage dd img, #garden dd img {padding:1em;}
#garden table { margin:1em auto; width:80%; display:table; border-collapse:collapse; text-align:center}
#garden table caption { display:table-caption; line-height:200%; font-weight:bold; color:#036}
#garden table tr { display:table-row; line-height:150%;}
#garden table th { display:table-cell; color:#fff; background-color:#006; border:solid .1ex #006; padding:.25em 0; font-weight:bold}
#garden table td { display:table-cell; width:45%; text-align:left; text-indent:2em; color:#000; background-color:#fff; border:solid .1ex #000; padding:.25em 0;}

/* knowledge , civizization 's archives */
#archives, #culture {clear:both; padding:0 2em 2em; border-bottom:solid .1ex #006; text-align:center;}
#archives h2, #culture h2 {padding:2em 0 .5em; font-size:large; line-height:150%;}
cite {line-height:300%}
#archives p, #culture p  {margin:0;padding:.25em 4em;color:#033;font-size:medium;line-height:200%;text-align:left;text-indent:2em;}
#culture p {margin:0;padding:.25em 12em;}
#archives p.subhead,#culture p.subhead {padding:.5em 1em ;color:#069;text-align:center; font-size:larger;}
#nextlink {clear:both;}
#nextlink p {padding:1em 2em;text-align:right;}

/* #appreciate is temporary */
#appreciate {clear:both;width:760px;text-align:center;font-size:12px;}
#appreciate ul {clear:both;margin:0;padding:2em 2em;border:0;text-align:center;}
#appreciate li {float:left;width:350px;margin:0;padding:0;}
#appreciate li h2 {margin:0;padding:1em 0 .5em;color:#909;line-height:300%;font:normal 14px "Lucida Grande",Lucida,"ËÎÌå",Verdana,Arial,Helvetica, sans-serif;}
#appreciate li p {margin:0;padding:0 4em;text-indent:2em;text-align:left;}

#agateshow { margin:1em auto 3em; padding:2em; }
#agateshow li {display:block; float:left; margin:1em; padding:.5em;}

/* taoshiqu,handicraft */
#showagate {margin:0 auto; padding:.8em; text-align:center; font-size:small;}
#showagate li { display:block; float:left;width:178px;margin:1em .3em;padding:0; background-color:#f5f5f5;}
#showagate li p { text-align:center; font-size:small;}
#showagate li p.agates {margin:.4em 0 0 .2em;padding:0 17px;text-align:center;width:144px;height:108px; background:url("agateborder.gif") no-repeat 17px 0;}
#showagate li p.agates img {padding:.4em 0 0;}
#pagetop, #pagebottom {clear:both; padding:.5em 0 0; text-align:right;}
#pagetop li, #pagebottom li { display:inline; padding:0 .25em; font-style:italic;}
#pagetop li a , #pagebottom li a { color:#006; text-decoration:none; font-style:normal;}
#pagebottom {padding:1em; border-bottom:solid .1ex #006;}
#handicraft {margin:0 auto; padding:1em; text-align:center; font-size:small; border-bottom:solid .1ex #006;}
#handicraft li { display:block; height:200px; clear:both; margin:2em auto; padding:0 2em; background-color:#f5f5f5;}
#handicraft li img {padding:10px 0; float:left;}
#handicraft li h2 {margin:0;padding:.5em 0;font-weight:bolder;color:#036;}
#handicraft li p {margin:0;padding:.5em 0;text-align:left; text-indent:4em;}

/* register -finshed */
#register {width:90%;margin:0 auto;}
#register h1 {color:Maroon; font-weight:bold; font-size:larger; text-align:center;}
#register fieldset { margin:0 0 2em 0;}
#register p { margin:0; padding:.5em 0; line-height:120%; text-indent:2em;}
/* login -finished */
#login {width:90%;padding:4em;text-align:center;}
/* myaccount */
#myaccount {clear:both;width:100%;margin:0 auto;padding:0;}
#accountadmin h1{margin:1em 0; padding:0 2em; clear:left; font-size:larger; text-align:right; background-color:#f5f5f5;}
#myaccount h2{ font-size:medium; font-weight:bold;}
#userinfo {width:50%; float:left; padding:0 0 0 .5em; background:url("dottedccc.gif") repeat-y right;}
#myservices {width:40%; float:right; padding:0 .5em;}
/* gallery */
#gallery ul {clear:both;}
#gallery li {clear:both;padding:2em;color:#009;}
#gallery li div.photo {float:left; width:280px; height:215px;background:url("photoborder.gif") no-repeat;text-align:center; vertical-align:middle; }
#gallery li div.agate {float:left;}
#gallery li div.photo p {margin:0;padding:18px 0 0;}
#gallery h2 {padding:1em 0 0.25em;color:#909;line-height:300%;text-align:center; font-size:larger;}
#gallery h3 {clear:both;text-align:right; padding:2em 4em; font-weight:normal;}
#gallery li div.description p { text-indent:2em; color:Black}
#gallery li div.description b {color:Blue; font-weight:bold}
#gallerylink { padding:1em 4em; list-style-type:square;}
/* gallery End */