﻿@media (min-width:1025px){body{overflow: initial;}
.pro-main .common-main{display:flex;max-width:1600px;padding:0 70px;margin-left:auto;margin-right:auto;align-items: flex-start;padding-top:40px;}
.pro-main .common-main .page-nav{background: none;width:290px;position: sticky;top:90px;padding:10px 0 0 0;}
.pro-main .common-main .page-nav .l-wrap{padding:0;}
.pro-main .common-main .page-nav .pagenav-catelist>li{height:auto;display:block;border:none;box-shadow: none;}
.pro-main .common-main .page-nav .pagenav-catelist>li ul{display:block;opacity:1;transform:initial;position:relative;top:0;left:0;}
.pro-main .common-main .page-nav .pagenav-catelist>li ul li{height:auto;padding-right:0;}
.pro-main .common-main .page-nav .pagenav-catelist>li a{height:auto;}
.pro-main .common-main .page-nav .pagenav-catelist>li>a{background: var(--color);color:#fff;font-weight: var(--fontbold7);}
.pro-main .common-main .page-nav .pagenav-catelist>li{width:100%;margin-right:0;}
.pro-main .common-main .page-main{width:calc(100% - 290px);padding-top:10px;}
.pro-main .common-main .page-main>.l-wrap{padding-right:0;padding-left:40px;}
.pro-d-main .common-main{display:flex;max-width:1600px;padding:0 70px;margin-left:auto;margin-right:auto;align-items: flex-start;padding-top:40px;}
.pro-d-main .common-main .page-nav{background: none;width:290px;position: sticky;top:90px;padding:10px 0 0 0;}
.pro-d-main .common-main .page-nav .l-wrap{padding:0;}
.pro-d-main .common-main .page-nav .pagenav-catelist>li{height:auto;display:block;border:none;box-shadow: none;}
.pro-d-main .common-main .page-nav .pagenav-catelist>li ul{display:block;opacity:1;transform:initial;position:relative;top:0;left:0;}
.pro-d-main .common-main .page-nav .pagenav-catelist>li ul li{height:auto;padding-right:0;}
.pro-d-main .common-main .page-nav .pagenav-catelist>li a{height:auto;}
.pro-d-main .common-main .page-nav .pagenav-catelist>li>a{background: var(--color);color:#fff;font-weight: var(--fontbold7);}
.pro-d-main .common-main .page-nav .pagenav-catelist>li{width:100%;margin-right:0;}
.pro-d-main .common-main .prodetails-main{width:calc(100% - 290px);}
.pro-d-main .common-main .prodetails-main>.l-wrap{padding-right:0;padding-left:40px;}
.pro-d-main .page-main{padding-top:10px;}
.pro-d-main .preview-container{width:55%;}}