html {scroll-behavior:smooth;}

body {margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#444; text-size-adjust:none;}
table {width:100%; margin:0 auto; border:0; border-spacing:0;}
td {padding:0;}

a {color:#069; text-decoration:none;}

@media only screen and (max-width:639px) {
.button-n1 {width:80%; max-width:270px; padding:6px 18px 6px 18px; border:#366 1px solid; border-radius:12px; cursor:pointer; background-color:#366; color:#FFF; -webkit-appearance:none;}
.div-btn {margin:0 auto; width:80%; max-width:280px; height:34px; line-height:34px; vertical-align:middle; border:#366 1px solid; background:#366; color:#FFF; border-radius:12px; text-align:center; cursor:pointer;}
.div-m1 {width:140px; text-align:center; display:inline-block; position:relative; margin:8px 5px 8px 5px; color:#000; font-size:13px; padding:5px 8px 5px 8px; border:#666 1px solid; border-radius:12px; cursor:pointer;}
.div-m1a {width:90%; display:inline-block; margin:8px 6px 8px 6px; color:#000; font-size:14px; padding:5px; border:#666 1px solid; border-radius:12px; cursor:pointer;}
.div-m2 {min-width:140px; background-color:#F5F5D8; text-align:center; display:inline-block; position:relative; margin:8px 5px 8px 5px; color:#000; font-size:13px; padding:4px 30px 4px 6px; border:#666 1px solid; border-radius:12px; cursor:pointer;}
.div-m2a {position:absolute; top:2px; right:6px; color:#D00;}
.div-m3 {position:absolute; top:4px; right:10px; font-size:22px;}
.div-m4 {width:128px; display:inline-block; position:relative; margin:auto 5px auto 5px; color:#000; font-size:13px; padding:5px 5px 4px 5px; border:#000 1px solid; border-radius:12px; cursor:pointer;}
.div-m6 {display:inline-block; margin:0 auto; font-size:13px; cursor:pointer; padding:4px 8px 4px 8px; border:#CCC 1px solid; border-radius:12px;}
.div-m7 {display:inline-block; margin:0 auto; width:90%; max-width:120px; font-size:13px; text-align:center; cursor:pointer; padding:5px 0 5px 0; border:#999 1px solid; border-radius:12px;}
}

@media only screen and (min-width:640px) {
.button-n1 {width:80%; max-width:270px; padding:6px 18px 6px 18px; border:#366 1px solid; border-radius:12px; cursor:pointer; background-color:#366; color:#FFF; -webkit-appearance:none;}
.div-btn {margin:0 auto; width:80%; max-width:280px; height:34px; line-height:34px; vertical-align:middle; border:#366 1px solid; background:#366; color:#FFF; border-radius:12px; text-align:center; cursor:pointer;}
.div-m1 {width:180px; display:inline-block; position:relative; margin:8px 6px 8px 6px; color:#000; font-size:13px; padding:4px 10px 4px 10px; border:#666 1px solid; border-radius:8px; cursor:pointer;}
.div-m1a {width:360px; display:inline-block; margin:8px 6px 8px 6px; color:#000; font-size:14px; padding:5px; border:#666 1px solid; border-radius:8px; cursor:pointer;}
.div-m2 {min-width:180px; background-color:#F5F5D8; display:inline-block; position:relative; margin:8px 1px 8px 6px; color:#000; font-size:13px; padding:4px 30px 4px 6px; border:#666 1px solid; border-radius:8px; cursor:pointer;}
.div-m2a {position:absolute; top:2px; right:10px; color:#D00;}
.div-m3 {position:absolute; top:11px; right:10px;}
.div-m4 {width:160px; display:inline-block; text-align:left; position:relative; margin:auto 4px auto 4px; color:#000; font-size:13px; padding:4px 10px 3px 10px; border:#000 1px solid; border-radius:8px; cursor:pointer;}
.div-m6 {display:inline-block; margin:0 auto; font-size:13px; cursor:pointer; padding:4px 8px 4px 8px; border:#CCC 1px solid; border-radius:8px;}
.div-m7 {display:inline-block; margin:0 auto; width:90%; max-width:200px; font-size:14px; text-align:center; cursor:pointer; padding:4px 8px 4px 8px; border:#999 1px solid; border-radius:8px;}
}

.star1 {color:#555; font-size:18px; font-weight:bold; display:inline-block;}
.star2 {color:#BBB; font-size:18px; font-weight:bold; display:inline-block;}
.star1-c {color:#BBB; font-size:18px; font-weight:bold;}
.half-star {display:inline-flex;}
.half-star > div:first-child {overflow:hidden; width:8px; color:#555; z-index:2;}	
.half-star > div:last-child {position:relative; margin-left:-8px; z-index:1;}

.rb-container {display:block; position:relative; padding-left:5px; margin-bottom:15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.rb-container input {position:absolute; opacity:0; cursor:pointer;}
.rb-checkmark {position:absolute; top:0; left:0; height:14px; width:14px; background-color:#fff; border:#366 1px solid; border-radius:50%;}
.rb-container:hover input ~ .rb-checkmark {background-color:#ccc;}
.rb-container input:checked ~ .rb-checkmark {background-color:#366;}
.rb-checkmark:after {content:""; position:absolute; display:none;}
.rb-container input:checked ~ .rb-checkmark:after {display:block;}

.rb2-container {display:block; position:relative; padding-left:5px; margin-bottom:15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.rb2-container input {position:absolute; opacity:0; cursor:pointer;}
.rb2-checkmark {position:absolute; top:0; left:0; height:14px; width:14px; background-color:#fff; border:#366 1px solid; border-radius:50%;}
.rb2-container:hover input ~ .rb2-checkmark {background-color:#ccc;}
.rb2-container input:checked ~ .rb2-checkmark {border:#F00 1px solid; border-radius:50%; background-color:#F00;}
.rb2-checkmark:after {content:""; position:absolute; display:none;}
.rb2-container input:checked ~ .rb2-checkmark:after {display:block;}

*:disabled {opacity:0.4;}
::placeholder {color:#BBB; opacity:1; font-size:14px; font-style:italic;}
:-ms-input-placeholder {color:#BBB; opacity:1; font-size:14px; font-style:italic;}
::-ms-input-placeholder {color:#BBB; opacity:1; font-size:14px; font-style:italic;}

/* For search dropdown
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance:none;
  height:14px;
  width:14px;
  background:#B00;
}						*/

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* For copy to clipboard */
.offscreen {position:absolute; left:-999em;}

/* The side navigation menu */
.sidenav {height:100%; width:0; position:fixed; z-index:20; margin-top:0; left:0; background-color:#FFF; overflow-x:hidden; -ms-overflow-style:none; padding-top:60px; transition:0.5s;}
.sidenav::-webkit-scrollbar {display: none;}
.sidenav a {padding:8px; text-decoration:none; font-size:16px; color:#333; display:inline-block; transition:0.3s;}
.sidenav a:hover {color: #000;}
.sidenav .closebtn {position:absolute; top:7px; right:10px; font-size:28px;}
.sidenav span {color:#999; margin-left:44px;}
div[class^='mnx'] {display:inline-block; cursor:pointer; float:right; padding:5px 20px 5px 10px; line-height:6px;}
.div-x1 {padding:8px 8px 8px 64px; cursor:pointer; white-space:nowrap; color:#333;}
.div-x1:hover {background-color:#f3f6f7; color:#000;}
.div-x2 {width:259px; padding:15px 10px 15px 10px; cursor:pointer; white-space:nowrap; line-height:16px; color:#333;}
.div-x2:hover {background-color:#f3f6f7; color:#000;}
.div-x2a {position:relative; padding:10px; cursor:pointer; white-space:nowrap; line-height:16px; color:#333;}
.div-x2a:hover {background-color:#f3f6f7; color:#000;}
.div-x3 {padding:8px 8px 8px 46px; cursor:pointer; color:#333;}
.div-x3:hover {background-color:#f3f6f7; color:#000;}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}