/*956px*/
@media screen and (max-width:956px) {

}

/*801px*/
@media screen and (min-width:801px) {
  select {
    width:4.25em;
  }

  button {
    width:82%;
  }

 .listnav {
    position:absolute;
    left: 50%;
    transform: translate(-40%, 0);
    margin: 0;
    padding: 1em 0;
    z-index: 37;
  }

  .listnav ul.first{
    white-space:nowrap;
    list-style-type: none;
    margin: 0;
   /* padding: 0;*/
    overflow: hidden;
  }

/*  .listnav ul{
    white-space:nowrap;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding:1em 2.75em
  }*/

  .listnav > ul > li{
    display:inline-block;
  }

  .listnav li a, .dropbtn2 {
    display: inline-block;
    padding: 0.375em 0.5em;
    text-decoration: none;
    font-size:1.0625em;
  }

  .listnav .active-item .dropdown-content2 a {
    border-top: 0.0625em solid #FFFFFF;
    border-bottom: none;
    color: #000000;
  }

/*  .listnav .dropdown-content2 li a {
    transition: all 1.5s linear;
    .listnav li:hover & {
      transform: translateX(200px);
    }
  }*/

  .listnav .active-item .dropdown-content2 a:hover {
    color:red;
    background-color: white;
  }

/*.listnav ul li.active-item a {
    background:none; color:#ff0000;
  border-bottom:0.1875em solid #ff0000;
}*/

  .listnav .active-item .dropdown-content2 .active-item{
    background: none;
    color: #ff0000;
    border-bottom: 0.1875em solid #ff0000;
  }

  .listnav li a:hover, .dropdown2:hover .dropbtn2 {
    color: red;
  }

  .dropdown2 {
    display: inline-block;
    
  }

  .dropdown-content2 {
    display: none;
    transform: translate(-20%, 0);
    position: absolute;
    background-color: #FFF;
    /*min-width: 12.5em;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding:1em 2em;
    list-style: none;
  }

  .dropdown-content2 li {
    line-height: 1.125em;

  }

  .dropdown-content2 a {
    /*padding-left:50px;*/
    text-decoration: none;
    display: block;  
  }

  .dropdown2:hover .dropdown-content2 {
    display: block;
  }

  .description {font-size:90%;}
  #captcha_code {height:30px; width:auto;}
  .centers {width:60%;margin:auto;}
  .modal {padding-top: 6.25em;}

  #hktrust {
    width:9.375em;
    padding-top:5.625em;
  }
}


/*720px*/
@media screen and (max-width:45em) {
  .pricesmall {}
  h5.can {}
  .modal-content {width:90%; padding:0;}
  .form-inline a {
    height: 3em;
  }  
}

/*800px*/
@media screen and (max-width:800px) {
  select {
    width:4.25em;
  }
  button {
    width:94%;
  }
  .tablebody .tablecell {
    height: 11em;
  }

  .tablebody .tablecell .detail {
    height: 7em;
  } 
  .size-960 {max-width:800px;}
  .size-1140 {max-width:940px;}

  nav {
    position:absolute;
    cursor:pointer;
    top:0px;
  }

  .listnav {
    position:absolute;
    left: 0%;
    z-index: 44;
  }

  .listnav .closebtn {
    /*position:absolute;*/
    float:right;
    padding: 1em 1.5em;
    right:0;
    top:0;
    display:block;
    color: #000;
  }
  .box .icon {
    display: inline-block;
    padding: 1em 1em;
    margin:0;
    cursor:pointer;
  }    
  .listnav ul{
    height: 100%;
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    margin:0;
    padding:0;
    background-color:#FFF;
    overflow-x: hidden;
    transition: 0.5s;
    display:block;
  }
  .listnav > ul > li {
    text-decoration: none;
    padding:0 1em;
    display: inline-block;
    width:100%;
    background:#FFF;
    border-bottom:3px solid #fbfbfb;
    color:#000;
  }
  .listnav > ul > li > a {
    padding:0.5em 0.5em;
    display: inline-block;
    text-decoration: none;
  }
  
  .listnav li a:hover, .dropdown2:hover {
    color:red;

  }

  .listnav .dropdown-content2 { 
    left:1em;
    position:relative;
    width:100%;
  }

  .listnav .dropdown-content2 li { 
    padding: 0.5em;
  }

  .listnav .dropdown-content2 a { 
    background: none;
    color: #000000;
    padding:0.5em 0.5em;
  }

  .listnav .active-item .dropdown-content2 a {
    border-bottom: none;
    color: #000000;
  }
  .listnav .active-item .dropdown-content2 .active-item{
  }
  .listnav .active-item .dropdown-content2 .active-item a{
    background:#FFF;
    color: #ff0000;
    border-bottom: 0.1875em solid #ff0000;
  }


  .dropdown2 {
    float:left;
  }
/*  .dropdown2 ul .dropdown-content2 >a  {
    padding: 0.5em 0 0.5em 2.5em;
  }*/
  .nav-text {
    color:#333333;
    display:block;
    line-height:3em;
    margin-right:0.625em;
    max-width:100%;
    text-align:left;
    vertical-align:middle;
    padding:0em 0em 0em 0em;
  }
  .nav-text:after {
    content:"\f008";
    font-family:"mfg";
    margin-left:0.5em;
    text-align:right;
  }
  .count-number {margin-right:-1.25em;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-4a {width:21.8%;}
  .l-4b {width:28%; padding-right:16px;}
  .l-4c {width:23.191489%;}
  .l-4d {width:31.5%;}
  .l-4e {width:18%;}
  .l-4f {width:17.9%;}
  .l-4g {width:26.17%;} 
  .l-4h {width:33%; padding-right:16px;} 
  .l-5 {width:41.6666%;}
  .l-5b {width:45%;}
  .l-6 {width:50%;padding:0.8em;}
  .l-6a {width:55%;}
  .l-6b {width:50%;}
  .l-7 {width:58.3333%;}
  .l-7a {width:55.3%;}
  .l-7b {width:60%;}
  .l-7c {width:58%;}
  .l-7d {width:67%;} 
  .l-8 {width:66.6666%;}
  .l-8a {width:82.1%;}
  .l-8b {width:70%;}
  .l-8c {width:72%;}
  .l-9 {width:75%;}
  .l-9a {width:78.2%;}
  .l-9b {width:82.1%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:90%;}
  .l-12 {width:100%;}

  .s-0 {width:0;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-4b {width:31.5%;}
  .s-5 {width:41.6666%;}
  .s-5b {width:46%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:90%;}
  .s-12 {width:100%;float:none;padding:0;}
  .s-12d {width:100%;float:none;}
  .centers {width:70%;margin:auto;}

  #hktrust {
    width:9.375em;
    padding-top:0;
  }
}

/*522px*/
@media only screen and (max-width:32.625em) { 
  #captcha_code {height:30px; width:auto;}
  .pricesitem {
    padding:0.1875em;
    margin:0.1875em;
    width:48%;
  }
  .pricesitem .item_info{
    height:5.5em;
  }
  .pricesitem h2 {font-size: 118%;}
  .pricesitem h3 {font-size: 92%;}
  .pricesitem h4 {font-size: 83%;}
  .pricesitem h5.can {font-size: 90%; line-height: 130%}

  .ss-12 {width:100%;}
  .ss-8 {width:66.6666%;}
  #menu{padding:0;}
  a.button_history {
    line-height:30px;
    width: 10px;
    height: 10px;
    padding:0.5em 0.1em;
  }
}

@media only screen and (max-width:320px) { 
  h4, a, p {}
  select {
    width:4em;
  }  
  .tablebody .tablecell {
    height: 11.5em;
  }
  .tablebody .tablecell .detail{
    height: 8em;
  }
  button[type=reset], button[type=submit], button[type=button]  {
    letter-spacing: 0.0625em;
    padding:0.5em 1.125em 0.75em 1.5em;
    border:0 none;
    cursor:pointer;
  }
  button {
    width:100%;
  }

  h4.can {
    line-height: 1.5em;
    font-size: 86%
  }
}