html,body{
  overscroll-behavior-y: contain;
 }
  html,body,h1,h2,h3,h4,h5,p,ul,li,nav,header,main, footer,section,form,input,label,button, footer{
      margin: 0;
      padding: 0;
      border: 0;   
      clear: both;           
  }
  html{
      font-size: 16px;
      
  }
  body{
      font-size: 1rem; /* fontsize 1rem = 16px */
      color:#101010;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6rem;
      background: #ededed;
      }
  a{
      color:#000;
  }
  a:hover{
      color:red
  }

  nav ul{
      list-style-type: none;
      padding: 0;
      margin: 0;
      text-align: center;
  }
  nav ul li:last-child{
      margin:0
  }

  nav ul li{
      display: inline-block;
      margin-right:15px ;
      color:#000;
  }
  nav ul li a{
   color:#000;
   padding: 1rem 2rem;
   display: block;

  }
  nav ul li a:hover {
      background: #666;
      color:#000;
     
  }
  header {
          background: #e1e1e1;
          padding: 1rem 2rem;
  }
  section, footer{
      padding: 1.6rem;
  }
  footer {
       background: #e7e7e7;
       clear: both;
  }
  section {
      scroll-snap-align: start;
  }
  section#A>div {
        width: 45.5%;
        float: left;
  }
  div.boxed:nth-of-type(odd){
      margin: 0 0.5% 0 4%;
  }
  div.boxed:nth-of-type(even){
      margin: 0 4% 0 0.5%;
  }
  section#B>div {
        width: 45.5%;
        float: left;
  }
  section#C>div {
        width: 45.5%;
        float: left;
  }
  main {
      width: 960px;
      margin: 0 auto;
  }
  .tryonWindow {
      position: fixed;               
      background: #fff;
      bottom: 0;
      top: 0;
      overflow: hidden;
      box-sizing: border-box;
  }
  .textA{
    position: fixed;
    top:25px;
    font-size:11px;
  }
  button.closewindow {
  position: absolute;
  right: 0;
  padding: 1rem;
  }
  button.btn.showPopup {
      padding: 1rem;
      background: #e3aaaa;
  }
  .info_box {
      position: fixed;    
      background: #ebebeb;
      padding: 2rem;
      font-size: 12px;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
  }
  canvas {
      background: #999999;
  }
  /* @media only screen and (max-width : 350px){
      main{
          width: 320px;
      }
  }
  @media only screen and (max-width:980px){
      main{
          width: 100%;
      }
  } */