.articleType { position:relative;height:40px;padding:0 10px;font-size:11px;color:#999; } .articleType img, .articleType a, .articleType span { vertical-align:middle; } .ctgType { position:absolute;height:40px;right:10px;top:0; } .searchForm { height:40px;padding:0 10px;line-height:normal; } .searchForm .input { width:140px;padding:4px;line-height:normal;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } .searchForm .input_b { width:110px;padding:8px;line-height:normal;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } /* doll skin */ .searchForm img, .searchForm input, .searchForm select, .searchForm span { vertical-align:top; } /*************************** list *************************************************/ .listType th { height:39px;text-align:center;color:#333;font-weight:bold;border-collapse:collapse;border-top:solid 2px #222;border-bottom:solid 1px #ccc;background:#f6f6f6 } .listType th a { color:#333; } .listType th a, .listType th img, .listType th span { vertical-align:middle; } .listType td { height:39px;text-align:center;border-bottom:solid 1px #eee; } .listType td.left { text-align:left; } .listType td .category { color:#999; } .listType td .comment { color:#FF9900;font-size:11px; } .listType td a, .listType td img, .listType td span { vertical-align:middle; } .listType_mob ul { border-top:solid 1px #bbb; } .listType_mob ul li { display:block;position:relative;padding:8px 10px 8px 10px;border-bottom:solid 1px #eee; } .listType_mob ul li div { height:25px; } .listType_mob ul li div .name { display:inline-block;padding-left:20px;padding-right:4px;color:#999;background:url('../../../../skin/board/cn.default/img/icon_user.png') no-repeat 0 50%; } .listType_mob ul li div .date { display:inline-block;padding-left:20px;padding-right:4px;color:#999;background:url('../../../../skin/board/cn.default/img/icon_time.png') no-repeat 0 50%; } .listType_mob ul li div .view { display:inline-block;padding-left:20px;padding-right:4px;color:#999;background:url('../../../../skin/board/cn.default/img/icon_view.png') no-repeat 0 50%; } .listType_mob ul li div.good { position:absolute;width:30px;height:20px;right:10px;top:8px;padding-left:20px;font-weight:bold;color:#569ffd;background:url('../../../../skin/board/cn.default/img/icon_good.gif') no-repeat 0 50%; } /*************************** write *************************************************/ .formTitle { height:20px;color:#444;font-weight:bold; } .formType_resp { margin-bottom:20px; } .formType_resp li { display:block;position:relative;min-height:30px;padding:6px 10px;/*border-bottom:solid 1px #ccc;*/ } .formType_resp li label { display:block;position:absolute;left:19px;top:12px;color:#999; } .formType_resp li .input { width:100%;padding:8px;line-height:normal;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } .formType_resp li .textarea { width:100%;padding:4px;line-height:18px;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } .formType_resp li a, .formType_resp li img, .formType_resp li span { vertical-align:middle; } .formType_resp li .opt_box { float:left;width:140px; } .fileType td .file { margin-bottom:4px;padding:4px;line-height:normal;border:solid 1px #ccc; } .formbtnArea { height:50px;line-height:normal;text-align:center; } .formbtnArea input, .formbtnArea img, .formbtnArea a { vertical-align:middle; } .btn_confirm { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -180px;border:none;cursor:pointer; } .btn_cancel { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -210px;border:none;cursor:pointer; } .btn_copy { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -330px;border:none;cursor:pointer; } .btn_move { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -360px;border:none;cursor:pointer; } .btn_edit { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -120px;border:none;cursor:pointer; } .btn_del { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -150px;border:none;cursor:pointer; } .btn_reply { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -90px;border:none;cursor:pointer; } .btn_write { display:inline-block;width:70px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -60px;border:none;cursor:pointer; } .btn_list { display:inline-block;width:60px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 0;border:none;cursor:pointer; } .btn_select_del { display:inline-block;width:80px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -240px;border:none;cursor:pointer; } .btn_select_copy { display:inline-block;width:80px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -270px;border:none;cursor:pointer; } .btn_select_move { display:inline-block;width:80px;height:25px;overflow:hidden;line-height:999px;background:url('../../../../images/button.gif') no-repeat 0 -300px;border:none;cursor:pointer; } /*************************** view *************************************************/ .viewTitle { padding:0 10px 14px 10px;font-size:14px;color:#444;font-weight:bold;border-bottom:solid 1px #bbb; } .viewTitle .category { font-size:12px;font-weight:normal;color:#999;letter-spacing:-1px; } .viewInfo { padding:8px 10px 6px 10px;font-weight:normal;text-align:left;border-bottom:solid 1px #eee; } .viewInfo .ip { font-family:arial;font-size:11px;color:#999; } .viewInfo .date { font-family:arial;font-size:11px;color:#999; } .viewContent { margin-bottom:5px;padding:15px 10px;border-bottom:solid 1px #eee; } .viewContent .viewImg { text-align:center;margin-bottom:20px; } .viewContent .viewFile { margin-bottom:10px;padding:0;list-style:none; } .viewContent .viewFile li a { color:#666; } .viewContent .viewFile li { display:block;height:20px;padding-left:20px;background:url('../../../../images/icon_file.gif') no-repeat 0 0; } .viewContent .viewFile li .fileInfo { font-family:arial;font-size:11px;color:#999; } .viewContent .viewFile li .fileInfo strong { color:#FF7700;font-weight:normal; } .viewContent .lnkFile { margin-bottom:10px;padding:0;list-style:none; } .viewContent .lnkFile li a { color:#666; } .viewContent .lnkFile li { display:block;height:20px;padding-left:20px;background:url('../../../../images/icon_link.gif') no-repeat 0 0; } .viewContent .lnkFile li strong { font-family:arial;font-size:11px;color:#FF7700;font-weight:normal; } .viewOptionBox { height:50px;margin:0 auto;padding-left:1px;background:url('../../../../images/button_opt.gif') no-repeat left top; } .viewOption { margin:0;padding:0;list-style:none; } .viewOption li { display:inline-block;float:left; } .viewOption li img, .viewOption li span { vertical-align:middle; } .viewOption li a { display:block;width:90px;height:30px;font-size:11px;line-height:30px;text-align:center;background:url('../../../../images/button_opt.gif') no-repeat right top; } .viewTrackback { height:30px;padding:0 10px; } .viewTrackback img, .viewTrackback a { vertical-align:middle; } .viewTrackback a { font-family:arial;font-size:11px;color:#999; } .viewPrev { padding:8px 5px 6px 35px;border-bottom:solid 1px #eee;background:url('../../../../images/icon_up.gif') no-repeat 10px 50%; } .viewNext { margin-bottom:10px;padding:8px 5px 6px 35px;border-bottom:solid 1px #eee;background:url('../../../../images/icon_down.gif') no-repeat 10px 50%; } .btnArea { padding:0 10px 20px 10px;text-align:left; } /*************************** comment *************************************************/ .cmtBox { padding:20px; } .cmtForm { padding:9px;border-left:solid 1px #aaa;border-top:solid 1px #aaa;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;background:#f6f6f6; } .cmtFomInput { position:relative;height:35px;text-align:left;color:#888; } .cmtFomInput input, .cmtFomInput span, .cmtFomInput img { vertical-align:middle; } .cmtFomInput .input { height:18px;;padding:2px;border:solid 1px #CCC; } .cmtFomInput .kcaptcha { width:auto;height:30px; } .cmtFomInput .cmtResizeBtn { position:absolute;right:0;top:0; } .cmtTextareaArea { position:relative;text-align:right;background:#FFFFFF;border-left:solid 1px #aaa;border-top:solid 1px #aaa;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; } .cmtTextareaArea .cmtTextarea { width:99%;padding:6px 0;word-break:break-all;border:none; } .cmtBtnConfirm {} .cmtBtnConfirm .btn_cmt_confirm { display:block;width:100%;height:30px;text-align:center;color:#FFFFFF;line-height:30px;font-weight:bold;background:#444;border:none;cursor:pointer; } .commentContents { width:100%;margin:20px 0; } .commentContents .cmtTitle { height:20px;font-weight:bold;color:#333;border-bottom:solid 1px #666; } .commentContents div a.lnk { font-size:11px;color:#888;letter-spacing:-1px; } .commentContents .cmtIP { font-family:arial;font-size:11px;color:#999 } .commentContents .cmtDate { font-family:arial;font-size:11px;color:#999 } /*************************** paging *************************************************/ .paging a, .paging img, .paging span { vertical-align:top; } .paging strong { display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#FFFFFF;text-align:center;line-height:20px;background:#569ffd;border:solid 1px #569ffd; } .paging a { display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#666;text-align:center;line-height:20px;border:solid 1px #DDD; } .paging a:hover { color:#FFFFFF;background:#569ffd; } .paging a.p_start { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -60px #F6F6F6; } .paging a.p_prev { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -40px #F6F6F6; } .paging a.p_next { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -20px #F6F6F6; } .paging a.p_end { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 0 #F6F6F6; } .paging_mob a, .paging_mob img, .paging_mob span { vertical-align:top; } .paging_mob strong { display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#FFFFFF;text-align:center;line-height:20px;background:#569ffd;border:solid 1px #569ffd; } .paging_mob a { display:inline-block;width:20px;height:20px;margin:0 4px;padding:0;overflow:hidden;color:#666;text-align:center;line-height:20px;border:solid 1px #DDD; } .paging_mob a:hover { color:#FFFFFF;background:#569ffd; } .paging_mob a.p_start { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -60px #F6F6F6; } .paging_mob a.p_prev { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -40px #F6F6F6; } .paging_mob a.p_next { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 -20px #F6F6F6; } .paging_mob a.p_end { line-height:999px;background:url('../../../../images/btn_page.gif') no-repeat 0 0 #F6F6F6; } /*************************** add doll *************************************************/ .goodsTitle { padding:0 10px 14px 10px;font-size:18px;color:#444;font-weight:bold;text-align:center;border-bottom:solid 1px #bbb; } #slides { position:relative;z-index:99; } .slides_container { position:relative;width:280px;height:280px;overflow:hidden; } #slides .next,#slides .prev { position:absolute;display:block;width:24px;height:48px;top:50%;margin-top:-24px;z-index:999; } #slides .next { right:10px; } #slides .prev { left:10px; } .pagination { position:absolute;left:10px;bottom:10px;z-index:9999; } .pagination li { float:left;display:block;margin:2px; } .pagination li a { display:inline-block;float:left;width:12px;height:0;overflow:hidden;padding-top:12px;background-image:url('../../../../skin/board/cn.doll dress/img/pagination.png');background-position:0 0; } .pagination li.current a { background-position:0 -12px; } .optList li { display:block;width:100%;height:29px;margin:0;padding-top:10px;color:#f75665;font-weight:bold;text-align:left;border-bottom:solid 1px #eee; } .optList li label { display:inline-block;width:140px;margin-right:10px;color:#444;line-height:20px;text-align:left;border-right:solid 1px #ddd; } .optList li.optTitle { font-size:16px;font-weight:bold;color:#444;border-bottom:solid 1px #999; } .optList li .chk { display:inline-block;width:20px;text-align:center; } .optList li .input { padding:4px;line-height:normal;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } .optList_order li { display:block;width:95%;height:29px;margin:0;padding-top:10px;color:#f75665;font-weight:bold;text-align:left;border-bottom:solid 1px #eee; } .optList_order li .lbl { display:inline-block;width:140px;margin-right:10px;color:#444;line-height:20px;text-align:left;border-right:solid 1px #ddd; } .optList_order li .chk { display:inline-block;width:20px;text-align:center; } .optList_order li .input { padding:4px;line-height:normal;border-left:solid 1px #bbb;border-top:solid 1px #bbb;border-right:solid 1px #eee;border-bottom:solid 1px #eee; } .ordList { margin:0 10px 20px 10px;padding:9px;border:solid 1px #ccc; } .ordList ul {} .ordList ul li { display:block;position:relative;padding:0 10px 9px 10px; } .ordList ul li .subject { font-size:14px;color:#444;font-weight:bold; } .ordList ul li .category { color:#FF7700; } .ordList ul li a, .ordList ul li img, .ordList ul li span { vertical-align:middle; } .ordList a.detail { display:block;height:29px;text-align:center;color:#666;font-weight:bold;line-height:29px;border:solid 1px #ccc;background:#f6f6f6; } .detail_opt { display:none;margin:10px 0;padding:9px;border:solid 1px #ddd; } .detail_opt ul {} .detail_opt ul li { display:block;padding-bottom:7px;overflow:hidden; } .detail_opt ul li label { display:block;height:20px;color:#444;font-weight:bold; } .detail_opt .opt { position:relative;padding:10px;line-height:20px; } .detail_opt .opt .btn { display:block;position:absolute;right:10px;bottom:10px; } /*@media (max-width:649px) { .listType { display:none; } .listType_mob { width:100%; } .photoWrap { margin:0 auto; } .photoBox { width:280px;margin:0 auto 10px auto;padding:10px;text-align:center;background:#eee; } .optList { width:300px;margin:0 auto; } .paging { display:none; } .paging_mob { display:block;height:35px;text-align:center; } } @media screen and (min-width:650px) {*/ .listType { table-layout:fixed;width:100%;margin-bottom:10px;border-collapse:collapse; } .listType_mob { display:none; } .optList { float:left;width:300px;margin:0 10px; } .paging { display:block;height:35px;text-align:center; } .paging_mob { display:none; } /*}*/ .agree_title { height:30px;font-weight:bold;color:#222; } .agree_box { text-align:center;margin:0 0 20px 0;padding:10px 0;border-top:solid 2px #686c6d;border-bottom:solid 1px #e8e9eb;background:#F7F7F7; } .agree_txt { width:90%;height:200px;margin:0 0 5px 0;padding:10px;border:none; } .infoType { margin:20px;padding:9px;background:#f6f6f6;border:solid 1px #ccc; } .infoType li { display:block;padding:6px; 10px;border-bottom:solid 1px #ddd; } .infoType li label { display:inline-block;width:99px;margin-right:10px;border-right:solid 1px #ccc; } .listType td .end { display:inline-block;width:50px;padding:3px;font-size:11px;color:#FFFFFF;letter-spacing:-1px;text-align:center;background:#1398d9;border:solid 1px #117cce; } .listType td .ready { display:inline-block;width:50px;padding:3px;font-size:11px;color:#FFFFFF;letter-spacing:-1px;text-align:center;background:#f75665;border:solid 1px #de4351; } .caseType {} .caseType li { position:relative;display:block;float:left;width:50%;text-align:center; } .caseType li .thumb { padding:4px;border:solid 1px #ccc; } .caseType li .arrow_case { position:absolute;display:block;width:40px;height:40px;left:50%;top:55px;margin-left:-20px;margin-top:-20px; } .caseType li .title { height:40px;margin:5px 0;text-align:center; } .caseView { position:relative;margin-bottom:20px;text-align:center; } .caseView .thumb { padding:4px;border:solid 1px #ccc; } .caseView .arrow_case { position:absolute;display:block;width:40px;height:40px;left:50%;top:105px;margin-left:-20px;margin-top:-20px; } .caseView .title { height:40px;margin:5px 0;text-align:center; }