/* all */

.show {
    display: none;
}

.hide {
    display: block;
}

* {
    font-family: verdana;
}

html {
    overflow: scroll;
}

a {
    color: #00b;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a.more {
    font-size: 10px;
}

acronym {
    border-bottom: 1px dotted #999;
}

.sdb-left {
    background: url(sidebar_bg.gif) repeat-y 0 0;
    *background: url(sidebar_bgg.gif) repeat-y 0 0;
    _background: url(sidebar_bgg.gif) repeat-y 0 0;
}

.sdb-right {
    background: url(sidebar_bg.gif) repeat-y 100% 0;
    *background: url(sidebar_bgg.gif) repeat-y 100% 0;
    _background: url(sidebar_bgg.gif) repeat-y 100% 0;
}

.sdb-right2 {
    background: url(sidebar_bg2.gif) repeat-y 100% 0;
}

input:focus, textarea:focus, select:focus { /* fx */
    background-color: #ffe;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* all \*/

/* highlight */

.remind {
    color: #f30 !important;
}

.mark {
    color: #ff8c00;
}

.protect {
    background: #ffc;
    color: #c30;
    padding: 0 1px;
}

/* highlight \*/

/* masthead */

#masthead {
    height: 70px;
    margin-bottom: 10px;
    background-color: #060;
    background: url(header_bg.jpg) repeat-x 0 100%;
    color: #fff;
    font-size: 93%;
}

#masthead .round-l {
    width: 10px;
    height: 70px;
    float: left;
    background: url(header_round_l.jpg) no-repeat 0 100%;
}

#masthead .round-r {
    height: 70px;
    width: 10px;
    float: right;
    background: url(header_round_r.jpg) no-repeat 100% 100%;
}

#masthead .logo a {
    height: 70px;
    width: 156px;
    float: left;
    margin-left: 10px;
    background: url(header_logo.gif) no-repeat 0 2px ;
    position: relative;
}

#masthead .logo {text-indent:-1000em;}

#masthead .ver {
    width: 40px;
    height: 41px;
    float: left;
    margin-top: 20px;
    background: url(header_spacer.gif) no-repeat 100% 0;
    font-size: 77%;
}

#masthead .ver a {
    color: #fff;
}

#masthead .ver a:hover {
    text-decoration: none;
}

#masthead .user {
    height: 41px;
    width: 295px;
    float: left;
    margin: 19px 0 0 15px;
}

#masthead .user li {
    margin: 2px 0 7px;
}

#masthead .user a {
    color: #d7e1ca;
}

#masthead .function {
    float: right;
    margin: 0 15px 0 0;
    padding-top: 10px;
}

#masthead .navi {
    text-align: right;
    padding-bottom: 10px;
}

#masthead .navi li {
    display: inline;
}

#masthead .navi li a {
    color: #d7e1ca;
    padding: 10px 5px 3px;
}

#masthead .navi li a:hover, #masthead .navi li a:active {
    text-decoration: underline;
    color: #fff;
}

#masthead .navi li a.active {
    background: #f60;
    text-decoration: none;
    color: #fff;
}

#masthead .input {
    background: url(header_magnifier.gif) no-repeat 0 1px;
    padding-left: 30px;
}

#masthead .input .sbar {
    height: 12px;
    width: 180px;
    vertical-align: top;
    padding: 4px;
    color: #666;
}

#masthead .input a.cbtn {
    padding: 6px 12px 6px 30px;
    *padding: 12px 12px 12px 30px;
    _padding: 10px 12px 10px 30px;
    vertical-align: 0;
    *vertical-align: 5px;
    _vertical-align: 3px;
    border: medium none;
    text-align: center;
    color: #333;
    padding-left: 30px;
    background: url(btn_create2.gif) no-repeat 0 -30px;
    *background: url(btn_create2.gif) no-repeat 0 -25px;
    _background: url(btn_create2.gif) no-repeat 0 -27px;
}

#masthead .input a.cbtn:hover {
    background: url(btn_create2.gif) no-repeat 0 0;
    *background: url(btn_create2.gif) no-repeat 0 5px;
    _background: url(btn_create2.gif) no-repeat 0 3px;
    text-decoration: none;
}

#crumb p {
    padding: 0 0 5px 1em;
    background: url(icon.gif) no-repeat -5px -117px;
    *background-position: -5px -118px;
    _background-position: -5px -118px;
    font-size: 93%;
}

/* masthead \*/

/* footer */

#footer {
    background: url(line.gif) repeat-x 0 0;
    height:20px;
    margin-top:15px;
    padding: 10px;
    font-size: 93%;
}

#footer p {
    height: 16px;
    background: url(icon.gif) no-repeat 0 0;
    padding: 2px 0 2px 20px;
    float: left;
}

#footer ul {
    text-align: right;
    color: #999;
}

#footer li {
    display: inline;
    *padding: 0 3px 0 6px;
    _padding: 0 3px 0 6px;
    *background: url(footer_pipe.gif) no-repeat 100% 30%;
    _background: url(footer_pipe.gif) no-repeat 100% 30%;
}

#footer li:after { /* fx */
	content: " | ";
}

#footer li.last {
    *background: none;
    _background: none;
}

#footer li.last:after { /* fx */
	content: "";
}

/* footer \*/

/* content bar */

.tbar { /* title bar */
    height: 35px;
    width: auto;
    background: url(line.gif) repeat-x 0 100%;
    margin-bottom: 10px;
}

.tbar h1 {
    height: 35px;
    margin-left: 5px;
    background: url(content.gif) no-repeat 0 0;
}

.tbar h1 span {
    height: 35px;
    display: block;
	margin: -20px 0 0 25px;
    background: url(content.gif) no-repeat 0 0
}

.tbar h1 em {
    margin-left: -9999px;
}

.fbar { /* foot bar */
    height: 40px;
    background-color: #eaf4db;
    border-top: 1px solid #b4b4b4;
    text-align: center;
    margin-top: 15px;
    clear: left;
}

.link {
    padding-top: 10px;
}

/* content bar \*/

/* sidebar */

.sdb {
    background: #f1f1f1;
}

.sdb .hd {
    background: #e4e4e4 url(sidebar.gif) no-repeat 10px 5px;
    border-top: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    height: 31px;
}

.sdb .hd h3 {
    background: url(sidebar.gif) no-repeat 0 0;
    height: 31px;
    margin-left: 25px;
}

.sdb .hd h3 span {
    margin-left: -9999px;
}

/* sidebar \*/

/* button */

.sbtn {
    width: 50px;
    height: 25px;
    border: medium none;
    cursor: pointer;
    text-align: center;
    color: #333;
    *padding-top: 3px;
    _padding-top: 3px;
}

.function .sbtn {
    background: url(btn_search.jpg) no-repeat 0 0;
}

.function .sbtn:hover {
    background-position : 0 -30px;
}

.submit .sbtn {
    margin-top: 7px;
    background: url(btn_submit.jpg) no-repeat 0 0;
}

.sbtn:hover {
    background-position : 0 -35px;
}

.gbtn { /* green btn */
    display: block;
}

.gbtn a {
    padding: 0 2px 0 2px;
    *padding-top: 2px;
    _padding-top: 2px;
    background: #090;
    border: 1px solid;
    border-color: #ccc #333 #333 #ccc;
    color: #fff;
}

.gbtn a:hover {
    text-decoration: none;
    color: #ff0;
}

.gbtn .im a { /* i am author */
    background: #ff7f50;
}

/* button \*/

/* switch */

.switch {
    text-align: right;
    font-size: 93%;
    height: 15px;
    color: #999;
}

.switch a {
    text-decoration: underline;
}

.switch .active {
    color: #000;
    padding-right: 15px;
    background: url(icon.gif) no-repeat 0 0;
    text-decoration: none;
    font-weight: bold;
}

.switch .rss-reply {
    margin-left: 5px;
    padding-left: 16px;
    background: url(toolbox_tool.gif) no-repeat 0 -101px;
}

.switch a.rss-reply {
    text-decoration: none;
}

.switch a.rss-reply:hover {
    text-decoration: underline;
}

/* switch \*/

/* poster */

.poster {
    display: block;
}

.poster span.tline {
    display: block;
    border-top: 1px solid #e8e8e8;
}

.poster p {
    color: #999;
    float: left;
    padding-top: 10px;
}

.poster p a.who {
    background: url(icon.gif) no-repeat 0 -160px;
    padding: 0 0 0 1.4em;
    *padding-top: 1px;
    _padding-top: 1px;
}

.poster ul {
    float: right;
    padding-top: 10px;
}

.poster ul li {
    display: inline;
}

/* poster \*/

/* dl table */

.alert {
    border: 1px solid #ffcc01;
    margin: 10px 25px 15px;
    padding: 5px 10px;
    background: #ffffcc;
}

.alert li {
    padding-left: 25px;
    background:  url(icon.gif) no-repeat 5px -35px;
    line-height: 1.5em;
}

.dable dt {
    width: 100px;
    float: left;
    margin: 0 10px 20px 7px;
    *margin-top: 2px;
    _margin-top: 2px;
    text-align:right;
    clear: left;
}

.dable em {
    display: block;
    color: #999;
    margin: 5px 0 10px 115px;
    *margin-left: 0;
    _margin-left: 0;
    font-size: 77%;
}

/* d table \*/

/* sidebar dl table */

.sdable dt {
    display: block;
    padding: 20px 5px 10px 15px;
}

.sdable ul {
    margin-top: 10px;
}

.sdable ul li {
    line-height: 2em;
    background: url(dot_big.gif) no-repeat 0 10px;
    padding: 0 10px 0 15px;
    margin-left: 10px;
}

.sdable ol li {
    margin: 0 0 5px 20px;
    padding: 0 10px 0 10px;
    background: url(dot_small.gif) no-repeat 0 7px;
    line-height: 1.5em;
}

/* sidebar dl table \*/

/* empty content */

.empty {
    font-size: 133%;
    border: 1px solid #999;
    margin-bottom: 15px;
}

.empty .x {
    height: 5em;
    width: 100%;
}

.empty .y {
    width: 100%;
}

.empty .z {
    width: 100%;
    text-align: center;
}

.empty h3 {
    color: #999;
    padding-left: 25px;
    background:  url(icon.gif) no-repeat 315px -396px;
    *background:  url(icon.gif) no-repeat 315px -396px;
    _background:  url(icon.gif) no-repeat 315px -398px;
}

/* empty content \*/

/* registration */

#reg {
    font-size: 123.1%;
}

#reg .hd h1 span {
    background-position: 0 -50px;
}

#reg .bd {
    margin-bottom: 4em;
}

#reg .bd input {
    padding-left: 4px;
    font-size: 100%;
}

#reg .bd.done span {
    padding: 10px 0 10px 30px;
}

#reg .bd.done p {
    padding: 10px 0 10px 30px;
    display: block;
    font-size: 100%;
}

#reg .bd.done ul {
    margin: 0 0 3em 30px;
}

#reg .bd.done li {
    line-height: 1.8em;
    background: url(dot_big.gif) no-repeat left 10px;
    padding-left: 15px;
}

#reg .bd.done strong {
    font-weight: bold;
}

#reg .ft .sbtn {
    font-size: 77%;
}

#reg-sdb {
    font-size: 123.1%;
}

#reg-sdb .hd h3 {
    background-position: 5px -34px;
}

#reg-sdb .bd ol li {
    font-size: 77%;
}

#reg-sdb .bd p {
    margin: 20px 10px 0;
    line-height: 1.5;
    text-align: center;
}

#reg-sdb.done .hd h3 {
    background-position: 5px -74px;
}

/* registration \*/

/* create tree */

#cmeta { /* create tree meta data */
    font-size: 123.1%;
}

#cmeta .hd h1 span {
    background-position: 0 -100px;
}

#cmeta .bd input {
    padding-left: 4px;
    height: 20px;
    width: 450px;
    font-size: 100%;
}

#cmeta .bd textarea {
    padding-left: 4px;
    width: 450px;
    height: 100px;
    font-size: 100%;
}

#cmeta .bd select {
    color: #333;
    font-size: 100%;
}

#cmeta .ft {
    height: 10px;
    background: url(line.gif) repeat-x left bottom;
    margin-bottom: 15px;
}

#creply { /* create reply format */
    font-size: 93%;
}

#creply .hd dt {
    font-size: 133%;
}

#creply .hd .tips {
    font-size: 77%;
}

#creply .tips .a p {
    padding-bottom: 0.5em;
}

#creply .bd .box {
    width: 400px;
    border: 1px solid #b4b4b4;
    background: #fff url(format_top.jpg) repeat-x 0 1px;
    margin-left: 117px;
    *margin-left: 0;
    _margin-left: 0;
    margin-bottom: 15px;
}

#creply .bd .box .tools a img {
    height:12px;
    width:12px;
}

#creply .bd .box p {
    font-size: 133%;
    margin: 5px 10px 10px 10px;
}

#creply .bd .box p span {
    font-weight: bold;
    display: block;
}

#creply .bd .box p a.empty {
    color: #999;
    font-weight: normal;
}

#creply .bd .box em {
    margin: 10px 0 0 10px;
    padding-left: 22px;
    height: 16px;
    display: block;
    color: #666;
}

#creply .bd .box .space {
    height: 15px;
    background: url(format_bottom.jpg) repeat-x left bottom;
}

#creply .bd .box-edit dl {
    margin: 20px 10px 10px 10px;
}

#creply .bd .box-edit dt {
    clear: left;
    width: 65px;
    margin: 1px 5px 0 0;
    *padding-top: 2px;
    _padding-top: 2px;
    color: #f60;
    float: left;
}

#creply .bd .box-edit dd {
    margin: 0 0 10px 0;
    *margin: 0 0 5px -7px;
    _margin: 0 0 5px -7px;
    padding: 0;
}

#creply .bd .box-edit dd input.cname {
    width: 250px;
    padding-left: 4px;
}

#creply .bd .box-edit dd label {
    padding-right: 3px;
    *padding-right: 0px;
    _padding-right: 0px;
}

#creply .bd .box-edit dd.item p {
    font-size: 100%;
    margin: 0 0 10px 70px;
    *margin-left: 0px;
    _margin-left: 0px;
}


#creply .bd .box-edit dd.item p input {
    width: 225px;
    padding-left: 4px;
}

#creply .bd .box-edit dd.item p a {
    text-decoration: none;
    margin-left: 5px;
}

#creply .bd .box-edit dd.item p.item-add {
    margin-left: 90px;
    *margin-left: 20px;
    _margin-left: 20px;
}

#creply .bd .box-edit dd.item p.item-add span {
    margin-left: 25px;
}

#creply .bd .box-edit dd.item p.item-add span input {
    width: 16px;
}

#creply .bd .box-edit dd.item p.item-add span label {
    margin-left: 3px;
}

#creply .bd .box-edit .gbtn {
    text-align: left;
    margin-left: 10px;
}

#creply .bd .box-edit .gbtn li {
    display: inline;
}

#creply a.top, #creply a.up, #creply a.down, #creply a.bottom, #creply a.edit, #creply a.remove { /* treply box tools */
    float: right;
    display: block;
    height:12px;
    width:12px;
    margin-right:3px;
    margin-top: 3px;
}

#creply a.top, #creply a.up, #creply a.down, #creply a.bottom, #creply a.edit, #creply a.remove, #creply a.top:hover, #creply a.up:hover, #creply a.down:hover, #creply a.bottom:hover, #creply a.edit:hover, #creply a.remove:hover {
    background: url(format_tool.gif) no-repeat scroll;
}

#creply a.top {
    background-position: 0 0;
}

#creply a.top:hover {
    background-position: 0px -15px;
}

#creply a.up {
    background-position: -15px 0;
}

#creply a.up:hover {
    background-position: -15px -15px;
}

#creply a.down {
    background-position: -30px 0;
}

#creply a.down:hover {
    background-position: -30px -15px;
}

#creply a.bottom {
    background-position: -45px 0;
}

#creply a.bottom:hover {
    background-position: -45px -15px;
}

/*
#creply a.edit {
    background-position: -60px 0;
}

#creply a.edit:hover {
    background-position: -60px -15px;
}
 */

#creply a.remove {
    background-position: -75px 0;
}

#creply a.remove:hover {
    background-position: -75px -15px;
}

#creply .f-input, #creply .f-text, #creply .f-url, #creply .f-addr, #creply .f-time, #creply .f-radio, #creply .f-checkbox {
    background: url(format_list.gif) no-repeat 0 0px;
}

#creply .f-input { /* field type */
    background-position: 0 0;
}

#creply .f-text {
    background-position: 0 -20px;
}

#creply .f-url {
    background-position: 0 -40px;
}

#creply .f-addr {
    background-position: 0 -60px;
}

#creply .f-time {
    background-position: 0 -80px;
}

#creply .f-radio {
    background-position: 0 -100px;
}

#creply .f-checkbox {
    background-position: 0 -120px;
}

.hint {
    border: 1px solid #ffcc01;
    background-color: #ffffcc;
    padding: 12px;
    color: #060;
}

.hint h5 {
    font-size: 123.1%;
    background: url(icon.gif) no-repeat 0 -76px;
    *background: url(icon.gif) no-repeat 0 -77px;
    _background: url(icon.gif) no-repeat 0 -77px;
    padding: 0 0 10px 20px;
    font-weight: bold;
}

.hint p {
    line-height: 1.6;
    margin-bottom: 1em;
}

.hint strong {
    color: #f30;
}

/* create reply format \*/

/* format menu */

.shadowbox { /* shadow effect*/
    width: 250px;
    background: #ccc;
    margin-top: 30px;
    position: relative;
}

.shadowbox #fmenu {
    position: relative;
    top: -3px;
    left: -3px;
}

#fmenu { /* field menu */
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-top-color: #ccc;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #ccc;
    width: 248px;
    font-size: 93%;
}

#fmenu .hd {
    background: #e4e4e4 url(menu_spacer.gif) repeat-x 0 100%;
    height: 40px;
    padding: 10px 30px 0 30px;
}

#fmenu .hd li {
    text-align: center;
}

#fmenu .hd li.left {
    float: left;
}

#fmenu .hd li.right {
    float: right;
}

#fmenu .hd li a {
    display: block;
    width: 80px;
    height: 28px;
    padding-top: 12px;
    text-decoration: none;
}

#fmenu .hd li a.active {
    background: url(format_menu.jpg) no-repeat 0 0;
    color: #000;
}

#fmenu .hd li a.inactive {
    background: url(format_menu.jpg) no-repeat 0 -50px;
    color: #333;
}

#fmenu .hd li a.inactive:hover {
    background: url(format_menu.jpg) no-repeat 0 -100px;
}

#fmenu .bd {
    clear: both;
}

#fmenu .bd dl {
    margin: 10px 35px;
}

#fmenu .bd dt {
    color: #f60;
    font-size: 133%;
}

#fmenu .bd dt .gbtn {
    display: inline;
    font-size: 77%;
    margin-left: 5px;
}

#fmenu .bd dd {
    color: #666;
    padding: 5px 0 20px 0;
}

#fmenu .ft {
    text-align: right;
    padding: 0 10px 10px 0;
}

/* format menu \*/

/* create tree advance setting */

#cadvance {
    font-size: 123.1%;
}

#cadvance .hd {
    height: 10px;
    background: url(line.gif) repeat-x 0 100%;
    margin-bottom: 15px;
}

#cadvance .bd dt {
    margin-bottom: 0;
    *margin-bottom: 100px;
    _margin-bottom: 100px;
}

#cadvance .bd dd {
    margin-left: 120px;
}

#cadvance .bd em {
    margin-left: 20px;
}

#cadvance .dable .cpwd {
    color: #666;
    width: 280px;
    height: 14px;
    padding: 2px 0 0 4px;
    font-size: 77%;
}

#cadvance .dable .checked {
    color: #f30;
    margin-left: 1em;
    padding-left: 25px;
    background:  url(icon.gif) no-repeat 5px -36px;
}

#access-password {
    display: none;
}

#cadvance .ft {
    font-size: 77%;
}

/* create tree advance setting \*/

/* tree */

#new-tree.alert {
    margin: 0 0 10px;
    font-size: 123.1%;
    padding: 10px;
}

#tree {
    background: url(tree_right.gif) no-repeat 100% 0;
    font-size: 100%;
}

#tree .top {
    background: url(tree_left.gif) no-repeat 0 0;
    padding-top: 10px;
}

#tree .top .hd {
    background: #eaf4db;
    margin: 0 7px 0;
}

#tree .bottom {
    background: url(tree_left.gif) no-repeat 0 100%;
    padding-left: 10px;
}

#tree .bottom .ft {
    background: url(tree_right.gif) no-repeat 100% 100%;
}

#tree .hd img {
    width: 50px;
    height: 50px;
    margin: 5px 10px 10px 10px;
    float: left;
}

#tree .hd h1 {
    padding: 7px;
}

#tree .hd h1 a {
    font-size: 150%;
    font-weight: bold;
    color: #006400;
}

#tree .hd ul {
    font-size: 93%;
    color: #999;
    padding-bottom: 12px;
}

#tree .hd li {
    display: inline;
    margin-right: 0.5em;
}

#tree .hd li a {
    color: #999;
}

#tree .hd li a:hover {
    color: #999;
    text-decoration: none;
}

#tree .bd {
    font-size: 123.1%;
    line-height: 1.5;
    padding: 10px 20px;
}

#tree .ft {
    font-size: 93%;
    height: 40px;
}

#tree .ft .poster {
    padding: 0 20px 0 10px;
}

.tg1 { /* tree growth level 1~5 */
    background: url(tree.gif) no-repeat 0 0;
}

.tg2 {
    background: url(tree.gif) no-repeat 0 -50px;
}

.tg3 {
    background: url(tree.gif) no-repeat 0 -100px;
}

.tg4 {
    background: url(tree.gif) no-repeat 0 -150px;
}

.tg5 {
    background: url(tree.gif) no-repeat 0 -200px;
}

/* tree \*/

/* reply */

#reply {
    font-size: 93%;
}

#reply .hd {
    margin-top: 15px;
}

#reply .hd h3 {
    background: url(leaf.gif) no-repeat 0 0;
    height: 30px;
    width: auto;
}

#reply .hd h3 em {
    margin-left: -9999px;
}

#reply .hd .switch {
    font-size: 100%;
    float: right;
    margin: -20px 5px 0 0;
}

#reply .hd .switch .active {
    background-position: 39px -358px;
    *background-position: 39px -360px;
    _background-position: 39px -360px;
}

#reply .box {
    border: 1px solid #b4b4b4;
    margin-bottom: 15px;
    background: url(reply_middle.gif) repeat-y 0 0;
    *background-position: 1px 0;
    _background-position: 1px 0;
}

#reply .box .top {
    height: 10px;
    background: url(reply_top.gif) no-repeat left top;
}

#reply .box .bottom {
    height: 10px;
    background: url(reply_bottom.gif) no-repeat left bottom;
}

#reply .box .content {
    float: right;
    width: 88%;
}

#reply .box .content dl {
    margin-bottom: 15px;
}

#reply .box .content dt {
    width: 40px;
    float: left;
    color: #090;
    margin-top: 4px;
    text-align: right;
    clear: left;
}

#reply .box .content dd {
    margin: 0 15px 5px 50px;
    font-size: 133%;
    line-height: 1.5;
}

#reply .box .content dd span {
    font-size: 77%;
    margin-left: 5px;
}

#reply .box .content dd span a {
    padding: 2px 0 2px 20px;
}

#reply .box .content dd img {
    float: right;
    margin-left: 8px;
}

/* rating */

#reply .box .rating {
    float: left;
    width: 11%;
    text-align: center;
}

#reply .box .rating .score {
    width: 60px;
    height: 55px;
    margin: 0 10px 5px;
    padding-top: 7px;
    color: #360;
}

#reply .box .rating.thumb .score {
    background: url(rating_score.jpg) no-repeat 0 0;
}

#reply .box .rating.rank .score {
    background: url(rating_score.jpg) no-repeat 0 -77px;
}

#reply .box .rating .score p {
    word-spacing: 10px;
}

#reply .box .rating .score p em {
    font-family: georgia;
    font-size: 150%;
    *font-size: 145%;
    _font-size: 145%;
    display: block;
}

#reply .box .rating.rank .score p em {
    line-height: 0.8em;
    *line-height: 1em;
    _line-height: 0.8em;
}

#reply .box .rating .do p {
    padding: 5px 0;
}

#reply .box .rating .do p.done {
    color: #999;
}

/* rating + thumb */

#reply .box .rating.thumb .do a, #reply .box .rating.thumb .do span {
    display: block;
    width: 18px;
    height: 18px;
}

#reply .box .rating.thumb .do a img, #reply .box .rating.thumb .do span img {
    width: 18px;
    height: 18px;
}

#reply .box .rating.thumb .do a.up, #reply .box .rating.thumb .do span.up {
    float: left;
    margin-left: 17px;
    _margin-left: 8px;
}

#reply .box .rating.thumb .do a.down, #reply .box .rating.thumb .do span.down {
    float: right;
    margin-right: 20px;
    _margin-right: 10px;
}

#reply .box .rating.thumb .do a.up, #reply .box .rating.thumb .do a.up:hover, #reply .box .rating.thumb .do span.up, #reply .box .rating.thumb .do span.up.active1, #reply .box .rating.thumb .do a.down, #reply .box .rating.thumb .do a.down:hover, #reply .box .rating.thumb .do span.down, #reply .box .rating.thumb .do span.down.active2 {
    background: url(rating_do.gif) no-repeat 0 0;
}

#reply .box .rating.thumb .do a.up {
    background-position: 0 0;
}

#reply .box .rating.thumb .do a.up:hover {
    background-position: 0 -30px;
}

#reply .box .rating.thumb .do span.up {
    background-position: 0 0;
}

#reply .box .rating.thumb .do span.up.active1 {
    background-position: 0 -60px;
}

#reply .box .rating.thumb .do a.down {
    background-position: -30px 0;
}

#reply .box .rating.thumb .do a.down:hover {
    background-position: -30px -30px;
}

#reply .box .rating.thumb .do span.down {
    background-position: -30px 0;
}

#reply .box .rating.thumb .do span.down.active2 {
    background-position: -30px -60px;
}

/* rating + rank */

#reply .box .rating.rank .do a {
    display: block;
    width: 13px;
    height: 20px;
}

#reply .box .rating.rank .do a img {
    width: 13px;
    height: 20px;
}

#reply .box .rating.rank .do a.top, #reply .box .rating.rank .do a.up, #reply .box .rating.rank .do a.down, #reply .box .rating.rank .do a.bottom {
    float: left;
    margin-left: 5px;
    _margin-left: 4px;
}

#reply .box .rating.rank .do a.top, #reply .box .rating.rank .do a.up, #reply .box .rating.rank .do a.down, #reply .box .rating.rank .do a.bottom, #reply .box .rating.rank .do a.top:hover, #reply .box .rating.rank .do a.up:hover, #reply .box .rating.rank .do a.down:hover, #reply .box .rating.rank .do a.bottom:hover {
    background: url(rating_do.gif) no-repeat 0 0;
}

#reply .box .rating.rank .do a.up {
    background-position: 0 -240px;
}

#reply .box .rating.rank .do a.up:hover {
    background-position: 0 -210px;
}


#reply .box .rating.rank .do a.top {
    background-position: 0 -300px;
}

#reply .box .rating.rank .do a.top:hover {
    background-position: 0 -270px;
}

#reply .box .rating.rank .do a.down {
    background-position: -30px -240px;
}

#reply .box .rating.rank .do a.down:hover {
    background-position: -30px -210px;
}

#reply .box .rating.rank .do a.bottom {
    background-position: -30px -300px;
}

#reply .box .rating.rank .do a.bottom:hover {
    background-position: -30px -270px;
}

#reply .box .poster {
    clear: both;
    margin: 0 20px 10px 90px;
    *margin-bottom: 0;
    _margin-bottom: 0;
    height: 10px;
    *height: 33px;
    _height: 33px;
}

#reply .ft .rbtn { /* reply button */
    margin-bottom: 15px;
    text-align: center;
    font-size: 133%;
    padding: 0
}

#reply .ft.upper .rbtn {
    margin: 10px 0 10px 0;
}

#reply .ft .rbtn a {
    display: block;
    width: 110px;
    height: 28px;
    background: url(btn_reply.gif) no-repeat 0 0;
    color: #fff;
    padding-top: 3px;
    *padding-top: 4px;
    _padding-top: 4px;
    margin: 0 auto;
}

#reply .ft .rbtn a:hover {
    color: #ff3;
    text-decoration: none;
}

#reply-form {
    display: none;
}

#reply .form .alert {
    margin-left: 15px;
}

#reply .form .alert li {
    background:  url(icon.gif) no-repeat 5px -38px;
}

#reply .form .content dt {
    margin-top: 4px;
    *margin-top: 6px;
    _margin-top: 6px;
}

#reply .form .content dd {
    font-size: 100%;
}

#reply .form .content dd input {
    width: 450px;
    padding-left: 4px;
    font-size: 133%;
    margin-top: 5px;
    *margin-left: -50px;
    _margin-left: -50px;
}

#reply .form .content dd.checkbox input {
    width: auto;
    margin-top: 2px;
    *margin-left: 0px;
    _margin-left: 0px;
}

#reply .form .content dd.checkbox p {
    line-height: 1.6em;
}

#reply .form .content dd textarea {
    width: 496px;
    *width: 498px;
    _width: 498px;
    height: 100px;
    padding-left: 4px;
    font-size: 133%;
    margin-top: 5px;
    *margin-left: -50px;
    _margin-left: -50px;
}

#reply .form .content dd select {
    margin-top: 5px;
    font-size: 133%;
}

#reply .form .content dd label {
    font-size: 133%;
}

#reply .form .box .rating p {
    text-align: center;
}

#reply .form .box .submit {
    clear: both;
    margin: 0 10px 0 90px;
    height: 40px;
}

#reply .form .box em {
    margin-left: 50px;
    *margin-left: 0;
    _margin-left: 0;
    color: #999;
    display: block;
}

/* reply  \*/

/* comment */

#comment {
    font-size: 93%;
}

#comment .hd {
    margin-top: 15px;
}

#comment .hd h3 {
    background: url(leaf.gif) no-repeat 0 -50px;
    height: 30px;
    width: auto;
}

#comment .hd h3 em {
    margin-left: -9999px;
}

#comment .box {
    margin-bottom: 10px;
    font-size: 100%;
}

#comment .box .content {
    background: url(comment_right.jpg) no-repeat 100% 0;
}

#comment .box .content .top {
    background: url(comment_left.jpg) no-repeat 0 0 ;
}

#comment .box .content strong {
    display: block;
    padding: 10px 0 10px 10px;
    color: #999;
}

#comment .box .content strong a {
    color: #999;
}

#comment .box .content .bottom {
    font-size: 133%;
    line-height: 1.5em;
    background: url(comment_left.jpg) no-repeat 0 100%;
    padding-left: 10px;
}

#comment .box .content p {
    background: url(comment_right.jpg) no-repeat 100% 100%;
    padding: 0 50px 10px 90px;
}

#comment .box .poster {
    height: 30px;
    border: none;
    background: #fff;
}

#comment .box .poster p {
    margin: -1px 0 0 60px;
    padding-left: 40px;
    background: url(comment_talk.gif) no-repeat left top;
    position: absolute;
    z-index: 999;
}

#comment .box .poster ul {
    margin-right: 5px;
}

#comment .post .submit {
    background: url(comment_right.jpg) no-repeat 100% 100%;
    padding: 0 50px 0 90px;
}

#comment .post .submit textarea {
    width: 550px;
    height: 100px;
    padding-left: 4px;
    font-size: 100%;
}

#comment em {
    font-size: 77%;
    color: #999;
    display: block;
}

#comment .post .submit .fbar {
	font-size: 77%;
	margin: 10px 50px 0 0;
}

#comment .post .bottom span {
	display: block;
	height: 10px;
	*margin-top: 0px;
	_margin-top: -10px;
}

#comment .post .alert {
    margin: 0 50px 15px 0;
}

#comment .post .alert li {
    font-size: 77%;
    background:  url(icon.gif) no-repeat 5px -38px;
}

#comment .post .fbar a {
    display: inline-block;
    padding: 6px 15px 4px 14px;
    background: url(btn_submit.jpg) no-repeat 0 0;
    *background: url(btn_submit.jpg) no-repeat 0 4px;
    _background: url(btn_submit.jpg) no-repeat 0 4px;
    color: #000;
}

#comment .post .fbar a:hover {
    text-decoration: none;
    background: url(btn_submit.jpg) no-repeat 0 -35px;
    *background: url(btn_submit.jpg) no-repeat 0 -31px;
    _background: url(btn_submit.jpg) no-repeat 0 -31px;
}

.uptop {
    text-align: right;
    font-size: 93%;
}

.uptop a {
    color: #999;
}

/* comment \*/

/* toolbox */

#outbox {
    padding-bottom: 10px;
    background: #fff;
}

#toolbox {
    background: url(toolbox_right.gif) no-repeat 100% 0;
    font-size: 93%;
    width: auto;
}

#toolbox .hd {
    background: url(toolbox_left.gif) no-repeat 0 0;
    padding: 5px 10px 10px 10px;
}

#toolbox .hd h3 {
    color: #090;
    font-size: 133%;
    font-weight: bold;
    padding-bottom: 5px;
    background: url(line_gw.gif) repeat-x 0 100%;
}

#toolbox .hd h3 span {
    padding-left: 18px;
    background: url(icon.gif) no-repeat 0 -276px;
    *background-position: 0 -278px;
    _background-position: 0 -278px;
}

#toolbox .bd {
    background: url(toolbox_left.gif) no-repeat 0 100%;
    padding-left: 20px;
}

#toolbox .bd .ft {
    background: url(toolbox_right.gif) no-repeat 100% 100%;
    display: block;
    height: 7px;
}

#toolbox .bd li {
    padding-bottom: 10px;
}

#toolbox .bd li a {
    color: #666;
    margin-bottom: 0.8em;
    padding: 0 0 0 20px;
    *padding: 2px 0 1.5px 20px;
    _padding: 2px 0 1.5px 20px;
}

#toolbox .bd li a:hover {
    color: #f60;
    text-decoration: none;
}

#toolbox .tb-recommand, #toolbox .tb-fw, #toolbox .tb-print, #toolbox .tb-export, #toolbox .tb-recommand:hover, #toolbox .tb-fw:hover, #toolbox .tb-print:hover, #toolbox .tb-export:hover, #toolbox .tb-rss, #toolbox .tb-rss:hover, .rss, #toolbox .tb-facebook, #toolbox .tb-facebook:hover, #toolbox .tb-plurk, #toolbox .tb-plurk:hover, #toolbox .tb-twitter, #toolbox .tb-twitter:hover {
    background: url(toolbox_tool.gif) no-repeat;
}

#toolbox a.tb-facebook {
    background-position: 0 -340px;
}

#toolbox a.tb-facebook:hover {
    background-position: 0 -360px;
}

#toolbox a.tb-plurk {
    background-position: 0 -380px;
}

#toolbox a.tb-plurk:hover {
    background-position: 0 -400px;
}

#toolbox a.tb-twitter {
    background-position: 0 -420px;
}

#toolbox a.tb-twitter:hover {
    background-position: 0 -440px;
}

#toolbox a.tb-rss {
    background-position: 0 -80px;
}

#toolbox a.tb-rss:hover {
    background-position: 0 -100px;
}

#toolbox a.tb-recommand {
    background-position: 0 0px;
}

#toolbox a.tb-recommand:hover, #toolbox a.tb-recommand:active, #toolbox a.tb-recommand:hover.active {
    background-position: 0 -20px;
}

#toolbox a.tb-recommand.active {
    background-position: 0 -320px;
}

#toolbox a.tb-fw {
    background-position: 0 -40px;
}

#toolbox a.tb-fw:hover {
    background-position: 0 -60px;
}

#toolbox a.tb-print {
    background-position: 0 -160px;
}

#toolbox a.tb-print:hover {
    background-position: 0 -180px;
}

#toolbox a.tb-export {
    background-position: 0 -200px;
}

#toolbox a.tb-export:hover {
    background-position: 0 -220px;
}

#toolbox a.tb-abuse {
    background:  url(icon.gif) no-repeat 0 -400px;
}

#toolbox a.tb-abuse:hover {
    background:  url(icon.gif) no-repeat 0 -40px;
}

/* toolbox \*/

/* plugin */

#plugin {
    margin: 15px 25px -10px;
    border: 5px soild red;
}

#plugin .hemi {
    float: left;
}

#plugin .funp {
    float: right;
    padding-top: 3px;
}

/* plugin \*/


/* relative */

#relative .hd h3 {
    background-position: 5px -354px;
}

#relative .bd {
    font-size: 123.1%;
    margin-bottom: 1em;
}

/* relative \*/

/* sponsor */

#sponsor .hd h3 {
    background-position: 5px -114px;
}

/* sponsor \*/

/* profile */

#wcard {
    background: url(profile_right.gif) no-repeat 100% 0;
    font-size: 93%;
    width: auto;
    color: #666;
}

#wcard .top {
    background: url(profile_left.gif) no-repeat 0 0;
    padding: 15px 15px 8px;
}

#wcard .bottom {
    background: url(profile_left.gif) no-repeat 0 100%;
    padding-left: 20px;
}

#wcard .bottom .ft {
    background: url(profile_right.gif) no-repeat 100% 100%;
}

#wcard .hd div.sex {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 5px;
}

#wcard .hd div.sex.male {
    background: url(profile.gif) no-repeat 0 0;
}

#wcard .hd div.sex.female {
    background: url(profile.gif) no-repeat 0 0;
}

.x {
    display: table;
    height: 30px;
    #position: relative;
    overflow: hidden;
}

.y {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}

.z {
    #position: relative;
    #top: -50%
}

#wcard .hd span {
    display: block;
    height: 2px;
    background: url(line_gw.gif) repeat-x 0 100%;
    margin-top: 5px;
    *margin-top: 5px;
    _margin-top: -5px;
}

#wcard .bd ul {
    margin-left: 6px;
}

#wcard .bd li {
    padding: 0 0 10px 10px;
    background: url(dot_small.gif) no-repeat 0 4px;
}

#wcard .ft .gbtn {
    text-align: right;
    padding-right: 15px;
    margin-top: -10px;
}

#wcard .ft span.space {
    display: block;
    height: 15px;
}

/* profile \*/

/* notice */

#notice .hd h3 {
    background-position: 5px -154px;
}

#notice .bd {
    font-size: 123.1%;
    margin-bottom: 1em;
}

#hot10 .hd h3 {
    background-position: 5px -514px;
}

#hot10 .sdable ul li {
    background: url(dot_small.gif) no-repeat 0 10px;
}

#hot10 ul {
    margin-bottom: 20px;
}

/* notice \*/

/* list tab */

.tab {
    font-size: 123.1%;
}

.tab ul {
    display: block;
    height: 40px;
    background: url(tab.jpg) repeat-x 0 34px;
    padding-left: 15px;
}

.tab li {
    display: inline;
}

.tab li a {
    display: block;
    width: 95px;
    height: 35px;
    float: left;
    text-align: center;
    line-height: 2.2em;
    background: url(tab.jpg) no-repeat 0 -20px;
    margin-right: 15px;
    color: #000;
}

.tab li a.rss2 {
    background: url(toolbox_tool.gif) no-repeat 54px -95px;
    *background: url(toolbox_tool.gif) no-repeat 54px -94px;
    _background: url(toolbox_tool.gif) no-repeat 54px -94px;
    font-size: 77%;
    float: right;
    height: 25px;
    margin: 5px 0 0 0;
    text-align: right;
}

.tab li a.rss2:hover {
    background: url(toolbox_tool.gif) no-repeat 54px -95px;
    *background: url(toolbox_tool.gif) no-repeat 54px -94px;
    _background: url(toolbox_tool.gif) no-repeat 54px -94px;
    text-decoration: underline;
}

.tab li a:hover {
    text-decoration: none;
    background-position: 0 -80px;
}

.tab li a.active {
    background-position: 0 -140px;
    color: #090;
    font-weight: bold;
}

.tab li a.active:hover {
    background-position: 0 -140px;
    color: #090;
}

/* list tab \*/

/* list module */

.list .bd ol li {
    *margin-bottom: -3px;
    _margin-bottom: -3px;
}

.list .bd .box {
    font-size: 93%;
}

.list .box .txt {
    float: right;
    padding: 5px 0 0 0;
}

.list .box .ico {
    float: left;
    text-align: center;
    padding: 5px 0;
    background: #f1f1f1;
}

.list .box .txt h2 {
    font-size: 133%;
    margin-bottom: 5px;
}

.list .box a.cat {
    color: #f60 ;
    text-decoration: none;
}

.list .box .txt ul {
    color: #999;
    margin-top: 5px;
}

.list .box .txt ul li {
    display: inline;
    margin-right: 0.5em;
}

.list .box .txt li a.poster {
    background: url(icon.gif) no-repeat 0 -160px;
    padding: 0 0 0 1.4em;
    *padding-top: 1px;
    _padding-top: 1px;
    display: inline;
}

.list .ft {
    clear: both;
}

.list .ft ul {
    padding-top: 10px;
    font-size: 123.1%;
}

.list .ft li {
    display: inline;
    padding: 3px 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.list .ft li a:hover {
    color: #f30;
    text-decoration: none;
}

.list .ft li a.forward {
    padding: 0 15px 0 0;
    background: url(icon.gif) no-repeat 50px -315px;
    *background-position: 50px -317px;
    _background-position: 50px -317px;
}

.list .ft li a.next {
    padding: 0 0 0 15px;
    background: url(icon.gif) no-repeat -3px -115px;
    *background-position: -3px -117px;
    _background-position: -3px -117px;
}

.list .ft li strong {
    font-weight: bold;
    color: #000;
}

.list .empty {
    margin-top: 20px;
    border: 0;
}

.list .empty .x {
    height: 12em;
}

.list .empty h3 {
    font-size: 93%;
    background:  url(icon.gif) no-repeat 290px -396px;
    *background:  url(icon.gif) no-repeat 290px -396px;
    _background:  url(icon.gif) no-repeat 290px -398px;
}

.list .switch {
    margin-bottom: 5px;
}

/* list module \*/

/* protected content */

.protected {
    font-size: 100%;
}

.protected .box {
    background: #fff;
    border-left: 10px solid #dcdcdc;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.protected .x {
    width: 100%;
    height: 65px;
}

.protected .y {
    width: 100%;
}

.protected .z {
    width: 100%;
}

.protected h3 {
    color: #999;
    padding-left: 30px;
    background:  url(icon.gif) no-repeat 10px -399px;
    *background:  url(icon.gif) no-repeat 10px -398px;
    _background:  url(icon.gif) no-repeat 10px -400px;
}

.protected .spacer {
    display: block;
    height: 10px;
}

/* protected content \*/

/* deleted content */

.deleted {
    font-size: 100%;
}

.deleted .box {
    background: #fff;
    border-left: 10px solid #dcdcdc;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.deleted .x {
    width: 100%;
    height: 65px;
}

.deleted .y {
    width: 100%;
}

.deleted .z {
    width: 100%;
}

.deleted h3 {
    color: #999;
    padding-left: 30px;
    background:  url(icon.gif) no-repeat 10px -440px;
    *background:  url(icon.gif) no-repeat 10px -438px;
    _background:  url(icon.gif) no-repeat 10px -440px;
}

.deleted .spacer {
    display: block;
    height: 10px;
}

/* protected content \*/

/* list tree */

.list .list-tree .box .txt {
    width: 635px;
}

.list .list-tree .box .txt h2 {
    line-height: 1.5em;
}

.list .list-tree .box .ico {
    width: 60px;
    height: 70px;
    *height: 75px;
    _height: 70px;
    *margin-bottom: -5px;
    _margin-bottom: 0;
}

.list .list-tree .box .ico img {
    width: 50px;
    height: 50px;
}

.list .list-tree .protected span {
    border-left: 60px solid #f1f1f1;
}

.list .list-tree .deleted span {
    border-left: 60px solid #f1f1f1;
}

/* list tree \*/

/* list reply */

.list .list-reply .empty {
    margin-top: 0;
}

.list .list-reply .switch .active {
    background-position: 64px -358px;
    *background-position: 64px -360px;
    _background-position: 64px -360px;
}

.list .list-reply .box .txt {
    width: 625px;
}

.list .list-reply .box .txt h3 {
    margin-top: 5px;
}

.list .list-reply .box .ico {
    width: 70px;
    height: 65px;
    *height: 70px;
    _height: 65px;
    *margin-bottom: -5px;
    _margin-bottom: 0;
}

.list .list-reply .box .ico .score {
    width: 60px;
    height: 55px;
    margin: 0 5px 0;
    padding-top: 7px;
    color: #360;
}

.list .list-reply .box .thumb .score {
    background: url(rating_score.jpg) no-repeat 0 0;
}

.list .list-reply .box .rank .score {
    background: url(rating_score.jpg) no-repeat 0 -78px;
}

.list .list-reply .box .ico .score p {
    word-spacing: 10px;
}

.list .list-reply .box .ico .score p em {
    font-family: georgia;
    font-size: 150%;
    *font-size: 145%;
    _font-size: 145%;
    display: block;
}

.list .list-reply .box .rank .score p em {
    line-height: 0.8em;
    *line-height: 1em;
    _line-height: 0.8em;
}

.list .list-reply .protected span {
    border-left: 70px solid #f1f1f1;
}

.list .list-reply .deleted span {
    border-left: 70px solid #f1f1f1;
}

/* list reply \*/

/* list comment */

.list .list-comment .empty {
    margin-top: 0;
}

.list .list-comment .switch .active {
    background-position: 64px -358px;
    *background-position: 64px -360px;
    _background-position: 64px -360px;
}

.list .list-comment .box {
    font-size: 100%;
}

/*
.list .list-comment h3 {
    display: inline;
}
*/

.list .list-comment h2 a {
    color: #999;
}

.list .list-comment .protect {
    margin-left: .5em;
}

/* list comment \*/

/* list recommand */

.list .list-recommand .box .txt {
    width: 670px;
}

.list .list-recommand .box .txt h3 {
    line-height: 1.5em;
}

.list .list-recommand .box .ico {
    width: 25px;
    height: 70px;
    *height: 65px;
    _height: 70px;
    *margin-bottom: -5px;
    _margin-bottom: 0;
}

.list .list-recommand .box .ico img {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    background:  url(toolbox_tool.gif) no-repeat 0 -320px;
}

.list .list-recommand .protected span {
    border-left: 25px solid #f1f1f1;
}

.list .list-recommand .deleted span {
    border-left: 25px solid #f1f1f1;
}

/* list recommand \*/

/* list rating */

.list .list-rating .empty {
    margin-top: 0;
}

.list .list-rating .switch .active {
    background-position: 26px -358px;
    *background-position: 26px -360px;
    _background-position: 26px -360px;
}

.list .list-rating .box .txt {
    width: 645px;
}

.list .list-rating .box .txt h3 {
    margin-top: 5px;
}

.list .list-rating .box .ico {
    width: 50px;
    height: 65px;
    *height: 70px;
    _height: 65px;
    *margin-bottom: -5px;
    _margin-bottom: 0;
}

.list .list-rating .box .ico img {
    width: 18px;
    height: 18px;
    background: url(rating_do.gif) no-repeat scroll;
}

.list .list-rating .box .ico img.up {
    background-position: 0 0;
}

.list .list-rating .box .ico img.down {
    background-position: -30px 0;
}

.list .list-rating .box .ico img.up.active1 {
    background-position: 0 -60px;
}

.list .list-rating .box .ico img.down.active2 {
    background-position: -30px -60px;
}

.list .list-rating .protected span {
    border-left: 50px solid #f1f1f1;
}

.list .list-rating .deleted span {
    border-left: 50px solid #f1f1f1;
}

/* list rating \*/

/* setting, email, password */

#setting {
    font-size: 123.1%;
}

#setting .hd h1 span {
    background-position: 0 -150px;
}

#setting.set-password .hd h1 span {
    background-position: 0 -200px;
}

#setting.set-email .hd h1 span {
    background-position: 0 -250px;
}

#setting .bd {
    margin-left: 10px;
}

#setting .bd dd p {
    font-size: 93%;
}

#setting .bd input {
    padding-left: 4px;
    *margin-left: -10px;
    _margin-left: -10px;
    font-size: 100%;
}

#setting .bd select {
    font-size: 100%;
}

#setting .ft .sbtn {
    font-size: 77%;
}

/* setting, emaial, password \*/

/* contact */

#contact {
    font-size: 123.1%;
}

#contact .hd h1 span {
    background-position: 0 -1150px;
}

#contact .bd {
    margin-top: 15px;
}

#contact .bd input {
    font-size: 100%;
    padding-left: 4px;
}

#contact .bd select {
    font-size: 100%;
}

#contact .bd textarea {
    height: 100px;
    width: 450px;
    font-size: 100%;
    padding-left: 4px;
}

#contact .ft {
    font-size: 77%;
}

/* contact \*/

/* login, forgot password */

#login {
    font-size: 123.1%;
}

#login .hd h1 span {
    background-position: 0 -300px;
}

#login .bd {
    margin: 0 0 6em 10px;
}

#login .bd dl {
    margin-top: 2em;
    margin-left: 1em;
}

#login .bd dd {
    margin-left: -10px;
    *margin-left: -25px;
    _margin-left: -25px;
}

#login .bd input {
    padding-left: 4px;
    font-size: 100%;
}

#login .bd em.ps {
    display: inline;
    margin-left: 5px;
}

#login .ft .sbtn {
    font-size: 77%;
}

#login-sdb {
    font-size: 123.1%;
}

#login-sdb .hd h3 {
    background-position: 5px -194px;
}

#login-sdb .hd.forgot h3 {
    background-position: 5px -234px;
}

#login-sdb ol li {
    font-size: 77%;
}

#login.forgot .hd h1 span {
    background-position: 0 -350px;
}

#login.forgot .bd {
    margin-bottom: 7em;
}

#login.forgot .bd p {
    margin-left: 42px;
    *margin-left: 47px;
    _margin-left: 47px;
    margin-top: 1em;
    *margin-top: 1.5em;
    _margin-top: 1.5em;
}

#login.forgot dt {
    width: 130px;
}

#login.forgot .bd.done {
    margin-bottom: 2em;
}

#login.forgot .done p {
    display: block;
    margin-bottom: 1em;
    line-height: 1.5em;
}

#login.forgot .done em {
    color: #f30;
    font-size: 93%;
}

#dir .hd h1 span {
    background-position: 0 -395px;
}

#dir .index {
    font-size: 123.1%;
    margin-left: 2em;
}

#dir .index dl {
    width: 180px;
    float: left;
    margin: 0 30px 20px 0;
}

#dir .index dt {
    padding-left: 20px;
    background:  url(toolbox_tool.gif) no-repeat 0 -138px;
}

#dir .index dt a {
    font-weight: bold;
    color: #f60;
}

#dir .index dt span {
    font-size: 77%;
    color: #999;
}

#dir .index dd {
    font-size: 77%;
    margin-top: 5px;
    padding-left: 22px;
}

#dir .switch span.active {
    background-position: 25px -358px;
    *background-position: 25px -360px;
    _background-position: 25px -360px;
}

#dir .ft {
    font-size: 93%;
}

#dir .ft.list-all {
    text-align: right;
}

#category {
    font-size: 123.1%;
}

#category dl {
    margin: 15px;
}

#category dt {
    padding-left: 20px;
    background:  url(toolbox_tool.gif) no-repeat 0 -138px;
}

#category dt a, #category dt a:hover {
    font-weight: bold;
    color: #f60;
}

#category dt span {
    font-size: 77%;
    color: #999;
}

#category dd {
    font-size: 77%;
    margin: 5px 0 15px 0;
    padding-left: 22px;
}

#category .hd h3 {
    background-position: 5px -274px;
}

/* category \*/

/* search */

#search .hd h1 span {
    background-position: 0 -445px;
    position: relative;
}

#search .hd h1 span cite {
    position: absolute;
    top: 15px;
    left: 120px;
    color: #090;
}

q {
    color: #f30;
}

q.match {
    background: #ff0;
}

#search .switch a.active, #search .switch a.ative:hover {
    background-position: 25px -358px;
    *background-position: 25px -360px;
    _background-position: 25px -360px;
}

#search .tbar {
    margin-bottom: 5px;
}

/* search \*/

/* realtime */

#realtime .hd h1 span {
    background-position: 0 -495px;
    position: relative;
}

#realtime .hd h1 span cite {
    position: absolute;
    top: 15px;
    left: 120px;
    color: #090;
}

.list .list-act .box .txt {
    width: 665px;
    padding: 0;
}

.list .list-act .box .txt h3 {
    margin-top: 10px;
    font-size: 133%;
    color: #999;
}

.list .list-act .box .ico {
    width: 30px;
    height: 55px;
}

.list .list-act .box .ico img {
    width: 30px;
    height: 30px;
    background: url(profile.gif) no-repeat scroll;
}

.list .list-act .box .txt h1 {
    margin-top: 5px;
    height: 20px;
}

.list .list-act .box .txt h1.recommand {
    padding-left: 20px;
    background:  url(toolbox_tool.gif) no-repeat 0 -18px;
}

.list .list-act .box .txt h1.rating {
    padding-left: 55px;
    background: url(rating_do.gif) no-repeat 0 0;
}

.list .list-act .box .txt h1.rating.up {
    background-position: 0 -148px;
}

.list .list-act .box .txt h1.rating.down {
    background-position: 0px -178px;
}

/* realtime \*/

/* doc */

#document {
    font-size: 123.1%;
}

#document.tos .hd h1 span {
    background-position: 0 -550px;
}

#document.privacy .hd h1 span {
    background-position: 0 -600px;
}

#document.about .hd h1 span {
    background-position: 0 -650px;
}

#document.enterprise .hd h1 span {
    background-position: 0 -1100px;
}

#document.enterprise strong {
    font-weight: bold;
}

#document.error .hd h1 span {
    background-position: 0 -700px;
    position: relative;
}

#document .bd {
    margin: 15px 30px;
}

#document .bd p {
    line-height: 1.6em;
    margin: 1em 0 1em 1em;
}

#document.error .bd p {
    line-height: 1.6em;
    margin: 1em 0 8em 0;
}

#document h2 {
    font-weight: bold;
    color: #006400;
    border-bottom: 1px solid #006400;
    padding-bottom: 2px;
}

#document ul {
    margin: 1em 0 1em 1em;
}

#document li {
    line-height: 1.6em;
    padding: 0 0 .4em 20px;
    background: url(dot_big.gif) no-repeat 1px 6px ;
}

#document.help .hd h1 span {
    background-position: 0 -1050px;
}

#document.help .bd {
    margin: 0;
}

#document.help h2 {
    border-bottom: none;
}

#document.help #out-index {
    display: none;
}

#document.help .switch .active {
    background-position: 106% -358px;
    *background-position: 106% -360px;
    _background-position: 106% -360px;
}

#document.help .uptop {
    font-size: 77%;
}

#document.about em {
    color: #f30;
}

.qna {
    width: 98%;
    margin: 0 .5em;
}

.list-qna {
    text-align: right;
    font-size: 77%;
    padding-right: 5px;
}

.qna h2 {
    margin: 0 0 1em 1em;
}

.qna h2.how, .qna h2.adv, .qna h2.why {
    margin-top: 1em;
}

.qna h3 {
    margin: 0 0 0.25em 1em;
    padding: .25em .25em .25em 20px;
    background: #eaf4db url(dot_big.gif) no-repeat 2px 6px;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    cursor: pointer;
    padding
}

.qna h3:hover {
    border-left: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
    border-right: 0;
    border-bottom: 0;
    color: blue;
}

.qna div {
    margin-left: 1em;
    padding: .25em .5em .5em 20px;
    line-height: 1.6em;
}

.qna div ul {
    margin: 1em 0;
}

.qna div ul li {
    padding-left: 20px;
    background: url(dot_big.gif) no-repeat 2px 6px;
}

#document .qna div ol li {
    padding-left: 0px;
    background: none;
}

.qna div em {
    color: #ff3300;
}

.qna div p {
    margin-bottom: 2em;
}

#faq {
    font-size: 123.1%;
}

#faq .hd h3 {
    background-position: 5px -74px;
}

/* doc \*/

/* frontpage */

#frontpage .pick .hd h1 span {
    background-position: 0 -745px;
}

#frontpage .new .hd h1 span {
    background-position: 0 -795px;
}

#frontpage .new.list-reply .hd h1 span {
    background-position: 0 -995px;
}

#frontpage .act .hd h1 span {
    background-position: 0 -495px;
}

#frontpage .ft {
    text-align: right;
    margin: 0 5px 10px 0;
}

#frontpage .vision {
    margin: 5px 0 10px 0;
}

#frontpage .vision img {
    float: left;
}

#frontpage .vision img.mid {
    margin: 0 22px;
}

#frontpage .pick .ft {
    *padding-bottom: 5px;
    _padding-bottom: 0;
}

#frontpage .new .ft {
    font-size: 93%;
}

#frontpage .ad {
    text-align:center;
}

#headline {
    font-size: 123.1%;
    text-align: center;
}

#headline ul {
    margin: 10px 0 5px 0;
}

#headline li {
    display: inline;
    margin: 0 4em;
}

#headline li a:hover {
    color: #ff3300;
}

/* frontpage \*/

/* access password */

#access {
    font-size: 123.1%;
}

#access .hd h1 span {
    background-position: 0 -850px;
}

#access .bd {
    margin: 1em 0 9em 10px;
}

#access .bd p {
    padding-left: 27px;
    *padding-left: 27px;
    _padding-left: 33px;
    color: #f30;
}

#access .bd dl {
    margin-top: 1em;
}

#access .bd dt {
    margin: 2px 5px 0 7px;
    *margin: 4px 0 0 7px;
    _margin: 4px 0 0 7px;
}

#access .bd dd {
    margin-left: -10px;
}

#access .bd input.write {
    padding-left: 4px;
    *margin-left: 5px;
    _margin-left: 5px;
    font-size: 100%;
    width: 22em;
}

#access .bd input.sbtn {
    margin: 0;
    font-size: 77%;
}

#access .ft .sbtn {
    font-size: 77%;
}

#access-sdb {
    font-size: 123.1%;
}

#access-sdb .hd h3 {
    background-position: 5px -314px;
}

#access-sdb ol li {
    font-size: 77%;
}

/* access password \*/

/* forward */

#forward {
    font-size: 123.1%;
}

#forward .hd h1 span {
    background-position: 0 -900px;
}

#forward .bd {
    margin: 0 0 1em 10px;
}

#forward .bd dl {
    margin-top: 1em;
}

#forward .bd span.line {
    display: block;
    margin: 0 25px;
    border-bottom: 1px dotted #999;
}

#forward .bd dt {
    width: 150px;
}

#forward .bd dt.hack {
    padding-bottom: 40px;
}

#forward .bd dd {
    margin-left: -10px;
}

#forward .bd p {
    margin: 0 25px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #999;
}

#forward.done .bd p {
    border: none;
    margin-bottom: 3em;
}

#forward .bd p a {
    display: block;
    margin-top: 15px;
    font-size: 120%;
    font-weight: bold;
}

#forward .bd input {
    padding-left: 4px;
    font-size: 100%;
}

#forward .bd textarea {
    padding-left: 4px;
    font-size: 100%;
    width: 450px;
    height: 50px;
}

#forward .ft .sbtn {
    font-size: 77%;
}

#forward-sdb {
    font-size: 123.1%;
}

#forward-sdb .hd h3 {
    background-position: 5px -394px;
}

#forward-sdb ol li {
    font-size: 77%;
}

/* export */

#export {
    font-size: 123.1%;
}

#export .hd h1 span {
    background-position: 0 -950px;
}

#export .bd {
    margin: 0 25px 0 35px;
}

#export .bd p.which {
    margin-bottom: 15px;
}

#export .bd p.which a {
    display: block;
    margin-bottom: 15px;
    font-size: 120%;
    font-weight: bold;
}

#export h2 {
    font-weight: bold;
    margin-bottom: 10px;
    color: #090;
}

#export .text {
    width: 48%;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 0 7px 10px 0;
    border-right: 1px solid #999;
}

#export .csv {
    width: 47%;
    float: left;
    padding: 0 0 10px 0;
    margin: 10px 0 0 10px;
}

#export .text p, #export .csv p {
    font-size: 77%;
    line-height: 1.5em;
    padding-right: 1em;
}

#export .bd p.dl {
    text-align: center;
    margin-top: 2em;
}

#export .bd p.dl a {
    padding: 5px 1em;
    font-size: 128%;
    text-decoration: underline;
}

#export-sdb {
    font-size: 123.1%;
}

#export-sdb .hd h3 {
    background-position: 5px -434px;
}

#export-sdb ol li {
    font-size: 77%;
}

/* export \*/

.box-show {
    display: block;
}

.box-hide {
    display: none;
}

.rss {
    float: right;
    background-position: 0 -100px;
    width: 16px;
    height: 16px;
    margin: 10px 10px 0 0;
    *margin: 10px 10px 0 0;
    _margin: 10px 0 0 0;
    padding-left: 16px;
}

#dir .rss {
    font-size: 77%;
}

#billboard .hd h3 {
    background-position: 5px -554px;
}

#billboard .bd {
    padding: 10px 15px;
}

#billboard .bd li {
    margin-bottom: 10px;
    line-height: 150%;
    color: #999;
}

#billboard a.who {
    background: url(icon.gif) no-repeat 0 -158px;
    *background: url(icon.gif) no-repeat 0 -159px;
    _background: url(icon.gif) no-repeat 0 -159px;
    padding-left: 1.3em;
}

#frontpage .create {
    background-color: #EAF4DB;
    margin: 5px 0 10px;
    padding: 15px;
    border: 1px solid #B4B4B4;
}

#frontpage .create p {
    display: inline-block;
    font-size: 123%;
    float: left;
    padding: 3px 2px 0 0;
    padding-left: 20px;
    background: url(icon.gif) no-repeat 0 5px;
    *background: url(icon.gif) no-repeat 0 4px;
    _background: url(icon.gif) no-repeat 0 4px;
}

#frontpage .create input.ctext {
    padding: 2px 0 2px 4px;
    width: 400px;
}

#frontpage .create .cbtn {
    width: 50px;
    height: 25px;
    border: medium none;
    cursor: pointer;
    text-align: center;
    color: #333;
    *padding-top: 3px;
    _padding-top: 3px;
    background: url(btn_submit.jpg) no-repeat 0 -35px;
    font-size: 93%;
}

#tree .get-action {
    text-align: center;
    padding: 10px;
}

#tree .get-action a {
    color: #ff3300;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 100%;
 height: 200px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}
/* Scoller Box \ */

/* Reply Badge */

#reply-badge {
    margin: 1em 0;
    padding: 7px 10px;
    border: 1px solid #ECCA93;
    background-color: #F7E6AB;
}

#reply-badge p {
    font-size: 123%;
    padding-left: 20px;
    background:transparent url(icon.gif) no-repeat scroll 0 6px;
    display:inline-block;
    float: left;
    padding: 3px 2px 0 20px;
    *padding: 5px 2px 0 20px;
    _padding: 5px 2px 0 20px;
}

#reply-badge input.badge-code {
    padding: 3px 0 2px 4px;
    width: 450px;
    height: 16px;
    font-size: 85%;
}

#reply-badge ul {
    font-size: 93%;
    display: inline;
}

#reply-badge li {
    display: inline;
    padding: 0 5px ;
}

#copy-embed-code { /* IE only */
    display:none;
}

/* Reply Badge \*/

/* tree-ad */
#tree-ad .bd {
    margin: 0 0 10px 0;
}

#tree-ad-728x90 {
    margin: 5px auto;
}

/* fix too height */
#tree .bd {
    background: url("tree_left.gif"), url("tree_right.gif");
    background-position: 0 center, right center;
    background-repeat: no-repeat;
}
#tree .get-action {
    background: url("tree_left.gif"), url("tree_right.gif");
    background-position: 0 center, right center;
    background-repeat: no-repeat;
}
/*
#tree .bd { background: url("tree_left.gif") no-repeat scroll 0 center; }
#tree .bd:after { background: url("tree_right.gif") no-repeat scroll bottom center; display: block; content: '';}
#tree .get-action {background: url("tree_left.gif") no-repeat scroll 0 center; }
#tree .get-action:after {background: url("tree_right.gif") no-repeat scroll bottom center; display: block; content: '';}
*/