body, th, td { color: #666; line-height: 133%; }
body { background-color: #fff; text-align: center; margin: 10px 0; padding: 0; }
h1, h2, h3 { line-height: 1em; }
img { vertical-align: bottom; }
a { color: #00f; text-decoration: underline; }
a:hover { color: #f90; }
a img { border-style: none; }
#wrap { text-align: left; width: 750px; margin: 0 auto; border: solid 1px #000; }
/* ===== header ===== */
#header { position: relative; height: 43px; padding: 10px; border-top: 10px solid #060; }
#header h1 { margin: 0; }
/* ===== select-lang ===== */
#select-lang { position: absolute; right: 0; bottom: 14px; width: 430px; padding-bottom: 2px; border-bottom: 2px solid #000; }
#select-lang ul { margin: 0 0 0 170px; padding: 0; list-style-type: none; }
#select-lang li { display: inline; }
#select-lang a { color: #666; background-image: url(../img/lang_bg_top.gif); background-repeat: no-repeat; text-decoration: none; text-align: center; width: 82px; float: left; margin-right: 2px; display: block; }
#select-lang span.selected { color: #fff; background-color: #f90; background-image: url(../img/lang_bg_top.gif); background-repeat: no-repeat; text-decoration: none; text-align: center; width: 82px; float: left; margin-right: 2px; display: block; }
#select-lang a:hover { color: #fff; background-color: #f90; }
#select-lang a span, #select-lang span.selected span { background-image: url(../img/lang_bg_bottom.gif); background-repeat: no-repeat; background-position: left bottom; display: block; }
/* ===== menu ===== */
ul#menu { height: 45px; margin: 0 0 0 10px; padding: 0; list-style-type: none; }
#menu li { display: inline; }
#menu a { color: #fff; background-image: url(../img/menu/off.gif); background-repeat: no-repeat; text-decoration: none; width: 112px; height: 26px; float: left; margin-right: 2px; padding: 2px 4px; display: block; }
#menu span, #menu a:hover { color: #fff; background-image: url(../img/menu/on.gif); background-repeat: no-repeat; width: 112px; height: 26px; float: left; margin-right: 2px; padding: 2px 4px; display: block; }
ul#toppage-menu { background-image: url(../img/top.jpg); margin: 0; padding: 10px 0 5px 10px; border-bottom: 2px solid #060; list-style-type: none; }
ul#toppage-menu-cn { background-image: url(../img/top_cn.jpg); margin: 0; padding: 10px 0 5px 10px; border-bottom: 2px solid #060; list-style-type: none; }
ul#toppage-menu-en { background-image: url(../img/top_en.jpg); margin: 0; padding: 10px 0 5px 10px; border-bottom: 2px solid #060; list-style-type: none; }
#toppage-menu a, #toppage-menu-cn a, #toppage-menu-en a { color: #fff; line-height: 110%; background-image: url(../img/menu/toppage_off.gif); background-repeat: no-repeat; text-decoration: none; width: 134px; height: 34px; margin-bottom: 3px; padding: 2px 4px; display: block; }
#toppage-menu a:hover, #toppage-menu-cn a:hover, #toppage-menu-en a:hover { background-image: url(../img/menu/toppage_on.gif); }
/* ===== contents ===== */
#contents { background-image: url(../img/contents_bg.gif); background-repeat: repeat-y; clear: left; }
#toppage-contents { background-image: url(../img/toppage_contents_bg.gif); background-repeat: repeat-y; background-position: 500px 0; }
/* ===== menu-left ===== */
#menu-left { width: 220px; float: left; }
#menu-left h2 { color: #fff; background-color: #adebad; background-image: url(../img/menu_left_h2_bg.gif); background-repeat: no-repeat; margin: 0; padding: 4px 10px; }
#menu-left ul { background-color: #fff; margin: 10px 0 15px 10px; padding: 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; list-style-type: none; }
#menu-left li { border-bottom: 1px solid #ccc; }
#menu-left a { color: #666; background-image: url(../img/arrow_right_orange.gif); background-repeat: no-repeat; background-position: 180px center; text-decoration: none; padding: 5px 25px 5px 5px; border-left: 7px solid #f90; display: block; }
#menu-left li span, #menu-left a:hover { color: #fff; background-color: #f90; background-image: url(../img/arrow_right_white.gif); background-repeat: no-repeat; background-position: 180px center; padding: 5px 25px 5px 5px; border-left: 7px solid #f90; display: block; }
#toppage-menu-left { width: 500px; float: left; }
#toppage-menu-left h2 { color: #fff; background-color: #adebad; background-image: url(../img/menu_left_h2_bg.gif); background-repeat: no-repeat; clear: left; margin: 0 0 10px; padding: 4px 10px; }
#toppage-menu-left div { margin-left: 10px; }
#toppage-menu-left table { width: 235px; float: left; margin: 0 10px 10px 0; border: solid 1px #999; border-collapse: collapse; }
#toppage-menu-left td { text-align: center; width: 60px; height: 60px; border-right: 1px solid #999; }
#toppage-menu-left th { text-align: left; padding: 0 2px; }
#toppage-menu-left ul { margin: 0; padding :0 0 1em 2em; }
/* ===== main ===== */
#main { position: relative; width: 500px; float: right; padding: 0 15px 15px 0; }
#main h1 { margin: 0 0 15px; border-bottom: 5px solid #f90; }
#main h1 span { background-image: url(../img/square_green.gif); background-repeat: no-repeat; background-position: left center; margin-left: 14px; padding-left: 12px; }
#main h2 { color: #000; }
#main h3 { margin: 0.5em 0; border-bottom: 1px solid #000; }
#main h3 span { color: #fff; background-color: #000; background-image: url(../img/main_left_h3_bg.gif); background-repeat: no-repeat; background-position: right bottom; padding: 1px 20px 0 4px; }
a#backto-list { color: #666; background-image: url(../img/lang_bg_top.gif); background-repeat: no-repeat; text-decoration: none; text-align: center; position: absolute; top: 0; right: 10px; width: 82px; display: block; }
a:hover#backto-list { color: #fff; background-color: #f90; }
a#backto-list span { background-image: url(../img/lang_bg_bottom.gif); background-repeat: no-repeat; background-position: left bottom; display: block; }
table.list { width: 100%; margin-bottom: 15px; border-top: 1px solid #999; border-left: 1px solid #999; border-collapse: collapse; }
.list th, .list td { border-right: 1px solid #999; border-bottom: 1px solid #999; }
td.photo { text-align: center; width: 80px; }
td.explanation { width: 414px; }
#toppage-main { width: 240px; float: right; padding-top: 12px; }
#toppage-main h2 { color: #f90; text-align: center; margin: 0 0 12px; }
#toppage-main p { margin: 0 15px 15px 5px; }
#toppage-main ul { margin: 0 15px 15px 5px; padding: 0 0 0 2em; }
/* ===== Search by Modelname ===== */
form#find-modelname { text-align: right; margin-right: 10px; }
input#modelname { width: 100px; }
#find-modelname input#submit { width: auto; }
/* ===== main-left ===== */
#main-left { width: 230px; float: left; }
#main-left h2 { margin: 0; }
#main-left p { margin: 0; }
/* ===== photos ===== */
#main-right { text-align: center; float: right; width: 252px; }
#main-right table { border-collapse: separate; border-spacing: 1px; }
#main-right td { text-align: center; vertical-align: middle; width: 80px; height: 80px; border: solid 2px #999; }
td#biggest { width: 250px; }
/* ===== spec ===== */
#spec { clear: both; padding-top: 0.5em; }
#spec table { width: 500px; margin-bottom: 0.5em; border-top: 1px solid #999; border-left: 1px solid #999; border-collapse: collapse; }
#spec th, #spec td { border-right: 1px solid #999; border-bottom: 1px solid #999; }
#spec th { color: #000; text-align: left; }
#spec thead th { color: #fff; background-color: #999; text-align: center; }
/* ===== footer ===== */
#footer{ color: #fff; background-color: #060; text-align: right; clear: both; margin: 0; padding: 4px 1em; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* ===== copyright ===== */
#copyright { font-weight: bold; }
/* ===== form ===== */
input, textarea { width: 470px; }
p.not-full-width input { width: auto; }
/* ===== others ===== */
.float-clear { clear: both; }
ul.rect { background-color: #eee; margin: 0; padding: 1em; border: solid 1px #999; list-style-type: none; }
form span { color: #000; padding-left: 4px; border-left: 6px solid #000; }
a.pdf { background-image: url(../img/pdficon_small.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
a.arrow { background-image: url(../img/arrow_right_blue.gif); background-repeat: no-repeat; background-position: right center; padding-right: 12px; }
.en, #en, #en input, #en option, #en textarea { font-family: Arial, sans-serif; }
.en, #en input, #en textarea { ime-mode: inactive; }
.cn, #cn, #cn input, #cn option, #cn textarea { font-family: "Arial Unicode MS", Hei, Song, sans-serif; }