*,
:before,
:after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}
:before,
:after {
  --tw-content: ""
}
html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal
}
body {
  margin:0;
  line-height:inherit
}
hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:inherit;
  font-weight:inherit
}
a {
  color:inherit;
  text-decoration:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp,
pre {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
summary {
  display:list-item
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin:0
}
fieldset {
  margin:0;
  padding:0
}
legend {
  padding:0
}
ol,
ul,
menu {
  list-style:none;
  margin:0;
  padding:0
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af
}
input::placeholder,
textarea::placeholder {
  opacity:1;
  color:#9ca3af
}
button,
[role=button] {
  cursor:pointer
}
:disabled {
  cursor:default
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display:block;
  vertical-align:middle
}
img,
video {
  max-width:100%;
  height:auto
}
[hidden] {
  display:none
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
.relative {
  position:relative
}
.contents {
  display:contents
}
input[type=checkbox] {
  display:none
}
.collapsible-wrapper {
  max-height:0px;
  overflow:hidden;
  transition:max-height .25s ease-in-out
}
#toggle-indonesia:checked+.DistributorsContentWrapper,
#toggle-indonesia-cn:checked+.DistributorsContentWrapper,
#toggle-singapore:checked+.DistributorsContentWrapper,
#toggle-singapore-cn:checked+.DistributorsContentWrapper,
#toggle-malaysia:checked+.DistributorsContentWrapper,
#toggle-malaysia-cn:checked+.DistributorsContentWrapper,
#toggle-vietnam:checked+.DistributorsContentWrapper,
#toggle-vietnam-cn:checked+.DistributorsContentWrapper,
#toggle-bangladesh:checked+.DistributorsContentWrapper,
#toggle-srilanka:checked+.DistributorsContentWrapper,
#toggle-bangladesh-cn:checked+.DistributorsContentWrapper {
  max-height:100%
}
.OrangeBannerBox {
  position:relative;
  top:0;
  left:0;
  width:95%;
  max-width:875px;
  background-color:#ffcb1d;
  margin:auto
}
.OrangeBannerTitle {
  font-family:gotfontbold,sans-serif;
  font-style:normal;
  font-weight:400;
  letter-spacing:0px;
  color:#fff;
  text-decoration:none;
  text-align:center
}
.StoresLocationTitle {
  position:relative;
  top:0;
  left:0;
  width:95%;
  max-width:875px;
  background-color:#404042;
  margin:auto
}
.StoresLocationTitle label {
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  height:66.5px;
  color:#fff!important;
  font-family:gotfontbook,sans-serif;
  font-style:normal;
  font-weight:700;
  font-size:18px;
  letter-spacing:0px;
  text-decoration:none;
  text-align:center
}
.DistributorsContentWrapper {
  position:relative;
  top:0;
  left:0;
  width:95%;
  max-width:875px;
  background-color:#f4f4f4;
  margin:auto;
  padding:0;
  height:0px;
  overflow:auto;
  max-height:0px;
  transition:max-height .25s ease-in-out
}
.DistributorsContentBase {
  position:relative;
  top:0;
  left:0;
  width:90%;
  max-width:875px;
  margin:auto;
  display:flex;
  flex-wrap:wrap
}
.DistributorsBox {
  position:relative;
  display:inline-block;
  padding:16px 0;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:#d0d0d0
}
.DistributorsFont {
  font-family:gotfontbook,sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  letter-spacing:0px;
  color:#000;
  text-decoration:none
}
.DistributorsFont a,
.DistributorsFont a:hover {
  color:#000;
  text-decoration:underline
}
.DistributorsBox2 {
  position:relative;
  width:calc(100% - 20px);
  margin:auto
}
.StoresBox {
  position:relative;
  margin:0 auto 10px
}
.StoresName {
  font-family:gotfontbook,sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  letter-spacing:0px;
  color:#000;
  text-decoration:none;
  line-height:18px
}
.StoresAddress {
  font-family:gotfontbook,sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  letter-spacing:0px;
  color:#000;
  text-decoration:none;
  line-height:18px
}
.Space20 {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:20px
}
.Space30 {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:30px
}
@media screen and (min-width: 500px) {
  .OrangeBannerTitle {
    font-size:24px;
    line-height:24px
  }
  .DistributorsBox {
    width:50%
  }
}
@media screen and (min-width: 875px) {
  .OrangeBannerTitle {
    font-size:36px;
    line-height:36px
  }
  .DistributorsBox {
    width:33.3%
  }
}