@font-face { font-family: 'Noto Sans KR'; font-weight: 100; src: url('fonts/NotoSans-Thin.eot'); src: url('fonts/NotoSans-Thin.woff2') format('woff2'), url('fonts/NotoSans-Thin.woff') format('woff'), url('fonts/NotoSans-Thin.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: lighter; font-weight: 300; src: url('fonts/NotoSans-Light.eot'); src: url('fonts/NotoSans-Light.woff2') format('woff2'), url('fonts/NotoSans-Light.woff') format('woff'), url('fonts/NotoSans-Light.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('fonts/NotoSans-Regular.eot'); src: url('fonts/NotoSans-Regular.woff2') format('woff2'), url('fonts/NotoSans-Regular.woff') format('woff'), url('fonts/NotoSans-Regular.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-weight: 500; src: url('fonts/NotoSans-Medium.eot'); src: url('fonts/NotoSans-Medium.woff2') format('woff2'), url('fonts/NotoSans-Medium.woff') format('woff'), url('fonts/NotoSans-Medium.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('fonts/NotoSans-Bold.eot'); src: url('fonts/NotoSans-Bold.woff2') format('woff2'), url('fonts/NotoSans-Bold.woff') format('woff'), url('fonts/NotoSans-Bold.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-weight: 900; src: url('fonts/NotoSans-Black.eot'); src: url('fonts/NotoSans-Black.woff2') format('woff2'), url('fonts/NotoSans-Black.woff') format('woff'), url('fonts/NotoSans-Black.otf') format('opentype'); } /******************************************************************* * common default ********************************************************************/ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,figure,pre,input,textarea,button,select,blockquote{margin:0;padding:0} input,select,textarea,button,table{font:14px/1.25em 'Noto Sans KR', Malgun Gothic,arial,tahoma,sans-serif,Helvetica;color:#222;letter-spacing:-0.5px;} body{background:#fff;-webkit-text-size-adjust:none;font-family:'Noto Sans KR','¸¼Àº °íµñ','Malgun Gothic',sans-serif;font-weight: normal;font-size:.75em;line-height:1.4em;color:#797979;letter-spacing:-0.05em;} legend,caption{overflow:hidden;position:absolute;font-size:0;line-height:0;visibility:hidden} h1,h2,h3,h4,h5,h6{font-size:1em} img{vertical-align:middle} img,input,textarea,fieldset{border:0 none;outline:none} ul,ol,li{list-style:none} em,address{font-style:normal} a{color:#373e40;text-decoration:none} a:link,a:visited,a:hover,a:active{text-decoration:none} strong{font-weight:bold} legend,hr,caption{display:none} table{border-collapse:collapse;border-spacing:0} input,select,textarea,button{vertical-align:middle;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} u{text-decoration:none;} input[type='text'], input[type='password']{-webkit-appearance:none;-webkit-border-radius:0} input:checked[type='checkbox']{cursor:pointer; -webkit-appearance:checkbox;} button,input[type='submit'],input[type='button']{cursor:pointer;} ::-webkit-input-placeholder{color:#aaa;} input[type='text']{height:25px;text-indent:1px;color:#222;border-bottom:1px solid #e4e4e4;} input[type='text']:focus{color:#222;border-bottom:1px solid #aaa;} input[type='password']{height:25px;text-indent:1px;color:#222;} input[type='password']:focus{color:#222;} iframe{overflow:hidden;} .lines { margin:30px 0; height:1px; background-color:#cecece } a {selector-dummy: expression(this.hideFocus=true);} /********************************************************************* * LightBox Css *********************************************************************/ div.inBright { z-index: 99999; position:absolute; visibility:visible; display:block; left:0px; top:0px; border:0px; width:100%; } div.inDark { z-index: 99999; position:absolute; visibility:hidden; display:none; left:-10000px; top:-10000px; width:1px; height:1px; } div.inDarkLayer {z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000;} img.boxCenter { width:100%; cursor:pointer; border: solid 4px #000000; background-color: #fff; } div.loading { z-index: 99998; background-image:url(../../lib/img/bigBlackWaiting.gif); background-repeat:no-repeat; background-position:center; text-align:center; position:absolute; font-family: "verdana","tahoma"; font-size: 12px; color: #ffffff; padding-top:60px;} div.boxBody { margin: 12px;} /********************************************************************* * MessageBox CSS *********************************************************************/ #messageDiv { position:absolute; border:2px solid #333; background-color:#fff; display:none; z-index:9999; box-shadow:1px 1px 2px #777; -webkit-box-shadow:1px 1px 2px #777; border-radius:3px;-webkit-border-radius:3px; } div.title { padding-top:4px;height:24px; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', sans-serif; color:#fff;font-size:11px;letter-spacing:-1px; text-align:center; font-weight:bold; background-color:#555;} div.message { padding:16px 8px 8px 8px; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', sans-serif; color:#444;font-size:11px;letter-spacing:-1px; text-align:center;} div.confirm { padding:8px; text-align:center;} input.btnBox{ margin: 0 3px; border: 0; width: 60px; height: 25px; cursor: pointer; text-decoration:none; font-size:1em; color:#333; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); } /******************************************************************* * layout ********************************************************************/ html, body{height:100%;margin:0;padding:0;background:#fff;} .clear {clear:both;height:1px;overflow:hidden;} .left { float:left } .hide { display:none; } .show { display:block; } .mt20 {margin-top:20px;} .mb20 {margin-bottom:20px;} /* checkbox */ p.checkboxStyle{padding:0 !important;margin:0;display:inline-block;} p.checkboxStyle input[type='checkbox']{display:none;} p.checkboxStyle label {} p.checkboxStyle label span{vertical-align:-4px; cursor:pointer; display:inline-block;width:18px;height:18px; background:#fff; border:solid 1px #ccc; border-radius:1px;-webkit-border-radius:1px; box-shadow:1px 1px 2px #d4d4d4; -webkit-box-shadow:1px 1px 2px #d4d4d4 } p.checkboxStyle input[type='checkbox']:checked + label span{background:#fff url('img/common/icon_check.png') no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;} p.checkboxStyle input[type='checkbox']:disabled + label span{background:#dadada url() no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;} /* radio */ p.radioStyle{padding:0 !important;margin:0;display:inline-block;} p.radioStyle input[type='radio']{display:none;} p.radioStyle label {} p.radioStyle label span{vertical-align:-4px; cursor:pointer; display:inline-block;width:18px;height:18px; background:#fff; border:solid 1px #ccc; border-radius:10px;-webkit-border-radius:10px; box-shadow:1px 1px 2px #d4d4d4; -webkit-box-shadow:1px 1px 2px #d4d4d4 } p.radioStyle input[type='radio']:checked + label span{background:#fff url('img/common/icon_radio.png') no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;} /* header */ #header{position: relative; z-index: 20; width: 100%;float: left;height: 56px;} #header h1{padding: 4px 10px 6px 10px;} #header h1 img{height:30px; width:auto; } .top_logo a {display:inline-block;background: url(img/main/top_logo.png) 0 11px no-repeat;background-size: 24px;padding-left: 30px;font-size: 22px;line-height: 42px;} /* top Util */ .top_qr {position: absolute;top: 2%;right: 3%;display:inline-block;z-index:99;} .top_qr a {display:block;} .top_qr a img {display:block;width:28px;} #util{position: static; display: none;} #util h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #util ul{position: absolute; top: 12px; right: 10px;} #util ul li{display: inline; padding: 0 4px 0 8px; background: url('img/common/common_line.png') no-repeat left 50%; vertical-align: top;} #util ul li:first-child{background: none;} #util ul li a{height: 15px; line-height: 14px; font-size: 1em;} #util ul li a.active{color: #eee;} #util ul li:last-child a{position: relative;} #util ul li:last-child a.active:after{background-position: left -65px;} #util ul li:last-child a:after{content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 30px; height: 18px; background: url('img/common/btn_search.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;} /* searchForm */ #searchForm{overflow:hidden;position: relative; margin: 0 10px; padding: 0 80px 10px 0; height: 38px; background: url('img/common/bg_search.png'), url('img/common/bg_search.png'), url('img/common/bg_search.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -50px, 0 -100px; background-size: 50px 200px, 50px 200px, 50px 200px; -webkit-background-size: 50px 200px, 50px 200px, 50px 200px;} #searchForm .target{display: none;} #searchForm .target .active{display: block;} #searchForm input{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} #searchForm input[type="text"], #searchForm input[type="search"]{position: relative; left: 15px; top: 5px; width: 100%; height: 30px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;} #searchForm input[type="search"]::-webkit-input-placeholder {} #searchForm input[type="submit"], #searchForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 40px; text-indent: -999em; background: url('img/common/bg_search.png') no-repeat right -150px; background-size: 50px 200px; -webkit-background-size: 50px 200px; cursor: pointer;} #searchForm input[type="reset"]{display:none; position: absolute; right: 40px; top: 5px; overflow: hidden; width: 30px; height: 30px; text-indent: -999px; background: url('img/common/btn_reset.png') no-repeat 0 3px; background-size: 26px 26px; -webkit-background-size: 26px 26px; cursor: pointer;} /* navi */ #navi{clear: both;position: relative; border-top: 1px solid #32abb2; border-bottom: 1px solid #32abb2; box-shadow:0px 2px 3px #c8c8c8; -webkit-box-shadow:0px 2px 3px #c8c8c8; background: #38c1c9 -webkit-gradient(linear, left top, left bottom, from(#63d6e1), to(#38c1c9)); background: #38c1c9 -moz-linear-gradient(top, #63d6e1, #38c1c9); background: #e3e3e3 -o-linear-gradient(top, #63d6e1, #38c1c9); background-color: #38c1c9;} #navi h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #navi ul:after{content: ""; display: block; clear: both; height: 0; width: 0; visibility: hidden;} #navi ul li{float: left; width: 25%;} #navi ul li a{display: block; padding: 10px 0 7px 0; height: 15px; font: bold 1em/1em sans-serif; line-height: 1em; text-align: center; color: #fff; border-right: 1px solid #32abb2;} #navi ul li:last-child a{border-right: none;} /* navi */ #naviMain{clear: both;position: relative; border-top: 1px solid #32abb2; border-bottom: 1px solid #32abb2; box-shadow:0px 1px 3px #c8c8c8; -webkit-box-shadow:0px 1px 3px #c8c8c8; background: #38c1c9 -webkit-gradient(linear, left top, left bottom, from(#63d6e1), to(#38c1c9)); background: #38c1c9 -moz-linear-gradient(top, #63d6e1, #38c1c9); background: #e3e3e3 -o-linear-gradient(top, #63d6e1, #38c1c9); background-color: #38c1c9;} #naviMain h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #naviMain ul:after{content: ""; display: block; clear: both; height: 0; width: 0; visibility: hidden;} #naviMain ul li{float: left; width: 25%;} #naviMain ul li a{display: block; padding: 10px 0 7px 0; height: 15px; font: bold 1em/1em sans-serif; line-height: 1em; text-align: center; color: #fff; border-right: 1px solid #32abb2;} #naviMain ul li:last-child a{border-right: none;} /*** main menu ***/ #sidebar {float: left; width: 100%; text-align: center; height: 45px; position: relative; border-bottom:#ddd 1px solid;} .touchscroll{overflow: hidden; clear: both; width: 100%;/* background: #d21a5a*/} .touchscroll ul {display: inline-block; border-top: 1px #e9e9e9 solid;} .touchscroll ul:after{content:""; display:block; clear:both;} .touchscroll ul li {overflow:hidden; float: left; text-align: center; background: #d21a5a;} .touchscroll ul li a {padding: 0 15px; line-height:45px; height:45px; font-size: 15px; display:block; background: #fff; color: #333; font-weight:400;} .touchscroll ul li:last-child {border-right:none;} .touchscroll ul li:hover {background:#ff6a06;color: #fff;} .touchscroll ul li:hover a {background:#ff6a06;color: #fff; font-weight:500;} .touchscroll ul li.active {background:#ff6a06;} .touchscroll ul li.active a {background:#ff6a06;color: #fff; font-weight:500;} /***submenu****/ .sub_menu_touch{background:#f4f4f4;margin-bottom: 0px !important; border-bottom: 1px solid #d21a5a;} .sub_menu_touch ul{} .sub_menu_touch ul li a {color:#000; border-left:#e3e3e3 1px solid;font-size:14px; background: #f4f4f4; display: inline-block; padding: 11px 20px; margin: 0;} .sub_menu_touch ul li:first-child a{border-left:none} .sub_menu_touch ul li:hover a{color:#b20642; background:#fff;} .sub_menu_touch ul li.active a{color:#b20642; background:#fff;} /***submenu01****/ #menu_touch_primary.sub_menu_touch01{width: 100% !important; } #menu_touch_primary{float: left; width: 100%; margin: 0 auto;} .sub_menu_touch01 { overflow: hidden; clear: both; width: 100% !important; height: 50px; background: #fff; -webkit-box-shadow: 1px 3px 4px -1px rgba(0,0,0,0.36); -moz-box-shadow: 1px 3px 4px -1px rgba(0,0,0,0.36); box-shadow: 1px 3px 4px -1px rgba(0,0,0,0.36); } .sub_menu_touch01 ul {display: inline-block;} .sub_menu_touch01 ul:after{content:""; display:block; clear:both;} .sub_menu_touch01 ul li {overflow:hidden; float: left; text-align: center; background: #d21a5a;} .sub_menu_touch01 ul li a {padding: 17px 5px; line-height:1em; width:140px; font-size: 15px; display:block; background: #fff; color: #828589; font-weight:500;} .sub_menu_touch01 ul li:hover {background:#fff;} .sub_menu_touch01 ul li:hover a {background:#fff; font-weight:500;} .sub_menu_touch01 ul li.active {color:#21406c; border-bottom:3px solid #2a538e; background:#fff;} .sub_menu_touch01 ul li.active a {color:#21406c; background:#fff; font-weight:500;} /* navi*/ #navi_under { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 3px 5px 1px rgba(0,0,0,0.3); z-index: 1000; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; z-index: 9000; } #navi_under ul { overflow: hidden; } #navi_under ul li { float: left; width: 20%; color:#5a5a5a; font-size: 13px; letter-spacing: -0.043em; } #navi_under ul li a { display: block; padding: 11px 0; color:#5a5a5a; font-size: 12px; letter-spacing: -0.5px; } #navi_under ul li:first-child a {border-left:none;} #navi_under a { cursor: pointer } #navi_under a::before {content: ""; display:block;} #navi_under a.hover, #navi_under a.active{ background:#ed7912;color: #fff; } #navi_under a.text_letter {font-size: 13px; letter-spacing:-0.043em; } #navi_under ul li a span { display: block; width: 20px; height: 17px; margin: 0 auto 4px; } #navi_under ul li a span.fixed_icon01 { background: url('img/main/fix_05.png') center no-repeat; background-size: 23px; } #navi_under ul li a span.fixed_icon02 { background: url('img/main/fix_01.png') center no-repeat; background-size: 23px;} #navi_under ul li a span.fixed_icon03 { background: url('img/main/fix_02.png') center no-repeat; background-size: 23px; } #navi_under ul li a span.fixed_icon04 { background: url('img/main/fix_03.png') center no-repeat; background-size: 20px; } #navi_under ul li a span.fixed_icon05 { background: url('img/main/fix_04.png') center no-repeat; background-size: 20px; } #navi_under ul li a.active span.fixed_icon01 { background: url('img/main/fix_05_on.png') center no-repeat; background-size: 23px; } #navi_under ul li a.active span.fixed_icon02 { background: url('img/main/fix_01_on.png') center no-repeat; background-size: 23px;} #navi_under ul li a.active span.fixed_icon03 { background: url('img/main/fix_02_on.png') center no-repeat; background-size: 23px; } #navi_under ul li a.active span.fixed_icon04 { background: url('img/main/fix_03_on.png') center no-repeat; background-size: 20px; } #navi_under ul li a.active span.fixed_icon05 { background: url('img/main/fix_04_on.png') center no-repeat; background-size: 20px; } #overlay{display:none;position:fixed;z-index:9999; top:0; right:0;width:100%; height: 100%; background: #fbfbfb; max-width: 640px; } #overlay div.quick_top { width: 100%; height: 54px; background: #ff6a06; overflow: hidden; } #overlay div.quick_top a { display: inline-block; padding: 17px; float: left; } #overlay div.quick_top a img { display: block; } #overlay.see {display:block;position:relative;z-index:0; top:inherit; right:inherit;width:100%; height: auto;float:left; background: none; max-width: 640px; } div#quick_section_inner { width: 100%; height: calc(100% - 252px); padding-bottom: 10px; box-sizing: border-box; overflow-y: scroll; } .quick_login { width: 100%; background: #fff; padding: 0 3% 40px; box-sizing: border-box; } .quick_login div.login_top { padding-bottom: 25px; text-align: left; } .quick_login div.login_top a { display: block; overflow: hidden; background: url('image/top/quick_login_goBtn.png') 98% center no-repeat; } .quick_login div.login_top a .img_box { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #ccc; background: url('image/top/no_login_icon.jpg') center no-repeat; margin: 0 15px; float: left; } .quick_login div.login_top a .login_name { display: block; font-size: 16px; color:#333; font-weight: 500; padding-top:7px; } .quick_login div.login_top a p { font-size: 14px; line-height: 1em; color:#777; font-weight: 300; padding-top: 8px; } .quick_login div.btn_inner a {text-align: center; display: block; width: 49%; margin: 0 0.5%; float: left; color:#fff; font-size: 14px; line-height: 1em; padding: 11px 0; border-radius: 5px;} .quick_login div.btn_inner { overflow: hidden; } .quick_login .quick_login_btn { background: #ff6a06; } .quick_login .qiick_join_btn { background: #ffd500;color:#333 !important; } .quick_login .quick_logout_btn { background: #7e7e7e;color:#fff !important;} .quick_login .qiick_profile_btn { background: #ffd500;color:#333 !important; } #overlay.see .quick_login { width: 100%; background: #fff; padding: 36px 3% 10px 3%; box-sizing: border-box; } .quick_manage_button { width: 100%; background: #fff; margin-top: 5px; } .quick_manage_button .qmb_top { width: 100%; padding: 10px 3%; border-bottom: 1px solid #ddd; box-sizing: border-box; text-align: left; overflow: hidden; } .quick_manage_button .qmb_top em { font-size: 15px; color:#555555; line-height: 28px; } .quick_manage_button .qmb_top em span { display: inline-block; font-size: 14px; color:#b7b7b7; } .quick_manage_button .qmb_top a { display: block; float: right; color:#777; font-size: 13px; border: 1px solid #ccc; border-radius: 5px; padding: 4px 18px; } .quick_manage_button .qmb_bottom { width: 100%; background: #fff; padding: 10px 0; } .quick_manage_button .qmb_bottom ul { overflow: hidden; text-align:center;} .quick_manage_button .qmb_bottom ul li { width: auto; display:inline-block;} .quick_manage_button .qmb_bottom ul li a { display: block; font-size: 13px; color: #777777; padding: 0 15px;} .quick_manage_button .qmb_bottom ul li a .icon { display: block; width: 100%; } .quick_manage_button .qmb_bottom ul li a .icon img { display: inline-block; } .quick_category_menu { width: 100%; margin-top: 0;} #overlay.see .quick_category_menu { width: auto; margin-top: 0; clear: both; margin: 2%; padding: 10px; background: #fff; } .quick_category_menu h2 { display: block; margin-bottom: 10px; width: 100%; padding: 0 3%; box-sizing: border-box; } .quick_category_menu h2 img { display: block; width: 120px; } .quick_category_menu .qcm_inner { width: 100%; background: #fff;overflow-y: auto;height:400px;} .quick_category_menu .qcm_inner ul { overflow: hidden; } .quick_category_menu .qcm_inner ul li { width: 100%; float: left; padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid #eee; } #overlay.see .quick_category_menu .qcm_inner ul li:last-child {border-bottom: none; } .quick_category_menu .qcm_inner ul li a { display: block;text-align: left;line-height: 34px;padding: 7px 0;font-size: 15px; background: url('img/quick_login_goBtn.png') right center no-repeat;background-size: 6px; } #overlay.see .quick_category_menu .qcm_inner { width: 100%; background: #fff; overflow-y: inherit; height: auto;} .quick_privacy { width: 100%; margin-top: 5px; background :#fff; } .quick_privacy ul { overflow: hidden; } .quick_privacy ul li { width: 50%; float: left; padding: 0 3%; box-sizing: border-box; } .quick_privacy ul li a { display: block; font-size: 15px; color: #555; text-align: left; padding: 16px 0; background: url('image/top/quick_login_goBtn.png') right center no-repeat; background-size: 6px; } /* SWIPER */ .swiper-container{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;} .swiper-wrapper{width: 2900px; max-width: 3000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:100%;} .swiper-slide a{display: block; padding: 14px 8px 12px 13px; height: 15px; font: bold 1.1em/1.1em sans-serif; line-height: 1.1em; text-align: center; color: #fff;} /* pagination */ p.pagination{overflow: hidden; margin-top: 10px; height: 20px; line-height: 1em; text-align: center;} p.pagination strong, p.pagination span{position: relative; display: inline-block; overflow: hidden; color:#fff; font-size:0.1em; width: 15px; height: 15px; margin: 0; vertical-align: top;} p.pagination strong:after, p.pagination span:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;} p.pagination .active:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left 120%; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;} #main_visual {clear: both;width: 100%;float: left;} /* main banner */ #mainBanner{overflow: hidden;} #mainBanner h1{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainBanner .slidings{background-color: #fff; border-bottom:1px solid #e3e3e3} #mainBanner .slidings .wrap{position: relative;} #mainBanner .slidings .wrap:after{content: ""; display: block; clear: both; width: 0; height: 0; visibility: 0;} #mainBanner .slidings figure figcaption{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainBanner .slidings figure a{display: block; text-align: center;} #mainBanner .slidings figure a img{display: block; margin: 0 auto; min-width: 100%; max-width: 100%;} #main_con {width: 100%;clear: both;float:left;background: #efefed;} .main_category {width: 100%;float: left;} .main_category ul {margin: 2.5%;background: #fff;overflow: hidden;} .main_category li {width: 25%;float: left;} .main_category li a {display: block;padding: 5px;text-align:center;} .main_category li a img {display: block;width: 98%;margin: 0 auto;} .main_category li a p {text-align: center;font-size: 13px;word-break: keep-all;letter-spacing:-1px;} .main_category li:nth-child(4n+1) {clear:both;} #bannerList02 {clear: both;overflow: hidden;position: relative;margin-bottom:2.5%;} #bannerList02 li img{display:block;width: 100%;} #contents {clear: both;width: 100%;float: left;} .sub #contents {clear: both;width: 100%;float: left;background: #efefed;} /* main Hit Goods */ #mainHitGoods{clear: both;overflow: hidden; background:#fff;position: relative;margin-bottom: 2.5%;padding-top: 10px;} #mainHitGoods h1{margin-bottom:10px;position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 33px; font-size: 1.5em; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #mainHitGoods h1 span {color:#f76300;} #mainHitGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; } /* main Recommand Goods */ #mainRecoGoods{overflow: hidden; position: relative;clear: both; background: #fff;padding-top: 10px;} #mainRecoGoods h1{margin-bottom:10px;position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 33px; font-size: 1.5em; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #mainRecoGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; } #mainRecoGoods h1 span {color:#f76300;} /* main New arrival Goods */ #mainNewGoods{overflow: hidden; position: relative;} #mainNewGoods h1{position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 28px; font-size: 1.2em; color: #333; background-color:#efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #dadada; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #mainNewGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; } /* main Recommand Goods */ #subRecoGoods{margin:2.5% 0;overflow: hidden; position: relative;clear: both; background: #fff;padding-top: 10px;} #subRecoGoods h1{margin-bottom:10px;position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 33px; font-size: 1.5em; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #subRecoGoods h1 span {color:#f76300;} /* main Recommand Goods */ #subGoodslist{margin:2.5% 0;overflow: hidden; position: relative;clear: both; background: #fff;padding-top: 10px;} #subGoodslist h1{margin-bottom:10px;position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 33px; font-size: 1.5em; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #subGoodslist h1 span {color:#f76300;} #mainHitGoods .bx-controls.bx-has-pager {display: inline-block;position: absolute;right: 2%;top: -4%;} #mainHitGoods .bx-wrapper .bx-pager {text-align: center;font-size: 13px;font-family: Arial;font-weight: normal;display: block;background-color: rgba(0, 0, 0, 0.4);width: 24px;color: #fff;padding: 6px 15px;border-radius: 15px;} #mainRecoGoods .bx-controls.bx-has-pager {display: inline-block;position: absolute;right: 2%;top: -4%;} #mainRecoGoods .bx-wrapper .bx-pager {text-align: center;font-size: 13px;font-family: Arial;font-weight: normal;display: block;background-color: rgba(0, 0, 0, 0.4);width: 24px;color: #fff;padding: 6px 15px;border-radius: 15px;} #subRecoGoods .bx-controls.bx-has-pager {display: inline-block;position: absolute;right: 2%;top: -4%;} #subRecoGoods .bx-wrapper .bx-pager {text-align: center;font-size: 13px;font-family: Arial;font-weight: normal;display: block;background-color: rgba(0, 0, 0, 0.4);width: 24px;color: #fff;padding: 6px 15px;border-radius: 15px;} #subRecoGoods .bx-wrapper{margin-left: 10px;} .main_goods{ padding-bottom:20px;} #mainRecoGoods .bx-wrapper, #mainHitGoods .bx-wrapper, #subRecoGoods .bx-wrapper{margin-left: 10px;} .main_goods li{float: left; padding: 10px 3px; text-align: left;} .main_goods .item_box{width:100%; overflow: hidden; text-align: left;float:left;} .main_goods .item_box a {display:block;} .main_goods .thumbnail{display: block; overflow: hidden;position: relative;} .main_goods .thumbnail .rank_num {display: inline-block;color: #fff;font-weight: 400;background: #f66401;width: 28px;height: 28px;text-align: center;line-height: 28px;border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 9;} .main_goods .thumbnail img{display: block; margin: 0 auto;width:100%;height: 86px;} .main_goods .item_info .goods{margin-bottom:10px;padding-top:10px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #333;font-size:15px;text-align:left;font-weight:500;} .main_goods .item_info .price{padding-top:4px; line-height: 1.2em; font-size: 1em;} .main_goods .item_info .price strong{font-size: 1.1em; color: #333;} .star_jum { display: inline-block; font-size: 12px; margin-right: 10px; color:#ff7800; font-weight:300; } .star_jum i { display: inline-block; margin-right: 3px; } .star_jum i img { display: block; width:12px; } .sang_review {display: inline-block;font-size: 12px;margin-right: 10px;font-weight:300;color:#686868;} .sang_desp {margin-top:3px;font-size: 12px;margin-right: 10px;font-weight:300;color:#686868;} /* bannerList */ #bannerList{clear:both;overflow: hidden;margin-bottom:2.5%;} #bannerList h1{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;display:none;} #bannerList li{float: left; } #bannerList li a{display:block;} #bannerList li a img{width:100%; height:auto;display:block; } /* main Notice */ #mainNotice{overflow: hidden; position: relative;} #mainNotice h1{position: relative; padding-left: 10px; height: 40px; text-align: left; line-height: 33px; font-size: 1.2em; color: #333; background-color:#fff; border-top: 1px solid #bbb; background: url('img/common/common_line.png') no-repeat 80px 40%; background-size:1px 40%; -webkit-background-size: 1px 40%; -o-background-size: 1px 40%; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #mainNotice .noticeArticle{ position: absolute; display: inline-block; top: 11px; left: 90px; height:16px; overflow:hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; } /* headline */ #headline{position: relative; padding: 26px 0; background: #fff; } #headline h1{font-size: 23px;color: #444; text-align: center; ; background:#fff;} /* cateIndicator */ #cateIndicator{position: relative; overflow:hidden; height:40px; line-height:36px; border-bottom:solid 1px #aaa; box-shadow:0px 1px 2px #d4d4d4; -webkit-box-shadow:0px 1px 2px #d4d4d4; background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e3e3e3)); background: #e3e3e3 -moz-linear-gradient(top, #fafafa, #e3e3e3); background: #e3e3e3 -o-linear-gradient(top, #fafafa, #e3e3e3); background-color: #e3e3e3;} #cateIndicator li{float:left; height:40px; padding: 0 23px 0 0; color:#222; font-size:1.0em; background: url('img/common/bg_indicator.png') no-repeat right; background-size:23px auto;-webkit-background-size:23px auto;} #cateIndicator li a{color:#078a92} #cateIndicator li:first-child{padding-left:10px;} #cateIndicator li:last-child{padding-right:0; background:url();} /* cateList */ #cateList{background:#fff; margin:10px 0 20px 0;} #cateList li{border-bottom:1px solid #e3e3e3; height:40px; line-height:35px; padding:0 0 0 14px; background: url('img/common/icon_next.png') no-repeat 98% 60%; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #cateList li a{display:block; font: bold 14px/40px dotum, sans-serif;} #cateList li a span{vertical-align:middle;font-weight:bold;} /*shoplist*/ #subGoodslist {clear: both;width: 100%;float: left;} .shop_list li {border-top: #efefed 1px solid;padding: 16px;overflow:hidden;} .shop_list li:first-child {border-top: none;} .shop_list .shop_box a {display: block;} .shop_list .shop_box .thumbnail {width: 110px;float: left;margin-right: 15px;} .shop_list .shop_box .shop_info {margin-left: 125px;} .shop_list .shop_box .shop_info .goods {font-size: 17px;margin-bottom: 15px;} .shop_list .shop_box .thumbnail img {display:block;width:100%;} /* goodsListHead */ .goods_today {clear: both;margin-top: 2.5%;overflow: hidden;background: #fff;} #goodsListHead{position: relative; border-bottom:solid 1px #e8e8e8; height: 40px; line-height: 33px; background:#fff; } #goodsListHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsListHead select{display:inline-block; height:27px; margin:7px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #goodsListHead span{position: absolute; top:3px; right:8px;} #goodsListHead button{width: 25px; height: 25px; text-indent: -999em; background-image: url('img/common/list_type.png'); background-repeat: no-repeat;} #goodsListHead .button{display: -moz-inline-stack; display: inline-block; margin: 0; padding: 0; overflow: hidden; border: 0 none; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background-color: transparent; cursor: pointer; -webkit-text-size-adjust: none; } #goodsListHead .listImg{background-position: 0 0;} #goodsListHead .listImgOn{background-position: right 0;} #goodsListHead .listList{background-position: 0 -50px;} #goodsListHead .listListOn{background-position: right -50px;} #goodsListHead p{padding:0 0 0 10px; color:#666;} #goodsListHead p em {font-size:1.2em; font-weight:bold; color:#333} #goodsListHead span.btn{position:absolute; text-align:center; color:#fff; top:6px; right:8px; width:100px; height:24px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #4eb6bd; border-radius:2px;-webkit-border-radius:2px;background-color:#46b9c4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63d6e1), color-stop(0.5, #63d6e1), color-stop(0.51, #46b9c4), color-stop(1, #46b9c4));} #goodsListHead span a {position:relative; top:-5px; color:#fff} /* goodsList */ #goodsList{background:#fff; min-height:120px; margin:0 0 20px 0;} .listList li{border-bottom:1px solid #e3e3e3; height:100px; padding:10px 0 10px 14px; box-shadow:0px 1px 1px #fafafa; -webkit-box-shadow:0px 1px 1px #fafafa;} .listList .item_box {position: relative; display: block; width:100%; } .listList .thumbnail{display: block; width:100px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .listList .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;} .listList .item_info{position: absolute; margin: 0 auto; top:0px; left:110px; display: block; float:left; text-align:left; } .listList .item_info .goods{margin:4px 0 4px 0;line-height: 1.4em; font-size: 1.2em; height: 40px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;} .listList .item_info .review{line-height: 1.2em; font-size: 1em; color:#666;} .listList .item_info .sales{line-height: 1.2em; font-size: 1em;} .listList .item_info .sales img { margin: 4px auto 0 auto; width: auto; height:16px; } .listList .item_info .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em;} .listList .item_info .price .selling {padding:0 20px 0 0px;} .listList .item_info .price strong{font-size: 1.4em; color: #333;} .listList .todayDel, .listList .wishDel {display: none;position: absolute;text-align: center;padding: 2px 0 0 0;top: 72px;right: 10px;width: 50px;height: 20px;border: 1px solid #999;border-radius: 1px;-webkit-border-radius: 5px;background-color: #979797;} .listList .todayDel a, .listList .wishDel a { color:#fff;} .imgList li{float: left; padding: 10px 0; min-width:140px; width:50%; text-align: center;} .imgList2 li{float: left; padding: 10px 0; min-width:140px; width:33.3%; text-align: center;} .imgList .item_box, .imgList2 .item_box {width:140px; margin: 0 auto; overflow: hidden; text-align: center;} .imgList .thumbnail, .imgList2 .thumbnail{display: block; width:140px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgList .thumbnail img{display: block; margin: 0; width: 140px; height: 140px;} .imgList2 .thumbnail img{display: block; margin: 0; width: 140px; height: 140px;} .imgList .item_info, .imgList2 .item_info{ display: block; width:140px; } .imgList .item_info .goods, .imgList2 .item_info .goods{margin:4px 0 0 0;line-height: 1.4em; font-size: 1.2em; height: 40px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;} .imgList .item_info .review, .imgList2 .item_info .review{display:none;} .imgList .item_info .sales, .imgList2 .item_info .sales{display:none;} .imgList .item_info .price, .imgList2 .item_info .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em;} .imgList .item_info .price .selling, .imgList2 .item_info .price .selling {display:none;} .imgList .item_info .price, .imgList2 .item_info .price strong{font-size: 1.4em; color: #333;} .imgList .todayDel, .imgList2 .todayDel, .imgList .wishDel, .imgList2 .wishDel {display:none;} .item_box_rank { position:absolute;width:20px; height:20px; background-color:#32abb2;color:#fff;font-size: 1.0em;line-height: 1.5em;z-index:9999;filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7;} /* searchIndicator */ #searchIndicator{clear: both;position: relative; overflow:hidden; height:40px; line-height:36px; border-bottom:solid 1px #aaa; box-shadow:0px 1px 2px #d4d4d4; -webkit-box-shadow:0px 1px 2px #d4d4d4; background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e3e3e3)); background: #999999 -moz-linear-gradient(top, #fafafa, #e3e3e3); background: #e3e3e3 -o-linear-gradient(top, #fafafa, #e3e3e3); background-color: #999999;} #searchIndicator p{padding:0 0 0 10px; color:#666;} #searchIndicator p em {font-size:1.2em; font-weight:bold; color:#333} #searchIndicator p:nth-child(2){position:absolute; top:2px; right:10px;} #searchIndicator span.btn{position:absolute;text-align:center; margin-left:10px; top:7px;width:70px; height:22px;color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} #searchIndicator span.btn a{position:relative; top:-6px; color:#333} /* listLoading */ #listLoading{display:none; position:absolute; z-index:999999; background-color:#fff; filter:alpha(opacity=90);opacity:0.9; -moz-opacity:0.9; text-align:center;padding:20px;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 0 #eee;-webkit-box-shadow:0 1px 0 #eee;} /* goodsName */ #goodsName{position: relative; background:#fff; border-top: solid 1px #e8e8e8;border-bottom: #e8e8e8 1px solid;text-align:center;} #goodsName h2{display: block; font-weight:normal; line-height: 1.4em; font-size: 20px;padding: 20px 0; color: #222;} /* goodsImage */ #goodsImage{position: relative;width:100%; overflow:hidden; } #goodsImage h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsImage .slidings{background-color: #fff; text-align:center;} #goodsImage .slidings .wrap{position: relative;} #goodsImage .slidings .wrap:after{content: ""; display: block; clear: both; width: 0; height: 0; visibility: 0;} #goodsImage .slidings figure img{display: block; margin: 0 auto; width:100%; height:auto;} #goodsImage .slidings p{ position:absolute; text-align:center; top:295px;width:100%} #goodsImage .slidings p span{display:inline-block; color:#fff; font-weight:bold; padding-top:4px; background-color:#444; width:60px; height:22px;border-radius:8px;-webkit-border-radius:8px;filter:alpha(opacity=50);opacity:0.5; -moz-opacity:0.5;} /* goodsPrice */ #goodsPrice{position: relative; background:#fff; border-bottom:1px solid #e8e8e8; padding: 15px; overflow: hidden; } #goodsPrice h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsPrice ul{overflow:hidden;margin:0; } #goodsPrice ul:after{display:block;overflow:hidden;clear:both;content:''} #goodsPrice li{float:left; width:38%; text-align:center; height:45px; padding:10px 0;} #goodsPrice li:nth-child(1) em{font-weight:bold; line-height: 1.8em; font-size: 2em;} #goodsPrice li:nth-child(2){text-align:left;width:62%} #goodsPrice li:nth-child(2) img{width:20px; height:auto; cursor:pointer; } #goodsPrice li:nth-child(2) .snsList{padding:0 0 0 40px;} #goodsPrice li:nth-child(2) p:nth-child(2){padding:6px 0 0;} #goodsPrice li:nth-child(2) em{display:inline-block;width:40px;} #goodsPrice .review_bg, #goodsMoreInfo .review_bg, #reviewInfo .reviewInfoBox .review_bg{display:inline-block;position:relative;top:3px; width:80px;height:15px;background:url('img/common/bg_stars.png') no-repeat 0 0;background-size:80px auto;-webkit-background-size:80px auto;} #goodsPrice .review_bg em, #goodsMoreInfo .review_bg em, #reviewInfo .reviewInfoBox .review_bg em{display:block;position:absolute;top:0px;overflow:hidden;width:100%;height:15px;background:url('img/common/bg_stars.png') no-repeat 0 66%;background-size:80px auto;-webkit-background-size:80px auto;} /* goodsBasicInfo */ #goodsBasicInfo{position: relative; } #goodsBasicInfo h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsBasicInfo table{width:100%; margin:10px 0;} #goodsBasicInfo table tr{height:30px;} #goodsBasicInfo table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;} #goodsBasicInfo table td{color:#222;vertical-align:top;} #goodsBasicInfo table td s{color:#999;vertical-align:top;} #goodsBasicInfo table td a{color:#999; font-size: 1em; border-bottom:1px dashed #dadada;} /* goodsOpQty */ #goodsOpQty{position: relative; background:#fff; padding:5px 10px 20px 10px; border-bottom:1px solid #e8e8e8;} #goodsOpQty h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsOpQty p{color:#111; padding: 10px 0;font-size: 14px;} #goodsOpQty select{display:inline-block; width:100%; height:40px; padding:5px 50px 4px 10px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #dcdcdc;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:36px 40px;-webkit-background-size:36px 40px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} /*#goodsOpQty .tPrice{width:100%; height:30px;margin:20px 0 0 0; padding:10 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #333; border-radius:2px;-webkit-border-radius:2px;background-color:#666;}*/ #goodsOpQty .tPrice {width: 100%;/* height: 30px; */margin: 20px 0 0 0;padding: 19px 0 0 0px;color: #000;/* box-shadow: 1px 2px 2px #aaa; *//* -webkit-box-shadow: 1px 2px 2px #aaa; */border-top: 1px solid #e8e8e8;/* border-radius: 2px; *//* -webkit-border-radius: 2px; *//* background-color: #666; */} #goodsOpQty .tPrice span:nth-child(1) {/* padding: 0 0 0 20px; */line-height: 1.0em;font-size: 1.3em;} #goodsOpQty .tPrice span:nth-child(2) {float: right;/* padding: 0 20px 0 0; */line-height: 1.3em;font-size: 1.2em;} #goodsOpQty .tPrice span:nth-child(2) em{ font-size: 1.3em; font-weight:500;} #goodsOpQty ul{display:block;margin:20px 0 0 0; height:40px; } #goodsOpQty li{float:left; width:38%; text-align:center;} #goodsOpQty li:nth-child(2){} #goodsOpQty li:nth-child(3){width:24%;} #goodsOpQty li:nth-child(1) p {font-size: 1.2em;font-weight: 500;display:block;margin:0 5px;padding: 10px 0;color: #fff;border: 1px solid #ed7912;border-radius: 5px;-webkit-border-radius: 5px;background-color: #ed7912;} #goodsOpQty li:nth-child(2) p {font-size: 1.2em;font-weight: 500;display: block;margin: 0 5px;padding: 10px 0;color: #fff;border: 1px solid #8a8a8a;border-radius: 4px;-webkit-border-radius: 4px;background-color: #8a8a8a;} #goodsOpQty li:nth-child(3) p{font-size:1.2em; font-weight:bold; width:100%; height:25px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));} #goodsOpQty li p.active {cursor:pointer; } #goodsOpQty li.options{width:49%} #goodsOpQty li.options2{width:2%} #goodsOpQty .goodsOpList { clear:both; } #goodsOpQty .goodsOpList2 { border-top:1px solid #999; display:none; } #goodsOpQty .goodsOpListDiv { margin:26px 0 0 0; border-bottom:1px solid #eee; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+1) { clear:both; line-height: 1em; font-size: 1em; color: #000; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+1) em { float:right; padding-right:10px; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) { clear:both; height:40px; padding-top:10px; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+1) { float:left; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) { float:left; padding:0px 0 0 4px; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) input{ font-size:1.0em; border:1px solid #aeaeae; padding-right:6px; text-align:right; width:30px; height:28px; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+3) {line-height: 30px; font-size: 1.4em;float:right; padding:2px 10px 0 6px; text-align:right; } #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) img, #goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) input {display:inline-block;float:left;} #goodsOpQty .option_btn {clear: both;width: 100%;overflow: hidden;/* background: #f1f1f1; */margin-top: 33px;} #goodsOpQty .option_btn li {width:50%;float:left;} /* goodsMoreInfo */ #goodsMoreInfo{clear:both; position: relative; margin:10px 0 20px 0; } #goodsMoreInfo li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;cursor:pointer; padding:0 14px 0 14px; background: url('img/common/icon_up_down.png') no-repeat 98% 15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #goodsMoreInfo li:nth-child(1), #goodsMoreInfo li:nth-child(2), #goodsMoreInfo li:nth-child(3){background: url('img/common/icon_next.png') no-repeat 98% 50%; } #goodsMoreInfo li div{display:block; width:100%} #goodsMoreInfo li span{ font-size: 1.2em; color:#333; font-weight:bold;} #goodsMoreInfo table{width:100%;} #goodsMoreInfo tr{height:24px;} #goodsMoreInfo th{text-align:left;font-weight:normal;color:#999;font-size:0.95em;vertical-align:top;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; } #goodsMoreInfo td{color:#333;vertical-align:top;font-size:0.95em;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; } #goodsMoreInfo tr.title{text-align:center; font-weight:bold; color:#111; background-color:#fff; border:1px solid #ccc; height:30px; line-height:26px;} #goodsMoreInfo table tr .pt10{padding:10px 0px;} #goodsMoreInfo th.title{padding-left:10px;} #goodsMoreInfo td.title{text-align:right; padding-right:10px;} #goodsMoreInfo li.goodsBasicDetail, #goodsMoreInfo li.goodsBasicVendor, #goodsMoreInfo li.goodsBasicHelp {display:none; cursor:normal; background:url(); background-color:#efefef; padding:14px; } #goodsMoreInfo li.goodsBasicRelative{display:none; position:relative; background:url(); background-color:#efefef; overflow:hidden; padding:0; } #goodsMoreInfo li.goodsBasicRelative li{float: left; padding: 10px 0; height:160px; border:0; min-width:100px; text-align: center; background:url(); box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;} #goodsMoreInfo li.goodsBasicRelative .item_box{width:100px; margin: 0 auto; overflow: hidden; text-align: center;} #goodsMoreInfo li.goodsBasicRelative .thumbnail{display: block; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} #goodsMoreInfo li.goodsBasicRelative .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;} #goodsMoreInfo li.goodsBasicRelative .item_info .goods{padding-top:4px; line-height: 1.2em; max-height: 28px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;} #goodsMoreInfo li.goodsBasicRelative .item_info .price{padding-top:4px; line-height: 1.2em; font-size: 1em;} #goodsMoreInfo li.goodsBasicRelative .item_info .price strong{font-size: 1.1em; color: #333;} #goodsMoreInfo li #relativeGoodsListPagination span{font-size:0.1em; color:#efefef;} /* goodsInfo */ #goodsInfoSub{position: relative; margin:0; } #goodsInfoSub h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsInfoSub .goodsInfoBox {box-sizing: border-box;width: 100%;padding: 15px;border-bottom: 1px solid #e8e8e8;background-color: #fff;overflow: hidden;} #goodsInfoSub .goodsInfoBox .thumbnail{display: block; float:left; margin:0 10px 0 0; width:62px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} #goodsInfoSub .goodsInfoBox .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;} #goodsInfoSub .goodsInfoBox .item_info{position: absolute; margin: 0 auto; top:6px; left:92px; display: block; float:left; text-align:left; } #goodsInfoSub .goodsInfoBox .goods{margin:6px 0 6px 0;line-height: 1.3em; font-size: 1.2em; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;} #goodsInfoSub .goodsInfoBox .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em;} #goodsInfoSub .goodsInfoBox .price strong{font-size: 1.4em; color: #333;} /* reviewInfo */ #reviewInfo{position: relative; margin:0 10px 20px 10px; } #reviewInfo h2, #reviewInfo h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #reviewInfo .reviewInfoBox{ width:100%; padding:10px 0 0 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; } #reviewInfo .reviewInfoBox .reviewHead{height:36px; line-height:2em; padding:0 10px; color:#111; font-size: 1.2em; font-weight:bold;} #reviewInfo.mypage{margin-top:20px ;} #reviewInfo.mypage .reviewInfoBox{padding-top:0} #reviewInfo input{ font-size:1.0em; border:1px solid #999; width:80px; border-radius:2px;-webkit-border-radius:2px; height:20px; } #reviewInfo .btn{cursor:pointer; float:left; margin:6px 0 0 6px; padding:0; font-size:0.9em; font-weight:bold; width:60px;text-align:center; height:20px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} /* reviewList */ #reviewList{background:#fafafa;} #reviewList li{padding:10px 10px; border-top:1px solid #ccc; position:relative; } #reviewList li .review_bg2{display:inline-block;position:relative;top:0px; width:60px;height:10px;background:url('img/common/bg_stars.png') no-repeat 0 0;background-size:60px auto;-webkit-background-size:60px auto;} #reviewList li .review_bg2 em{display:block;position:absolute;top:0px;overflow:hidden;width:60px;height:10px;background:url('img/common/bg_stars.png') no-repeat 0 66%;background-size:60px auto;-webkit-background-size:60px auto;} #reviewList li p.title { padding:6px 0 0 0; color:#111; } #reviewList li p.mypage{ padding:0 0 6px 0; color:#999; } #reviewList li div{ padding:6px 0 0 0; color:#999; } #reviewList li div img{ width:100%; height:auto; } #reviewList .thumbnail{display: block; float:left; margin-right:10px; width:62px; height:62px;overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} #reviewList .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;} #reviewList .item_info{position: absolute; margin: 0 auto; top:6px; left:92px; display: block; float:left; text-align:left; } #reviewList .detail{clear:both; margin-top:10px; padding:6px 6px; color:#666; border-top:1px solid #dadada } /* qnaInfo */ #qnaInfo{position: relative; margin:0 10px 20px 10px; } #qnaInfo h2, #qnaInfo h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #qnaInfo .qnaInfoBox{ width:100%; padding:10px 0 0 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; } #qnaInfo .qnaInfoBox .qnaHead{height:36px; line-height:2em; padding:0 10px; color:#111; font-size: 1.2em; font-weight:bold;} #qnaInfo.mypage{margin-top:20px ;} #qnaInfo.mypage .qnaInfoBox{padding-top:0} #qnaInfo input{ font-size:1.0em; border:1px solid #999; width:80px; border-radius:2px;-webkit-border-radius:2px; height:20px; } #qnaInfo .btn{cursor:pointer; float:left; margin:6px 0 0 6px; padding:0; font-size:0.9em; font-weight:bold; width:60px;text-align:center; height:20px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} /* qnaList */ #qnaList{background:#fafafa;} #qnaList li{padding:10px; border-top:1px solid #ccc;} #qnaList li p:nth-child(2){ padding:6px 0 0 0; color:#111; } #qnaList li p.mypage{ padding:0 0 6px 0; color:#999; } #qnaList li div{ padding:6px 0 0 0; color:#999; } #qnaList li div .answer{ margin:6px 0; padding:10px; border:1px solid #ccc; background-color:#fff; } #qnaList li div img{ width:100%; height:auto; } /* goodsDetail */ #goodsDetail{position: relative; margin:20px 10px; } #goodsDetail h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #goodsDetail .explan { display: block; width:100%; overflow:auto; } #goodsDetail .explan img {width:100%; height:auto; } /* cartList */ #cartList .cartList-sangjum {position: relative;width: 100%;box-sizing: border-box;border-bottom: #e8e8e8 1px solid;overflow: hidden;padding: 17px;} #cartList .cartList-sangjum .cartCheck {display: inline-block;position: absolute;right: 10px;top: 16px;} #cartList .cartList-sangjum h3 {font-size: 1.5em;font-weight: 500;color: #000;} #cartList .cartList-sangjum h3 span {float: right;font-size: 12px;background: #fff;font-weight: 400;padding: 3px 10px;border: #ccc 1px solid;border-radius: 14px;vertical-align: middle;display: inline-block;} #cartList .check_delivery ul {margin: 0;height: auto;overflow: hidden;padding: 20px 0 0 0;} #cartList .cartList-sangjum li {clear: both;width: 100% !important;text-align: left;margin:3px 0;} #cartList .cartList-sangjum li input[type="radio"] {} #cartList .cartList-sangjum li label {font-size: 14px;color: #454545;} p.radioStyle{padding:0 !important;margin:0;display:inline-block;} #cartList .cartList-sangjum li input[type="radio"]{display:none;} #cartList .cartList-sangjum li label span{margin-right:10px; vertical-align:-4px; cursor:pointer; display:inline-block;width:18px;height:18px; background:#fff; border:solid 1px #ccc; border-radius:10px;-webkit-border-radius:10px; box-shadow:1px 1px 2px #d4d4d4; -webkit-box-shadow:1px 1px 2px #d4d4d4 } #cartList .cartList-sangjum li label input[type='radio']:checked + label span{background:#fff url('img/common/icon_radio.png') no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;} #cartList{position: relative;} #cartList h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #cartList .cartListTop{display:none; width:100%; background-color:#fafafa; height:3px; overflow:hidden;border:1px solid #ccc; border-bottom:0; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} #cartList .cartListTop2{margin-top:20px; display:block; width:100%; background-color:#fafafa; height:3px; overflow:hidden;border:1px solid #ccc; border-bottom:0; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} #cartList .cartListbox{position: relative; width:100%; padding: 12px 0;clear: both;border-top: #e8e8e8 1px solid;} #cartList .cartListbox:first-child {border-top:none;}} #cartList .cartList-sangjum .cartCheck{position: absolute; top:16px; right:10px; } #cartList .cartListbox .cartInfo{margin: 0 0 0 6px; } #cartList .cartListbox .item_box{position: relative;margin: 0 auto; overflow: hidden; } #cartList .cartListbox .thumbnail{display: none; float:left; margin:0 10px; width:62px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} #cartList .cartListbox .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;} #cartList .cartListbox .item_info{margin-left: 10px;display: block; float:left; text-align:left; } #cartList .cartListbox .goods{margin:4px 10px 0 0;line-height: 24px; font-size: 16px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #333;} #cartList .cartListbox .options{background-color:#efefef; padding: 10px;margin: 3px 10px;line-height: 1.2em;} #cartList .cartListbox .options p{ min-height:18px;} #cartList .cartListbox .options span:nth-child(2n-2){ color:#333; padding-left:10px;} #cartList .cartListbox table{width:100%; margin:10px 0;} #cartList .cartListbox table tr{height:20px;} #cartList .cartListbox table th{padding-left:10px;text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;} #cartList .cartListbox table td{padding-right:10px;color:#222;text-align:right;vertical-align:top;font-size:.9em;} #cartList .cartListbox ul{display:block;;margin:10px; height:34px; } #cartList .cartListbox li{float:left; width:48%; text-align:center;} #cartList .cartListbox li:nth-child(2){width:4%} #cartList .cartListbox li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));} #cartList .cartListbox li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} #cartList .cartListbox li p.active {cursor:pointer; } #cartList .cartListSum{display: none;width:100%; padding:5px 0; box-shadow: 2px 2px 2px #efefef; -webkit-box-shadow: 2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; } #cartList .cartListSum p{ font-size:1.2em; padding:4px 0 4px 10px;} #cartList .cartListSum p strong{ color:#333; } #cartList .cartListSum p span{ font-size:.8em; color:#999} #cartList ul{display:block;;margin:20px 0; height:34px; } #cartList li{float:left; width:48%; text-align:center;} #cartList li:nth-child(2){width:4%} #cartList li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #4eb6bd; border-radius:2px;-webkit-border-radius:2px;background-color:#46b9c4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63d6e1), color-stop(0.5, #63d6e1), color-stop(0.51, #46b9c4), color-stop(1, #46b9c4));} #cartList li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} #cartList li p.active {cursor:pointer; } #cartList .option_btn {display: block;margin: 8px 0;} #cartList .option_btn a, #cartList .option_btn p {display: inline-block;padding: 7px 11px;border: #ccc 1px solid;border-radius: 3px;margin-right: 6px; font-size: 13px;color: #454545;} /* cartSum */ #cartSum {width: 100%;padding: 10px;background: #f9f9f9;box-sizing: border-box;} #cartSum table{width:100%; margin:10px 0;} #cartSum table tr{height:28px;} #cartSum table th{padding-left:10px;text-align:left;color:#222;vertical-align:top;font-size:1.0em; font-weight:normal;} #cartSum table td{padding-right:10px;color:#000;text-align:right;vertical-align:top;font-size:1.0em;} #cartSum table td em{font-size:1.2em; font-weight:bold;} #cartSum table td strong{font-size:1.4em; font-weight:bold;} #cartBtn {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 999;padding: 10px;box-sizing: border-box;background:#fff;} #cartBtn .cartbtn-01 {display:block;width:49%;margin-right:1%;margin-bottom:1%;float:left;background: #454545;padding: 10px 0;text-align: center;font-size: 15px;color: #fff;} #cartBtn .cartbtn-02 {display:block;width:49%;margin-left:1%;margin-bottom:1%;float:right;background: #454545;padding: 10px 0;text-align: center;font-size: 15px;color: #fff;} #cartBtn .cartbtn-03 {display:block;clear:both;padding: 10px 0;text-align: center;font-size: 15px;color: #fff;background: #ff5f13;width:100%;} .goods_conlist {clear: both;margin-top: 2.5%;background: #fff;} /* cartBtn rePay payBtn listBtn carrBtn*/ #rePay, #listBtn { clear:both; margin:20px 10px; text-align: center;} #registBtn {text-align:center;} #payBtn { margin:20px 10px; display:none;} #payBtn p, #rePay p, #registBtn p{display:inline-block;cursor: pointer;font-size: 1.3em;font-weight: bold;width: 96%;text-align: center;height: 45px;line-height: 45px;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;background-color: #979797;border: 1px solid #f17c0a;border-radius: 5px;-webkit-border-radius: 4px;background-color: #f17c0a;} #listBtn p{display:inline-block;cursor: pointer;font-size: 1.3em;font-weight: bold;width: 96%;text-align: center;height: 45px;line-height: 45px;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;background-color: #979797;border: 1px solid #f17c0a;border-radius: 5px;-webkit-border-radius: 4px;background-color: #f17c0a;} #nextBtn p {cursor: pointer;font-size: 1.3em;font-weight: bold;width: 100%;text-align: center;height: 45px;line-height: 45px;color: #fff;border-radius: 4px;-webkit-border-radius: 4px;background-color: #979797;border: 1px solid #f17c0a;border-radius: 5px;-webkit-border-radius: 4px;background-color: #f17c0a;} .registBtn{ clear:both; margin:20px 10px 20px 10px;} .carrBtn{ clear:both; margin:10px 10px 20px 10px;} .carrBtn2{ clear:both; margin: 15px 0 7px 0;text-align:center;} .carrBtn p{cursor:pointer; position: relative; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:26px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} .carrBtn p span{position:relative; top:2px;} .carrBtn2 p{width: 60%; display: inline-block;cursor:pointer; position: relative; font-size:1.0em; font-weight:400; text-align:center; line-height:35px; height:35px; color:#111; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} .carrBtn2 p span{} /* cartHelp*/ #cartHelp{ margin:20px 10px;} #cartHelp p{width:100%; padding:10px 0; text-align:center; } /* noContent */ #noContent {margin-top: 2.5%;background: #fff;clear: both;} #noContent p {width: 100%;padding: 50px 0;text-align: center;font-size: 14px;} /* orderForm */ #orderForm {clear: both;position: relative;margin: 2.5% 0 0 0;background: #fff;} #orderForm li{min-height:40px; line-height:35px;padding:0; vertical-align: top;} #orderForm li:nth-child(1){border-bottom:1px solid #e8e8e8; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_up_down.png') no-repeat 98% -12px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #orderForm li.title {vertical-align: middle;font-weight: 500;font-size: 1.5em;line-height: 32px;padding: 10px 0 10px 14px;color: #333;} #orderForm li.title_02 {min-height: 20px !important;vertical-align: middle;font-weight: 500;font-size: 1.4em;line-height: 20px;padding: 10px 0 5px 14px;color: #333;} #orderForm li.title i {vertical-align: middle;font-style: normal;color: #fff;background: #f96200;font-weight: 400;font-size: 11px;width: 25px;line-height: 25px;height: 25px;display: inline-block;text-align: center;border-radius: 50%;margin-right: 4px;} #orderForm li.cartList{cursor:normal; background:url(); background-color:#f9f9f9; padding:0; line-height:1.5em; } #cartList .cartListbox .goods-price {margin: 10px;text-align: right;font-size: 1.6em;color: #f96200;} #orderForm li.cartList .cartListbox .cartInfo{margin: 0; } #orderForm li.cartList .cartCheck{position: absolute; top:10px; left:10px; } #orderForm li.orderInfo, #orderForm li.orderCarr, #orderForm li.orderCash {display:block; cursor:normal; background:url(); /*background-color:#f9f9f9;*/ padding:10px 20px; } #orderForm li.orderCarr {padding-top:0 !important;} #orderForm li.orderCash {padding-bottom:30px;} #orderForm li.cartSum {display:block; cursor:normal; background:url(); background-color:#fff; } #orderForm li.cartList .orderForm{position: relative;} #orderForm .cartListbox .goods {font-size: 16px} #orderForm li.cartSum .orderForm{position: relative; margin:0} #orderForm li.cartSum { padding:0;} #orderForm li.cartSum fieldset{/*padding:10px 0 10px 14px;*/} #orderForm li.cartSum select{display:inline-block; height:30px; margin:0px; padding:2px 50px 4px 5px; color:#333; border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:27px 32px;-webkit-background-size:27px 32px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #orderForm li.cartSum .orderSale dt {overflow: hidden;float: left;width: 96px;height: 30px;font-size: 1.2em;color: #222;} #orderForm li.cartSum .orderSale dt.inputs {width:80px;} #orderForm li.cartSum .orderSale dd{overflow:hidden;} #orderForm li.cartSum .orderSale dd li{float:left; width:45%; line-height:1.4em; background:url(); border:0;text-align:right; box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;} #orderForm li.cartSum .orderSale dd li:nth-child(1) input {text-align: right;padding: 0 6px;border: 1px solid #ccc;width: 85%;border-radius: 2px;-webkit-border-radius: 2px;height: 30px;} #orderForm li.cartSum .orderSale dd li:nth-child(2) {width: 8%;text-align: left;padding-left: 6px;font-size: 1.2em;line-height: 30px;} #orderForm li.cartSum .orderSale dd li:nth-child(3){width:43%; margin-top:0; line-height:1.2em;} #orderForm li.cartSum .orderSale dd li p {position: relative;cursor: pointer;font-size: 1em;text-align: center;font-weight: 500;width: 86%;float: right;height: 30px;line-height: 30px;padding: 0;color: #fff;border-radius: 16px;-webkit-border-radius: 16px;background-color: #f96200;} #orderForm li.cartSum .orderSale dd li p span{ } #orderForm li.cartSum .orderSale dd textarea{ font-size:1em; padding:0; border:1px solid #ccc; width:90%; border-radius:2px;-webkit-border-radius:2px; } #orderForm li.cartSum .orderSale dd input{ font-size:1.0em; border:1px solid #999; width:70%; border-radius:2px;-webkit-border-radius:2px; height:24px; } #orderForm li.cartSum #carrAdd1, #orderForm li.cartSum #carrAdd2 {display:none;} #orderForm li .orderInput dt{display: none;overflow:hidden;clear:both;float:left;width:80px;height:30px;font-size:1.0em;color:#222} #orderForm li .orderInput dd{overflow:hidden;clear: both; margin-bottom: 10px;} #orderForm.order_detail li .orderInput dt {line-height: 28px;display: inline-block;overflow:hidden;clear:both;float:left;width:80px;height:30px;font-size:1.2em;color:#222} #orderForm.order_detail li .orderInput dd {line-height: 28px;overflow: hidden;clear: inherit;margin-bottom: 0;font-size:1.2em;} #orderForm li .orderInput dd input{ font-size:1.0em; border:1px solid #cacaca; width:100%; border-radius:2px;-webkit-border-radius:2px; height:38px; } #orderForm li .orderInput dd input.names{ width:99%;} #orderForm li .orderInput dd textarea{ font-size:1em; padding:0; border:1px solid #cacaca; width:100%; border-radius:2px;-webkit-border-radius:2px; } #orderForm li .orderInput dd textarea.names {width: 99%;height: 77px;padding: 10px;box-sizing: border-box;} #orderForm li .orderInput dd select{display:inline-block; height:40px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #cacaca;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:27px 40px;-webkit-background-size:27px 40px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #orderForm li .orderInput dd select.names{ width:99%; margin-bottom:10px;} #orderForm li .orderInput dd li{float:left; width:30%; background:url(); border:0;} #orderForm li .orderInput dd li:nth-child(2), #orderForm li .orderInput dd li:nth-child(4){width:4.5%; text-align:center} #orderForm li .orderInput dd li p {cursor: pointer;position: relative;text-align: center;font-size: 1em;font-weight: 400;width: 100%;height: 36px;line-height: 36px; padding: 0;color: #fff;/* box-shadow: 1px 2px 2px #d4d4d4; *//* -webkit-box-shadow: 1px 2px 2px #d4d4d4; */border: 1px solid #999;border-radius: 4px;-webkit-border-radius: 4px;background-color: #6d6d6d;/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); */} #orderForm li .orderInput dd li p span{position:relative; /*top:6px;*/line-height: 36px; } #orderForm li.orderCash li{float:left; width:20%; text-align:center; background:url(); border:0; color:#222} #orderForm li.orderCash li p {cursor: pointer;/* padding-top: 6px; *//* background-color: #fd7218; *//* height: 48px; */line-height: 1.4em;margin: 4px;vertical-align: middle;color: #656565;font-size: 13px;border: #ccc 2px solid;text-align: left;padding: 20px 0 20px 43px;border-radius: 5px;box-sizing: border-box;} #orderForm li.orderCash .bankSelect {clear:both; padding:20px 0; display:none;} p.order_add {padding-top: 10px;overflow: hidden;clear: both;} #orderForm #cartBtn {background: #fd7218;;} #orderForm #cartBtn .btn {display: block;text-align: center;font-size: 16px;padding: 11px 0;background: #fd7218;color: #fff;} p#cashTypeB {background: url('img/common/icon_pay01.png') 8px 50% no-repeat;} p#cashTypeC{background: url('img/common/icon_pay02.png') 8px 50% no-repeat;} p#cashTypeR {background: url('img/common/icon_pay03.png') 8px 50% no-repeat;} p#cashTypeH {background: url('img/common/icon_pay04.png') 8px 50% no-repeat;} /* cardPay */ #cardPay {margin:20px 10px;} #cardPay p{width:100%; padding:50px 0; text-align:center; border:1px solid #ccc; background-color:#efefef; border-radius:2px;-webkit-border-radius:2px;box-shadow: 2px 2px 2px #e3e3e3; -webkit-box-shadow: 2px 2px 2px #e3e3e3; } #cardPay #rePay { display:none; } #orderForm .bank_date li:nth-child(1) {width:30% !important;} #orderForm .bank_date li:nth-child(2) {width:3% !important;} #orderForm .bank_date li:nth-child(3) {width:30% !important;} #orderForm .bank_date li:nth-child(4) {width:3% !important;} #orderForm .bank_date li:nth-child(5) {width:30% !important;} #orderForm li .orderInput .bank_select select.names {margin-bottom:0 !important;} /* zipcode */ #zipcode {padding:30px;} #zipcode h1{ font: bold; font-size:1.2em; color: #444; float:left; } #zipcode .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; } #zipcode fieldset{position: relative;padding:20px 0;box-shadow:none;-webkit-box-shadow:none;} #zipcode fieldset li{float:left; width:65%; text-align:left; } #zipcode fieldset li:nth-child(2), #zipcode fieldset li:nth-child(3){width:15%; padding-left:6px;} #zipcode fieldset label input[type='text']{width:98%;height:24px;text-indent:0; border-bottom:dashed 1px #999; background-color:transparent; } #zipcode fieldset label input[type='text']:focus{border-bottom:dashed 1px #46b9c4;} #zipcode fieldset li button.btn{color:#fff; font-weight:bold; font-size:1.0em;top:0px; right:0px;width:100%; height:24px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #4eb6bd; border-radius:2px;-webkit-border-radius:2px;background-color:#46b9c4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63d6e1), color-stop(0.5, #63d6e1), color-stop(0.51, #46b9c4), color-stop(1, #46b9c4)); } #zipcode fieldset li:nth-child(3) button.btn{box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));} #zipcode fieldset.inputs li{float:left; width:46%; text-align:left; height:40px; } #zipcode fieldset.inputs li:nth-child(2){width:4%; text-align:center; } #zipcode fieldset.inputs li input, #zipcode fieldset.inputs p input{ padding:0; border:1px solid #999; width:98%; border-radius:2px;-webkit-border-radius:2px; height:24px;} #zipcode fieldset.inputs p{clear:both; margin-top:10px;} #zipcode .zipcodeList{ margin:0 0 20px 0} #zipcode .zipcodeList li {position:relative; border-bottom:1px solid #ccc; height:40px; padding-top:10px; } #zipcode .zipcodeList li p:nth-child(3){cursor:pointer; position:absolute;top:10px; right:1px; color:#fff; font-weight:bold; font-size:1.0em;width:40px; height:35px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #4eb6bd; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px;background-color:#fe739b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));} #zipcode .zipcodeList li p span{position:absolute; top:8px; left:8px;} #zipcode ul.btn{margin:0 0 20px 0} #zipcode ul.btn li{float:left; width:47%; text-align:center;} #zipcode ul.btn li:nth-child(2){width:4%} #zipcode ul.btn li:nth-child(1) p{cursor:pointer; font-size:1em; font-weight:bold; width:100%; height:26px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #4eb6bd; border-radius:2px;-webkit-border-radius:2px;background-color:#46b9c4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63d6e1), color-stop(0.5, #63d6e1), color-stop(0.51, #46b9c4), color-stop(1, #46b9c4));} #zipcode ul.btn li:nth-child(3) p{cursor:pointer; font-size:1em; font-weight:bold; width:100%; height:26px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} /* login */ #login{position: relative; padding: 40px 10px 0 10px;background: #fff;height: 100%;margin-top: 2.5%;} #login p{text-align:center; font-size:1.2em; color:#333; } #login .loginForm{margin:20px 0; width:100%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;} #login .loginForm fieldset{position: relative;padding:20px;box-shadow:none;-webkit-box-shadow:none;} #login .loginForm fieldset div {margin:0 100px 0 0} #login .loginForm fieldset label input[type='text'], #login .loginForm fieldset label input[type='password']{width:98%;height:40px;padding-left:2%; text-indent:0; border-bottom: solid 1px #dcdcdc; background-color:transparent; } #login .loginForm fieldset label input[type='text']:focus, #login .loginForm fieldset label input[type='password']:focus{border-bottom:dashed 1px #46b9c4;} #login .loginForm fieldset div span {position:absolute; text-align:center; color:#fff; top:22px; right:20px; width:100px; height:82px; } #login .loginForm fieldset div span .btn{position:absolute;color:#fff; font-weight:bold; font-size:1.4em;top:0px; right:0px;width:80px; height:80px; border:1px solid #f75407; border-radius:4px;-webkit-border-radius:4px;background:#ff5f13;} #login .loginForm fieldset p{margin:20px 20px 0 0;} #login .help{ margin:30px 0; color:#aaa; text-align:center; } #login .guestBtn{ clear:both; margin:30px 0px;} #login .guestBtn p{box-sizing:border-box;cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; padding:15px; color:#111; border:1px solid #ccc; border-radius:3px;-webkit-border-radius:3px;background-color:#f2f2f2;} #login ul{display:block;;margin:30px 0; height:34px; } #login li{float:left; width:48%; text-align:center;} #login li:nth-child(2){width:4%} #login li:nth-child(1) p {font-size: 1.2em;font-weight: bold;width: 100%;padding: 9px 0;color: #fff;border-radius: 3px;background-color: #979797;} #login li:nth-child(3) p {font-size: 1.2em;font-weight: bold;width: 100%;padding: 9px 0;color: #fff;border-radius: 3px;background-color: #979797;} #login li p.active {cursor:pointer; } /* cscenter */ #cscenter .cscenterHelp { padding:20px; border-bottom:2px solid #dcdcdc; } #cscenter .cscenterHelp {font-size:14px;line-height: 23px;} #cscenter .recentNotice { } #cscenter .recentNotice h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #cscenter .recentNotice li{border-bottom:1px solid #e8e8e8; min-height:40px; line-height:40px; padding:10px 20px; background: url('img/common/icon_next.png') no-repeat 95% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #cscenter .recentNotice li.title {font-weight:400; font-size:1.2em; cursor:pointer; color:#222; } #cscenter .recentNotice li.sub { padding:0;background: url(); border:0;} #cscenter .recentNotice li.sub li{position:relative; border-bottom:1px solid #dadada; min-height:35px; line-height:35px; cursor:pointer; padding:0 70px 0 14px; background: url()} #cscenter .recentNotice li.sub li span{position:absolute; right:10px; top:2px; font-size:0.9em; color:#999; } #cscenter .recentNotice li.sub li:last-child{border-bottom:1px solid #aaa; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; } #cscenter .cscenterInfo {clear:both;} #cscenter .cscenterInfo h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #cscenter .cscenterInfo div {padding:30px; background-color:#f7f7f7; } #cscenter .cscenterInfo div h3{clear:both;color: #555;font-size: 15px;font-weight: 500;margin-bottom: 13px;} #cscenter .cscenterInfo div p:nth-child(4){margin-bottom:20px;} #cscenter .cscenterInfo div p{clear;both;padding:4px 0 0 0;font-size: 14px;font-weight: 300; } #cscenter .cscenterInfo div p span{width:60px; color:#666; display:inline-block; } #cscenter .cscenterInfo div p em{padding-left:10px; color:#222; display:inline-block; } /* documents */ #documents { margin:20px; 10px; color:#666; font-size:0.9em; font-weight:1.4em; } /* boardList */ #boardList {margin-bottom: 20px;background: #fff;overflow: hidden;} #boardList h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #boardList li{font-size:1.2em;border-bottom:1px solid #e8e8e8; color:#222; min-height:40px; line-height:24px;cursor:pointer; padding:15px; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top;} #boardList li span{color:#aaa; font-size:1.1em; display:inline-block;padding-right:5px; } #boardList li em{color:#666; font-size:0.9em; display:block; } #boardSelect{position: relative; background:#fafafa; padding:10px 10px 10px 10px; margin-top: 2.5%;border-bottom:1px solid #dcdcdc; } #boardSelect h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #boardSelect select{display:inline-block; width:100%; height:39px; padding:5px 50px 5px 10px; color:#333; border:1px solid #c7c7c7;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:27px 39px;-webkit-background-size:27px 39px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #boardSearch{position: relative; background:#fff; padding:10px; margin-top: 2.5%; border-bottom:1px solid #dcdcdc; } #boardSearchForm{overflow:hidden;position: relative; margin: 0 10px; padding: 0 80px 10px 0; height: 38px; background: url('img/common/bg_search_board.png'), url('img/common/bg_search_board.png'), url('img/common/bg_search_board.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -50px, 0 -100px; background-size: 50px 200px, 50px 200px, 50px 200px; -webkit-background-size: 50px 200px, 50px 200px, 50px 200px;} #boardSearchForm .target{display: none;} #boardSearchForm .target .active{display: block;} #boardSearchForm input{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} #boardSearchForm input[type="text"], #boardSearchForm input[type="search"]{position: relative; left: 15px; top: 5px; width: 100%; height: 30px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;} #boardSearchForm input[type="search"]::-webkit-input-placeholder {} #boardSearchForm input[type="submit"], #boardSearchForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 40px; text-indent: -999em; background: url('img/common/bg_search_board.png') no-repeat right -150px; background-size: 50px 200px; -webkit-background-size: 50px 200px; cursor: pointer;} /* boardView */ #boardView {clear: both;background: #fff;margin-top: 2.5%;overflow:hidden;} #boardView h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #boardView .boardTitle { color:#222; font-size:1.2em; padding:10px 14px; line-height:1.6em; border-bottom:1px solid #e8e8e8; } #boardView .boardTitle em { color:#999; font-size:0.9em } #boardView .boardTitle p {font-size: 1.3em;} #boardView .boardContent { color:#666; font-size:1.0em; padding:20px 14px; border-bottom:1px solid #e8e8e8; } /* #boardView .boardContent img{width:100%; height:auto}*/ #boardView .boardMemo {margin:0 10px; } #boardView .boardMemo li{border-bottom:1px solid #ccc; color:#666; line-height:1.4em; padding:6px 10px; border-bottom:1px solid #dadada; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #boardView .boardMemo li span, #boardView .boardMemo li em { color:#999; font-size:0.9em; } #boardView .boardMemo2 { color:#666; font-size:1.0em; padding:20px 14px; box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3; border-bottom:1px solid #aaa; } #boardView .boardMemo2 li span, #boardView .boardMemo2 li em { color:#999; font-size:0.9em; } .boardMemo2 li p{ padding-top:8px; } #boardView .boardPrev { overflow:hidden;clear:both;line-height:25px; border-top:1px solid #dadada; padding:20px; vertical-align: top; } #boardView .boardNext { clear:both;line-height:25px; border-top:1px solid #dadada; padding:20px; } #boardView .boardPrev span, #boardView .boardNext span { display:inline-block; padding:0 10px 0 0} .boardBox ul{display:block;;margin:10px; height:34px; } .boardBox li{float:left; width:33.3%; text-align:center;} /*.boardBox li:nth-child(2){width:4%} .boardBox li:nth-child(1) p{font-size:1.1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #ccc; border:1px solid #898B8C; border-radius:2px;-webkit-border-radius:2px;background-color:#8E9091; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E9091), color-stop(0.5, #8E9091), color-stop(0.51, #8E9091), color-stop(1, #8E9091));} .boardBox li:nth-child(3) p{font-size:1.1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #ccc; border:1px solid #ccc; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #ffffff), color-stop(1, #ffffff));} */ .boardBox li p {margin: 5px;background: #454545;color: #fff;padding: 10px;border-radius: 3px;} .boardBox li p.active {background: #ed7912;} .boardBox li p{cursor:pointer; } #boardView .boardPrev a, #boardView .boardNext a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; width: 80%;float: right;} /* comForm */ #comForm{overflow:hidden; position: relative; width: 98%;margin: 0 auto; padding: 0px; height: 100px; background: url('img/common/bg_comment.png'), url('img/common/bg_comment.png'), url('img/common/bg_comment.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -103px, 0 -206px; background-size: 100px 400px, 100px 400px, 100px 400px; -webkit-background-size: 100px 400px, 100px 400px, 100px 400px;} #comForm .target{display: none;} #comForm .target .active{display: block;} #comForm textarea{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; float:left; text-align:left; left: 15px; top: 10px; height: 60px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;} #comForm input[type="submit"], #comForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 90px; height: 90px; text-indent: -999em; background: url('img/common/bg_comment.png') no-repeat right -314px; background-size: 100px 400px; -webkit-background-size: 100px 400px; cursor: pointer;} /* boardWrite */ #boardWrite {margin-bottom: 20px;clear: both;overflow: hidden;background: #fff;margin-top: 2.5%;} #boardWrite h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #boardWrite li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #boardWrite li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; } #boardWrite li.boardInfo {display:block; cursor:normal; background:url(); background-color:#fff; padding:14px; } #boardWrite li .boardInput dt{display:none;overflow:hidden;clear:both;float:left;width:100px;height:30px;font-size:1.0em;color:#222} #boardWrite li .boardInput dd{overflow:hidden;} #boardWrite li .boardInput dd.inputs {padding-top:6px;} #boardWrite li .boardInput dd input[type="file"]{height: 36px; font-size:1.0em; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px;} #boardWrite li .boardInput dd input[type="text"]{ font-size:1.0em; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px; height:39px; text-indent: 13px;}{ font-size:1.0em; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px; height:39px; text-indent: 13px;} #boardWrite li .boardInput dd input[type="password"]{ font-size:1.0em; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px; height:39px; text-indent: 13px;}{ font-size:1.0em; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px; height:39px; text-indent: 13px;} #boardWrite li .boardInput dd input.names{ width:99%; margin-bottom:10px;} #boardWrite li .boardInput dd textarea{padding: 12px; box-sizing: border-box; font-size:1em; padding:0; border:1px solid #c7c7c7; width:100%; border-radius:2px;-webkit-border-radius:2px; padding: 10px;} #boardWrite li .boardInput dd textarea.names{ width:99%; margin-top:10px;} #boardWrite li .boardInput dd select{display:inline-block; height:39px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #c7c7c7;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:27px 39px;-webkit-background-size:27px 39px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default; } #boardWrite li .boardInput dd select.names{ width:99%; margin-bottom:10px;} #boardWrite li .boardInput dd li{float:left; width:30%; background:url(); border:0;} #boardWrite li .boardInput dd li:nth-child(2), #boardWrite li .boardInput dd li:nth-child(4){width:4.5%; text-align:center} #boardWrite li .boardInput dd li p{cursor:pointer; position:relative;text-align:center;margin:5px 0 0 0; font-size:1em; font-weight:bold; width:100%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); } #boardWrite li .boardInput dd li p span{position:relative; top:-6px; } #boardWrite .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; } /* myPage */ #myPage{clear:both; position: relative; margin:10px 0 0 0; } #myPage li{font-weight:bold; font-size:1.2em; cursor:pointer; padding:0 0 0 14px; border-bottom:1px solid #ccc; min-height:40px; line-height:35px; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} /* myOrder */ #myOrder{clear:both; position: relative; margin:2.5% 0 0 0; background:#fff;} #myOrder h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #myOrder li{border-bottom:1px solid #e8e8e8; min-height:43px; line-height:43px;padding:0; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #myOrder li.title{ font-size:1.0em; cursor:pointer; padding-left:14px; } #myOrder li.title em:nth-child(1){display:inline-block;font-weight:bold; font-size:1.2em; padding-right:10px; color:#222} #myOrder li.detail{background:url(); background-color:#f7f7f7; padding:0 15px 12px 15px} #myOrder li.detail p{font-size:1.3em; color:#444; line-height:1.5em; padding:10px 0 6px 0; } #myOrder li.detail table{width:100%; margin:0;} #myOrder li.detail table tr{height:20px;} #myOrder li.detail table th{text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;} #myOrder li.detail table td{color:#222;text-align:right;vertical-align:top;font-size:1em;} #myOrder li.detail div{ margin-top:10px; cursor:pointer; position: relative; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:26px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} #myOrder li.detail div p{ position:relative; top:-4px;} /* orderListHead */ #orderListHead{border-bottom: solid 1px #e8e8e8;height: 50px;line-height: 50px;} #orderListHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #orderListHead select{display:inline-block; height:30px; margin:7px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #cacaca;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:27px 32px;-webkit-background-size:27px 32px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #orderListHead span{position: absolute; top:0px; right:1px;} #orderListHead p{padding:0 0 0 10px; color:#666;} #orderListHead p em {font-size:1.2em; font-weight:bold; color:#333} /* myReserve */ #myReserve{position: relative; clear: both;margin-top: 2.5%;background: #fff;} #myReserve h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #myReserve .reserveInfoBox{padding: 20px; box-sizing: border-box; } #myReserve .reserveInfoBox p {position: relative;padding: 10px 0;color: #222;font-size: 1.2em;font-weight: 400;border-bottom: #e8e8e8 1px solid;} #myReserve .reserveInfoBox p:nth-child(2){ color:#38c1c9} #myReserve .reserveInfoBox p span{ position:absolute; right:10px; } #myReserve .reserveTableBox {clear: both;padding: 12px 12px 30px 12px;overflow: hidden;} #myReserve table{width:100%; border-top:1px solid #ccc;} #myReserve table tr{height:40px; border-bottom:1px solid #ccc;} #myReserve table th{text-align:center;font-weight:500;color:#222;vertical-align:top;font-size:1em;padding-top:8px; background-color:#efefef } #myReserve table td:nth-child(1){padding:10px; color:#222; text-align:left; vertical-align:top; font-size:.9em;} #myReserve table td:nth-child(1) p{font-size:.85em; color:#666; } #myReserve table td:nth-child(2){text-align:center;} #myReserve table td:nth-child(3){text-align:center; font-size:.9em;} /* myCoupon */ #myCoupon {position: relative;clear: both;margin-top: 2.5%;background: #fff;} #myCoupon h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #myCoupon .couponInfoBox {width: 100%;padding: 20px;border-bottom: 1px solid #e8e8e8;box-sizing: border-box;} #myCoupon .couponInfoBox p {position: relative;padding: 10px 0;color: #454545;font-size: 1.2em;font-weight: 400;} #myCoupon .couponInfoBox p span{ position:absolute; right:10px; } #myCoupon .reserveTableBox {clear: both;padding: 12px 12px 30px 12px;overflow: hidden;} #myCoupon table{width:100%; border-top:1px solid #ccc;} #myCoupon table tr{height:40px; border-bottom:1px solid #ccc;} #myCoupon table th{text-align:center;font-weight:500;color:#222;vertical-align:top;font-size:1em;padding-top:8px; background-color:#efefef } #myCoupon table td:nth-child(1){padding:10px; color:#222; text-align:left; vertical-align:top; font-size:.9em;} #myCoupon table td:nth-child(1) p{font-size:1em; color:#666; } #myCoupon table td:nth-child(2){text-align:center;font-size:.9em; } #myCoupon table td:nth-child(2) em{display:block;padding:0 0 2px 0;font-size:1.2em; color:#f55a00;font-weight:500; } #myCoupon table td:nth-child(3){text-align:center; font-size:.9em;} /* contentMore */ #contentMore{clear:both; margin:0 12px 20px 12px;background:#efefef;display:none;} #contentMore ul{overflow:hidden;margin:0;padding:10px 10px;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 0 #eee;-webkit-box-shadow:0 1px 0 #eee;} #contentMore ul:after{display:block;overflow:hidden;clear:both;content:''} #contentMore li{float:left; width:25%; padding:0; margin:0} #contentMore li:nth-child(2){width:50%;} #contentMore li em{color:#222; font-size:1.1em;} #contentMore li em:nth-child(1){color:#222; font-size:1.1em; font-weight:bold;} #contentMore li a.btn_more_back img{width:15px;} #contentMore li a.btn_more_top img{height:15px;} #contentMore li:nth-child(2) {text-align:center;} #contentMore li:nth-child(3) {text-align:right;} /* couponInfo */ #couponInfo {margin:20px 0 0 20px;} #couponInfo h1{font: bold; font-size:1.2em; color: #444; } #couponInfo table{width:100%; margin:20px 0 0 0;} #couponInfo table tr{height:30px;} #couponInfo table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;} #couponInfo table td{color:#222;vertical-align:top;} #couponInfo ul{display:block;;margin:10px; height:34px; } #couponInfo li{float:left; width:48%; text-align:center;} #couponInfo li:nth-child(2){width:4%} #couponInfo li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px; background-color:#e1557d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));} #couponInfo li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} #couponInfo li p.active {cursor:pointer; } /* couponUse */ #couponUse {width: 100%;padding: 30px;box-sizing: border-box;} #couponUse h1{font: bold; font-size:1.2em; color: #444; } #couponUse table{width:100%; margin:10px 0 20px 0;} #couponUse table tr{height:30px; } #couponUse table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;} #couponUse table td{color:#222;vertical-align:top;} #couponUse table td div{border:1px solid #bbb; background-color:#efefef; margin-bottom:10px; padding:8px; font-size:.95em; line-height:1.4em; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4;} #couponUse table td span{font-weight:bold} #couponUse table td.right{text-align:right; padding-right:10px;} #couponUse ul{display:block;;margin:10px; height:34px; } #couponUse li{float:left; width:48%; text-align:center;} #couponUse li:nth-child(2){width:4%} #couponUse li:nth-child(1) p {font-size: 1em;font-weight: 500;width: 100%;/* height: 20px; */padding: 11px 0;color: #fff;/* box-shadow: 1px 2px 2px #aaa; *//* -webkit-box-shadow: 1px 2px 2px #aaa; */border: 1px solid #d75982;border-radius: 23px;-webkit-border-radius: 23px;background-color: #f76c12;/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d)); */} #couponUse li:nth-child(3) p {font-size: 1em;font-weight: 500;width: 100%;padding: 11px 0;color: #fff;border: 1px solid #999;border-radius: 23px;-webkit-border-radius: 23px;background-color: #757575;} #couponUse li p.active {cursor:pointer; } /* regist */ #regist{position: relative; padding:20px 10px 30px 10px; clear: both;background: #fff;margin-top: 2.5%;} #regist h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #regist h3{ font: bold; font-size:1.3em; color: #444; } #regist .commonBox { border:2px solid #f8f8f8; margin:10px 0; margin-bottom:20px; } #regist .commonBox .joinBox { border:1px solid #ccc; height:60px; padding:16px; } #regist .registBox { border:2px solid #f8f8f8; margin:10px 0; } #regist .registBox .agreeBox { border:1px solid #ccc; height:114px; padding:8px; } #regist .registBox .agreeBox .agreeBoxIn { text-align:left; height:104px; overflow:auto; } #regist .registBox .agreeBox .agreeBoxIn2 { text-align:left; height:104px; font-size:1.2em; line-height:1.4em } #regist .agreeCheck{ margin-bottom:20px; } #regist .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; } /* registForm */ #registForm{position: relative;padding: 0 0 20px 0;background: #fff;margin-top: 2.5%;clear: both;} #registForm li{border-bottom:1px solid #e8e8e8; min-height:40px; line-height:35px;padding:0; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;} #registForm li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; } #registForm li.basicInfo {display:block; cursor:normal; background:url(); background-color:#fff; padding:20px; } #registForm li .registInput dt{display:none;overflow:hidden;clear:both;float:left;width:100px;height:30px;font-size:1.0em;color:#222} #registForm li .registInput dd{overflow:hidden;margin-bottom: 5px;} #registForm li .registInput dd input{vertical-align:middle; font-size:1.0em; border:1px solid #c9c9c9; width:100%; border-radius:2px;-webkit-border-radius:2px; height:39px;text-indent: 10px; } #registForm li .registInput dd input.names{ width:99%; margin-bottom:10px;} #registForm li .registInput dd textarea {font-size: 1em;padding: 10px;border: 1px solid #ccc;width: 100%;border-radius: 2px;-webkit-border-radius: 2px;box-sizing: border-box;} #registForm li .registInput dd textarea.names{ width:99%; margin-top:10px;} #registForm li .registInput dd select{display:inline-block; height:39px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #c9c9c9;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:24px 39px;-webkit-background-size:24px 39px;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #registForm li .registInput dd select.names{ width:99%; margin-bottom:10px;} #registForm li .registInput dd ul {margin-bottom:5px; overflow: hidden} #registForm li .registInput dd li{float:left; width:30%; background:url(); border:0;} #registForm li .registInput dd li:nth-child(2), #registForm li .registInput dd li:nth-child(4){width:4.5%; text-align:center} #registForm li .registInput dd li p{vertical-align:middle;position: relative;cursor: pointer;font-size: 1em;text-align: center;font-weight: 400;width: 100%;height: 39px;line-height: 39px;padding: 0;color: #fff;border: 1px solid #8b8b8b;border-radius: 3px;-webkit-border-radius: 3px;background: #979797;} #registForm li .registInput dd li p span{vertical-align:middle; } #registForm li .registInput dd li.birth{float:left; width:20% !important; background:url(); border:0;} #registForm li .registInput dd li.birth2{float:left; width:22px; background:url(); border:0;} #registForm li .registInput dd.idCheck li{float:left; width:50%; line-height:1.4em; background:url(); border:0;text-align:right; box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;} #registForm li .registInput dd.idCheck li:nth-child(1) input{text-align:left;margin:0 0 10px 0; } #registForm li .registInput dd.idCheck li:nth-child(2){width:5%; text-align:left; } #registForm li .registInput dd.idCheck li:nth-child(3){width:45%; line-height:1.2em;} #registForm li .registInput dd.idCheck li p {vertical-align:middle;position: relative;cursor: pointer;font-size: 1em;text-align: center;font-weight: 400;width: 97%;height: 39px;line-height: 39px;padding: 0;color: #fff;border: 1px solid #8b8b8b;border-radius: 3px;-webkit-border-radius: 3px;background: #979797;} #registForm li .registInput dd.idCheck li p span{vertical-align:middle;} #registForm li .registInput dd.hides {vertical-align:middle;padding-top:20px; line-height:20px;font-size:1.0em;color:#686868 } #registForm li .registInput dd.hides span{ font-size:1.1em; font-weight:bold; } /* listHead */ #listHead{position: relative; border-bottom:solid 1px #999; height: min-40px; line-height: 33px; background:#fff -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f7f7f7)) no-repeat; box-shadow:0px 1px 3px #d4d4d4; -webkit-box-shadow:0px 1px 3px #d4d4d4; } #listHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; } #listHead select{display:inline-block; height:27px; margin:7px 1px 7px 7px; padding:2px 36px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;} #eventList{background:#fff; min-height:120px; margin:10px 0 20px 0;} #specialList{background:#fff; min-height:120px; margin:10px 0 20px 0;} #brandList{background:#fff; min-height:120px; margin:10px 0 20px 0;} #vendorList{background:#fff; min-height:120px; margin:10px 0 20px 0;} .imgListMulti li{float: left; padding: 10px 0; min-width:140px; width:50%; } .imgListMulti2 li{float: left; padding: 10px 0; min-width:140px; width:25%; } .imgListMulti .thumbnail { margin:0 10px; width:140px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti2 .thumbnail { margin:0 4px; width:140px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti .thumbnail img{display: block; margin: 0; width: 140px; } .imgListMulti2 .thumbnail img{display: block; margin: 0; width: 140px;} .imgListMulti .item_info { display: block; width:140px; padding-top:10px; } .imgListMulti2 .item_info { display: block; width:140px; padding-top:10px; } .imgListMulti .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; } .imgListMulti2 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; } .imgListMulti .boxImg, .imgListMulti2 .boxImg { width:140px; height:140px ; background-color:#f3f3f3} .imgListMulti3 li{float: left; padding: 10px 0; min-width:280px; width:100%; } .imgListMulti4 li{float: left; padding: 10px 0; min-width:280px; width:50%; } .imgListMulti3 .vendorBox { padding:10px; width:260px; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border:1px solid #ccc; } .imgListMulti4 .vendorBox { padding:10px; width:260px; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border:1px solid #ccc; } .imgListMulti3 .vthumbnail { width:260px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti4 .vthumbnail { width:260px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti3 .vthumbnail img { width:260px; background-color:#f3f3f3} .imgListMulti4 .vthumbnail img { width:260px; background-color:#f3f3f3} .imgListMulti3 .thumbnail { margin:0 10px; width:280px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti4 .thumbnail { margin:0 4px; width:280px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*} .imgListMulti3 .thumbnail img{display: block; margin: 0; width: 280px; } .imgListMulti4 .thumbnail img{display: block; margin: 0; width: 280px;} .imgListMulti3 .item_info { display: block; width:280px; padding-top:10px; } .imgListMulti4 .item_info { display: block; width:280px; padding-top:10px; } .imgListMulti3 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; } .imgListMulti4 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; } .imgListMulti3 .item_info .vnames{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; font-weight:bold; text-align:left; } .imgListMulti4 .item_info .vnames{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; font-weight:bold; text-align:left; } .imgListMulti3 .item_detail{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; text-align:left;} .imgListMulti4 .item_detail{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.1em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; text-align:left;} .imgListMulti3 .btns { cursor:pointer; font-size:1em; font-weight:bold; width:260px; height:22px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} .imgListMulti4 .btns { cursor:pointer; font-size:1em; font-weight:bold; width:260px; height:22px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));} /* footer */ #footer{clear:both; position: relative; margin:0; border-top: 1px solid #dcdcdc;background: #efefed;padding: 0 0 70px 0;} #footer .top {position: fixed;bottom: 69px;right: 10px;z-index: 99;} #footer .top a {display: inline-block;background: #fff;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 50%;border:#e8e8e8 1px solid;} #bottom-txt {padding: 0 18px 18px 18px;} #bottom-txt h2 {font-size: 16px;font-weight: 500;color: #454545;margin-bottom: 10px;} #bottom-txt p {font-weight: 300;line-height: 19px;} /* support */ #support {text-align: center;} #support a{display: inline-block; font-size: 1.1em;color: #686868;margin: 0 7px;} /* corporation */ #corporation{margin: 24px auto 0 auto; text-align: center; font-size: 1em;} #corporation h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #corporation p{display: inline-block; padding: 0 3px 0 5px; /*background: url('img/common/common_line.png') no-repeat left 60%;*/ vertical-align: top;} #corporation p:nth-child(2), #corporation p:nth-child(6){padding: 0 3px 0 0; background: 0 none;} #corporation p:nth-child(5){display: block; background: 0 none;} /* copyright */ #copyright{text-align: center; margin:10px 0 0 0;} /* review */ #review_top {background: #efefef;padding: 0 3% 3% 3%;} .reviewtop_in {background: #fff;padding: 5%;overflow:hidden;} #score_avg {width: 30%;float: left;margin-right: 2%;text-align: center;font-size: 29px;font-weight: 600;line-height: 35px;} #recent_review {width: 68%;float: right; height:28px; overflow:hidden;} #review_list_div {width: 100%;float: left;clear: both;background: #fff;} .review_list_txt {padding: 3%;border-bottom: #ddd 1px solid;color: #686868;} #review_list_ul li {clear: both;padding: 5% 4%;border-bottom: #ddd 1px solid;position: relative;} #review_list_ul li.reple {background:#f3f3f3;} #review_list_ul li.reple h4 i {font-style: normal;font-size: 11px;background: #686868;color: #fff;font-weight: 300;padding: 2px 11px;display: inline-block;border-radius: 13px;vertical-align: middle;margin-right: 6px;} .review_button_area {position: absolute;right: 3%;display: inline-block;bottom: 19px;text-align:right;} .review_button_area a {display: inline-block;padding: 5px 10px;background: #ffffff;/* color: #fff !important; */border: #ddd 1px solid;border-radius: 3px;margin:0 2px;} #review_list_ul li h4 {font-size: 16px;margin-bottom: 10px;color: #333;line-height:20px;} #review_list_ul li h4 span {font-size: 12px;float:right;display:inline-block;color: #828282;line-height:20px;} #review_list_ul li p {font-size: 13px;color: #828282;} #review_list_ul li .con_star {display:block;marign-bottom:5px;} #review_list_ul li .con_star img {display:inline-block;} .category_goods_list > li {overflow: hidden;margin-bottom:2.5%;clear:both;} .category_goods_list li a {display: block;background: #fff;border-bottom: #f2f2f2 1px solid;overflow:hidden;font-size: 15px;color:#454545;} .category_goods_list .category_open_a {padding: 15px;overflow: hidden;display: block;border-bottom: 1px solid #ddd !important;background: #fff url(img/cate_down.png) 96% 20px no-repeat;background-size: 19px;} .category_goods_list .category_close_a {padding: 15px;overflow: hidden;display: block;border-bottom: 1px solid #ddd !important;background: #fff url(img/cate_up.png) 96% 20px no-repeat;background-size: 19px;} .category_goods_list .category_open_ul {display:block;background: #fff;} .category_goods_list .category_close_ul {display:none;} .item-cell-vertical:first-child { margin-top: 0; } .item-cell-vertical a {padding:15px 13px;} .item-cell-vertical .element-img { width: 75px; height: 65px; float: left; position: relative; } .item-cell-vertical .element-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .item-cell-vertical .element-info {float: right; width: 70%; box-sizing: border-box; text-align: left; } .item-cell-vertical .element-info .element-info-name {margin-bottom: 5px;font-size: 16px;line-height: 22px;} .item-cell-vertical .element-info .element-info-name span.element-info-brand { display: block; font-size: 18px; color: #333; line-height: 1em; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 8px; } .item-cell-vertical .element-info .element-info-price {display: block;font-size: 14px;color: #a2a2a2;} li.item-cell-vertical {border-bottom: 1px solid #ddd;} li.item-cell-vertical :last-child{border-bottom: none;} #minishop_top {width: 100%;float: left;clear: both;} .minishop_t_in {padding: 34px 34px 24px 34px;text-align: center;position: relative;} .btn_back {display: inline-block;position: absolute;top: 2%;left: 4%;z-index: 99} .btn_back span img {width: 15px;} #minishop_top h1 {font-size: 23px;font-weight: 500;color: #000;letter-spacing: -1px;margin-bottom: 22px;} #minishop_top .shop_star {font-size: 14px;margin-bottom: 6px;} #minishop_top .shop_star i {display:inline-block;margin-right:2px;} #minishop_top .shop_star i img {display:block;width:13px;} #minishop_top .shop_desc {font-size: 14px;font-weight: 300;} .tabs {border-top: #e4e4e4 1px solid;border-bottom: #e4e4e4 1px solid;background: #fff;margin-bottom:2.5%;overflow:hidden;} .tabs li {width: 33.3%;float: left;text-align: center;font-size: 15px;color: #333;padding: 12px 0;} .tabs li.current {background:#f17c0a;color:#fff;} .goods_qna_btn02 {text-align: right;clear: both;padding: 20px 3% 0 3%;} .goods_qna_btn02 a {display: inline-block;font-size: 15px;color: #fff !important;background: #f17c0a;padding: 12px 20px;border-radius: 5px;} #minishop_information {background: #fff;overflow: hidden;padding: 16px;} #minishop_information h2 {font-size: 15px;color: #333;font-weight: 500;padding: 0 0 10px 0;border-bottom: #e8e8e8 1px solid;margin-bottom: 10px;clear:both;} #minishop_information dl {clear:both;overflow:hidden;margin-bottom:20px;} #minishop_information dt {width: 100px;float: left;padding: 5px 0;clear: both;font-size: 13px;} #minishop_information dd {padding: 5px 0;font-size: 13px;color: #454545;} /*»óÇ°»ó¼¼*/ #goodsPrice dl dt {display: inline-block;float: left;text-align: left;font-size:13px;color:#333;} #goodsPrice dl dd {display: inline-block;float: right;text-align: right;font-size:13px;color:#333;} #goodsBasicInfo, #goodsMoreInfo {display:none;} #goodsPriceInfo {clear: both;padding: 20px 10px;border-bottom: #e8e8e8 1px solid;background: #efefef;padding-bottom:80px;} #goodsPriceInfo dl dt {display: inline-block;float: left;text-align: left;font-size:16px;color:#333;} #goodsPriceInfo dl dd {display: inline-block;float: right;text-align: right;font-size:20px;color:#ff5f13;font-weight:600;} #goodsBtnInfo {clear: both;padding: 0;position: fixed;width: 100%;bottom: 0;left: 0;z-index: 99;} #goodsBtnInfo li:nth-child(1) {width:33%;float:left;} #goodsBtnInfo li:nth-child(2) {width:33%;float:left;} #goodsBtnInfo li:nth-child(3) {width:34%;float:left;} .btn_buy_order p {padding: 17px;background: #ff5f13;text-align: center;color: #fff;font-size: 17px;} .btn_buy_cart p {padding: 17px;background: #555;text-align: center;color: #fff;font-size: 17px;} .btn_buy_cart a {display:block;padding: 17px;background: #616161;text-align: center;color: #fff;font-size: 17px;} /*cs*/ #cscenter {clear: both;margin-top: 2.5%;background: #fff;} /*cart*/ #cart-list {background: #fff; overflow: hidden; margin-top: 2.5%;} #contents.login-con {height: 100%;} .all_menu { position: fixed; top: 7px; right: 10px; width: 20px; height: 17px; text-align: center; box-sizing: border-box; z-index: 99999999; display: none; } .all_menu.animate-icon { display: block; } .all_menu span { display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; opacity: 1; transform: rotate(0deg); transition: .25s ease-in-out; -webkit-transform: rotate(0deg); -webkit-transition: .25s ease-in-out; } .all_menu.animate-icon span:nth-child(1){top:19px; transform:rotate(135deg);-webkit-transform:rotate(135deg);} .all_menu.animate-icon span:nth-child(2){top:19px; transform:rotate(-135deg);-webkit-transform:rotate(-135deg);} .quick_login .quick_login_btn { background: #ff6a06; } .quick_login .qiick_join_btn { background: #454545;color:#fff !important; } .quick_login .quick_logout_btn { background: #ff6a06;color:#fff !important;} .quick_login .qiick_profile_btn { background: #ffd500;color:#333 !important; } .sang_menu {clear: both;width: 100%;overflow: hidden;margin-top: 30px;} .sang_menu li {width:33.3%;text-align:center;float:left;} .sang_menu li a {display:block;font-size: 14px; vertical-align: middle;} .sang_menu li a i {display:inline-block;vertical-align: middle;margin-right:5px;} /*sns_con*/ #SNS_contaniner {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index:9999;} #PASSWD_contaniner {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index:9999;} .SNS_con_inner {width: 100%;height: 100%;position: relative;} .SNS_con {width: 250px;height: 256px;background: #fff;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow:hidden;} .close_btn {cursor: pointer;display: inline-block;float: right;padding: 10px;} .close_btnP {cursor: pointer;display: inline-block;float: right;padding: 10px;} .SNS_con h2 {text-align: center;/* padding: 20px 0; */clear: both;color: #333;font-size: 21px;font-weight: 500;margin-bottom: 20px;} .SNS_con ul {padding:0 20px;overflow:hidden;} .SNS_con li {width:50%;float:left;text-align:center;} .SNS_con li a {display:block;margin:0 10px;text-align:center;} .SNS_con li a img {display: block;width: 66px;margin: 0 auto 10px auto;} .SNS_con li a p {text-align: center;font-size: 15px;color: #000;} .close_btn02 {clear: both;width: 100%;float: left;margin-top: 38px;background: #f1f1f1;padding: 14px 0;text-align: center;font-size: 16px;color: #000;cursor: pointer;} .close_btn02P {clear: both;width: 100%;float: left;margin-top: 38px;background: #f1f1f1;padding: 14px 0;text-align: center;font-size: 16px;color: #000;cursor: pointer;} #orderForm li.orderCash li {width: 50% !important;} #option_select {clear: both;margin-top: 2.5%;background: #fff;} dl.orderSale {margin: 0 18px;} #cartList .cartList-sangjum .radioStyle input[type='radio']:checked + label span {background: #fff url(img/common/icon_radio.png) no-repeat 2px 3px;background-size: 16px auto;-webkit-background-size: 16px auto;} /*sangjuim_list*/ #main_sangjum {clear: both;background: #fff;overflow: hidden;margin-top: 2.5%;padding: 20px 10px;} #main_sangjum li {width: 33.3%;float: left;} #main_sangjum li:nth-child(3n+1) {clear:both;} #main_sangjum .sangjum_box {margin: 0 8px 20px 8px;overflow: hidden;} #main_sangjum .sangjum_box a {display:block;} #main_sangjum li .thumbnail {margin-bottom:15px;} #main_sangjum li .thumbnail img {height:75px;display:block;width:100%;border-radius: 6px;} #main_sangjum li .goods {display:block;font-size: 15px;margin-bottom: 5px;overflow: hidden;white-space: nowrap;word-wrap: break-word;text-overflow: ellipsis;word-break: break-all;} #main_sangjum li .sang_desp {display:block;overflow: hidden;word-wrap: break-word;white-space: nowrap;text-overflow: ellipsis;word-break: break-all; font-size: 12px;font-weight: 300;color: #686868;} .snagjum_list_more {clear: both;padding: 26px 0;text-align: center;} .snagjum_list_more a {display: inline-block;font-size: 14px;padding: 10px 20px;border: #ed7912 1px solid;color: #ed7912;border-radius: 19px;} .passwd_ip { display:block; float:left; font-size:1.0em; padding:10px; border:1px solid #c7c7c7; width:55%; border-radius:2px;-webkit-border-radius:2px; height:39px; } .passwd_bt { display:block; float:left; font-size:1.2em;line-height:1.6em; text-align:center;padding:10px 0; color:#fff; background-color:#ff6600; width:30%; border-radius:2px;-webkit-border-radius:2px; height:27px; } /* .main_goods li:nth-child(3n-2){clear: both;}*/ .pay_method {overflow:hidden;} .pickup_txt {clear: both;margin-top: 20px;overflow: hidden;background: #f1f1f1;padding: 14px;border-radius: 10px;font-size: 15px;line-height: 22px;color:#333;} .pickup_txt span {font-weight: 500;color: #ff0000;} #orderForm li.orderInfo#pickuptim {padding-top:5px !important;} #pickuptim dt {display: none;} #pickuptim dd span {display:inline-block;margin-right:10px;float:left;text-align:left;font-size:15px;} #pickuptim dd span input[type=radio] {width:20px;height:20px;display:inline-block;margin-right:5px;} #pickuptim dd {margin-bottom:10px;clear:both;} #pickuptim dd input[type=text] { font-size: 1.2em; border: 1px solid #cacaca; width: 100%; border-radius: 2px; -webkit-border-radius: 2px; height: 38px;} #pickuptim dd select {font-size: 1.2em;display: inline-block;height: 40px;width: 100%;margin: 0px;padding: 2px 30px 4px 5px;color: #333;box-shadow: inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow: inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border: 1px solid #cacaca;border-radius: 2px;-webkit-border-radius: 2px;background: #fff url(img/common/bg_select_option.png) no-repeat 100% 0;background-size: 27px 40px;-webkit-background-size: 27px 40px;-webkit-appearance: none;-moz-appearance: none;font-size: 1em;cursor: default;}