.wrap{margin:0 auto;max-width:1240PX;width:100%}.esg-container .magazine-wrap img{height:375px;}.esg-container{display:grid;gap:36px 36px;gap:2.25rem 2.25rem;grid-template-columns:repeat(4,1fr);margin-top:98px;margin-top:6.125rem;place-content:center;place-items:center;align-items: start;}.esg-container .magazine-wrap{display:flex;flex-direction:column;flex-wrap:wrap}.esg-container .magazine-wrap figure{-webkit-box-reflect:below -2px linear-gradient(transparent 95%,#fff);-webkit-box-reflect:below -0.125rem linear-gradient(transparent 95%,#fff);background-size:cover;border-bottom-width:40px;border-bottom-width:2.5rem;-o-border-image:linear-gradient(45deg,red,#ff0,green,blue) 1;border-image:linear-gradient(45deg,red,#ff0,green,blue) 1;margin-bottom:20px;margin-bottom:1.25rem;overflow:hidden;z-index:1}.esg-container .magazine-wrap .magazine-content{display:flex;flex-direction:column}.esg-container .magazine-wrap .magazine-content .download-info :first-child{color:#7e7e7e;font-size:14px;font-size:0.875rem;font-style:normal;height:26px;height:1.625rem;line-height:26px;line-height:1.625rem;padding-top:4px;padding-top:0.25rem;text-align:left}.esg-container .magazine-wrap .magazine-content .download-info :last-child{color:#00467f;display:inline-block;font-size:14px;font-size:0.875rem;font-style:normal;font-weight:400;height:26px;height:1.625rem;line-height:26px;line-height:1.625rem;text-align:right;text-transform:none;width:55px;width:3.4375rem}.esg-container .magazine-wrap .magazine-content .magazine-info{align-items:center;display:flex;justify-content:space-between}.esg-container .magazine-wrap .magazine-content .magazine-info h2{color:#036;font-size:22px;font-size:1.175rem;font-style:normal;font-weight:500;line-height:27px;line-height:1.6875rem;text-align:left;text-transform:none}.esg-container .magazine-wrap .magazine-content .download-btn img{height:15px;height:0.9375rem;width:15px;width:0.9375rem}@media screen and (max-width:750px){.esg-container{gap:30px 20px;gap:1.875rem 1.25rem;grid-template-columns:repeat(2,1fr);display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:40px;margin-top:2.5rem;padding:0 20px;padding:0 1.25rem}.esg-container .magazine-wrap{margin-bottom:10px;margin-bottom:0.625rem;width:48%}.esg-container2{margin-top:50px !important}.esg-container .magazine-wrap figure{padding-top:150%;position:relative;padding-top:150%}.esg-container .magazine-wrap figure>img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}}

input[type=checkbox], input[type=radio]{
   width: 15px;
    height: 15px;
    border: none !important;
    outline: none;
    background: none !important;
    border-radius: 50%;
}

#formData{position:fixed;top:55%;left:50%;width:100rem;transform:translate(-50%,-50%);z-index:2;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.3);box-sizing:border-box;padding:45px 9rem 70px;text-align:center;max-width:95%}
#formData form{max-height:70vh;overflow-y:auto;}
#formData form::-webkit-scrollbar{display:none}
#formData .close{position:absolute;top:20px;right:20px;z-index:2;cursor:pointer;}
#formData .input{position:relative; }
#formData .field{display:flex;align-items: center;margin-bottom:25px;}
#formData .field .name{flex:29rem 0 0;text-align:right;position:relative;font-size:1.3rem;color:#333333;padding-right:10px}
#formData .field .name span{ color:#eb3030;font-size:20px;}
#formData input[type="text"]{width:400px;border-radius:4px}
#formData .input textarea{width:52rem;border-radius:4px}
#formData .input .layui-input{height:auto;line-height:50px}
#formData .radiobox{padding:20px 0}
#formData .radiobox .input{display:flex;flex-wrap;gap:1rem;padding-left:15px;flex-wrap:wrap;}
#formData .sentCaptcha{position:absolute;color:#fff;background:#00628f;cursor:pointer;top:50%;right:5px;padding:0 10px;line-height:36px;transform:translateY(-50%)}
#formData .layui-form-radio>*{font-size:1.3rem}
#formData .submitbox input{background:linear-gradient(to right, #00c2bd, #005c8c);width:260px;line-height:60px;text-align:center;color:#fff;border-radius:10px;margin-bottom:15px;font-size:1.3rem}
#formData .confirm{font-size:1.1rem;}
#formData .layui-form-radio{margin-top:0}

@media screen and (max-width: 1024px) {
#formData{padding:30px 30px 50px}
#formData .radiobox{padding:10px 0}
#formData .field{margin-bottom:15px}
#formData .layui-form-radio>*{font-size:14px}
#formData .field .name{font-size:16px;flex:150px 0 0}
#formData .submitbox input{width:120px;line-height:40px}
}

@media screen and (max-width:750px) {
#formData .field .name{text-align:left;margin-bottom:10px}
#formData .field{display:block}
#formData input[type="text"],#formData .input textarea{width:100%}
#formData .input .layui-input{line-height:30px}
#formData .sentCaptcha{line-height:24px}
#formData .radiobox .input{padding-left:0;gap:0 5px}

}