@font-face {
    font-family: 'GothamBlack';
    src: url("../css/fonts/GothamBlack.eot");
    src: url("../css/fonts/GothamBlack.eot") format("embedded-opentype"), url("../css/fonts/GothamBlack.woff2") format("woff2"), url("../css/fonts/GothamBlack.woff") format("woff"), url("../css/fonts/GothamBlack.ttf") format("truetype"), url("../css/fonts/GothamBlack.svg#GothamBlack") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMedium';
  src: url("../css/fonts/GothamMedium.eot");
  src: url("../css/fonts/GothamMedium.eot") format("embedded-opentype"), url("../css/fonts/GothamMedium.woff2") format("woff2"), url("../css/fonts/GothamMedium.woff") format("woff"), url("../css/fonts/GothamMedium.ttf") format("truetype"), url("../css/fonts/GothamMedium.svg#GothamMedium") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
  src: url("../css/fonts/GothamBook.eot");
  src: url("../css/fonts/GothamBook.eot") format("embedded-opentype"), url("../css/fonts/GothamBook.woff2") format("woff2"), url("../css/fonts/GothamBook.woff") format("woff"), url("../css/fonts/GothamBook.ttf") format("truetype"), url("../css/fonts/GothamBook.svg#GothamBook") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'GothamThin';
  src: url("../css/fonts/GothamThin.eot");
  src: url("../css/fonts/GothamThin.eot") format("embedded-opentype"), url("../css/fonts/GothamThin.woff2") format("woff2"), url("../css/fonts/GothamThin.woff") format("woff"), url("../css/fonts/GothamThin.ttf") format("truetype"), url("../css/fonts/GothamThin.svg#GothamThin") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'TH Sarabun New';
  src: url("../css/fonts/THSarabunNew.eot");
  src: url("../css/fonts/THSarabunNew.eot?#iefix") format("embedded-opentype"), url("../css/fonts/THSarabunNew.woff2") format("woff2"), url("../css/fonts/THSarabunNew.woff") format("woff"), url("../css/fonts/THSarabunNew.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'THSarabunNewBold';
  src: url("../css/fonts/THSarabunNewBold.eot");
  src: url("../css/fonts/THSarabunNewBold.eot") format("embedded-opentype"), url("../css/fonts/THSarabunNewBold.woff2") format("woff2"), url("../css/fonts/THSarabunNewBold.woff") format("woff"), url("../css/fonts/THSarabunNewBold.ttf") format("truetype"), url("../css/fonts/THSarabunNewBold.svg#THSarabunNewBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

.blog-how-to-order {
    margin-bottom: 2em;
}

.blog-how-to-order .title {
    color: #1A1A1A;
    margin-bottom: 0.5em;
}

.blog-how-to-order .pic {
    margin-top: 1px;
    width: 100%;
    min-height: 300px;
    background: #dadada;
}

.head-title {
    font-size: 1.2em;
    font-weight: 400;
    color: #1A1A1A;
    margin-bottom: 0.5em;
}

.list-faq {
    margin-bottom: 1em;
}

.list-faq.active .ques:before {
    transform: rotate(270deg);
}

.list-faq.active .ans {
    display: block;
}

.list-faq .ques {
    color: #1A1A1A;
    font-weight: 600;
    position: relative;
    padding-left: 2em;
    margin-bottom: 0.3em;
    cursor: pointer;
}

.list-faq .ques:before {
    content: url("../images/icon/chev-left.svg");
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    transform: rotateY(180deg);
}

.list-faq .ans {
    padding-left: 2.4em;
    font-size: 1em;
    display: none;
}