@charset "utf-8"; /* Reset */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; } body { color:#333333; } address, cite, dfn, em, var { font-style: normal; font-weight:normal; } h1 { font-size: 160%; } h2 { font-size: 138%; } h3 { font-size: 115%; } h4, h5, h6 { font-size: 100%; } a, a:visited { text-decoration: none; outline:none; } a:hover { text-decoration: underline; } a:active, a:focus { outline:none; } legend { color: #000; } fieldset, img { border:0; } button { cursor:pointer; text-align:center; min-height:24px; padding:0 10px } *+html button { line-height:16px; } button, input, select, textarea { font-size: 100%; vertical-align:middle; } select { font-family:Arial, Helvetica, sans-serif; } table { margin:0; border:0; } caption, th { text-align:left; } /* End Reset */ .container { margin:0 auto 10px; } .side { width:200px; float:left; margin-bottom:10px; } .global_w { width:1000px; } .global_w2 { width:894px; padding:0 52px 30px; margin-bottom:0; border:#e8e8e8 solid 1px; } .main { width:790px; float:right; } .mg_bottom { margin-bottom:10px; } .mg_top { margin-top:10px; } .clear { clear:both; } .disable, .current { cursor:default; outline: none; } .no_cont { font-size:0; line-height:0; height:0; overflow:hidden } .hide { display:none; } .wrap { display:block; padding:10px; } .udline a, .udline a:hover, a.udline, a.udline:hover { text-decoration:underline } .align_r { text-align:right } .line_through { text-decoration:line-through; color:#999 } .wrap_nobottom { padding:10px 10px 0; } .inline_block, .ico, .more_inline, .btn_submit, .tip, .tip_form, .link_list ul li li, .show_ctrl .show_qt, .pagenation .btns a , .pay_fail .ico_b{ display:inline-block; } .pay_fail .ico_style{ display:inline-block; } *+html .inline_block, *+html .ico, *+html .more_inline, *+html .btn_submit, *+html .tip, *+html .tip_form, *+html .link_list ul li li, *+html .show_ctrl .show_qt, *+html .pagenation .btns a ,*+html .pay_fail .ico_b { display:inline; zoom:1; }/*for ie7*/ a.underline { text-decoration:underline; } a.underline:hover { text-decoration:none; } a.noline:hover, .noline a:hover { text-decoration:none; } .b_link a,.b_link a:visited { color:#333; } a.disabled { color:gray; } .li_normal { list-style-position:outside; margin:0; padding-left:24px; } .li_block { display:block; list-style:none; margin:0; padding:0; } .li_block li { display:block; margin-bottom:5px; } .li_block.arw01 li { background-position:-294px -433px; padding:0 0 0 12px; } .li_block.arw02 li { background-position:-293px -583px; padding:0 0 0 12px; } .li_block.arw03 li { background-position:-294px -733px; padding:0 0 0 12px; } .li_block.bs_items li { margin:0; border-top:#f3f3f3 solid 1px; padding:5px 10px 2px 28px; position:relative; /*width:160px; *//*2012.09.25*/} .li_block.bs_items .ico.ol_num { position:absolute; left:10px; top:5px; } .li_block.bs_items .p_price { font-weight:normal; } /*2012.09.25*/ .li_block.bs_offer li { border-top:#f3f3f3 solid 1px; margin:0; padding:0; overflow:auto; } .li_block.bs_offer li a { display:block; padding:7px 5px 3px 11px; } .li_block.bs_offer li .inline_block { vertical-align:middle; cursor:pointer; } .li_block.bs_offer li .inline_block.txt { margin-right:10px; } .li_block.bs_offer li .inline_block.discount { width:50px; text-align:center; font-size:11px;} .li_block.bs_offer li .inline_block i { display:block; font-weight:bold; font-size:15px; line-height:1.1; } .side .li_block.bs_offer li a {width:182px;} .side .li_block.bs_offer li .inline_block.txt {width:122px;} .main .li_block.bs_offer li .inline_block.txt {width:700px;} .main .li_block.bs_offer li .inline_block.discount{float:right;} /*end:2012.09.25*/ .li_dot { color:#666; margin:0 6px 0 4px; } .vtop { vertical-align:top } .vmid { vertical-align:middle } .font_b { font-size:115%; } .font_s, .font_xs, .ico.discount .percent, .ico.discount .off, .promo_p_and_t .txtbox .script ,.pgroup.span5 .btn_addedcart { -webkit-text-size-adjust:none; } .font_s { font-size:92.3%; } .font_xs { font-size:88.6%; } .font_light { color:#777; } .title, .title_sub { display:block; font-weight:bold; } .title.big { font-size:170%; margin-bottom:10px; } .title.big2 { background-position:0 -800px; height:62px; line-height:72px; font-size:170%; padding:0 0 0 14px; margin:-4px 0 0 -17px; } .main .title.big2 { margin-left:0; } .title.mid { font-size:138%; margin-bottom:10px; } .title.big .more, .title.big .more_inline { font-size:13px; margin-left:15px; } .title.gray_box { background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; font-size:13px; border:#d7d7d7 solid 1px; margin-bottom:15px; padding:5px 10px 3px; color:#434343; } .title.yel_box { background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 bottom; font-size:13px; border-style:solid ; border-width:1px; margin-bottom:10px; padding:5px 10px 3px;} .title_sub.arw_c { background-position:-1206px -787px; padding:0 0 10px 15px; } .hr { display:block; margin:0 0 10px; font-size:0; line-height:0; border-bottom:#dbdbdb solid 1px; } .hr.dash { border-bottom:#ccc dashed 1px; } .more { display:block; text-align:right; font-size:12px; } .more_inline { font-size:12px; margin:0 10px; } .ico {line-height:0; font-size:0; margin:0 2px; } .more .ico, .more_inline .ico { width:9px; height:9px; background-position:0 -550px; vertical-align:middle; margin:-2px 4px 0 0; } *+ html .more .ico, *+ html .more_inline .ico { margin-top:1px; } .ico.sale , .ico.new , .ico.hot{ width:31px; height:14px; overflow:hidden; margin-bottom:-1px;} .ico.sale { background-position:0 0; } .ico.new { background-position:-36px 0; } .ico.hot { background-position:-72px 0; } .ico.top1, .ico.top2, .ico.top3 { width:50px; height:50px; display:block; position:absolute; right:-15px; top:-10px } .ico.top1 { background-position:0 -94px; } .ico.top2 { background-position:-50px -94px; } .ico.top3 { background-position:-100px -94px; } .ico.success_story { width:45px; height:50px; background-position:-50px -30px; } .ico.home, .ico.back { width:16px; height:16px; vertical-align:middle; margin-top:-5px; } .ico.viewvideo, .ico.viewlargerimg { width:16px; height:16px; vertical-align:middle; margin:-2px 5px 0 0; } .ico.viewvideo { background-position:-170px -30px } .ico.viewlargerimg { background-position:-204px -30px } *+html .ico.home, *+html .ico.back { margin-top:-2px; } /*for ie7*/ .ico.back { background-position:-100px -30px; } .ico.home { background-position:-134px -30px; } .ico.qs { width:16px; height:16px; background-position:-186px -169px; vertical-align:middle; } .ico.qs_w { width:16px; height:16px; background-position:-211px -257px; vertical-align:middle; margin:-3px 5px 0 0; } .ico.discount { background-position:-0 -159px; font-family:Arial, sans-serif; width:45px; height:45px; display:block; position:absolute; right:-5px; top:-5px; color:#fff; text-align:center; z-index:3; font-size:15px; font-style:italic; font-weight:bold; line-height:1; } .ico.discount .num { display:block; position:absolute; width:45px; height:20px; top:10px; left:0; } .ico.discount .percent { font-size:10px; margin-left:1px; } .ico.discount .off { display:block; position:absolute; font-size:9px; font-style:normal; left:1px; top:26px; width:43px; height:15px; } .ico.rss, .ico.plurk { width:20px; height:20px; vertical-align:top; } .ico.rss { background-position:-190px -139px; } .ico.plurk { background-position:-160px -139px; margin-right:5px } .ico.ico_years { width:16px; height:16px; vertical-align:middle; margin:-2px 5px 0 0; background-position:-186px -193px; } .ico.ico_mail { width:16px; height:16px; background-position:-160px -193px; margin:0 5px 0 0; vertical-align:middle; } .ico.ico_company { width:16px; height:16px; background-position:-211px -237px; margin:-4px 5px 0 0; vertical-align:middle; } .ico.ymsg, .ico.skype, .ico.msn { width:36px; height:36px; margin:0; } .ico.ymsg { background-position:0 -237px; } .ico.msn { background-position:-36px -237px; } .ico.skype { background-position:-72px -237px; } .ico.ymsg:hover { background-position:0 -273px; } .ico.msn:hover { background-position:-36px -273px; } .ico.skype:hover { background-position:-72px -273px; } .ico_email_alert { background-position:-160px -216px; width:20px; height:20px; margin:0 5px 0 0; vertical-align:middle; } .ico.ico_addedcart { background-position:-211px -193px; width:20px; height:20px; margin:0; vertical-align:middle; } .ico.ico_np, .ico.ico_bs, .ico.ico_bo, .ico.ico_ts { width:42px; height:42px; position:absolute; right:-2px; top:-16px; } .ico.ico_np { background-position:-108px -237px; } .ico.ico_bs { background-position:-150px -279px; } .ico.ico_bo { background-position:-150px -239px; } .ico.ico_ts { background-position:-108px -279px; } .ico.ol_num { display:block; width:13px; height:13px; margin:3px 7px 0 0;/*float:left;*/ } .ico.ol_num.num1 { background-position:0 -320px; } .ico.ol_num.num2 { background-position:-13px -320px; } .ico.ol_num.num3 { background-position:-26px -320px; } .ico.ol_num.num4 { background-position:-39px -320px; } .ico.ol_num.num5 { background-position:-52px -320px; } .ico.join { position:absolute; width:30px; height:24px; left:0; top:-2px; } .ico.join.j01 { background-position:0 -350px; } .ico.join.j02 { background-position:-30px -350px; } .ico.join.j03 { background-position:-60px -350px; } .ico.join.j04 { background-position:-90px -350px; } .ico.join.j05 { background-position:-120px -350px; } .ico.join.j06 { background-position:-150px -350px; } .ico.join.j07 { background-position:-180px -350px; } .ico.join.j08 { background-position:-210px -350px; } .ico.join.j09 { background-position:-240px -350px; } .ico.expand, .ico.collapse { width:15px; height:15px; vertical-align:middle; margin:-2px 5px 0; position:relative; } .ico.expand { background-position:-236px -216px } .ico.collapse { background-position:-261px -216px } .ico.plus, .ico.minus { width:15px; height:15px; vertical-align:middle; margin:-5px 5px 0 0; position:relative; } *+html .ico.plus, *+html .ico.minus { margin-top:-2px; } .ico.minus { background-position:-186px -216px; } .ico.plus { background-position:-211px -216px; } .ico.print { background-position:-236px -193px; width:16px; height:16px; vertical-align:middle; margin:-4px 8px 0 -5px; } .ico.del { width:25px; height:24px; background-position:-211px -169px; vertical-align:middle; } .ico.del:hover { background-position:-236px -169px; } .ico.close { width:16px; height:16px; background-position:-261px -193px; } .ico.close2 { width:16px; height:16px; background-position:-261px -237px; } .ico.point { background-position:-50px -390px; width:20px; height:20px; vertical-align: middle; margin-bottom:-10px; } .ico.map { background-position:-211px -279px; width:20px; height:20px; vertical-align: middle; } .ico.clock { background-position:-72px -390px; width:28px; height:28px; vertical-align: middle; } .ico.arwup { background-position:0 -590px; width:9px; height:9px; vertical-align: middle; margin-top:-2px; } *+html .ico.arwup{margin-top:0px;} .twitter-share-button { margin:0 6px 0 0; } .btn_submit{ position:relative; font-size:13px; font-weight:bold; text-align:center; height:30px; line-height:30px; margin:5px 8px 5px 0; padding:0 17px 0 20px; clear:both; } .btn_submit .rside { position:absolute; display:block; width:3px; height:30px; font-size:0; line-height:0; top:0; right:-3px; } .btn_submit:hover { text-decoration:none; color:#fff; } .btn_submit.blue { background-position:0 -450px; } .btn_submit.blue .rside { background-position:right -450px; } .btn_submit.blue:hover { background-position:0 -480px } .btn_submit.blue:hover .rside { background-position:right -480px } .btn_submit.disable,.btn_submit.disable:visited, .btn_submit.disable:hover { color:#ababab; background-position:0 -510px } .btn_submit.disable .rside, .btn_submit.disable:hover .rside { background-position:right -510px } .btn_submit.wh, .btn_submit.wh:visited { background-position:0 -540px; color:#5e5e5e; } .btn_submit.wh .rside { background-position:right -540px } .btn_submit.wh:hover { background-position:0 -570px; color:#303030; } .btn_submit.wh:hover .rside { background-position:right -570px } .btn_submit.impt .rside { background-position: right 0; } .btn_submit.impt:hover { background-position:0 -30px; } .btn_submit.impt:hover .rside { background-position:right -30px; } .vh_mid { display:table-cell; vertical-align:middle; } .vh_mid img { vertical-align:middle; } *+html .vh_mid { display: block; font-family:Arial;/*防止非utf-8引失效*/ }/*for ie7*/ /*.imgbox { text-align:center; position:relative; }*/ .imgbox { text-align:center; position:relative; display:table; table-layout:fixed;}/*2012.10.15*/ .imgbox.noborder { border:none; } .imgbox.img_70, .imgbox.img_70 .vh_mid { width:70px; height:70px; } *+html .imgbox.img_70 .vh_mid { font-size: 62px;/*約高度的0.873*/ }/*for ie7*/ .img_70 img { max-height:70px; max-width:70px; } .imgbox.img_120, .imgbox.img_120 .vh_mid { width:120px; height:120px; } *+html .imgbox.img_120 .vh_mid { font-size: 105px;/*約高度的0.873*/ }/*for ie7*/ .img_120 img { max-height:120px; max-width:120px; } .imgbox.img_300, .imgbox.img_300 .vh_mid { width:300px; height:300px; } *+html .imgbox.img_300 .vh_mid { font-size: 262px;/*約高度的0.873*/ }/*for ie7*/ .img_300 img { max-height:300px; max-width:300px; } /*2012.09.25*/ .box {display:block;border-width:1px; border-style:solid; margin-bottom:10px; } .box.c_np .title, .box.c_bs .title,.box.c_bo .title,.box.c_bo .title ,.box.c_ts .title {padding-right:30px; border-bottom-style: solid; border-bottom-width:2px;} .side .box .title , .main .box .title{height:24px; line-height:26px; position:relative; padding:0 10px;} /*end: 2012.09.25*/ .side .banner { margin-bottom:10px; } .idx_box { border-top:#e8e8e8 solid 1px; padding:5px 10px 10px; } .row_color .c_color, .tb.row_color .c_color { background-color:#f9f9f9 } .tb_info { margin-bottom:20px; font-size:12px; background-color:#e8e8e8; } .tb_info th, .tb_info td { padding:8px 10px; border-top:#fff solid 1px; } .tb_info th { text-align:right; background-color:#f8f8f8; width:150px; } .tb_info td { min-width:260px; background-color:#fff; } .tb_info.span2 td { width:260px; } .tabs { background:url(../images/tabs.png) no-repeat 0 bottom; display:block; list-style:none; margin:0; padding:0 10px; height:31px; text-align:center; } .tabs li { display:block; float:left; height:30px; margin-right:7px; } .tabs li a, .tabs li a:visited { position:relative; display:block; background:url(../images/tabs.png) no-repeat 0 0; color:#4c4c4c; padding:0 7px 0 10px; height:30px; line-height:34px; font-weight:bold; color:#666; } .tabs li a:hover { color:#000; text-decoration:none; } .tabs li a .rside { position:absolute; background:url(../images/tabs.png) no-repeat right 0; display:block; width:3px; height:30px; right:-3px; top:0; } .tabs li.current a,.tabs li.current a:visited, .tabs li.current a:hover { height:31px; background-position:0 -50px; color:#333; cursor:default; } .tabs li.current a .rside { background-position:right -50px; height:31px; } .tabs_c { background:none; display:block; list-style:none; margin:0; padding:0; height:30px; overflow:hidden; border-bottom-style:solid; border-bottom-width:2px; } .tabs_c li { display:block; float:left; height:30px; margin-right:3px; } .tabs_c li a, .tabs_c a:visited { display:block; position:relative; background-position:0 -290px; background-repeat:no-repeat; height:30px; min-width:100px; line-height:34px; font-weight:bold; color:#5e5e5e; padding:0 12px 0 15px; margin-right:3px; } .tabs_c li a:hover { text-decoration:none; } .tabs_c li a .rside { display:block; position:absolute; background-position:right -290px; background-repeat:no-repeat; width:3px; height:30px; right:-3px; top:0; } .tabs_c li.current a,.tabs_c li.current a:visited, .tabs_c li.current a:hover { background-position:0 -236px; color:#fff; text-decoration:none; cursor:default; } .tabs_c li.current a .rside, .tabs_c li.current a:hover .rside { background-position:right -236px; } /* tips bubble */ .bubble, .bubble .ico.corner, .bubble .round { background:url(../images/bubble.png); } .bubble { position:absolute; padding:0 10px; font-size:12px; width:230px; text-align:left; z-index:10; } .bubble .ico.corner { position:absolute; width:9px; height:6px; bottom:-10px; z-index:2; } .bubble .round { position:absolute; height:5px; } .bubble .round.tl, .bubble .round.bl { margin-right:5px; } .bubble .round.tr, .bubble .round.br { width:7px } .bubble .round.tl { top:-5px; left:-1px; } .bubble .round.tr { top:-5px; right:-1px; } .bubble .round.bl { bottom:-5px; left:-1px } .bubble .round.br { bottom:-5px; right:-1px } .bubble.error { line-height:1.3; background-color:#fff4f4; background-repeat:no-repeat; background-position:5px -60px; border-right:#ec8686 solid 1px; border-left:#ec8686 solid 1px; } .bubble.error .round.tl { background-position:0 -25px; } .bubble.error .round.tr { background-position:right -25px } .bubble.error .round.bl { background-position:0 -30px } .bubble.error .round.br { background-position:right -30px } .bubble.error .ico.corner { background-position:-9px 0; left:20px } .bubble.error .inner { padding-left:18px; padding:0 0 0 17px; } .bubble.info { line-height:1.3; background-color:#f6f9fc; background-repeat:no-repeat; background-position:-345px -60px; color:#3f73ac; border-right:#96b8dd solid 1px; border-left:#96b8dd solid 1px; } .bubble.info .round.tl { background-position:0 -35px; } .bubble.info .round.tr { background-position:right -35px } .bubble.info .round.bl { background-position:0 -40px } .bubble.info .round.br { background-position:right -40px } .bubble.info .ico.corner { background-position:-18px 0; left:20px } .bubble.info .inner { padding-left:18px; padding:0 0 0 17px; } .tip { position:relative; width:16px; height:16px; vertical-align:middle; } .tip.qs .bubble { background:#213053; bottom:27px; display:none; color:#fff; border-right:#213053 solid 1px; border-left:#213053 solid 1px; } .tip.qs .bubble .round.tl { background-position:0 -15px; } .tip.qs .bubble .round.tr { background-position:right -15px } .tip.qs .bubble .round.bl { background-position:0 -20px } .tip.qs .bubble .round.br { background-position:right -20px } .tip.qs.show_left .bubble { right:-20px; left:auto; } .tip.qs.show_right .bubble { left:-20px; right:auto; } .tip.qs .bubble .ico.corner { background-position:0 0 } .tip.qs.show_left .bubble .ico.corner { right:19px; } .tip.qs.show_right .bubble .ico.corner { left:23px; } .tip a.btn, .tip a.btn:hover { cursor:default } /*end:tips bubble*/ /*form*/ .txt_input, .select, .textarea { padding:2px; border-style:solid;border-width:1px; } .txt_input, .top_search, textarea { color:#999; } .txt_input.focusfield, .top_search.focusfield, textarea.focusfield { color:#333; } .txt_input.phone1 { width:30px; } .txt_input.phone2 { width:60px; } .textarea { vertical-align:top; } .checkbox { margin:-4px 3px 0 0; } *+html .checkbox { margin:-1px 0 0 0; } .form { position:relative; } .form .txt_input { margin:2px 2px 2px 0; height:18px } .form .txt_input.size2{ width:240px;} .form .textarea { margin:2px 2px 2px 0 } .form .form_ok { margin-left:5px; vertical-align:middle; } .form .select { max-width:230px; } .form .legend { text-align:right; font-size:12px; height:25px; } .form .mark { font-size:18px; line-height:0; margin-right:5px; } .form .submitwrap { text-align:center; } .form .tb { border-bottom-style:solid;border-bottom-width:1px; border-top-style:solid;border-top-width:2px; margin-bottom:25px; width:100%; margin-bottom:10px; } .form .tb td { padding:12px 10px 7px; border-top:#fff solid 1px; border-bottom:#fff solid 2px; } .form .tb .label { width:160px; text-align:right; border-right-style:solid ;border-right-width:1px; } .form .tb .fieldset { min-width:250px; } .form .tb .captcha .txt_input, .form_s .captcha .txt_input { font-size:15px; height:24px; width:80px; text-align:center; } .form .tb .captcha img, .form_s .captcha img { vertical-align:middle; margin-right:5px } .form .tb.bill { border-bottom:none; margin-top:-2px; font-size:12px; } .form .tb.bill th, .form .tb.bill td { text-align:center; } .form .tb.bill th { text-align:center; font-weight:normal; padding:5px 10px 3px; border-right-color:#fff; border-style: solid; border-width:1px; border-top:none; } .form .tb.bill th.col_amount { border-right:#bfcbdb solid 1px; } .form .tb.bill td { border-bottom-style:solid;border-bottom-width: 1px; border-top:none; } .form .tb.bill .col_item { width:200px; } .form .tb.bill .col_select { width:40px; } .form .tb.bill .col_unit { width:50px; } .form .tb.bill .col_unitp { width:80px; } .form .tb.bill .col_qt { width:80px; } .form .tb.bill .col_amount { width:80px; } .form .tb.bill td.col_item, .form .tb.bill td.col_desc { text-align:left } .form .tb.bill .sub_total, .form .tb.bill .total { text-align:right } .form .tb.bill .sub_total { font-size:15px; padding:5px 15px 2px; background:#fff; border-bottom-style:solid ;border-bottom-width:1px; } .form .tb.bill .total { font-size:18px; padding:5px 15px; border-bottom-style:solid ;border-bottom-width:1px; } .form .check_group_span2 .inline_block { vertical-align:top; width:260px; padding-right:10px; margin-bottom:5px; } .form .check_group_span4 .inline_block { vertical-align:top; width:160px; padding-right:10px; margin-bottom:5px; } .form .option_ctrl .ico { background-position:-211px -216px; width:15px; height:15px; vertical-align:middle; margin-top:-3px; } *+html .form .option_ctrl .ico { margin-top:0; } .form .option_ctrl.collapse .ico { background-position:-186px -216px; } .form .option_wrap { padding:10px 0; } .form .option_wrap.collapse { display:none; } .form .title_addition.option_ctrl { font-weight:bold; font-size:15px; display:block; margin:10px 0 10px 0; } .form .title_addition.option_ctrl.collapse { margin:0; } /*end: form*/ /* footer */ .footer { width:980px; padding:5px 10px 40px; border-top:#e5e5e5 solid 2px; margin:0 auto; color:#474747; } .footer .divide { color: #999; margin:0 6px; font-size:88.6%; } .footer .ft_nav { padding-bottom:10px; font-size:92.3%; } .footer .left { width:670px; float:left; padding-right:10px; } .footer .right { width:280px; float:right; padding-left:10px; text-align:right; } .footer .right img { margin:5px } .footer .sp { margin-bottom:8px; color:#666; font-size:84.6%; } .footer .sp_logo { width:32px; margin-right:5px; } .footer .sp_text { width:620px; } /* header */ .header { width:1000px; margin:0 auto; padding-bottom:10px; } .header .logo_box { height:66px; width:385px; float:left; } .header .tool_box { height:54px; width:600px; padding:12px 5px 0 0; float:right; text-align:right; font-size:92.3%; } .header .tool_box .mb { font-size:100%; padding-bottom:8px; } .header .divide { color:#bdbdbd; margin:0 6px; } .header .lang, .header .lang a.b_link { color:#888 } .mycart { font-weight:bold; margin-left:5px; } .mycart .ico { background-repeat:no-repeat; background-position:-1040px -210px; width:20px; height:20px; vertical-align:middle; margin:0 5px 0 -5px; } .mycart:hover .ico { background-position:-1010px -210px; } .mycart .qt { background-repeat:no-repeat; background-position:-1010px -240px; position:relative; vertical-align:middle; text-align:center; font-weight:bold; color:#fff; height:16px; line-height:16px;padding:0 0 0 8px; margin:-2px 8px 0 5px; } .mycart:hover .qt{ background-position:-1010px -256px;} *+html .mycart .qt { line-height:15px; }/*for ie7*/ .mycart .qt .r_side { position:absolute; width:8px; height:16px; font-size:0; line-height:0; right:-8px; top:0; background-repeat:no-repeat; background-position:-1210px -240px;} .mycart:hover .qt .r_side {background-position:right -256px;} .search_bar { width:980px; position:relative; padding:6px 10px 4px; z-index:10; border-bottom-style:solid; border-bottom-width:1px; } .search_bar .advsearch { vertical-align:middle; } .search_bar .top_search { background:#fff url(../images/magglass.gif) no-repeat 2px 6px; border-style:solid; border-width:1px; font-size: 115%; height:27px; line-height:27px; width:500px; padding:0 5px 0 23px; } .header .nav_allcate { background-repeat:no-repeat; background-position:-1010px 0; float:left; width:211px; margin-top:-1px; position:relative; z-index:10; } .header .nav_allcate .btn_allcate { background-repeat:no-repeat; background-position:-1006px -274px; border-bottom-style:solid; border-bottom-width:1px; font-size:100%; display:block; width:161px; padding:0 26px 0 12px; height:28px; line-height:31px; font-weight:bold; text-align:center; } .header.idx .nav_allcate .btn_allcate { background:none; } .header .nav_allcate .btn_allcate:hover { text-decoration:none; } /* dropdown */ .dropdown { vertical-align:top; margin:0; position:relative; z-index:2; width:220px; } *+html .dropdown { margin:1px 3px 0 0; } .dropdown a, .dropdown a:visited { color:#333; text-decoration:none; outline:none; } .dropdown dt a { background:#fff url(../images/arrow.png) no-repeat scroll right center; border-style:solid; border-width:1px; display:block; width:auto; width:200px; padding:0 20px 0 0; height:27px; line-height:27px; color:#999; overflow:hidden/*2012.8.22加入overflow:hidden*/;} .dropdown dt a span { cursor:pointer; display:block; padding:0 5px; } .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown dd ul { display:none; position:absolute; background:#fff none repeat scroll 0 0; top:-1px; left:0; padding:0; width:220px; min-width:200px; list-style:none; height:310px; overflow:scroll; overflow-x:hidden; border-style:solid; border-width:1px; } .dropdown span.value { display:none; } .dropdown dd ul li a { padding:2px 5px 1px; display:block; } .dropdown dd ul li.divide { font-size:0; line-height:0; border-bottom:#666 dashed 1px; } .top_btnsearch { cursor:pointer; border:none; background-repeat:no-repeat; background-position:-1010px -348px; width:70px; height:29px; color:#3b332e; margin-right:5px; background-color:transparent; } .top_btnsearch:hover{background-position:-1010px -389px;} .menu { background-repeat:no-repeat; background-position:0 -211px; } .menu .bt { background-repeat:no-repeat; background-position:0 -509px; height:1px; width:1000px; line-height:0; font-size:0; margin-top:-1px; } .menu_link { display:block; list-style:none; margin:0; padding:0; } .menu_link li { display:block; border-right:#d4d4d4 solid 1px; float:left; font-weight:bold; height:28px; font-size:92.3%; } .menu_link li a { display:block; padding:6px 15px 1px;} .nav_catelist, .cate_refine { background:#fff; display:block; width:198px; list-style:none; margin:0; padding:0; border:#d4d4d4 solid 1px; margin-bottom:10px; } .nav_allcate .nav_catelist { position:absolute; top:28px; left:0; border-style:solid; border-width:1px; visibility:hidden; } .nav_catelist{ position:relative; } .nav_catelist.hover { visibility:visible; } .nav_catelist .nav_catelist_li { display:block; position:relative; z-index:0; } .nav_catelist .nav_catelist_li > a:first-child { display:block; padding:5px 15px 4px 11px; color:#303030; text-decoration:none; border-top:#fff solid 1px; border-bottom:#ebebeb solid 1px; font-weight:bold; width:172px; } .nav_catelist .nav_catelist_li a.nav_cate_name { background-repeat:no-repeat; background-position:right -578px; position:relative; } .nav_catelist .nav_catelist_li a.allcate {background-color:#f1f1f1; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; } .nav_catelist .nav_catelist_li .nav_cate_sub { visibility:hidden; max-width:200px; background:url(../images/shadow.png) no-repeat right bottom; padding:0 3px 3px 0; position:absolute; width:620px; left:178px; top:0; } .nav_catelist .nav_catelist_li .nav_cate_sub .wrap { background:#fff; border-style:solid; border-width:1px; padding:10px 20px 0; } .nav_catelist .nav_catelist_li .nav_cate_name_shadow { visibility:hidden; display:block; background:url(../images/shadow.png) no-repeat bottom left; line-height:0; font-size:0; height:3px; width:178px; position:absolute; bottom:-3px; } .nav_catelist .nav_catelist_li.hover { z-index:1; } .nav_catelist .nav_catelist_li.hover a.nav_cate_name { border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; border-left-style:solid; border-left-width:1px; padding-right:0; margin-left:-1px; width:168px; background:#fff; z-index:2; } .nav_catelist .nav_catelist_li.hover .nav_cate_sub { visibility:visible; } .nav_catelist .nav_catelist_li.hover .nav_cate_name_shadow { visibility:visible; } .nav_cate_sub .wrap a:hover { text-decoration:none; } .nav_cate_title { overflow:auto; padding-bottom:5px; } .nav_cate_sublist { display:block; margin:0; padding:5px 0; border-top:#e2e2e2 solid 1px; overflow:auto; } .nav_cate_sublist .left { font-weight:bold; display:block; float:left; max-width:200px; padding:4px 0 0 0; } .nav_cate_sublist .right { float:right; width:448px; } .nav_cate_sublist .right a { color:#3e3e3e; } .nav_cate_sublist .right a.inline_block { width:126px; padding:4px 0 2px 20px; vertical-align:top; line-height:1.531; } .nav_catelist .nav_catelist_li .nospan { width:200px; padding:0 3px 3px 0; } .nav_catelist .nav_catelist_li .nospan ul.wrap { padding:8px 8px 4px; } *+html .nav_catelist .nav_catelist_li .nospan ul.wrap { margin-bottom:-5px; } .nav_catelist .nav_catelist_li .nospan ul.wrap li { overflow:auto; margin-bottom:6px; } *+html .nav_catelist .nav_catelist_li .nospan ul.wrap li { margin-bottom:5px; }/* for ie7*/ .nav_catelist .nav_catelist_li .nospan .li_dot, .nav_catelist .nav_catelist_li .nospan ul.wrap li a { display:block; float:left; } .nav_catelist .nav_catelist_li .nospan .li_dot { width:5px; text-align:center; color:#CCC } .nav_catelist .nav_catelist_li .nospan a { width:160px; } /*2012.09.25*/ .promo_p_and_t { margin-bottom:10px; overflow:auto; } .promo_p_and_t .imgbox { float:left; margin-top:3px; margin-right:10px; width:50px; height:50px; } .promo_p_and_t .imgbox img { max-height:50px; max-width:50px; } .promo_p_and_t .txtbox .script { font-size:12px;} .side .box .promo_p_and_t .txtbox{ float:right; width:118px;} .side .box .promo_p_and_t .txtbox .script { font-size:11px; } /*end:2012.09.25*/ /*首頁Email Alert*/ .email_alert_idx { background-position:-1000px -800px; text-align:center; } .title_noshow { font-size:0; line-height:0; background:none; margin:0; padding:0; visibility:hidden; } .email_alert_idx .wrap { padding-top:54px; font-size:100%; } /* Taiwan Online Service*/ .tt_service{ background-position:-150px -615px} .tt_service, .tt_service:visited { font-weight:bold;} .tt_service:hover {text-decoration:none; } .tt_service .wrap { padding:5px 5px 5px 50px } /* pop_search */ .pop_search .title { padding-right:45px; } .pop_search .title .ico { display:block; position:absolute; background-position:0 -30px; width:35px; height:29px; right:-2px; top:-4px; } .pop_search .wrap a { margin-right:5px; line-height:1.4; white-space: pre;/* CSS 2.0 */ white-space: pre-wrap;/* CSS 2.1 */ /*white-space: pre-line;*/ word-wrap:break-word;/* IE 5+ */ } .pop_search a{/*font-weight:bold;*/ } .pop_search a.tag1 { font-size:92.3%;} .pop_search a.tag2 { font-size:100%;} .pop_search a.tag3 { font-size:100%;} .pop_search a.tag4 { font-size:115%;} .pop_search a.tag5 { font-size:138.4%;} .pop_search a.tag6 { font-size:153.8%;} /* index arena_left */ .arena_left { width:600px; height:260px; float:left; overflow:hidden; margin-bottom:10px;/*2012.7.23新增*/ } .arena_left .tab { display:block; list-style:none; margin:0; padding:0; height:30px; width:600px; text-align:center; } .arena_left .tab li { display:block; float:left;height:28px; border-top:#d4d4d4 solid 1px; border-bottom:#d4d4d4 solid 1px; }/*2012.8.15 修改,刪除width*/ .arena_left .tab li a {background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 top;display:block; border-right:#d4d4d4 solid 1px; border-left:#fff solid 1px; height:28px; padding:0 5px; line-height:30px; overflow:hidden; font-size:13px; }/*2012.8.15 修改,刪除width*/ .arena_left .tab li a:hover { text-decoration:none; } .arena_left .tab li.first a { border-left:#d4d4d4 solid 1px; } .arena_left .tab li a.current, .arena_left .tab li a.current:hover { background:url(../images/gradient02.jpg) repeat-x 0 top; border:#656565 solid 1px; border-top:none; text-decoration:none; color:#fff; } /*start:2012.8.15 修改*/ /* index arena_left w2 */ .arena_left.w2 {width:790px; float:none;}/*2012.9.21*/ .arena_left.w2 .tab {width:790px;} /* index arena_left 600圖 1tab*/ .arena_left .tab li {width:600px;} .arena_left .tab li a {width:588px;} /* index arena_left 600圖 2tabs*/ .arena_left.tab_span2 .tab li {width:300px;} .arena_left.tab_span2 .tab li a {width:288px;} /* index arena_left 600圖 3tabs*/ .arena_left.tab_span3 .tab li {width:200px;} .arena_left.tab_span3 .tab li a {width:188px;} /* index arena_left 600圖 4tabs*/ .arena_left.tab_span4 .tab li {width:150px;} .arena_left.tab_span4 .tab li a {width:138px;} /* index arena_left 790圖 1tab*/ .arena_left.w2 .tab li {width:790px;} .arena_left.w2 .tab li a {width:778px;} /* index arena_left 790圖 2tabs*/ .arena_left.w2.tab_span2 .tab li {width:395px;} .arena_left.w2.tab_span2 .tab li a {width:383px;} /* index arena_left 790圖 3tabs*/ .arena_left.w2.tab_span3 .tab li {width:263px;} .arena_left.w2.tab_span3 .tab li.first{width:264px ;} .arena_left.w2.tab_span3 .tab li a {width:251px;} .arena_left.w2.tab_span3 .tab li.first a{ width:252px ;} /* index arena_left 790圖 4tabs*/ .arena_left.w2.tab_span4 .tab li {width:197px;} .arena_left.w2.tab_span4 .tab li.first{width:199px ;} .arena_left.w2.tab_span4 .tab li a {width:185px;} .arena_left.w2.tab_span4 .tab li.first a{width:187px ;} /* index arena_left 790圖 5tabs*/ .arena_left.w2.tab_span5 .tab li {width:158px;} .arena_left.w2.tab_span5 .tab li a {width:146px;} /*end: 2012.8.15 修改*/ /* index arena_right */ .arena_right { width:180px; height:260px; float:right; overflow:hidden; margin-bottom:10px; } .arena_right .imgbox { margin:0 auto 5px auto; } .arena_right .imgbox a { display:table-cell; vertical-align:middle;}/*2012.10.15*/ *+html .arena_right .imgbox a { display:block; font-family:Arial; font-size:106px;}/*2012.10.15*/ .arena_right .imgbox a img { vertical-align:middle;}/*2012.10.15*/ .arena_right .pbox { height:198px; padding:5px 10px; overflow:hidden; font-size:12px; } .arena_right .quick_login { height:40px; padding:7px 5px 3px; text-align:center; overflow:auto; margin-bottom:10px; background:#f2f2f2; border:#d0d0d0 solid 1px; border-bottom:#e6e6e6 solid 1px; } .arena_right .quick_login .btn_quick_join, .arena_right .quick_login .btn_quick_join:visited { display:block; width:103px; height:36px; line-height:36px; float:left; color:#fff; font-weight:bold; background-position:0 -70px; } .arena_right .quick_login .btn_quick_login, .arena_right .quick_login .btn_quick_login:visited { display:block; width:62px; height:36px; line-height:36px; float:right; color:#fff; font-weight:bold; background-position:-107px -70px; } .arena_right .quick_login .btn_quick_join:hover { background-position:0 -106px; } .arena_right .quick_login .btn_quick_login:hover { background-position:-107px -106px; } /* index save big now */ .save_big_now { font-size:115%; } .save_big_now .left { float:left; width:370px; padding-right:15px; border-right:#e8e8e8 solid 1px; } .save_big_now .right { float:right; width:374px; padding-left:10px; } .save_big_now .left li { position:relative; width:350px; padding-left:20px; } .save_big_now .right li { position:relative; width:354px; padding-left:20px; } .save_big_now .li_dot { display:block; position:absolute; top:0; left:2px; color:#CCC; } /* index save big now single column 2012/10/01 Alin Add For spzone J type in center */ .save_big_now_s { font-size:115%; } .save_big_now_s .left { float:left; width:740px; padding-right:15px;} .save_big_now_s .left li { position:relative; width:740px; padding-left:20px; } .save_big_now_s .li_dot { display:block; position:absolute; top:0; left:2px; color:#CCC; } /* ad span4 */ .ad_span4 { border-top:#e8e8e8 solid 1px; overflow:auto; padding:25px 10px; } .ad_span4 .wrap { width:170px; margin:0 30px 0 0; padding:0; float:left; } .ad_span4 .wrap.last { margin-right:0; } .ad_span4 .wrap .imgbox { margin-bottom:5px } /* product 區塊*/ .pbox .imgbox { margin-bottom:5px; } .p_name, .p_price, .p_script, .p_minod, .p_qts, .pgroup .p_freeship_t { display:block; } .p_minod, .p_qts { color:#777; font-size:12px; margin-bottom:5px; } .p_price, .p_price_t { font-weight:bold; } .t_impt_r { font-weight:bold; } .p_price .font_s { color:#666; font-weight:normal; } .p_freeship_t { font-weight:bold; font-style:italic; font-size:15px; } .p_freeship_t .ico { /*background-position:-160px -169px; width:16px; height:16px; vertical-align:middle; margin-right:2px; margin-top:-2px;*/ display:none; } .pgroup.span5 { width:770px; overflow-x:hidden; -ms-overflow-x:hidden;/*for ie7*/ } .pgroup.span5 .title.big { width:770px; } .pgroup.span5 .row { padding:10px 0; width:800px; } .pgroup.span5 .pbox { width:140px; float:left; margin-right:20px; } .pgroup.span5 .p_name { font-size:12px; margin-bottom:7px; } .pgroup.span5 .p_price { font-size:12px; margin-bottom:7px; line-height:1.1; } .pgroup.span5 .p_minod, .pgroup.span5 .p_qts { font-size:11px; line-height:1.1; } .pgroup.span5 .p_freeship_t { font-size:12px; margin-top:8px; } .pgroup.span5 .btn_addedcart { padding-top:7px; } .pgroup.span5 .btn_addcart, .pgroup.span5 .btn_addedcart { margin-top:10px; } .pgroup.span5 .btn_addedcart{ font-size:11px;} .pgroup.span5 .imgbox, .pgroup.span5 .imgbox .vh_mid { width:120px; height:120px; } *+html .pgroup.span5 .imgbox,*+html .pgroup.span5 .imgbox .vh_mid{ font-family:Arial; font-size:106px;} .pgroup.span5 .imgbox img { max-height:120px; max-width:120px; } .pgroup.span5.vdivide .pbox { border-right:#ebebeb solid 1px; margin:0 0 0 -1px; padding-left:20px; } .pgroup.span5.vdivide .pbox.first { margin-left:0; padding-left:0; } .pgroup.span5.vdivide .pbox.last { border:none; margin-right:0; border:none; } .pgroup.span3 { width:790px; } .pgroup.span3 .row { padding:15px 0; border-bottom:#ddd solid 1px; } .pgroup.span3 .pbox { width:202px; float:left; margin:0 5px 0 25px; /*padding-right:5px;*/ padding-right:30px; line-height:1.4 } .pgroup.span3 .p_name { margin-bottom:5px; font-weight:bold;line-height:1.3 } .pgroup.span3 .p_minod, .pgroup.span3 .p_qts { margin-bottom:0 } .pgroup.span3 .p_freeship_t { margin-top:3px; font-size:13px; } .pgroup.span3 .btn_addedcart { padding-top:7px; } .pgroup.span3 .btn_addcart, .pgroup.span3 .btn_addedcart { margin-top:5px; } .pgroup.span3 .imgbox { border:#f1f1f1 solid 1px; } .pgroup.span3 .imgbox .ico.discount { right:-30px; top:-15px; } .pgroup.span3 .imgbox, .pgroup.span3 .imgbox .vh_mid {width:200px; height:200px;} *+html .pgroup.span3 .imgbox,*+html .pgroup.span3 .imgbox .vh_mid{font-family:Arial; font-size:180px;} .pgroup.span3 .imgbox img { max-height:200px; max-width:200px; } .pgroup.fullframe { width:1000px; } .pgroup.fullframe .row { width:1000px; } .pgroup.span5.fullframe .pbox { width:151px; border-right:#ebebeb solid 1px; border-left:#ebebeb solid 1px; margin:0 0 10px -1px; padding:0 24px; } .pgroup.span5.fullframe .pbox.first { margin-left:0; border:none; } .pgroup.span5.fullframe .pbox.last { margin-right:0; border:none; } .pgroup.span5.fullframe .imgbox { margin:0 auto 5px; font-family:Arial; font-size:107px;} *+html .pgroup.span5.fullframe .imgbox {font-family:Arial; font-size:107px; }/*2012.09.21*/ .global_w2 .pgroup.fullframe { width:894px; } .global_w2 .pgroup.fullframe .row { width:894px; } .global_w2 .pgroup.span5.fullframe .pbox { width:150px; padding:0 14px; } .pgroup.span5.framebox .title.yel_box { margin-bottom:0; border-left:none; border-right:none; } .pgroup.span5.framebox { width:788px; border-style:solid; border-width:1px; border-top:none; } .pgroup.span5.framebox .row { padding-top:20px;overflow:auto; } .pgroup.span5.framebox .pbox { margin:0 10px; width:137px; } .pgroup.span5.framebox .pbox .imgbox { margin-left:auto; margin-right:auto;} *+html .pgroup.span5.framebox .pbox .imgbox{ font-family:Arial; font-size:106px;} .pgroup.span5.framebox .btn_addedcart{ font-size:12px;} .pgroup.list { width:790px; position:relative; z-index:1; } .pgroup.list .pbox { width:770px; margin:0; padding:20px 10px; border-bottom:#e2e2e2 solid 1px; } .pgroup.list .wrap_l { float:left; width:385px; font-size:12px; } .pgroup.list .wrap_r { float:right; width:190px; } .pgroup.list .p_name { margin-bottom:5px; font-size:15px; font-weight:bold; } .pgroup.list .intro { line-height:1.531; color:#666; margin-bottom:10px; } .pgroup.list .company { margin-bottom:5px; } .pgroup.list .contact { width:130px; margin-right:5px; vertical-align:top; } .pgroup.list .years { width:180px; vertical-align:top; } .pgroup.list .pbox .line_through { font-size:12px; } .pgroup.list .p_minod, .pgroup.list .p_qts { margin-bottom:0 } .pgroup.list .p_freeship_t { margin-top:3px; font-size:13px; } .pgroup.list .btn_addedcart { padding-top:7px; } .pgroup.list .btn_addcart { margin-top:5px; } .pgroup.list .btn_addedcart { margin-top:5px; } .pgroup.list .imgbox { float:left; margin-right:20px; margin-bottom:0; border:#f1f1f1 solid 1px; } .pgroup.list .imgbox .ico.discount { right:-20px; top:-15px; } .pgroup.list .imgbox, .pgroup.list .imgbox .vh_mid { width:120px; height:120px; } *+html .pgroup.list .imgbox,*+html .pgroup.list .imgbox .vh_mid{ font-family:Arial; font-size:106px;} .pgroup.list .imgbox img { max-height:120px; max-width:120px; } .pgroup.list .zoom_bubble { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; width:304px; height:304px; padding:0 9px 9px 0; z-index:10; top:-21px; left:125px; display:none; } /*.pgroup.list .zoom_bubble .imgbox { background:#fff; width:300px; height:300px; padding:4px;border-style:solid; border-width:1px; }*/ .pgroup.list .zoom_bubble .imgbox { background:#fff url(../images/loading.gif) no-repeat center center; width:300px; height:300px; padding:4px;border-style:solid; border-width:1px;}/*2012.10.15*/ .pgroup.list .zoom_bubble .imgbox .vh_mid { width:300px; height:300px; } *+html .pgroup.list .zoom_bubble .imgbox .vh_mid { font-size:262px;}/*2012.10.15*/ .pgroup.list .zoom_bubble .imgbox img { max-height:300px; max-width:300px; } .pgroup.list .zoom_bubble .cornor { position:relative; height:0; width:300px; } .pgroup.list .zoom_bubble .cornor .ico { background-position:0 -742px; display:block; width:9px; height:13px; position:absolute; left:-8px; top:75px; } *+html .pgroup.list .zoom_bubble .cornor .ico { bottom:220px; top:auto; left:-9px; } .pgroup.list .zoom_bubble .shadow { display:block; background:url(../images/shadow.png) no-repeat bottom right; line-height:0; font-size:0; height:315px; width:315px; position:absolute; bottom:-4px; right:-4px; z-index:3; } /* index success story */ .success_story_idx { background:#f6f6f6; width:980px; padding:5px 10px 10px; margin:0 auto 10px; border-top:#ebebeb solid 2px; border-bottom:#ebebeb solid 1px; } .success_story_idx .title { position:relative; padding-left:45px; height:30px; } .success_story_idx .title .ico.success_story { position:absolute; top:-15px; left:0; } .success_story_idx .wrap { float:left; width:148px; margin:0 15px 0 0; padding:0 } .success_story_idx .wrap.last { margin-right:0; } .success_story_idx .imgbox { position:relative; width:120px; height:120px; margin:0 auto 5px; } .success_story_idx .imgbox .ico { position:absolute; background: url(../images/ico_video.png); width:40px; height:28px; right:3px; bottom:5px; } .success_story_idx .name { font-size:12px; display:block; } .success_story_idx .font_s { font-size:11px; } /* guide_nav */ .guide_nav { padding:10px; font-size:12px; width:980px; margin:0 auto; } .guide_nav .wrap { vertical-align:top; width:200px } .guide_nav .wrap .title { margin-bottom:5px } .guide_nav .li_block li { position:relative; width:185px; padding-left:15px; } .guide_nav .li_block li .li_dot { display:block; position:absolute; top:0; left:0; } /* alliance_idx */ .alliance_idx { border-top:#e8e8e8 solid 1px; padding: 5px 0 10px; width:1000px; margin:0 auto; position:relative; height:70px; text-align:center; } .alliance_idx .title { margin-bottom:5px; } .alliance_idx .logo_ticker a { margin:10px 20px; } /* breadcrumb */ .breadcrumb { width:980px; margin:0 auto; padding:0 10px 10px; font-size:12px; } .breadcrumb .divide, .breadcrumb .arw { margin: 0 4px 0 6px; color:#b9b9b9; font-size:15px; } .breadcrumb .arw { font-weight:bold; } /* ad set*/ .adset { background:#f1f1f1; width:790px; height:208px; position:relative; margin-bottom:10px; } .adset .imgbox { position:absolute; border:none; background:#fff; } .adset .set1 .imgbox.size_b { width:180px; height:200px; } .adset .set1 .imgbox.size_s { width:205px; height:98px; } .adset .set1 .imgbox.size_b.b1 { left:4px; top:4px; } .adset .set1 .imgbox.size_b.b2 { left:397px; top:4px; } .adset .set1 .imgbox.size_s.s1 { left:188px; top:4px; } .adset .set1 .imgbox.size_s.s2 { left:188px; top:106px; } .adset .set1 .imgbox.size_s.s3 { left:581px; top:4px; } .adset .set1 .imgbox.size_s.s4 { left:581px; top:106px; } .adset .set2 .imgbox.size_b { width:230px; height:200px; } .adset .set2 .imgbox.size_s { width:180px; height:98px; } .adset .set2 .imgbox.size_b.b1 { left:4px; top:4px; } .adset .set2 .imgbox.size_s.s1 { left:238px; top:4px; } .adset .set2 .imgbox.size_s.s2 { left:422px; top:4px; } .adset .set2 .imgbox.size_s.s3 { left:606px; top:4px; } .adset .set2 .imgbox.size_s.s4 { left:238px; top:106px; } .adset .set2 .imgbox.size_s.s5 { left:422px; top:106px; } .adset .set2 .imgbox.size_s.s6 { left:606px; top:106px; } .adset .set3 .imgbox.size_b { width:230px; height:200px; } .adset .set3 .imgbox.size_s { width:272px; height:98px; } .adset .set3 .imgbox.size_b.b1 { left:280px; top:4px; } .adset .set3 .imgbox.size_s.s1 { left:4px; top:4px; } .adset .set3 .imgbox.size_s.s2 { left:4px; top:106px; } .adset .set3 .imgbox.size_s.s3 { left:514px; top:4px; } .adset .set3 .imgbox.size_s.s4 { left:514px; top:106px; } /*產品細節頁 產品圖*/ .p_detail .focusimg {width:300px; height:300px; position:relative; z-index:1;} .p_detail .focusimg a{display: inline-block !important; cursor:default;} .p_detail .focusimg .valign td{ height:300px; width:300px; vertical-align:middle; text-align:center;} .p_detail .focusimg .smallimg { max-width:300px; max-height:300px; /*vertical-align:middle;*/ } .p_detail .thumbwrap { background:#f3f3f3; position:relative; width:300px; height:74px; overflow:hidden; } .p_detail .thumbwrap .carousel { visibility: visible; overflow: hidden; position: relative; width:260px; height:74px; margin:0 auto; padding-top:5px; } .p_detail .thumbwrap ul { position:relative; z-index:1; } /*.p_detail .thumbwrap ul li { margin:0 4px; width:52px; height:52px; padding:7px 2px 2px }*/ .p_detail .thumbwrap ul li { margin:0 4px; width:52px; height:52px; padding:7px 2px 2px ; display:table; table-layout:fixed; float:left; }/*2012.10.15*/ :root .p_detail .thumbwrap ul li{ display:block;}/*2012.10.15*/ .p_detail .thumbwrap ul li a { border:#c6c6c6 solid 1px; width:50px; height:50px; overflow:hidden; background:#fff; display:table-cell; vertical-align:middle; text-align:center; } .p_detail .thumbwrap ul li a img { max-width:50px; max-height:50px; vertical-align:middle; } *+html .p_detail .thumbwrap ul li a { display: block; font-family:Arial;/*防止非utf-8引失效*/ font-size: 44px;/*約高度的0.873*/ noFocusLine: expression(this.onFocus=this.blur()); }/*for ie7*/ .p_detail .thumbwrap ul li.zoom_current { background-repeat:no-repeat; background-position:0 -615px; } .p_detail .thumbwrap ul li.zoom_current a { border-color:#fff; cursor:default; } .p_detail .thumbwrap .prev,.p_detail .thumbwrap .prev.disable,.p_detail .thumbwrap .prev.disable:hover{ background:transparent url(../images/slider_nav.png) no-repeat -40px center; width:19px; height:73px; display:block; position:absolute; left:0; top:0; visibility:hidden; } .p_detail .thumbwrap .next,.p_detail .thumbwrap .next.disable,.p_detail .thumbwrap .next.disable:hover { background:transparent url(../images/slider_nav.png) no-repeat 0 center; width:19px; height:73px; display:block; position:absolute; right:0; top:0; visibility:hidden;} .p_detail .thumbwrap .prev:hover { background-position:-60px center } .p_detail .thumbwrap .next:hover { background-position:-20px center } .p_detail .thumbwrap .prev.disable,.p_detail .thumbwrap .prev.disable:hover,.p_detail .thumbwrap .next.disable,.p_detail .thumbwrap .next.disable:hover{ opacity:0.2; filter: alpha(opacity = 20);} /* 產品細節圖放大*/ .cloud-zoom img{ max-height:300px; max-width:300px;}/*2012.09.28*/ .cloud-zoom-lens {background-color:#fff; cursor:move; border: 1px solid #000; margin:-1px;/* Set this to minus the border thickness.*/} .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px; top:0px;} .cloud-zoom-big {border:1px solid #666;border-bottom:2px solid #666;overflow:hidden; background-repeat:no-repeat; background-color:#fff;} .cloud-zoom-loading{background:#fff url(../images/loading.gif) no-repeat center center;border:1px solid #fff;width:30px;height:30px;top:50%;left:50%; margin-top:-16px; margin-left:-16px;} .mousetrap{background:url(../images/blank.png);}/*2012.09.25*/ /* end 產品細節圖放大*/ .p_detail .leftwrap { width:302px; float:left; margin-bottom:10px; } .p_detail .midwrap { float:left; width:456px; margin-left:20px; } .p_detail .rightwrap { width:200px; float:right; margin-bottom:10px; border:#ebebeb solid 1px; } .p_detail .leftwrap .imgbox { border:#ebebeb solid 1px; width:300px; } .p_detail .leftwrap .imgbox .ico.discount { top:-5px; right:-15px; } .p_detail .imgtools { background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; border:#e2e2e2 solid 1px; border-bottom:#b8b8b8 solid 1px; width:300px; height:26px; font-size:12px; cursor:pointer; margin-bottom:10px; } .p_detail .imgtools a { display:block; width:300px; height:26px; line-height:28px; overflow:hidden; text-align:center; float:left; } .p_detail .imgtools.span2 a { width:149px; } .p_detail .imgtools.span2 a.left { border-right:#c6c6c6 solid 1px; } .p_detail .imgtools.span2 a.right { border-left:#fff solid 1px; } .p_detail .attachment { background:#f6f6f6; border:#ebebeb solid 1px; padding:5px 10px; margin-bottom:5px; font-size:12px; } .p_detail .attachment .title { margin-bottom:5px; } .p_detail .attachment .item { display:block; background-position:-280px -166px; padding:0 0 0 18px; margin-bottom:5px; } .share { margin:0 0 10px 0; padding-left:10px; } .share .title { margin-bottom:5px; } .share .rss, .share .plurk, .share .google, .share .tweeter { float:left; } .share .google iframe { width:90px; } /*info_cont*/ .p_detail .p_info .p_name { font-size:136%; font-weight:bold; margin:0; } .info_cont { padding:10px 0 0 0; font-size:12px; } .info_cont .row { padding:0 0 1px 0; } .info_cont .inline_block { vertical-align:top; } .info_cont .label { width:120px; text-align:right; color:#6a6a6a; } .info_cont .cont { width:327px; padding-left:5px; } .info_cont .discont_price { font-size:15px; line-height:1; } .info_cont .qt_table { margin-bottom:10px; } .info_cont .qt_table th { background:#f1f1f1; padding:3px 5px 0; border-bottom:#d4d4d4 solid 1px; } .info_cont .qt_table th.qt { width:90px; } .info_cont .qt_table th.pr { width:90px; } .info_cont .qt_table td { padding:3px 5px 0; border-bottom:#e8e8e8 solid 1px; } .option_pick { text-align:center; font-size:12px; } .option_pick .pickradio { background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; display:block; float:left; width:75px; height:20px; line-height:21px; border:#c6c6c6 solid 1px; border-bottom:#b8b8b8 solid 1px; overflow:hidden; margin:0 4px 4px 0; } .option_pick .pickradio.checked, .option_pick .pickradio.checked:hover { background-color:#fff; background-position:right -530px; display:block; width:73px; height:18px; line-height:19px; overflow:hidden; border-style:solid; border-width:2px; cursor:default; } .option_pick .pickradio:hover { background:#fff; cursor:pointer; } .p_detail .p_info .txt_input { margin-top:-3px; width:72px; text-align:center; } .p_detail .p_info .total_price { font-weight:bold; font-size:15px; } .p_detail .p_info .total_price .p_price_t { font-size:23px; } .p_detail .p_info .btnbox { border-top:#dbdbdb solid 1px; padding:10px 0; } .p_detail .p_info .btn_buynow, .p_detail .p_info .btn_addcart { float:right; } .btn_buynow,.btn_buynow:visited { display:block; color:#fff; text-align:center; font-weight:bold; overflow:hidden; } .btn_buynow.big { background-position:0 -162px; width:152px; height:32px; line-height:33px; font-size:16px; margin-right:10px; } .btn_buynow.big:hover { text-decoration:none; background-position:0 -194px; color:#fff; } .btn_addcart { background-position:-358px -163px; width:112px; height:27px; padding-right:8px; line-height:29px; display:block; text-align:center; font-weight:bold; font-size:12px; overflow:hidden; } .btn_addcart:hover { text-decoration:none; background-position:-358px -190px; } .btn_addcart.big { background-position:-154px -162px; width:159px; height:32px; padding:0 5px 0 0; line-height:34px; font-size:15px; } .btn_addcart.big:hover { text-decoration:none; background-position:-154px -194px; } .btn_addcart .ico { background-position:-318px -168px; width:20px; height:20px; vertical-align:middle; margin-right:7px; margin-top:-6px; } .btn_addcart:hover .ico{background-position:-318px -188px;} .btn_addcart.big .ico{ margin-top:-4px;} .btn_addedcart { font-size:12px; } .btn_addedcart.big { float:right; font-weight:bold; padding:8px 10px 0 0; font-size:13px; } .btn_addedcart .ico { margin-top:-3px; } .p_detail .p_info .paymethod { padding:12px 0 0 0; border-style:solid; border-width:1px; margin-bottom:10px; position:relative; } .p_detail .p_info .paymethod .label { width:140px; vertical-align:top; text-align:right; font-weight:bold; } .p_detail .p_info .paymethod .markbox { width:280px; } .p_detail .p_info .paymethod img { margin:0 5px 5px; } .p_detail .p_info .paymethod .tip { position:absolute; right:10px; bottom:5px; } .p_detail .update_time { font-size:12px; color:#666; text-align:right; } /* 產品細節 seller info */ .sell_info { font-size:12px; } .sell_info .title { font-size:15px; font-weight:bold; position:relative; padding-left:33px; margin:-8px 0 5px 0; } .sell_info .title .ico.sell_info { background-position:0 -695px; width:28px; height:28px; position:absolute; left:0; top:-10px; } .sell_info .name { font-weight:bold; font-size:15px; margin-bottom:0; } .sell_info .country { color:#777 } .cflogo { padding:5px 0 10px; } .cflogo img { vertical-align:top; /* max-height:30px; */ margin-right:5px; } .sell_info .contact_person { border-top:#e7e7e7 solid 1px; padding:10px 0 5px 0; } .sell_info .contact_person .title_sub { color:#777 } .sell_info .mail { margin:5px 0 0 } .sell_info .ctpname { font-weight:bold; font-size:15px; } .sell_info .msgwrap { margin-top:0px; } *+html .sell_info .msgwrap { margin-top:0; } .sell_info .email_alert_side { border-top:#e7e7e7 solid 1px; padding-top:15px; } .email_alert_side .title_sub .ico { margin-left:-25px; } .email_alert_side .title_sub { padding:0 0 5px 25px; } .email_alert_side .txt_input { width:172px; padding:3px 2px 2px; margin-bottom:5px; } .email_alert_side .submitwrap { background-position:right -583px; text-align:right; padding-right:6px; margin:0 5px 0 0; position:relative; width:170px; } .email_alert_side .submitwrap .tip { position:absolute; left:-2px; top:2px; } /* 商品細節 tab 內容 */ .p_detail .tabwrap { padding-top:20px; } .p_detail .tabwrap .tabs { background:none; padding:0 10px; height:32px; width:980px; border-bottom-style:solid; border-bottom-width:2px; overflow:hidden; } .p_detail .tabwrap .tabs li { height:32px; margin-right:2px; } .p_detail .tabwrap .tabs li a, .p_detail .tabwrap .tabs li a:visited { background-position:0 -290px; background-repeat:no-repeat; height:32px; min-width:100px; line-height:34px; font-size:13px; font-weight:bold; color:#3b3b3b; padding:0 27px 0 30px; margin-right:3px; } .p_detail .tabwrap .tabs li a .rside { background-position:right -290px; background-repeat:no-repeat; width:3px; height:32px; right:-3px; top:0; } .p_detail .tabwrap .tabs li.current a, .p_detail .tabwrap .tabs li.current a:hover { background-position:0 -236px; color:#fff; } .p_detail .tabwrap .tabs li.current a .rside, .p_detail .tabwrap .tabs li.current a:hover .rside { background-position:right -236px; } .p_detail .tabwrap .detail, .p_detail .tabwrap .detail_photos { padding:20px 10px 10px; border-bottom:#e4e4e4 solid 1px; } .p_detail .tabwrap .detail_photos { text-align:center; } .p_detail .tabwrap .detail_photos img { margin-bottom:10px; } .p_detail .tabwrap .tabcont .title.mid { width:490px; text-align:right; } .p_detail .tabwrap .tabcont .info_list .row { margin-bottom:5px; } .p_detail .tabwrap .tabcont .info_list .label, .p_detail .tabwrap .tabcont .info_list .cont { width:486px; vertical-align:top; } .p_detail .tabwrap .tabcont .info_list .label { color:#000; text-align:right; font-weight:bold; } .p_detail .tabwrap .tabcont .shipping { padding:20px } .p_detail .tabwrap .tabcont .shipping .txt_input, .p_detail .tabwrap .tabcont .shipping .select { margin-right:5px; } .p_detail .tabwrap .tabcont .shipping .txt_input { text-align:center } .ship_table { border:#d7d7d7 solid 1px; border-collapse: collapse; } .ship_table th {background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; border:#d7d7d7 solid 1px; border-bottom:#c2c2c2 solid 2px; padding:5px 20px 3px; } .ship_table th.time { width:190px; } .ship_table th.cost { width:330px } .ship_table td { padding:10px 20px 6px; border:#d7d7d7 solid 1px; vertical-align:middle; } .ship_table td .inline_block { vertical-align:middle; } .ship_table td .inline_block { width:160px; } .ship_table td .p_price_t { font-weight:bold; font-size:18px; } .ship_table td .ship_logo { vertical-align:middle; margin-right:5px; width:100px; } .ship_table td .ship_logo img { max-height:36px; max-width:100px; } /* 銷售專區首頁 子類別列表 */ .sub_cate_list { border-top:#e8e8e8 solid 1px; overflow:auto; padding:10px 10px; } .sub_cate_list .title.big { color:#474747; } .sub_cate_list dl { display:block; float:left; width:170px; padding:0 10px 0; margin:0 0 20px 0; border-right:#e8e8e8 solid 1px; } .sub_cate_list dl.first { padding-left:2px; } .sub_cate_list dl.last { border:none; } .sub_cate_list dl dt { margin-bottom:5px; font-weight:bold; } .sub_cate_list dl dd { margin:0 0 5px 0; font-size:12px; } /*子選單列表*/ .sub_nav_cate .title {background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; border:#d4d4d4 solid 1px; padding:5px 15px 2px 11px; text-decoration:none; font-size:13px; color:#000; } .sub_nav_cate .cate_refine { display:block; margin:0; padding:0; margin-bottom:10px; } .sub_nav_cate .cate_refine dt.title_sub, .sub_nav_cate .cate_refine dd { display:block; margin:0; padding:0; } .sub_nav_cate .cate_refine dt.title_sub { width:168px; background:#f1f1f1; padding:4px 20px 2px 10px; font-weight:bold; position:relative; border-bottom:#d4d4d4 solid 1px; border-top:#fff solid 1px; color:#333; cursor:pointer; } .sub_nav_cate .cate_refine dt.title_sub.collapse { color:#666; } .sub_nav_cate .cate_refine dt.title_sub:hover, .sub_nav_cate .cate_refine dt.title_sub.collapse:hover { background:#f9f9f9; color:#000; } .sub_nav_cate .cate_refine dt.title_sub .ico, .sub_nav_cate .cate_refine dt.title_sub.collapse .ico { width:15px; height:15px; position:absolute; right:5px; top:6px; } .sub_nav_cate .cate_refine dt.title_sub .ico { background-position:-186px -216px; } .sub_nav_cate .cate_refine dt.title_sub.collapse .ico {background-position:-211px -216px;} .sub_nav_cate .cate_refine .nav_cate_name { padding:8px 10px 0; font-weight:bold; } .sub_nav_cate .cate_refine .expand_box { border-bottom:#d4d4d4 solid 1px; } .sub_nav_cate .cate_refine ul { display:block; margin:0; list-style:none; padding:5px 10px 10px; } .sub_nav_cate .cate_refine ul li { background:url(style_orange.png) no-repeat -1201px -580px; display:block; padding:3px 0 3px 12px; } .sub_nav_cate .cate_refine ul li > a:first-child { color:#303030; } .sub_nav_cate .cate_refine ul li > a:first-child:hover { text-decoration:none; } .sub_nav_cate .cate_refine ul li a .qt { color:#999; font-size:11px; margin-left:3px; } .sub_nav_cate .cate_refine ul li a .qt .num { font-style:normal; } .sub_nav_cate .cate_refine dd fieldset { margin-bottom:7px } .sub_nav_cate .cate_refine dd button { font-weight:bold; width:178px; } /*item list control*/ .show_ctrl { font-size:12px; } .show_ctrl.bt { background:#f6f6f6; padding:5px 10px; text-align:right; margin-bottom:10px; border-top:#d4d4d4 solid 1px; } .show_ctrl .result_info { width:500px; float:left; } .show_ctrl .pagenation_top { width:260px; height:24px; float:right; text-align:right; padding-top:2px; font-size:13px; font-weight:bold; } .show_ctrl .bar { background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; border:#d4d4d4 solid 1px; border-top:#ebebeb solid 1px; padding:5px 330px 3px 10px; position:relative; min-height:22px; } .show_ctrl .bar .sort { position:absolute; width:310px; height:30px; text-align:right; top:5px; right:10px; } .show_ctrl .v_gallery, .show_ctrl .v_list { vertical-align:middle; width:30px; height:22px; margin:0; } .show_ctrl .v_gallery { background-position:0 -370px; } .show_ctrl .v_list { background-position:-30px -370px; margin-right:5px; } .show_ctrl .v_gallery:hover { background-position:0 -392px; } .show_ctrl .v_list:hover { background-position:-30px -392px; } .show_ctrl .v_gallery.current { background-position:0 -414px; } .show_ctrl .v_list.current { background-position:-30px -414px; } .show_ctrl .btn_asc, .show_ctrl .btn_desc { vertical-align:middle; width:25px; height:22px; margin:0; } .show_ctrl .btn_asc { background-position:-60px -370px; } .show_ctrl .btn_desc { background-position:-85px -370px; } .show_ctrl .btn_asc:hover { background-position:-60px -392px; } .show_ctrl .btn_desc:hover { background-position:-85px -392px; } .show_ctrl .btn_asc.current { background-position:-60px -414px; } .show_ctrl .btn_desc.current { background-position:-85px -414px; } .show_ctrl .show_qt { vertical-align:middle; width:28px; height:22px; margin:0; text-align:center; line-height:23px; font-weight:bold; } .show_ctrl .show_qt:hover { text-decoration:none; } .show_ctrl .show_qt.first { background-position:-110px -370px; } .show_ctrl .show_qt.mid { background-position:-138px -370px } .show_ctrl .show_qt.last { background-position:-166px -370px } .show_ctrl .show_qt.first:hover { background-position:-110px -392px; } .show_ctrl .show_qt.mid:hover { background-position:-138px -392px; } .show_ctrl .show_qt.last:hover { background-position:-166px -392px; } .show_ctrl .show_qt.current, .show_ctrl .show_qt.current:hover { color:#fff; } .show_ctrl .show_qt.first.current { background-position:-110px -414px; } .show_ctrl .show_qt.mid.current { background-position:-138px -414px } .show_ctrl .show_qt.last.current { background-position:-166px -414px } .show_ctrl .tabs_c { padding-top:10px; } /* Rearch result */ .rel_search { padding:0 0 15px; } .rel_search a { margin:0 2px; } .result_info { font-size:13px; margin-bottom:5px; } /*pagenation*/ .pagenation_top .btn_prev, .pagenation_top .btn_next { width:43px; height:21px; vertical-align:middle; margin-top:-5px; } *+html .pagenation_top .btn_prev, *+html .pagenation_top .btn_next { margin-top:0; } .pagenation_top .btn_prev { background-position:-180px -70px; margin-left:8px; } .pagenation_top .btn_next { background-position:-223px -70px; margin-left:1px; } .pagenation_top .btn_prev:hover { background-position:-180px -91px; } .pagenation_top .btn_next:hover { background-position:-223px -91px; } .pagenation_top .btn_prev.disable, .pagenation_top .btn_prev.disable:hover { background-position:-180px -112px; } .pagenation_top .btn_next.disable, .pagenation_top .btn_next.disable:hover { background-position:-223px -112px; } .pagenation { position:relative; padding:0 210px 10px 0; margin-bottom:10px; } .pagenation .ellipsis { font-weight:bold; margin:0 3px; color:#666; } .pagenation .btns a { background-color:#e8e8e8; background-image:url(../images/gradient01.png); background-repeat:repeat-x; background-position:0 0; border:#d7d7d7 solid 1px; vertical-align:middle; height:23px; min-width:15px; font-size:12px; text-align:center; line-height:25px; margin:0; padding:0 5px; margin-right:2px; } .pagenation .btns a:visited{color:#707070;} .pagenation .btns a:hover { text-decoration:none; border:#909090 solid 1px; background-color:#fff; } .pagenation .btns a.current, .pagenation .btns a.current:visited, .pagenation .btns a.current:hover {color:#fff; background-image:none;font-weight:bold; border-style:solid; border-width:1px;} .pagenation .btns a.btn_prev, .pagenation .btns a.btn_next { width:33px; height:25px; border:none; line-height:0; font-size:0; padding:0; } .pagenation .btns a.btn_prev { background-position:-270px -70px; } .pagenation .btns a.btn_next { background-position:-303px -70px; } .pagenation .btns a.btn_prev:hover { background-position:-270px -95px; } .pagenation .btns a.btn_next:hover { background-position:-303px -95px; } .pagenation .btns a.btn_prev.disable { background-position:-270px -120px; } .pagenation .btns a.btn_next.disable { background-position:-303px -120px; } .pagenation .pagejump { position:absolute; background:url(../images/pagejump.png) no-repeat right 0; overflow:hidden; width:200px; height:25px; line-height:25px; top:0; right:0; text-align:right; } .pagenation .text_input { background:none; border:none; height:25px; line-height:24px; width:40px; padding:0 2px; margin-left:5px; text-align:center; } .pagenation .gopage { background:none; border:none; width:45px; height:25px; font-size:12px; } /* Join */ .join { margin-bottom:20px; } .join .title { position:relative; border-bottom-style:solid;border-bottom-width:2px; margin:15px 0 1px; padding-left:40px; padding-bottom:3px; font-size:15px; } .join.step1 { min-height:200px; } .join.step1 .select { width:250px; } .join.step1 .tb { border-top:0; width:500px; margin:30px auto 0; font-size:15px; border:none; } .join.step1 .tb .label, .join.step1 .tb .fieldset { padding:7px 2px; } .join.step1 .tb .label { background:#fff; width:170px; border-right:none;} .join .title .chklabel { margin-left:10px; font-weight:normal; font-size:12px;} .email_checked { font-size:12px; margin:8px 0 0 0; /*margin-left:10px;*/} .email_checked .ico { background-position:-236px -237px; width:21px; height:21px; vertical-align:middle; margin-top:-5px; } .join .info_finish { background-repeat:no-repeat; background-position:30px 10px; padding:0 0 0 200px; font-size:15px; margin-bottom:40px; } .join .info_finish .title { border:none; padding:0; font-size:21px; margin-top:0; } .join .info_Payment {padding:10px 50px 20px; margin-bottom:25px; } .join .info_Payment .title { position:relative; font-size:18px; border:none; margin:0 -40px 10px; } .join .info_Payment .title .ico { background-position:0 -390px; width:36px; height:50px; position:absolute; top:-15px; left:-5px; } .join .info_Payment dl { display:block; margin:0; padding:0 0 20px; } .join .info_Payment dl dt { font-weight:bold; } .join .info_Payment dl dd { margin:0; padding:0; font-size:12px; color:#666; } .form.join .tb { margin-bottom:30px; border-top:none; } .form.join .legend { margin-top:-25px; border:none; } .form.join .submitwrap { margin-top:-15px; } /* industry_category */ .industry_cate { width:700px; padding:20px; } .industry_cate .title.big { margin-bottom:0 } .industry_cate .box .btnwrap { border-top:#fff solid 1px; padding-top:5px; } .industry_cate .btnwrap.top { border:none; padding:0 0 5px 0; } .industry_cate .btnwrap button { margin-right:5px; } .industry_cate .frame { height:10px; width:700px;} .industry_cate .frame.top { background-position:0 0 } .industry_cate .frame.bot { background-position:0 -10px } .industry_cate .inner { border-style:solid; border-width:1px; border-top:none; border-bottom:none; width:678px; padding:0 10px; } .industry_cate .box { margin:5px 0; border:none;/*2012.09.25*/} .industry_cate .pagenation { margin:0; padding:0; } .industry_cate .box .title { font-size:15px; border-bottom-style:solid ; border-bottom-width:1px; padding-bottom:5px;} .industry_cate .box .title.result { padding-top:5px; margin-top:10px; border:none; } .industry_cate .box .wrap { border-bottom-style:solid; border-bottom-width:1px; border-top:#fff solid 1px; padding:10px 0; } .industry_cate .box .inline_block { width:335px; vertical-align:top; } .industry_cate .box .inline_block .txt_input { width:265px; } .industry_cate .tb { width:678px; border-style:solid; border-width:1px; background:#fff; font-size:12px; margin-bottom:5px; } .industry_cate .tb th { text-align:center; } .industry_cate .tb th, .industry_cate .tb td { padding:5px 10px; } .industry_cate .tb td { border-top-style:dashed; border-top-width:1px; } .industry_cate .tb .col_select { text-align:center; width:45px; } .industry_cate .select { width:678px; margin-bottom:5px } .industry_cate .textarea { width:670px; } /* checkout */ .checkout .step_img { background-repeat:no-repeat;width:1000px; height:75px; position:relative; margin-bottom:10px; } .checkout .step_img .s1, .checkout .step_img .s2, .checkout .step_img .s3 { position:absolute; text-align:center; width:180px; top:20px; } .checkout .step_img .s1 { left:140px } .checkout .step_img .s2 { left:430px } .checkout .step_img .s3 { left:730px } .checkout.step1 .step_img { background-position:0 0 } .checkout.step2 .step_img { background-position:0 -75px } .checkout.step3 .step_img { background-position:0 -150px } .checkout .item_box { margin-bottom:20px; } .checkout .item_box .top { border-style:solid; border-width:1px; border-bottom:none; padding:6px 450px 6px 10px; position:relative; width:538px; } .checkout .item_box .top .company { font-size:16px; font-weight:bold;} .checkout .item_box .top .shipto { width:450px; text-align:right; position:absolute; top:4px; right:10px; } .checkout .item_box .top .shipto .select { width:150px; } .checkout .item_box .top .shipto .txt_input { width:50px; text-align:center; } .checkout .item_box .tb { width:1000px; border-bottom-style:solid ;border-bottom-width:1px; } .checkout .item_box .tb th { padding:5px 10px 3px; } .checkout .item_box .tb td { vertical-align:top; padding:20px 10px } .checkout .item_box .tb.row_hover td.hover { background-color:#fff; } .checkout .item_box .tb .col_p { width:344px } .checkout .item_box .tb .col_p .option { width:280px; vertical-align:top; padding-left:6px; } *+html .checkout .item_box .tb .col_p .option { padding-left:10px; } .checkout .item_box .tb .col_p .option .p_name { line-height:1.3; margin-bottom:5px; } .checkout .item_box .tb .col_p .option .label { vertical-align:top; width:40px; text-align:right; font-size:12px; color:#666 } .checkout .item_box .tb .col_p .option ol { font-size:12px; font-weight:bold; margin-top:0; margin-bottom:0 } .checkout .item_box .tb .col_p .option textarea { width:240px; } .checkout .item_box .tb .col_qt { width:125px; } .checkout .item_box .tb .col_sc { width:270px; } .checkout .item_box .tb .col_del { width:34px; text-align:center; vertical-align:middle; } .checkout .item_box .tb .col_qt .txt_input { text-align:center; } .checkout .item_box .tb .col_sc .p_freeship_t { font-size:13px; } .checkout .item_box .tb .col_sc .ship_option { position:relative; float:left; } .checkout .item_box .tb .col_sc .ship_option .selected { float:left; border-style:solid;border-width:1px; height:20px; padding:0 20px 0 5px; background:#fff url(../images/arw_dn.png) no-repeat right 2px; max-width:110px; overflow:hidden; } .checkout .item_box .tb .col_sc .ship_option .wline { height:1px; line-height:0; background:#fff; position:absolute; top:-1px; left:0; } .checkout .item_box .tb .col_sc .ship_option .expand_box { clear:both; display:none; position:absolute; background:#fff; border-style:solid;border-width:1px; width:290px; padding:16px 0 0; top:21px; left:0; z-index:1; } .checkout .item_box .tb .col_sc .ship_option .selected.expand { border-style:solid;border-width:1px; background-position: right -48px } .checkout .item_box .tb .col_sc .ship_option .expand_box li { padding:6px 10px 5px; border-bottom:#999 dashed 1px; font-size:12px; margin:0 } .checkout .item_box .tb .col_sc .ship_option .expand_box .ico.close { position:absolute; top:0; right:-2px; } .checkout .item_box .tb .col_sc .ship_option .expand_box .btnbox { text-align:center; margin-top:-1px; } .checkout .item_box .tb .col_sc .ship_price { float:right; padding-top:5px; padding-right:15px;width:110px; word-break: break-all; text-align:right; } .checkout .item_box .tb .col_sc .ship_option .expand_box li .inline_block { vertical-align:top; word-break: break-all; } .checkout .item_box .tb .col_sc .ship_option .expand_box li .inline_block.col_01 { width:80px; padding-right:10px; } .checkout .item_box .tb .col_sc .ship_option .expand_box li .inline_block.col_02 { width:80px; padding-right:10px; } .checkout .item_box .tb .col_sc .ship_option .expand_box li .inline_block.col_03 { width:60px; padding-right:0; } .checkout .item_box .tb .col_sc .ship_option .expand_box li .p_freeship_t { font-size:12px; font-weight:normal; font-style:normal; } .checkout .item_box .tb .col_p .imgbox { position:relative; width:50px; border:none; vertical-align:top; } .checkout .item_box .tb .col_p .imgbox img { max-height:80px; max-width:80px; } .checkout .item_box .tb .col_p .zoom_bubble { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; width:304px; height:304px; padding:0 9px 9px 0; z-index:10; top:-21px; left:60px; display:none; } .checkout .item_box .tb .col_p .zoom_bubble .imgbox { background:#fff; width:300px; height:300px; border-style:solid; border-width:1px; padding:3px 5px 5px 3px;padding:2px 6px 6px 2px \9;} *+html .checkout .item_box .tb .col_p .zoom_bubble .imgbox{padding:4px;} .checkout .item_box .tb .col_p .zoom_bubble .imgbox .vh_mid { width:300px; height:300px; } *+html .checkout .item_box .tb .col_p .zoom_bubble .imgbox .vh_mid{ font-size:262px;}/*2012.10.15*/ .checkout .item_box .tb .col_p .zoom_bubble .imgbox img { max-height:300px; max-width:300px; } .checkout .item_box .tb .col_p .zoom_bubble .cornor { position:relative; height:0; width:300px; } .checkout .item_box .tb .col_p .zoom_bubble .cornor .ico { background-position:0 -742px; display:block; width:9px; height:13px; position:absolute; left:-8px; top:-268px; } *+html .checkout .item_box .tb .col_p .zoom_bubble .cornor .ico { bottom:258px; top:auto; left:-9px; } .checkout .item_box .tb .col_p .zoom_bubble .shadow { display:block; background:url(../images/shadow.png) no-repeat bottom right; line-height:0; font-size:0; height:315px; width:315px; position:absolute; bottom:-4px; right:-4px; z-index:3; } .checkout .total_box { float:right; width:489px; border-top:none; } .checkout .total_box .subtotal { padding:7px 10px 7px; font-weight:bolder; border-style:solid; border-width:1px;border-top:none; overflow:auto;} .checkout .total_box .subtotal div{ overflow:auto;} .checkout .total_box .subtotal .label { display:block; float:left; width:282px; font-weight:normal;text-align:right;} .checkout .total_box .subtotal .price { display:block; float:left;width:115px; font-weight:bold;text-align:right;} .checkout .total_box .paymethod { padding:10px 10px 5px; font-weight:bolder; overflow:auto; border-style:solid; border-width:1px; border-top:none;} .checkout .total_box .paymethod .pay_option { float:left; width:220px; } .checkout .total_box .paymethod .pay_option label { display:block; padding: 5px 0 } .checkout .total_box .paymethod .pay_option img { vertical-align:middle; } .checkout .total_box .paymethod .cy { display:block; float:left; font-size:16px; font-weight:bold; width:62px; text-align:right; padding-top:3px;} .checkout .total_box .paymethod .price { display:block; float:left;color:#000; font-size:16px; font-weight:bold; width:115px;text-align:right; padding-top:3px;} .checkout .total_box .submitwrap { padding:0 0 5px; margin-top:-1px;border-style:solid ;border-width:1px;} .checkout .total_box .submitwrap .tips { font-size:12px; width:300px; vertical-align:top; padding: 7px 8px 0 10px;} .checkout .total_box .submitwrap .btn_submit{ width:130px; padding-left:3px; padding-right:0; margin-top:10px;} .checkout .total_box .submitwrap .via{ text-align:center; padding:7px 10px 5px;border-bottom-style:solid;border-bottom-width:1px; font-size:15px;} .checkout .total_box .submitwrap .via .price{ font-weight:bold; margin:0 8px;} .checkout .more_inline { font-size:13px; } .checkout.step2 .form .tb { border-bottom:none; margin-bottom:0; width:978px; } .checkout.step2 .form .tb td.label { width:149px; } .checkout.step2 .form .tb td { padding:8px 10px 5px; } .checkout.step2 .form .tb .disclaimer { overflow-y:scroll; width:780px; height:144px; margin-bottom:5px; border:#a4bed7 solid 1px; padding:5px; } .checkout.step2 fieldset { display:block; padding:10px; border:#e2e2e2 solid 1px; margin-bottom:30px; } .checkout.step2 fieldset.top { margin-bottom:0 } .checkout.step2 fieldset .title.big { font-size:18px; } *+html .checkout.step2 fieldset .title.big { float:left } .checkout.step2 fieldset .title.big .chklabel { font-size:13px; color:#333; margin-left:20px; } .checkout.step2 .submitwrap { margin-top:-20px; text-align:center; padding-bottom:30px; } .checkout.step2 .tb .col_shipping { width:180px; } .checkout.step2 .tb .col_amount { width:140px; } .checkout.step2 .tb .col_qt { width:130px; } .checkout.step2 .tb .col_ppu { font-weight:bold; } .checkout.step2 .total_box { width:608px; padding:10px 5px 10px 20px; border:#a8b5c4 solid 1px; border-top:none; } .checkout.step2 .total_box .subtotal { border:none; padding:0; margin-bottom:5px; } .checkout.step2 .total_box .total { font-size:18px; font-weight:bold; margin-bottom:10px; } .checkout.step2 .total_box .total .price{vertical-align:top; margin:1px 7px 0} *+html .checkout.step2 .total_box .total .price{ margin-top:-3px;} .checkout.step2 .total_box .total .price .cy{ display:block; color:#919191; font-size:12px; line-height:1.1; font-style:normal;} .checkout.step2 .total_box .total img{ vertical-align:middle;} .checkout.step2 .total_box .tips { font-size:12px; line-height:1.5; padding:10px 0 0 20px; background-position:-286px -1028px; } .checkout.step2 .form.confirm .wrap { padding:5px } .checkout.step2 .form.confirm .chklabel { font-weight:bold; margin-right:5px; } .checkout.step2 .form.confirm ul { padding:5px 0 10px 18px; } .checkout.step2 .form.confirm ul li { margin-bottom:3px; } .pay_fail { text-align:center; min-height:250px; padding-top:50px; } .pay_fail .ico_b{ vertical-align:middle; width:206px; height:165px; background-position:-1000px 0;} .pay_fail .txtbox { vertical-align:middle; text-align:left; } .pay_fail .txtbox .title { font-size:21px; } .pay_fail .txtbox .title1 { font-size:21px; font-family: "微軟正黑體"; font-weight: bold; } .pay_fail .txtbox dl { display:block; margin:0; padding:0 } .pay_fail .txtbox dl dt, .pay_fail .txtbox dl dd { margin:0 0 5px 0; padding:0; } .pay_fail .txtbox dl dd .more_inline { font-size:13px; } .pay_success_info { position:relative; /*background-position:-1970px 15px;*/ padding:15px 30px 15px 155px; min-height:100px; margin-bottom:30px; border-style:solid; border-width:1px; } .pay_success_info .title { font-size:15px; } .pay_success_info .ico.close2 { position:absolute; right:5px; top:5px; } /* partners */ .partners_list .title_sub { margin:0 10px; } /* .partners_list .cate_wrap { border-bottom:#e2e2e2 solid 1px; margin-bottom:20px; } */ .partners_list .cate_wrap { margin-bottom:20px; } .partners_list .cate_wrap .partner_box { width:370px; margin:0 12px 20px; float:left; } .partners_list .result_info { font-size:12px; margin:-10px 0 10px 0; } /* success story */ .success_story .refine { padding:10px; margin-bottom:20px; float:left; width:768px; overflow:auto;border-style:solid; border-width:1px;} .success_story .refine .inline_block { padding:0 8px 0 6px; vertical-align:middle; border-right-style:solid; border-right-width:1px; } .success_story .refine .inline_block.first { padding-left:0; } .success_story .refine .inline_block.last { padding-right:0; border:none; } .success_story .refine .inline_block.first .txt_input{ width:300px;} .success_story .refine .inline_block.last .txt_input{ width:75px;} .success_story .refine .btn_submit{ float:right; margin:13px 5px 0 0; min-width:80px; } .success_story .bar.th {background:#f5f5f5; border-top:none; padding:5px 10px 0; } .success_story .bar.th .inline_block { vertical-align:middle; margin-right:6px } *+html .success_story .bar.th .inline_block { margin-right:10px; } .success_story .bar.th .th_title { width:410px } .success_story .bar.th .th_company { width:180px } .success_story .bar.th .th_contact { width:150px } .success_story .list .story_box { border-bottom:#e2e2e2 solid 1px; padding:15px 10px; overflow:auto; } .success_story .list .story_box.change_color { background-color:#f9f9f9 } .success_story .list .story_box .imgbox { width:120px; height:120px; margin-right:10px; float:left; } .success_story .list .story_box .imgbox img{ max-width:120px; max-height:120px;}/*2012.10.15*/ .success_story .list .story_box .imgbox .ico { position:absolute; background: url(../images/ico_video.png); width:40px; height:28px; right:3px; bottom:5px; } .success_story .list .story_box .title { width:270px; padding-right:20px; padding-top:10px; font-weight:normal; font-size:15px; float:left; } .success_story .list .story_box .company { width:170px; float:left; padding-right:20px; padding-top:10px; } .success_story .list .story_box .contact { width:140px; float:left; padding-right:20px; padding-top:10px; } .success_story_detail { padding:0 20px; } .success_story_detail .title { font-size:136%; margin-bottom:15px; } .success_story_detail .mediabox { margin-bottom:20px; text-align:center; } .success_story_detail .script { font-size:15px; margin-bottom:20px; } /* formbox */ .form_s .fieldset { display:block; list-style:none; margin:0; padding:0; overflow:auto; } .form_s .fieldset dt { float:left; text-align:right; margin:0; } .form_s .fieldset dd { padding-bottom:5px; margin:0 } .form_s .fieldset dd { margin:0 0 8px 0; } .form_s .fieldset dd p { margin-bottom:5px; } .form_s .hr { margin:5px 0 10px; } /* Login */ .login .rightbox { width:393px; float:right; padding-left:30px; font-size:15px; background:url(../images/box.jpg) no-repeat right bottom; margin-left:-1px; border-left:#e5e5e5 solid 1px; } .login .rightbox .title { font-size:18px; margin-bottom:10px; } .login .rightbox .submitwrap { padding-bottom:150px; } .login .leftbox { float:left; padding:0 20px 20px 0; width:450px; border-right:#e5e5e5 solid 1px; } .login .form_s { padding-top:10px; } .login .form_s .fieldset dt { width:142px; padding-top:6px; } .login .form_s .fieldset dd { padding-left:150px; } .login .form_s .fieldset dd .txt_input { height:22px; font-size:15px; } .login .form_s .submitwrap { padding-left:150px; margin-top:-10px; } .login .form_s .submitwrap .btn_submit { padding-left:30px; padding-right:27px; } /* product alert */ .p_alert_submit .rightbox { width:270px; float:right; padding-left:25px; } .p_alert_submit .rightbox .title { padding:0 0 0 80px; min-height:45px; width:170px; background-position:-395px -615px; font-size:15px; margin-top:-35px; } .p_alert_submit .rightbox .sample { padding:10px 0 25px 0; width:240px; background:url(../images/email_sample_shadow.jpg) no-repeat center bottom; margin:0 auto; } .p_alert_submit .leftbox { width:578px; float:left; padding:0 15px 0 0; } .p_alert_submit .form_s { background: url(../images/tabs.png) no-repeat 0 -219px; padding-top:30px; margin-top:25px; } .p_alert_submit .form_s .fieldset dt { width:142px; padding-top:6px; } .p_alert_submit .form_s .fieldset dd { padding-left:150px; } .p_alert_submit .form_s .fieldset dd .txt_input { height:22px; font-size:15px; } .p_alert_submit .form_s .submitwrap { padding-left:150px; margin-top:-10px; } .p_alert_submit .form_s .submitwrap .btn_submit { padding-left:30px; padding-right:27px; } .p_alert_submit .tabs { padding:15px 10px 0 25px; margin-bottom:10px; } .p_alert_submit .tabs li a, .p_alert_submit .tabs li a:visited { padding:0 42px 0 45px; } /*company profile*/ .company_profile .title { font-size:18px; margin-bottom:10px; } .company_profile .pgroup .title{ font-size:13px;} .company_profile .detialbox { font-size:15px; margin-bottom:20px; } .company_profile .detialbox .imgbox, .company_profile .detialbox .imgbox img { width:360px; } .company_profile .detialbox .imgbox { float:right; margin:0 0 20px 25px; } .company_profile .list .cpbox { padding:20px 10px; border-bottom:#e2e2e2 solid 1px; } .company_profile .list .cpbox .wrap_l { width:460px; float:left; padding-right:25px; } .company_profile .list .cpbox .wrap_m { padding-right:30px; width:60px; float:left; } .company_profile .list .cpbox .wrap_m img{ max-height:60px; max-width:60px;} .company_profile .list .cpbox .wrap_r { width:195px; float:right; } .company_profile .list .cpbox .p_name { font-size:15px; font-weight:bold; margin-bottom:5px; } .company_profile .list .cpbox .intro { font-size:12px; margin-bottom:5px; color:#666; } .company_profile .list .cpbox .intro .label { margin-right:5px; color:#333 } .company_profile .list .cpbox .more_inline { margin-left:0; } /* Advanced Search */ .adv_search .recent_search {border-style:solid; border-width:1px; width:210px; padding:7px 5px 5px; float:right; } .adv_search .recent_search .title { padding:0 5px 3px; border-bottom-style:solid; border-bottom-width:1px; } .adv_search .recent_search .title .ico { margin-top:-13px; } .adv_search .recent_search ul { margin:10px 10px 10px -5px; } *+html .adv_search .recent_search ul { margin-left:0; padding-left:38px; } .adv_search .recent_search ul li { margin-bottom:5px; } .adv_search .leftbox { float:left; width:600px; padding:0 15px 0 0; } .adv_search .form_s .fieldset { padding-top:5px; } .adv_search .form_s .fieldset dt { width:162px; padding-top:0; } .adv_search .form_s .fieldset dd { padding-left:170px; } .adv_search .form_s .cflogo img { margin:0 20px 5px 5px; vertical-align:middle; } .adv_search .form_s .cflogo dt { padding-top:5px; } .adv_search .form_s .submitwrap { padding-left:170px; margin-bottom:5px; } .adv_search .form_s .submitwrap .btn_submit { padding-left:40px; padding-right:37px; margin-top:10px; } .adv_search .form_s .txt_input { width:300px; margin-top:-2px; } .adv_search .form_s .select { width:300px; margin-top:-2px; } .adv_search .form_s .txt_input.short { width:80px; } .adv_search .tabs { padding:0 10px 0 25px; } .adv_search .tabs li a, .p_alert_submit .tabs li a:visited { padding:0 42px 0 45px; } .adv_search .tabcont { padding:15px 10px 0 0; } .adv_search .check_group { padding-top:10px; } .adv_search .check_group label { margin:0 50px 0 0; } /* sitemap & All category*/ .link_list ul { list-style:none; display:block; margin:0; padding:0; } .link_list ul ul { border-bottom:#e8e8e8 solid 1px; padding:10px 0 10px 15px; margin-bottom:20px; } .link_list ul li { display:block; margin:0 0 10px 0; border:none; } .link_list ul li li { margin:0 18px 10px 0; padding-left:13px; background:url(../images/dot.gif) no-repeat -5px 0; vertical-align:top; width:185px; } .link_list ul li .title { background-position:-1208px -784px; font-size:15px; padding-left:15px; } .link_list ul li .title a, .link_list ul li .title a:visited { color:#333 } .link_list .gotop { text-align:right; margin-top:-15px; } /* end: sitemap & All category*/ .promo_banner { margin-bottom:10px; } .infobox { background:#f3f3f3 url(../images/ico_info_b.png) no-repeat 0 0; padding:10px 10px 7px 110px; min-height:85px; font-size:12px; margin-bottom:10px; } .infobox .title { margin-bottom:5px; font-size:15px; } /* ColorBox Core Style:*/ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; } .cboxIframe { width:100%; height:100%; display:block; border:0; } /* ColorBox Core User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background:#000; } #colorbox { } #cboxContent { margin-top:20px; } .cboxIframe { background:#fff; } #cboxError { padding:50px; border:1px solid #ccc; } #cboxLoadedContent { border:5px solid #000; background:#fff; } #cboxTitle { position:absolute; top:-20px; left:0; color:#ccc; } #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; } #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; } #cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px; } #cboxPrevious:hover { background-position:bottom left; } #cboxNext { position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px; } #cboxNext:hover { background-position:bottom right; } #cboxLoadingOverlay { background:#000; } #cboxLoadingGraphic { background:url(../images/loading.gif) no-repeat center center; } #cboxClose { position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px; } #cboxClose:hover { background-position:bottom center; } .chat_popup { border: 1px solid #3B3B3B; height: 268px; padding: 1px; width: 618px; } .chat_popup .title_box { background: url("../images/chat_title.jpg") repeat-x scroll 0 bottom #FFFFFF; color: #2D3E5D; font-size: 14px; font-weight: bold; height: 14px; line-height: 1; padding: 20px 21px 18px; position: relative; } .chat_popup .title_box .btn_close { display: block; font-size: 0; height: 16px; line-height: 0; position: absolute; right: 10px; top: 18px; width: 16px; } .chat_popup .info_text { color: #171F2E; float: left; padding: 30px 10px 30px 26px; width: 273px; } .chat_popup a.btn_chatservice, .chat_popup a.btn_chatservice:visited { display: block; float: left; font-size: 0; height: 86px; line-height: 1; margin: 15px 0 0 20px; overflow: hidden; text-indent: -5000px; width: 267px; } .chat_popup a.btn_chatservice.chat_msn { background: url("../images/chat_btn_msn.jpg") no-repeat scroll 0 0 transparent; } .chat_popup a.btn_chatservice.chat_yahoo { background: url("../images/chat_btn_yahoo.jpg") no-repeat scroll 0 0 transparent; } .chat_popup a.btn_chatservice.chat_skype { background: url("../images/chat_btn_skype.jpg") no-repeat scroll 0 0 transparent; } .chat_popup a.btn_chatservice.chat_msn:hover, .chat_popup a.btn_chatservice.chat_yahoo:hover, .chat_popup a.btn_chatservice.chat_skype:hover { background-position: 0 -86px; } .chat_popup .notice { background: none repeat scroll 0 0 #FAF4C8; color: #7B3610; font-size: 12px; margin: 0 auto; width: 598px; } .chat_popup .notice .top { background: url("../images/chat_notice_tp.jpg") no-repeat scroll 0 0 transparent; font-size: 0; height: 5px; line-height: 0; width: 598px; } .chat_popup .notice .ft { background: url("../images/chat_notice_ft.jpg") no-repeat scroll 0 0 transparent; font-size: 0; height: 5px; line-height: 0; width: 598px; } .chat_popup .notice .wrap { padding: 3px 16px; } .chat_popup .notice .title { color: #A8170D; font-weight: bold; } .chat_popup .notice ul li { background: url("../images/chat_notice_dot.jpg") no-repeat scroll 0 7px transparent; display: block; padding-left: 10px; } .twd_price { color: blue; }