/* BASIC css start */ /* reset */ #powerReview * { margin: 0; padding: 0; } #powerReview { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; text-align:left; z-index: 3; } #powerReview p, #powerReview li, #powerReview dt, #powerReview dd, #powerReview td, #powerReview th, #powerReview div { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; } #powerReview span, #powerReview a { font-family: Dotum, Sans-Serif; font-size: 12px; } #powerReview textarea { color: #444; font-family: Dotum, Sans-Serif; font-size: 100%; line-height: 1.5; overflow:auto; } #powerReview a { text-decoration: none; } #powerReview li { list-style: none; } #powerReview img, #powerReview fieldset { border: 0; vertical-align: middle; } #powerReview img { display:inline; } #powerReview legend { visibility: hidden; position: absolute; left: -9999px; top: -9999px; } /* powerReview */ #powerReview { position: relative; width: 100%; min-width: 700px; margin: 0 auto; padding-bottom: 50px; } #powerReview .btn-h38 { display: inline-block; width: 38px; height: 38px; background: #fff; } #powerReview .btn-h38 span { display: inline-block; width: 100%; height:38px; text-align: center; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: -1px; } #powerReview .btn-h38.close { background: url(/images/d3/modern_simple/btn/btn_bul_close.gif) no-repeat 0 0; } #powerReview .btn-h38.camera { background: url(/images/d3/modern_simple/ico_camera_w_h38.jpg) no-repeat 0 0; } #powerReview .btn-h35 { display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #powerReview .btn-gray { border: 1px solid #bababa; background: #b1b1b7; } #powerReview .btn-orange { background-color: #ff6452; } #powerReview .hd-t { zoom: 1; margin-top: 20px; } #powerReview .hd-t h2 { float:left; color: #000; font-size: 12px; letter-spacing: -1px; line-height: 37px; font-weight: bold; } #powerReview .hd-t .pr-btn-list { float:right; color: #000; font-size: 14px; line-height: 40px; } #powerReview .hd-t .pr-btn-list > a { color: #000; font-size: 12px; line-height: 37px; letter-spacing: -1px; border-right: 1px solid #000; padding: 0 10px; } #powerReview .hd-t .pr-btn-list a:first-child { padding-left: 0; } #powerReview .hd-t .pr-btn-list a:last-child { padding-right: 0; border-right: 0; } #powerReview .hd-t:after { content: ''; display: block; clear: both; } #powerReview .hd { position:relative; height:30px; padding-left:5px; margin-top: 30px; } #powerReview .hd h2 { color:#000; font-size:12px; font-weight: bold; letter-spacing: -1px; line-height: 37px; } #powerReview .hd h2 span { font-weight:normal; } #powerReview .hd .sort { position:absolute; top:-6px; right:5px; border-right:1px solid #ccc; } #powerReview .hd .sort:after { clear: both; content: ""; display: block; } #powerReview .hd .sort li { float:left; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; letter-spacing:-1px; } #powerReview .hd .sort li a { display:inline-block; width:67px; height:22px; line-height:24px; font-size:11px; color:#000; text-align:center; background:none; } #powerReview .hd .sort li.pr-list-photo { margin-right:20px; border-right:1px solid #ccc; } #powerReview .hd .sort li.pr-list-photo a { width:120px; } #powerReview .hd .sort li.last { margin-right: 0; padding-right: 0; } #powerReview .hd .sort li.now { background:#666; } #powerReview .hd .sort li.now a { color:#fff; } #powerReview .hd .pr-photo-toggle { position:absolute; top:-6px; right:0; border:1px solid #ccc; letter-spacing:-1px; } #powerReview .hd .pr-photo-toggle a { display:inline-block; width:120px; height:22px; line-height:24px; font-size:11px; color:#000; text-align:center; background:none; } #powerReview .hd .pr-photo-toggle a.now { color:#fff; background:#666; } #powerReview .hd .pr-photo-toggle-sort { right:220px; } #powerReview .info { clear:both; zoom: 1; overflow: hidden; position: relative; height: 176px; padding: 15px 349px 15px 239px; border: 1px solid #dadada; } #powerReview .info .score { position: absolute; top: 30px; left: 15px; zoom: 1; overflow: hidden; width: 224px; min-height: 149px; background: url(/images/d3/modern_simple/bg_score.gif) no-repeat 0 0; } #powerReview .info .score dt, #powerReview .info .score dd { float: left; } #powerReview .info .score dt { width: 110px; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; } #powerReview .info .score dt p { margin-top: 50px; font-size: 60px; line-height: 1; } #powerReview .info .score dd { width: 110px; } #powerReview .info .score dd ul { padding: 10px 10px 0; } #powerReview .info .score dd li { position: relative; margin-top: 15px; color: #9d9d9d; font-size: 11px; } #powerReview .info .score dd li span { position: absolute; top: 0; right: 0; } #powerReview .info .chart { float: left; width: 91%; } #powerReview .info .chart ul { zoom: 1; overflow: hidden; padding: 0 32px 0 50px; } #powerReview .info .chart li { float: left; width: 100%; zoom: 1; position: relative; margin: 15px 0 5px; } #powerReview .info .chart li:after { content: ''; display: block; clear: both; } #powerReview .info .chart li .tit, #powerReview .info .chart li .bar { height: 14px; line-height: 16px; color: #9d9d9d; font-size: 11px; } #powerReview .info .chart li .tit { position: absolute; top: 0; left: -50px; } #powerReview .info .chart li .bar { display: block; position: relative; width: 100%; } #powerReview .info .chart li .bar .abs { display: block; width: 100%; height: 100%; } #powerReview .info .chart li .num { position: absolute; top: 0; left: 100%; margin-left: 5px; } #powerReview .info .gap { display: block; float: left; width: 3%; height: 98%; } #powerReview .info .gap.vline { width: 6%; background: url(/images/d3/modern_simple/bg_vline.gif) repeat-y 50% 0; } #powerReview .info .photo { position: absolute; top: 15px; right: 5px; width: 344px; overflow: hidden; } #powerReview .info .photo .tit { font-weight: bold; letter-spacing: -1px; line-height: 1.75; } #powerReview .info .photo ul { zoom: 1; overflow: hidden; height: 160px; } #powerReview .info .photo ul li { float: left; position: relative; width: 76px; margin-bottom: 8px; margin-right: 10px; } #powerReview .info .photo ul li a:hover span { display: block; } #powerReview .info .photo ul li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #powerReview .info .photo ul li a img { width: 74px; height: 70px; border: 1px solid #c9c9c9; } #powerReview .info .photo .photo-none { height: 95px; padding-top: 55px; border: 1px solid #dadada; color: #b7b7b7; text-align: center; margin-right:10px; } #powerReview .info .photo .not-photo { display:block; text-align:center; padding-top:40px; } #powerReview .pr-info { zoom: 1; overflow: hidden; position: relative; height: 124px; padding: 25px 189px 25px 260px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } #powerReview .pr-info .score { position: absolute; top: 25px; left: 0; zoom: 1; overflow: hidden; width: 240px; min-height: 120px; border:2px solid #e7e7e7; } #powerReview .pr-info .score:after { content: ''; display: block; clear: both; } #powerReview .pr-info .score ul { zoom: 1; overflow: hidden; padding-top:15px; margin-bottom:5px; *margin-bottom:10px; } #powerReview .pr-info .score dt, #powerReview .pr-info .score dd { float: left; } #powerReview .pr-info .score dt { width: 120px; min-height: 120px; color: #000; letter-spacing: -1px; text-align: center; background:#e7e7e7; } #powerReview .pr-info .score dt p { margin-top: 25px; font-size: 48px; line-height: 1; font-weight:bold; font-family: 'arial'; } #powerReview .pr-info .score dd { width: 110px; } #powerReview .pr-info .score dd ul { padding: 13px 0 0 10px; } #powerReview .pr-info .score dd li { position: relative; margin-top: 8px; color: #999; } #powerReview .pr-info .score dd li span { position: absolute; top: 0; right: 0; color:#000; } #powerReview .pr-info .stars ul:after { content: ''; display: block; clear: both; } #powerReview .pr-info .stars ul { zoom: 1; overflow: hidden; padding-top:15px; margin-bottom:5px; *margin-bottom:10px; } #powerReview .pr-info .stars ul li { float: left; width: 49%; position: relative; margin-bottom:6px; } #powerReview .pr-info .stars ul li span { display:inline-block; vertical-align:middle; } #powerReview .pr-info .stars ul li span.tit { overflow:hidden; width:35%; color:#000; white-space:nowrap; font-size:12px; text-overflow:ellipsis; } #powerReview .pr-info .stars ul li .star-img img { width: 15px; } #powerReview .pr-info .stars p { color:#000; } #powerReview .pr-info .photo { overflow: hidden; position: absolute; top: 25px; right: 0; width: 192px; } #powerReview .pr-info .photo { height: 128px; overflow:hidden; } #powerReview .pr-info .photo ul { zoom: 1; overflow: hidden; width:192px; height: 128px; } #powerReview .pr-info .photo ul li { float: left; position: relative; width: 60px; height:60px; margin-bottom: 4px; margin-left: 4px; } #powerReview .pr-info .photo ul li a:hover span { display: block; } #powerReview .pr-info .photo ul li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #powerReview .pr-info .photo ul li a img { width: 60px; height: 60px; } #powerReview .pr-info .photo .pr-none { background: #fff; height: 126px; border: 1px solid #dadada;} #powerReview .pr-info .photo .photo-none { padding: 35px 20px 0; color: #b7b7b7; text-align: center; margin-right:10px;} #powerReview .pr-info .photo .not-photo { display:block; text-align:center; padding-top:40px; } #powerReview .pr-star { background-color: #FFF; z-index: 10; } #powerReview .pr-star table { width:100%; border-spacing:0; border-collapse:collapse; } #powerReview .pr-star table td:after { content: ''; display: block; clear: both; } #powerReview .pr-star table td { padding-bottom:5px; } #powerReview .pr-star table td .star-name, #powerReview .pr-star table td .star-list { float:left; height:37px; line-height:37px; } #powerReview .pr-star table td .star-name { overflow:hidden; width:30%; color:#000; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; } #powerReview .pr-star table td .star-name span { padding:0 10px; } #powerReview .pr-star table td .star-list { position: relative; width: 69%;} #powerReview .pr-star table td .star-list .bull { position: absolute; top: 0; right: 10px; } #powerReview .pr-star table td .star-list > a { border: 1px solid #dadada; } #powerReview .pr-star table td .star-list a { display: block; height: 35px; line-height: 35px; position: relative; padding-left: 7px; } #powerReview .pr-star table td .star-list em { font-weight: normal; font-style: normal; letter-spacing: 2px; display:inline-block; height:35px; line-height:31px; } #powerReview .pr-star table td .star-list .survey { position: absolute; top: 0; _top: -10px; right: 25px; color:#000; font-weight: normal; } #powerReview .pr-star table td .star-list ul { z-index:2; zoom: 1; display: none; position: absolute; top: 35px; left: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff; } #powerReview .pr-star table td .star-list ul li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #powerReview .pr-star table td .star-list ul li a:hover { background: #eee; } #powerReview .frm .recmd .cvr-benefit { position: absolute; top: 15px; right: 0; } #powerReview .frm .recmd > .star-list { position: relative; width: 60%; height: 35px; line-height: 35px; } #powerReview .frm .recmd > .star-list .bull { position: absolute; top: 0; right: 20px; } #powerReview .frm .recmd > .star-list > a { border: 1px solid #dadada; } #powerReview .frm .recmd > .star-list a { display: block; height: 35px; line-height: 32px; position: relative; padding-left: 15px; font-size: 14px; } #powerReview .frm .recmd > .star-list em { font-weight: normal; font-style: normal; letter-spacing: 2px;line-height: 35px; } #powerReview .frm .recmd > .star-list .survey { position: absolute; top: 2px; _top: -10px; right: 40px; } #powerReview .frm .recmd > .star-list ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff; } #powerReview .frm .recmd > .star-list ul li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #powerReview .frm .recmd > .star-list ul li a:hover { background: #eee; } #powerReview .frm .recmd { z-index: 1; zoom: 1; position: relative; padding-top: 15px; color: #000; font-size: 14px; font-weight: bold; letter-spacing: -1px; background: #fff; } #powerReview .frm .recmd:after { content: ''; display: block; clear: both; } #powerReview .frm .recmd .star-list, #powerReview .frm .recmd .cvr-good, #powerReview .frm .recmd .cvr-benefit { float: left; } #powerReview .frm .recmd .cvr-good, #powerReview .frm .recmd .cvr-benefit { width: 20%; } #powerReview .frm .recmd .cvr-befnefit { position: absolute; top: 15px; right: 0; } #powerReview .frm .recmd .lnk-good, #powerReview .frm .recmd .lnk-benefit { display: block; height: 35px; line-height: 35px; margin-left: 8px; border: 1px solid #dadada; } #powerReview .frm .recmd .lnk-good { position: relative; padding-left: 20px; } #powerReview .frm .recmd .lnk-good span { position: absolute; top: 0; right: 20px; } #powerReview .frm .recmd .lnk-benefit { text-align: center; } #powerReview .frm .recmd .lnk-benefit:hover { border: 1px solid #ff361f; background: #ff6452; color: #fff; } #powerReview .frm .write { position: relative; margin-top: 8px; padding: 18px; padding-top:10px; border: 1px solid #dadada; } #powerReview .frm .write .txt { position: absolute; top: 18px; left: 18px; color: #b7b7b7; } #powerReview .frm .write textarea { margin-top:8px; width: 100%; height: 120px; border: 0 none; background: 0 none; overflow:auto; } #powerReview .frm .write .pr-file-wrap { zoom: 1; overflow: hidden; } #powerReview .frm .prw-btn { z-index: 1; zoom: 1; position: relative; padding-top: 10px; color: #000; font-weight: bold; letter-spacing: -1px; background: #fff; } #powerReview .frm .prw-btn:after { content: ''; display: block; clear: both; } #powerReview .frm .prw-btn .cvr-good, #powerReview .frm .prw-btn .cvr-benefit { float: left; } #powerReview .frm .prw-btn .cvr-good, #powerReview .frm .prw-btn .cvr-benefit { width: 20%; } #powerReview .frm .prw-btn .cvr-write { position: absolute; top: 10px; right: 0; } #powerReview .frm .prw-btn .lnk-good, #powerReview .frm .prw-btn .lnk-benefit { display: block; height: 35px; line-height: 35px; margin-right: 8px; border: 1px solid #dadada; text-align: center; color: #000 } #powerReview .frm .prw-btn .lnk-good span { color:#ff3c1e; font-weight:normal; letter-spacing: 0; } #powerReview .frm .prw-btn .lnk-benefit:hover { border: 1px solid #ff361f; background: #ff6452; color: #fff; } #powerReview .frm .prw-btn .lnk-write { display: inline-block; width:200px; height: 35px; line-height: 35px; color:#fff; background:#333; text-align: center; } #powerReview .frm .prw-btn .btn-r2 { text-align: right; } #powerReview .frm .btn-r { margin-top: 12px; text-align: right; } #powerReview #layerBenefit { display: none; z-index: 11; position: absolute; top: 55px; width: 340px; padding: 7px 5px; } #powerReview .frm .btn-h35 { width:200px; text-align: center; } #powerReview .frm .write .pr-options { display:none; zoom: 1; overflow: hidden; padding: 8px 15px 12px; background: #f8f8f8; } #powerReview .frm .write .pr-options dl { clear: both; } #powerReview .frm .write .pr-options dt, #powerReview .frm .write .pr-options dd { float: left; margin-top: 8px; color: #999; } #powerReview .frm .write .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; padding-top: 3px; } #powerReview .frm .write .pr-options dd { width: 80%; } #powerReview .frm .write .pr-options .txt-wrap { padding-right: 12px; } #powerReview .frm .write .pr-options input[type='text'] { width: 100%; height: 18px; line-height: 18px; padding: 0 5px; border: 1px solid #dadada; } #powerReview .frm .write .pr-options select { width: 100%; height: 20px; line-height: 20px; text-align: right; border: 1px solid #dadada; color: #999; } #powerReview .frm .write .pr-options select option { text-align: right; } #powerReview .frm .write .pr-options label { display: inline-block; margin-right: 40px; } #powerReview .frm .write .pr-options label input[type='checkbox'] { vertical-align: middle; } #powerReview .frm .write .pr-txtbox { position: relative; } #powerReview .frm .write .pr-txtbox > span { position: absolute; top: 2px; left: 0; color: #888; } #powerReview .frm .write .pr-txtbox > textarea { width: 100%; height: 120px; padding-top: 2px; border: 0 none; background: 0 none; overflow: auto; } #powerReview .frm .write .pr-txtbox .thumb-wrap { bottom: 0; } #powerReview .frm .write .pr-file-wrap .file { overflow: hidden; position: relative; } #powerReview .frm .write .pr-file-wrap .file .file-trick { position: absolute; top: 0; left: 0; width: 38px; height: 38px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #powerReview .frm .write .pr-file-wrap .cvr, #powerReview .frm .write .pr-file-wrap a { float: left; margin-right: 10px; } #powerReview .frm .write .pr-file-wrap .file { overflow: hidden; position: relative; } #powerReview .frm .write .pr-file-wrap .file .file-trick { position: absolute; top: 0; left: 0; width: 38px; height: 38px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #powerReview .frm .write .pr-file-wrap .cvr { position: relative; width: 38px; height: 38px; } #powerReview .frm .write .pr-file-wrap .cvr .bg { width: 100%; height: 100%; } #powerReview .frm .write .pr-file-wrap .cvr a.cover { position: absolute; width: 38px; top: 0; left: 0; height: 38px; line-height: 38px; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; background: #000; opacity: 0.4; filter: alpha(opacity=40); } #powerReview .frm .write .pr-file-wrap .cvr a.cover:hover { opacity: 0.6; filter: alpha(opacity=60); } #powerReview .frm .write .pr-member { zoom: 1; overflow: hidden; margin-bottom: 10px; } #powerReview .frm .write .pr-member dt, #powerReview .frm .write .pr-member dd { float: left; border: 1px solid #dadada; height: 23px; line-height: 25px; } #powerReview .frm .write .pr-member dt { width: 75px; background: #dadada; color: #747579; font-size: 11px; font-weight: bold; letter-spacing: -1px; text-align: center; } #powerReview .frm .write .pr-member dd { width: 120px; margin-right: 10px; } #powerReview .frm .write .pr-member input[type='text'], #powerReview .frm .write .pr-member input[type='password'] { width: 110px; padding: 0 5px; height: 23px; line-height: 25px; border: 0 none; background: 0 none; } #powerReview .frm .write .pr-btn-right { position: absolute; right: 10px; bottom: 10px; } #powerReview .frm .write .pr-btn-right a { display: inline-block; height: 23px; line-height: 25px; padding: 0 25px; border: 1px solid #979797; background: #000; color: #fff; letter-spacing: -1px; text-align: center; } #powerReview .pr-red { color:red; } #powerReview .pr-text-length { position: absolute; right: 0; bottom: 0; text-align:right; width: 150px; } #powerReview .pr-text-length-guest { position: absolute; right: 150px; bottom: 10px; text-align:right; width: 150px; } #powerReview .pr-text-length em, #powerReview .pr-text-length-guest em { margin-right: 3px; } #powerReview .pr-text-length-guest span, #powerReview .pr-text-length span { font-weight: bold; } #powerReview .new-privercy-contract { position: relative; margin-top: 20px; padding: 15px 10px 10px; border: 1px solid #e2e2e2; } #powerReview .new-privercy-contract .lnk { position: absolute; top: 15px; left: 150px; color: #4f4f4f; font-weight: bold; letter-spacing: -1px; text-decoration: underline; } #powerReview .new-privercy-contract p { margin-bottom: 20px; color: #afafaf; font-weight: bold; letter-spacing: -1px; } #powerReview .new-privercy-contract .pc-txt { margin-top: 10px; color: #b0b0b0; font-size: 11px; } #powerReview .new-privercy-contract .privercy-agree { position: absolute; top: 15px; right: 0; } #powerReview .new-privercy-contract .privercy-agree label { display: inline-block; margin-right: 20px; color: #b0b0b0; font-size: 11px; } #powerReview .new-privercy-contract .privercy-contract { display: none; } #powerReview .new-privercy-contract .privercy-contract .tbl { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; } #powerReview .new-privercy-contract .privercy-contract .tbl caption { display:none; } #powerReview .new-privercy-contract .privercy-contract .tbl th, #powerReview .new-privercy-contract .privercy-contract .tbl td { padding: 8px 10px 10px; border: 1px solid #e2e2e2; color: #b0b0b0; font-size: 11px; } #powerReview .new-privercy-contract .privercy-contract .tbl th { background: #f4f4f4; color: #505050; font-weight: bold; letter-spacing: -1px; text-align: center; } #powerReview .new-privercy-contract .privercy-contract .tbl td { padding: 8px 10px 10px; border: 1px solid #e2e2e2; } #powerReview .new-privercy-contract .privercy-contract .tbl td .txt-l { color: #b0b0b0; font-size: 11px; } #powerReview .best-review { position: relative; padding-left: 40px; border-top: 1px solid #dadada; } #powerReview .best-review dt { position: absolute; top: 0; left: 0; width: 50px; margin-top: 40px; padding-left: 60px; background: url(/images/d3/modern_simple/bul_camera.gif) no-repeat 20px 45%; color: #000; font-weight: bold; letter-spacing: -1px; } #powerReview .best-review dd { zoom: 1; overflow: hidden; position: relative; padding: 18px 0 18px 90px; } #powerReview .best-review dd ul { height: 72px; overflow: hidden; } #powerReview .best-review dd li { float: left; width: 76px; margin-right: 10px; } #powerReview .best-review dd li a { display: block; position: relative; } #powerReview .best-review dd li a:hover span { display: block; } #powerReview .best-review dd li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #powerReview .best-review dd li a img { width: 74px; height: 70px; border: 1px solid #c9c9c9; } #powerReview .best-review dd .prev, #powerReview .best-review dd .next { position: absolute; top: 0; width: 40px; height: 100%; text-indent: -9999px; } #powerReview .best-review dd .prev { left: 5px; background: url(/images/d3/modern_simple/btn/btn_h11_prev.gif) no-repeat 50% 50%; } #powerReview .best-review dd .next { left: 45px; background: url(/images/d3/modern_simple/btn/btn_h11_next.gif) no-repeat 50% 50%; } #powerReview .pr-division-tab { width:100%; padding-top:20px; border-top:1px solid #dadada; } #powerReview .pr-division-tab ul:after { content: ''; display: block; clear: both; } #powerReview .pr-division-tab ul { width:100%; } #powerReview .pr-division-tab ul li { float:left; width:50%; } #powerReview .pr-division-tab ul li a { display:block; width:100%; height:32px; line-height:34px; font-size:12px; color:#000; border:1px solid #dadada; border-bottom:1px solid #000; text-align:center; background:#fff; } #powerReview .pr-division-tab ul li.now a { color:#fff; background:#666; } #powerReview .review-wrap {border-top: 1px solid #dadada; } #powerReview .review-wrap > li { zoom:1; position: relative; padding: 25px 25px 25px 20px; border-bottom: 1px solid #dadada; } #powerReview .review-wrap > li .star-icon { zoom: 1; overflow: hidden; height: 27px; line-height: 27px; } #powerReview .review-wrap > li .star-icon .star, #powerReview .review-wrap > li .star-icon .survey, #powerReview .review-wrap > li .star-icon .star-img, #powerReview .review-wrap > li .star-icon .icon { float: left; } #powerReview .review-wrap > li .star-icon .star { width: 90px; margin-right: 4px; font-size: 16px; font-style: normal; letter-spacing: 2px; color: #ccc; line-height: 30px; } #powerReview .review-wrap > li .star-icon .survey { color: #9d9d9d; width: 80px; font-weight:bold; line-height: 30px; } #powerReview .review-wrap > li .star-icon .icon { font-size: 0; } #powerReview .review-wrap > li .star-icon .icon img { width:24px; margin-right: 3px; vertical-align: top; } #powerReview .review-wrap > li .star-icon .star-img { margin-right: 15px; } #powerReview .review-wrap > li .star-icon .star-img img { width: 20px; } #powerReview .review-wrap > li .content { clear:both; position: relative; overflow: hidden; margin-top: 5px; margin-right: 158px; line-height: 1.5; word-wrap: break-word; min-height:50px; } #powerReview .review-wrap > li .pr-content-all {display:none; padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .pr-content-simple {padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .content_p {padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .content_p .pr-close { display:none; } #powerReview .review-wrap > li .content a.pr-close { color: #3B5998; font-weight: bold; } #powerReview .review-wrap > li .pr-content-simple > a.pr-more { color: #3B5998; font-weight: bold; } #powerReview .review-wrap > li .multi-star { padding: 0 10px 0; margin-right: 158px; zoom: 1;} #powerReview .review-wrap > li .multi-star:after { clear: both; content: ""; display: block; } #powerReview .review-wrap > li .multi-star li { float: left; padding-top:1px; margin-right:30px; } #powerReview .review-wrap > li .multi-star li.star5 { margin-right: 0; } #powerReview .review-wrap > li .multi-star li span { display:inline-block; vertical-align:middle; color: #dcdde1; } #powerReview .review-wrap > li .multi-star li span.pr-star { line-height: font-size: 14px; } #powerReview .review-wrap > li .multi-star li span.pr-tit { overflow: hidden; padding-top:5px; color:#000; white-space:nowrap; } #powerReview .review-wrap > li .multi-star li em { font-style: normal; } #powerReview .review-wrap > li .pr-options { clear:both; zoom: 1; overflow: hidden; margin-top: 10px; padding: 8px 15px 12px; margin-right: 158px; } #powerReview .review-wrap > li .pr-options dl { clear: both; } #powerReview .review-wrap > li .pr-options dt, #powerReview .review-wrap > li .pr-options dd { float: left; margin-top: 8px; color: #999; } #powerReview .review-wrap > li .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; padding-top:3px; line-height: 1.5; } #powerReview .review-wrap > li .pr-options dd { width: 80%; line-height: 1.5; word-wrap: break-word; padding-top:3px; } #powerReview .review-wrap > li .ctr { text-align: right; margin-right: 140px; font-weight: bold;} #powerReview .review-wrap > li .desc { position: absolute; right: 25px; width: 145px; padding-top: 1px; } #powerReview .review-wrap > li .reply { height: 21px; line-height: 21px; margin-top: 8px; position:relative; } #powerReview .review-wrap > li .reply .btn-report {display:inline-block; color:#9d9d9d; font-size:11px; position:absolute; right:0; bottom:0;} #powerReview .review-wrap > li .reply span.prr-txt { display:inline-block; padding:0 15px; } #powerReview .review-wrap > li .reply a span { display: inline-block; } #powerReview .review-wrap > li .reply a { display: inline-block; width: 57px; height: 22px; line-height: 24px; color: #000; border:1px solid #ccc; text-align: center; } #powerReview .review-wrap > li .reply a span { display: inline-block; } #powerReview .review-wrap > li .reply .cnt span { padding-left: 20px; background: url(/images/d3/modern_simple/ico_reply_h12.gif) no-repeat 0 5px; } #powerReview .review-wrap > li .reply .yes span { padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_yes.gif) no-repeat 0 4px; } #powerReview .review-wrap > li .reply .no span { padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_no.gif) no-repeat 0 5px; } #powerReview .review-wrap > li .photo-list { margin-top: 15px; height: 75px; position:relative; z-index:5; } #powerReview .review-wrap > li .photo-list li { float: left; position: relative; width: 76px; margin-right: 10px; } #powerReview .review-wrap > li .photo-list li a:hover span { display: block; } #powerReview .review-wrap > li .photo-list li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #powerReview .review-wrap > li .photo-list li a img { width: 74px; height: 70px; border: 1px solid #c9c9c9; } #powerReview .review-wrap > li .photo-list li .attach-preview { display:none; position: absolute; top:75px; left:0; border: 1px solid #c9c9c9; } #powerReview .review-wrap > li .photo-list li .attach-preview img {width: 400px; height: 400px; } #powerReview .review-wrap > li .reply-wrap { margin-left: 30px; } #powerReview .review-wrap > li .reply-wrap .lst > li { position: relative; padding-top: 25px; padding-left: 30px; min-height: 54px; background: url(/images/d3/modern_simple/bg_reply.gif) no-repeat 0 25px; line-height: 1.5; } #powerReview .review-wrap > li .reply-wrap .lst > li .comment { word-wrap: break-word; margin-right:140px; } #powerReview .review-wrap > li .reply-wrap .lst > li .desc { top: 25px; right: 0; } #powerReview .review-wrap > li .reply-wrap .lst > li .ctr { bottom: 10px; left: 370px; font-weight: bold; } #powerReview .review-wrap > li .reply-wrap .wrt { position: relative; margin-top: 20px; padding: 20px 20px 50px; border: 1px solid #dadada; } #powerReview .review-wrap > li .reply-wrap .wrt textarea { width: 100%; height: 110px; border: 0 none; background: 0 none; overflow:auto; } #powerReview .review-wrap > li .reply-wrap .wrt a { position: absolute; right: 20px; bottom: 15px; } #powerReview .review-wrap > li .reply-wrap > ul .block_comment { display: none; } #powerReview .review-wrap > li .reply-wrap > ul .block_comment .ctr { display: none; } #powerReview .paging { margin-top: 100px; text-align: center; } #powerReview .paging a { display: inline-block; width: 23px; height: 23px; line-height: 21px; font-family: tahoma; border: 1px solid #d4d4d4; } #powerReview .paging a.now { border: 1px solid #343434; background: #666; color: #fff; font-weight: bold; letter-spacing: -1px; } #powerReview .paging a.now span { color: #fff; font-weight: bold; letter-spacing: -1px; } #powerReview .paging a img { *padding-top: 4px; } #layerBenefit { display: none; z-index: 11; position: absolute; top: 55px; right: 0; width: 340px; padding: 7px 5px; } #layerBenefit .trans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } #layerBenefit .layer { z-index: 12; position: relative; width: 330px; padding: 5px; background: #fff; } #layerBenefit .layer .write { position: relative; margin: 0; padding: 10px; border: 1px solid #dadada; color: #b7b7b7; font-size: 12px; font-weight: normal; word-wrap: break-word; } #layerReviewModify { display: block; z-index: 999; position: absolute; top: 140px; left: 0; width: 100%; text-align:left; } #layerReviewModify .layer-wrap { padding: 7px 5px; } #layerReviewModify .trans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } #layerReviewModify .close-layer { position: absolute; top: 0; right: -35px; width: 35px; height: 35px; background: #b5b5b5 url(/images/d3/modern_simple/btn/btn_h20_review_close.png) no-repeat 50% 50%; text-indent: -9999px; } #layerReviewModify .layer { z-index: 12; position: relative; padding: 5px; background: #fff; } #layerReviewModify .layer .write { position: relative; padding: 10px; border: 1px solid #dadada; } #layerReviewModify .layer .write .txt { position: absolute; top: 10px; left: 10px; color: #b7b7b7; } #layerReviewModify .layer .write textarea { margin-top:10px; width: 100%; height: 120px; border: 0 none; background: 0 none; overflow:auto; } #layerReviewModify .layer .write .pr-file-wrap { zoom: 1; overflow: hidden; } #layerReviewModify .layer .write .pr-file-wrap .file { overflow: hidden; position: relative; } #layerReviewModify .layer .write .pr-file-wrap .file .file-trick { position: absolute; top: 0; left: 0; width: 48px; height: 48px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #layerReviewModify .layer .write .pr-file-wrap .cvr, #layerReviewModify .layer .write .pr-file-wrap a { float: left; margin-right: 10px; } #layerReviewModify .layer .write .pr-file-wrap .file { overflow: hidden; position: relative; } #layerReviewModify .layer .write .pr-file-wrap .file .file-trick { position: absolute; top: 0; left: 0; width: 48px; height: 48px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #layerReviewModify .layer .write .pr-file-wrap .cvr { position: relative; width: 38px; height: 38px; } #layerReviewModify .layer .write .pr-file-wrap .cvr .bg { width: 100%; height: 100%; } #layerReviewModify .layer .write .pr-file-wrap .cvr .cover { position: absolute; width: 38px; top: 0; left: 0; height: 100%; line-height: 38px; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; background: #000; opacity: 0.4; filter: alpha(opacity=40); } #layerReviewModify .layer .write .pr-file-wrap .cvr .cover:hover { opacity: 0.6; filter: alpha(opacity=60); } #layerReviewModify .pr-star {padding: 10px 0; } #layerReviewModify .layer .write .pr-member { zoom: 1; overflow: hidden; margin-bottom: 10px; } #layerReviewModify .layer .write .pr-member dt, #layerReviewModify .layer .write .pr-member dd { float: left; border: 1px solid #dadada; height: 23px; line-height: 25px; } #layerReviewModify .layer .write .pr-member dt { width: 75px; background: #dadada; color: #747579; font-size: 11px; font-weight: bold; letter-spacing: -1px; text-align: center; } #layerReviewModify .layer .write .pr-member dd { width: 120px; margin-right: 10px; } #layerReviewModify .layer .write .pr-member input[type='text'], #layerReviewModify .layer .write .pr-member input[type='password'] { width: 110px; padding: 0 5px; height: 23px; line-height: 25px; border: 0 none; background: 0 none; } #layerReviewModify .pr-options { zoom: 1; overflow: hidden; padding: 8px 15px 12px; background: #f8f8f8; } #layerReviewModify .pr-options dl { clear: both; } #layerReviewModify .pr-options dt, #layerReviewModify .pr-options dd { float: left; margin-top: 8px; color: #999; } #layerReviewModify .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; padding-top:3px; } #layerReviewModify .pr-options dd { width: 80%; } #layerReviewModify .pr-options .txt-wrap { padding-right: 12px; } #layerReviewModify .pr-options input[type='text'] { width: 100%; height: 18px; line-height: 18px; padding: 0 5px; border: 1px solid #dadada; } #layerReviewModify .pr-options select { width: 100%; height: 20px; line-height: 20px; text-align: right; border: 1px solid #dadada; color: #999; } #layerReviewModify .pr-options select option { text-align: right; } #layerReviewModify .pr-options label { display: inline-block; margin-right: 40px; } #layerReviewModify .pr-options label input[type='checkbox'] { vertical-align: middle; } #layerReviewModify .layer .recmd { zoom: 1; position: relative; padding-top: 6px; color: #000; font-size: 14px; font-weight: bold; letter-spacing; -1px; } #layerReviewModify .layer .recmd:after { content: ''; display: block; clear: both; } #layerReviewModify .layer .recmd .star-list { float: left; } #layerReviewModify .layer .recmd .ctr { float: right; } #layerReviewModify .layer .recmd .star-list { z-index: 1; position: relative; width: 60%; height: 35px; line-height: 35px; } #layerReviewModify .layer .recmd .star-list .bull { position: absolute; top: 0; right: 20px; } #layerReviewModify .layer .recmd .star-list > a { height: 35px; line-height: 35px; border: 1px solid #dadada; } #layerReviewModify .layer .recmd .star-list a { display: block; height: 35px; line-height: 35px; position: relative; padding-left: 15px; } #layerReviewModify .layer .recmd .star-list em { font-weight: normal; font-style: normal; letter-spacing: 2px; font-size: 14px; } #layerReviewModify .layer .recmd .star-list .survey { position: absolute; top: 0; _top: -10px; right: 40px; } #layerReviewModify .layer .recmd .star-list ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff; } #layerReviewModify .layer .recmd .star-list ul li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #layerReviewModify .layer .recmd .star-list ul li a:hover { background: #eee; } #layerReviewModify .layer .recmd .ctr { width: 40%; } #layerReviewModify .layer .recmd .ctr .lnk { display: block; height: 35px; line-height: 35px; margin-left: 8px; text-align: center; color: #fff; } #layerReviewModify .pr-text-length { position: absolute; right: 15px; bottom: 10px; text-align:right; width: 150px; } #layerReplyModify { display: none; z-index: 11; position: absolute; left: 0; width: 100%; z-index: 999; } #layerReplyModify .layer-wrap { padding: 7px 5px; } #layerReplyModify .trans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } #layerReplyModify .close-layer { position: absolute; top: 0; right: -35px; width: 35px; height: 35px; background: #b5b5b5 url(/images/d3/modern_simple/btn/btn_h20_review_close.png) no-repeat 50% 50%; text-indent: -9999px; } #layerReplyModify .layer { z-index: 12; position: relative; padding: 5px; background: #fff; } #layerReplyModify .layer .write { position: relative; padding: 10px 10px 45px; border: 1px solid #dadada; } #layerReplyModify .layer .write .txt { position: absolute; top: 10px; left: 10px; color: #b7b7b7; } #layerReplyModify .layer .write textarea { width: 100%; height: 120px; border: 0 none; background: 0 none; overflow:auto; } #layerReplyModify .layer .write .btn-r { position: absolute; right: 10px; bottom: 10px; } #layerChkPasswd { display:none; z-index: 100000; position: absolute; top: 0; right: 0; width: 280px; padding: 10px; border: 2px solid #757575; background: #fff; color: #8a8a8a; letter-spacing: -1px; } #layerChkPasswd .close { position: absolute; top: 5px; right: 5px; width: 9px; height: 8px; background: url(/images/d3/modern_simple/btn/btn_h8_close.gif) no-repeat 0 0; text-indent: -9999px; } #layerChkPasswd strong, #layerChkPasswd .btn { float: left; } #layerChkPasswd strong { margin: 4px 4px 0 0; letter-spacing: -1px; } #layerChkPasswd input { float: left; width: 150px; height: 18px; line-height: 18px; margin-right: 4px; padding: 0 5px; border: 1px solid #212121;} #powerReview .reply-wrap .btn-reporting {display: inline-block; width: 57px; height: 22px; line-height: 24px; border:1px solid #ccc; text-align: center; color:#9d9d9d; font-size:11px;} #powerReview .reply-wrap .desc li {margin-top: 3px; text-align: right;} #powerReview .reply-wrap .desc li:first-child {margin-top: 0;} #powerReview .reply-wrap .desc { padding-top: 3px; } #powerReview .review-wrap > li .reporting {overflow: hidden; line-height: 13px !important; margin-top: 6px;} #powerReview .review-wrap > li .reporting span {display: inline-block; float: left; padding-left: 20px; background: url(/images/d3/modern_simple/ico_reciew_reporting_pc.png) left center no-repeat; font-size: 12px; color: #89888e;} #powerReview .review-wrap > li .reporting a {display: inline-block; float: left; margin-left: 15px; font-weight: bold; font-size: 12px; color: #555555;} /* BASIC css end */