/* site css */ :root { --container-width: 88%; --container-max-width: 1440px; } div { -webkit-overflow-scrolling: touch; } .grid-row.gutentor-grid-item-wrap { display: flex; align-items: flex-start; justify-content: space-between; width: 90%; margin: auto; max-width: 1440px; } .gutentor-grid-column.grid-lg-3.grid-md-3.grid-6 { width: 25%; } .sefull .grid-row.gutentor-grid-item-wrap { margin: auto !important; margin-top: 40px !important; flex-wrap: wrap; } .sefull .gutentor-grid-column.grid-lg-4.grid-md-4.grid-12 { margin: 8px; box-shadow: 0px 8px 10px rgb(0 0 0 / 10%); border-radius: 4px; overflow: hidden; width: calc(16.66% - 16px); } .sefull2 .grid-row { display: flex; align-items: center; justify-content: center; margin: auto; width: 90%; max-width: 1440px; } .sefull2 article.gutentor-post-has-thumb.grid-lg-3.grid-md-4.grid-12.blog-grid { background: #fff; overflow: hidden; border-radius: 4px; width: calc(25% - 16px); margin: 8px; } .sefull2 .gutentor-image-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .sefull2 .gutentor-image-thumb { position: relative; padding-bottom: 100%; } section#gpa68541 .gutentor-image-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } section#gpa68541 .gutentor-image-thumb { position: relative; padding-bottom: 80%; } .gutentor-post-module .gutentor-post-image-box { margin-bottom: 0; } .gutentor-post-module.gutentor-blog-list .gutentor-post:not(.gutentor-post-no-thumb) .gutentor-post-item { background: #f9f9f9; padding: 1em; margin: 0; margin-bottom: 3px; } .wp-block-column.eplus-5FYo9Y .grid-row { display: flex; flex-wrap: wrap; } .wp-block-column.eplus-5FYo9Y .grid-row article.gutentor-post.grid-lg-6.grid-md-4.grid-12 { width: 50%; } .wp-block-column.eplus-5FYo9Y .gutentor-post-item { margin: 0; border-bottom: 1px solid #d0d0d0; margin-right: 15px; padding-bottom: 12px; padding-top: 6px; } .wp-block-column.eplus-5FYo9Y .gutentor-entry-meta.gutentor-entry-meta-primary { margin: 0; } .full-page-s { height: 100%; position: absolute; background: #000; top: 0; left: 0; right: 0; } .full-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .full-bg img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .mainny_banner { position: relative; height: 250px; } /*-------------------- Leaderboard --------------------*/ .leaderboard { position: relative; width: 285px; background: -webkit-linear-gradient(to bottom, #f09d37, #d97438); background: linear-gradient(to bottom, #f09d37, #d97438); border-radius: 4px; box-shadow: 0 15px 30px rgb(0 0 0 / 20%); overflow: hidden; } .sub_nsneio { position: sticky; top: 100px; } .leaderboard h1 { font-size: 1.5em; color: #eaeaea; padding: 27px 17px 21px; margin: 0; padding-bottom: 1em; line-height: 1.35; font-weight: 600; } .leaderboard h1 p { margin: 0; font-size: 1rem; font-weight: normal; } .leaderboard h1 svg { width: 25px; height: 26px; position: relative; top: 3px; margin-right: 6px; vertical-align: baseline; } .leaderboard ol { counter-reset: leaderboard; padding: 0; } .leaderboard ol li { position: relative; z-index: 1; font-size: 0.825em; counter-increment: leaderboard; padding: 15px 10px 15px 50px; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); display: block; margin-bottom: 2px; } .leaderboard ol li::marker { display: none; } .leaderboard ol li::before { content: counter(leaderboard); position: absolute; z-index: 2; top: 15px; left: 15px; width: 20px; height: 20px; line-height: 20px; color: #ffffff; background: #e3a45c; border-radius: 20px; text-align: center; } .leaderboard ol li mark { position: relative; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: none; color: #fff; padding-right: 1.5em; } .leaderboard ol li mark::before, .leaderboard ol li mark::after { content: ""; position: absolute; z-index: 1; bottom: -11px; left: -9px; border-top: 10px solid #c24448; border-left: 10px solid transparent; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0; } .leaderboard ol li mark::after { left: auto; right: -9px; border-left: none; border-right: 10px solid transparent; } .leaderboard ol li small { position: absolute; z-index: 2; display: block; text-align: right; color: #fff; font-size: 1.5em; line-height: 1; right: 0.5em; top: 0; bottom: 0; display: flex; align-items: center; } .leaderboard ol li::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #af2d1c; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } .leaderboard ol li { background: #d97538; } .leaderboard ol li:hover { z-index: 2; overflow: visible; } .leaderboard ol li:hover::after { opacity: 1; -webkit-transform: scaleX(1.06) scaleY(1.03); transform: scaleX(1.06) scaleY(1.03); } .leaderboard ol li:hover mark::before, .leaderboard ol li:hover mark::after { opacity: 1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } a.full-aa { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } a { color: inherit; } .leaderboard ol li mark a { display: block; line-height: 1.35; font-weight: 500; } .leaderboard ol li mark { display: flex; align-items: center; } .leaderboard ol li::before { top: 18px; } .miangccc.ct-container { display: flex; flex-wrap: wrap; } .right_gosuou { width: calc(100% - 285px); padding-left: 2em; } .main_slsije { margin-top: 2em; position: relative; z-index: 10; margin-bottom: 5em; } .left_coddo { margin-top: 0; } .osgj_tt { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #adadad; margin-bottom: 1em; padding-bottom: 0.5em; } .osgj_tt h3 { margin: 0; font-weight: normal; color: #d97538; } .humlsb { font-size: 0.75em; } .songe p { font-size: 0.9em; line-height: 1.785; } body .nf-before-form-content { display: none; } body .nf-form-content { max-width: 1440px; } section#g74b014 .grid-container { width: auto; max-width: 1440px; padding: 0; } table, th, td { border-color: #000; } [data-header*="type-1"] #offcanvas > section { --background-color: #fff; } [class*="_inner-container"] > *:not(.alignfull) { width: auto; } .wp-block-getwid-advanced-heading.eplus-BKV50Z::before { content: ""; display: inline-block; height: 1em; width: 2px; background: #f1c420; margin-right: 12px; } .wp-block-getwid-advanced-heading.eplus-BKV50Z { display: flex; align-items: center; } .wp-block-columns.eplus-uMQF2G.ep-custom-column span.wp-block-gutenbee-countup-number { font-weight: bold; color: #000; } .category-projects a.ct-image-container { display: block; } .category-projects .entry-excerpt { display: none; } .category-projects [data-layout="grid:columns-3"] .entry-card { background: #fcfcfc; padding: 20px; padding-bottom: 30px; border: 0; box-shadow: 5px 6px 25px #ededed; } .category-projects [data-layout="grid:columns-3"] { overflow: visible; } .jituan .mainny_banner { position: relative; height: 480px; } @media only screen and (min-width: 999.9px) { .category-projects [data-layout="grid:columns-3"] { --grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 999px) { .wp-block-columns.eplus-M5EpcE { margin-bottom: 3em; } .wp-block-column.eplus-5FYo9Y .grid-row article.gutentor-post.grid-lg-6.grid-md-4.grid-12 { width: 100%; } .left_coddo { display: none; } .right_gosuou { width: 100%; padding-left: 0; } .humlsb { width: 100%; } .osgj_tt h3 { width: 100%; } .osgj_tt { flex-wrap: wrap; } .songe { overflow-x: auto; } .songe table { font-size: 12px; } h4 { font-size: 1em; } .wp-block-columns.eplus-uMQF2G.ep-custom-column { display: none; } section#dda249b5-ba3d-4789-9e89-df346e885437 { border: 0; } .wp-block-columns.eplus-dh52To.ep-custom-column, .wp-block-columns.eplus-bwazad.ep-custom-column, .wp-block-columns.ep-custom-column.eplus-rwJfOK { gap: 0; margin: 0; } .wp-block-columns.eplus-dh52To.ep-custom-column > div, .wp-block-columns.eplus-bwazad.ep-custom-column > div, .wp-block-columns.ep-custom-column.eplus-rwJfOK > div { margin: 0; } .wp-block-columns.eplus-dh52To.ep-custom-column > div a.gutentor-block-button, .wp-block-columns.eplus-bwazad.ep-custom-column > div a.gutentor-block-button, .wp-block-columns.ep-custom-column.eplus-rwJfOK > div a.gutentor-block-button { margin-top: 16px !important; } .osgj_tt h3 { font-size: 1.325em; font-weight: bold; } }