body {height:100%; margin:0px; text-align:center;} body, td, input, select, textarea{ font-size: 9pt; font-family: Arial, Helvetica, sans-serif; } a {color:#323232; text-decoration: none;} a:hover {color:#CC3300;} form {margin:0px;} img { border: 0px;} .center {text-align:center;} .absmiddle { vertical-align: middle;} .clear {clear:both; *display:inline;} .nodata {height:60px; text-align:center; padding-top:25px; color:#666;} /*** ��r�C�� ***/ .fg1 {color:#999A9C;} .fg2 {color:#9B0002;} .fg3 {color:#D00001;} .fg4 {color:#4D4D4D;} .fg5 {color:#FF3200;} .fg6 {color:#989898;} /************************************/ .doc {width:1000px; text-align:left; margin:0 auto;} .mhead {} .mhead .head1 {float:left; width:322px; height:90px; background:url(images/head1.jpg) left top no-repeat;} .mhead .head2 {float:left; width:678px; height:90px; background:url(images/head2.jpg) left top no-repeat;} .mhead .head2 .url {text-align:right; padding-right:20px; margin-top:68px; line-height:14px; font-size:8pt; color:#646464;} .mhead .head2 .url a {color:#646464;} .mhead .head2 .url a:hover {color:#CC3300;} .mhead .head2 .fb {padding-left:17px; line-height:14px; background:url(images/icon_facebook.jpg) left top no-repeat;} .mhead .head3 {float:left; width:221px; height:43px;} .mhead .bt {float:left;} .mbody {} .mbody .mbleft {float:left; width:222px;} .mbody .mbright {float:left; width:778px;} .mfoot {text-align:center;} .mfoot .width {width:966px; margin:0 auto; text-align:center;} .mfoot .width .gocenter {width:828px; margin:0 auto; text-align:left;} .mfoot .width .gocenter .logo {float:left; width:191px; margin-right:18px;} .mfoot .width .gocenter .area {float:left; width:619px;} .mfoot .width .gocenter .area .url {color:#313131; font-size:9pt; line-height:16px;} .mfoot .width .gocenter .area .url a {color:#313131;} .mfoot .width .gocenter .area .url a:hover {color:#CC3300;} .mfoot .width .gocenter .area .url .fb {padding-left:17px; line-height:16px; background:url(images/icon_facebook.jpg) left top no-repeat;} .mfoot .width .gocenter .area .info {color:#686868; font-size:9pt; line-height:16px;} .mfoot .width .gocenter .area .info a {color:#686868;} /*** block ***/ .block1 {margin-left:18px;} .block1 .top {width:191px; height:5px; background:url(images/bod1_t.jpg) left top no-repeat; overflow:hidden;} .block1 .body {width:191px; background:url(images/bod1_m.jpg) left top repeat-y; overflow:hidden;} .block1 .bottom {width:191px; height:5px; background:url(images/bod1_f.jpg) left top no-repeat; overflow:hidden;} .block2 {margin-left:18px;} .block2 .top {width:191px; height:5px; background:url(images/bod2_t.jpg) left top no-repeat; overflow:hidden;} .block2 .body {width:191px; background:url(images/bod2_m.jpg) left top repeat-y; overflow:hidden;} .block2 .bottom {width:191px; height:5px; background:url(images/bod2_f.jpg) left top no-repeat; overflow:hidden;} .block3 {margin-left:18px;} .block3 .top {width:191px; height:5px; background:url(images/bod3_t.jpg) left top no-repeat; overflow:hidden;} .block3 .body {width:191px; background:url(images/bod3_m.jpg) left top repeat-y; overflow:hidden;} .block3 .bottom {width:191px; height:5px; background:url(images/bod3_f.jpg) left top no-repeat; overflow:hidden;} .block4 {} .block4 .top {width:191px; height:5px; background:url(images/bod1_t.jpg) left top no-repeat; overflow:hidden;} .block4 .body {width:191px; background:url(images/bod1_m.jpg) left top repeat-y; overflow:hidden;} .block4 .bottom {width:191px; height:5px; background:url(images/bod1_f.jpg) left top no-repeat; overflow:hidden;} .blogin {padding:6px 7px 0px 7px;} .blogin .title {height:16px; background:url(images/tit_login.jpg) 6px top no-repeat;} .blogin ul {padding:0px; margin:0px;} .blogin ul li {list-style:none; margin-left:7px; margin-top:5px; margin-bottom:5px; line-height:22px; color:#353535;} .blogin input.text {border:1px solid #CCCCCC; width:123px;} .blogin .url {color:#999999; font-size:8pt; line-height:18px;} .blogin .url a {color:#2F98C5;} .blogin .url a:hover {color:#CC3300;} .blogin .url span.txt {display:block; float:left; width:104px; text-align:center;} .blogin .url span.bt {display:block; float:left; width:60px; text-align:center;} .blogin .meminfo {} .blogin .meminfo .user {padding:0 10px 0 10px; line-height:18px; color:#636363;} .blogin .meminfo .func {float:left; width:78px;} .blogin .meminfo .func .item {padding-left:12px; line-height:16px; font-size:8pt; color:#3492CF; background:url(images/icon_barr.gif) no-repeat; background-position:left 4px; *background-position:left 2px;} .blogin .meminfo .func .item a {color:#3492CF;} .blogin .meminfo .func .item a:hover {color:#CC3300;} .blogin .cart {text-align:center; color:#030303; line-height:16px; font-size:12px;} .blogin .cart span {font-weight:bold; color:#FD9800;} .bcategory {padding:3px 8px 0px 8px;} .bcategory .title {height:16px; background:url(images/tit_category.jpg) 4px top no-repeat;} .bcategory .title.self { background:none; color:#3d83c2; font-weight:bold; } .bcategory .first {min-height:22px; _height:22px; color:#FCFFF6; font-size:15px; font-weight:bold; background:url(images/cate_mbg.jpg) left top repeat-y;} .bcategory .first span {display:block; padding:2px 12px 0 18px; padding:4px 12px 0 18px \9;} .bcategory .first a {color:#FCFFF6;} .bcategory .second {line-height:20px; color:#363636; font-size:9pt;} .bcategory .second span {} .bcategory .second a {color:#363636;} .bcategory .second a:hover {color:#CC3300;} .bcategory .child {padding-left:20px;} .bepaper {padding:3px 7px 0px 7px;} .bepaper .title {height:16px; background:url(images/tit_epaper.jpg) 6px top no-repeat;} .bepaper .input {text-align:center;} .bepaper .input input {border:1px solid #CCCCCC; width:171px;} .bepaper .rmk {float:left; color:#666666; line-height:16px; padding-left:4px;} .bepaper .ebt {float:right; padding-right:4px;} .bepaper .history {padding:0 6px 0 6px; line-height:16px; color:#0095FB; font-size:9pt;} .bepaper ul {margin:6px 8px 0 8px; padding:0px;} .bepaper ul li {list-style:none; line-height:18px; font-size:9pt; color:#303030; padding-left:11px; background:url(images/icon_rsq.jpg) no-repeat; background-position:left 5px;} .bepaper ul li a {color:#303030;} .bepaper .more {text-align:right; padding-right:4px; color:#329BCB; font-size:7pt;} .bepaper .more a {color:#329BCB;} .bcomm {padding:3px 7px 0px 7px;} .bcomm .title {height:16px; background:url(images/tit_comm.jpg) 6px top no-repeat;} .bcomm ul {margin:6px 8px 0 8px; padding:0px;} .bcomm ul li {list-style:none; margin-top:3px; line-height:16px; font-size:9pt; color:#303030; padding-left:11px; background:url(images/icon_gsq.jpg) no-repeat; background-position:left 4px;} .bcomm ul li span {color:#979797;} .bcomm ul li a {color:#303030;} .bsearch {} .bsearch .tit {float:left; width:40px; height:20px; background:url(images/t_search.jpg) left top no-repeat; margin-right:2px;} .bsearch .input {float:left; margin-right:7px;} .bsearch .input input {border:1px solid #C3C3C3; width:139px;} .bsearch .go {float:left; margin-right:8px;} .bsearch .hot {float:left; width:38px; text-align:right; line-height:21px; color:#313131; font-size:8pt; margin-right:3px;} .bsearch .key {float:left; width:410px; line-height:21px; color:#787878; font-size:10pt;} .bsearch .key a {color:#787878; text-decoration: underline;} .bsearch .key a:hover {color:#D10004;} .bweekprod {padding:3px 7px 0px 7px;} .bweekprod .title {height:16px; background:url(images/tit_weekp.jpg) 6px top no-repeat;} .bpushprod {padding:3px 7px 0px 7px;} .bpushprod .title {height:16px; background:url(images/tit_pushp.jpg) 6px top no-repeat;} .bpushprod .title .more {text-align:right; padding:3px 5px 0 0;} .bpushprod .mqarea {position:relative;} .bpushprod .mqarea .larr {position:absolute; left:-1px; top:76px; width:12px; height:13px;} .bpushprod .mqarea .rarr {position:absolute; left:166px; top:76px; width:12px; height:13px;} .bpushprod ul {margin:6px 19px 0 24px; padding:0px;} .bpushprod ul li {list-style:none; margin-top:3px; line-height:16px; font-size:9pt; color:#333333; padding-left:11px; background:url(images/icon_orsq.jpg) no-repeat; background-position:left 4px;} .bpushprod ul li a {color:#333333;} .bpushprod ul li.now {color:#FF9800; } .bpushprod ul li.now a {color:#FF9800;} .bwinprod {padding:3px 7px 0px 7px;} .bwinprod .title {height:16px; background:url(images/tit_winp.jpg) 6px top no-repeat;} .bwinprod .title .more {text-align:right; padding:3px 5px 0 0;} .bwinprod .mqarea {position:relative;} .bwinprod .mqarea .larr {position:absolute; left:-1px; top:76px; width:12px; height:13px;} .bwinprod .mqarea .rarr {position:absolute; left:166px; top:76px; width:12px; height:13px;} .modbord {width:750px; height:70px; margin-left:2px; background:url(images/mod_titbg.jpg) left top no-repeat;} .modbord .titimage {float:left;} .modbord .titimage .image {position:relative; width:218px; height:70px;} .modbord .titimage .image img {position:absolute; left:0px; top:0px;} .modbord .url {float:right; margin-top:28px; margin-right:3px;} .modbord .url span {display:block; line-height:14px; font-size:9pt; color:#333333;} .modbord .url span a { color:#333333;} .modbord .url span label {color:#999999;} .modbord .url span label a {color:#999999;} /*** main ***/ /* .banners {width:762px; height:218px; position:relative;} .banners .sitebg {position:absolute; left:0px; bottom:0px; width:762px; height:22px; background:#333333; z-index:1; filter:alpha(opacity=75); opacity:0.75; -moz-opacity:0.75;} .banners .site {position:absolute; left:0px; bottom:0px; width:762px; height:22px; z-index:2;} */ .banners {width:762px;} .banners .sitebg {width:762px; height:22px; background:#B4D8E7; z-index:1;} .banners .site {width:762px; height:22px; z-index:2;} .banners .site .ntd {float:left; width:152.4px; height:22px; cursor:default; line-height:22px; color:#686868; text-align:center; overflow:hidden;} .banners .site .ntd a {color:#686868;} .banners .site .now {background:#378BAF !important; color:#FFFFFF !important;} .banners .site .now a {color:#FFFFFF !important;} .mainpg {} .mainpg .pleft {float:left; width:571px;} .mainpg .pright {float:left; width:193px;} .mainpg .marea {margin-left:4px; width:549px;} .mainpg .marea .timg {float:left; width:500px; height:49px; background:url(images/m_bg.jpg) left top repeat-x;} .mainpg .marea .more {float:left; width:47px; height:49px; text-align:right; background:url(images/m_bg.jpg) left top repeat-x;} .mainpg .marea .more img {margin-top:20px;} .mainpg .marea .end {float:left; width:2px; height:49px; background:url(images/m_blast.jpg) left top no-repeat;} .mainpg .marea .list {padding:7px 5px 7px 5px;} .mnews {} .mnews .txt {padding-left:5px; line-height:16px; color:#333333; font-size:9pt;} .mnews .txt a {color:#333333;} .mnews .txt a:hover {color:#CC3300;} .mnews .txt label {margin-left:10px; font-size:8pt;} .newprod {} .newprod .prod {float:left; width:154px; text-align:center; margin-right:6px;} .newprod .desc {float:left; width:388px; text-align:left; color:#363636; line-height:20px; font-size:9pt;} .newprod .list {} .newprod .list .item {float:left; width:94px; text-align:center;} .newprod .list .space {float:left; width:17px;} .smallbook {width:136px; text-align:left; margin:0 auto;} .smallbook .picarea {width:134px; height:176px; border:1px solid #D2D2D2;} .smallbook .picarea .img {width:134px; height:176px; text-align:center; /* Firefox, Chrome */ line-height:180px; white-space:nowrap; /* IE */ *font-size:158.4px; /* 176px * 0.9 */ *font-family:Arial; } .smallbook .picarea .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .smallbook .picarea .img img {vertical-align:middle;} .smallbook .pname {line-height:18px; font-size:9pt; color:#333333; text-align:center;} .smallbook .pname a {color:#333333;} .smallbook .oprice {line-height:18px; font-size:9pt; color:#656565; text-align:center;} .smallbook .pprice {line-height:18px; font-size:9pt; color:#CC0002; text-align:center;} .smallbook .bname {line-height:22px; font-size:10pt; color:#0064CE;} .smallbook .bname a {color:#0064CE;} .smallbook .pnote {line-height:18px; font-size:9pt; color:#323232;} .smallbook .pnote span {color:#2D9BFA;} .thumbbook {width:92px; text-align:left; margin:0 auto;} .thumbbook .picarea {width:90px; height:116px; border:1px solid #D2D2D2;} .thumbbook .picarea .img {width:90px; height:116px; text-align:center; /* Firefox, Chrome */ line-height:120px; white-space:nowrap; /* IE */ *font-size:104.4px; /* 116px * 0.9 */ *font-family:Arial; } .thumbbook .picarea .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .thumbbook .picarea .img img {vertical-align:middle;} .thumbbook .pname {line-height:18px; font-size:9pt; color:#333333;} .thumbbook .pname a {color:#333333;} .thumbbook .oprice {line-height:18px; font-size:9pt; color:#656565;} .thumbbook .pprice {line-height:18px; font-size:9pt; color:#CC0002;} .modcate {position:relative; width:750px;} .modcate .pos {position:relative; width:690px; left:56px; top:-14px;} .modcate .pos .citem {float:left; margin-right:24px; margin-bottom:5px;} .modcate .pos .citem span {display:block; line-height:20px; padding-left:22px; font-size:13px;} .modcate .pos .citem span.in {color:#FC672F; background:url(images/modcate_in.jpg) left top no-repeat;} .modcate .pos .citem span.in a {color:#FC672F;} .modcate .pos .citem span.in a:hover {color:#CC3300;} .modcate .pos .citem span.out {color:#656565; background:url(images/modcate_out.jpg) left top no-repeat;} .modcate .pos .citem span.out a {color:#656565;} .modcate .pos .citem span.out a:hover {color:#CC3300;} .modcate .contact {position:absolute; width:64px; height:20px; left:184px; top:-52px;} .modsec {width:750px;} .modsec .pos {padding-left:56px;} .modsec .pos .citem {float:left; margin-right:24px;} .modsec .pos .citem span {display:block; line-height:20px; padding-left:22px; font-size:13px;} .modsec .pos .citem span.in {color:#FC672F; background:url(images/modsec_in.jpg) no-repeat; background-position:3px 3px; *background-position:3px 1px;} .modsec .pos .citem span.in a {color:#FC672F;} .modsec .pos .citem span.in a:hover {color:#CC3300;} .modsec .pos .citem span.out {color:#656565; background:url(images/modsec_out.jpg) no-repeat; background-position:3px 3px; *background-position:3px 1px;} .modsec .pos .citem span.out a {color:#656565;} .modsec .pos .citem span.out a:hover {color:#CC3300;} .html {width:730px; margin-left:10px;} .store {width:735px; margin-left:10px;} .store .eq {} .store .eq .pic {float:left; width:227px;} .store .eq .pic .bd {width:205px; height:146px; border:2px solid #CCCCCC;} .store .eq .pic .bd .img {width:205px; height:146px; text-align:center; /* Firefox, Chrome */ line-height:150px; white-space:nowrap; /* IE */ *font-size:131.4px; /* 146px * 0.9 */ *font-family:Arial; } .store .eq .pic .bd .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .store .eq .pic .bd .img img {vertical-align:middle;} .store .eq .info {float:left; width:505px;} .store .eq .info .name {line-height:20px; font-weight:bold; color:#000000; font-size:9pt; padding-left:10px;} .store .eq .info .txt {line-height:20px; color:#666666; padding-left:10px;} .store .eq .info .txt span.mail {color:#666666; padding-left:22px; background:url(images/icon_mail.gif) no-repeat; background-position:left 1px;} .store .eq .info .txt span.mail a {color:#666666;} .store .eq .info .txt span.mail a:hover {color:#CC3300;} .store .eq .info .txt .detail {float:left; margin-right:10px; cursor:pointer;} .tooltip {display:none; font-size:12px; padding-top:16px; position:relative;} .tooltip .arrow {position:absolute; width:100%; top:-1px; text-align:center;} .tooltip table.tab {width:432px; border:0px;} .tooltip table.tab td.t1 {width:10px; height:10px; background:url(images/store_olay_t1.gif) left top no-repeat;} .tooltip table.tab td.t1 div {width:10px; height:10px; overflow:hidden;} .tooltip table.tab td.t2 {height:10px; background:url(images/store_olay_t2.gif) left top repeat-x;} .tooltip table.tab td.t2 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.t3 {width:10px; height:10px; background:url(images/store_olay_t3.gif) left top no-repeat;} .tooltip table.tab td.t3 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.m1 {width:10px; background:url(images/store_olay_m1.gif) left top repeat-y;} .tooltip table.tab td.m1 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.m2 {width:10px; background:url(images/store_olay_m2.gif) left top repeat-y;} .tooltip table.tab td.m2 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.f1 {width:10px; height:10px; background:url(images/store_olay_f1.gif) left top no-repeat;} .tooltip table.tab td.f1 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.f2 {height:10px; background:url(images/store_olay_f2.gif) left top repeat-x;} .tooltip table.tab td.f2 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.f3 {width:10px; height:10px; background:url(images/store_olay_f3.gif) left top no-repeat;} .tooltip table.tab td.f3 div {width:10px; height:10px; overflow:hidden} .tooltip table.tab td.data {width:400px; height:60px; background:#FFFFFF; line-height:20px; color:#343434; font-size:9pt;} .news {width:735px; margin-left:10px;} .news ul {padding:0px; margin:0px;} .news ul li {float:left; list-style:none;} .news ul li.list {padding-left:5px; line-height:16px; color:#333333; font-size:9pt;} .news ul li.list a {color:#333333;} .news ul li.list a:hover {color:#CC3300;} .news ul li.list2 {padding-left:5px; line-height:18px; color:#CD0438; font-weight:bold; font-size:15px;} .news ul li.date {margin-left:10px; padding-top:3px; line-height:12px; color:#9B9B9B; font-size:8pt;} .news ul li.new {margin-left:10px;} .news .desc {padding:6px; line-height:20px; color:#313131;} .qa {width:735px; margin-left:10px;} .qa ul {padding:0px; margin:0px;} .qa ul li {list-style:none; padding-left:5px; line-height:16px; color:#333333; font-size:9pt;} .qa ul li a {color:#333333;} .qa ul li a:hover {color:#CC3300;} .qa table.dsc {width:730px; border:0px;} .qa table.dsc td.t1 {width:11px; height:11px; background:url(images/qabg_t1.jpg) left top no-repeat;} .qa table.dsc td.t1 div {width:11px; height:11px;} .qa table.dsc td.t2 {height:11px; background:url(images/qabg_t2.jpg) left top repeat-x;} .qa table.dsc td.t2 div {width:11px; height:11px;} .qa table.dsc td.t3 {width:11px; height:11px; background:url(images/qabg_t3.jpg) left top no-repeat;} .qa table.dsc td.t3 div {width:11px; height:11px;} .qa table.dsc td.m1 {width:11px; background:url(images/qabg_m1.jpg) left top repeat-y;} .qa table.dsc td.m1 div {width:11px; height:11px;} .qa table.dsc td.m2 {width:11px; background:url(images/qabg_m2.jpg) left top repeat-y;} .qa table.dsc td.m2 div {width:11px; height:11px;} .qa table.dsc td.f1 {width:11px; height:11px; background:url(images/qabg_f1.jpg) left top no-repeat;} .qa table.dsc td.f1 div {width:11px; height:11px;} .qa table.dsc td.f2 {height:11px; background:url(images/qabg_f2.jpg) left top repeat-x;} .qa table.dsc td.f2 div {width:11px; height:11px;} .qa table.dsc td.f3 {width:11px; height:11px; background:url(images/qabg_f3.jpg) left top no-repeat;} .qa table.dsc td.f3 div {width:11px; height:11px;} .qa table.dsc td.data {background:#D7ECFD;} .qa .desc {} .qa .desc .arn {position:relative; height:17px;} .qa .desc .arn img {position:absolute; top:-2px;} .qa .desc .txt {line-height:24px; color:#CC0002; padding:0 6px 0 6px;} .qa .form {text-align:center;} .qa .form .area {width:672px; margin:0 auto;} .questionary {width:735px; margin-left:10px;} .questionary .form {text-align:center;} .questionary .form .area {width:672px; margin:0 auto;} .questionary .form .area .float {float:left; margin-right:6px;} .questionary .form .area .line {} .gbook {width:735px; margin-left:10px;} .gbook .post {text-align:right; padding-right:5px;} .gbook .form {width:670px; margin:0 auto;} .gbook .title {padding:0 10px 0 10px; color:#333333; line-height:16px; font-size:9pt;} .gbook .title a {color:#333333;} .gbook .title a:hover {color:#CC3300;} .gbook .txt {padding:0 10px 0 10px; color:#CB0131; font-weight:bold; line-height:16px; font-size:15px;} .gbook .poster {text-align:center; color:#316692; line-height:16px; font-size:9pt;} .gbook .time {text-align:center; color:#999999; line-height:16px; font-size:8pt;} .gbook .content {padding:10px; line-height:20px; color:#333333; font-size:9pt;} .gbook table.dsc {width:730px; border:0px;} .gbook table.dsc td.t1 {width:11px; height:11px; background:url(images/gkbg_t1.jpg) left top no-repeat;} .gbook table.dsc td.t1 div {width:11px; height:11px;} .gbook table.dsc td.t2 {height:11px; background:url(images/gkbg_t2.jpg) left top repeat-x;} .gbook table.dsc td.t2 div {width:11px; height:11px;} .gbook table.dsc td.t3 {width:11px; height:11px; background:url(images/gkbg_t3.jpg) left top no-repeat;} .gbook table.dsc td.t3 div {width:11px; height:11px;} .gbook table.dsc td.m1 {width:11px; background:url(images/gkbg_m1.jpg) left top repeat-y;} .gbook table.dsc td.m1 div {width:11px; height:11px;} .gbook table.dsc td.m2 {width:11px; background:url(images/gkbg_m2.jpg) left top repeat-y;} .gbook table.dsc td.m2 div {width:11px; height:11px;} .gbook table.dsc td.f1 {width:11px; height:11px; background:url(images/gkbg_f1.jpg) left top no-repeat;} .gbook table.dsc td.f1 div {width:11px; height:11px;} .gbook table.dsc td.f2 {height:11px; background:url(images/gkbg_f2.jpg) left top repeat-x;} .gbook table.dsc td.f2 div {width:11px; height:11px;} .gbook table.dsc td.f3 {width:11px; height:11px; background:url(images/gkbg_f3.jpg) left top no-repeat;} .gbook table.dsc td.f3 div {width:11px; height:11px;} .gbook table.dsc td.data {background:#EBEBEB;} .gbook .desc {} .gbook .desc .arn {position:relative; height:17px;} .gbook .desc .arn img {position:absolute; left:6px; top:-2px;} .gbook .desc .text {line-height:24px; color:#CE0005; padding:0 6px 0 6px;} .epaper {width:735px; margin-left:10px;} .epaper ul {padding:0px; margin:0px;} .epaper ul li {float:left; list-style:none;} .epaper ul li.list {padding-left:5px; line-height:16px; color:#333333; font-size:9pt;} .epaper ul li.list a {color:#333333;} .epaper ul li.list a:hover {color:#CC3300;} .epaper ul li.list span {color:#343434; font-weight:bold;} .epaper ul li.list2 {padding-left:5px; line-height:16px; color:#333333; font-size:15px;} .epaper ul li.list2 span {color:#CD0438; font-weight:bold;} .epaper ul li.date {margin-left:10px; padding-top:3px; line-height:12px; color:#9B9B9B; font-size:8pt;} .epaper ul li.new {margin-left:10px;} .epaper .desc {padding:6px; line-height:20px; color:#313131;} .download {width:735px; margin-left:10px;} .download .bpic {float:left; width:183px; text-align:center;} .download .bpic .size {width:136px; margin:0 auto; text-align:left;} .download .bpic .size .pic {width:134px; height:176px; border:1px solid #D2D2D2;} .download .bpic .size .pic .img {width:134px; height:176px; text-align:center; /* Firefox, Chrome */ line-height:180px; white-space:nowrap; /* IE */ *font-size:158.4px; /* 176px * 0.9 */ *font-family:Arial; } .download .bpic .size .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .download .bpic .size .pic .img img {vertical-align:middle;} .download .title {padding:0 10px 0 10px; color:#333333; line-height:16px; font-size:9pt;} .download .time {text-align:center; color:#999999; line-height:16px; font-size:9pt;} .sitemap {width:735px; margin-left:10px; text-align:center;} .sitemap .border {border:1px solid #63AFFA; width:725px; min-height:200px; _height:200px; margin:0 auto; text-align:left; position:relative;} .sitemap .border .t1 {position:absolute; left:-1px; top:-1px; width:11px; height:11px; background:url(images/smap_t1.jpg) left top no-repeat; overflow:hidden;} .sitemap .border .t2 {position:absolute; right:-1px; top:-1px; width:11px; height:11px; background:url(images/smap_t2.jpg) left top no-repeat; overflow:hidden;} .sitemap .border .f1 {position:absolute; left:-1px; bottom:-1px; width:11px; height:11px; background:url(images/smap_f1.jpg) left top no-repeat; overflow:hidden;} .sitemap .border .f2 {position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; background:url(images/smap_f2.jpg) left top no-repeat; overflow:hidden;} .sitemap .first .main {width:62px; height:200px; background:#64B0FB; color:#FFFFFF; text-align:center;} .sitemap .first .main a {color:#FFFFFF;} .sitemap .first .main a:hover {color:#FFFFFF; text-decoration:underline;} .sitemap .sec {vertical-align:top;} .sitemap .sec .child {width:94px; height:34px; line-height:20px; background:#C8E4FC; color:#303338; text-align:center; border-bottom:1px solid #FFFEFF;} .sitemap .sec .child a {color:#303338;} .sitemap .sec .child a:hover {color:#303338; text-decoration:underline;} .sitemap .sec .url {height:34px; line-height:20px; color:#686868; border-bottom:1px solid #E6E6E6;} .sitemap .sec .url div {padding:0 14px 0 14px;} .sitemap .sec .url a {color:#686868;} .sitemap .sec .url a:hover {color:#2FB2D0;} .member {width:735px; margin-left:10px;} .member .login {text-align:center;} .member .login .form {width:458px; margin:0 auto;} .member .article {text-align:center;} .member .article .border {width:95%; margin:0 auto; border:1px solid #CCCCCC; font-size:9pt; text-align:left; line-height:22px; color:#333333; background:#EFEFEF;} .member .article .border .text {padding:0 5px 0 5px; height:616px; overflow:auto;} .member .watch {text-align:center; color:#FE0003; font-size:9pt;} .member .join {text-align:center;} .member .join .form {width:672px; margin:0 auto;} .member .confirm {text-align:center;} .member .confirm .form {width:458px; margin:0 auto;} .member .confirm .form .resend {line-height:18px; color:#696969; font-size:9pt;} .member .forget {text-align:center;} .member .forget .form {width:542px; margin:0 auto; text-align:left;} .member .forget .form .resend {line-height:18px; color:#696969; font-size:9pt;} .member .listTable .time {text-align:center; color:#999999; line-height:16px; font-size:9pt;} .member .listTable .title {padding:0 5px 0 5px; color:#333333; line-height:16px; font-size:9pt;} .member .listTable .title .pname {line-height:18px; color:#2478CE; font-size:10pt; font-weight:bold;} .member .listTable .title .pname a {color:#2478CE;} .member .listTable .price {padding:0 5px 0 5px; color:#686868; line-height:16px; font-size:9pt;} .member .listTable .price span {font-size:10pt; color:#CA0000; font-weight:bold;} .member .bonus_own {padding:0 10px 0 10px; font-size:15px; color:#323232; line-height:20px;} .member .bonus_own span {color:#CC0202;} .member .mark {padding:0 10px 0 10px; color:#999999; font-size:9pt; line-height:18px;} .clstb {width:738px; margin:0 auto; text-align:left;} .clstb .t1 {width:10px; height:10px; background:url(images/clst_t1.jpg) left top no-repeat;} .clstb .t2 {width:718px; height:10px; background:url(images/clst_t2.jpg) left top repeat-x;} .clstb .t3 {width:10px; height:10px; background:url(images/clst_t3.jpg) left top no-repeat;} .clstb .m1 {width:10px; background:url(images/clst_m1.jpg) left top repeat-y;} .clstb .m2 {width:10px; background:url(images/clst_m2.jpg) left top repeat-y;} .clstb .f1 {width:10px; height:10px; background:url(images/clst_f1.jpg) left top no-repeat;} .clstb .f2 {width:718px; height:10px; background:url(images/clst_f2.jpg) left top repeat-x;} .clstb .f3 {width:10px; height:10px; background:url(images/clst_f3.jpg) left top no-repeat;} .clstb .cont {height:75px; background:url(images/clst_bg1.jpg) left bottom no-repeat;} .clstb .cont .txt {padding:2px 2px 2px 80px; line-height:20px; color:#696969; font-size:9pt;} .clstb_end {width:738px; height:16px; margin:0 auto; background:url(images/clst_bg3.jpg) left top no-repeat; overflow:hidden;} .product {width:735px; margin-left:10px;} .product .pinfo {float:left; width:245px;} .product .pinfo .pimg {float:left; width:100px; text-align:center; margin-right:15px;} .product .pinfo .pimg .pic {width:90px; height:116px; border:1px solid #DDDDDD; margin:0 auto;} .product .pinfo .pimg .pic .img {width:90px; height:116px; text-align:center; /* Firefox, Chrome */ line-height:120px; white-space:nowrap; /* IE */ *font-size:104.4px; /* 116px * 0.9 */ *font-family:Arial; } .product .pinfo .pimg .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .product .pinfo .pimg .pic .img img {vertical-align:middle;} .product .pinfo .info {float:left; width:125px; text-align:left; padding:5px 0 5px 0;} .product .pinfo .info .pname {line-height:18px; color:#343434; font-size:10pt; font-weight:bold;} .product .pinfo .info .pname a {color:#343434;} .product .pinfo .info .pname a:hover {color:#343434;} .product .pinfo .info .oprice {line-height:16px; color:#666666; font-size:11px;} .product .pinfo .info .pprice {line-height:16px; color:#CE0004; font-size:11px;} .product .pinfo .info .bt {text-align:left;} .product .detail {} .product .detail .pimg {float:left; width:270px; min-height:335px; _height:335px; text-align:center; margin-right:10px;} .product .detail .pimg .pic {width:256px; height:288px; border:1px solid #D2D2D2; margin:0 auto;} .product .detail .pimg .pic .img {width:256px; height:288px; text-align:center; /* Firefox, Chrome */ line-height:292px; white-space:nowrap; /* IE */ *font-size:259.2px; /* 288px * 0.9 */ *font-family:Arial; } .product .detail .pimg .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .product .detail .pimg .pic .img img {vertical-align:middle;} .product .detail .pimg .piclist {width:256px; margin:0 auto;} .product .detail .pimg .piclist .left {float:left; width:20px; text-align:left;} .product .detail .pimg .piclist .left img {cursor:pointer;} .product .detail .pimg .piclist .right {float:left; width:20px; text-align:right;} .product .detail .pimg .piclist .right img {cursor:pointer;} .product .detail .pimg .piclist .list {float:left; width:216px; height:40px; text-align:left; overflow:hidden; position:relative;} .product .detail .pimg .piclist .list .max {width:10000px; height:40px; position:absolute; left:0px; top:0px;} .product .detail .pimg .piclist .list .iarea {float:left; width:54px; text-align:center;} .product .detail .pimg .piclist .list .iarea .gpic {width:38px; height:36px; margin:0 auto; border:2px solid #C9CDCE;} .product .detail .pimg .piclist .list .iarea .gpic .img {width:38px; height:36px; text-align:center; /* Firefox, Chrome */ line-height:40px; white-space:nowrap; /* IE */ *font-size:32.4px; /* 36px * 0.9 */ *font-family:Arial; } .product .detail .pimg .piclist .list .iarea .gpic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .product .detail .pimg .piclist .list .iarea .gpic .img img {vertical-align:middle;} .product .detail .info {float:left; width:330px; text-align:left; margin-right:15px;} .product .detail .info .pname {padding-left:6px; line-height:24px; min-height:32px; _height:32px; color:#2478CE; font-size:15px; font-weight:bold; background:url(images/pnamebg.gif) left top;} .product .detail .info .pname span {color:#868686; font-size:10pt; font-weight:normal;} .product .detail .info .fd {padding-left:6px; line-height:16px; color:#666666; font-size:9pt;} .product .detail .info .fd a {color:#0066CC; text-decoration:underline;} .product .detail .info .fd a:hover {color:#CC3333; text-decoration:underline;} .product .detail .info .price {padding-left:6px; line-height:20px; color:#666666; font-size:9pt;} .product .detail .info .price span {color:#C90400; font-weight:bold; font-size:10pt;} .product .detail .info .ohoh {padding-left:6px;line-height:20px; color:#CC0000; font-size:9pt;} .product .detail .pdesc {float:left; width:562px; margin-right:10px; text-align:center;} .product .detail .pdesc .bok {width:555px; margin:0 auto; text-align:left;} .product .detail .pdesc .bok .padd {padding:0 9px 0 9px;} .product .detail .pdesc .bok .item {float:left; height:23px; min-width:61px; margin-right:7px; _width:61px; _white-space:nowrap;} .product .detail .pdesc .bok .item .left .right {height:23px; text-align:center; cursor:pointer;} .product .detail .pdesc .bok .item .left .right span {display:block; padding:5px 9px 0px 9px; padding:7px 9px 0px 9px \9;} .product .detail .pdesc .bok .in {background:url(images/desc_in_2.jpg) left top repeat-x;} .product .detail .pdesc .bok .in .left {background:url(images/desc_in_1.jpg) left top no-repeat;} .product .detail .pdesc .bok .in .left .right {background:url(images/desc_in_3.jpg) right top no-repeat; color:#2378D2; font-weight:bold;} .product .detail .pdesc .bok .out {background:url(images/desc_out_2.jpg) left top repeat-x;} .product .detail .pdesc .bok .out .left {background:url(images/desc_out_1.jpg) left top no-repeat;} .product .detail .pdesc .bok .out .left .right{background:url(images/desc_out_3.jpg) right top no-repeat; color:#656565; font-weight:normal;} .product .detail .pdesc .tab {border:0px; width:555px; margin:0 auto; text-align:left;} .product .detail .pdesc .tab .t1 {width:9px; height:9px; background:url(images/desc_tb_t1.jpg) left top no-repeat;} .product .detail .pdesc .tab .t2 {height:9px; background:url(images/desc_tb_t2.jpg) left top repeat-x;} .product .detail .pdesc .tab .t3 {width:9px; height:9px; background:url(images/desc_tb_t3.jpg) left top no-repeat;} .product .detail .pdesc .tab .m1 {width:9px; height:668px; background:url(images/desc_tb_m1.jpg) left top repeat-y;} .product .detail .pdesc .tab .m2 {width:9px; height:668px; background:url(images/desc_tb_m2.jpg) left top repeat-y;} .product .detail .pdesc .tab .f1 {width:9px; height:9px; background:url(images/desc_tb_f1.jpg) left top no-repeat;} .product .detail .pdesc .tab .f2 {height:9px; background:url(images/desc_tb_f2.jpg) left top repeat-x;} .product .detail .pdesc .tab .f3 {width:9px; height:9px; background:url(images/desc_tb_f3.jpg) left top no-repeat;} .product .detail .pdesc .tab div.null {width:9px; height:9px; overflow:hidden;} .product .detail .pdesc .tab .area {vertical-align:top;} .product .detail .pdesc .tab .area .txt {padding:10px;} .product .detail .pdesc .tab .area .txt .txt_t {min-height:16px; _height:16px; line-height:16px; background:url(images/icon_bigdot.gif) left top repeat-x;} .product .detail .pdesc .tab .area .txt .txt_t span {display:block; float:left; background:#FFFFFF; line-height:16px; color:#3561CA; padding-right:4px;} .product .detail .pdesc .tab .area .txt .txt_b {padding:0 6px 0 6px; color:#676767; line-height:20px;} .product .detail .pdesc .tab .area .txt .txt_b a {color:#676767; text-decoration:underline;} .product .detail .pdesc .tab .area .txt .txt_b a:hover {color:#CC3300; text-decoration:underline;} .product .detail .other {float:left; width:163px;} .product .detail .other .ot {} .product .detail .other .ot .top {width:163px; height:5px; background:url(images/desc_ot_t.jpg) left top no-repeat; overflow:hidden;} .product .detail .other .ot .body {width:163px; background:url(images/desc_ot_m.jpg) left top repeat-y; overflow:hidden;} .product .detail .other .ot .bottom {width:163px; height:5px; background:url(images/desc_ot_f.jpg) left top no-repeat; overflow:hidden;} .product .detail .other .obuy {padding:6px 7px 0px 7px;} .product .detail .other .obuy .title {height:16px; background:url(images/tit_obuy.jpg) 6px top no-repeat;} .product .detail .other .obuy .title2 {height:16px; background:url(images/tit_samebook.jpg) 6px top no-repeat;} .product .detail .other .obuy .title3 {height:16px; background:url(images/tit_nview.jpg) 6px top no-repeat;} .product .detail .other .obuy .title4 {height:16px; background:url(images/tit_keyword.jpg) 6px top no-repeat;} .product .detail .other .record {padding:2px 6px 2px 6px;line-height:18px; color:#676767; font-size:9pt;} .product .comment {} .product .comment .pt {float:left; color:#2F69CA; line-height:20px; font-size:9pt;} .product .comment .pv {float:left; color:#696969; line-height:20px; font-size:9pt;} .product .comment .no {float:left; width:24px; line-height:20px; font-size:9pt; color:#696969;} .product .comment .poster {float:left; line-height:20px; font-size:14px; color:#326ACB; font-weight:bold; margin-right:10px;} .product .comment .time {float:left; line-height:20px; font-size:9pt; color:#969696; margin-right:10px;} .product .comment .subject {padding-left:24px; line-height:20px; color:#323232; font-size:10pt; font-weight:bold;} .product .comment .push {background:url(images/icon_push.jpg) no-repeat; background-position:0px 0px;} .product .comment .message {padding-left:24px; line-height:18px; color:#656565; font-size:9pt;} .product .friend {text-align:center;} .product .friend .form {width:672px; margin:0 auto;} .product .adv {text-align:center;} .product .adv .area {width:672px; margin:0 auto;} .pp {width:auto !important;} .product .print {} .product .print .csv {float:right; margin-right:13px;} .product .result {} .product .result .pic {float:left; width:142px; height:166px; text-align:center; margin-right:10px;} .product .result .pic .img {width:142px; height:166px; text-align:center; /* Firefox, Chrome */ line-height:170px; white-space:nowrap; /* IE */ *font-size:149.4px; /* 166px * 0.9 */ *font-family:Arial; } .product .result .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;} .product .result .pic .img img {vertical-align:middle;} .product .result .info {float:left; width:520px; text-align:left;} .product .result .info .pname {padding-left:6px; line-height:20px; color:#2478CE; font-size:10pt; font-weight:bold;} .product .result .info .pname a {color:#2478CE;} .product .result .info .pname a:hover {color:#2478CE; text-decoration:underline;} .product .result .info .fd {padding-left:6px; line-height:16px; color:#666666; font-size:9pt;} .product .result .info .price {padding-left:6px; line-height:20px; color:#666666; font-size:9pt;} .product .result .info .price span {color:#C90400; font-weight:bold; font-size:10pt;} .product .result .info2 {width:420px !important;} .numdis { width:735px; margin-left:10px; margin-bottom:15px; } .numdis .title { font-size:12pt; } .author {width:735px; margin-left:10px;} .author .listTable .name {text-align:center; color:#2579D3; line-height:16px; font-size:9pt;} .author .listTable .name a {color:#2579D3;} .author .listTable .name a:hover {color:#CC3300; text-decoration:underline;} .author .listTable .intro {text-align:left; padding:0 5px 0 5px; color:#696969; line-height:16px; font-size:9pt;} .author .data {width:712px; margin:0 auto; text-align:left;} .author .data .name {color:#2579D3; font-size:15px; font-weight:bold; line-height:24px;} .author .data .txt_t {min-height:16px; _height:16px; line-height:16px; background:url(images/icon_bigdot.gif) left top repeat-x;} .author .data .txt_t span {display:block; float:left; background:#FFFFFF; line-height:16px; color:#3561CA; padding-right:4px;} .author .data .txt_b {padding:10px; color:#676767; line-height:20px;} .order {width:735px; margin-left:10px;} .order .Step {width:728px; margin:0 auto;} .order .Step .step1 {float:left; width:128px; height:36px; background:url(images/step1.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_1 {float:left; width:128px; height:36px; background:url(images/step2_1.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_2 {float:left; width:128px; height:36px; background:url(images/step2_2.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_3 {float:left; width:128px; height:36px; background:url(images/step2_3.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_4 {float:left; width:128px; height:36px; background:url(images/step2_4.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_5 {float:left; width:128px; height:36px; background:url(images/step2_5.jpg) left top no-repeat; margin-right:22px;} .order .Step .step3 {float:left; width:128px; height:36px; background:url(images/step3.jpg) left top no-repeat; margin-right:22px;} .order .Step .step4 {float:left; width:128px; height:36px; background:url(images/step4.jpg) left top no-repeat; margin-right:22px;} .order .Step .step5 {float:left; width:128px; height:36px; background:url(images/step5.jpg) left top no-repeat;} .order .Step .step1s {float:left; width:128px; height:36px; background:url(images/step1s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_1s {float:left; width:128px; height:36px; background:url(images/step2_1s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_2s {float:left; width:128px; height:36px; background:url(images/step2_2s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_3s {float:left; width:128px; height:36px; background:url(images/step2_3s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_4s {float:left; width:128px; height:36px; background:url(images/step2_4s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step2_5s {float:left; width:128px; height:36px; background:url(images/step2_5s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step3s {float:left; width:128px; height:36px; background:url(images/step3s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step4s {float:left; width:128px; height:36px; background:url(images/step4s.jpg) left top no-repeat; margin-right:22px;} .order .Step .step5s {float:left; width:128px; height:36px; background:url(images/step5s.jpg) left top no-repeat;} .order .login {width:500px; margin:0 auto; text-align:center;} .order .login .form {width:458px; margin:0 auto;} .order .login .form .remark {text-align:left; line-height:18px; font-size:10pt; color:#696969; padding-left:20px; background:url(images/icon_warn2.jpg) left top no-repeat;} .order .msg {text-align:center;} .order .msg .form {width:458px; margin:0 auto; text-align:left;} .order .message {} .order .message .name {float:left; line-height:20px; font-size:9pt; color:#363636; padding-left:5px;} .order .message .name .user {color:#CD0438; font-weight:bold; font-size:15px;} .order .message .name .admin {color:#2D67C8; font-weight:bold; font-size:15px;} .order .message .time {float:right; line-height:20px; font-size:9pt; color:#969696; padding-right:5px;} .order .message .txt {line-height:20px; color:#696969; padding:0 5px 0 5px;} .order .listTable .pname {padding:0 5px 0 5px; line-height:18px; color:#323232; font-size:9pt;} .order .listTable .pname a {color:#323232;} .order .listTable .pname a:hover {color:#2478CE;} .order .listTable .price {padding:0 5px 0 5px; color:#FD0000; line-height:18px; font-size:9pt;} .order .listTable .num {padding:0 5px 0 5px; color:#FF9900; line-height:18px; font-size:9pt;} .order .listTable .time {padding:0 5px 0 5px; color:#969696; line-height:18px; font-size:9pt;} .order .listTable span.prefix {color:#983E00; font-size:9pt; margin-right:5px;} .order .listTable span.prefix2 {color:#9E9E9E; font-size:9pt;} .order .listTable td.note {padding:0px; height:23px; line-height:16px; color:#3297CB; font-size:9pt; font-weight:bold; background:url(images/odf_b2.jpg) left top repeat-x;} .order .listTable td.note div {background:url(images/odf_b1.jpg) left top no-repeat;} .order .listTable td.note div span {display:block; height:23px; background:url(images/odf_b3.jpg) right top no-repeat; padding:3px 30px 0 30px;} .order .listTable .msg {color:#363636;} .order .listTable .msg .null {color:#999999;} .order .listTable .msg .ct {color:#DE2222; font-weight:bold; font-size:10pt;} .order .listTable .msg .murl {color:#339933;} .order .listTable .msg .murl a {color:#339933;} .order .listTable .msg .murl a:hover {color:#339933; text-decoration:underline;} .order .info {_height:30px; _width:734px; padding:16px 18px 16px 18px; background:#C4E3FF; position:relative;} .order .info .pos1 {position:absolute; left:0px; top:0px; width:10px; height:10px; overflow:hidden; background:url(images/odi_t1.jpg) left top no-repeat;} .order .info .pos2 {position:absolute; right:0px; top:0px; width:10px; height:10px; overflow:hidden; background:url(images/odi_t2.jpg) left top no-repeat;} .order .info .pos3 {position:absolute; left:0px; bottom:0px; width:10px; height:10px; overflow:hidden; background:url(images/odi_f1.jpg) left top no-repeat;} .order .info .pos4 {position:absolute; right:0px; bottom:0px; width:10px; height:10px; overflow:hidden; background:url(images/odi_f2.jpg) left top no-repeat;} .order .info .note {line-height:20px; font-size:9pt; color:#333333;} .order .info .note .num {color:#FE0003; font-size:10pt;} .order .info .note .price {color:#FE0003; font-size:10pt;} .order .info .note .deduct {color:#3CA029; font-size:10pt;} .order .info .note .null {color:#969696; font-size:10pt;} .order .info .spec {float:left; width:98px; text-align:right; line-height:18px; color:#363636; margin-right:15px;} .order .info .data {float:left; width:500px; text-align:left; line-height:18px; color:#333;} .order .warn {line-height:20px; font-size:9pt; color:#969696; text-align:left;} .order .order_title {line-height:16px; color:#FF66FF; font-size:9pt; font-weight:bold; background:url(images/odo_b2.jpg) left top repeat-x;} .order .order_title .lt {background:url(images/odo_b1.jpg) left top no-repeat;} .order .order_title .lt .rt {height:23px; background:url(images/odo_b3.jpg) right top no-repeat; padding:3px 30px 0 30px;} .order .keyword {padding:0 10px 0 10px;} .order .keyword .tk {float:left; margin-right:10px; line-height:20px; color:#363636;} .order .keyword .tk input.text {border:1px solid #C2C2C2; font-size:12px; } .order .keyword .input {line-height:20px; color:#696969;} .order .keyword .it {float:left; font-weight:bold; line-height:20px; color:#CC6666;} .order .gift {padding:0 10px 0 10px;} .order .gift .title {color:#666666; line-height:20px;} .order .gift .title span {color:#CC3333;} .order .gift .title label {color:#969696; font-size:9pt;} .order .gift .item {line-height:16px; color:#363636; margin-top:5px;} .order .gift .draft {padding:0 20px 0 20px; color:#696969;} .order .gift .present .choose {float:left; width:30px; padding-top:50px;} .order .gift .present .gpic {float:left; width:90px;} .order .gift .present .gpic .img {width:82px; height:108px; display:table-cell; text-align:center; vertical-align:middle;} .order .gift .present .gpic .img * {vertical-align:middle;} html .order .gift .present .gpic .img span {*height:100%; display:inline-block;} .order .gift .present .gtxt {float:left; width:500px; padding-top:10px;} .order .gift .present .gtxt .gname {color:#636363; font-size:10pt; line-height:16px;} .order .gift .present .gtxt .gname a {color:#636363; line-height:16px;} .order .gift .present .gtxt .gname a:hover {color:#CC3300; text-decoration:underline;} .order .gift .present .gtxt .depict {color:#898989; line-height:16px;} .order .gift .present .gtxt .gstyle {margin-top:5px;} .order .gift .present .gtxt .addprice {color:#333333; line-height:22px;} .order .gift .present .gtxt .addprice span {font-size:9pt; color:#666666;} .order .gift .present .gtxt .addprice b {font-size:9pt; font-weight:normal; color:#CC0000 !important;} .order .form {text-align:center;} .order .form .area {width:735px; margin:0 auto;} .order ul.list {margin:0px; padding:0px;} .order ul.list li {line-height:18px; list-style:none;} .order ul.list li.ck {font-size:9pt; color:#636363; font-weight:bold;} .order ul.list li.desc {font-size:9pt; line-height:18px; color:#696969; padding-left:20px;} .order ul.list li.sp {float:right; width:180px; text-align:right; line-height:18px; font-size:9pt; color:#969696;} .order ul.list li.sp span {font-size:9pt; color:#969696;} .order ul.list li.sp span.price {color:#FE0003; font-size:10pt;} .order .ordererror {width:520px; margin:0 auto; text-align:left;} .order .ordererror .wm {line-height:20px; color:#363636;} .order .ordererror .wm2 {line-height:20px; color:#696969;} .order .ordererror .problem {padding-left:60px; padding-right:10px; line-height:22px; margin-top:10px; color:#CC3333;} .order .ordererror .back {margin-top:10px; padding-left: 60px;} /**** PDF ******/ .pdf_doc {width:100%; height:100%; border:0px; text-align:left; margin:0 auto;} .pdf_doc .head {width:100%; height:92px;} .pdf_doc .head .bg {width:100%; height:92px; background:url(images/pdf_headbg.jpg) left top repeat-x; text-align:center;} .pdf_doc td.pleft {width:185px; height:100%; text-align:center; vertical-align:top; background:url(images/pdf_left_bg) left top repeat-y;} .pdf_doc td.pright {width:100%; vertical-align:top; background:#CCC9B9;} .pdf_doc .fl_title {font-size:10pt; color:#1275B8; font-weight:bold; line-height:20px;} .pdf_doc ul.fl {padding:0px; margin:0px;} .pdf_doc ul.fl li {list-style:none; padding-left:20px; line-height:18px; font-size:12px;} .pdf_doc ul.fl li.pdf {background:url(images/icon_pdf.gif) left top no-repeat;} .pdf_doc ul.fl li.doc {background:url(images/icon_doc.gif) left top no-repeat;} .pdf_doc ul.fl li.xls {background:url(images/icon_excel.gif) left top no-repeat;} .pdf_doc ul.fl li.pic {background:url(images/icon_pic.gif) left top no-repeat;} .pdf_doc ul.fl li .in {color:#309AFE;} .pdf_doc ul.fl li .in a {color:#309AFE;} .pdf_doc ul.fl li .out {color:#696969;} .pdf_doc ul.fl li .out a {color:#696969;} /*** ListTable ***/ .listTable {border:0px;} .listTable th {height:23px; line-height:23px; text-align:center; color:#333039; font-size:9pt; font-weight:normal; background-color:#DBECFF;} .listTable th div {padding:0 10px 0 10px;} .listTable th.first {background:url(images/listtb_t1.jpg) #DBECFF left top no-repeat;} .listTable th.end {background:url(images/listtb_t2.jpg) #DBECFF right top no-repeat;} .listTable td {padding:0 3px 0 3px;} .listTable2 th {background-color:#FECCFF !important;} .listTable2 th.first {background:url(images/listtb2_t1.jpg) #FECCFF left top no-repeat !important;} .listTable2 th.end {background:url(images/listtb2_t2.jpg) #FECCFF right top no-repeat !important;} /*** PAGE UP DOWN ***/ .page {} .page table {} .page table td {color:#666666;} .page table td.num {text-align:center; font-size:9pt; color:#666666;} .page table a {color:#666666;} .page table a:hover {color:#CC3300;} /*** LINE ***/ .mh2 {height:2px; overflow:hidden;} .mh3 {height:3px; overflow:hidden;} .mh5 {height:5px; overflow:hidden;} .mh6 {height:6px; overflow:hidden;} .mh8 {height:8px; overflow:hidden;} .mh10 {height:10px; overflow:hidden;} .mh15 {height:15px; overflow:hidden;} .lineType1 {background:#CDCDCD; height:1px; overflow:hidden;} .lineType2 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;} .lineType3 {background:#5192CC; height:2px; overflow:hidden;} .lineType4 {background:#999999; height:1px; overflow:hidden;} .lineType5 {background:url(images/icon_lgdot.gif) left top repeat-x; height:4px; overflow:hidden;} /*** ��� ***/ .welcome {} .welcome .warn {line-height:20px; color:#666666; font-size:12px; font-weight:bold;} .welcome .warn2 {line-height:20px; color:#9B9B9B; font-size:12px;} .cform {border:0px;} .cform .draw {} .cform .draw .warn {text-align:left; padding-left:10px; padding-bottom:5px; color:#323232; line-height:18px; font-size:9pt;} .cform .draw .warn span.red {color:#ED1E24;} .cform .headtitle {} .cform .headtitle .left {float:left; width:61px; height:27px; background:url(images/cform_ht_l.jpg) left top no-repeat;} .cform .headtitle .ht {float:left; background:url(images/cform_ht_bg.jpg) left top repeat-x; padding:0 5px 0 5px;} .cform .headtitle .right {float:left; width:25px; height:27px; background:url(images/cform_ht_r.jpg) left top no-repeat;} .cform td.h1 {width:29px; height:30px; background:url(images/cform_h1.jpg) left top no-repeat;} .cform td.h2 {height:30px; background:url(images/cform_h2.jpg) left top repeat-x;} .cform td.h3 {width:22px; height:30px; background:url(images/cform_h3.jpg) left top no-repeat;} .cform td.h3_1 {width:22px; height:30px; background:url(images/cform_h3_1.jpg) left top no-repeat;} .cform td.h4 {height:30px; background:url(images/cform_h4.jpg) left top repeat-x;} .cform td.h4_1 {height:30px; background:url(images/cform_h4_1.jpg) left top repeat-x;} .cform td.h5 {width:33px; height:30px; background:url(images/cform_h5.jpg) left top no-repeat;} .cform td.h5_1 {width:33px; height:30px; background:url(images/cform_h5_1.jpg) left top no-repeat;} .cform td.t1 {width:29px; height:23px; background:url(images/cform_t1.jpg) left top no-repeat;} .cform td.t2 {height:23px; background:url(images/cform_t2.jpg) left top repeat-x;} .cform td.t3 {width:22px; height:23px; background:url(images/cform_t3.jpg) left top no-repeat;} .cform td.t3_1 {width:22px; height:23px; background:url(images/cform_t3_1.jpg) left top no-repeat;} .cform td.t3_2 {width:22px; height:23px; background:url(images/cform_t3_2.jpg) left top no-repeat;} .cform td.t3_3 {width:22px; height:23px; background:url(images/cform_t3_3.jpg) left top no-repeat;} .cform td.t4 {height:23px; background:url(images/cform_t4.jpg) left top repeat-x;} .cform td.t4_1 {height:23px; background:url(images/cform_t4_1.jpg) left top repeat-x;} .cform td.t4_2 {height:23px; background:url(images/cform_t4_2.jpg) left top repeat-x;} .cform td.t4_3 {height:23px; background:url(images/cform_t4_3.jpg) left top repeat-x;} .cform td.t5 {width:33px; height:23px; background:url(images/cform_t5.jpg) left top no-repeat;} .cform td.t5_1 {width:33px; height:23px; background:url(images/cform_t5_1.jpg) left top no-repeat;} .cform td.t5_2 {width:33px; height:23px; background:url(images/cform_t5_2.jpg) left top no-repeat;} .cform td.t5_3 {width:33px; height:23px; background:url(images/cform_t5_3.jpg) left top no-repeat;} .cform td.f1 {width:29px; height:31px; background:url(images/cform_f1.jpg) left top no-repeat;} .cform td.f2 {height:31px; background:url(images/cform_f2.jpg) left top repeat-x;} .cform td.f3 {width:22px; height:31px; background:url(images/cform_f3.jpg) left top no-repeat;} .cform td.f3_1 {width:22px; height:31px; background:url(images/cform_f3_1.jpg) left top no-repeat;} .cform td.f4 {height:31px; background:url(images/cform_f4.jpg) left top repeat-x;} .cform td.f4_1 {height:31px; background:url(images/cform_f4_1.jpg) left top repeat-x;} .cform td.f5 {width:33px; height:31px; background:url(images/cform_f5.jpg) left top no-repeat;} .cform td.f5_1 {width:33px; height:31px; background:url(images/cform_f5_1.jpg) left top no-repeat;} .cform td.m1 {width:29px; background:url(images/cform_m1.jpg) left top repeat-y;} .cform td.m2 {width:22px; background:url(images/cform_m2.jpg) left top repeat-y;} .cform td.m2_1 {width:22px; background:url(images/cform_m2_1.jpg) left top repeat-y;} .cform td.m3 {width:33px; background:url(images/cform_m3.jpg) left top repeat-y;} .cform td.m3_1 {width:33px; background:url(images/cform_m3_1.jpg) left top repeat-y;} .cform td.ftitle {padding:5px 2px 5px 2px; *padding:4px 1px 4px 1px; line-height:20px; text-align:right; font-size:13px; color:#36332C; background:#E6F2FF;} .cform td.ftitle span {color:#ED1E24;} .cform td.ftxt {text-align:left; padding:5px 2px 5px 2px; *padding:4px 1px 4px 1px; line-height:20px; font-size:13px; color:#36332C; background:#FFFFFF;} .cform td.ftxt span {color:#676769; font-size:11px;} .cform td.ftxt span.kyes {color:#339933;} .cform td.ftxt span.kno {color:#F21F25;} .cform td.ftxt span.mark {float:right; display:block; text-align:right;} .cform td.full {padding:0; background:#C4E1FF;} .cform td.full .sel {float:left; height:30px; position:relative;} .cform td.full .sel .pos {position:absolute; height:38px; left:-4px; top:-4px; background:#FFFFFF;} .cform td.full .sel .pos .g1 {position:absolute; width:4px; height:4px; overflow:hidden; left:0px; top:0px; background:url(images/cform_sel_1.jpg) left top no-repeat;} .cform td.full .sel .pos .g2 {position:absolute; width:4px; height:4px; overflow:hidden; right:0px; top:0px; background:url(images/cform_sel_2.jpg) left top no-repeat;} .cform td.full .sel .pos .g3 {position:absolute; width:4px; height:4px; overflow:hidden; left:0px; bottom:0px; background:url(images/cform_sel_3.jpg) left top no-repeat;} .cform td.full .sel .pos .g4 {position:absolute; width:4px; height:4px; overflow:hidden; right:0px; bottom:0px; background:url(images/cform_sel_4.jpg) left top no-repeat;} .cform td.full .sel .into {padding:9px 6px 9px 6px; *padding:7px 5px 5px 5px; line-height:20px; font-size:13px; color:#36332C;} .cform input.text {border:0px; height:20px; font-size:15px; color:#303435;} .cform input.text2 {border:1px solid #C2C2C2; height:20px; font-size:15px; color:#303435;} .cform select {border:0px; font-size:15px;} .cform textarea {border:0px; font-size:15px; line-height:20px;} .cform textarea.text2 {border:1px solid #C2C2C2; font-size:15px; line-height:20px;} .cform ul.confirm {margin:0px; padding:0px;} .cform ul.confirm li {float:left; list-style:none; padding:0px; margin-right:8px;} .dform td.h1 {width:29px; height:30px; background:url(images/dform_h1.jpg) left top no-repeat !important;} .dform td.h2 {height:30px; background:url(images/dform_h2.jpg) left top repeat-x!important;} .dform td.h3 {width:22px; height:30px; background:url(images/dform_h3.jpg) left top no-repeat!important;} .dform td.h3_1 {width:22px; height:30px; background:url(images/dform_h3_1.jpg) left top no-repeat!important;} .dform td.h4 {height:30px; background:url(images/dform_h4.jpg) left top repeat-x!important;} .dform td.h4_1 {height:30px; background:url(images/dform_h4_1.jpg) left top repeat-x!important;} .dform td.h5 {width:33px; height:30px; background:url(images/dform_h5.jpg) left top no-repeat!important;} .dform td.h5_1 {width:33px; height:30px; background:url(images/dform_h5_1.jpg) left top no-repeat!important;} .dform td.t1 {width:29px; height:23px; background:url(images/dform_t1.jpg) left top no-repeat!important;} .dform td.t2 {height:23px; background:url(images/dform_t2.jpg) left top repeat-x!important;} .dform td.t3 {width:22px; height:23px; background:url(images/dform_t3.jpg) left top no-repeat!important;} .dform td.t3_1 {width:22px; height:23px; background:url(images/dform_t3_1.jpg) left top no-repeat!important;} .dform td.t3_2 {width:22px; height:23px; background:url(images/dform_t3_2.jpg) left top no-repeat!important;} .dform td.t3_3 {width:22px; height:23px; background:url(images/dform_t3_3.jpg) left top no-repeat!important;} .dform td.t4 {height:23px; background:url(images/dform_t4.jpg) left top repeat-x!important;} .dform td.t4_1 {height:23px; background:url(images/dform_t4_1.jpg) left top repeat-x!important;} .dform td.t4_2 {height:23px; background:url(images/dform_t4_2.jpg) left top repeat-x!important;} .dform td.t4_3 {height:23px; background:url(images/dform_t4_3.jpg) left top repeat-x!important;} .dform td.t5 {width:33px; height:23px; background:url(images/dform_t5.jpg) left top no-repeat!important;} .dform td.t5_1 {width:33px; height:23px; background:url(images/dform_t5_1.jpg) left top no-repeat!important;} .dform td.t5_2 {width:33px; height:23px; background:url(images/dform_t5_2.jpg) left top no-repeat!important;} .dform td.t5_3 {width:33px; height:23px; background:url(images/dform_t5_3.jpg) left top no-repeat!important;} .dform td.f1 {width:29px; height:31px; background:url(images/dform_f1.jpg) left top no-repeat!important;} .dform td.f2 {height:31px; background:url(images/dform_f2.jpg) left top repeat-x!important;} .dform td.f3 {width:22px; height:31px; background:url(images/dform_f3.jpg) left top no-repeat!important;} .dform td.f3_1 {width:22px; height:31px; background:url(images/dform_f3_1.jpg) left top no-repeat!important;} .dform td.f4 {height:31px; background:url(images/dform_f4.jpg) left top repeat-x!important;} .dform td.f4_1 {height:31px; background:url(images/dform_f4_1.jpg) left top repeat-x!important;} .dform td.f5 {width:33px; height:31px; background:url(images/dform_f5.jpg) left top no-repeat!important;} .dform td.f5_1 {width:33px; height:31px; background:url(images/dform_f5_1.jpg) left top no-repeat!important;} .dform td.m1 {width:29px; background:url(images/dform_m1.jpg) left top repeat-y!important;} .dform td.m2 {width:22px; background:url(images/dform_m2.jpg) left top repeat-y!important;} .dform td.m2_1 {width:22px; background:url(images/dform_m2_1.jpg) left top repeat-y!important;} .dform td.m3 {width:33px; background:url(images/dform_m3.jpg) left top repeat-y!important;} .dform td.m3_1 {width:33px; background:url(images/dform_m3_1.jpg) left top repeat-y!important;} .dform td.ftitle {background:#FFF4C4 !important;} input.button06 {width:102px; height:23px; font-size:9pt; color:#313131; line-height:25px; border:0px; background:url(images/button06.jpg) left top no-repeat;} input.button06r {width:102px; height:23px; font-size:9pt; color:#D00135; line-height:25px; border:0px; background:url(images/button06.jpg) left top no-repeat;} input.butt06 {width:90px; height:20px; font-size:9pt; color:#FFFFFF; line-height:22px; border:0px; background:url(images/butt06.jpg) left top no-repeat;} .cform_tip { background-color:#006BB3; border:1px solid #4BC2DA; padding:5px; display:none; color:#FFFFFF; text-align:left; font-size:12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #004B9B; -webkit-box-shadow:0 0 10px #004B9B; }