#s-454be857-52e9-4b39-b267-fb65e6e776d1 {
  display: none;
}
.shg-box {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  /**
   * While `flex: 1` is enough here, we need to supply the rest
   * of the parameters (`1 auto`) to keep compatibility with IE11.
   * Otherwise, IE11 flex would break.
   */
  flex: 1 1 auto;
}

.shg-box > .shg-box-content {
  z-index: 4;
  position: relative;
  /**
   * This is part of an IE11 fallback to avoid flex introducing
   * huge amount of weird space on the bottom on the section element.
   */
  min-height: 1px;
}

.shg-box-vertical-align-wrapper, .shg-box-vertical-center-wrapper {
  display: flex;
  width: 100%;
}

.shg-box-vertical-align-top {
  justify-content: flex-start;
}

.shg-box-vertical-align-center, .shg-box-vertical-center {
  justify-content: center;
}

.shg-box-vertical-align-bottom {
  justify-content: flex-end;
}

.shg-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}

.shg-box-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

#s-4e46f0fa-d724-43d6-8f49-8108fa293702 {
  min-height: 50px;
}








#s-4e46f0fa-d724-43d6-8f49-8108fa293702 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-4e46f0fa-d724-43d6-8f49-8108fa293702.shg-box.shg-c {
  justify-content: center;
}

#s-1d8af01c-f3a1-483c-8cfa-0a1f8279d732 {
  background-image: url(https://i.shgcdn.com/82a67647-d6c4-41d4-9720-b970c390b8a0/-/format/auto/-/preview/3000x3000/-/quality/lighter/);
background-repeat: no-repeat;
background-size: cover;
margin-top: -54px;
min-height: 380px;
background-position: right top;
background-attachment: scroll;
}
@media (max-width: 767px){#s-1d8af01c-f3a1-483c-8cfa-0a1f8279d732 {
  min-height: 300px;
}
}







#s-1d8af01c-f3a1-483c-8cfa-0a1f8279d732 > .shg-box-overlay {
  background-color: rgba(49, 47, 47, 1);
  opacity: 0.3;
}#s-1d8af01c-f3a1-483c-8cfa-0a1f8279d732.shg-box.shg-c {
  justify-content: center;
}

.shogun-heading-component h1,
.shogun-heading-component h2,
.shogun-heading-component h3,
.shogun-heading-component h4,
.shogun-heading-component h5,
.shogun-heading-component h6 {
  margin: 0;
  padding: 0;
  display: block;
  color: #000;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.shogun-heading-component a {
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#s-93717be4-14b3-42bb-af41-3cccc227691d {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-93717be4-14b3-42bb-af41-3cccc227691d .shogun-heading-component h1 {
  color: rgba(255, 255, 255, 1);
  font-weight:  700 ;
  font-family: IBM Plex Serif;
  font-style:   ;
  font-size: 32px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



.shg-rich-text {
  overflow-wrap: break-word;
}

.shg-rich-text img {
  margin: 0 20px;
}

@media (max-width: 768px) {
  .shg-rich-text img {
    display: block;
    float: none !important;
    margin: 0 auto;
  }
}

.shg-default-text-content *:first-child {
  margin-top: 0;
}

.shg-default-text-content {
  text-align: left;
}

.shg-default-text-content p,
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6,
.shg-default-text-content address,
.shg-default-text-content pre,
.shg-default-text-content div,
.shg-default-text-content ol,
.shg-default-text-content ul {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #000000;
  font-family: inherit;
  font-style: normal;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
}

.shg-default-text-content a {
  background-color: inherit;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-style: inherit;
  text-decoration: underline;
  text-transform: inherit;
}

.shg-default-text-content strong,
.shg-default-text-content em {
  background-color: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
}

.shg-default-text-content em {
  font-weight: inherit;
}

.shg-default-text-content strong {
  font-style: inherit;
  font-weight: 700;
}

/* https://stackoverflow.com/a/16094931/3696652 */
.shg-default-text-content ::-moz-selection, .shg-default-text-content *::-moz-selection {
  background: #accef7;
}
.shg-default-text-content ::selection,
.shg-default-text-content *::selection {
  background: #accef7;
}

.shg-default-text-content p {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 0.6em;
}

.shg-default-text-content h1 {
  font-size: 1.714em;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.166;
  margin-top: 0.67em;
}

.shg-default-text-content h2 {
  font-size: 1.43em;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-top: 0.83em;
}

.shg-default-text-content h3 {
  font-size: 1.142em;
  font-weight: 500;
  letter-spacing: -0.008em;
  line-height: 1.5;
  margin-top: 1em;
}

.shg-default-text-content h4 {
  font-size: 1em;
  font-weight: 600;
  letter-spacing: -0.006em;
  line-height: 1.428;
  margin-top: 1.33em;
}

.shg-default-text-content h5 {
  font-size: 0.857em;
  font-weight: 600;
  letter-spacing: -0.003em;
  line-height: 1.333;
  margin-top: 1.43em;
}

.shg-default-text-content h6 {
  font-size: 0.785em;
  font-weight: 600;
  letter-spacing: -0.003em;
  line-height: 1.454;
  margin-top: 1.42em;
  text-transform: uppercase;
}

.shg-default-text-content ul {
  list-style: disc;
}

.shg-default-text-content ol {
  list-style: decimal;
}

.shg-default-text-content ul,
.shg-default-text-content ol {
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  margin-bottom: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  margin-top: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}

.shg-default-text-content li {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1;
  list-style: inherit;
  margin-top: 0.67em;
}

.shg-default-text-content pre {
  font-family: monospace;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 1em;
  white-space: pre-wrap;
  word-break: normal;
}

.shg-default-text-content address {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-top: 0;
}

.shg-default-text-content div {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.714;
  margin-bottom: 0;
  margin-top: 0.67em;
}

#s-de2d2d6e-23ec-41d9-a195-3cd730956eda {
  min-height: 50px;
}








#s-de2d2d6e-23ec-41d9-a195-3cd730956eda > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-de2d2d6e-23ec-41d9-a195-3cd730956eda.shg-box.shg-c {
  justify-content: center;
}

#s-3de08a3c-e797-4f15-9f07-981ae4be8a41 {
  min-height: 50px;
background-color: rgba(37, 96, 155, 1);
}








#s-3de08a3c-e797-4f15-9f07-981ae4be8a41 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-3de08a3c-e797-4f15-9f07-981ae4be8a41.shg-box.shg-c {
  justify-content: center;
}

#s-77bd03b1-1be1-4385-a6e5-dc4c667c625b {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-77bd03b1-1be1-4385-a6e5-dc4c667c625b .shogun-heading-component h1 {
  color: rgba(255, 255, 255, 1);
  font-weight:  700 ;
  font-family: Archivo;
  font-style:   ;
  font-size: 23px;
  line-height: ;
  letter-spacing: 1px;
  text-align: center;
}



#s-d3873dc6-0909-4d8f-ac7c-1c0ff5f31d23 {
  margin-top: 20px;
margin-bottom: 20px;
}

#s-d3873dc6-0909-4d8f-ac7c-1c0ff5f31d23 {
  display: none;
}
.shg-row {
  display: flex;
  flex-wrap: wrap;
  min-height: inherit;
  max-height: inherit;
justify-content: space-between;
}

.shg-row > * {
  min-height: inherit;
  max-height: inherit;
}

.shg-c-xs-1,
.shg-c-xs-2,
.shg-c-xs-3,
.shg-c-xs-4,
.shg-c-xs-5,
.shg-c-xs-6,
.shg-c-xs-7,
.shg-c-xs-8,
.shg-c-xs-9,
.shg-c-xs-10,
.shg-c-xs-11,
.shg-c-xs-12,
.shg-c-sm-1,
.shg-c-sm-2,
.shg-c-sm-3,
.shg-c-sm-4,
.shg-c-sm-5,
.shg-c-sm-6,
.shg-c-sm-7,
.shg-c-sm-8,
.shg-c-sm-9,
.shg-c-sm-10,
.shg-c-sm-11,
.shg-c-sm-12,
.shg-c-md-1,
.shg-c-md-2,
.shg-c-md-3,
.shg-c-md-4,
.shg-c-md-5,
.shg-c-md-6,
.shg-c-md-7,
.shg-c-md-8,
.shg-c-md-9,
.shg-c-md-10,
.shg-c-md-11,
.shg-c-md-12,
.shg-c-lg-1,
.shg-c-lg-2,
.shg-c-lg-3,
.shg-c-lg-4,
.shg-c-lg-5,
.shg-c-lg-6,
.shg-c-lg-7,
.shg-c-lg-8,
.shg-c-lg-9,
.shg-c-lg-10,
.shg-c-lg-11,
.shg-c-lg-12 {
  position: relative;
}

#s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96 {
  margin-top: 20px;
}

@media (min-width: 0px) {
[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 15.0px);
}

}

@media (min-width: 992px) {
[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 15.0px);
}

}

@media (min-width: 1200px) {
[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 15.0px);
}

[id="s-10c7c0c6-78ce-4b4f-b260-a62d1a48bd96"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 15.0px);
}

}

.shg-product-image-wrapper img.shogun-image,
.shogun-component img.shogun-image {
  display: inline-block;
  vertical-align: middle;
}

.shg-product-image-wrapper img.shogun-image {
  width: 100%;
}

.shg-product-img-placeholder img {
  padding: 3rem;
  background: rgba(0, 0, 0, 0.1);
}

.shg-product-image-wrapper {
  display: none;
  position: relative;
  width: 100%;
}

.shg-product-image-wrapper.visible {
  display: inline-block;
}

.shg-product-image-wrapper .shg-product-image-wrapper a {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.shg-product-image-wrapper .shg-image-zoom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 100%;
  min-height: 100%;
}

.shg-c.shg-align-center .shg-image-zoom {
  margin: 0 auto;
}

.shg-c.shg-align-right .shg-image-zoom {
  margin-left: auto;
}

.shg-image-zoom .shg-image-zoom-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
  transform: scale(1);
}

/**
  Fix for IE11, as min-width does not works there.
**/
@media screen\0 {
  .shg-product-image-wrapper > .shogun-image {
    width: 100%;
  }
}

#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  text-align: left;
}


.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  max-width: 100%;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom,
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  max-width:  !important;
  min-height:  !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom {
  
    margin-left: 0px;
  
}

@media (min-width: 1200px){
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  max-width: 100%;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom,
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  max-width:  !important;
  min-height:  !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom {
  
    margin-left: 0px;
  
}

}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  max-width: 100%;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom,
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  max-width:  !important;
  min-height:  !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom {
  
    margin-left: 0px;
  
}

}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  max-width: 100%;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom,
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  max-width:  !important;
  min-height:  !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom {
  
    margin-left: 0px;
  
}

}@media (max-width: 767px){
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea {
  max-width: 100%;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom,
.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea img.shogun-image {
  max-width:  !important;
  min-height:  !important;
}

.shg-c#s-1eb61bc6-aca4-4f59-abc0-a62b117c21ea .shg-image-zoom {
  
    margin-left: 0px;
  
}

}
.shg-gallery-thumb-list {
  display: flex;
  flex-wrap: wrap;
}

.shg-gallery-thumb-image {
  max-width: 100%;
  display: inline-block;
  cursor: pointer;
}

.shg-gallery-thumb-image:hover {
  opacity: 0.6;
}

.shg-gallery-thumb-image-square {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

#s-dbaa5521-3a34-4791-98ae-6e7162fc8df4 {
  margin-left: 10px;
margin-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}

#s-dbaa5521-3a34-4791-98ae-6e7162fc8df4 .shg-gallery-thumb-image-wrapper {
  
  flex-basis: 16.666666666666668%;
  padding-right: 10px;
  padding-bottom: 10px;
}

#s-dbaa5521-3a34-4791-98ae-6e7162fc8df4 .shg-gallery-thumb-list-margin {
  margin-right: -10px;
}

.shg-product-title-component h1,
.shg-product-title-component h2,
.shg-product-title-component h3,
.shg-product-title-component h4,
.shg-product-title-component h5,
.shg-product-title-component h6 {
  margin: 0;
  padding: 0;
  display: block;
  color: #000;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.shg-product-title-component a {
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#s-3358eaa0-d4c0-4dad-b58c-dc2f025a1297 {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-3358eaa0-d4c0-4dad-b58c-dc2f025a1297 .shg-product-title-component h1 {
  color: #000;
  font-weight:  normal ;
  font-family: IBM Plex Serif;
  font-style:  normal ;
  font-size: 25px;
}

#s-4e90e349-f93d-4559-92d6-6b2307fca3fe {
  margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
min-height: 50px;
}








#s-4e90e349-f93d-4559-92d6-6b2307fca3fe > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-4e90e349-f93d-4559-92d6-6b2307fca3fe.shg-box.shg-c {
  justify-content: center;
}

@media (min-width: 0px) {
[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 5.0px);
}

}

@media (min-width: 992px) {
[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 5.0px);
}

}

@media (min-width: 1200px) {
[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-f9178d39-82a6-4b0d-9eef-7a26cda07506"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 5.0px);
}

}

.shogun-image-container {
  position: relative;
}

.shogun-image-container.shg-align-left {
  text-align: left;
}

.shogun-image-container.shg-align-center {
  text-align: center;
}

.shogun-image-container.shg-align-right {
  text-align: right;
}

.shogun-image-linked {
  cursor: pointer;
}

.shogun-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.shogun-image-overlay.shg-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-top-center {
  align-items: flex-start;
  justify-content: center;
}

.shogun-image-overlay.shg-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}

.shogun-image-overlay.shg-middle-left {
  align-items: center;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-middle-center {
  align-items: center;
  justify-content: center;
}

.shogun-image-overlay.shg-middle-right {
  align-items: center;
  justify-content: flex-end;
}

.shogun-image-overlay.shg-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}

.shogun-image-overlay.shg-bottom-center {
  align-items: flex-end;
  justify-content: center;
}

.shogun-image-overlay.shg-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.shogun-image-overlay p {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.shogun-image-cover {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
}

.shogun-image-contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.shogun-image-link {
  display: block;
  min-height: inherit;
  max-height: inherit;
}

img.shogun-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.shogun-image-content {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.shogun-image-content-linked, .shogun-image-content-not-linked {
  pointer-events: none;
}

.shogun-image-content-not-linked > div {
  pointer-events: auto;
}

.shogun-image-content-linked a,
.shogun-image-content-linked button,
.shogun-image-content-linked iframe,
.shogun-image-content-linked .shg-box-linked {
  pointer-events: auto;
}

.shogun-image-content > div {
  width: 100%;
}

.shogun-image-content-top {
  align-items: flex-start;
}

.shogun-image-content-center {
  align-items: center;
}

.shogun-image-content-bottom {
  align-items: flex-end;
}
#s-66af43bd-9dbf-4f7c-9261-70984ee3785b {
  text-align: left;
}




  #s-66af43bd-9dbf-4f7c-9261-70984ee3785b img.shogun-image {
    
    width: px;
  }


#s-66af43bd-9dbf-4f7c-9261-70984ee3785b .shogun-image-content {
  
    align-items: center;
  
}

#s-c45cbcf1-98aa-4373-8485-f37d12a63ada {
  margin-top: 5px;
margin-bottom: 5px;
}

#s-c4b2fe95-e10f-40ce-bab8-6b9597d2bf89 {
  text-align: left;
}




  #s-c4b2fe95-e10f-40ce-bab8-6b9597d2bf89 img.shogun-image {
    
    width: px;
  }


#s-c4b2fe95-e10f-40ce-bab8-6b9597d2bf89 .shogun-image-content {
  
    align-items: center;
  
}

#s-e5c85d31-ac54-46bd-a05a-ace5428a7d4f {
  margin-top: 5px;
margin-bottom: 5px;
}

#s-fa8211ca-a527-43dd-8668-37a8163f69a0 {
  margin-top: 20px;
margin-left: 15px;
margin-bottom: 0px;
margin-right: 15px;
padding-left: 10px;
padding-right: 0px;
}

#s-45e62011-9669-47c9-9d31-9c421e1bfefe {
  border-style: solid;
margin-top: 17px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0px;
padding-right: 0px;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-color: #000;
border-style: dashed;
min-height: 50px;
}
@media (max-width: 767px){#s-45e62011-9669-47c9-9d31-9c421e1bfefe {
  margin-left: 30px;
margin-right: 30px;
}
}







#s-45e62011-9669-47c9-9d31-9c421e1bfefe > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-45e62011-9669-47c9-9d31-9c421e1bfefe.shg-box.shg-c {
  justify-content: center;
}

#s-bf4186a3-063c-4a66-858c-31683aa1b26b {
  margin-top: 0px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}

#s-afd18266-384f-4229-b794-e6361a312b74 {
  padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
text-align: center;
}

#s-afd18266-384f-4229-b794-e6361a312b74 .shg-product-sold-out {
  display: none;
  color: rgba(163, 12, 12, 1);
  font-size: 19px;
}

#s-afd18266-384f-4229-b794-e6361a312b74 .shg-product-price {
  color: rgba(163, 12, 12, 1);
  font-weight:  700 ;
  font-family: Sarabun;
  font-style:  normal ;
  font-size: 19px;
}

#s-afd18266-384f-4229-b794-e6361a312b74 .shg-product-compare-price {
  display: none;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}
#s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 {
  text-align: center;
}

#s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-wrapper {
  display: flex;
  flex-direction: row;
}

#s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-wrapper > * {
  flex-grow: 1;
}

#s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-wrapper select {
  width: 100% !important;
  margin: 0 !important;
}

#s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-inline-wrapper:not(:first-child) {
  margin-left: 10px;
}


  #s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-wrapper label {
    color: ;
    font-weight:   ;
    font-family: ;
    font-style:  normal ;
    font-size: ;
  }

       
    #s-9af9fd5f-2c42-4937-bfea-bfd9d6eef481 .shg-product-selector-wrapper label:after {
      display: block;
      content: ' ';
      margin-bottom: ;
    }
  

.shg-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
  color: #FFF;
}

.shg-product-atc-wrapper {
  position: relative;
}

.shg-product-atc-btn {
  position: relative;
  z-index: 2;
  display: block;
  border: none;
  align-items: normal;
  box-sizing: border-box;
  cursor: pointer;
  transition: opacity 200ms linear;
  opacity: 1;
}

.shg-product-atc-btn-opaque {
  opacity: 0;
}

.shg-product-atc-info-box {
  position: absolute;
  z-index: 1;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.shg-product-atc-btn-wrapper.shg-align-center {
  text-align: center;
}

.shg-product-atc-btn-wrapper.shg-align-right {
  text-align: right;
}

#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0 {
  background-image: url(none);
background-repeat: no-repeat;
margin-left: 40px;
margin-right: 40px;
padding-top: 10px;
padding-left: 40px;
padding-bottom: 10px;
padding-right: 40px;
border-radius: 2px;
background-color: rgba(37, 96, 155, 1);
text-align: center;
cursor: pointer;
hover-type: color;
}
#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0:hover {background-color: #424242 !important;
text-decoration: none !important;}#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0:active {background-color: #000000 !important;
text-decoration: none !important;}


#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-items: normal;
  box-sizing: border-box;
}

#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0.shg-product-atc-disabled {
  opacity: 0.5;
  cursor: initial;
}

#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0.shg-btn {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  
  font-family: Sarabun;
  display:  block ;
}

#s-0581a014-b2b6-445b-a98d-c4e9a7422bc0.shg-btn.shg-product-atc-error {
  
  
  
  
  color: rgba(248, 244, 244, 1);
}



#s-4ccf055f-6192-42fa-863c-2510e0b1e141 {
  min-height: 50px;
}








#s-4ccf055f-6192-42fa-863c-2510e0b1e141 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-4ccf055f-6192-42fa-863c-2510e0b1e141.shg-box.shg-c {
  justify-content: center;
}

#s-3c69a2d0-524c-4270-8b5c-588e1c92f53c {
  margin-top: 20px;
padding-top: 20px;
padding-bottom: 50px;
min-height: 51px;
background-color: rgba(96, 110, 124, 1);
}








#s-3c69a2d0-524c-4270-8b5c-588e1c92f53c > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-3c69a2d0-524c-4270-8b5c-588e1c92f53c.shg-box.shg-c {
  justify-content: center;
}

#s-6bdf1395-8ea6-4b09-9c86-b7481914aa48 {
  margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
margin-right: 10px;
}

@media (min-width: 0px) {
[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 20.0px);
}

}

@media (min-width: 992px) {
[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 20.0px);
}

}

@media (min-width: 1200px) {
[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-6bdf1395-8ea6-4b09-9c86-b7481914aa48"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 20.0px);
}

}

#s-e0e8640e-176e-4fc4-98fe-b34aac071114 {
  padding-top: 15px;
padding-bottom: 5px;
text-align: center;
}




  #s-e0e8640e-176e-4fc4-98fe-b34aac071114 img.shogun-image {
    
    width: px;
  }


#s-e0e8640e-176e-4fc4-98fe-b34aac071114 .shogun-image-content {
  
    align-items: center;
  
}

#s-852e8fd3-8c64-4589-83c6-5852cb45faec {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-852e8fd3-8c64-4589-83c6-5852cb45faec .shogun-heading-component h2 {
  color: rgba(255, 255, 255, 1);
  font-weight:  700 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 19px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-4a657097-b7d1-417b-84de-58eb862bd606 {
  margin-left: 10px;
margin-right: 10px;
}

#s-427b27b4-f798-4c05-8dc1-3b1d11d31a79 {
  padding-top: 10px;
padding-bottom: 15px;
text-align: center;
}




  #s-427b27b4-f798-4c05-8dc1-3b1d11d31a79 img.shogun-image {
    
    width: px;
  }


#s-427b27b4-f798-4c05-8dc1-3b1d11d31a79 .shogun-image-content {
  
    align-items: center;
  
}

#s-4156f490-c47c-40af-b296-2a7f22e073ce {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-4156f490-c47c-40af-b296-2a7f22e073ce .shogun-heading-component h2 {
  color: rgba(255, 255, 255, 1);
  font-weight:  700 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 19px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-e2475779-a04a-4d6d-bf8f-23258a9fc04f {
  margin-left: 10px;
margin-right: 10px;
}

#s-84a593bd-d337-4c61-8c33-5e905000ce20 {
  padding-top: 18px;
padding-bottom: 15px;
text-align: center;
}




  #s-84a593bd-d337-4c61-8c33-5e905000ce20 img.shogun-image {
    
    width: px;
  }


#s-84a593bd-d337-4c61-8c33-5e905000ce20 .shogun-image-content {
  
    align-items: center;
  
}

#s-c8ff25ac-74e7-44b6-a605-fc9b278c575d {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-c8ff25ac-74e7-44b6-a605-fc9b278c575d .shogun-heading-component h2 {
  color: rgba(255, 255, 255, 1);
  font-weight:  700 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 19px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-1d6fcede-420c-483f-a7e3-fab35b66e6b6 {
  margin-left: 10px;
margin-right: 10px;
}

#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 {
  margin-top: 0px;
margin-bottom: 10px;
padding-bottom: 50px;
min-height: 50px;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 {
  
}
}@media (max-width: 767px){#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 {
  
}
}







#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-9c8dfb4e-1e40-4acb-ae59-8eaea58b7c21.shg-box.shg-c {
  justify-content: flex-start;
}

#s-ddb66660-b3b7-4129-8540-b4ec71d8996d {
  border-style: solid;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(236, 236, 236, 1);
border-radius: 0px;
min-height: 0px;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-ddb66660-b3b7-4129-8540-b4ec71d8996d {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-ddb66660-b3b7-4129-8540-b4ec71d8996d {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-ddb66660-b3b7-4129-8540-b4ec71d8996d {
  
}
}@media (max-width: 767px){#s-ddb66660-b3b7-4129-8540-b4ec71d8996d {
  
}
}







#s-ddb66660-b3b7-4129-8540-b4ec71d8996d > .shg-box-overlay {
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
}#s-ddb66660-b3b7-4129-8540-b4ec71d8996d.shg-box.shg-c {
  justify-content: center;
}

#s-052d9640-a937-438b-9105-38f75c7c0417 {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

@media (min-width: 0px) {
[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 992px) {
[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 1200px) {
[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-052d9640-a937-438b-9105-38f75c7c0417"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 0.0px);
}

}

#s-e21ea768-190e-403b-ac59-559d67d1a46f {
  border-style: solid;
margin-top: 0px;
margin-bottom: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(0, 0, 0, 0);
min-height: 301px;
}
@media (min-width: 1200px){#s-e21ea768-190e-403b-ac59-559d67d1a46f {
  min-height: 450px;
}
}@media (min-width: 992px) and (max-width: 1199px){#s-e21ea768-190e-403b-ac59-559d67d1a46f {
  min-height: 450px;
}
}@media (min-width: 768px) and (max-width: 991px){#s-e21ea768-190e-403b-ac59-559d67d1a46f {
  min-height: 280px;
}
}@media (max-width: 767px){#s-e21ea768-190e-403b-ac59-559d67d1a46f {
  min-height: 300px;
}
}







#s-e21ea768-190e-403b-ac59-559d67d1a46f > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-e21ea768-190e-403b-ac59-559d67d1a46f.shg-box.shg-c {
  justify-content: center;
}

#s-1b433f44-91f9-4443-aa30-886e89d656f2 {
  margin-left: 50px;
margin-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-1b433f44-91f9-4443-aa30-886e89d656f2 .shogun-heading-component h2 {
  color: rgba(0, 0, 0, 1);
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 32px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-8498a604-ba2c-460e-a58a-f511d9b82f12 {
  margin-top: -30px;
margin-left: 50px;
margin-bottom: -30px;
margin-right: 50px;
padding-left: 75px;
padding-right: 75px;
}

#s-8498a604-ba2c-460e-a58a-f511d9b82f12 hr {
  border: 0;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 1);
}

#s-8b925d8c-1c0e-4fd9-9b2b-d415b73445ef {
  margin-left: 30px;
margin-right: 30px;
padding-left: 30px;
padding-right: 30px;
}

#s-47d93048-3dce-4945-a7c1-c772b38babc4 {
  background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
background-position: center center;
}
@media (min-width: 768px) and (max-width: 991px){#s-47d93048-3dce-4945-a7c1-c772b38babc4 {
  min-height: 280px;
}
}@media (max-width: 767px){#s-47d93048-3dce-4945-a7c1-c772b38babc4 {
  min-height: 300px;
}
}







#s-47d93048-3dce-4945-a7c1-c772b38babc4 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-47d93048-3dce-4945-a7c1-c772b38babc4.shg-box.shg-c {
  justify-content: center;
}

#s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6 {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

@media (min-width: 0px) {
[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 992px) {
[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 1200px) {
[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (max-width: 767px) {
  [id="s-1230d9b4-964d-495a-b4cd-0a6f9875c0c6"] > .shg-row {
    flex-flow: column-reverse;
  }
}

#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc {
  background-repeat: no-repeat;
background-size: cover;
border-style: solid;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(0, 0, 0, 0.57);
min-height: 450px;
background-position: center center;
}
@media (min-width: 768px) and (max-width: 991px){#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc {
  min-height: 280px;
}
}@media (max-width: 767px){#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc {
  min-height: 300px;
}
}







#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc.shg-box.shg-c {
  justify-content: flex-start;
}
@media (min-width: 768px) and (max-width: 991px){






#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-e5a7c26e-2c7c-49c1-a62c-9df1952feacc.shg-box.shg-c {
  justify-content: center;
}
}
#s-504a6ed1-e602-42f5-af45-7013ca48134e {
  border-style: solid;
margin-top: 0px;
margin-bottom: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(0, 0, 0, 0);
min-height: 450px;
}
@media (min-width: 768px) and (max-width: 991px){#s-504a6ed1-e602-42f5-af45-7013ca48134e {
  min-height: 280px;
}
}@media (max-width: 767px){#s-504a6ed1-e602-42f5-af45-7013ca48134e {
  min-height: 300px;
}
}







#s-504a6ed1-e602-42f5-af45-7013ca48134e > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-504a6ed1-e602-42f5-af45-7013ca48134e.shg-box.shg-c {
  justify-content: center;
}

#s-c3caeac3-5e52-475b-8989-8dfc634342c6 {
  margin-left: 50px;
margin-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-c3caeac3-5e52-475b-8989-8dfc634342c6 .shogun-heading-component h2 {
  color: rgba(0, 0, 0, 1);
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 32px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-e923587a-40af-47ab-b940-642311d7333b {
  margin-top: -30px;
margin-left: 50px;
margin-bottom: -30px;
margin-right: 50px;
padding-left: 75px;
padding-right: 75px;
}
@media (min-width: 1200px){#s-e923587a-40af-47ab-b940-642311d7333b {
  padding-left: 15px;
padding-right: 15px;
}
}@media (min-width: 992px) and (max-width: 1199px){#s-e923587a-40af-47ab-b940-642311d7333b {
  padding-left: 75px;
padding-right: 75px;
}
}
#s-e923587a-40af-47ab-b940-642311d7333b hr {
  border: 0;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 1);
}

#s-d0fb19fb-3cb7-48e5-8b84-71f89649daa8 {
  margin-left: 30px;
margin-right: 30px;
padding-left: 30px;
padding-right: 30px;
}

#s-e89aba68-9b5e-404a-b637-3098158887e8 {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
}

@media (min-width: 0px) {
[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 992px) {
[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 1200px) {
[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-e89aba68-9b5e-404a-b637-3098158887e8"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 0.0px);
}

}

#s-770788dc-e875-4d41-b9ee-3fc5031ec761 {
  border-style: solid;
margin-top: 0px;
margin-bottom: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(0, 0, 0, 0);
min-height: 301px;
}
@media (min-width: 1200px){#s-770788dc-e875-4d41-b9ee-3fc5031ec761 {
  min-height: 450px;
}
}@media (min-width: 992px) and (max-width: 1199px){#s-770788dc-e875-4d41-b9ee-3fc5031ec761 {
  min-height: 450px;
}
}@media (min-width: 768px) and (max-width: 991px){#s-770788dc-e875-4d41-b9ee-3fc5031ec761 {
  min-height: 280px;
}
}@media (max-width: 767px){#s-770788dc-e875-4d41-b9ee-3fc5031ec761 {
  min-height: 300px;
}
}







#s-770788dc-e875-4d41-b9ee-3fc5031ec761 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-770788dc-e875-4d41-b9ee-3fc5031ec761.shg-box.shg-c {
  justify-content: center;
}

#s-4114abcb-dd06-444d-bf5c-7d85e94f296b {
  margin-left: 50px;
margin-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-4114abcb-dd06-444d-bf5c-7d85e94f296b .shogun-heading-component h2 {
  color: rgba(0, 0, 0, 1);
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 32px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-8a57a7eb-6ec6-45c1-b4ce-32e0d492bed9 {
  margin-top: -30px;
margin-left: 50px;
margin-bottom: -30px;
margin-right: 50px;
padding-left: 75px;
padding-right: 75px;
}

#s-8a57a7eb-6ec6-45c1-b4ce-32e0d492bed9 hr {
  border: 0;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 1);
}

#s-0bd47ad8-807e-4d05-95da-9134654e1f85 {
  margin-left: 30px;
margin-right: 30px;
padding-left: 30px;
padding-right: 30px;
}

#s-3600bfa8-ee94-4528-8102-aa82a355f5a5 {
  background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
background-position: center center;
}
@media (min-width: 768px) and (max-width: 991px){#s-3600bfa8-ee94-4528-8102-aa82a355f5a5 {
  min-height: 280px;
}
}@media (max-width: 767px){#s-3600bfa8-ee94-4528-8102-aa82a355f5a5 {
  min-height: 300px;
}
}







#s-3600bfa8-ee94-4528-8102-aa82a355f5a5 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-3600bfa8-ee94-4528-8102-aa82a355f5a5.shg-box.shg-c {
  justify-content: center;
}

#s-19d4796d-7a6d-43cb-a955-08cb68674750 {
  border-style: solid;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 50px;
padding-right: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(236, 236, 236, 1);
border-radius: 0px;
min-height: 0px;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-19d4796d-7a6d-43cb-a955-08cb68674750 {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-19d4796d-7a6d-43cb-a955-08cb68674750 {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-19d4796d-7a6d-43cb-a955-08cb68674750 {
  
}
}@media (max-width: 767px){#s-19d4796d-7a6d-43cb-a955-08cb68674750 {
  
}
}







#s-19d4796d-7a6d-43cb-a955-08cb68674750 > .shg-box-overlay {
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
}#s-19d4796d-7a6d-43cb-a955-08cb68674750.shg-box.shg-c {
  justify-content: center;
}

#s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e {
  margin-top: 0px;
margin-left: 50px;
margin-bottom: 30px;
margin-right: 50px;
}

@media (min-width: 0px) {
[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 992px) {
[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 1200px) {
[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-ac62f8c7-a445-40ec-b6a8-9ddd1f36ac3e"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 0.0px);
}

}

#s-ac9f6b9d-63e3-418c-867a-b35d5bddf12a {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-ac9f6b9d-63e3-418c-867a-b35d5bddf12a > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-ac9f6b9d-63e3-418c-867a-b35d5bddf12a.shg-box.shg-c {
  justify-content: flex-start;
}

#s-e4d618b2-800e-4f10-a430-e07ef8542c47 {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-e4d618b2-800e-4f10-a430-e07ef8542c47 img.shogun-image {
    
    width: px;
  }


#s-e4d618b2-800e-4f10-a430-e07ef8542c47 .shogun-image-content {
  
    align-items: center;
  
}

#s-7a3b9371-14d9-4163-b7d0-c2adba057542 {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-7a3b9371-14d9-4163-b7d0-c2adba057542 .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-ebfc2255-32d3-42fa-a4e6-817577f7b4fb {
  margin-left: 20px;
margin-right: 20px;
}

#s-036f2135-7482-4456-9a0e-9c70062fa6e9 {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-036f2135-7482-4456-9a0e-9c70062fa6e9 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-036f2135-7482-4456-9a0e-9c70062fa6e9.shg-box.shg-c {
  justify-content: flex-start;
}

#s-6c3e97b8-c975-4f6c-b72f-ccdd26bb0e7d {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-6c3e97b8-c975-4f6c-b72f-ccdd26bb0e7d img.shogun-image {
    
    width: px;
  }


#s-6c3e97b8-c975-4f6c-b72f-ccdd26bb0e7d .shogun-image-content {
  
    align-items: center;
  
}

#s-b91da23f-0c5e-4094-8c5a-62b8ac9a64b6 {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-b91da23f-0c5e-4094-8c5a-62b8ac9a64b6 .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-f3d333c0-60f1-4f50-9f46-b04160377225 {
  margin-left: 20px;
margin-right: 20px;
}

#s-79b9eb14-4611-4a9e-b52c-7371e5649ab3 {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-79b9eb14-4611-4a9e-b52c-7371e5649ab3 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-79b9eb14-4611-4a9e-b52c-7371e5649ab3.shg-box.shg-c {
  justify-content: flex-start;
}

#s-d2505ef0-bfb6-4474-8f81-a997adb23ba2 {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-d2505ef0-bfb6-4474-8f81-a997adb23ba2 img.shogun-image {
    
    width: px;
  }


#s-d2505ef0-bfb6-4474-8f81-a997adb23ba2 .shogun-image-content {
  
    align-items: center;
  
}

#s-4ab0ed52-9455-4a15-873f-91c705b863cf {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-4ab0ed52-9455-4a15-873f-91c705b863cf .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-e1b5b390-582f-4d15-bb98-8b9ed1dcfe63 {
  margin-left: 20px;
margin-right: 20px;
}

#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 {
  border-style: solid;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(236, 236, 236, 1);
border-radius: 0px;
min-height: 0px;
background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px){#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 {
  
}
}@media (min-width: 992px) and (max-width: 1199px){#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 {
  
}
}@media (min-width: 768px) and (max-width: 991px){#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 {
  
}
}@media (max-width: 767px){#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 {
  
}
}







#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5 > .shg-box-overlay {
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
}#s-33d338d0-4ad5-41e2-a505-e4ca5c0273c5.shg-box.shg-c {
  justify-content: center;
}

#s-818cbe0b-c688-4087-b6c9-6c2dc97e6396 {
  margin-top: 10px;
margin-left: 50px;
margin-bottom: 10px;
margin-right: 50px;
}

@media (min-width: 0px) {
[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 992px) {
[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 0.0px);
}

}

@media (min-width: 1200px) {
[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 0.0px);
}

[id="s-818cbe0b-c688-4087-b6c9-6c2dc97e6396"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 0.0px);
}

}

#s-a1c680ef-1288-4e38-921a-b29edd1f4cf7 {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-a1c680ef-1288-4e38-921a-b29edd1f4cf7 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-a1c680ef-1288-4e38-921a-b29edd1f4cf7.shg-box.shg-c {
  justify-content: flex-start;
}

#s-455c7346-e5d3-4b20-8a44-3a1d0e8802db {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-455c7346-e5d3-4b20-8a44-3a1d0e8802db img.shogun-image {
    
    width: px;
  }


#s-455c7346-e5d3-4b20-8a44-3a1d0e8802db .shogun-image-content {
  
    align-items: center;
  
}

#s-0e79561d-a865-4bbc-92bb-04a56e9bdf8e {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-0e79561d-a865-4bbc-92bb-04a56e9bdf8e .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-e7d9ccbf-118f-4e9c-bf08-844a99f40b81 {
  margin-left: 20px;
margin-right: 20px;
}

#s-87709072-0c6b-4f02-80a1-314a21af321a {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-87709072-0c6b-4f02-80a1-314a21af321a > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-87709072-0c6b-4f02-80a1-314a21af321a.shg-box.shg-c {
  justify-content: flex-start;
}

#s-575788fe-5e08-4e19-8bae-cfa57b4f96e0 {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-575788fe-5e08-4e19-8bae-cfa57b4f96e0 img.shogun-image {
    
    width: px;
  }


#s-575788fe-5e08-4e19-8bae-cfa57b4f96e0 .shogun-image-content {
  
    align-items: center;
  
}

#s-b065fd4f-82c9-4ea8-9479-f8a4e5aee286 {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-b065fd4f-82c9-4ea8-9479-f8a4e5aee286 .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-896c7b96-80e9-40b2-8618-32d79b63e750 {
  margin-left: 20px;
margin-right: 20px;
}

#s-80869f23-2412-4e4f-925f-57708d5e0c21 {
  border-style: solid;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-color: rgba(221, 221, 221, 1);
min-height: 50px;
}








#s-80869f23-2412-4e4f-925f-57708d5e0c21 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-80869f23-2412-4e4f-925f-57708d5e0c21.shg-box.shg-c {
  justify-content: flex-start;
}

#s-e2a462f2-5f68-4d19-aad3-1a6e69608ea6 {
  margin-left: 15px;
margin-right: 15px;
text-align: center;
}




  #s-e2a462f2-5f68-4d19-aad3-1a6e69608ea6 img.shogun-image {
    
    width: px;
  }


#s-e2a462f2-5f68-4d19-aad3-1a6e69608ea6 .shogun-image-content {
  
    align-items: center;
  
}

#s-814fdce8-4d52-472d-80a1-e0941ac6c0fe {
  margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#s-814fdce8-4d52-472d-80a1-e0941ac6c0fe .shogun-heading-component h3 {
  color: rgba(0, 0, 0, 1);
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 18px;
  line-height: ;
  letter-spacing: 0.5px;
  text-align: left;
}



#s-c8cd888c-546d-48d1-a895-5eaee55d0f59 {
  margin-left: 20px;
margin-right: 20px;
}

#s-c56c17e2-8498-46ca-8429-86a413dc2faa {
  padding-left: 0px;
padding-right: 0px;
min-height: 300px;
}








#s-c56c17e2-8498-46ca-8429-86a413dc2faa > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-c56c17e2-8498-46ca-8429-86a413dc2faa.shg-box.shg-c {
  justify-content: center;
}

#s-d8a297fb-8dd3-4587-89a5-585c9f4e5f16 {
  min-height: 50px;
}








#s-d8a297fb-8dd3-4587-89a5-585c9f4e5f16 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-d8a297fb-8dd3-4587-89a5-585c9f4e5f16.shg-box.shg-c {
  justify-content: center;
}

#s-59439558-0c48-4d43-b900-5e55d3121344 {
  min-height: 50px;
background-color: rgba(255, 255, 255, 1);
}








#s-59439558-0c48-4d43-b900-5e55d3121344 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-59439558-0c48-4d43-b900-5e55d3121344.shg-box.shg-c {
  justify-content: center;
}

#s-6191133f-cd7e-4745-8975-0426d190ca1b {
  min-height: 50px;
}








#s-6191133f-cd7e-4745-8975-0426d190ca1b > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-6191133f-cd7e-4745-8975-0426d190ca1b.shg-box.shg-c {
  justify-content: center;
}

#s-c4f7e9c9-01a9-4754-a839-9d34c21a1601 {
  padding-top: 50px;
padding-bottom: 50px;
min-height: 50px;
background-color: rgba(96, 110, 124, 1);
}








#s-c4f7e9c9-01a9-4754-a839-9d34c21a1601 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-c4f7e9c9-01a9-4754-a839-9d34c21a1601.shg-box.shg-c {
  justify-content: center;
}

#s-0e6653bc-7bb4-4c29-b093-d69b7e08e637 {
  margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-0e6653bc-7bb4-4c29-b093-d69b7e08e637 .shogun-heading-component h1 {
  color: rgba(255, 255, 255, 1);
  font-weight:   ;
  font-family: ;
  font-style:   ;
  font-size: 29px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



@media (min-width: 0px) {
[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 20.0px);
}

}

@media (min-width: 992px) {
[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 20.0px);
}

}

@media (min-width: 1200px) {
[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 20.0px);
}

[id="s-abfe7f73-3f90-42ea-a466-905af117b8e3"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 20.0px);
}

}

#s-16d370a3-6b5f-4b6c-b46f-6c24ded85cc0 {
  text-align: center;
}




  #s-16d370a3-6b5f-4b6c-b46f-6c24ded85cc0 img.shogun-image {
    
    width: px;
  }


#s-16d370a3-6b5f-4b6c-b46f-6c24ded85cc0 .shogun-image-content {
  
    align-items: center;
  
}

#s-facf72c2-7adf-417d-8c3e-529e8325ba8c {
  text-align: center;
}




  #s-facf72c2-7adf-417d-8c3e-529e8325ba8c img.shogun-image {
    
    width: px;
  }


#s-facf72c2-7adf-417d-8c3e-529e8325ba8c .shogun-image-content {
  
    align-items: center;
  
}

#s-d4cfaec0-5622-4cca-8fe9-7a5aa1a7e0eb {
  text-align: center;
}




  #s-d4cfaec0-5622-4cca-8fe9-7a5aa1a7e0eb img.shogun-image {
    
    width: px;
  }


#s-d4cfaec0-5622-4cca-8fe9-7a5aa1a7e0eb .shogun-image-content {
  
    align-items: center;
  
}

#s-ef77bdb7-b299-4536-a759-586788e65e32 {
  margin-top: 25px;
margin-bottom: 15px;
padding-top: 20px;
padding-bottom: 14px;
text-align: center;
}

#s-ef77bdb7-b299-4536-a759-586788e65e32 .shogun-heading-component h1 {
  color: #000;
  font-weight:  500 ;
  font-family: IBM Plex Serif;
  font-style:   ;
  font-size: 29px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-db7779a0-be88-4e35-92f2-65bfe277b0f3 {
  margin-top: 0px;
margin-left: 30px;
margin-bottom: 0px;
margin-right: 30px;
}

#s-5aa4087a-7663-46ae-97c4-721551e33820 {
  margin-bottom: 10px;
min-height: 50px;
}








#s-5aa4087a-7663-46ae-97c4-721551e33820 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-5aa4087a-7663-46ae-97c4-721551e33820.shg-box.shg-c {
  justify-content: center;
}

#s-a2ad1fb6-3768-4d9c-948b-caf260613d9c {
  margin-top: 10px;
margin-left: 15px;
margin-bottom: 10px;
margin-right: 15px;
}

@media (min-width: 0px) {
[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 5.0px);
}

}

@media (min-width: 992px) {
[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 5.0px);
}

}

@media (min-width: 1200px) {
[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 5.0px);
}

[id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 5.0px);
}

}

@media (max-width: 767px) {
  [id="s-a2ad1fb6-3768-4d9c-948b-caf260613d9c"] > .shg-row {
    flex-flow: column-reverse;
  }
}

#s-c9a6ca76-3176-4485-860e-9edecd6d05cb {
  text-align: center;
}




  #s-c9a6ca76-3176-4485-860e-9edecd6d05cb img.shogun-image {
    
    width: px;
  }


#s-c9a6ca76-3176-4485-860e-9edecd6d05cb .shogun-image-content {
  
    align-items: center;
  
}

#s-839993c9-30b2-4124-a473-6bcfeaeeddd0 {
  margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-839993c9-30b2-4124-a473-6bcfeaeeddd0 .shogun-heading-component h3 {
  color: #000;
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 20px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-d4e4a0d6-deb3-42c5-95b7-960afb45f143 {
  margin-left: 30px;
margin-right: 30px;
}

#s-24de1f5e-40ad-46a3-b8f6-d54d0cdd1238 {
  text-align: center;
}




  #s-24de1f5e-40ad-46a3-b8f6-d54d0cdd1238 img.shogun-image {
    
    width: px;
  }


#s-24de1f5e-40ad-46a3-b8f6-d54d0cdd1238 .shogun-image-content {
  
    align-items: center;
  
}

#s-1951ab46-7c12-4c17-b5d4-43463582bdaa {
  margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-1951ab46-7c12-4c17-b5d4-43463582bdaa .shogun-heading-component h3 {
  color: #000;
  font-weight:  500 ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 20px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-f8d3b7f4-3d73-47bc-b4f4-f03d58ccb152 {
  margin-left: 30px;
margin-right: 30px;
}

#s-0d03a0a2-9363-4021-94e7-45e4a54f3269 {
  border-style: solid;
margin-top: 0px;
margin-left: 60px;
margin-bottom: 10px;
margin-right: 60px;
border-top-width: 0.5px;
border-left-width: 0.5px;
border-bottom-width: 0.5px;
border-right-width: 0.5px;
border-color: rgba(102, 102, 133, 1);
border-style: dashed;
}
@media (max-width: 767px){#s-0d03a0a2-9363-4021-94e7-45e4a54f3269 {
  margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
}
#s-114ec5e4-a490-4ec1-be26-a17ba183189f {
  margin-top: -20px;
margin-bottom: -20px;
}

#s-114ec5e4-a490-4ec1-be26-a17ba183189f hr {
  border: 0;
  width: 100%;
  border-top: 2px solid #ddd;
}

#s-cf799a7f-8d05-45df-9539-5336d4e67731 {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-cf799a7f-8d05-45df-9539-5336d4e67731 .shogun-heading-component h4 {
  color: rgba(5, 0, 0, 1);
  font-weight:  500 ;
  font-family: IBM Plex Serif;
  font-style:   ;
  font-size: 29px;
  line-height: ;
  letter-spacing: ;
  text-align: center;
}



#s-9835011c-d887-4a83-9fd3-e0db5fd8eed9 {
  min-height: 50px;
}








#s-9835011c-d887-4a83-9fd3-e0db5fd8eed9 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-9835011c-d887-4a83-9fd3-e0db5fd8eed9.shg-box.shg-c {
  justify-content: center;
}

#s-860c6744-dd49-45ed-9eac-e4c5ea39b422 {
  padding-bottom: 20px;
}
@media (max-width: 767px){#s-860c6744-dd49-45ed-9eac-e4c5ea39b422 {
  margin-left: 10px;
margin-right: 10px;
}
}
#s-79130031-dc71-4ccc-ad97-d63bcb65b9c9 {
  text-align: center;
}




  #s-79130031-dc71-4ccc-ad97-d63bcb65b9c9 img.shogun-image {
    
    width: px;
  }


#s-79130031-dc71-4ccc-ad97-d63bcb65b9c9 .shogun-image-content {
  
    align-items: center;
  
}

#s-86978a6e-d200-4c1c-b08b-b8f27bb24616 {
  margin-top: -40px;
margin-bottom: -40px;
}

#s-86978a6e-d200-4c1c-b08b-b8f27bb24616 hr {
  border: 0;
  width: 100%;
  border-top: 2px solid #ddd;
}

#s-e02e7b8a-7166-401e-b5e6-ddacdd7dd14d {
  margin-top: 20px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-e02e7b8a-7166-401e-b5e6-ddacdd7dd14d .shogun-heading-component h3 {
  color: #000;
  font-weight:  500 ;
  font-family: IBM Plex Serif;
  font-style:   ;
  font-size: 24px;
  line-height: ;
  letter-spacing: 1px;
  text-align: center;
}



#s-503dbfba-a330-4b08-8fd2-4e1e058bc279 {
  padding-left: 20px;
padding-right: 20px;
}

@media (min-width: 0px) {
[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-xs-12 {
  width: 100%;
}

}

@media (min-width: 768px) {
[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-1 {
  width: calc(8.333333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-2 {
  width: calc(16.666666666666668% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-3 {
  width: calc(25.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-4 {
  width: calc(33.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-5 {
  width: calc(41.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-6 {
  width: calc(50.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-7 {
  width: calc(58.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-8 {
  width: calc(66.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-9 {
  width: calc(75.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-10 {
  width: calc(83.33333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-11 {
  width: calc(91.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-sm-12 {
  width: calc(100.0% - 24.0px);
}

}

@media (min-width: 992px) {
[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-1 {
  width: calc(8.333333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-2 {
  width: calc(16.666666666666668% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-3 {
  width: calc(25.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-4 {
  width: calc(33.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-5 {
  width: calc(41.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-6 {
  width: calc(50.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-7 {
  width: calc(58.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-8 {
  width: calc(66.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-9 {
  width: calc(75.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-10 {
  width: calc(83.33333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-11 {
  width: calc(91.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-md-12 {
  width: calc(100.0% - 24.0px);
}

}

@media (min-width: 1200px) {
[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-1 {
  width: calc(8.333333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-2 {
  width: calc(16.666666666666668% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-3 {
  width: calc(25.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-4 {
  width: calc(33.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-5 {
  width: calc(41.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-6 {
  width: calc(50.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-7 {
  width: calc(58.333333333333336% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-8 {
  width: calc(66.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-9 {
  width: calc(75.0% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-10 {
  width: calc(83.33333333333334% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-11 {
  width: calc(91.66666666666667% - 24.0px);
}

[id="s-503dbfba-a330-4b08-8fd2-4e1e058bc279"] > .shg-row > .shg-c-lg-12 {
  width: calc(100.0% - 24.0px);
}

}

.shogun-video {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.shogun-video-16x9 {
  padding-bottom: 56.25%;
}

.shogun-video-4x3 {
  padding-bottom: 75%;
}

.shogun-video-embed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#s-41086dae-3036-41bc-96ae-e3e3a08e412e {
  min-height: 50px;
}








#s-41086dae-3036-41bc-96ae-e3e3a08e412e > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-41086dae-3036-41bc-96ae-e3e3a08e412e.shg-box.shg-c {
  justify-content: center;
}

#s-71f0068e-3169-4aa1-8412-39928b56e827 {
  padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px){#s-71f0068e-3169-4aa1-8412-39928b56e827 {
  margin-top: 20px;
margin-bottom: 20px;
}
}
#s-fe920464-005a-445b-8544-57dc7576454d {
  margin-top: 0px;
margin-bottom: -40px;
}

#s-fe920464-005a-445b-8544-57dc7576454d hr {
  border: 0;
  width: 100%;
  border-top: 2px solid #ddd;
}

#s-31a60f7e-8b97-4f31-b3c0-eef93b749a00 {
  margin-top: 20px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-31a60f7e-8b97-4f31-b3c0-eef93b749a00 .shogun-heading-component h3 {
  color: #000;
  font-weight:  500 ;
  font-family: IBM Plex Serif;
  font-style:   ;
  font-size: 24px;
  line-height: ;
  letter-spacing: 1px;
  text-align: center;
}



/*
  $vgutter : 20px
  $hgutter : 10px;
*/

.shg-category-grid {
  margin: -20px 0;
}

.shg-category-row,
.shg-category-row-hor {
  display: flex;
  margin: 20px 0;
}

.shg-category-col,
.shg-category-col-1 {
  flex: 1;
  padding: 0 10px;
}

.shg-category-col:last-child {
  padding-right: 0;
}

.shg-category-col:first-child {
  padding-left: 0;
}

.shg-category-col-2 {
  flex: 2;
  padding: 0 20px;
}

.shg-category-col-3 {
  flex: 3;
  padding: 0 30px;
}

.shg-category-col-4 {
  flex: 4;
  padding: 0 40px;
}

.shg-category-col-5 {
  flex: 5;
  padding: 0 50px;
}

@media (max-width: 768px) {
  .shg-category-row.stacked {
    display: block;
  }

  .shg-category-row .shg-category-col {
    padding: 20px 0;
  }

  .shg-category-row .shg-category-col:first-child {
    padding-top: 0;
  }

  .shg-category-row .shg-category-col:last-child {
    padding-bottom: 0;
  }
}

@media (max-width: 480px) {
  .shg-category-row-hor {
    display: flex;
    flex-wrap: wrap;
  }

  .shg-category-row-hor .shg-category-col,
  .shg-category-row-hor .shg-category-col:first-child,
  .shg-category-row-hor .shg-category-col:last-child {
    min-width: 50%;
    max-width: 50%;
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
  }
}

#s-6e7b37dd-5729-4324-96b1-f522869a7ff5 {
  margin-left: 30px;
margin-right: 30px;
padding-left: 20px;
padding-right: 20px;
}

#s-d68a0b57-a796-41ad-9cc6-a1fcb37bf671 {
  display: none;
}
#s-af6255d2-0959-452b-b786-546d7710d80b {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
text-align: center;
}


.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b {
  max-width: 100%;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom,
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom {
  
    margin: 0 auto;
  
}

@media (min-width: 1200px){
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b {
  max-width: 100%;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom,
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b {
  max-width: 100%;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom,
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b {
  max-width: 100%;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom,
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (max-width: 767px){
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b {
  max-width: 100%;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom,
.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-af6255d2-0959-452b-b786-546d7710d80b .shg-image-zoom {
  
    margin: 0 auto;
  
}

}
#s-ca191307-a9d4-4e7b-b477-a4a05f697ecc {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-ca191307-a9d4-4e7b-b477-a4a05f697ecc .shg-product-title-component h5 {
  color: #000;
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 14px;
}

#s-f2b0ff76-f81b-4ae9-b145-e0a129bd092c {
  text-align: center;
}

#s-f2b0ff76-f81b-4ae9-b145-e0a129bd092c .shg-product-sold-out {
  display: none;
  color: #000;
  font-size: 18px;
}

#s-f2b0ff76-f81b-4ae9-b145-e0a129bd092c .shg-product-price {
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
}

#s-f2b0ff76-f81b-4ae9-b145-e0a129bd092c .shg-product-compare-price {
  display: none;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}
#s-3e0e3199-4c73-4ed3-9ccf-a97db64c517b {
  display: none;
}
#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}


.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  max-width: 100%;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom,
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom {
  
    margin: 0 auto;
  
}

@media (min-width: 1200px){
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  max-width: 100%;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom,
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  max-width: 100%;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom,
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  max-width: 100%;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom,
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (max-width: 767px){
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 {
  max-width: 100%;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom,
.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-60c1e31c-0a84-41a7-a50e-4992c5a2ac84 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}
#s-d9c27fd7-c81a-4db8-8bbf-8a4f5991bf47 {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-d9c27fd7-c81a-4db8-8bbf-8a4f5991bf47 .shg-product-title-component h5 {
  color: #000;
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 14px;
}

#s-22400d60-74d7-43eb-b967-8b642aa55dda {
  text-align: center;
}

#s-22400d60-74d7-43eb-b967-8b642aa55dda .shg-product-sold-out {
  display: none;
  color: #000;
  font-size: 18px;
}

#s-22400d60-74d7-43eb-b967-8b642aa55dda .shg-product-price {
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
}

#s-22400d60-74d7-43eb-b967-8b642aa55dda .shg-product-compare-price {
  display: none;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}
#s-041b68be-a589-4638-938b-a0dc2c85ebe4 {
  margin-top: 20px;
margin-bottom: 0px;
}

#s-041b68be-a589-4638-938b-a0dc2c85ebe4 {
  display: none;
}
#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
text-align: center;
}


.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  max-width: 100%;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom,
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom {
  
    margin: 0 auto;
  
}

@media (min-width: 1200px){
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  max-width: 100%;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom,
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  max-width: 100%;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom,
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  max-width: 100%;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom,
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}@media (max-width: 767px){
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 {
  max-width: 100%;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  align-self: center;
  margin: 0 !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom,
.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 img.shogun-image {
  max-width: 300px !important;
  min-height: 200px !important;
}

.shg-c#s-92593569-8077-4400-9e66-db1b2aefbf17 .shg-image-zoom {
  
    margin: 0 auto;
  
}

}
#s-4da252e9-5f8d-4f00-b3d8-1e9bd35ae56a {
  padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#s-4da252e9-5f8d-4f00-b3d8-1e9bd35ae56a .shg-product-title-component h5 {
  color: #000;
  font-weight:   ;
  font-family: Sarabun;
  font-style:   ;
  font-size: 14px;
}

#s-a336242c-ee63-4695-9bd2-b063b7c4b069 {
  text-align: center;
}

#s-a336242c-ee63-4695-9bd2-b063b7c4b069 .shg-product-sold-out {
  display: none;
  color: #000;
  font-size: 18px;
}

#s-a336242c-ee63-4695-9bd2-b063b7c4b069 .shg-product-price {
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
}

#s-a336242c-ee63-4695-9bd2-b063b7c4b069 .shg-product-compare-price {
  display: none;
  text-decoration: line-through;
  color: #000;
  font-weight:   ;
  font-family: ;
  font-style:  normal ;
  font-size: 18px;
  padding-left: 10px;
}
/*
  $vgutter : 20px
  $hgutter : 10px;
*/

.shg-c:before,
.shg-c:after {
  content: " ";
  display: table;
}

/**
  Ref:
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
  z-index: 1;
  position: relative;
  isolation: isolate;
}

.shogun-root iframe {
  display: initial;
}

@media (max-width: 1024px) {
  .shg-c,
  .shg-box {
    background-attachment: scroll !important;
  }
}

#mc_embed_signup .clear {
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
}

.shg-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.shogun-image {
  max-width: 100%;
  min-height: inherit;
  max-height: inherit;
  display: inline !important;
  border: 0;
  vertical-align: middle;
}

.shg-fw {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.shg-fw .shg-fw {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div[data-shg-lightbox-switch] {
  cursor: pointer;
}

.shg-lightbox {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.85);
}

.shg-lightbox.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}

.shg-lightbox .shg-lightbox-close {
  position: absolute;
  right: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 45px;
  margin-right: 10px;
  line-height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  z-index: 1;
}

.shg-lightbox .shg-lightbox-image-container {
  padding: 25px;
}

.shg-lightbox .shg-lightbox-image {
  margin: auto;
  max-height: 90vh;
  max-width: 100%;
}

.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
  color: #a2a2a2;
  text-decoration: none;
  cursor: pointer;
}

.shg-lightbox .shg-lightbox-nav {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(0%, -50%);
  z-index: 1;
}

.shg-lightbox .shg-lightbox-nav.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-nav.shg-nav-left {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}

.shg-lightbox .shg-lightbox-nav.shg-nav-right {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}

@media screen and (min-width: 769px) {
  .shg-lightbox .shg-lightbox-image-container {
    padding: 50px;
  }
}

.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
	opacity: 0;
}
.shogun-lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}