/* common layout */ /* alphaBlind */ .alphaBlind { display:none; position:fixed; color:#fff; z-index:1000; left:0; top:0px; background-color:#000; width:100%; height:100%; opacity:0.6; } /* MDWrap */ #MDWrap { } /* MDHeader */ #MDHeader { } /* logo */ #MDHeader .logoSearch { position:relative; height:90px; overflow:hidden; background:#434547; background-size:190px 704px;} @media screen and (-webkit-min-device-pixel-ratio:1.5)#MDHeader .logoSearch { background:#434547; } @media screen and (-webkit-min-device-pixel-ratio:2)#MDHeader .logoSearch { background:#434547; } #MDHeader .logoSearch .siteLogo { position:absolute; left:8px; top:8px; width:107px; height:40px; } #MDHeader .logoSearch .siteLogo a { display:block; width:107px; height:40px; background-repeat:no-repeat; background-size:107px 40px; overflow:hidden; text-indent:-100px; background-image:url(http://img1.filewang.net/common/m/logo/m_logo_wang320.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .logoSearch .siteLogo a {background-image:url(http://img1.filewang.net/common/m/logo/m_logo_wang480.png);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .logoSearch .siteLogo a {background-image:url(http://img1.filewang.net/common/m/logo/m_logo_wang640.png);}} /* searchForm */ #MDHeader .searchForm { position:relative; /* margin:9px 8px 0 119px; width:55%;*/ } #MDHeader .searchForm .Keyword { position:relative; /*height:14px;*/ height:26px; border:4px solid #e22020; margin-right:40px; /*padding:3px 4px 4px 4px;*/ } #MDHeader .searchForm .Keyword input { display:block; width:100%; height:100%; border:0; margin:0; padding:0; -webkit-appearance:none; /*height:14px; line-height:14px;*/height:26px; line-height:26px; font-size:12px; color:#777; text-decoration:none; } #MDHeader .searchForm .searchBtn { position:absolute; right:0; top:0; display:block; width:36px; height:29px; border:0; margin:2px 0 0 0; padding:0; background-repeat:no-repeat; background-size:36px 29px; overflow:hidden; text-indent:-100px; background-image:url(http://img1.filewang.net/m/common/button/header_search_320.gif); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .searchForm .searchBtn {background-image:url(http://img1.filewang.net/m/common/button/header_search_480.gif);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .searchForm .searchBtn {background-image:url(http://img1.filewang.net/m/common/button/header_search_640.gif);}} /* headerGnb */ #MDHeader .headerGnb { height:50px;} #MDHeader .headerGnb ul { float:right;margin-right:3px; } #MDHeader .headerGnb ul li.top { height:50px; float:left; width:40px; } #MDHeader .headerGnb ul li a { display:block; width:40px; height:50px; text-align:center; text-decoration:none; } #MDHeader .headerGnb ul li span.hd_title { display:inline-block; width:40px; height:50px; overflow:hidden; color:#fff; line-height:80px; text-align:center; font-size:10px; } #MDHeader .headerGnb ul li.buy a { background-position:-21px 2px; } #MDHeader .headerGnb ul li.buy span { padding-top:3px; } #MDHeader .headerGnb ul li.favorite a {background-position:-65px -27px;} #MDHeader .headerGnb ul li.favorite span { padding-top:3px; } #MDHeader .headerGnb ul li.charge a {background-position:-114px -56px;} #MDHeader .headerGnb ul li.charge span { padding-top:3px; } #MDHeader .headerGnb ul li.entireMenu a { background-position:-160px -87px; } #MDHeader .headerGnb ul li.entireMenu span { padding-top:3px; } /* memberInfo */ #MDHeader .memberInfo { /*padding:8px;*/ padding:2px 0 0 5px; clear:both; /*float:left;*/} #MDHeader .memberInfo .memberTab {position:absolute; top:57px; right:5px;;} #MDHeader .memberInfo .memberTab a {display:block; padding:2px 1px; float:left; text-align:center;margin-left:5px; border-radius:8px; font-size:10px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; } #MDHeader .memberInfo .memberTab .mem_gray { width:55px; height:22px; line-height:21px; background:#fff; border-radius:5px; color:#434547; } /* guestOnly */ #MDHeader .memberInfo .loginMent {color:#827e7a; font-size:11px; letter-spacing:-1px;} #MDHeader .memberInfo .guestOnly { text-align:right; position:absolute; right:5px; top:57px;} #MDHeader .memberInfo .guestOnly .loginMent {position:absolute;} #MDHeader .memberInfo a { margin-top:-2px; margin-left:3px; width:50px; display:block; float:left; text-align:center;margin-left:5px; border-radius:8px; font-size:10px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; font-weight:normal; } #MDHeader .memberInfo .orange {width:55px; height:22px; line-height:24px; background:#d12323; border-radius:5px; color:#fff;} #MDHeader .memberInfo .gray { width:55px; height:22px; line-height:24px; background:#fff; border-radius:5px; color:#434547; } /* info */ #MDHeader .memberInfo .info { position:relative; } #MDHeader .memberInfo .info .btnOC { position:absolute; right:0; top:-2px; display:block; width:23px; height:23px; overflow:hidden; text-indent:-1000px; } #MDHeader .memberInfo .info ul li .icon { display:inline-block; width:14px; height:14px; overflow:hidden; vertical-align:top; } #MDHeader .memberInfo .info ul li .icon.point { background-position:-27px -248px; } #MDHeader .memberInfo .info ul li .icon.bonus { background-position:-61px -248px; } #MDHeader .memberInfo .info ul li .icon.coupon { background-position:-44px -248px; } #MDHeader .memberInfo .info ul li .icon.fix { background-position:-79px -248px; } #MDHeader .memberInfo .info ul li .icon.m_fix { background-position:-99px -248px;} /* normal */ #MDHeader .memberInfo .info.normal { } #MDHeader .memberInfo .info.normal .welcome { display:none; } #MDHeader .memberInfo .info.normal ul { } #MDHeader .memberInfo .info.normal ul li { float:left; margin-right:5px; } #MDHeader .memberInfo .info.normal ul li span { height:18px; line-height:22px; vertical-align:top; } #MDHeader .memberInfo .info.normal ul li .name { display:none; } #MDHeader .memberInfo .info.normal ul li .value { color:#d6d6d6; letter-spacing:-1px; padding-left:1px; font-size:11px; line-height:11px; } #MDHeader .memberInfo .info.normal ul li .value.normalfix { display:inline-block; } #MDHeader .memberInfo .info.normal ul li .value.extendFix { display:none; } #MDHeader .memberInfo .info.normal .btnOC { background-position:0 -266px; } /* extend */ #MDHeader .memberInfo .info.extend { } #MDHeader .memberInfo .info.extend .welcome { display:block; padding-bottom:2px; color:#555; font-size:12px; } #MDHeader .memberInfo .info.extend .welcome span { color:#da3e00; } #MDHeader .memberInfo .info.extend ul { } #MDHeader .memberInfo .info.extend ul li.le { float:left; width:41%; } #MDHeader .memberInfo .info.extend ul li.ri { float:left; width:59%; } #MDHeader .memberInfo .info.extend ul li span { display:inline-block; height:18px; line-height:18px; font-size:12px; vertical-align:top; } #MDHeader .memberInfo .info.extend ul li .name { color:555; width:61px; font-size:11px; } #MDHeader .memberInfo .info.extend ul li.le .name { width:45px; } #MDHeader .memberInfo .info.extend ul li .value { color:#d6d6d6; letter-spacing:-1px; font-size:11px; } #MDHeader .memberInfo .info.extend ul li .value.normalFix { display:none; } #MDHeader .memberInfo .info.extend ul li .value.extendFix { display:inline-block; } #MDHeader .memberInfo .info.extend .btnOC { background-position:-23px -266px; } #MDHeader .memberInfo .info ul li .value.expiration { text-decoration:line-through } /* entireMenu */ #MDHeader .headerLnb { display:none; border-bottom:1px solid #d0d0d0; background:#f1f1f1; } #MDHeader .headerLnb h3 { font-weight:bold; font-size:13px; padding:5px 5px; border-top:1px solid #F8F8F8; border-bottom:1px solid #E0E0E0; color:#555; } #MDHeader .headerLnb ul { padding:7px 0 7px 0; border-top:1px solid #F8F8F8; border-bottom:1px solid #d0d0d0; } #MDHeader .headerLnb ul.last {border-bottom:0; } #MDHeader .headerLnb ul li { float:left; width:20%; text-align:center; padding-bottom:5px; } #MDHeader .headerLnb ul li a { display:inline-block; text-decoration:none; } #MDHeader .headerLnb ul li span { display:block; margin:0 auto; } #MDHeader .headerLnb ul li em { display:inline-block; font-style:normal; font-size:12px; color:#666; vertical-align:top; } /* 전체메뉴 레이어 내정보 */ #MDHeader .hd_entireMenu { display:none; position:absolute; background:#fff; top:0; right:0; width:250px; height:100%; z-index:1001; position:fixed; box-shadow:-8px -8px 5px rgba(0,0,0,0.4); } #MDHeader .hd_entireMenu.show {display:block} /* 내 정보 */#MDHeader .hd_entireMenu .myInfopage {display:block;} #MDHeader .hd_entireMenu .btn_C {position:absolute; top:18px; right:225px; display:block; width:15px; height:17px; background-position:-175px -248px; font-size:0; } #MDHeader .hd_entireMenu .top_nav {background:#434547; overflow:hidden;} #MDHeader .hd_entireMenu .top_nav li {float:left; height:30px; padding:11px 18px; color:#b6b4b4;} #MDHeader .hd_entireMenu .top_nav li.myinfo {border-right:1px solid #434547; margin-left:20px;} #MDHeader .hd_entireMenu .top_nav li.chargeshop {border-left:1px solid #45312c;} #MDHeader .hd_entireMenu .top_nav .loginLi {border-right:1px solid #434547; margin-left:20px;} #MDHeader .hd_entireMenu .top_nav .registLi {border-left:1px solid #45312c;} #MDHeader .hd_entireMenu .top_nav li a {color:#b6b4b4; display:block; width:77px; height:30px; } #MDHeader .hd_entireMenu .top_nav li a span {display:block; float:left;} #MDHeader .hd_entireMenu .top_nav li a .icon {width:26px; height:26px; margin-right:5px; } #MDHeader .hd_entireMenu .top_nav .myinfo a .nav1 {background-position:0 -267px;} #MDHeader .hd_entireMenu .top_nav .chargeshop a .nav2 {background-position:-28px -267px;} #MDHeader .hd_entireMenu .top_nav .loginLi a .nav3 {background-position:-69px -267px;} #MDHeader .hd_entireMenu .top_nav .registLi a .nav4 {background-position:-99px -267px;} #MDHeader .hd_entireMenu .top_nav .join {padding:11px 12px;} #MDHeader .hd_entireMenu .top_nav .join .join2 {width:91px;} #MDHeader .hd_entireMenu .top_nav li a .title_nav { font-weight:bold; font-size:14px; line-height:26px; color:#fff;} #MDHeader .hd_entireMenu .pointIF {margin:12px;} #MDHeader .hd_entireMenu .pointIF h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDHeader .hd_entireMenu .pointIF .subPoint {background:#fcfcfc; border:1px solid #dadada; padding:9px; border-radius:5px; overflow:hidden;} #MDHeader .hd_entireMenu .pointIF .subPoint li {color:#5c5452; margin-bottom:1px; float:left; width:101px; letter-spacing:-1px;} #MDHeader .hd_entireMenu .pointIF .subPoint .bonusLi {width:202px;} #MDHeader .hd_entireMenu .pointIF .subPoint li .blue {color:#20a6de;} #MDHeader .hd_entireMenu .pointIF .subPoint li .orange {color:#dc2222;} #MDHeader .hd_entireMenu .pointIF .subPoint li .purple {color:#815289;} #MDHeader .hd_entireMenu .pointIF .subPoint li .expiration { text-decoration:line-through; } #MDHeader .hd_entireMenu .allMenu {margin:12px;} #MDHeader .hd_entireMenu .allMenu h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDHeader .hd_entireMenu .allMenu .suballMenu {background:#fcfcfc; border:1px solid #dadada; padding:4px; border-radius:5px; overflow:hidden;} #MDHeader .hd_entireMenu .allMenu .suballMenu li {float:left; width:51px; margin:9px ;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a {display:block; text-decoration:none;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a span {display:block;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .icon {width:51px; height:51px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec1 {background-position:-0 -302px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec2 {background-position:-55px -302px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec3 {background-position:-112px -302px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec4 {background-position:-0 -357px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec5 {background-position:-55px -357px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .sec6 {background-position:-112px -357px;} #MDHeader .hd_entireMenu .allMenu .suballMenu li a .title_sec{text-align:center; color:#53413c; letter-spacing:-1px; padding-top:6px;} #MDHeader .hd_entireMenu .callCenter {margin:12px;} #MDHeader .hd_entireMenu .callCenter h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDHeader .hd_entireMenu .callCenter ul {background:#fcfcfc; border:1px solid #dadada; padding:12px; border-radius:5px; overflow:hidden;} #MDHeader .hd_entireMenu .callCenter ul li {float:left;} #MDHeader .hd_entireMenu .callCenter ul li.phoneIcon {width:24px; height:24px; background-position:-136px -268px; margin-right:15px; } #MDHeader .hd_entireMenu .callCenter ul li a {font-size:16px; font-weight:bold; color:#ff3c00; } /* 전체메뉴 로그인 */ #MDHeader .myLoginpage {display:block;} #MDHeader .myLoginpage .loginform {margin:12px;} #MDHeader .myLoginpage .loginform h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDHeader .myLoginpage .loginform .loginwrap {margin-top: ;} #MDHeader .myLoginpage .loginform .loginwrap .IDinsert {border:1px solid #dedede; background:#fafafa; padding:5px; border-radius:4px; width:150px; margin-bottom:5px;} #MDHeader .myLoginpage .loginform .loginwrap .PWinsert{border:1px solid #dedede; background:#fafafa; padding:5px; border-radius:4px; width:150px;} #MDHeader .myLoginpage .loginform .loginwrap .loginBtn { border:0; width:60px; height:58px; background-position:0 -420px; font-size:0; position:absolute; top:97px; right:11px} #MDHeader .myLoginpage .loginform .checkwrap {margin-top:10px;} #MDHeader .myLoginpage .loginform .checkwrap .idcheck {margin-right:3px; border-radius:4px; } #MDHeader .myLoginpage .loginform .checkwrap label {padding-right:8px; font-size:11px;} #MDHeader .myLoginpage .loginform .checkwrap .pwcheck {margin-right:3px; border-radius:4px; } #MDHeader .myLoginpage .loginform p {font-size:11px; font-weight:normal; margin-top:20px; line-height:16px; color:#a59a97;display:none;} /* 전체메뉴 회원가입 */ #MDHeader .myjoinpage {display:none;} #MDHeader .myjoinpage .loginform {margin:12px;} #MDHeader .myjoinpage .loginform h3 {color:#53413c; font-size:14px; padding:5px 3px; letter-spacing:-1px;} #MDHeader .myjoinpage .loginform .joinwrap {} #MDHeader .myjoinpage .loginform .joinwrap .IDinsert {border:1px solid #dedede; background:#fafafa; padding:5px; border-radius:4px; width:150px; margin-bottom:5px;} #MDHeader .myjoinpage .loginform .joinwrap .PWinsert {border:1px solid #dedede; background:#fafafa; padding:5px; border-radius:4px; width:150px; margin-bottom:5px;} #MDHeader .myjoinpage .loginform .joinwrap .joinBtn{ border:0; width:65px; height:90px; background-position:-64px -420px; font-size:0; position:absolute; top:97px; right:4px; cursor:pointer;} #MDHeader .myjoinpage .loginform .agree {margin-right:2px; margin-left:2px; border-radius:4px; } #MDHeader .myjoinpage .loginform label {font-size:10px; letter-spacing:-0.3px;} #MDHeader .myjoinpage .loginform .checkwrap { padding:2px; margin :15px 0; overflow:hidden;} #MDHeader .myjoinpage .loginform .checkwrap .readmore{ display:inline-block; float:left;border:1px solid #dedede; background:#f2f2f2; padding:4px 8px; font-size:11px; font-weight:normal; text-decoration:none; margin-right:7px; background:linear-gradient(to bottom, #fbfbfb, #f0f0f0); border-radius:4px;} #MDHeader .myjoinpage .loginform ul {background:#fafafa; border:3px solid #eeeeee; padding:8px; border-radius:5px; overflow:hidden; margin-top:60px;} #MDHeader .myjoinpage .loginform ul li { font-size:11px; letter-spacing:-1px; line-height:16px; font-weight:normal; color:#5c5452; margin-bottom:3px;} #MDHeader .myjoinpage .loginform ul li.title {font-size:13px; color:#ff3c00; font-weight:bold;} /* common_set media query */ #MDHeader .hd_entireMenu .btn_C, #MDHeader .hd_entireMenu .top_nav li a .icon, #MDHeader .hd_entireMenu .allMenu .suballMenu li a .icon, #MDHeader .hd_entireMenu .callCenter ul li.phoneIcon, #MDHeader .myLoginpage .loginform .loginwrap .loginBtn, #MDHeader .myjoinpage .loginform .joinwrap .joinBtn { background-size:190px 704px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/icon320.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){ #MDHeader .hd_entireMenu .btn_C, #MDHeader .hd_entireMenu .top_nav li a .icon, #MDHeader .hd_entireMenu .allMenu .suballMenu li a .icon, #MDHeader .hd_entireMenu .callCenter ul li.phoneIcon, #MDHeader .myLoginpage .loginform .loginwrap .loginBtn, #MDHeader .myjoinpage .loginform .joinwrap .joinBtn, { background-image:url(http://img1.filewang.net/common/m/icon/icon640.png); } } @media screen and (-webkit-min-device-pixel-ratio:2){ #MDHeader .hd_entireMenu .btn_C, #MDHeader .hd_entireMenu .top_nav li a .icon, #MDHeader .hd_entireMenu .allMenu .suballMenu li a .icon, #MDHeader .hd_entireMenu .callCenter ul li.phoneIcon, #MDHeader .myLoginpage .loginform .loginwrap .loginBtn, #MDHeader .myjoinpage .loginform .joinwrap .joinBtn {background-image:url(http://img1.filewang.net/common/m/icon/icon640.png);} } /*헤더아래 grayline*/ /*#MDHeader .gray_line{display:block; height:4px; background:#e71919;}*/ @media screen and (-webkit-min-device-pixel-ratio:1.5)#MDHeader .gray_line { background:#e71919;} @media screen and (-webkit-min-device-pixel-ratio:2)#MDHeader .gray_line{ background:#e71919;} /* MDHeader2 */ #MDHeader2 { } /* logo */ #MDHeader2 .logoGnb { position:relative; height:48px; overflow:hidden; background-image:url(http://img1.filewang.net/m/common/bg/logognb_320.gif); background-repeat:repeat-x; } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader .logoGnb {background-image:url(http://img1.filewang.net/m/common/bg/logognb_640.gif);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader .logoGnb {background-image:url(http://img1.filewang.net/m/common/bg/logognb_480.gif);}} #MDHeader2 .logoGnb .siteLogo { position:absolute; left:6px; top:7px; width:102px; height:33px; } #MDHeader2 .logoGnb .siteLogo a { display:block; width:102px; height:33px; background-repeat:no-repeat; background-size:102px 33px; overflow:hidden; text-indent:-100px; background-image:url(http://img1.filewang.net/m/common/logo/logo_white_320_160518.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#MDHeader2 .logoGnb .siteLogo a {background-image:url(http://img1.filewang.net/m/common/logo/logo_white_480_160518.png);}} @media screen and (-webkit-min-device-pixel-ratio:2){#MDHeader2 .logoGnb .siteLogo a {background-image:url(http://img1.filewang.net/m/common/logo/logo_white_640_160518.png);}} /* headerGnb */ #MDHeader2 .gnb { height:48px; } #MDHeader2 .gnb ul { float:right; padding-right:5px; } #MDHeader2 .gnb ul li { height:48px; float:left; width:36px; } #MDHeader2 .gnb ul li a { display:block; width:100%; height:100%; text-align:center; text-decoration:none; } #MDHeader2 .gnb ul li span { display:inline-block; width:100%; height:39px; margin-top:4px; overflow:hidden; text-indent:-1000px; } #MDHeader2 .gnb ul li.home span { background-position:center top; } #MDHeader2 .gnb ul li.mypage span { background-position:center -39px; } #MDHeader2 .gnb ul li.pay span { background-position:center -78px; } #MDHeader2 .gnb ul li.coupon span { background-position:center -117px; } #MDHeader2 .gnb ul li.entireMenu a { background:none; } #MDHeader2 .gnb ul li.entireMenu span { background-position:center -156px; } /* memberInfo */ #MDHeader2 .memberInfo { padding:5px; border-bottom:1px solid #d0d0d0; background:#f6f6f6; } /* guestOnly */ #MDHeader2 .memberInfo .guestOnly { text-align:right; } #MDHeader2 .memberInfo a { margin-left:3px; width:50px; } /* info */ #MDHeader2 .memberInfo .info { position:relative; } #MDHeader2 .memberInfo .info .btnOC { position:absolute; right:0; top:-2px; display:block; width:23px; height:23px; overflow:hidden; text-indent:-1000px; } #MDHeader2 .memberInfo .info ul li .icon { display:inline-block; width:18px; height:18px; overflow:hidden; vertical-align:top; } #MDHeader2 .memberInfo .info ul li .icon.point { background-position:-1px -248px; } #MDHeader2 .memberInfo .info ul li .icon.bonus { background-position:-19px -248px; } #MDHeader2 .memberInfo .info ul li .icon.coupon { background-position:-37px -248px; } #MDHeader2 .memberInfo .info ul li .icon.fix { background-position:-55px -248px; } /* normal */ #MDHeader2 .memberInfo .info.normal { } #MDHeader2 .memberInfo .info.normal .welcome { display:none; } #MDHeader2 .memberInfo .info.normal ul { } #MDHeader2 .memberInfo .info.normal ul li { float:left; margin-right:5px; } #MDHeader2 .memberInfo .info.normal ul li span { height:18px; line-height:18px; vertical-align:top; } #MDHeader2 .memberInfo .info.normal ul li .name { display:none; } #MDHeader2 .memberInfo .info.normal ul li .value { color:#666; letter-spacing:-1px; font-size:11px; } #MDHeader2 .memberInfo .info.normal ul li .value.normalfix { display:inline-block; } #MDHeader2 .memberInfo .info.normal ul li .value.extendFix { display:none; } #MDHeader2 .memberInfo .info.normal .btnOC { background-position:0 -266px; } /* extend */ #MDHeader2 .memberInfo .info.extend { } #MDHeader2 .memberInfo .info.extend .welcome { display:block; padding-bottom:2px; color:#555; font-size:12px; } #MDHeader2 .memberInfo .info.extend .welcome span { color:#da3e00; } #MDHeader2 .memberInfo .info.extend ul { } #MDHeader2 .memberInfo .info.extend ul li.le { float:left; width:41%; } #MDHeader2 .memberInfo .info.extend ul li.ri { float:left; width:59%; } #MDHeader2 .memberInfo .info.extend ul li span { display:inline-block; height:18px; line-height:18px; font-size:12px; vertical-align:top; } #MDHeader2 .memberInfo .info.extend ul li .name { color:555; width:61px; font-size:11px; } #MDHeader2 .memberInfo .info.extend ul li.le .name { width:45px; } #MDHeader2 .memberInfo .info.extend ul li .value { color:#777777; letter-spacing:-1px; font-size:11px; } #MDHeader2 .memberInfo .info.extend ul li .value.normalFix { display:none; } #MDHeader2 .memberInfo .info.extend ul li .value.extendFix { display:inline-block; } #MDHeader2 .memberInfo .info.extend .btnOC { background-position:-23px -266px; } #MDHeader2 .memberInfo .info ul li .value.expiration { text-decoration:line-through } /* entireMenu */ #MDHeader2 .headerLnb { display:none; border-bottom:1px solid #d0d0d0; background:#f1f1f1; } #MDHeader2 .headerLnb h3 { font-weight:bold; font-size:13px; padding:5px 5px; border-top:1px solid #F8F8F8; border-bottom:1px solid #E0E0E0; color:#555; } #MDHeader2 .headerLnb ul { padding:7px 0 7px 0; border-top:1px solid #F8F8F8; border-bottom:1px solid #d0d0d0; } #MDHeader2 .headerLnb ul.last {border-bottom:0; } #MDHeader2 .headerLnb ul li { float:left; width:20%; text-align:center; padding-bottom:5px; } #MDHeader2 .headerLnb ul li a { display:inline-block; text-decoration:none; } #MDHeader2 .headerLnb ul li span { display:block; margin:0 auto; } #MDHeader2 .headerLnb ul li em { display:inline-block; font-style:normal; font-size:12px; color:#666; vertical-align:top; } /* footer */ #MDFooter { } #MDFooter .footerBanner { height:50px; margin:0; padding:0; border-top:1px solid #cecece; text-align:center; } #MDFooter .footerBanner2 { height:60px; margin:0; padding:0; border-top:1px solid #cecece; text-align:center; } #MDFooter .footerContent { border-top:1px solid #cecece; background:#fafafa; padding:15px 0; margin-bottom:40px; } #MDFooter nav { } #MDFooter nav ul { padding:0 0 0 0; text-align:center; } #MDFooter nav ul li { display:inline-block; height:10px; font-size:12px; font-weight:bold; border-right:1px solid #b5b5b5; } #MDFooter nav ul li.last { border:0; } #MDFooter nav ul li a { display:block; margin:0 8px; margin-top:-2px; color:#555; text-decoration:none; } #MDFooter .copyright { color:#777; text-align:center; padding-top:7px; font-size:11px; } #MDFooter .copyContent { color:#777; text-align:center; padding:7px 7px 0 7px; font-size:10px; line-height:12px; } #MDFooter .copyContent .bar { display:inline-block; margin:0 3px; margin-top:1px; color:#CCC; font-size:8px; vertical-align:top; } #MDFooter .copyContent .line { display:block; } /* cobtnRou */ .cobtnRou { display:inline-block; padding:2px 4px; color:#666666; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #fafafa; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } .cobtnRou:hover { text-decoration:none; } .cobtnRou.orange { text-decoration:none; background:#dc2222; border-radius:5px; color:#fff; height:22px; line-height:22px; margin-top:-2px; } .cobtnRou.blue { text-decoration:none; border:1px solid #da4b1f; background-color:#ff3f04; background: -webkit-gradient(linear, left top, left bottom, from(#ff9256), to(#ff5a00)); background: -moz-linear-gradient(top,#ff9256, #ff5a00); background: -ms-linear-gradient(top,#ff9256, #ff5a00); background: -o-linear-gradient(top,#ff9256, #ff5a00); color:#fff; text-shadow:0 0 2px #7d1800; } .cobtnRou.disable { display:inline-block; padding:2px 4px; color:#C6C6C6; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #EBEBEB; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FAFAFA)); background: -moz-linear-gradient(top,#fff, #FAFAFA); background: -ms-linear-gradient(top,#fff, #FAFAFA); background: -o-linear-gradient(top,#fff, #FAFAFA); } /* cobtnRouM */ .cobtnRouM { display:inline-block; padding:6px 9px; color:#666666; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; border:1px solid #c0bfbf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } .cobtnRouM:hover { text-decoration:none; } .cobtnRouM.orange { text-decoration:none; border:1px solid #F25454; background:#F25454; color:#fff; } .cobtnRouM.green { text-decoration:none; border:1px solid #9ABF3F; background:#9ABF3F; color:#fff; } .cobtnRouM.yellow { text-decoration:none; border:1px solid #f6c916; background:#f6c916; color:#fff; } /* btnMoreview */ #moreViewLine { position:relative; height:44px; overflow:hidden; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ } #moreViewLine .btnMore {background:#fafafa; display:block; height:44px; margin-right:44px; border-right:1px solid #dadada; line-height:44px; font-size:17px; font-weight:bold; text-align:center; color:#777; text-decoration:none; } #moreViewLine .btnMore2 {background:#fafafa; display:; height:44px; margin-right:44px; border-right:1px solid #dadada; line-height:44px; font-size:17px; font-weight:bold; text-align:center; color:#fff; text-decoration:none; } #moreViewLine .btnTop {background:#fafafa; position:absolute; right:0; top:0; display:block; width:43px; height:32px; padding-top:12px; text-align:center; border-left:1px solid #fff; } /* commonPaginate1 */ .commonPaginate1 { text-align:center; vertical-align:top; } .commonPaginate1 a { display:inline-block; margin-left:-1px; font-size:15px; height:16px; line-height:16px; color:#555; padding:12px 12px; border-left:1px solid #e2e2e2; letter-spacing:-1px; overflow:hidden; vertical-align:top; border:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); background: -moz-linear-gradient(top,#fff, #f0f0f0); background: -ms-linear-gradient(top,#fff, #f0f0f0); background: -o-linear-gradient(top,#fff, #f0f0f0); } .commonPaginate1 a.on { background:#fff; color:#F30; font-weight:bold; } .commonPaginate1 .prevBtn, .commonPaginate1 .nextBtn { display:inline-block; height:20px; padding:10px 12px; overflow:hidden; color:#575757; letter-spacing:0; vertical-align:top; } .commonPaginate1 .prevBtn span, .commonPaginate1 .nextBtn span { display:inline-block; width:12px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:12px 20px; overflow:hidden; text-indent:-1000px; } .commonPaginate1 .prevBtn span { background-image:url(http://img1.filewang.net/m/common/icon/paginate_prev.png); } .commonPaginate1 .nextBtn span { background-image:url(http://img1.filewang.net/m/common/icon/paginate_next.png); } /* starScore */ .starScore, .starScore * { height:16px; overflow:hidden; background-size:73px 32px; background-image:url(http://img1.filewang.net/m/common/icon/starscore.png); background-repeat:no-repeat; } .starScore { display:inline-block; width:73px; } .starScore span { display:block; width:20%; background-position:0 -16px; } /* MenuIcon */ .MenuIcon { display:inline-block; width:41px; height:41px; overflow:hidden; } .MenuIcon.allFile { background-position:0 -289px; } .MenuIcon.movie { background-position:-41px -289px; } .MenuIcon.drama { background-position:-82px -289px; } .MenuIcon.video { background-position:-123px -289px; } .MenuIcon.ani { background-position:0 -330px; } .MenuIcon.adult { background-position:-41px -330px; } .MenuIcon.edu { background-position:-82px -330px; } .MenuIcon.pay { background-position:-123px -330px; } .MenuIcon.coupon { background-position:0 -371px; } .MenuIcon.myinfo { background-position:-41px -371px; } .MenuIcon.mydown { background-position:-82px -371px; } .MenuIcon.myscrap { background-position:-123px -371px; } .MenuIcon.notice { background-position:0 -412px; } .MenuIcon.to1help { background-position:-41px -412px; } /* mobile checkbox */ input[type='checkbox']{ vertical-align:middle; } input[type='checkbox']{ background:#fff; border:solid 2px #bbb; border-radius:0; height:20px; width:20px; -webkit-appearance:none; } input[type='checkbox']:checked{ background:#fff; border:solid 2px #bbb; } input[type='checkbox']:checked:after { content:''; position:relative; top:0; left:0; display:block; width:16px; height:16px; background:#fff; background-image:url(http://img1.filewang.net/m/common/icon/check_red.png); background-size:16px 16px; background-position:left top; } input[type='checkbox']:disabled{ border:solid 2px #ddd; background:#fafafa; } /* mobile radio */ input[type='radio']{ vertical-align:middle; } input[type='radio']{ background:#fff; border:solid 2px #bbb; border-radius:10px; height:20px; width:20px; -webkit-appearance:none; } input[type='radio']:checked{ border:solid 2px #bbb; border-radius:10px; } input[type='radio']:checked:after { content:''; position:relative; top:0; left:0; display:block; width:16px; height:16px; border-radius:10px; background:#fff; background-image:url(http://img1.filewang.net/m/common/icon/radio_orange.gif); background-size:10px 10px; background-position:center center; background-repeat:no-repeat; } input[type='radio']:disabled{ border:solid 2px #ddd; background:#fafafa; } /* mobile selectbox */ select { padding-left:4px; padding-right:15px; background-image:url(http://img1.filewang.net/m/common/icon/select_arrow.gif); background-size:15px 6px; background-repeat:no-repeat; background-position:right center; background-color:#fafafa; -webkit-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; background-color:#f6f6f6; } /* common_set media query */ #MDHeader .headerGnb ul li a, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon { background-size:190px 704px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/icon320.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){ #MDHeader .headerGnb ul li a, #MDHeader .headerGnb ul li span, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon { background-image:url(http://img1.filewang.net/common/m/icon/icon640.png); } } @media screen and (-webkit-min-device-pixel-ratio:2){ #MDHeader .headerGnb ul li a, #MDHeader .headerGnb ul li span, #MDHeader .memberInfo .info .btnOC, #MDHeader .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn, .MenuIcon {background-image:url(http://img1.filewang.net/common/m/icon/icon640.png);} } #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn { background-size:189px 700px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/icon320.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5){ #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn{ background-image:url(http://img1.filewang.net/common/m/icon/icon640.png); } } @media screen and (-webkit-min-device-pixel-ratio:2){ #MDHeader2 .gnb ul li span, #MDHeader2 .memberInfo .info .btnOC, #MDHeader2 .memberInfo .info ul li .icon, #diskboardCont .searchForm .searchBtn {background-image:url(http://img1.filewang.net/common/m/icon/icon640.png);} } /* MDContent */ #MDContent { } /* diskboardCont */ #diskboardCont { } /* diskSearchForm */ #diskboardCont .diskSearchForm { padding:9px 5px 0 5px; background:#fafafa; } #diskboardCont .diskSearchForm fieldset { position:relative; } #diskboardCont .diskSearchForm .Keyword { position:relative; height:14px; border:4px solid #ff5300; margin-right:40px; padding:3px 4px 4px 4px; } #diskboardCont .diskSearchForm .Keyword input { display:block; width:100%; height:100%; border:0; margin:0; padding:0; -webkit-appearance:none; height:14px; line-height:14px; font-size:12px; color:#777; } #diskboardCont .diskSearchForm .searchBtn { position:absolute; right:0; top:0; display:block; width:36px; height:29px; border:0; margin:0; padding:0; background-repeat:no-repeat; background-size:36px 29px; overflow:hidden; text-indent:-100px; background-image:url(http://img1.filewang.net/m/common/button/header_search_320.gif); } @media screen and (-webkit-min-device-pixel-ratio:1.5){#diskboardCont .diskSearchForm .searchBtn {background-image:url(http://img1.filewang.net/m/common/button/header_search_480.gif);}} @media screen and (-webkit-min-device-pixel-ratio:2){#diskboardCont .diskSearchForm .searchBtn {background-image:url(http://img1.filewang.net/m/common/button/header_search_640.gif);}} /* diskSnb */ #diskboardCont .diskSnb { background:#fafafa; /*border-bottom:1px solid #dddddd;*/ width:100%; padding:0; text-align:left; position:fixed; padding:0; margin:0; /*z-index:1000;*/ } /*#diskboardCont .diskSnb { text-align:left; position:absolute; top:200px; right:10px; padding:0; margin:0; z-index:1000; }*/ #diskboardCont .diskSnb .ftClear {/* margin-bottom:30px;*/ } #diskboardCont .diskSnb .singleLine {/*margin-bottom:32px;*/ } #diskboardCont .diskSnb .bottom_line li:nth-child(4), #diskboardCont .diskSnb li:nth-child(5) { border-right:0;} #diskboardCont .diskSnb li { float:left; width:25% !important; height:39px; box-sizing:border-box; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #diskboardCont .diskSnb li.two {/*width:11.333%*/ width:11%;} #diskboardCont .diskSnb li.three {/*width:13.333%;*/ width:12.8%;} #diskboardCont .diskSnb li.four {width:13.8%} #diskboardCont .diskSnb a { display:block; padding:12px 1px; color:#3a302d; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; box-sizing:border-box; height:39px; white-space:nowrap; letter-spacing:-1px; overflow:hidden; font-family:'돋움','dotum'; border:0; background:none;; /* Old browsers */ } #diskboardCont .diskSnb li.now a { color:#d12323; border-bottom:6px solid #d12323; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9256', endColorstr='#ff5a00',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb li a.yellowBtn { color:#7b3a00; border:1px solid #e2bb66; background: #ffdfae; /* Old browsers */ background: -moz-linear-gradient(top, #fff6e7 0%, #ffdfae 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6e7), color-stop(100%,#ffdfae)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff6e7 0%,#ffdfae 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6e7', endColorstr='#ffdfae',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb li a .iconAdult { width:10px; height:10px; background:url(http://img1.filewang.net/m/common/icon/list_adult.gif) no-repeat ; background-size:10px 10px; display:inline-block; margin-right:2px; vertical-align:middle; } #diskboardCont .white {height:68px; display:block;} /* diskSnb2 */ /*#diskboardCont .diskSnb2 { text-align:left; position:absolute; top:200px; right:10px; padding:0; margin:0; z-index:1000; }*/ #diskboardCont .diskSnb2 { background:#fafafa; width:100%; padding:0; margin:0; text-align:left; top:80px; right:10px; z-index:1001; } #diskboardCont .diskSnb2 .ftClear { margin-bottom:64px; } #diskboardCont .diskSnb2 .singleLine {margin-bottom:32px; } #diskboardCont .diskSnb2 li { float:left; } #diskboardCont .diskSnb2 li.two {width:11.333%} #diskboardCont .diskSnb2 li.three {width:15.333%;} #diskboardCont .diskSnb2 li.four {width:20.001%} #diskboardCont .diskSnb2 a { display:block; padding:12px 1px; color:#3a302d; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; white-space:nowrap; letter-spacing:-1px; overflow:hidden; border:0; background:none;; /* Old browsers */ } #diskboardCont .diskSnb2 li.now a { color:#d12323; border-bottom:6px solid #d12323; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9256', endColorstr='#ff5a00',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb2 li a.yellowBtn { color:#7b3a00; border:1px solid #e2bb66; background: #ffdfae; /* Old browsers */ background: -moz-linear-gradient(top, #fff6e7 0%, #ffdfae 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff6e7), color-stop(100%,#ffdfae)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff6e7 0%,#ffdfae 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff6e7 0%,#ffdfae 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6e7', endColorstr='#ffdfae',GradientType=0 ); /* IE6-9 */ } #diskboardCont .diskSnb2 li a .iconAdult { width:10px; height:10px; background:url(http://img1.filewang.net/m/common/icon/list_adult.gif) no-repeat ; background-size:10px 10px; display:inline-block; margin-right:2px; vertical-align:middle; } /* #diskboardCont .diskSnb2 .sub {display:block; background:#434547; position:absolute; top:133px; left:0; width:100%;} */ #diskboardCont .diskSnb2 .sub {display:block; background:#434547; /*position:absolute; top:255px;*/ left:0; width:100%;} #diskboardCont .diskSnb2 .sub li { overflow:hidden; width:25%; border-right:1px solid #5e5858; border-bottom:1px solid #5e5858; box-sizing:border-box; background:#434547; } #diskboardCont .diskSnb2 .sub a { display:block; padding:9px; color:#dfdedc; font-size:11px; font-weight:normal; } #diskboardCont .diskSnb2 .sub .on {color:#ff9a5d;} /* #diskboardCont .diskSnb .All {display:block;} #diskboardCont .diskSnb .Movie {display:none;} #diskboardCont .diskSnb .Drama {display:none;} #diskboardCont .diskSnb .TV{display:none;} #diskboardCont .diskSnb .Ani {display:none;} */ /* search */ #diskboardCont .searchForm { padding:10px 4px 0px 4px; background:#fafafa; overflow:hidden; /*border-bottom:1px dotted #dddddd;*/ z-index:100;} #diskboardCont .searchForm .srch_field {height:32px !important; } #diskboardCont .searchForm .Keyword { padding:5px 6px 6px 6px; border:2px solid #e71919; border-radius:4px; position:relative;} #diskboardCont .searchForm .Keyword:hover{border:2px solid #e71919;} #diskboardCont .searchForm .Keyword input { display:block; width:100%; border:0; margin:0; padding:0; height:16px; font-size:11px; color:#777; background:#fafafa;} #diskboardCont .searchForm .searchBtn {position:relative; float:right; top:-25px; right:10px; width:18px; height:18px; display:block; background-position:0 -245px; border:0; font-size:0; } #diskboardCont .searchForm .on { } /* 성인웹툰 배너 */ .m_banner { } .m_banner a.adult { display:block; width:55%; background:#fdad11; height:40px; float:left;} .m_banner a.adult .webtoon {width:176px; height:40px; float:right; background:url(http://img1.filewang.net/banner/adultToon/banner1.jpg) no-repeat 0 0; background-size:176px 40px;} .m_banner a.movie { display:block; width:45%; background:#3a85ca; height:40px; float:left; } .m_banner a.movie .freemovie {width:143px; height:40px; float:left; background:url(http://img1.filewang.net/banner/adultToon/banner2.jpg) no-repeat 0 0; background-size:143px 40px;} /* diskboardList */ #diskboardCont .diskboardList { } #diskboardCont .diskboardList .norecord { height:auto; padding:20px 0; font-weight:bold; color:#777; font-size:14px; text-align:center; border-bottom:1px solid #ddd; } #diskboardCont .diskboardList ul { } #diskboardCont .diskboardList ul li { height:64px; padding:5px 5px 5px 5px; overflow:hidden; border-bottom:1px solid #ddd; } #diskboardCont .diskboardList ul li a { position:relative; display:block; height:64px; overflow:hidden; padding-left:107px; text-decoration:none; } #diskboardCont .diskboardList ul li .thumb { position:absolute; left:0; top:0; width:102px; height:64px; font-size:0; line-height:0; overflow:hidden; } #diskboardCont .diskboardList ul li .thumb .size { position:absolute; right:0; bottom:0; display:block; padding:1px 3px; line-height:15px; text-align:right; font-size:10px; font-weight:bold; background:#000; opacity:0.5; color:#fff; } #diskboardCont .diskboardList ul li .thumb .numbering { position:absolute; left:0; top:0; display:block; padding:1px 3px; line-height:17px; text-align:right; font-size:12px; font-weight:bold; background:#FFF; opacity:0.8; color:red; } #diskboardCont .diskboardList ul li .subject, #diskboardCont .diskboardList ul li .cate, #diskboardCont .diskboardList ul li .price { display:block; } #diskboardCont .diskboardList ul li .subject { height:47px; overflow:hidden; line-height:15px; font-size:13px; word-break:break-all; color:#333; } #diskboardCont .diskboardList ul li .subject .iconAdult { display:inline-block; vertical-align:top; margin-right:3px } #diskboardCont .diskboardList ul li .cate { height:15px; margin-top:2px; font-size:12px; line-height:15px; color:#777; overflow:hidden; } #diskboardCont .diskboardList ul li .price { height:15px; color:#CCC; font-size:12px; vertical-align:top; } #diskboardCont .diskboardList ul li .price * { height:15px; } #diskboardCont .diskboardList ul li .price .tline { text-decoration:line-through; vertical-align:top; } #diskboardCont .diskboardList ul li .price .red { color:#f00; vertical-align:top; } #diskboardCont .diskboardList ul li .price .arrow { display:inline-block; width:10px; height:15px; padding:0 3px; background-size:10px 7px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/price_arrow.gif); background-position:center center; } /* #diskboardCont .diskboardList ul li .price .saleIcon { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/list_sale75.png); background-position:center top; } */ #diskboardCont .diskboardList ul li .price .saleIcon { display:inline-block; width:30px; height:14px; padding:0 3px; background-size:30px 14px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardList ul li .price .saleIcon2 { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardList ul li.denyContent { background:#ffc6c6; } #diskboardCont .diskboardList ul li.denyContent strong.subject { text-decoration:line-through; color:#929292; } /* block content */ #diskboardCont .diskboardList ul li.block { background-color:#FFF9F7; } #diskboardCont .diskboardList ul li.block * { color:#999 !important; } /* diskboardView */ #diskboardCont .diskboardView { clear:both; } #diskboardCont .diskboardView h2.subject { padding:10px 5px; font-size:15px; word-break:break-all; color:#333; background:#fafafa; clear:both;} #diskboardCont .diskboardView .postInfo { padding:5px 5px 2px 5px; border-top:1px solid #e4e4e4; background:#fafafa; } #diskboardCont .diskboardView .postInfo table { width:100%; border:0; } #diskboardCont .diskboardView .postInfo table th, #diskboardCont .diskboardView .postInfo table td { height:16px; line-height:16px; vertical-align:top; font-size:11px; } #diskboardCont .diskboardView .postInfo table th { text-align:left; color:#555555; overflow:hidden; } #diskboardCont .diskboardView .postInfo table td { color:#777; } #diskboardCont .diskboardView .postInfo table td * { height:16px; overflow:hidden; letter-spacing:-1px; } #diskboardCont .diskboardView .postInfo table td .tline { text-decoration:line-through; vertical-align:top; } #diskboardCont .diskboardView .postInfo table td .red { color:#f00; vertical-align:top; } #diskboardCont .diskboardView .postInfo table td .arrow { display:inline-block; width:10px; height:15px; padding:0 2px; background-size:10px 7px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/price_arrow.gif); background-position:center center; } #diskboardCont .diskboardView .postInfo table td .saleIcon { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardView .postInfo table td .saleIcon2 { display:inline-block; width:28px; height:15px; padding:0 3px; background-size:28px 14px; background-repeat:no-repeat; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-position:center top; } #diskboardCont .diskboardView .postInfo table td .starScore { } #diskboardCont .diskboardView .viewBtnGroup { padding-top:15px; border-top:1px solid #dddddd; background-image:url(http://img1.filewang.net/m/common/bg/shadowborder_top.gif); background-size:1px 5px; background-repeat:repeat-x; background-position:left top; text-align:center; font-size:0; line-height:0; } #diskboardCont .diskboardView .viewBtnGroup a { display:inline-block; margin:5px 2px; } #diskboardCont .diskboardView .fileList { padding:15px 0 5px 0; border-bottom:1px solid #dddddd; background-image:url(http://img1.filewang.net/m/common/bg/shadowborder_bottom.gif); background-size:1px 5px; background-repeat:repeat-x; background-position:left bottom; } #diskboardCont .diskboardView .fileList h3 { height:46px; line-height:27px; padding:8px 5px 5px 5px; border-top:2px solid #dddddd; border-bottom:1px solid #dddddd; font-size:15px; font-weight:bold; color:#444; } #diskboardCont .diskboardView .fileList h3 span { display:inline-block; height:17px; line-height:16px; padding-left:7px; font-size:11px; color:#707070; vertical-align:top; } #diskboardCont .diskboardView .fileList h3 a.mem_gray {display:block; line-height:12px; padding:2px 1px; width:50px; float:left; text-align:center;margin-left:5px; border-radius:8px; letter-spacing:-1px; box-sizing:border-box; text-decoration:none; background:linear-gradient(to bottom, #e5e5e5, #cccaca); border:1px solid #b4b4b4; font-size:11px; font-weight:normal; float:right;} #diskboardCont .diskboardView .fileList table { width:100%; border:0; margin:0; padding:0; } #diskboardCont .diskboardView .fileList table td { word-break:break-all; vertical-align:middle; border-bottom:1px solid #ddd; } #diskboardCont .diskboardView .fileList table td.txt { padding:5px; } #diskboardCont .diskboardView .fileList table td.btn { padding:5px 5px 5px 0; text-align:right; vertical-align:middle; } #diskboardCont .diskboardView .fileList table td.btn a { display:inline-block; vertical-align:middle; margin-top:2px; } #diskboardCont .diskboardView .fileList table td.btn a img { border-radius:10px; } #diskboardCont .diskboardView .fileList table td .name { display:block; padding-bottom:3px; font-size:13px; color:#535353; word-break:break-all; line-height:15px; } #diskboardCont .diskboardView .fileList table td .infoTxt { display:inline-block; padding-right:10px; color:#bb8059; } #diskboardCont .diskboardView .fileList .notice { color:#777; text-align:center; padding:5px 5px 5px 5px; } #diskboardCont .diskboardView .postContent { padding:10px 5px 7px 5px; word-break:break-all; overflow:hidden; border-bottom:1px solid #dddddd; } #diskboardCont .diskboardView .postContent img { max-width:100% !important; } #diskboardCont .diskboardView .screenshot { padding:20px 0 10px 0; } #diskboardCont .diskboardView .screenshot h4 { font-size:15px; letter-spacing:-1px; height:20px; padding:0 0 10px 24px; overflow:hidden; line-height:20px; color:#F30; font-weight:bold; background:url(http://img1.filewang.net/m/common/icon/diskboard_screenshot.gif) no-repeat; background-size:20px 20px; } #diskboardCont .diskboardView .comment { } #diskboardCont .diskboardView .comment .commentWrite { padding:10px 5px 10px 5px; } #diskboardCont .diskboardView .comment .commentWrite fieldset { position:relative; padding-right:55px; } #diskboardCont .diskboardView .comment .commentWrite span { position:relative; display:block; height:36px; padding:5px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #diskboardCont .diskboardView .comment .commentWrite span label { display:block; position:absolute; left:5px; top:5px; word-break:break-all; color:#777; } #diskboardCont .diskboardView .comment .commentWrite span .inputComment { width:100%; height:100%; border:0; padding:0; margin:0; resize:none; color:#555; } #diskboardCont .diskboardView .comment .commentWrite .submit { position:absolute; right:0; top:0; } #diskboardCont .diskboardView .comment .commentList { } #diskboardCont .diskboardView .comment .commentList ul { } #diskboardCont .diskboardView .comment .commentList li { position:relative; padding:8px 5px 8px 5px; border-bottom:1px dotted #a8a8a8; } #diskboardCont .diskboardView .comment .commentList li .writer { display:block; padding-bottom:7px; font-weight:bold; color:#333; font-size:13px; } #diskboardCont .diskboardView .comment .commentList li .commentContent { color:#555; font-size:12px; word-break:break-all; } #diskboardCont .diskboardView .comment .commentList li .commentContent .date { display:inline-block; margin-left:7px; color:#888; font-size:11px; } #diskboardCont .diskboardView .comment .commentList li .btnDelete, #diskboardCont .diskboardView .comment .commentList li .btnHide { position:absolute; right:5px; display:block; width:23px; height:23px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; } #diskboardCont .diskboardView .comment .commentList li .btnDelete { right:5px; top:5px; background-image:url(http://img1.filewang.net/m/common/button/comment_delete.gif); background-size:23px 23px; } #diskboardCont .diskboardView .comment .commentList li .btnHide { right:30px; top:5px; background-image:url(http://img1.filewang.net/m/common/button/comment_hide.gif); background-size:23px 46px; } #diskboardCont .diskboardView .comment .commentList li.hide * { text-decoration:line-through; } #diskboardCont .diskboardView .comment .commentList li.hide .btnHide { background-size:23px 46px; background-position:left -23px; } #diskboardCont .diskboardView .comment .commentList li.norecord .commentContent { text-align:center; } /* diskboardPlay */ #diskboardCont .diskboardPlay { } #diskboardCont .diskboardPlay h2.subject { padding:10px 5px; font-size:15px; word-break:break-all; color:#333; background:#fafafa; } #diskboardCont .DMplayer { } #diskboardCont .DMplayer a { display:block; width:100%; height:100%; } #diskboardCont .DMplayer video { width:100%; height:100%; } #diskboardCont .buttonGroup { padding:10px; background:#fafafa; text-align:center; } #diskboardCont .tip { padding:10px; background:#fafafa; border-top:1px solid #ddd; font-size:11px; word-wrap:break-word; line-height:15px; color:#777; } /* myDownCont */ #myDownCont { } #myDownCont .titlePart { position:relative; height:35px; border-bottom:3px solid #666666; } #myDownCont .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; border-bottom:3px solid #ff4300; color:#555; font-size:17px; font-weight:bold; } #myDownCont .titlePart h2 a { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #myDownCont .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #myDownCont .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #myDownCont .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } #myDownCont form { } /* listPart */ #myDownCont .listPart { } #myDownCont .listPart ul { } #myDownCont .listPart li { position:relative; padding-left:32px; border-bottom:1px solid #dddddd; } #myDownCont .listPart li.norecord { display:block; padding:17px 0; text-align:center; font-size:13px; color:#777; } #myDownCont .listPart li .check { position:absolute; display:block; left:5px; top:50%; margin-top:-10px; } #myDownCont .listPart li a { display:block; padding:7px 5px 7px 0; text-decoration:none; } #myDownCont .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:13px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #myDownCont .listPart li .info { font-size:11px; } #myDownCont .listPart li .info span { color:#777; } #myDownCont .listPart li .info span.type1 { color:#09F; } #myDownCont .listPart li .info span.type2 { color:#f00; } #myDownCont .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } #myDownCont .listPart li .icon { display:inline-block; margin-left:2px; background-image:url(http://img1.filewang.net/m/common/icon/diskboard_icon_set1.gif); background-size:200px 200px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; overflow:hidden; vertical-align:top; } #myDownCont .listPart li .icon.stream { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -1px; }/*스트리밍 중*/ #myDownCont .listPart li .icon.streamOn { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -16px; }/*스트리밍 안됨*/ #myDownCont .listPart li .icon.encoding { width:13px; height:13px; margin:2px 2px 0 0; background-position:-1px -31px; }/*인코딩 중*/ /* buttonPart */ #myDownCont .buttonPart { padding:10px 5px; } #myDownCont .buttonPart .left { float:left; margin-right:4px; } #myDownCont .buttonPart .right { float:right; margin-left:4px; } /* pagingPart */ #myDownCont .pagingPart { padding:0 5px 10px 5px; } /* myScrapCont */ #myScrapCont { } #myScrapCont .titlePart { position:relative; height:35px; border-bottom:3px solid #666666; } #myScrapCont .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; border-bottom:3px solid #ff4300; color:#555; font-size:17px; font-weight:bold; } #myScrapCont .titlePart h2 a { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #myScrapCont .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #myScrapCont .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #myScrapCont .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } #myScrapCont form { } /* listPart */ #myScrapCont .listPart { } #myScrapCont .listPart ul { } #myScrapCont .listPart li { position:relative; padding-left:32px; border-bottom:1px solid #ddd; overflow:hidden; } #myScrapCont .listPart li.norecord { display:block; padding:17px 0; text-align:center; font-size:13px; color:#777; } #myScrapCont .listPart li .check { position:absolute; display:block; left:5px; top:50%; margin-top:-10px; } #myScrapCont .listPart li a { display:block; padding:7px 5px 7px 0; text-decoration:none; } #myScrapCont .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:15px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #myScrapCont .listPart li .info { } #myScrapCont .listPart li .info span { color:#777; } #myScrapCont .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } /* buttonPart */ #myScrapCont .buttonPart { padding:10px 5px; } #myScrapCont .buttonPart .left { float:left; margin-right:4px; } #myScrapCont .buttonPart .right { float:right; margin-left:4px; } /* pagingPart */ #myScrapCont .pagingPart { padding:0 5px 10px 5px; } /* loginCont */ #loginCont form { border:1px solid #F4F2F2; margin:10px; } #loginCont form fieldset { background:#fafafa; margin:1px; padding-bottom:15px; } #loginCont form fieldset .box { position:relative; } #loginCont form fieldset .box .inputGroup { display:block; padding:15px 88px 15px 15px; } #loginCont form fieldset .box .inputGroup label { position:absolute; display:inline-block; padding:7px 0 0 5px; font-size:13px; color:#AAA; } #loginCont form fieldset .box .inputGroup input { display:block; width:100%; height:27px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; font-size:14px; color:#444 } #loginCont form fieldset .box .inputGroup .id { margin-bottom:6px; } #loginCont form fieldset .box .inputGroup .password { } #loginCont form fieldset .box .liginSubmit { position:absolute; display:block; right:15px; top:15px; width:64px; height: 64px; font-weight:bold; font-size:15px; border:1px solid #434547; background:#434547; color:#fff; } #loginCont form fieldset .box .checkGroup { padding:0 15px 0 15px; } #loginCont form fieldset .box .checkGroup ul li { display:inline-block; margin-right:9px; } #loginCont form fieldset .box .checkGroup ul li .checkbox { margin-right:5px; } #loginCont form fieldset .box .checkGroup ul li label { display:inline-block; vertical-align:middle; font-size:13px; height:20px; overflow:hidden; line-height:20px; color:#5c5c5c; } #loginCont form fieldset .box .message { display:block; padding:4px 15px 0 15px; color:#888; } #loginCont form fieldset .box .joinMamber { display:block; margin:10px 15px 0 15px; height:35px; line-height:35px; font-size:14px; overflow:hidden; text-align:center; border:1px solid #e71919; background:#e71919; color:#fff; } #loginCont form fieldset .box .joinMamber a { display:block; text-decoration:none; color:#fff } /* memberJoinCont */ #memberJoinCont { } #memberJoinCont legend { display:block; height:20px; padding:13px 5px 5px 5px; margin:0; line-height:20px; font-weight:bold; font-size:14px; color:#555; } #memberJoinCont .basicTable { width:100%; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing:0; } #memberJoinCont .basicTable th, #memberJoinCont .basicTable td { border-bottom:1px solid #e7e7e7; padding:0; } #memberJoinCont .basicTable th { height:26px; padding:5px 0 5px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:middle; } #memberJoinCont .basicTable th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #memberJoinCont .basicTable td { padding:5px 0 5px 5px; } #memberJoinCont .basicTable td .text { display:inline-block; width:150px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; } #memberJoinCont .basicTable td .w100 { width:100px; } #memberJoinCont .basicTable td .cobtnSquGray { margin-left:4px; } #memberJoinCont .basicTable td .boxTip { display:block; height:14px; line-height:14px; padding:5px 0 0 0; font-size:11px; color:#909090; } #memberJoinCont .basicTable td .inlineTip { display:inline-block; height:26px; line-height:26px; padding:0 0 0 6px; font-size:11px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .red { color:#f00; } #memberJoinCont .basicTable td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .commonSelectBox { display:inline-block; width:105px; height:24px; vertical-align:top; *margin-top:1px; } #memberJoinCont .basicTable td .commonSelectBox .nowSelected { padding:5px 3px 5px 3px; } #memberJoinCont .basicTable td .realName { display:inline-block; height:26px; line-height:26px; font-size:12px; color:#909090; vertical-align:top; } #memberJoinCont .basicTable td .cobtnRouS { vertical-align:middle; margin-left:7px; margin-top:2px; } #memberJoinCont .buttonGroup { padding:10px 5px; text-align:center; } #memberJoinCont .buttonGroup .joinBtn { display:block; font-size:19px; text-decoration:none; } #memberJoinCont .buttonGroup .joinBtn strong { display:block; padding:7px; overflow:hidden; background-color:#e71919; border-radius:5px; color:#fff; } #memberJoinCont .agreement { } #memberJoinCont .agreement .check { text-align:center; padding:10px 0; } #memberJoinCont .agreement .check .checkbox{ vertical-align:top; margin-right:4px; } #memberJoinCont .agreement .check label { height:18px; line-height:18px; font-size:13px; color:#555; vertical-align:top; } #memberJoinCont .agreement .agreementLink { padding:10px 0 20px 0; text-align:center; } #memberJoinCont .agreement .agreementLink a { display:inline-block; width:110px; margin:0 5px; padding:5px 5px; color:#666666; text-align:center; font-size:13px; font-weight:bold; text-decoration:none; font-size:11px; white-space:nowrap; overflow:hidden; border:1px solid #c0bfbf; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); } #memberJoinCont .introduce { margin:0 5px 5px 5px; border:1px solid #ddd; background:#fafafa; color:#666; } #memberJoinCont .introduce strong.title { display:block; padding:8px 8px 0 8px; color:#F30; font-size:14px; } #memberJoinCont .introduce ul { padding:8px; } #memberJoinCont .introduce ul li { position:relative; padding-left:7px; padding-bottom:2px; line-height:14px; } #memberJoinCont .introduce ul li .icon { position:absolute; left:0; top:0; display:block; height:14px; } #memberJoinCont .introduce ul li .red { color:#f00; } #memberJoinCont .introduce .else { display:block; padding:0 8px 8px 8px; font-size:11px; color:#777; text-align:center; } /* commonTermsCont */ #commonTermsCont { padding:5px; } #commonTermsCont h2.title { padding:5px 0 10px 0; font-size:15px; color:#555; } #commonTermsCont .textBox { font-size:12px; color:#777; } /* memberModifyCont */ #memberModifyCont { padding:0 0 20px 0; } #memberModifyCont legend { display:none; } #memberModifyCont .titlePart { position:relative; height:35px; border-bottom:3px solid #666666; } #memberModifyCont .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; border-bottom:3px solid #ff4300; color:#555; font-size:17px; font-weight:bold; } #memberModifyCont .titlePart h2 span { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #memberModifyCont .basicTable { width:100%; margin-top:10px; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing:0; } #memberModifyCont .basicTable th, #memberModifyCont .basicTable td { border-bottom:1px solid #e7e7e7; padding:0; } #memberModifyCont .basicTable th { height:26px; padding:5px 0 5px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:middle; } #memberModifyCont .basicTable th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #memberModifyCont .basicTable td { padding:5px; } #memberModifyCont .basicTable td .text { display:inline-block; width:150px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; } #memberModifyCont .basicTable td .textField { display:inline-block; height:16px; padding:6px 2px 6px 2px; font-size:14px; color:#666; } #memberModifyCont .basicTable td .w100 { width:100px; } #memberModifyCont .basicTable td .w90 { width:90px; } #memberModifyCont .basicTable td .cobtnSquGray { margin-left:4px; } #memberModifyCont .basicTable td .boxTip { display:block; height:14px; line-height:14px; padding:5px 0 0 0; font-size:11px; color:#909090; } #memberModifyCont .basicTable td .pTip { display:block; line-height:14px; font-size:11px; color:#909090; } #memberModifyCont .basicTable td .inlineTip { display:inline-block; height:26px; line-height:26px; padding:0 0 0 6px; font-size:11px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .red { color:#f00; } #memberModifyCont .basicTable td .blue { color:#00f; } #memberModifyCont .basicTable td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .commonSelectBox { display:inline-block; width:105px; height:24px; vertical-align:top; *margin-top:1px; } #memberModifyCont .basicTable td .commonSelectBox .nowSelected { padding:5px 3px 5px 3px; } #memberModifyCont .basicTable td .realName { display:inline-block; height:26px; line-height:26px; font-size:12px; color:#909090; vertical-align:top; } #memberModifyCont .basicTable td .cobtnRouS { vertical-align:middle; margin-left:7px; margin-top:2px; } #memberModifyCont .basicTable .realnameBtnGroup { padding-top:5px; } #memberModifyCont .basicTable .realnameBtnGroup a { margin-right:5px; } #memberModifyCont .buttonGroup { padding:10px 5px; text-align:center; } #memberModifyCont .buttonGroup .joinBtn { display:block; font-size:19px; text-decoration:none; } #memberModifyCont .userMenu { } #memberModifyCont .userMenu ul { padding-top:15px; text-align:center; } #memberModifyCont .userMenu ul li { display:inline-block; margin:0 5px; } /* juminVerifyCont */ #juminVerifyCont { } #juminVerifyCont legend { display:block; font-size:15px; font-weight:bold; padding:10px 5px; color:#333; } #juminVerifyCont .popupContent { padding:10px; } #juminVerifyCont .tip1, #juminVerifyCont .tip2 { margin:5px; padding:10px; border:1px solid #efefef; background:#fafafa; font-size:11px; color:#777; line-height:16px; } #juminVerifyCont .inputTable { padding:0 5px; } #juminVerifyCont .inputTable table { width:100%; border-top:1px solid #e7e7e7; table-layout:fixed; border-spacing: 0 } #juminVerifyCont .inputTable table th, #juminVerifyCont .inputTable table td { padding: 0; border-bottom:1px solid #e7e7e7; } #juminVerifyCont .inputTable table th { height:26px; padding:9px 0 9px 0; text-align:left; font-weight:bold; background:#f5f5f5; vertical-align:top; } #juminVerifyCont .inputTable table th label { display:block; height:26px; padding-left:10px; line-height:26px; color:#666; vertical-align:top; } #juminVerifyCont .inputTable table td { padding:9px 0 9px 9px; } #juminVerifyCont .inputTable table td .text { width:150px; height:14px; padding:5px 2px 5px 2px; line-height:14px; color:#666; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-appearance:none; appearance:none; } #juminVerifyCont .inputTable table td .w100 { width:100px; } #juminVerifyCont .inputTable table td .w95 { width:95px; } #juminVerifyCont .inputTable table td .inputConnect { display:inline-block; height:26px; line-height:26px; padding:0 3px; font-size:12px; color:#909090; vertical-align:top; } #juminVerifyCont .bottomButtonGroup { padding:15px 0 15px 0; text-align:center; } #juminVerifyCont .bottomButtonGroup .cobtnRouM { margin:0 8px; } /* couponAddCont */ #couponAddCont { padding:10px; } #couponAddCont form { border:1px solid #dedede; padding:1px; } #couponAddCont form fieldset { border:1px solid #EFEFEF; background:#fafafa; } #couponAddCont h2 { padding:15px 0 5px 0; color:#392f2c; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; } #couponAddCont .subtitle { display:block; padding-bottom:10px; font-size:13px; color:#ff002a; text-align:center; } #couponAddCont h2 .purple { color:#63F; } #couponAddCont .input { padding:20px 0 20px 0; text-align:center; } #couponAddCont .input .couponNumber { display:inline-block; width:200px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #ff4000; -webkit-appearance:none; } #couponAddCont .input .submit { margin-left:4px; border-radius:0; height:32px; } #couponAddCont .process { padding:5px; } #couponAddCont .process h3 { padding-bottom:10px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont .process table { border-spacing:0; width:100%; } #couponAddCont .process table th, #couponAddCont .process table td { padding:0; text-align:center; vertical-align:top; padding:0 4px; } #couponAddCont .process table td div { height:75px; border:1px solid #d6d6d6; overflow:hidden; background:#fff; margin:0 auto; } #couponAddCont .process table td div .number, #couponAddCont .process table td div .text { display:block; text-align:center; color:#666; } #couponAddCont .process table td div .number { padding:8px; color:#e43c00; font-size:16px; font-weight:bold; } #couponAddCont .process table td div .text { padding:0 8px 8px 8px; } #couponAddCont .warning { padding:15px 5px 15px 5px; } #couponAddCont .warning h3 { padding-bottom:5px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont .warning ul { } #couponAddCont .warning li { position:relative; padding:0 0 4px 14px; line-height:14px; color:#777; } #couponAddCont .warning li .number { position:absolute; left:0; top:0; } /* couponAddCont NEW */ #couponAddCont2 { padding:10px; } #couponAddCont2 div.lineBG { border:1px solid #fafafa; padding:1px; } #couponAddCont2 div.lineBG fieldset { border:2px dashed #EFEFEF; background:#fafafa; } #couponAddCont2 h2 { padding:15px 0 5px 0; color:#392f2c; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; } #couponAddCont2 .subtitle { display:block; padding-bottom:10px; font-size:13px; color:#E71919; text-align:center; } #couponAddCont2 h2 .orange { color:#ff4400; } #couponAddCont2 h2 .red { color:#E71919; } #couponAddCont2 .input { padding:20px 15px 5px 15px; text-align:center; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; box-shadow:2px 2px 2px rgba(176,176,176,.5); } #couponAddCont2 .input .dondiCoupon {border-bottom:2px dashed #f0f0f0; padding-bottom:20px; margin-bottom:20px;} #couponAddCont2 .input form{border:0;} #couponAddCont2 .couponName {margin:0 auto; margin-bottom:8px; display:block;} #couponAddCont2 .couponName strong {} #couponAddCont2 .couponName strong.orange {color:#ff4400;} #couponAddCont2 .couponName strong.green {color:#558b1f;} #couponAddCont2 .couponName strong.yellow {color:#f4961d;} #couponAddCont2 .input .couponNumber { display:inline-block; width:180px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #ff4000; -webkit-appearance:none; } #couponAddCont2 .input .couponNumber2 { display:inline-block; width:180px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #558b1f; -webkit-appearance:none; } #couponAddCont2 .input .couponNumber3 { display:inline-block; width:180px; height:16px; padding:5px 2px 5px 2px; font-size:14px; color:#666; border:3px solid #f4961d; -webkit-appearance:none; } #couponAddCont2 .input .submit { margin-left:4px; border-radius:0; height:32px; cursor:pointer; } #couponAddCont2 .process { padding:5px; } #couponAddCont2 .process h3 { padding-bottom:10px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont2 .process table { border-spacing:0; width:100%; } #couponAddCont2 .process table th, #couponAddCont2 .process table td { padding:0; text-align:center; vertical-align:top; padding:0 3px; } #couponAddCont2 .process table td div { height:125px; overflow:hidden; border-radius:3px; background:#fff; margin:0 auto; box-sizing:border-box; } #couponAddCont2 .process table td div .number, #couponAddCont2 .process table td div .text { display:block; text-align:center; color:#666; font-size:11px;} #couponAddCont2 .process table td div .number { padding:8px; color:#e43c00; font-size:16px; font-weight:bold; text-align:text-top;} #couponAddCont2 .process table td div .text { padding:0 8px 8px 8px; } #couponAddCont2 .inputWrap {background:#fff; margin:8px;} #couponAddCont2 .warning { padding:15px 10px 15px 10px; } #couponAddCont2 .warning h3 { padding-bottom:5px; font-weight:bold; font-size:14px; color:#555; } #couponAddCont2 .warning ul { } #couponAddCont2 .warning li { position:relative; padding:0 0 4px 14px; line-height:14px; color:#777; } #couponAddCont2 .warning li .number { position:absolute; left:0; top:0; } /* basicBoard */ #basicBoard { } #basicBoard .titlePart { position:relative; height:35px; border-bottom:2px solid #7d7d7d; } #basicBoard .titlePart h2 { position:absolute; padding:0 5px; display:inline-block; height:35px; line-height:35px; color:#555; font-size:17px; font-weight:bold; } #basicBoard .titlePart h2 a { line-height:35px; color:#555; font-size:17px; font-weight:bold; text-decoration:none; } #basicBoard .titlePart .titleBtnGroup { position:absolute; right:5px; top:5px; } #basicBoard .titlePart .titleBtnGroup .commonSelectBox { width:55px; float:right; margin-top:1px; } #basicBoard .titlePart .titleBtnGroup .cobtnRou { float:right; margin-left:3px; padding:3px 7px; font-weight:bold; font-size:13px; } /* listPart */ #basicBoard .listPart { } #basicBoard .listPart ul { } #basicBoard .listPart li { position:relative; border-bottom:1px solid #dddddd; } #basicBoard .listPart li a { display:block; padding:7px 5px; text-decoration:none; } #basicBoard .listPart li .subject { display:block; padding-bottom:3px; color:#555; font-size:15px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #basicBoard .listPart li .info { } #basicBoard .listPart li .info span { color:#777; } #basicBoard .listPart li .info .bar { display:inline-block; margin:0 7px; width:1px; height:9px; background:#ddd; } #basicBoard .listPart li .info .writer { color:#814F34; } #basicBoard .listPart li .info .date { } #basicBoard .listPart li .info .hit { } #basicBoard .listPart.inquiry li { padding-right:65px; } #basicBoard .listPart.inquiry .sideIcon { position:absolute; right:5px; top:7px; display:block; padding:9px 0; width:55px; letter-spacing:-1px; text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#999; border:1px solid #c0bfbf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } #basicBoard .listPart.inquiry .sideIcon.progress { } #basicBoard .listPart.inquiry .sideIcon.finish { border:1px solid #DC2222; background-color:#DC2222; background: -webkit-gradient(linear, left top, left bottom, from(#DC2222), to(#DC2222)); background: -moz-linear-gradient(top,#DC2222, #DC2222); background: -ms-linear-gradient(top,#DC2222, #DC2222); background: -o-linear-gradient(top,#DC2222, #DC2222); color:#fff; text-shadow:0 0 2px #7d1800; } #basicBoard .pagingPart { padding:10px 5px; } /* viewPart */ #basicBoard .viewPart { } #basicBoard .viewPart h3.subject { padding:10px 5px; font-size:15px; word-break:break-all; color:#333; background:#fafafa; border-bottom:1px solid #e4e4e4; } #basicBoard .viewPart .postInfo { padding:5px; border-bottom:1px solid #e4e4e4; } #basicBoard .viewPart .postInfo span { display:inline-block; color:#777; } #basicBoard .viewPart .postInfo span em { display:inline-block; margin-right:4px; color:#333; } #basicBoard .viewPart .postInfo span.bar { display:inline-block; margin:0 8px; width:1px; height:9px; background:#ddd; overflow:hidden; text-indent:-1000px; } #basicBoard .viewPart .postContent { min-height:80px; padding:15px 5px; overflow:hidden; border-bottom:1px solid #dddddd; font-size:15px; color:#555; } #basicBoard .viewPart .postContent img { max-width:100%; } #basicBoard .viewPart .buttonGroup { padding:10px 5px; border-bottom:1px solid #ddd; } #basicBoard .viewPart .buttonGroup .left { float:left; margin-right:4px; } #basicBoard .viewPart .buttonGroup .right { float:right; margin-left:4px; } #basicBoard .viewPart .comment { border-bottom:2px solid #bbb; } #basicBoard .viewPart .comment .commentWrite { padding:10px 5px 30px 5px; } #basicBoard .viewPart .comment .commentWrite fieldset { position:relative; padding-right:55px; } #basicBoard .viewPart .comment .commentWrite span { position:relative; display:block; height:36px; padding:5px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #basicBoard .viewPart .comment .commentWrite span label { display:block; position:absolute; left:5px; top:5px; word-break:break-all; color:#777; } #basicBoard .viewPart .comment .commentWrite span .inputComment { width:100%; height:100%; border:0; padding:0; margin:0; resize:none; color:#555; } #basicBoard .viewPart .comment .commentWrite .submit { position:absolute; right:0; top:0; } #basicBoard .viewPart .comment .commentList { } #basicBoard .viewPart .comment .commentList ul { } #basicBoard .viewPart .comment .commentList li { position:relative; padding:8px 5px 8px 5px; border-bottom:1px dotted #a8a8a8; } #basicBoard .viewPart .comment .commentList li .writer { display:block; padding-bottom:7px; font-weight:bold; color:#333; font-size:13px; } #basicBoard .viewPart .comment .commentList li .commentContent { color:#555; font-size:12px; word-break:break-all; } #basicBoard .viewPart .comment .commentList li .commentContent .date { display:inline-block; margin-left:7px; color:#888; font-size:11px; } #basicBoard .viewPart .comment .commentList li .btnDelete, #basicBoard .viewPart .comment .commentList li .btnHide { position:absolute; right:5px; display:block; width:23px; height:23px; background-repeat:no-repeat; overflow:hidden; text-indent:-1000px; } #basicBoard .viewPart .comment .commentList li .btnDelete { right:5px; top:5px; background-image:url(http://img1.filewang.net/m/common/button/comment_delete.gif); background-size:23px 23px; } #basicBoard .viewPart .comment .commentList li .btnHide { right:30px; top:5px; background-image:url(http://img1.filewang.net/m/common/button/comment_hide.gif); background-size:23px 46px; } #basicBoard .viewPart .comment .commentList li.hide * { text-decoration:line-through; } #basicBoard .viewPart .comment .commentList li.hide .btnHide { background-size:23px 46px; background-position:left -23px; } #basicBoard .viewPart .comment .commentList li.norecord .commentContent { text-align:center; } /* adminCommentAnswer */ #adminCommentAnswer { margin-top:-25px; padding:10px 5px 7px 5px; } #adminCommentAnswer h3 { padding-bottom:3px; font-size:14px; color:#555; } #adminCommentAnswer input { display:inline-block; padding:5px 6px; margin-bottom:3px; color:#666666; letter-spacing:-1px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; border:1px solid #c0bfbf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#ddd; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)); background: -moz-linear-gradient(top,#f6f6f6, #ddd); background: -ms-linear-gradient(top,#f6f6f6, #ddd); background: -o-linear-gradient(top,#f6f6f6, #ddd); } /* writePart */ #basicBoard .writePart { display:block; } #basicBoard .writePart form { padding-top:10px; position:relative; } #basicBoard .writePart .textInput { position:relative; } #basicBoard .writePart .textInput .inputHeader { padding:0 5px; position:relative; } #basicBoard .writePart .textInput .inputHeader.select { padding-left:96px; } #basicBoard .writePart .textInput .inputHeader .category { position:absolute; left:5px; top:0; display:block; height:37px; width:87px; font-size:13px; border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #basicBoard .writePart .textInput .subject label { position:absolute; font-size:13px; color:#BBB; margin:9px 0 0 3px; } #basicBoard .writePart .textInput .subject { border:1px solid #8a8a8a; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-border-radius:0; } #basicBoard .writePart .textInput .subject input { display:block; width:100%; height:35px; padding-left:2px; border:0; -webkit-border-radius:0; font-size:14px; background:none; color:#555 } #basicBoard .writePart .textInput .content { position:relative; border:1px solid #8a8a8a; margin:5px 5px 0 5px; padding:5px; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; -webkit-border-radius:0; } #basicBoard .writePart .textInput .content label { position:absolute; left:0; top:0; padding:5px; font-size:13px; color:#BBB; } #basicBoard .writePart .textInput .content textarea { display:block; width:100%; height:210px; border:0; -webkit-border-radius:5px; font-size:13px; background:none; color:#555; resize:none; } #basicBoard .writePart .imageUpload { padding:0; padding:5px 0 0 5px; border-bottom:1px solid #ddd; } #basicBoard .writePart .imageUpload ul { padding:0 2px 0 0; _height:1%; } /* IE6 */ *:first-child+html #basicBoard .writePart .imageUpload ul { min-height:1%; } /* IE7 */ #basicBoard .writePart .imageUpload ul:after { content:" "; display:block; clear:both; height:0; visibility:hidden; } /* 표준 */ #basicBoard .writePart .imageUpload ul li { position:relative; width:47px; height:47px; float:left; margin:0 5px 5px 0; border:1px solid #c2c2c2; overflow:hidden; } #basicBoard .writePart .imageUpload ul li a.btnDel { position:absolute; right:0; bottom:0; width:24px; height:24px; background:url(http://img1.filewang.net/m/common/button/image_trash.gif) no-repeat center center #fff; background-size:17px 18px; overflow:hidden; text-indent:-1000px; overflow:hidden; border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; } #basicBoard .writePart .imageUpload .tipBtn { position:relative; height:32px; padding-bottom:10px; clear:both; *margin-top:8px; } #basicBoard .writePart .imageUpload .tipBtn .tips { height:29px; padding:3px 89px 0 0; line-height:14px; font-size:12px; color:#999999; text-align:left; overflow:hidden; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn { position:absolute; right:5px; top:0; width:84px; height:32px; cursor:pointer; _cursor:hand; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn input { position:absolute; left:0; top:0; width:84px; height:32px; opacity:0; filter:alpha(opacity=0); opacity:0; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn span { display:block; width:84px; height:32px; background-image:url(http://img1.filewang.net/m/common/button/write_imageupload.gif); background-repeat:no-repeat; background-size:84px 32px; overflow:hidden; text-indent:-1000px; } #basicBoard .writePart .imageUpload .tipBtn .fileBtn.on span { background-image:url(http://img1.filewang.net/m/common/button/write_imageupload_on.gif); } #basicBoard .writePart .setting { position:relative; padding:10px 5px; border-bottom:1px solid #ddd; } #basicBoard .writePart .setting legend { position:absolute; left:0; top:11px; font-size:13px; color:#333; } #basicBoard .writePart .setting .checkbox { vertical-align:middle; } #basicBoard .writePart .setting label { display:inline-block; vertical-align:middle; font-size:13px; margin-right:6px; height:19px; overflow:hidden; line-height:19px; color:#5c5c5c; } #basicBoard .writePart .submitGroup { text-align:center; padding:10px 0 20px 10px; } /* payCont */ #payCont { } #payCont .payTab { position:relative; height:35px; margin-top:0px; border-bottom:2px solid #d12323; } #payCont .payTab ul { padding:0 5px; } #payCont .payTab ul li { position:relative; float:left; height:30px; width:50%; margin-left:-1px; *display:inline; *zoom:1; z-index:1; } #payCont .payTab ul li.first { margin-left:0; } #payCont .payTab ul li.on { z-index:3; } #payCont .payTab ul li a { display:block; height:16px; padding:9px 10px 9px 10px; line-height:16px; border:1px solid #ccc; border-bottom:0; background:#fafafa; color:#888; text-align:center; text-decoration:none; overflow:hidden; font-size:15px; } #payCont .payTab ul li a:hover { background:#fff; color:#555; } #payCont .payTab ul li.on a { padding:9px 10px 10px 10px; font-weight:bold; color:#444; border:2px solid #d12323; border-bottom:0; background:#fff; font-size:15px; } /* payPoint */ #payCont .payPoint { } /* amountChoice */ #payCont .payPoint .amountChoice { } #payCont .payPoint .amountChoice h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payPoint .amountChoice .amountList { } #payCont .payPoint .amountChoice .amountList .listTable { width:100%; table-layout:fixed } #payCont .payPoint .amountChoice .amountList .listTable thead th { height:15px; padding:6px 0; font-size:11px; text-align:center; color:gray; border-top:1px solid #dadada; border-bottom:1px solid #dadada; /*background:url(http://img.filewang.net/pay/background/table_thead1.gif) repeat-x;*/ } #payCont .payPoint .amountChoice .amountList .listTable tr.on td { background:#FFF5F4; } #payCont .payPoint .amountChoice .amountList .listTable tbody td { height:50px; /*line-height:50px;*/ padding:5px 0 5px 0; font-size:12px; color:#888; background:#fff; border-bottom:1px solid #e2e2e2; /*vertical-align:middle;*/ } #payCont .payPoint .amountChoice .amountList .listTable .tLeft { text-align:left; } #payCont .payPoint .amountChoice .amountList .listTable .tRight { text-align:right; } #payCont .payPoint .amountChoice .amountList .listTable .tCenter { text-align:center; } #payCont .payPoint .amountChoice .amountList .listTable .right12 { padding-right:12px; } #payCont .payPoint .amountChoice .amountList .listTable .left30 { padding-left:30px; } #payCont .payPoint .amountChoice .amountList .listTable .right35 { padding-right:35px; } #payCont .payPoint .amountChoice .amountList .listTable .right25 { padding-right:25px; } #payCont .payPoint .amountChoice .amountList .listTable .line { text-decoration:line-through; } #payCont .payPoint .amountChoice .amountList .listTable .bold { font-weight:bold; } #payCont .payPoint .amountChoice .amountList .listTable tr.specialFix td { background:#fff7af; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .radio { } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon { display:inline-block; background-repeat:no-repeat; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale80 { width:35px; height:14px; margin-right:2px; background-image:url(http://img1.filewang.net/m/common/icon/pay_80sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .icon.sale30 { width:35px; height:14px; margin-right:2px; background-image:url(http://img1.filewang.net/common/m/icon/pay_30sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .gray { color:#888888; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .red { color:#ff0000; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .blue { color:#0060ff; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .orange { color:#ff6000; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .black { color:#434547; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .green { color:green; } #payCont .payPoint .amountChoice .amountList .listTable tbody td .gray, #payCont .payPoint .amountChoice .amountList .listTable tbody td .red, #payCont .payPoint .amountChoice .amountList .listTable tbody td .blue, #payCont .payPoint .amountChoice .amountList .listTable tbody td .orange, #payCont .payPoint .amountChoice .amountList .listTable tbody td .black { display:inline-block; /*vertical-align:middle;*/ height:14px; line-height:14px; } /* choiceResult */ #payCont .payPoint .choiceResult { margin-top:10px; } #payCont .payPoint .choiceResult h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payPoint .choiceResult .box { padding:10px 10px 10px 10px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payPoint .choiceResult .box ul { } #payCont .payPoint .choiceResult .box li { padding-bottom:3px; letter-spacing:-1px; font-size:13px; } #payCont .payPoint .choiceResult .box strong, #payCont .payPoint .choiceResult .box span { display:inline-block; height:16px; line-height:16px; vertical-align:middle; } #payCont .payPoint .choiceResult .box .line { text-decoration:line-through; } #payCont .payPoint .choiceResult .box .black { color:#333333; margin-right:4px; } #payCont .payPoint .choiceResult .box .gray { color:#a1a0a0; } #payCont .payPoint .choiceResult .box .red { color:#f00; } #payCont .payPoint .choiceResult .box .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img1.filewang.net/common/m/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } /* choiceAgency */ #payCont .payPoint .choiceAgency { margin-top:10px; } #payCont .payPoint .choiceAgency h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payPoint .choiceAgency .box { padding:12px 7px 12px 7px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payPoint .choiceAgency .box ul { } #payCont .payPoint .choiceAgency .box li { display:inline-block; vertical-align:top; } #payCont .payPoint .choiceAgency .box li input { display:inline-block; margin-top:5px; vertical-align:top; } #payCont .payPoint .choiceAgency .box li label { display:inline-block; height:30px; margin:0 15px 0 2px; vertical-align:top; } /* payFix */ #payCont .payFix { } /* amountChoice */ #payCont .payFix .amountChoice { } #payCont .payFix .amountChoice h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payFix .amountChoice .amountList { } #payCont .payFix .amountChoice .amountList .listTable { width:100%; table-layout:fixed } #payCont .payFix .amountChoice .amountList .listTable thead th { height:15px; padding:6px 0; font-size:11px; text-align:center; color:#a9a9a9; /*background:url(http://img.filewang.net/pay/background/table_thead1.gif) repeat-x;*/ } #payCont .payFix .amountChoice .amountList .listTable tr.on td { background:#FFF5F4; } #payCont .payFix .amountChoice .amountList .listTable tbody td { height:27px; padding:5px 0 5px 0; font-size:12px; color:#888; background:#fff; border-bottom:1px solid #e2e2e2; vertical-align:middle; } #payCont .payFix .amountChoice .amountList .listTable .tLeft { text-align:left; } #payCont .payFix .amountChoice .amountList .listTable .tRight { text-align:right; } #payCont .payFix .amountChoice .amountList .listTable .tCenter { text-align:center; } #payCont .payFix .amountChoice .amountList .listTable .lvip_fix td { border-top:2px solid red; border-bottom:2px solid red; } #payCont .payFix .amountChoice .amountList .listTable .lvip_fix td:first-child { border-left:2px solid #red; } #payCont .payFix .amountChoice .amountList .listTable .lvip_fix td:last-child { border-left:2px solid #red; } #payCont .payFix .amountChoice .amountList .listTable .right12 { padding-right:12px; } #payCont .payFix .amountChoice .amountList .listTable .left30 { padding-left:30px; } #payCont .payFix .amountChoice .amountList .listTable .right35 { padding-right:35px; } #payCont .payFix .amountChoice .amountList .listTable .right25 { padding-right:25px; } #payCont .payFix .amountChoice .amountList .listTable .line { text-decoration:line-through; } #payCont .payFix .amountChoice .amountList .listTable .bold { font-weight:bold; } #payCont .payFix .amountChoice .amountList .listTable tr.specialFix td { background:#fff7af; } #payCont .payFix .amountChoice .amountList .listTable tbody td .radio { } #payCont .payFix .amountChoice .amountList .listTable tbody td .icon { display:inline-block; background-repeat:no-repeat; } #payCont .payFix .amountChoice .amountList .listTable tbody td .icon.sale { width:35px; height:14px; margin-right:2px; background-image:url(http://img1.filewang.net/m/common/icon/pay_50sale.gif); background-size:35px 14px; vertical-align:middle; } #payCont .payFix .amountChoice .amountList .listTable tbody td .gray { color:#888888; } #payCont .payFix .amountChoice .amountList .listTable tbody td .red { color:#ff0000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .blue { color:#0060ff; } #payCont .payFix .amountChoice .amountList .listTable tbody td .orange { color:#ff6000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .black { color:#000000; } #payCont .payFix .amountChoice .amountList .listTable tbody td .gray, #payCont .payFix .amountChoice .amountList .listTable tbody td .red, #payCont .payFix .amountChoice .amountList .listTable tbody td .blue, #payCont .payFix .amountChoice .amountList .listTable tbody td .orange, #payCont .payFix .amountChoice .amountList .listTable tbody td .black { display:inline-block; vertical-align:middle; height:14px; line-height:14px; } #payCont .payFix .amountChoice .amountList .listTable tbody td.letter1 { letter-spacing:-1px; } /* choiceAgency */ #payCont .payFix .choiceAgency { margin-top:10px; } #payCont .payFix .choiceAgency h3 { font-weight:bold; padding:10px 5px 5px 5px; font-size:13px; color:#555555; } #payCont .payFix .choiceAgency .box { padding:12px 7px 12px 7px; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; background:#f9f9f9; } #payCont .payFix .choiceAgency .box ul { } #payCont .payFix .choiceAgency .box li { display:inline-block; vertical-align:top; } #payCont .payFix .choiceAgency .box li input { display:inline-block; margin-top:5px; vertical-align:top; } #payCont .payFix .choiceAgency .box li label { display:inline-block; height:30px; margin:0 15px 0 2px; vertical-align:top; padding-left:10px; } /* chargeTip */ #payCont .chargeTip { margin:15px 5px 20px 5px; border:1px solid #EFEFEF; background:#F5F5F5; padding:5px 5px 2px 5px; } #payCont .chargeTip ul { } #payCont .chargeTip li { padding-bottom:3px; font-size:11px; color:#666; letter-spacing:-1px; } /* buttonPart */ #payCont .buttonPart { text-align:center; padding:10px 0; } #payCont .buttonPart a { padding:7px 20px; font-weight:bold; font-size:19px; border-radius:3px; } #payCont .buttonPart a.blue {text-decoration:none; border:1px solid #2968b6; background-color:#4085da; background: -webkit-gradient(linear, left top, left bottom, from(#63affc), to(#4085da)); background: -moz-linear-gradient(top,#63affc, #4085da); background: -ms-linear-gradient(top,#63affc, #4085da); background: -o-linear-gradient(top,#63affc, #4085da); color:#fff; text-shadow:0 0 2px #7d1800;} /* certifyContent */ #certifyContent { padding:7px 7px 7px 7px; } #certifyContent h2 { padding:10px 0; font-size:17px; color:#333; } #certifyContent .certify { padding:10px; background:#f4f4f4; border:1px solid #d7d7d7; } #certifyContent .certify .notice { text-align:center; padding:7px; color:#555555; font-size:14px; line-height:19px; } #certifyContent .certify .notice span { } #certifyContent .certify .notice em { color:#f00; } #certifyContent .certify .memberButton { padding:7px 0; text-align:center; } #certifyContent .certify .memberButton li { display:inline-block; margin:0 4px; } #certifyContent .certify .memberButton li a { display:inline-block; padding:9px 15px; width:80px; font-size:14px; overflow:hidden; text-align:center; color:#fff; text-shadow:0 0 2px #590000; font-weight:bold; border:1px solid #b72e2e; text-decoration:none; background-color:#f12020; background-image: -moz-linear-gradient(#f16d6d, #f12020); background-image: -webkit-linear-gradient(#f16d6d, #f12020); background-image: -o-linear-gradient(#f16d6d, #f12020); background-image: -ms-linear-gradient(#f16d6d, #f12020); background-image: linear-gradient(#f16d6d, #f12020); border-radius:25px; } #certifyContent .certify h3 { margin-top:10px; padding:10px; border:1px solid #da3806; background:#ff6231; color:#fff; text-shadow:0 0 2px #419bbd; } #certifyContent .certify form { padding:10px; border:1px solid #d7d7d7; border-top:0; background:#fff; } #certifyContent .certify form .inputForm { } #certifyContent .certify form .inputForm ul { display:table; width:100%; } #certifyContent .certify form .inputForm ul li { display:table-row; } #certifyContent .certify form .inputForm ul li span { display:table-cell; } #certifyContent .certify form .inputForm ul li span label { margin-right: 7px; } #certifyContent .certify form .inputForm ul li span select { height: 25px; width: 65px; } #certifyContent .certify form .inputForm ul li span.th { width:85px; color:#878787; } #certifyContent .certify form .inputForm ul li span.td { } #certifyContent .certify form .inputForm ul li span.th, #certifyContent .certify form .inputForm ul li span.td { padding-bottom:7px; vertical-align:middle; } #certifyContent .certify form .inputForm ul li span.td .text { border:1px solid #bbb; padding:7px 5px; box-sizing: border-box; width:100%; color:#555; } #certifyContent .certify form .submitBtn { text-align:center; padding:11px 0; } #certifyContent .certify form .submitBtn .submit { display:inline-block; width:150px; padding:6px 0; font-size:14px; text-align:center; color:#fff; text-shadow:0 0 2px #039; font-weight:bold; border:1px solid #da3806; text-decoration:none; background-color:#2fa9e0; background-image: -moz-linear-gradient(#ff9256, #ff5a00); background-image: -webkit-linear-gradient(#ff9256, #ff5a00); background-image: -o-linear-gradient(#ff9256, #ff5a00); background-image: -ms-linear-gradient(#ff9256, #ff5a00); background-image: linear-gradient(#ff9256, #ff5a00); border-radius:25px; } #certifyContent .certify form .tip { color:#878787; font-weight:bold; } /* paging */ .pagingTypeMobile { text-align: center; padding: 15px 0 7px 0; } .pagingTypeMobile a { display: inline-block; height: 38px; min-width: 38px; margin: 0 1px; padding: 0 4px; overflow: hidden; line-height: 38px; color: #5e5e5e; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; font-size: 13px; text-decoration: none; } .pagingTypeMobile a.next, .pagingTypeMobile a.prev { width: 34px; padding: 0; background: #c5c5c5; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9)); background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9); } .pagingTypeMobile a span { display: block; width: 100%; height: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 8px 12px; text-indent: -1000px; overflow: hidden; } .pagingTypeMobile a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_640_1.png); } } .pagingTypeMobile a.next span { background-image: url(http://img1.filewang.net/m/common/icon/paging_next_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.next span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_next_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.next span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_next_640_1.png); } } .pagingTypeMobile a.nowpage { color: #fff; border: 1px solid #ff7f7f; background: #ed2a2a; background: -webkit-gradient(linear, left top, left bottom, from(#ed2a2a), to(#ff8f8f)); background: -moz-linear-gradient(top, #ed2a2a, #ff8f8f); } .pagingTypeMobileComment { text-align: center; padding: 15px 0 7px 0; } .pagingTypeMobileComment a { display: inline-block; height: 25px; min-width: 15px; margin: 0 1px; padding: 0 4px; overflow: hidden; line-height: 35px; color: #5e5e5e; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; font-size: 14px; text-decoration: none; } .pagingTypeMobileComment a.next, .pagingTypeMobileComment a.prev { width: 20px; padding: 0; background: #c5c5c5; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9)); background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9); } .pagingTypeMobileComment a span { display: block; width: 100%; height: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 8px 12px; text-indent: -1000px; overflow: hidden; } .pagingTypeMobileComment a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.prev span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_prev_640_1.png); } } .pagingTypeMobileComment a.next span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_next_320_1.png); } @media screen and (-webkit-min-device-pixel-ratio:1.5) { .pagingType1 a.next span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_next_480_1.png); } } @media screen and (-webkit-min-device-pixel-ratio:2) { .pagingType1 a.next span { background-image: url(http://img.luckyworld.net/mobile/common/icon/paging_next_640_1.png); } } .pagingTypeMobileComment a.nowpage { color: #fff; border: 1px solid #0053c5; background: #0392ff; background: -webkit-gradient(linear, left top, left bottom, from(#71d1ff), to(#0392ff)); background: -moz-linear-gradient(top, #71d1ff, #0392ff); }