/* 源自原主题内联样式块 #6，已本地化字体与图片地址 */


    
    
    
    
@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
       url("/assets/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
}
@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("/assets/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}
@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto/roboto_n5.250d51708d76acbac296b0e21ede8f81de4e37aa.woff2") format("woff2"),
       url("/assets/fonts/roboto/roboto_n5.535e8c56f4cbbdea416167af50ab0ff1360a3949.woff") format("woff");
}
@font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/roboto/roboto_n6.3d305d5382545b48404c304160aadee38c90ef9d.woff2") format("woff2"),
       url("/assets/fonts/roboto/roboto_n6.bb37be020157f87e181e5489d5e9137ad60c47a2.woff") format("woff");
}
@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/assets/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"),
       url("/assets/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff");
}
:root {
    
      --duration-short: .1s;
      --duration-default: .2s;
      --duration-long: .5s;

      --g-font-1: Arial,sans-serif;
      --g-font-2: Roboto,sans-serif;
      --g-font-3: Blackseas;
      --g-font-size: 15px;
      
      --g-main: #444444;
      --g-main-2: #252525;
      --g-color-heading: #202025;
      --g-color-heading-rgb:32, 32, 37;
      --g-cta-button: #252525;
      --g-cta-text:#ffffff;
      --g-color-carousel:#202025;
      --g-container: 1400px;
      --g-gutter: 30px;
      --g-hgutter: 15px;
      
      

      --g-alert: #202025;
      --g-alert-bg: #d5f9da;
      --g-alert-bd: #c3f7ca;
      --g-font-weight-body:400;
      --g-body-lineheight :1.8;
      --g-font-color-subtop:#7e7e84;
      --g-font-size-subtop:15px;
      --g-font-weight-subtop:500;
      --g-font-spacing-subtop:0.1em;

      /*size image*/
      --g-object :cover;

      --g-radius-label : 3px;
      --g-pos-top-label :16px;
      --g-pos-left-label :16px;
      --g-font-topbar :;
      --g-bg-sale :#d73f0f;
      --g-cl-sale :#ffffff;

      --g-label-size: 13px;
      --g-label-space : 0.2em;
      
      --g-font-family_btn :Roboto,sans-serif;
      --g-font-weight-btn : 500;
      --g-font-size-btn : 14px;
      --g-font-spacing-btn : 0.1em;
      --g-font-radius-btn : 4px;
      --g-font-border-bottom-btn : 1px;
      --g-text-transform-btn : uppercase;
      --g-padding-ver-btn : 17px;
      --g-padding-hoz-btn : 32px;
      --g-height-border-btnline: 1px;

      --g-input-bg:;
      --g-input-border:#dee2e6;
      --g-input-height:48px;
      --g-input-radius:4px;

      --g-h1-font-size: 36px;
      --g-h1-font-size-mobile: 30px;
      --g-h1-font-weight: 500;
      --g-h1-font-spacing: 0em;
      --g-h1-font-lineheight: 1.3;
      --g-h1-font-transform: capitalize;

      --g-h2-font-size: 32px;
      --g-h2-font-size-mobile: 26px;
      --g-h2-font-weight: 500;
      --g-h2-font-spacing: 0em;
      --g-h2-font-lineheight: 1.4;
      --g-h2-font-transform: capitalize;

      --g-h3-font-size: 28px;
      --g-h3-font-size-mobile: 22px;
      --g-h3-font-weight: 500;
      --g-h3-font-spacing: 0em;
      --g-h3-font-lineheight: 1.4;
      --g-h3-font-transform: capitalize;

      --g-h4-font-size: 24px;
      --g-h4-font-size-mobile: 18px;
      --g-h4-font-weight: 500;
      --g-h4-font-spacing: 0em;
      --g-h4-font-lineheight: 1.4;
      --g-h4-font-transform: capitalize;

      --g-h5-font-size: 20px;
      --g-h5-font-size-mobile: 16px;
      --g-h5-font-weight: 500;
      --g-h5-font-spacing: 0em;
      --g-h5-font-lineheight: 1.4;
      --g-h5-font-transform: capitalize;

      --g-h6-font-size: 16px;
      --g-h6-font-size_mobile: 14px;
      --g-h6-font-weight: 500;
      --g-h6-font-spacing: 0em;
      --g-h6-font-lineheight: 1.3;
      --g-h6-font-transform: capitalize;


      --g-slide-font-size: 46px;
      --g-slide-font-size-mobile: 32px;
      --g-slide-font-weight: 500;
      --g-slide-font-spacing: 0em;
      --g-slide-font-lineheight: 1.3;
      --g-slide-font-transform: capitalize;

      --g-p-font_family : var(--g-font-1);
      --g-p-font-size: 15px;
      --g-p-font-weight: 400;
      --g-p-font-spacing: 0em;
      --g-p-font-lineheight: 1.3;
      --g-p-font-transform: none;

      --color-foreground:32, 32, 37;

     /* General colors*/
      --color-body-text: #202025;
      --color-body-text-rgb: 32, 32, 37;
      --color-original-rgb: 32, 32, 37;
      --color-body: #ffffff ;
      --color-content:#ffffff;
      --color-background: 255, 255, 255;
      --color-accent: #444444;
      --color-item-product : #f7f7f7;

     /*form*/
     --color-form: #f4f4f4;
      --color-form-text: #333;
      --color-disabled: #d5d5d5;
      --color-disabled-border: #cecece;
      --color-disabled-text: rgba(0, 0, 0, 0.4);
      --color-error: #ec523e;
      --color-error-bg: #ec523e;
      --color-drawer-text: #000000;
      --height-announbar: 0px;
      --color-border:233, 233, 233;

      --anim-transition: cubic-bezier(.785,.135,.15,.86);

      /*Height Image*/
      --g-img-portrait:130%;
      --g-img-square:100%;
      --g-img-wide:60%;
      --g-img-landscape:75%;

      /**/
      --g-btn-outline-color: #252525;
      --g-btn-hover-color: #ffffff;--height-announcementbar:0px;
      
      /*Tooltip*/ 
      --g-bg-tooltip:  #202025;
      --g-color-tooltip: white;
      /**/
      --g-border-product:  1px solid rgba(var(--color-body-text-rgb),0.1)
      
    }
    @media all and (max-width: 749px) {
        :root{
          --g-gutter: 20px;
          --g-hgutter: 10px;
        }  
      
      }
