/* ::::: http://findbook.tw/ui3/css/core.css ::::: */

html { background: rgb(255, 255, 255) none repeat; color: rgb(0, 0, 0); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img { border: 0pt none ; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style-type: none; list-style-image: none; list-style-position: outside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0pt none ; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: rgb(0, 0, 0); }
body { font-family: arial,helvetica,clean,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 1.231; font-size-adjust: none; font-stretch: normal; }
table { font-size: inherit; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; }
body { text-align: center; }
#ft { clear: both; }
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { margin: auto; text-align: left; width: 57.69em; min-width: 750px; }
#doc2 { width: 73.074em; }
#doc3 { margin: auto 10px; width: auto; }
#doc4 { width: 74.923em; }
.yui-b { position: relative; }
.yui-b {  }
#yui-main .yui-b { position: static; }
#yui-main { width: 100%; }
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main { float: right; margin-left: -25em; }
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main { float: left; margin-right: -25em; }
.yui-t1 .yui-b { float: left; width: 12.3207em; }
.yui-t1 #yui-main .yui-b { margin-left: 13.3207em; }
.yui-t2 .yui-b { float: left; width: 13.8456em; }
.yui-t2 #yui-main .yui-b { margin-left: 14.8456em; }
.yui-t3 .yui-b { float: left; width: 23.0759em; }
.yui-t3 #yui-main .yui-b { margin-left: 24.0759em; }
.yui-t4 .yui-b { float: right; width: 13.8456em; }
.yui-t4 #yui-main .yui-b { margin-right: 14.8456em; }
.yui-t5 .yui-b { float: right; width: 18.4608em; }
.yui-t5 #yui-main .yui-b { margin-right: 19.4608em; }
.yui-t6 .yui-b { float: right; width: 23.0759em; }
.yui-t6 #yui-main .yui-b { margin-right: 24.0759em; }
.yui-t7 #yui-main .yui-b { margin: 0pt 0pt 1em; display: block; }
#yui-main .yui-b { float: none; width: auto; }
.yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u { float: left; margin-left: 2%; width: 32%; }
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {  }
.yui-g .yui-gb .yui-u {  }
.yui-gb .yui-u { float: right; }
.yui-gb div.first { margin-left: 0pt; float: left; }
.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {  }
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {  }
.yui-gb .yui-gd .yui-u {  }
.yui-gb .yui-gd div.first {  }
.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u { width: 32%; margin-right: 0pt; }
.yui-gb .yui-gc div.first { width: 66%; }
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u { margin: 0pt; }
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { float: right; }
.yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first { float: left; }
.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u { width: 49%; }
.yui-g .yui-g div.first {  }
.yui-gb .yui-g div.first {  }
.yui-gb .yui-gb .yui-u {  }
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {  }
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {  }
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf { width: 49.1%; }
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first { margin-left: 0pt; }
.yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u { width: 66%; }
.yui-gd div.first, .yui-gb .yui-gd div.first { width: 32%; }
.yui-g .yui-gd div.first {  }
.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first { width: 24%; }
.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u { float: right; }
.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first { float: left; }
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u { width: 74.2%; }
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {  }
.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {  }
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {  }
.yui-gb .yui-u { float: left; }
body { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; line-height: 1.4em; font-size-adjust: none; font-stretch: normal; background-color: rgb(241, 241, 241); color: rgb(0, 0, 0); }
div#content { background: transparent url('bg-content-bottom.png') no-repeat scroll 0pt 100%; padding-bottom: 15px; margin-bottom: 2em; margin-right: 0pt; width: 750px; clear: left; float: left; }
div#content div.bottom { padding: 0pt 23px 0.5em; background: transparent url('bg-content.png') repeat-y; overflow: hidden; }
div#content div.top { background: transparent url('bg-content-top.png') no-repeat; padding-top: 15px; }
div#content div.top.fill { background: transparent url('bg-content-top-fill.png') no-repeat; }
div#content-container { margin: 0pt auto; position: relative; width: 970px; }
div#header { margin: 0pt auto; position: relative; padding-bottom: 8px; z-index: 100; width: 970px; }
div#header a#logo { position: absolute; display: block; top: 0.5em; left: 0pt; }
div#header a#logo:hover { background-color: transparent; }
div#header div#helper-nav { margin: 5px 8px 0pt 0pt; width: 250px; font-size: 0.96em; float: right; }
div#header div#helper-nav form#quick-search { margin: 0pt; }
div#header div#helper-nav input { width: 150px; }
div#header div#helper-nav input#submit { margin: 0pt 5px 0pt 2px; width: 70px; padding-bottom: 0pt; color: rgb(255, 255, 255); background-color: rgb(0, 142, 207); cursor: pointer; }
div#header p#login { margin: 0pt; text-align: left; font-size: 77%; }
div#header-container { padding: 0pt; background: transparent url('bg-header.png') repeat-x scroll 0pt 100%; margin-bottom: 60px; color: rgb(102, 102, 102); }
div#sidebar { background: transparent url('bg-sidebar-bottom.png') no-repeat scroll 0pt 100%; padding-bottom: 15px; width: 220px; float: right; }
div#sidebar div.bottom { padding: 0pt 10px 1.5em; background: transparent url('bg-sidebar.png') repeat-y; }
div#sidebar div.top { background: transparent url('bg-sidebar-top.png') no-repeat; padding-top: 15px; }
div#sidebar div.top.fill { background-image: url('bg-sidebar-top-fill.png'); }
html { background-color: rgb(241, 241, 241); }
ul#main-nav { margin: 0pt 10px 0pt 240px; padding: 0pt; overflow: hidden; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; list-style-type: none; font-size: 108%; }
ul#main-nav li { margin: 0pt 10px 0pt 0pt; padding: 0pt; text-align: center; float: left; }
ul#main-nav li a { padding: 0.5em 0.75em; text-decoration: none; display: block; color: rgb(102, 102, 102); }
ul#main-nav li a:hover { background-color: transparent; }
ul#main-nav li span.highlight a { color: rgb(245, 7, 139); }
ul#main-nav li.current { background: rgb(0, 142, 207) none repeat; }
ul#main-nav li.current a { background: rgb(0, 142, 207) none repeat; color: rgb(255, 255, 255); }
ul#main-nav li.current span.highlight a { color: rgb(255, 255, 255); }
ul#main-nav li:hover, ul#main-nav li.hover { background: rgb(241, 241, 241) none repeat; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.no-wrap { white-space: nowrap; }
body.mini div#content { background: transparent url('bg-mini-bottom.png') no-repeat scroll 0pt 100%; width: 550px; }
body.mini div#content div.bottom { background: transparent url('bg-mini.png') repeat-y; }
body.mini div#content div.top { background: transparent url('bg-mini-top.png') no-repeat; }
body.mini div#content div.top.fill { background: transparent url('bg-mini-top-fill.png') no-repeat; }
body.mini div#content-container { width: 550px; }
body.mini div#footer { font-size: 77%; margin-bottom: 1em; margin-right: 0pt; padding-bottom: 15px; width: 550px; float: left; text-align: center; }
body.mini div#sidebar { display: none; }
body.single div#content-container { width: 750px; }
body.single div#sidebar { display: none; }
a img, a:link img, a:visited img { border: 0pt none ; }
a:link, a:visited { text-decoration: none; color: rgb(0, 0, 204); }
a:hover, a:link:hover, a:visited:hover { background: rgb(0, 104, 204) none repeat; text-decoration: none; color: rgb(255, 255, 255); }
a.no-hover:hover { text-decoration: none; background-color: transparent; }
a.soft:link, a.soft:visited { text-decoration: none; color: rgb(102, 102, 102); }
a.soft:hover, a.soft:link:hover, a.soft:visited:hover { background: transparent none repeat; text-decoration: underline; color: rgb(0, 0, 204); }
body.mini form { margin: 20px 50px; }
dd.submit { text-align: right; margin-top: 20px; cursor: pointer; }
dd.submit a.cancel { color: rgb(232, 78, 27); }
dd.submit a.cancel:hover { background-color: transparent; text-decoration: underline; cursor: pointer; }
form { margin: 0pt; padding: 0pt; }
form { margin: 0pt 0pt 20px; padding: 0pt; position: relative; }
form .required { color: rgb(153, 0, 0); font-size: 130%; margin-right: 1px; }
form dd { margin: 0pt 0pt 10px; padding: 0pt; }
form dd span.error { background: transparent url('bg-icon-form-error.gif') no-repeat scroll left center; padding-left: 20px; font-size: 93%; color: rgb(232, 78, 27); font-weight: bold; }
form dd.bold { font-weight: bold; }
form dl { margin: 0pt; padding: 0pt; overflow: hidden; position: relative; width: 98%; }
form dl.two-column dd { width: 65%; float: left; }
form dl.two-column dt { width: 30%; float: left; text-align: right; }
form dt { margin: 0pt 0pt 5px; padding: 0pt; clear: both; font-weight: bold; }
form fieldset { border: 1px dotted rgb(216, 216, 216); margin: 20px 0pt 0pt; padding: 15px; position: relative; }
form h2, form h3, form h4 { margin-top: 0pt; }
form input, form select, form textarea { width: 95%; }
form input.fit, form select.fit, form textarea.fit { margin: 4px 0pt 2px 24px; width: auto; }
form input.radio, form input.checkbox { margin: 0pt; height: 20px; vertical-align: middle; width: 24px; }
form select { width: 98%; }
form span { font-size: 77%; }
input { border-style: solid; border-color: rgb(125, 125, 125) rgb(232, 232, 232) rgb(232, 232, 232) rgb(125, 125, 125); border-width: 1px; margin: 1px 0pt; padding: 2px 2px 3px; background: rgb(241, 241, 241) none repeat scroll 0pt 50%; color: rgb(51, 51, 51); font-size: 85%; }
input.button { border-color: rgb(232, 232, 232) rgb(125, 125, 125) rgb(125, 125, 125) rgb(232, 232, 232); margin: 0pt 5px; padding: 3px 5px; background: rgb(187, 187, 187) none repeat scroll 0pt 50%; width: auto; }
input.button.submit { background-color: rgb(54, 161, 25); color: rgb(255, 255, 255); cursor: pointer; }
input.error, select.error, textarea.error { border-style: solid; border-color: rgb(232, 78, 27) rgb(246, 184, 164) rgb(246, 184, 164) rgb(232, 78, 27); border-width: 1px; background: rgb(255, 236, 206) url('bg-form-input-error.gif') no-repeat scroll right bottom; color: rgb(102, 0, 0); }
input.radio, input.checkbox { border: medium none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0pt 50%; width: auto; }
input.year { width: 8em; }
input:hover, select:hover, textarea:hover { background: rgb(248, 248, 248) none repeat scroll 0pt 50%; }
input:focus, select:focus, textarea:focus { border-style: solid; border-color: rgb(125, 125, 125) rgb(210, 210, 210) rgb(210, 210, 210) rgb(125, 125, 125); border-width: 1px; background: rgb(255, 255, 255) none repeat scroll 0pt 50%; }
input[disabled], input.disabled { color: rgb(102, 102, 102); }
input[disabled], input[disabled]:hover, input.disabled, input.disabled:hover, textarea[disabled], textarea[disabled]:hover, textarea.disabled, textarea.disabled:hover, select[disabled], select[disabled]:hover, select[disabled] option, select.disabled, select.disabled:hover, select.disabled option { border: 1px solid rgb(220, 220, 220); }
option { color: rgb(51, 51, 51); }
option.default { border-bottom: 1px solid rgb(51, 51, 51); }
select { border-style: solid; border-color: rgb(125, 125, 125) rgb(232, 232, 232) rgb(232, 232, 232) rgb(125, 125, 125); border-width: 1px; margin: 1px 0pt; padding: 1px; background: rgb(241, 241, 241) none repeat scroll 0pt 50%; }
textarea { border-style: solid; border-color: rgb(125, 125, 125) rgb(232, 232, 232) rgb(232, 232, 232) rgb(125, 125, 125); border-width: 1px; margin: 1px 0pt; padding: 2px; background: rgb(244, 244, 244) none repeat scroll 0pt 50%; color: rgb(51, 51, 51); font-size: 85%; }
ul.radio-nav { margin: 0pt; padding: 0pt; overflow: hidden; list-style-type: none; clear: right; float: left; }
ul.radio-nav li { padding: 0.1em 1em; float: left; text-align: center; }
div#bubble { background: transparent url('bg-bubble-start.gif') no-repeat scroll right bottom; visibility: hidden; position: absolute; text-align: center; font-size: 0.9em; z-index: 10; width: 180px; left: 500px; top: -100px; }
div#bubble div { border-style: solid solid none; border-color: rgb(153, 153, 153) rgb(153, 153, 153) -moz-use-text-color; border-width: 1px 1px medium; margin: 0pt 0pt 20px; padding: 0.5em; background: rgb(255, 255, 204) none repeat; overflow: hidden; text-align: left; }
div#bubble div form { margin-bottom: 0pt; }
div#bubble div form dd { margin: 0pt; }
div#bubble div form dd.submit { margin: 0pt; }
div#bubble div h3 { color: rgb(0, 0, 0); font-weight: bold; }
div#bubble div p, div#bubble div ul, div#bubble div dl { color: rgb(102, 102, 102); font-size: 85%; }
div#bubble.demo { top: 550px; left: 500px; visibility: visible; }
div#bubble.demo_p3_1 { top: 180px; left: 500px; visibility: visible; }
div#content .center { text-align: center; }
div#content div#main { margin: 0pt -15px; padding: 7px 15px 5px; overflow: hidden; background-color: rgb(192, 216, 248); color: rgb(0, 0, 0); }
div#content div#main a:hover { background-color: transparent; text-decoration: underline; color: rgb(0, 0, 255); }
div#content div#main h1 { margin: 0pt 0pt 0.2em; font-size: 167%; font-weight: bold; line-height: 1em; }
div#content div#main img.icon { float: left; margin-right: 5px; }
div#content div#main p { font-size: 77%; padding-top: 0.5em; }
div#content div.body { overflow: hidden; clear: right; margin-bottom: 20px; }
div#content div.body h3 { margin: 0.5em 0.2em 0.2em; font-size: 100%; font-weight: bold; }
div#content div.collapse a { padding: 0.2em 0.2em 0.2em 20px; background: rgb(255, 255, 255) url('bg-icon-expand.gif') no-repeat scroll left -64px; color: rgb(102, 102, 102); }
div#content div.collapse a:hover { background: rgb(255, 255, 255) url('bg-icon-expand.gif') no-repeat scroll left -96px; text-decoration: underline; color: rgb(0, 0, 255); }
div#content div.collapse, div#content div.expand { text-align: right; font-size: 77%; }
div#content div.expand a { padding: 0.2em 0.2em 0.2em 20px; background: rgb(255, 255, 255) url('bg-icon-expand.gif') no-repeat scroll left 0pt; color: rgb(102, 102, 102); }
div#content div.expand a:hover { background: rgb(255, 255, 255) url('bg-icon-expand.gif') no-repeat scroll left -32px; text-decoration: underline; color: rgb(0, 0, 255); }
div#content div.func-body { margin: 0pt 0pt 1em; padding: 10px; background-color: rgb(255, 255, 204); clear: both; display: none; }
div#content div.func-body dl { margin: 0.2em; color: rgb(0, 0, 153); }
div#content div.func-body h3 { margin: 0.2em; color: rgb(0, 0, 153); font-size: 100%; font-weight: bold; text-align: center; }
div#content div.func-body.current { display: block; }
div#content div.info-text { border-top: 1px solid navy; margin: 0pt -15px; padding: 0.1em 0.2em; overflow: hidden; background-color: rgb(192, 216, 248); color: navy; }
div#content div.info-text em { font-weight: bold; }
div#content div.info-text table { margin: 0pt; width: 100%; font-size: 93%; line-height: 1.2em; }
div#content div.info-text table td { padding: 0pt; }
div#content div.mini-text { margin: 0pt -15px; }
div#content div.mini-text p { font-size: 77%; line-height: 1.3em; }
div#content div.more { text-align: right; font-size: 85%; }
div#content div.page-nav { margin: 0.5em 0pt; text-align: right; clear: right; font-size: 93%; }
div#content div.page-nav a { margin: 0pt 0.1em; padding: 0.1em 0.3em; }
div#content div.page-nav a:hover { text-decoration: underline; }
div#content h2 { font-size: 150%; font-weight: bold; margin-left: 0.2em; text-align: left; clear: right; line-height: 1.4em; }
div#content h2.message { margin: 50px auto 40px; }
div#content p { margin: 0.5em 0.3em 0.1em; line-height: 1.8em; font-size: 93%; text-align: left; }
div#content table { margin: 1em auto; width: 98%; }
div#content table td { border-left: 1px solid rgb(236, 236, 236); border-bottom: 2px solid rgb(232, 232, 232); padding: 0.2em 13px; font-size: 85%; }
div#content table td.first { border-left-width: 0pt; }
div#content table th { border-left: 1px solid rgb(236, 236, 236); padding: 0.2em 13px; overflow: hidden; height: 30px; text-align: center; font-weight: bold; font-size: 93%; background-color: rgb(192, 216, 248); }
div#content table th.first, div#content table th.last { background: rgb(192, 216, 248) url('bg-table-header.gif') no-repeat scroll left 0pt; border-left-width: 0pt; }
div#content table th.last { background-position: right -60px; }
div#content table th.no-bg { border-left: 0pt none; border-bottom: 1px solid rgb(192, 216, 248); background-color: rgb(255, 255, 255); }
div#content table tr:hover, table tr.hover, table td.hover { background-color: rgb(255, 255, 204); }
div#content table.no-border td { border: medium none ; }
div#content table.no-hover tr:hover { background-color: transparent; }
div#content-container { overflow: hidden; text-align: left; }
div#footer { font-size: 77%; margin-bottom: 1em; margin-right: 0pt; padding-bottom: 15px; width: 750px; float: left; text-align: center; }
div#footer_adv { margin-bottom: 1em; margin-right: 0pt; width: 750px; float: left; text-align: center; }
div.alert { border-color: rgb(232, 78, 27); background-color: rgb(254, 242, 231); }
div.clear, div.sep, div.separator { margin: 0pt; padding: 0pt; line-height: 0pt; height: 0pt; clear: both; float: none; }
div.info { border-color: rgb(100, 140, 203); background-color: rgb(231, 237, 247); }
div.notice { border-color: rgb(241, 203, 47); background-color: rgb(255, 253, 207); }
div.notice, div.alert, div.success, div.info { border-style: solid; border-width: 1px; margin: 10px; padding: 0.2em 10px 0.2em 30px; font-size: 77%; position: relative; }
div.success { border-color: rgb(0, 204, 2); background-color: rgb(221, 255, 221); }
div.twin-block { margin-top: 20px; }
div.twin-block div { margin: 0pt 2%; width: 45%; float: left; }
h2.text-list-title { border-bottom: 1px solid rgb(192, 216, 248); }
ul#func-nav li a, ul.icon-nav li a, ul.sort-nav li a { padding: 0.6em 0.8em 0.2em; text-decoration: none; line-height: 1.8em; }
ul#func-nav li a:hover, ul.icon-nav li a:hover, ul.sort-nav li a:hover { background-color: transparent; color: rgb(0, 0, 255); text-decoration: underline; }
ul#func-nav li img { margin-bottom: -0.2em; }
ul#func-nav li, ul.icon-nav li, ul.sort-nav li { margin: 0.5em 2px 0pt 0pt; padding: 0pt; float: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 77%; line-height: normal; font-size-adjust: none; font-stretch: normal; }
ul#func-nav li.current { background: rgb(255, 255, 204) none repeat; }
ul#func-nav li.current a { color: rgb(0, 0, 153); }
ul#func-nav li.current a:hover { color: rgb(102, 102, 102); }
ul#func-nav, ul.icon-nav { margin: 0pt -15px; padding: 0pt 15px; overflow: hidden; list-style-type: none; clear: right; float: right; }
ul#step-nav { margin: 0.3em 10px; overflow: hidden; }
ul#step-nav li { float: left; margin-right: 5px; }
ul#step-nav.step_1 li.step_1, ul#step-nav.step_2 li.step_2, ul#step-nav.step_3 li.step_3, ul#step-nav.step_4 li.step_4, ul#step-nav.step_5 li.step_5, ul#step-nav.step_done li.step_done { border-bottom: 3px solid blue; }
ul#sub-nav { margin: 0pt -15px 1em; padding: 0pt 15px; background: rgb(192, 216, 248) none repeat; overflow: hidden; list-style-type: none; clear: left; }
ul#sub-nav li { border-style: solid; border-color: rgb(0, 102, 255) rgb(0, 102, 255) rgb(192, 216, 248); border-width: 1px; margin: 0.5em 2px 0pt 0pt; padding: 0pt; background: rgb(142, 186, 242) none repeat; float: left; }
ul#sub-nav li a { padding: 0.6em 0.8em 0.2em; text-decoration: none; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 85%; font-size-adjust: none; font-stretch: normal; line-height: 1.8em; color: rgb(48, 48, 61); }
ul#sub-nav li a:hover { background: transparent none repeat; text-decoration: underline; }
ul#sub-nav li.current { border-bottom: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat; }
ul#sub-nav li.current a { color: rgb(0, 0, 0); }
ul.icon-nav { margin: 0.1em; padding: 0pt; float: none; display: inline; clear: none; }
ul.icon-nav li a { padding: 0.1em; }
ul.icon-nav li a:hover { text-decoration: none; }
ul.sort-nav { margin: 0pt -15px; padding: 0pt 0.1em; overflow: hidden; list-style-type: none; clear: right; float: right; }
ul.sort-nav li.current a { color: black; text-decoration: underline; }
ul.sort-nav li.current a:hover { text-decoration: none; cursor: default; color: black; }
ul.text-list { font-size: 93%; }
ul.text-list li { width: auto; float: none; list-style-type: square; list-style-position: outside; margin-left: 20px; }
ul.tree-nav { margin: 0pt 10px; overflow: hidden; list-style-type: none; clear: left; float: left; width: 150px; min-height: 100px; }
ul.tree-nav li { border: 0pt none ; margin: 0pt; padding: 0pt; background: rgb(247, 247, 247) none repeat; clear: both; white-space: nowrap; }
ul.tree-nav li a { padding: 0pt 150px 0pt 0pt; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 77%; line-height: normal; font-size-adjust: none; font-stretch: normal; color: blue; text-decoration: none; }
ul.tree-nav li.current span a, ul.tree-item-nav li.current em a { color: rgb(0, 0, 0); text-decoration: none; font-weight: bold; }
ul.tree-nav li.current span a:hover, ul.tree-item-nav li.current em a:hover { color: rgb(0, 0, 0); cursor: default; background-color: rgb(247, 247, 247); }
ul.tree-nav li.header { font-weight: bold; }
ul.tree-nav li.header.minus { background: rgb(247, 247, 247) url('bg-tree-opened.gif') no-repeat scroll left top; padding-left: 34px; }
ul.tree-nav li.header.plus { background: rgb(247, 247, 247) url('bg-tree-closed.gif') no-repeat scroll left top; padding-left: 34px; }
ul.tree-nav li.header.plus ul.tree-item-nav { display: none; }
ul.tree-nav ul.tree-item-nav { margin-left: 4px; }
.label a:hover, a.label:hover { color: white; background-color: green; text-decoration: none; cursor: pointer; }
.label, p.label, a.label { color: green; text-decoration: underline; }
.price { color: red; font-size: 150%; text-align: left; }
div#content div#main div.book-profile h1 { margin-right: 30px; }
div#content div.book-profile { border: 1px solid rgb(204, 204, 204); padding: 8px; background: rgb(255, 255, 255) none repeat; overflow: hidden; }
div#content div.book-profile img.cover { width: 64px; }
div#content img.cover { border: 1px solid rgb(168, 168, 168); margin: 5px; width: 150px; float: left; }
div#content table.book-item div.more { font-size: 100%; }
div#content table.book-item img.cover { border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 2px; width: 90px; float: none; }
div#content table.book-item img.cover.float-left { float: left; }
div#content table.book-item img.cover.home-smaller { width: 90px; }
div#content table.book-item img.cover.larger { width: 120px; }
div#content table.book-item img.cover.original { width: 150px; }
div#content table.book-item img.cover.smaller { width: 60px; }
div#content table.book-item-detail { border-width: 0pt; margin: 0pt; padding: 0pt; float: left; width: 160px; vertical-align: top; font-size: 93%; }
div#content table.book-item-detail img.cover { border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 2px; width: 150px; float: none; }
div#content table.book-nav { width: 520px; }
div#content table.book-nav table.book-item { width: auto; }
div#content table.book-nav td, div#content table.book-item td, div#content table.book-item-detail td { border-width: 0pt; padding: 0pt; }
div#content table.book-nav, div#content table.book-item, div#content table.book-item-detail { border-width: 0pt; margin: 0pt; padding: 0pt; clear: right; vertical-align: top; }
div#content table.book-nav.wide { width: 690px; }
div#search-result-list div.search-result-item { margin: 1em 0pt; overflow: hidden; }
div#search-result-list div.search-result-item .cover { width: 60px; }
div#search-result-list div.search-result-item em { color: rgb(204, 0, 51); }
div#search-result-list div.search-result-item h2 { font-size: 100%; clear: none; }
div#search-result-list div.search-result-item h2 a { text-decoration: underline; font-weight: normal; }
div#search-result-list div.search-result-item p { font-size: 83%; margin-left: 70px; line-height: 1.3em; }
div#search-result-list div.search-result-item p.bigger { font-size: 93%; color: rgb(79, 80, 185); margin-bottom: 0.3em; }
div#search-result-list div.search-result-item p.green { color: green; }
div#search-result-list div.search-result-item ul.icon-nav { margin: 0pt 5px; float: right; }
div#search-result-list div.search-result-item ul.icon-nav li { margin: 0pt 0.2em; }
form#search_form dl#search_option_form { font-size: 77%; }
form#search_form input#q { padding: 0.1em 5px; font-size: 197%; width: 570px; float: left; }
form#search_form input#submit { margin: 0pt 10px; background-color: rgb(0, 142, 207); color: rgb(255, 255, 255); float: right; width: 80px; }
form#search_form span#search_option { margin: 0.1em 10px; padding: 0.1em 0pt; white-space: nowrap; float: right; width: 80px; text-align: center; }
form#search_form ul.radio-nav { font-size: 93%; color: navy; }
form#search_form ul.radio-nav input.radio { display: none; }
form#search_form ul.radio-nav li {  }
form#search_form ul.radio-nav li.current { background-color: rgb(0, 142, 207); color: white; cursor: default; }
div#content div#main div.user-profile h1 { margin-right: 30px; }
div#content div.user-profile { border: 1px solid rgb(204, 204, 204); padding: 8px; background: rgb(255, 255, 255) url('bg-user-profile-pagecorner.jpg') no-repeat scroll right top; overflow: hidden; }
div#content div.user-profile img.avatar { float: left; margin-right: 10px; }
div#content div.user-profile ul.radio-nav { font-size: 77%; }
div#content div.user-profile ul.radio-nav li { padding-left: 0pt; }
div#content img.avatar { border: 1px solid rgb(204, 204, 204); padding: 2px; width: 48px; }
div#content table.user-nav { border-width: 0pt; margin: 0pt; padding: 0pt; width: 98%; clear: right; vertical-align: top; }
div#content table.user-nav img.avatar { float: left; margin-right: 0.2em; }
div#content table.user-nav p { line-height: 1.2em; white-space: nowrap; font-size: 85%; }
div#content table.user-nav td { border-width: 0pt; overflow: hidden; }
div#sidebar div.user-sidebar { width: 170px; }
div#sidebar div.user-sidebar h1 { font-size: 110%; }
div#sidebar div.user-sidebar img.avatar { margin: 0pt 10px; float: left; width: 48px; }
div#sidebar div.user-sidebar p { overflow: hidden; font-size: 110%; }
.nick { font-weight: bold; }
div#map { font-size: 77%; }
div#store_details { padding: 10px; width: 400px; }
div#store_details div { margin-top: 0.5em; font-size: 15px; }
div#store_details div.sd_store_description_border { border: 1px solid gray; margin: 0.5em; padding: 5px; background-color: white; }
div#store_details pre.sd_store_description { white-space: -moz-pre-wrap; }
div#store_details span.sd_store_name { color: rgb(245, 7, 139); }
div#store_list { overflow: auto; max-height: 30em; }
div#store_list_note { border-top: 1px dashed gray; margin-top: 1px; color: rgb(153, 153, 153); }
div.store_list_item:hover { cursor: pointer; }
div.store_list_item_invisible { color: rgb(153, 153, 153); }
div.store_list_item_selected { border: thin dotted brown; }
#map { margin: 0pt -15px; width: 734px; height: 400px; }
#map_popup_menu { border: 1px solid black; padding: 3px; background-color: white; display: none; }
#map_popup_menu div.menu_entry:hover { color: white; background-color: black; }
#store_search_form { font-size: 77%; }
#store_search_form div#quick_move_trigger, #store_search_form div#quick_move { width: 150px; text-align: center; }
#store_search_form input#keyword { width: 300px; }
#store_search_form input, #store_search_form select { width: auto; }
#store_search_form li { height: 2em; line-height: 2em; vertical-align: middle; }
div#sidebar h2 { margin: 0pt -2px 0.5em; padding: 0.2em 10px; background: rgb(192, 216, 248) none repeat; font-size: 93%; color: rgb(0, 0, 0); }
div#sidebar img.cover { border: 1px solid rgb(204, 204, 204); margin: 5px; padding: 2px; width: 90px; float: left; }
div#sidebar ul { font-size: 77%; }
.jqmWindow { border: 1px solid black; padding: 12px; display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); }
.jqmOverlay { background-color: rgb(0, 0, 0); }
* iframe.jqm { position: absolute; top: 0pt; left: 0pt; z-index: -1; }
* html .jqmWindow { position: absolute; }

/* ::::: http://findbook.tw/ ::::: */

div#content div.local table td { font-size: 93%; }