.mes-content {
    max-width: calc(100vw - 8rem) !important;
    max-width: -webkit-calc(100vw - 8rem) !important;
    max-height: calc(100vh - 8rem) !important;
    max-height: -webkit-calc(100vh - 8rem) !important;
    margin: 4rem !important;
}


/* ----------------------- */
.fs-article a span {
    width: 8rem;
    height: 6rem;
}

.fs-article a label:nth-child(1) {
    font-size: 2.5rem;
    top: 10%;
}



/* ********************** */

header {
    height: auto;
}

header>* {
    float: left;
    clear: both;
    width: 100% !important;
    position: static;
    transform: none;
    -webkit-transform: none;
}

header .logo {
    height: 10rem;
    background-size: auto 50%;
}

header .tool {
    border-top: solid .1rem #e5e5e5;
}

header .tool>* {
    float: left;
    clear: none;
}

header .tool form {
    width: calc(100% - 20rem);
    width: -webkit-calc(100% - 20rem);
    border-bottom: none;
    float: right;
}

header .tool input {
    margin-left: 0;
    background-position: 1rem center;
    padding-left: 4rem;
    border-bottom: none;
    background-size: auto 25%;
    width: 100%;
}

header .tool a>label:first-child {
    width: 5rem;
    background-size: auto 27%;
}

header .tool a:first-child :nth-child(2) {
    display: none;
}
header .tool a :nth-child(2) {
    bottom: .8em;
}


footer .s-services .content a {
    width: calc((100vw / 3) - 2rem);
    width: -webkit-calc(((100vw - 4rem) / 3) - 2rem);
    margin: 0 1rem;
}

footer .s-services .content a label {font-size: 1.4rem}


footer .s-contact .pack {
    width: calc((100% / 2) - 4rem);
    width: -webkit-calc((100% / 2) - 4rem);
    margin: 0 2rem;
}

footer .s-contact .pack:nth-child(2n+1) {
    clear: left;
}

footer .s-contact .pack:nth-child(n+3) {margin-top: 4rem}

footer .s-contact .pack>div>span,
footer .s-contact .pack>div>label,
footer .s-contact .pack>div,
footer .s-contact .pack>label {
    width: 100% !important;
    text-align: center;
    float: left;
    border: none;
}

footer .s-contact .pack .social div {
    text-align: center;
}

footer .s-contact .pack .social a {
    float: none;
    display: inline-block;
}

footer .s-contact .pack .social a {
    width: 4rem;
    height: 4rem;
}

footer .s-contact .pack>label {
    position: relative;
}

footer .s-contact .pack>label:after {
    width: 30%;
    height: .3rem;
    background: #b3b3b3;
    position: absolute;
    bottom: -.5rem;
    left: 0;
    right: 0;
    margin: auto;
}



#nav-main label {
    font-size: 1rem;
}


#banner div {
    bottom: 2rem;
}



#page-home .sd-news .fs-article a {
    width: calc(((100vw - 4rem) / 2) - 2rem);
    width: -webkit-calc(((100vw - 4rem) / 2) - 2rem);
    margin: 0 1rem;
}


#page-home .fs-product a {
    width: calc(((100vw - 4rem) / 2) - 2rem);
    width: -webkit-calc(((100vw - 4rem) / 2) - 2rem);
    margin: 0 1rem;
}


.fs-list-head .tool-sort {margin-left: 2rem}


#page-product-detail .pd-info,
#page-product-detail .pd-images {
    width: 100%;
    clear: both;
}

#page-product-detail .pd-images {
	padding-bottom: 75%;
}


#page-product-detail .pd-images label {
    width: 1rem;
    height: 1rem;
    margin-top: calc((100%*3/4) - 2rem );
    margin-top: -webkit-calc((100%*3/4) - 2rem);
}


#page-product-detail .pd-info {margin-top: 4rem}


#page-product-detail .pd-content {
	margin-bottom: 5rem;
}


#page-product-detail .pd-tabs {
    margin: 4rem 0;
}

#page-product-detail .pd-tabs>label {
    width: calc(99.99%/3);
    width: -webkit-calc(99.99%/3);
    margin: 0;
    padding: 0;
    text-align: center;
}

#page-product-detail .pd-tabs>label:first-of-type {margin-left: 0}

#page-product-detail .p-slider .frame > a {
    width: 30%
}



#popup-contact {
    width: calc(100vw - 8rem);
    width: -webkit-calc(100vw - 8rem);
}


#popup-contact {display: block}

#popup-contact .L .content,
#popup-contact .L,
#popup-contact .R {
    float: left;
    clear: both;
    width: 100%;
}

#popup-contact .R {margin-top: 4rem}

#popup-contact .L .content {
    top: 0;
    transform: none;
    -webkit-transform: none;
}

#popup-contact .logo a {
    background-size: auto 80%;
}

#popup-contact .info * {
    width: 100%;
    text-align: center;
}

#popup-contact .info h1 {position: relative; margin-bottom: 4rem}

#popup-contact .info h1:after {
    width: 20%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2rem;
    margin: auto;
}


#page-care .c-title label,
#page-detail .d-title label {
    font-size: 2rem;
}


/*
     FILE ARCHIVED ON 13:22:59 Aug 19, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:39:47 Jul 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.573
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.041
  esindex: 0.011
  cdx.remote: 4.574
  LoadShardBlock: 123.641 (3)
  PetaboxLoader3.datanode: 220.954 (5)
  PetaboxLoader3.resolve: 306.816 (2)
  load_resource: 626.803
  loaddict: 29.025
*/