.other-product-body-slick-box h5{
font-weight: 700;
line-height: 1.2em;
}
.other-product-body-slick-box {
padding: 10px 15px;
}
.banner-nav-anchor{
max-width: calc(100% - var(--pad-space));
}
.global-blank-gap {
background: white;
}
.laminator-preamble {
padding: 0 var(--pad-space);
background: white;
}
.laminator-preamble>div {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.laminator-preamble-box-svg {
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.laminator-preamble svg {
width: 100%;
height: 100%;
}
.laminator-preamble-box>div:nth-child(1) svg {
width: 90%;
}
.laminator-preamble h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: var(--main-color);
text-align: center;
}
.laminator-preamble>div>p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
width: 100%;
max-width: 800px;
text-align: center;
margin: 30px auto 50px auto;
}
.laminator-preamble-box-text>h6 {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.5em;
text-align: center;
margin-bottom: 5px;
margin-top: 12px;
}
.laminator-preamble-box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.laminator-preamble-box>div {
background: #E8E8E8;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 10% 15%;
}
.laminator-preamble-box-text>p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
text-align: center;
}
.range {
padding: 80px var(--pad-space);
}
.range>div {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.range h4 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: white;
text-align: center;
margin-bottom: 80px;
}
.range h5 {
font-family: var(--ch-font);
font-size: var(--xd-28px);
font-weight: 600;
margin: 0;
color: var(--main-color);
margin-bottom: 15px;
}
.range h6 {
font-family: var(--en-font);
font-size: 100px;
font-weight: 600;
margin: 0;
color: var(--main-color);
position: absolute;
line-height: 0.7em;
z-index: 1;
}
.range p {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
}
.range-box {
display: flex;
align-items: normal;
gap: 30px;
}
.range-box-1 {
background: white;
padding: 30px;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
}
.range-box-2 {
display: flex;
flex-direction: column;
gap: 30px;
flex-grow: 1;
}
.range-box-1-img {
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
}
.range-box-1-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-300deg, #ffffff 10px, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.range-box-2-img {
aspect-ratio: 473 / 250;
overflow: hidden;
position: relative;
}
.range-box-2-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-60deg, #ffffff 10px, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.range-box-1-img img, .range-box-2-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: 15px;
}
.range-box-1-img h6 {
bottom: 0;
left: -5px;
}
.range-box-2-img h6 {
bottom: 0;
right: -5px;
}
.range-box-2>div {
display: grid;
grid-template-columns: 1fr 1.7fr;
background: white;
padding: 30px;
border-radius: 20px;
grid-gap: 30px;
}
.pouch-laminator {
background: white;
}
.pouch-laminator>div {
background: #E8E8E8;
padding: 80px 0;
max-width: calc(50% + 680px);
margin-left: auto;
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
.pouch-laminator>div::before {
content: "";
width: calc((100vw - (50vw + 680px)) / 2);
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #E8E8E8;
transform: translateX(-99%);
z-index: 1;
border-radius: var(--box-radius) 0 0 var(--box-radius);
}
.pouch-laminator-head {
width: 100%;
max-width: 1360px;
}
.pouch-laminator-head>div {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
}
.pouch-laminator-control {
max-width: 1360px;
display: flex;
gap: 25px;
}
.pouch-laminator-slick {
width: 100%;
}
.pouch-laminator-slick .slick-slide{
opacity: 0.5;
}
.pouch-laminator-slick .slick-slide.slick-current{
opacity: 1;
transition: all .5s;
}
.pouch-laminator h6 {
font-family: var(--en-font);
font-size: var(--xd-65px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.pouch-laminator h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.pouch-laminator p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
}
.pouch-laminator button {
padding: 0;
line-height: 1em;
background: transparent !important;
border: unset !important;
outline: unset !important;
width: 45px;
}
.pouch-laminator button svg {
width: 100%;
height: 100%;
}
.pouch-laminator-slick .slick-list {
padding-right: calc( 100% - 1390px);
}
.pouch-laminator-slick-box {
background: white;
padding: 40px 60px 40px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 60px;
align-items: flex-start;
border-radius: var(--box-radius);
margin-right: 30px;
}
.pouch-laminator-slick-box-img {
aspect-ratio: 782 / 648;
overflow: hidden;
border-radius: 20px;
}
.pouch-laminator-slick-box-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.pouch-laminator-slick-box-text h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 500;
margin: 0;
color: var(--main-color);
margin-bottom: 20px;
}
.pouch-laminator-slick-box-text h6 {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
margin-bottom: 5px;
line-height: 1.6em;
}
.pouch-laminator-slick-box-text p {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #000000;
}
.pouch-laminator-slick-box-text span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: var(--main-color);
}
.pouch-laminator-slick-box-text-list>div {
display: grid;
grid-template-columns: 181px 1fr;
align-items: center;
grid-gap: 10%;
border-bottom: 2px solid #E8E8E8;
grid-gap: 60px;
padding: 2px 0;
}
.pouch-laminator-slick-box-text-list {
margin-top: 20px;
}
.pouch-laminator-slick-relative {
position: relative;
}
.pouch-laminator-control-mobile {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
display: none;
justify-content: space-between;
padding: 0 15px;
}
.binding {
background: white;
}
.binding>div {
padding: 0 0 80px 0;
max-width: calc(50% + 680px);
margin-right: auto;
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
.binding>div::before {
content: "";
width: calc((100vw - (50vw + 680px)) / 2);
height: calc( 100% - 57px);
position: absolute;
right: 0;
bottom: 0;
background: #E8E8E8;
transform: translateX(99%);
z-index: 1;
border-radius: 0 var(--box-radius) var(--box-radius) 0;
}
.binding>div::after {
content: "";
width: 100%;
height: calc( 100% - 57px);
position: absolute;
right: 0;
bottom: 0;
background: #E8E8E8;
transform: translateX(0%);
z-index: 1;
}
.binding-head {
width: 100%;
max-width: 1360px;
margin-left: auto;
position: relative;
z-index: 3;
}
.binding-head>div {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
}
.binding-head-control {
max-width: 1360px;
display: flex;
gap: 25px;
}
.binding-slick {
width: 100%;
}
.binding-slick .slick-slide{
opacity: 0.5;
}
.binding-slick .slick-slide.slick-active{
opacity: 1;
transition: all .5s;
}
.binding h6 {
font-family: var(--en-font);
font-size: var(--xd-65px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.binding h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.binding p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
}
.binding button {
padding: 0;
line-height: 1em;
background: transparent !important;
border: unset !important;
outline: unset !important;
width: 45px;
}
.binding button svg {
width: 100%;
height: 100%;
}
.binding-slick .slick-list {
padding-left: calc( 100% - 1390px);
}
.binding-slick-box {
background: white;
padding: 40px 40px 40px 60px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 60px;
align-items: flex-start;
border-radius: var(--box-radius);
margin-left: 30px;
direction: ltr;
}
.binding-slick-box-img {
aspect-ratio: 782 / 648;
overflow: hidden;
border-radius: 20px;
}
.binding-slick-box-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.binding-slick-box-text h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 500;
margin: 0;
color: var(--main-color);
margin-bottom: 20px;
}
.binding-slick-box-text h6 {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
margin-bottom: 5px;
line-height: 1.6em;
}
.binding-slick-box-text p {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #000000;
}
.binding-slick-box-text span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: var(--main-color);
}
.binding-slick-box-text-list>div {
display: grid;
grid-template-columns: 181px 1fr;
align-items: center;
grid-gap: 10%;
border-bottom: 2px solid #E8E8E8;
grid-gap: 60px;
padding: 2px 0;
}
.binding-slick-box-text-list {
margin-top: 20px;
}
.binding-slick-relative {
position: relative;
z-index: 3;
}
.binding-control-mobile {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
display: none;
justify-content: space-between;
padding: 0 15px;
}
.snake {
background: white;
padding: 0 var(--pad-space);
width: 100%;
overflow: hidden;
}
.snake>div {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.snake h4 {
font-family: var(--en-font);
font-size: var(--xd-65px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.1em;
}
.snake h5 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.snake-head>h5 {
margin: 5px 0 50px 0;
}
.snake-body-content>h5 {
margin-bottom: 20px;
}
.snake h6 {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
margin-bottom: 5px;
line-height: 1.6em;
}
.snake p {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #000000;
}
.snake span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: var(--main-color);
}
.snake-body>div {
display: grid;
grid-template-columns: 1.5fr 1fr;
padding: 40px 60px 40px 40px;
grid-gap: 60px;
align-items: center;
border-radius: var(--box-radius) 0 0 var(--box-radius);
background: #E8E8E8;
position: relative;
}
.snake-body>div::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
background: #E8E8E8;
transform: translateX(99%);
z-index: 1;
}
.snake-body-img {
aspect-ratio: 782 / 648;
overflow: hidden;
border-radius: 20px;
}
.snake-body-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.snake-body-content {
position: relative;
z-index: 2;
}
.snake-body-content .binding-slick-box-text-list>div {
border-bottom: 2px solid white;
padding: 7px 0;
}
.snake-body-content .binding-slick-box-text-list {
margin-top: 50px;
}
.supplies {
padding: 0 var(--pad-space);
background: white;
}
.supplies>div {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.supplies h5 {
font-family: var(--en-font);
font-size: var(--xd-65px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.1em;
text-align: center;
}
.supplies h6 {
font-family: var(--ch-font);
font-size: var(--xd-33px);
font-weight: 600;
margin: 0;
color: var(--main-color);
}
.supplies>div>h6 {
text-align: center;
margin: 10px 0 55px 0;
}
.supplies p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
}
.supplies-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.supplies-list-box {
display: flex;
background: #E8E8E8;
padding: var(--pad-space);
border-radius: var(--box-radius);
gap: 80px;
min-height:353px;
}
.supplies-list-box-content {
width: 350px;
}
.supplies-list-box-img {
width: 100%;
flex: 1;
overflow: hidden;
border-radius: var(--box-radius);
}
.supplies-list-box-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.supplies-list-box-content>h6 {
margin-bottom: 20px;
}
.product-contact {
background-image: linear-gradient(rgb(0, 0, 0, 0.35), rgb(0, 0, 0, 0.35)), url(//www.tahhsin.com.tw/wp-content/uploads/2024/07/office-desk-still-life.png);
}
@media only screen and ( max-width: 1600px) {
.pouch-laminator>div {
max-width: calc(100% - var(--pad-space) - var(--pad-space));
}
.pouch-laminator>div::before {
width: var(--pad-space);
}
.pouch-laminator-slick .slick-list {
padding-right: var(--pad-space);
}
.pouch-laminator-head {
width: 100%;
max-width: unset;
padding-right: var(--pad-space);
}
.binding>div {
max-width: calc(100% - var(--pad-space) - var(--pad-space));
}
.binding>div::before {
width: var(--pad-space);
}
.binding-slick .slick-list {
padding-left: var(--pad-space);
}
.binding-head {
width: 100%;
max-width: unset;
padding-left: calc( var(--pad-space) * 2);
}
}
@media only screen and ( max-width: 1500px) {
.snake-body>div {
padding-right: 0;
grid-gap: var(--pad-space);
}
}
@media only screen and ( max-width: 1250px) {
.banner-nav-anchor.five-items {
grid-template-columns: auto auto auto;
gap: 20px 6vw;
}
.snake-body-content .binding-slick-box-text-list {
margin-top: 20px;
}
.snake-body-img {
height: 100%;
width: 100%;
}
.snake-body>div {
padding: var(--pad-space) 0 var(--pad-space) var(--pad-space);
grid-template-columns: 1.2fr 1fr;
}
}
@media only screen and ( max-width: 1200px) {
.laminator-preamble-box>div {
padding: 8%;
}
.range h6 {
font-size: 90px;
}
.pouch-laminator-slick-box {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
grid-gap: flex-start;
}
.pouch-laminator-slick .slick-track{
display: flex !important;
}
.pouch-laminator-slick .slick-slide{
height: inherit;
}
.pouch-laminator-slick-box {
padding: 40px;
grid-gap: 25px;
border-radius: 20px;
height: 100%;
}
.pouch-laminator-slick-box-img {
aspect-ratio: 644 / 500;
}
.pouch-laminator-slick .slick-list {
padding-right: 15vw;
}
.binding-slick-box {
grid-template-columns: 1fr;
padding: 40px;
grid-gap: 25px;
border-radius: 20px;
}
.binding-slick-box-img {
aspect-ratio: 644 / 500;
grid-row: 1;
}
.binding-slick .slick-list {
padding-left: 15vw;
}
.snake-body>div {
border-radius: 20px 0 0 20px;
}
}
@media only screen and ( max-width: 1024px) {
.laminator-preamble-box {
grid-gap: 15px;
}
.range {
padding: var(--section-gap) var(--pad-space);
}
.range h4 {
margin-bottom: var(--section-gap);
}
.range-box {
flex-direction: column;
}
.range-box-1 {
display: grid;
grid-template-columns: 1fr 1.7fr;
}
.range-box-1-img {
aspect-ratio: 473 / 250;
}
.range-box-1-img h6 {
left: unset;
right: -5px;
}
.range-box-1-img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-60deg, #ffffff 10px, rgba(255, 255, 255, 0) 50%);
z-index: 1;
}
.pouch-laminator>div {
gap: 0px;
}
.pouch-laminator-head>h6 {
font-size: clamp(30px, 6vw, var(--xd-65px));
}
.binding>div {
gap: 0px;
}
.binding-head>h6 {
font-size: clamp(30px, 6vw, var(--xd-65px));
}
.binding>div::before {
height: calc(100% - 47px);
}
.binding>div::after {
height: calc(100% - 47px);
}
.binding-head {
padding-left: var(--pad-space);
}
.snake-body>div {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.snake-body>div::before {
display: none;
}
.snake-body>div {
padding: var(--pad-space);
border-radius: var(--box-radius);
padding-bottom: calc( var(--pad-space) + 5px );
}
.snake-head>h5 {
margin: 0px 0 35px 0;
}
.snake-body-content>h5 {
margin-bottom: 15px;
}
.snake h4 {
font-size: clamp(30px, 6vw, var(--xd-65px));
}
.supplies-list-box {
gap: var(--pad-space);
}
.supplies>div>h6 {
margin: 10px 0 30px 0;
}
}
@media only screen and ( max-width: 900px) {
.laminator-preamble-box {
grid-template-columns: 1fr;
}
.laminator-preamble-box>div {
flex-direction: unset;
padding: 30px;
gap: 30px;
}
.laminator-preamble-box-text>h6 {
margin-bottom: 5px;
margin-top: 0px;
text-align: left;
}
.laminator-preamble-box-text>p {
line-height: 1.5em;
text-align: left;
}
.laminator-preamble-box-text {
width: calc( 100% - 80px);
}
.pouch-laminator-head {
grid-template-columns: 1fr;
}
.pouch-laminator>div::before {
display: none;
}
.pouch-laminator>div {
margin: 0 auto;
padding: 40px 0 40px var(--pad-space);
border-radius: var(--box-radius);
}
.pouch-laminator h6 {
line-height: 1.1em;
}
.pouch-laminator-slick-box-text h6 {
line-height: 1.6em;
}
.pouch-laminator h5 {
margin-top: 0px;
margin-bottom: 10px;
}
.pouch-laminator-control {
margin-bottom: 10px;
}
.pouch-laminator>div {
gap: 20px;
padding: 0;
background: transparent;
max-width: unset;
}
.pouch-laminator-slick-box-text-list>div {
border-bottom: 2px solid #ffffff;
}
.pouch-laminator-head, .pouch-laminator-control {
padding: 0 var(--pad-space);
}
.pouch-laminator-slick-box {
background: #E8E8E8;
}
.pouch-laminator-slick .slick-list {
padding-right: unset;
padding: 0 var(--pad-space);
}
.pouch-laminator-control {
display: none;
}
.pouch-laminator-slick-box {
margin: 0 10px;
}
.pouch-laminator-control-mobile {
display: flex;
}
.pouch-laminator-head>div {
margin-bottom: 0px;
margin-top: 0px;
}
.binding-head {
grid-template-columns: 1fr;
}
.binding>div::before {
display: none;
}
.binding>div {
margin: 0 auto;
padding: 40px 0 40px var(--pad-space);
border-radius: var(--box-radius);
gap: 20px;
padding: 0;
background: transparent;
max-width: unset;
}
.binding h6 {
line-height: 1.1em;
}
.binding-slick-box-text h6 {
line-height: 1.6em;
}
.binding h5 {
margin-top: 0px;
margin-bottom: 10px;
}
.binding-head-control {
margin-bottom: 10px;
}
.binding-slick-box-text-list>div {
border-bottom: 2px solid #ffffff;
}
.binding-head, .binding-head-control {
padding: 0 var(--pad-space);
}
.binding-slick-box {
background: #E8E8E8;
}
.binding-slick .slick-list {
padding-right: unset;
padding: 0 var(--pad-space);
}
.binding-head-control {
display: none;
}
.binding-slick-box {
margin: 0 10px;
}
.binding-control-mobile {
display: flex;
}
.binding>div::after {
display: none;
}
.binding-head>div {
margin-bottom: 0px;
margin-top: 0px;
}
.snake-body>div {
border-radius: 20px;
}
.snake-body-content .binding-slick-box-text-list>div {
padding: 5px 0;
}
}
@media only screen and ( max-width: 850px) {
.banner-nav-anchor.five-items {
grid-template-columns: auto auto;
}
}
@media only screen and ( max-width: 767px) {
.supplies-list-box {
min-height:unset;
}
.supplies-list-box-content{
width:100%;
}
.range-box-1, .range-box-2>div {
grid-template-columns: 1fr;
gap: 15px;
}
.range h5 {
margin-bottom: 10px;
}
.pouch-laminator-slick-box {
grid-gap: 20px;
}
.pouch-laminator-head>div {
margin-top: 0px;
margin-bottom: 10px;
}
.binding-slick-box-img {
grid-gap: 20px;
}
.binding-head>div {
margin-top: 0px;
margin-bottom: 10px;
}
.supplies-list-box {
flex-direction: column-reverse;
gap: 25px;
align-items: center;
}
.supplies-list-box-img {
border-radius: 20px;
}
.supplies-list-box-content>h6 {
text-align: center;
}
.supplies-list-box-content {
max-width: unset;
display: flex;
flex-direction: column;
align-items: center;
}
}
@media only screen and ( max-width: 600px) {
.laminator-preamble-box-svg {
width: 60px;
height: 60px;
}
.laminator-preamble-box>div {
padding: 15px 20px;
gap: 20px;
}
.laminator-preamble-box-text {
width: calc( 100% - 60px);
}
.laminator-preamble-box>div {
border-radius: 15px;
}
.laminator-preamble>div>p {
margin: 20px auto 25px auto;
}
.range-box-1, .range-box-2>div {
padding: var(--pad-space);
}
.range h4 {
margin-bottom: 30px;
}
.range-box {
gap: var(--pad-space);
}
.range h6 {
font-size: 70px;
}
.range-box-1-img h6, .range-box-2-img h6 {
right: -2px;
}
.pouch-laminator h5 {
margin-bottom: 10px;
}
.pouch-laminator p {
line-height: 1.8em;
}
.pouch-laminator-control {
margin-bottom: 0px;
gap: 15px;
}
.pouch-laminator button {
width: 40px;
}
.pouch-laminator-slick-box-img {
border-radius: 10px;
}
.pouch-laminator-slick-box {
padding: var(--pad-space);
margin-right: 15px;
padding-bottom: calc( var(--pad-space) + 5px );
}
.pouch-laminator-slick-box-text-list>div {
grid-gap: 0px;
align-items: flex-start;
grid-template-columns: 1fr;
}
.pouch-laminator-slick-box {
margin-right: 0px;
margin: 0 5px;
}
.pouch-laminator-slick-box {
grid-gap: 7px;
}
.pouch-laminator-slick-box-text-list {
margin-bottom: 0px;
margin-top: 10px;
}
.pouch-laminator-slick-box-text span {
line-height: 1.8em;
}
.pouch-laminator-control-mobile {
padding: 0 7px;
}
.pouch-laminator button {
width: 35px;
}
.pouch-laminator-head>div {
margin-bottom: 0px;
}
.binding h5 {
margin-bottom: 10px;
}
.binding p {
line-height: 1.8em;
}
.binding-head-control {
margin-bottom: 0px;
gap: 15px;
}
.binding button {
width: 40px;
}
.binding-slick-box-img {
border-radius: 10px;
}
.binding-slick-box {
padding: var(--pad-space);
margin: 0 5px;
grid-gap: 7px;
padding-bottom: calc( var(--pad-space) + 5px );
}
.binding-slick-box-text-list>div {
grid-gap: 0px;
align-items: flex-start;
grid-template-columns: 1fr;
}
.binding-slick-box-text-list {
margin-bottom: 0px;
margin-top: 10px;
}
.binding-slick-box-text span {
line-height: 1.8em;
}
.binding-control-mobile {
padding: 0 7px;
}
.binding button {
width: 35px;
}
.binding-head>div {
margin-bottom: 0px;
}
.snake-head>h5 {
margin: 5px 0 30px 0;
}
.supplies p {
line-height: 1.6em;
}
.supplies-list-box-content>h6 {
margin-bottom: 10px;
}
.supplies-list-box {
gap: 12px;
}
.supplies>div>h6 {
margin: 5px 0 20px 0;
}
.supplies-list .supplies-list-box:last-child p{
text-align:center;
}
}
@media only screen and ( max-width: 420px) {
.banner-nav-anchor.five-items, .banner-nav-anchor.six-items{
grid-template-columns: auto;
}
.banner-img-box-text {
top: calc(50% - 50px);
}
}