less 적용 진짜 완료ㅠ
This commit is contained in:
whitedot
3246
css/default_shop.css
Normal file
3246
css/default_shop.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -38,7 +38,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
|
||||
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f5f6fa;text-align:center}
|
||||
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
|
||||
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
.cke_sc_def dt {width:20%;font-weight:bold}
|
||||
.cke_sc_def dd {width:30%}
|
||||
|
||||
|
||||
2563
css/mobile_shop.css
Normal file
2563
css/mobile_shop.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -515,7 +515,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
|
||||
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f5f6fa;text-align:center}
|
||||
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
|
||||
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
.cke_sc_def dt {width:20%;font-weight:bold}
|
||||
.cke_sc_def dd {width:30%}
|
||||
|
||||
|
||||
481
mobile/skin/shop/basic/style.css
Normal file
481
mobile/skin/shop/basic/style.css
Normal file
@ -0,0 +1,481 @@
|
||||
.sct_wrap {
|
||||
margin:0 0 30px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.sct_wrap:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_wrap header {
|
||||
margin:0 0 20px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.sct_wrap header:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_wrap h2 {
|
||||
float:left;
|
||||
margin:0 20px 0 0;
|
||||
padding:0;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
.sct_wrap h2 a {text-decoration:none;}
|
||||
|
||||
.sct_wrap_hdesc {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
color:#777;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
.sct {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.sct:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_li {position:relative;}
|
||||
|
||||
.sct_noitem {
|
||||
padding:100px 0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.sct_10 .sct_li {
|
||||
float:left;
|
||||
padding:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.sct_10 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_10 .sct_clear {clear:both;}
|
||||
|
||||
.sct_10 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_10 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.sct_10 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.sct_10 s {display:block;}
|
||||
|
||||
.sct_10 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_10 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.sct_11 .sct_li {
|
||||
float:left;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.sct_11 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_11 .sct_clear {clear:both;}
|
||||
|
||||
.sct_11 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:0 0 5px;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_11 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.sct_11 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
padding:0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.sct_11 s {display:block;}
|
||||
|
||||
.sct_11 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
padding:0 5px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_11 .sct_icon {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_11 .sct_icon img {display:block;}
|
||||
|
||||
.sct_11 .sct_sns {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.sct_12 .sct_li {
|
||||
float:left;
|
||||
margin:0 16px 15px 0;
|
||||
}
|
||||
|
||||
.sct_12 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_12 .sct_clear {clear:both;}
|
||||
|
||||
.sct_12 .sct_arw_toleft {
|
||||
display:block;
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:221px;
|
||||
width:10px;
|
||||
height:19px;
|
||||
background:url('../img/shop/icon_arw_toleft.gif') no-repeat;
|
||||
}
|
||||
|
||||
.sct_12 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:20px 10px 20px 240px;
|
||||
width:110px;
|
||||
height:190px;
|
||||
border:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_12 .sct_img {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.sct_12 b {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
font-size:1.2em;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
.sct_12 p {
|
||||
margin:0 0 15px;
|
||||
padding:0;
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
||||
.sct_12 s {display:block;}
|
||||
|
||||
.sct_12 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_12 .sct_icon {
|
||||
position:absolute;
|
||||
bottom:25px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_12 .sct_icon img {display:block;}
|
||||
|
||||
.sct_12 .sct_sns {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.sct_13 .sct_li {
|
||||
float:left;
|
||||
margin:0 0 16px 0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sct_13 .sct_clear {clear:both;}
|
||||
|
||||
.sct_13 .sct_arw_toleft {
|
||||
display:block;
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:221px;
|
||||
width:10px;
|
||||
height:19px;
|
||||
background:url('../img/shop/icon_arw_toleft.gif') no-repeat;
|
||||
}
|
||||
|
||||
.sct_13 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:20px 10px 20px 240px;
|
||||
height:190px;
|
||||
border:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_13 .sct_img {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.sct_13 b {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
font-size:1.2em;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
.sct_13 p {
|
||||
margin:0 0 15px;
|
||||
padding:0;
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
||||
.sct_13 s {display:block;}
|
||||
|
||||
.sct_13 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_13 .sct_icon {
|
||||
position:absolute;
|
||||
bottom:25px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_13 .sct_icon img {display:block;}
|
||||
|
||||
.sct_13 .sct_rel {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.sct_13 .sct_rel_ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.sct_13 .sct_rel_li {
|
||||
float:left;
|
||||
margin:0 0 0 10px;
|
||||
}
|
||||
|
||||
.sct_13 .sct_sns {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
#info_content {
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#menu_button {
|
||||
position:fixed;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:40px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#menu_button button {
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:20%;
|
||||
height:40px;
|
||||
border:0;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
#menu_button button span {
|
||||
display:inline-block;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:url('img/arr_up01.gif') #000 center 15px no-repeat;
|
||||
}
|
||||
|
||||
#menu_button button.menu_opened {
|
||||
background:#ff3061;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat;}
|
||||
|
||||
#menu_list {
|
||||
position:fixed;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
border-top:1px solid #000;
|
||||
background:#f0f1f2;
|
||||
}
|
||||
|
||||
#menu_list ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#menu_list li {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:19%;
|
||||
}
|
||||
|
||||
#menu_list li:nth-of-type(1) {width:15%;}
|
||||
|
||||
#menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%;}
|
||||
|
||||
#menu_list a {
|
||||
display:block;
|
||||
padding:15px 0;
|
||||
border:0;
|
||||
border-right:1px solid #e9e9e9;
|
||||
font-size:0.95em;
|
||||
text-align:center;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
#menu_list a:focus, #menu_list a:hover {
|
||||
background:#f0f1f2;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
#menu_list li:nth-of-type(6) a {border:0;}
|
||||
|
||||
#menu_list li:nth-last-of-type(1) {width:100%;}
|
||||
|
||||
#menu_list button {
|
||||
margin:0;
|
||||
padding:15px 0;
|
||||
width:100%;
|
||||
border:0;
|
||||
border-top:1px solid #e9e9e9;
|
||||
background:#fff;
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.menu_hidden {display:none;}
|
||||
|
||||
#loading_message {
|
||||
z-index:10000;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
background:#fff;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
#loading_message img {
|
||||
position:relative;
|
||||
opacity:1.0;
|
||||
}
|
||||
|
||||
#fancyalert {
|
||||
display:table;
|
||||
z-index:10000;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
#fancyalert_bg {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
vertical-align:middle;
|
||||
background:#000;
|
||||
text-align:center;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
#fancyalert_inner {
|
||||
display:table-cell;
|
||||
position:relative;
|
||||
z-index:2;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#fancyalert_inner span {
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
padding:30px;
|
||||
width:200px;
|
||||
background:#1f1f1f;
|
||||
color:#f0f1f2;
|
||||
}
|
||||
|
||||
#fancyalert_inner button {
|
||||
margin:15px 0 0;
|
||||
padding:10px 30px;
|
||||
border:0;
|
||||
background:#000;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
595
skin/shop/basic/style.css
Normal file
595
skin/shop/basic/style.css
Normal file
@ -0,0 +1,595 @@
|
||||
@charset "utf-8";
|
||||
.sct_wrap {
|
||||
position:relative;
|
||||
margin:0 0 30px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.sct_wrap .sctrl {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
.sct_wrap:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_wrap header {
|
||||
margin:0 0 20px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.sct_wrap header:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_wrap h2 {
|
||||
float:left;
|
||||
margin:0 20px 0 0;
|
||||
padding:0;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
.sct_wrap h2 a {text-decoration:none;}
|
||||
|
||||
.sct_wrap_hdesc {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
color:#777;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
#sct {clear:both;}
|
||||
|
||||
.sct {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.sct:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.sct_li {position:relative;}
|
||||
|
||||
.sct_noitem {
|
||||
padding:100px 0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.sct img {position:relative;}
|
||||
|
||||
.sct_icon img {margin:0 1px 0 0;}
|
||||
|
||||
.sct_sns img {margin:0 0 0 4px;}
|
||||
|
||||
.sct_10 .sct_li {
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.sct_10 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_10 .sct_clear {clear:both;}
|
||||
|
||||
.sct_10 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_10 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.sct_10 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.sct_10 s {display:block;}
|
||||
|
||||
.sct_10 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_10 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.sct_20 .sct_li {
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.sct_20 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_20 .sct_clear {clear:both;}
|
||||
|
||||
.sct_20 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:0 0 5px;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_20 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.sct_20 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
padding:0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.sct_20 s {display:block;}
|
||||
|
||||
.sct_20 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
padding:0 5px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_20 .sct_icon {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_20 .sct_icon img {display:block;}
|
||||
|
||||
.sct_20 .sct_sns {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.sct_30 .sct_li {
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0 16px 15px 0;
|
||||
}
|
||||
|
||||
.sct_30 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.sct_30 .sct_clear {clear:both;}
|
||||
|
||||
.sct_30 .sct_arw_toleft {
|
||||
display:block;
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:221px;
|
||||
width:10px;
|
||||
height:19px;
|
||||
background:url('../shop/img/icon_arw_toleft.gif') no-repeat;
|
||||
}
|
||||
|
||||
.sct_30 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:20px 10px 20px 240px;
|
||||
width:110px;
|
||||
height:190px;
|
||||
border:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_30 .sct_a:focus, .sct_30 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_30 .sct_img {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.sct_30 b {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
font-size:1.2em;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
.sct_30 p {
|
||||
margin:0 0 15px;
|
||||
padding:0;
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
||||
.sct_30 s {display:block;}
|
||||
|
||||
.sct_30 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_30 .sct_icon {
|
||||
position:absolute;
|
||||
bottom:25px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_30 .sct_icon img {display:block;}
|
||||
|
||||
.sct_30 .sct_sns {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.sct_40 .sct_li {
|
||||
position:relative;
|
||||
float:left;
|
||||
margin:0 0 16px 0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sct_40 .sct_clear {clear:both;}
|
||||
|
||||
.sct_40 .sct_arw_toleft {
|
||||
display:block;
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:221px;
|
||||
width:10px;
|
||||
height:19px;
|
||||
background:url('../shop/img/icon_arw_toleft.gif') no-repeat;
|
||||
}
|
||||
|
||||
.sct_40 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:20px 10px 20px 240px;
|
||||
height:190px;
|
||||
border:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.sct_40 .sct_img {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.sct_40 b {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
font-size:1.2em;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
.sct_40 p {
|
||||
margin:0 0 15px;
|
||||
padding:0;
|
||||
line-height:1.5em;
|
||||
}
|
||||
|
||||
.sct_40 s {display:block;}
|
||||
|
||||
.sct_40 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sct_40 .sct_icon {
|
||||
position:absolute;
|
||||
bottom:25px;
|
||||
left:-5px;
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
.sct_40 .sct_icon img {display:block;}
|
||||
|
||||
.sct_40 .sct_rel {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.sct_40 .sct_rel_ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.sct_40 .sct_rel_li {
|
||||
float:left;
|
||||
margin:0 0 0 10px;
|
||||
}
|
||||
|
||||
.sct_40 .sct_sns {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.smt_20 {
|
||||
position:relative;
|
||||
height:306px;
|
||||
overflow-y:hidden;
|
||||
}
|
||||
|
||||
.smt_20 .sct_ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:306px;
|
||||
left:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.smt_20 .sct_ul_first {
|
||||
display:block;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.smt_20 .sct_li {
|
||||
float:left;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.smt_20 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.smt_20 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.smt_20 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.smt_20 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.smt_20 s {display:block;}
|
||||
|
||||
.smt_20 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.smt_20 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.smt_30 {
|
||||
position:relative;
|
||||
height:308px;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
.smt_30 .sct_ul {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:765px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:765px;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
.smt_30 .sct_ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
.smt_30 .sct_ul_first {
|
||||
display:block;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.smt_30 .sct_li {
|
||||
float:left;
|
||||
margin-right:25px;
|
||||
}
|
||||
|
||||
.smt_30 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.smt_30 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.smt_30 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.smt_30 s {display:block;}
|
||||
|
||||
.smt_30 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.smt_30 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.smt_30 .sct_sns a {
|
||||
display:inline-block;
|
||||
margin:0 0 0 2px;
|
||||
}
|
||||
|
||||
.smt_40 {
|
||||
position:relative;
|
||||
height:306px;
|
||||
}
|
||||
|
||||
.smt_40 .sct_ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.smt_40 .sct_ul_first {display:block;}
|
||||
|
||||
.smt_40 .sct_li {
|
||||
float:left;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.smt_40 .sct_last {margin:0 0 15px !important;}
|
||||
|
||||
.smt_40 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.smt_40 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.smt_40 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.smt_40 s {display:block;}
|
||||
|
||||
.smt_40 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.smt_40 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
.smt_50 {
|
||||
position:relative;
|
||||
height:306px;
|
||||
}
|
||||
|
||||
.smt_50 .sct_ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:306px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
overflow-y:hidden;
|
||||
}
|
||||
|
||||
.smt_50 .sct_ul_first {display:block;}
|
||||
|
||||
.smt_50 .sct_li {
|
||||
float:left;
|
||||
position:relative;
|
||||
top:-306px;
|
||||
margin:0 25px 15px 0;
|
||||
}
|
||||
|
||||
.smt_50 .sct_last {margin:0 0 15px;}
|
||||
|
||||
.smt_50 .sct_a {
|
||||
display:block;
|
||||
position:relative;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.smt_50 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none;}
|
||||
|
||||
.smt_50 .sct_img {
|
||||
display:block;
|
||||
margin:0 0 15px;
|
||||
}
|
||||
|
||||
.smt_50 b {
|
||||
display:block;
|
||||
margin:0 0 8px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.smt_50 s {display:block;}
|
||||
|
||||
.smt_50 .sct_cost {
|
||||
display:block;
|
||||
margin:0 0 10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.smt_50 .sct_sns {
|
||||
position:absolute;
|
||||
top:190px;
|
||||
right:20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user