body {
  margin:0px;
  background:#e9e9e9;
}

body, td {
  font-family:Arial;
  font-size:14px;
  color:#000000;
}

h1 {
  font-size:20px;
  margin:0px;
  font-weight:normal;
}

h3 {
  font-size:16px;
  margin:0px;
  font-weight:normal;
}

input, select, textarea {
  font-family:Arial;
  font-size:14px;
  color:#3f3f3f;
}

form {
  margin:0px;
}

small {
  font-size:12px;
}

a:link, a:active, a:visited {
  color:#000000;
  text-decoration:underline;
}

a:hover {
  color:#727272;
}


a.mn:link, a.mn:active, a.mn:visited {
  font-size: 16px;
  color:#000000;
  text-decoration:none;
}

a.mn2:link, a.mn2:active, a.mn2:visited {
  color:#000000;
  text-decoration:none;
}

a.mn:hover, a.mn2:hover {
  color:#727272;
}

a.yw:link, a.yw:active, a.yw:visited, .bottom a {
  color:#ffea00;
}

a.yw:hover, .bottom a:hover {
  color:#FFFFFF;
}

.prev {
  padding:4px;
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  width:120px;
  height:160px;
}

.noact {
  color:#878787;
  text-decoration:line-through;
}

.big, .title {
  font-size:18px;
}

.param {
  font-weight:bold;
}

.surcharge {
  background-color:#000000;
  font-size:10px;
  color:#FFFFFF;
}

.error_comments {
  color:#FF0000;
}

.error {
  color:#FF0000;
}

.checked {
  background:url('/images/checked.gif') no-repeat top left;
}

.logo {
  width: 511px;
  height: 126px; 
}

.td_top {
  background:url('/images/t_bg.jpg') repeat-x top left #000000;
}

.td_ptop {
  background:url('/images/pt_bg.jpg') repeat-x top left;
}

.td_cont, .td_left, .td_right {
  border:#c8c8c8 solid 1px;
  background:#FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
}

.content_table {
  border-spacing: 5px;
  border-collapse: separate;
}

.center_col {
  width: 100%;
  min-width: 580px;
}

.left_col {
  width: 200px;
}

.right_col {
  width: 200px;
}

.bottom_banners, .dop_menu, .mobile_menu_button {
  display: none;
}

.banner1, .banner2, .banner3, .banner4 {
  display: inline-block;
  width: 200px;
  height: 300px;
  overflow: hidden;
}

.banner1 img, .banner2 img, .banner3 img, .banner4 img {
  width: 100%;
  height: 100%;
}



.param1 {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
}

.param2 {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
}

.param3 {
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: top;
}

.param4 {
  display: block;
  vertical-align: top;
}


.hr {
  width:100%;
  height:1px;
  border-top:#a1a1a1 dotted 1px;
  margin: 15px 0px 15px 0px;
}

.hr2 {
  width:100%;
  height:0px;
  border-top:#d5d5d5 dotted 1px;
  margin: 5px 0px 5px 0px;
}

.div_login {
  display:inline-block;
  background:#2b2b2b;
  border:#4e4e4e solid 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:0px 7px 0px 7px;
  margin: 0px 10px 0px 0px 
}

.div_login td {
 color:#e3e3e3;
}

.bottom {
 color:#e3e3e3;
}

.login_input {
  font-size:12px;
  width:100px;
}

.im {
  font-size:20px;
}

.tel {
  font-size:18px;
  color:#616161;
}

.desc {
  color:#616161;
  font-style:italic;
}

.nav {
  text-align: center;
  font-size: 20px;
}



#cart_div {
  z-index:10;
  position:fixed;
  bottom:7px;
  right:7px;
  font-size:18px;
  background-color: #FF0000;
  color:#FFFFFF;
  padding:5px 10px 5px 10px;
  background-color: rgba(255, 0, 0, 0.6);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#cart_div a {
  color:#FFFFFF;
  text-decortion:underline;
}

.cart_clean {
  font-size:12px;
}

.cart_remove {
  font-size:12px;
  width:25px;
  height:16px;
  display:inline-block;
  background:url(/images/cart_on.png) no-repeat right;
  cursor:pointer;
}

.cart_add {
  font-size:12px;
  width:25px;
  height:16px;
  display:inline-block;
  background:url(/images/cart.png) no-repeat right;
  cursor:pointer;
}



.comment {
  margin-bottom: 20px;
}

.comment_name {
  color: #959595;
  font-size: 14px;
}

.comment_textarea, .comment_input {
  margin: 3px 0 3px 0;
  font-size:16px;
}

.comment_input {
  width: 200px;
  font-size:16px;
}

.comment_textarea {
  font-size:16px;
  width: 100%;
  height: 100px;
}


@media all and (max-width:600px) {

  .logo {
    width: 420px;
    height: auto;
  }

  .mobile_menu_button {
    display: inline-block;
    padding: 7px 30px 7px 10px;
    margin: 0 20px 0 0;
    cursor: pointer;
    background: url(/images/menu_icon.svg) no-repeat center right;
    background-size: 22px 22px;
    font-size: 18px;
  }

  .right_col, .desktop_menu, .div_login {
    display: none;
  }
  
  .td_left, .td_right {
    min-width:0;
    max-width:0;
    width:0;
    border:0;
    padding:0;
    margin:0;
  }
  
  .td_cont {
    padding: 10px;
  }
  
  .content_table {
    border-spacing: 2px;
  }

  .center_col {
    width: 100%;
    min-width: 320px;
  }
  
  .left_col {
    display: block;
    position: fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 220px;
    border-radius: 0px;
    background: #333333;
    height: 100%;
    top: 0px;
    left: -250px;
    z-index: 10000;
  }
  
  
  .dop_menu {
    display: block;
  }
  
  .scroll_menu {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 10px;
    width: 200px;
    height: 100%;
    color: #333333;
    font-size: 16px;
  }
  
  .scroll_menu::-webkit-scrollbar {
    width: 0px;
  }
  
  .title {
    color:#999999;
  }
  
  a.mn2:link, a.mn2:visited, a.mn2:active {
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
  }

  a.mn2:hover {
    color:#cccccc;
  }
  
  .hr2 {
    width:100%;
    height:1px;
    border-top:#5c5c5c solid 1px;
    margin:2px 0px 2px 0px;
  }
  
  .bottom_banners {
    display: block;
    text-align: center;
  }
  
  .banner1, .banner2, .banner3, .banner4 {
    display: inline-block;
    width: 160px;
    height: 240px;
    padding: 15px;
    overflow: hidden;
  }
  
  .param3 {
    display: block;
    margin: 15px 0 0 0;
    vertical-align: top;
  }
  
  .param4 {
    display: inline-block;
    vertical-align: top;
  }

}
