You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
772 lines
46 KiB
CSS
772 lines
46 KiB
CSS
.main-portfolio .container,
|
|
.main-introduce .container,
|
|
.main-inquiry .container {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
/* [ Gallery ] */
|
|
.g-main {
|
|
padding: 0;
|
|
}
|
|
|
|
.g-main figure .g-img,
|
|
.g-main figure .img-wrapper img {
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-transition: all .7s ease-in-out;
|
|
-moz-transition: all .7s ease-in-out;
|
|
-o-transition: all .7s ease-in-out;
|
|
-ms-transition: all .7s ease-in-out;
|
|
transition: all .7s ease-in-out;
|
|
height: 225px;
|
|
}
|
|
|
|
.g-main figure:hover .g-img,
|
|
.g-main figure:hover .img-wrapper img {
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: scale(1.2, 1.2);
|
|
-o-transform: scale(1.2, 1.2);
|
|
-moz-transform: scale(1.2, 1.2);
|
|
-ms-transform: scale(1.2, 1.2);
|
|
-webkit-transform: scale(1.2, 1.2);
|
|
-webkit-transition: all .7s ease-in-out;
|
|
-moz-transition: all .7s ease-in-out;
|
|
-o-transition: all .7s ease-in-out;
|
|
-ms-transition: all .7s ease-in-out;
|
|
transition: all .7s ease-in-out;
|
|
}
|
|
|
|
.g-main figure .over-box {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 13% 11%;
|
|
width: 78%;
|
|
height: 78%;
|
|
}
|
|
|
|
.g-main figure:hover .over-box {
|
|
background-color: rgba(0,0,0,1);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
-webkit-transition: all .7s ease-in-out;
|
|
-moz-transition: all .7s ease-in-out;
|
|
-o-transition: all .7s ease-in-out;
|
|
-ms-transition: all .7s ease-in-out;
|
|
transition: all .7s ease-in-out;
|
|
}
|
|
|
|
.g-main figcaption {
|
|
padding: 20%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: all .7s ease-in-out;
|
|
-moz-transition: all .7s ease-in-out;
|
|
-o-transition: all .7s ease-in-out;
|
|
-ms-transition: all .7s ease-in-out;
|
|
transition: all .7s ease-in-out;
|
|
text-align: center;
|
|
}
|
|
|
|
.g-main figure:hover figcaption {
|
|
opacity: 1;
|
|
-webkit-transition: all .7s ease-in-out;
|
|
-moz-transition: all .7s ease-in-out;
|
|
-o-transition: all .7s ease-in-out;
|
|
-ms-transition: all .7s ease-in-out;
|
|
transition: all .7s ease-in-out;
|
|
}
|
|
|
|
.g-main figcaption .inner-box {
|
|
margin-top: 0;
|
|
position: relative;
|
|
top: 50%;
|
|
left: 0;
|
|
transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
-webkit-transform: translateY(-50%);
|
|
}
|
|
|
|
.g-main h5.figure {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.2em;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
text-transform: uppercase;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.g-main .line {
|
|
width: 20px;
|
|
border-color: #606060;
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.g-main p.figure {
|
|
font-size: 12px;
|
|
color: #a3a2a2;
|
|
position: relative;
|
|
left: 0;
|
|
bottom: 0;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
fill: #a3a2a2;
|
|
}
|
|
|
|
.next-item {
|
|
display: none;
|
|
}
|
|
|
|
.gallery-more {
|
|
font-size: 12px;
|
|
color: #000;
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
text-align: center;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.gallery-more:hover {
|
|
color: #000;
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.gallery-more em {
|
|
color: #c30;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
@media only screen and (max-width:991px) {
|
|
.g-main .line,
|
|
.g-main p.figure {
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
@media only screen and (max-width:767px) {
|
|
.g-main figcaption {
|
|
padding: 15%;
|
|
}
|
|
.g-main h5.figure {
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
.g-main .line,
|
|
.g-main p.figure {
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
|
|
.g-main .g-list { padding-left: 0; padding-right: 0; }
|
|
.g-main .g-list .grid { float: left; }
|
|
.g-main .g-list .grid.empty-txt { width: 100%!important; max-width: 100%!important; text-align: center!important; padding-top: 50px!important; padding-bottom: 50px!important; background-color: transparent!important; }
|
|
|
|
|
|
.g-main .g-list .grid figure,
|
|
.g-main .g-list .grid .img-wrapper { position: relative; overflow: hidden; }
|
|
.g-main .g-list .grid .img-wrapper > .g-img {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
|
|
.g-main .g-list .grid .figure:nth-child(0).hide + .figure,
|
|
.g-main .g-list .grid .figure:nth-child(0).hide + .line,
|
|
.g-main .g-list .grid .figure:nth-child(0).hide + .view-text { margin-top: 0!important; }
|
|
|
|
.g-main .g-list[data-align="left"] figcaption { text-align: left; }
|
|
.g-main .g-list[data-align="center"] figcaption { text-align: center; }
|
|
.g-main .g-list[data-align="right"] figcaption { text-align: right; }
|
|
|
|
.g-main[data-gpd="0"] .g-list .grid { padding: 0; }
|
|
.g-main[data-gpd="1"] .g-list .grid { padding: 0 1px; }
|
|
.g-main[data-gpd="2"] .g-list .grid { padding: 0 2px; }
|
|
.g-main[data-gpd="3"] .g-list .grid { padding: 0 3px; }
|
|
.g-main[data-gpd="4"] .g-list .grid { padding: 0 4px; }
|
|
.g-main[data-gpd="5"] .g-list .grid { padding: 0 5px; }
|
|
.g-main[data-gpd="6"] .g-list .grid { padding: 0 6px; }
|
|
.g-main[data-gpd="7"] .g-list .grid { padding: 0 7px; }
|
|
.g-main[data-gpd="8"] .g-list .grid { padding: 0 8px; }
|
|
.g-main[data-gpd="9"] .g-list .grid { padding: 0 9px; }
|
|
.g-main[data-gpd="10"] .g-list .grid { padding: 0 10px; }
|
|
.g-main[data-gpd="11"] .g-list .grid { padding: 0 11px; }
|
|
.g-main[data-gpd="12"] .g-list .grid { padding: 0 12px; }
|
|
.g-main[data-gpd="13"] .g-list .grid { padding: 0 13px; }
|
|
.g-main[data-gpd="14"] .g-list .grid { padding: 0 14px; }
|
|
.g-main[data-gpd="15"] .g-list .grid { padding: 0 15px; }
|
|
.g-main[data-gpd="16"] .g-list .grid { padding: 0 16px; }
|
|
.g-main[data-gpd="17"] .g-list .grid { padding: 0 17px; }
|
|
.g-main[data-gpd="18"] .g-list .grid { padding: 0 18px; }
|
|
.g-main[data-gpd="19"] .g-list .grid { padding: 0 19px; }
|
|
|
|
@media (min-width: 992px) {
|
|
.g-main[data-gcol="1"] .g-list .grid { width: 100%; }
|
|
.g-main[data-gcol="2"] .g-list .grid { width: 50%; }
|
|
.g-main[data-gcol="3"] .g-list .grid { width: 33.33333333333333%; }
|
|
.g-main[data-gcol="4"] .g-list .grid { width: 25%; }
|
|
.g-main[data-gcol="5"] .g-list .grid { width: 20%; }
|
|
.g-main[data-gcol="6"] .g-list .grid { width: 16.666666666666664%; }
|
|
|
|
.g-main[data-gcol="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
|
.g-main[data-gcol="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
|
.g-main[data-gcol="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
|
.g-main[data-gcol="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
|
.g-main[data-gcol="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
|
|
|
.g-main[data-gpd="1"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="1"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="1"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="1"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="1"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="1"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
|
.g-main[data-gpd="2"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="2"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="2"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="2"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="2"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="2"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
|
.g-main[data-gpd="3"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="3"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="3"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="3"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="3"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="3"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
|
.g-main[data-gpd="4"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="4"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="4"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="4"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="4"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="4"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
|
.g-main[data-gpd="5"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="5"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="5"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="5"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="5"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="5"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
|
.g-main[data-gpd="6"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="6"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="6"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="6"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="6"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="6"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
|
.g-main[data-gpd="7"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="7"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="7"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="7"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="7"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="7"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
|
.g-main[data-gpd="8"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="8"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="8"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="8"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="8"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="8"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
|
.g-main[data-gpd="9"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="9"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="9"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="9"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="9"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="9"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
|
.g-main[data-gpd="10"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="10"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="10"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="10"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="10"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="10"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
|
.g-main[data-gpd="11"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="11"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="11"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="11"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="11"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="11"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
|
.g-main[data-gpd="12"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="12"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="12"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="12"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="12"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="12"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
|
.g-main[data-gpd="13"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="13"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="13"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="13"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="13"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="13"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
|
.g-main[data-gpd="14"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="14"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="14"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="14"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="14"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="14"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
|
.g-main[data-gpd="15"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="15"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="15"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="15"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="15"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="15"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
|
.g-main[data-gpd="16"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="16"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="16"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="16"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="16"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="16"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
|
.g-main[data-gpd="17"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="17"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="17"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="17"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="17"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="17"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
|
.g-main[data-gpd="18"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="18"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="18"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="18"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="18"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="18"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
|
.g-main[data-gpd="19"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="19"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="19"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="19"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="19"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="19"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
|
.g-main[data-gpd="20"][data-gcol="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="20"][data-gcol="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="20"][data-gcol="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="20"][data-gcol="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="20"][data-gcol="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="20"][data-gcol="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.g-main[data-gcol][data-gcol-t="1"] .g-list .grid { width: 100%; }
|
|
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid { width: 50%; }
|
|
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid { width: 33.33333333333333%; }
|
|
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid { width: 25%; }
|
|
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid { width: 20%; }
|
|
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid { width: 16.666666666666664%; }
|
|
|
|
.g-main[data-gcol][data-gcol-t="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-t="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-t="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-t="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-t="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
|
|
|
.g-main[data-gpd="1"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="1"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="1"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="1"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="1"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="1"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
|
.g-main[data-gpd="2"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="2"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="2"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="2"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="2"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="2"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
|
.g-main[data-gpd="3"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="3"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="3"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="3"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="3"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="3"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
|
.g-main[data-gpd="4"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="4"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="4"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="4"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="4"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="4"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
|
.g-main[data-gpd="5"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="5"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="5"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="5"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="5"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="5"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
|
.g-main[data-gpd="6"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="6"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="6"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="6"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="6"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="6"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
|
.g-main[data-gpd="7"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="7"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="7"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="7"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="7"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="7"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
|
.g-main[data-gpd="8"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="8"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="8"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="8"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="8"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="8"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
|
.g-main[data-gpd="9"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="9"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="9"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="9"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="9"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="9"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
|
.g-main[data-gpd="10"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="10"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="10"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="10"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="10"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="10"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
|
.g-main[data-gpd="11"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="11"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="11"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="11"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="11"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="11"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
|
.g-main[data-gpd="12"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="12"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="12"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="12"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="12"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="12"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
|
.g-main[data-gpd="13"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="13"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="13"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="13"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="13"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="13"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
|
.g-main[data-gpd="14"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="14"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="14"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="14"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="14"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="14"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
|
.g-main[data-gpd="15"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="15"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="15"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="15"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="15"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="15"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
|
.g-main[data-gpd="16"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="16"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="16"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="16"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="16"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="16"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
|
.g-main[data-gpd="17"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="17"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="17"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="17"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="17"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="17"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
|
.g-main[data-gpd="18"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="18"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="18"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="18"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="18"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="18"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
|
.g-main[data-gpd="19"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="19"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="19"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="19"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="19"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="19"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
|
.g-main[data-gpd="20"][data-gcol-t="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="20"][data-gcol-t="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="20"][data-gcol-t="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="20"][data-gcol-t="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="20"][data-gcol-t="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="20"][data-gcol-t="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.g-main[data-gcol][data-gcol-m="1"] .g-list .grid { width: 100%; }
|
|
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid { width: 50%; }
|
|
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid { width: 33.33333333333333%; }
|
|
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid { width: 25%; }
|
|
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid { width: 20%; }
|
|
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid { width: 16.666666666666664%; }
|
|
|
|
.g-main[data-gcol][data-gcol-m="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-m="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-m="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-m="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-m="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
|
|
|
.g-main[data-gpd="1"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="1"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="1"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="1"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="1"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="1"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
|
.g-main[data-gpd="2"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="2"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="2"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="2"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="2"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="2"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
|
.g-main[data-gpd="3"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="3"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="3"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="3"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="3"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="3"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
|
.g-main[data-gpd="4"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="4"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="4"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="4"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="4"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="4"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
|
.g-main[data-gpd="5"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="5"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="5"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="5"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="5"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="5"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
|
.g-main[data-gpd="6"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="6"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="6"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="6"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="6"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="6"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
|
.g-main[data-gpd="7"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="7"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="7"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="7"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="7"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="7"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
|
.g-main[data-gpd="8"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="8"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="8"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="8"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="8"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="8"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
|
.g-main[data-gpd="9"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="9"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="9"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="9"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="9"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="9"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
|
.g-main[data-gpd="10"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="10"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="10"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="10"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="10"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="10"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
|
.g-main[data-gpd="11"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="11"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="11"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="11"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="11"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="11"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
|
.g-main[data-gpd="12"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="12"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="12"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="12"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="12"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="12"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
|
.g-main[data-gpd="13"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="13"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="13"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="13"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="13"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="13"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
|
.g-main[data-gpd="14"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="14"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="14"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="14"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="14"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="14"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
|
.g-main[data-gpd="15"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="15"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="15"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="15"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="15"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="15"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
|
.g-main[data-gpd="16"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="16"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="16"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="16"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="16"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="16"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
|
.g-main[data-gpd="17"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="17"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="17"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="17"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="17"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="17"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
|
.g-main[data-gpd="18"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="18"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="18"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="18"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="18"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="18"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
|
.g-main[data-gpd="19"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="19"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="19"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="19"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="19"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="19"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
|
.g-main[data-gpd="20"][data-gcol-m="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="20"][data-gcol-m="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="20"][data-gcol-m="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="20"][data-gcol-m="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="20"][data-gcol-m="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="20"][data-gcol-m="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
|
}
|
|
|
|
@media (max-width: 450px) {
|
|
.g-main[data-gcol][data-gcol-s="1"] .g-list .grid { width: 100%; }
|
|
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid { width: 50%; }
|
|
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid { width: 33.33333333333333%; }
|
|
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid { width: 25%; }
|
|
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid { width: 20%; }
|
|
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid { width: 16.666666666666664%; }
|
|
|
|
.g-main[data-gcol][data-gcol-s="2"] .g-list .grid:nth-child(2n + 3) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-s="3"] .g-list .grid:nth-child(3n + 4) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-s="4"] .g-list .grid:nth-child(4n + 5) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-s="5"] .g-list .grid:nth-child(5n + 6) { clear: left; }
|
|
.g-main[data-gcol][data-gcol-s="6"] .g-list .grid:nth-child(6n + 7) { clear: left; }
|
|
|
|
.g-main[data-gpd="1"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="1"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="1"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="1"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="1"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="1"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 2px; }
|
|
.g-main[data-gpd="2"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="2"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="2"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="2"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="2"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="2"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 4px; }
|
|
.g-main[data-gpd="3"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="3"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="3"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="3"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="3"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="3"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 6px; }
|
|
.g-main[data-gpd="4"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="4"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="4"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="4"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="4"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="4"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 8px; }
|
|
.g-main[data-gpd="5"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="5"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="5"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="5"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="5"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="5"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 10px; }
|
|
.g-main[data-gpd="6"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="6"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="6"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="6"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="6"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="6"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 12px; }
|
|
.g-main[data-gpd="7"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="7"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="7"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="7"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="7"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="7"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 14px; }
|
|
.g-main[data-gpd="8"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="8"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="8"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="8"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="8"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="8"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 16px; }
|
|
.g-main[data-gpd="9"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="9"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="9"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="9"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="9"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="9"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 18px; }
|
|
.g-main[data-gpd="10"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="10"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="10"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="10"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="10"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="10"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 20px; }
|
|
.g-main[data-gpd="11"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="11"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="11"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="11"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="11"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="11"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 22px; }
|
|
.g-main[data-gpd="12"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="12"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="12"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="12"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="12"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="12"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 24px; }
|
|
.g-main[data-gpd="13"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="13"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="13"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="13"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="13"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="13"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 26px; }
|
|
.g-main[data-gpd="14"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="14"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="14"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="14"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="14"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="14"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 28px; }
|
|
.g-main[data-gpd="15"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="15"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="15"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="15"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="15"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="15"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 30px; }
|
|
.g-main[data-gpd="16"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="16"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="16"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="16"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="16"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="16"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 32px; }
|
|
.g-main[data-gpd="17"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="17"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="17"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="17"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="17"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="17"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 34px; }
|
|
.g-main[data-gpd="18"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="18"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="18"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="18"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="18"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="18"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 36px; }
|
|
.g-main[data-gpd="19"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="19"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="19"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="19"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="19"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="19"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 38px; }
|
|
.g-main[data-gpd="20"][data-gcol-s="1"] .g-list .grid:nth-child(n + 2),
|
|
.g-main[data-gpd="20"][data-gcol-s="2"] .g-list .grid:nth-child(n + 3),
|
|
.g-main[data-gpd="20"][data-gcol-s="3"] .g-list .grid:nth-child(n + 4),
|
|
.g-main[data-gpd="20"][data-gcol-s="4"] .g-list .grid:nth-child(n + 5),
|
|
.g-main[data-gpd="20"][data-gcol-s="5"] .g-list .grid:nth-child(n + 6),
|
|
.g-main[data-gpd="20"][data-gcol-s="6"] .g-list .grid:nth-child(n + 7) { margin-top: 40px; }
|
|
}
|
|
|