@charset "UTF-8";
@import url(mCustomScrollbar.css);
@import url(default.css);
@import url(plugins.css);
/*font-size*/
@import url(font/css/fontello.css);
@import url(photoswipe.css);
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(myAnimate.css);
@import url(bootstrap-select.min.css);
.font-80 {
  font-size: 80px; }

.font-75 {
  font-size: 75px; }

.font-70 {
  font-size: 70px; }

.font-65 {
  font-size: 65px; }

.font-60 {
  font-size: 60px; }

.font-55 {
  font-size: 55px; }

.font-50 {
  font-size: 50px; }

.font-48 {
  font-size: 48px; }

.font-45 {
  font-size: 45px; }

.font-42 {
  font-size: 42px; }

.font-40 {
  font-size: 40px; }

.font-36 {
  font-size: 36px; }

.font-35 {
  font-size: 35px; }

.font-33 {
  font-size: 33px; }

.font-32 {
  font-size: 32px; }

.font-30 {
  font-size: 30px; }

.font-28 {
  font-size: 28px; }

.font-26 {
  font-size: 26px; }

.font-25 {
  font-size: 25px; }

.font-24 {
  font-size: 24px; }

.font-23 {
  font-size: 23px; }

.font-22 {
  font-size: 22px; }

.font-21 {
  font-size: 21px; }

.font-20 {
  font-size: 20px; }

.font-19 {
  font-size: 19px; }

.font-18 {
  font-size: 18px; }

.font-17 {
  font-size: 17px; }

.font-16 {
  font-size: 16px; }

.font-15 {
  font-size: 15px; }

.font-14 {
  font-size: 14px; }

@media (max-width: 1400px) {
  .font-80 {
    font-size: 70px; }
  .font-75 {
    font-size: 65px; }
  .font-70 {
    font-size: 60px; }
  .font-65 {
    font-size: 55px; }
  .font-60 {
    font-size: 50px; }
  .font-55 {
    font-size: 45px; }
  .font-50 {
    font-size: 40px; }
  .font-45 {
    font-size: 35px; }
  .font-40 {
    font-size: 30px; } }

@media (max-width: 1200px) {
  .font-80 {
    font-size: 60px; }
  .font-75 {
    font-size: 55px; }
  .font-70 {
    font-size: 50px; }
  .font-65 {
    font-size: 45px; }
  .font-60 {
    font-size: 42px; }
  .font-55 {
    font-size: 40px; }
  .font-50 {
    font-size: 35px; }
  .font-48 {
    font-size: 32px; }
  .font-45 {
    font-size: 30px; }
  .font-42 {
    font-size: 30px; }
  .font-40 {
    font-size: 28px; }
  .font-36 {
    font-size: 26px; }
  .font-35 {
    font-size: 25px; }
  .font-33 {
    font-size: 25px; }
  .font-32 {
    font-size: 22px; }
  .font-30 {
    font-size: 22px; }
  .font-28 {
    font-size: 22px; }
  .font-26 {
    font-size: 21px; }
  .font-25 {
    font-size: 21px; }
  .font-24 {
    font-size: 20px; }
  .font-23 {
    font-size: 19px; }
  .font-22 {
    font-size: 19px; } }

@media (max-width: 768px) {
  .font-80 {
    font-size: 40px; }
  .font-75 {
    font-size: 36px; }
  .font-70 {
    font-size: 35px; }
  .font-65 {
    font-size: 32px; }
  .font-60 {
    font-size: 30px; }
  .font-55 {
    font-size: 29px; }
  .font-50 {
    font-size: 28px; }
  .font-48 {
    font-size: 28px; }
  .font-45 {
    font-size: 28px; }
  .font-42 {
    font-size: 26px; }
  .font-40 {
    font-size: 25px; }
  .font-36 {
    font-size: 24px; }
  .font-35 {
    font-size: 25px; }
  .font-33 {
    font-size: 25px; }
  .font-30 {
    font-size: 25px; }
  .font-28 {
    font-size: 22px; }
  .font-26 {
    font-size: 20px; }
  .font-25 {
    font-size: 20px; }
  .font-24 {
    font-size: 20px; }
  .font-22 {
    font-size: 19px; }
  .font-21 {
    font-size: 18px; }
  .font-20 {
    font-size: 18px; }
  .font-19 {
    font-size: 17px; }
  .font-18 {
    font-size: 17px; }
  .font-17 {
    font-size: 15px; }
  .font-16 {
    font-size: 15px; } }

@media (max-width: 576px) {
  .font-30 {
    font-size: 25px; }
  .font-21 {
    font-size: 16px; }
  .font-20 {
    font-size: 16px; }
  .font-19 {
    font-size: 14px; }
  .font-18 {
    font-size: 14px; }
  .font-16 {
    font-size: 14px; } }

@media (max-width: 320px) {
  .font-30 {
    font-size: 24px; } }

@font-face {
  font-family: "Lato";
  src: url(./Lato-Black.ttf); }

@font-face {
  font-family: "Dokdo";
  src: url(./Dokdo-Regular.ttf); }

@keyframes suspension {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(15px); }
  100% {
    transform: translateY(0px); } }

@keyframes index-form-suspension {
  0% {
    transform: translate(-50%, -50%); }
  50% {
    transform: translate(-50%, calc(-50% + 5px)); }
  100% {
    transform: translate(-50%, -50%); } }

@keyframes flag_swipe {
  0% {
    transform: rotate(10deg); }
  50% {
    transform: rotate(40deg); }
  100% {
    transform: rotate(10deg); } }

@keyframes eye_move {
  0% {
    transform: translateX(0px); }
  50% {
    transform: translateX(5px); }
  75% {
    transform: translateX(0px); }
  100% {
    transform: translateX(0px); } }

.eye_move {
  animation-name: eye_move;
  animation-duration: 4s;
  animation-iteration-count: infinite; }

.flag_swipe {
  animation-name: flag_swipe;
  animation-duration: 3s;
  animation-iteration-count: infinite; }

.index-form-suspension {
  animation-name: index-form-suspension;
  animation-duration: 3s;
  animation-iteration-count: infinite; }

/* ==========================================================================
    public
 ==========================================================================*/
/*覆蓋BOOTSTRAP*/
.breadcrumb {
  background-color: inherit;
  font-size: 15px;
  padding-left: 0;
  padding-top: 25px;
  margin-bottom: 3px; }
  .breadcrumb a:last-child {
    font-weight: bold;
    color: #FDD000;
    text-decoration: underline; }
  .breadcrumb span {
    margin-left: 5px;
    margin-right: 5px; }
  @media (max-width: 768px) {
    .breadcrumb {
      display: none; } }

body {
  font-family: "微軟正黑體";
  font-size: 18px; }
  @media (max-width: 576px) {
    body {
      font-size: 15px; } }

* {
  line-height: 1.8em; }

i {
  font-style: normal; }

a {
  color: black; }

img {
  image-rendering: -webkit-optimize-contrast; }

.red {
  color: red; }

.orange {
  color: #FBAF1C; }

.underline {
  text-decoration: underline; }

.noscroll,
.noscroll body {
  overflow: hidden; }

.noscroll body {
  position: relative; }

select {
  height: 50px;
  width: 100%;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: white; }

.suspension {
  position: absolute;
  animation-name: suspension;
  animation-duration: 3s;
  animation-iteration-count: infinite; }

.send-form > .note {
  color: #E60012;
  margin-left: 47px;
  margin-top: 25px;
  display: block;
  margin-bottom: 25px; }

.send-form table {
  width: 100%;
  border-top: 1px solid #EAEAE7; }
  .send-form table tbody tr {
    border-bottom: 1px solid #EAEAE7; }
    .send-form table tbody tr td:first-child {
      width: 270px;
      background-color: #F9BE00;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: top;
      padding-top: 30px; }
      .send-form table tbody tr td:first-child .red {
        color: red; }
    .send-form table tbody tr td:nth-child(2) {
      padding-left: 70px;
      padding-top: 19px;
      padding-bottom: 19px; }
      .send-form table tbody tr td:nth-child(2) input[type=text] {
        border-radius: 5px;
        border: 1px solid #CCCCCC;
        width: 491px;
        height: 50px;
        line-height: 50px;
        padding: 0 10px; }
      .send-form table tbody tr td:nth-child(2) textarea {
        width: 100%;
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        padding: 10px; }
      .send-form table tbody tr td:nth-child(2) .ps {
        color: #666666;
        margin-left: 30px; }
      .send-form table tbody tr td:nth-child(2) .select_wrapper {
        width: 491px;
        border: 1px solid #CCCCCC;
        border-radius: 5px; }
      .send-form table tbody tr td:nth-child(2) span.note {
        display: block;
        color: #E60012;
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px !important;
        margin-left: 0 !important; }
    .send-form table tbody tr.tel td:nth-child(2) .wrapper {
      display: inline; }
      .send-form table tbody tr.tel td:nth-child(2) .wrapper input[type=text] {
        width: 300px;
        margin-left: 10px; }
    .send-form table tbody tr.tel td:nth-child(2) > span {
      margin-left: 20px; }
    .send-form table tbody tr.address_group td:nth-child(2) .select_wrapper {
      display: inline-block;
      width: 195px; }
      .send-form table tbody tr.address_group td:nth-child(2) .select_wrapper:first-child {
        margin-right: 7px; }
    .send-form table tbody tr.address_group td:nth-child(2) .zip {
      width: 110px; }
    .send-form table tbody tr.address_group td:nth-child(2) .address {
      width: 380px; }
    .send-form table tbody tr.address_group td:nth-child(2) > span {
      margin: 0 10px; }
    .send-form table tbody tr.address_group td:nth-child(2) .wrapper {
      display: inline; }
      .send-form table tbody tr.address_group td:nth-child(2) .wrapper span {
        margin-left: 10px;
        margin-right: 10px; }
      .send-form table tbody tr.address_group td:nth-child(2) .wrapper input[type=text]:nth-child(2) {
        margin-right: 7px; }
    .send-form table tbody tr.whether td:nth-child(2) > div {
      display: inline-block;
      width: 192px;
      height: 50px;
      border-radius: 5px;
      border: 1px solid #ECECE9;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      line-height: 50px; }
      .send-form table tbody tr.whether td:nth-child(2) > div .orange {
        color: #FBAF1C; }
      .send-form table tbody tr.whether td:nth-child(2) > div:not(:last-child) {
        margin-right: 27px; }
      .send-form table tbody tr.whether td:nth-child(2) > div.select {
        background-color: #FBAF1C;
        border: 1px solid #FBAF1C; }
        .send-form table tbody tr.whether td:nth-child(2) > div.select .orange {
          color: white; }
      .send-form table tbody tr.whether td:nth-child(2) > div label {
        position: relative;
        margin-bottom: 0;
        height: 50px;
        line-height: 50px; }
      .send-form table tbody tr.whether td:nth-child(2) > div input[type=radio] {
        width: 30px;
        height: 30px;
        opacity: 0;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
      .send-form table tbody tr.whether td:nth-child(2) > div input[type=radio] + span {
        display: inline-block;
        margin-left: -45px;
        padding-left: 28px;
        position: relative;
        left: 10px; }
      .send-form table tbody tr.whether td:nth-child(2) > div input[type=radio] + span:after {
        content: "";
        width: 30px;
        height: 30px;
        background: white;
        border: 1px solid #ECECE9;
        border-radius: 50%;
        position: absolute;
        left: -20px;
        pointer-events: none; }
      .send-form table tbody tr.whether td:nth-child(2) > div input[type=radio]:checked + span:after {
        background: #FBAF1C;
        border: 8px solid white; }
    .send-form table tbody tr.opinion td:nth-child(2) {
      padding-right: 30px; }

@media screen and (max-width: 1400px) {
  .send-form table tbody tr td:first-child {
    width: 210px;
    padding-top: 0;
    vertical-align: middle; }
  .send-form table tbody tr td:nth-child(2) {
    padding-left: 34px; }
  .send-form table tbody tr.address_group td:nth-child(2) .select_wrapper {
    width: 150px; }
  .send-form table tbody tr.address_group td:nth-child(2) .zip {
    width: 80px; } }

@media screen and (max-width: 1200px) {
  .send-form table tbody tr td:first-child {
    width: 150px; }
  .send-form table tbody tr td:nth-child(2) {
    padding-left: 34px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .send-form table tbody tr td:nth-child(2) input[type=text], .send-form table tbody tr td:nth-child(2) .select_wrapper {
      width: 300px; }
    .send-form table tbody tr td:nth-child(2) .ps {
      display: block;
      margin-left: 0;
      margin-top: 3px; }
  .send-form table tbody tr.tel td:nth-child(2) .wrapper {
    display: block; }
    .send-form table tbody tr.tel td:nth-child(2) .wrapper span {
      display: inline-block;
      width: 100px; }
    .send-form table tbody tr.tel td:nth-child(2) .wrapper:nth-child(1) {
      margin-bottom: 10px; }
  .send-form table tbody tr.tel td:nth-child(2) > span {
    display: none; }
  .send-form table tbody tr.address_group td:nth-child(2) .select_wrapper {
    width: 100px; }
  .send-form table tbody tr.address_group td:nth-child(2) .zip {
    width: 52px; }
  .send-form table tbody tr.address_group td:nth-child(2) .wrapper {
    display: block;
    margin-top: 10px; }
    .send-form table tbody tr.address_group td:nth-child(2) .wrapper span {
      margin-left: 0; }
  .send-form table tbody tr.opinion td:nth-child(2) {
    padding-right: 0; } }

@media screen and (max-width: 992px) {
  .send-form table tbody tr.whether td:nth-child(2) div {
    margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  .send-form table,
  .send-form tbody,
  .send-form tr,
  .send-form td {
    display: block; }
  .send-form > .note {
    margin-left: 0px; }
  .send-form table {
    border-top: none; }
    .send-form table tbody tr {
      border-bottom: none;
      height: auto; }
      .send-form table tbody tr td:first-child {
        width: 100%;
        text-align: left;
        background-color: initial;
        padding-left: 0; }
      .send-form table tbody tr td:nth-child(2) {
        padding-left: 0;
        padding-top: 5px;
        padding-bottom: 10px; }
        .send-form table tbody tr td:nth-child(2) select {
          height: 40px; }
        .send-form table tbody tr td:nth-child(2) input[type=text] {
          height: 40px;
          line-height: 40px; }
        .send-form table tbody tr td:nth-child(2) textarea {
          margin: 0; } }

@media screen and (max-width: 576px) {
  .send-form table tbody tr {
    margin-bottom: 10px; }
  .send-form table tbody tr.address_group td:nth-child(2) .address {
    width: 100%;
    margin-top: 10px; }
  .send-form table tbody tr.whether td:nth-child(2) > div {
    display: block; }
  .send-form table tbody tr td:nth-child(2) input[type=text],
  .send-form table tbody tr td:nth-child(2) .select_wrapper {
    width: 100%; }
  .send-form table tbody tr.tel td:nth-child(2) .wrapper input[type=text] {
    width: 100%;
    margin-left: 0; }
  .send-form table tbody tr td:nth-child(2) textarea {
    margin-bottom: 0; }
  .send-form .note {
    margin-bottom: 17px; }
  .send-form .pin_img {
    margin-top: 10px; } }

.title-style-1 {
  text-align: center; }
  .title-style-1 P {
    display: table;
    margin: auto;
    border-bottom: 1px solid;
    line-height: 1.6em;
    margin-bottom: 6px; }
  @media (max-width: 576px) {
    .title-style-1 span {
      display: inline; } }

.title-style-2 {
  height: 55px;
  background-color: #FCECC6;
  position: relative;
  line-height: 50px;
  text-align: left;
  padding-left: 20px; }
  .title-style-2:before {
    content: "";
    display: block;
    width: 5px;
    height: 30px;
    background-color: #FBAF1C;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  @media (max-width: 576px) {
    .title-style-2 {
      height: 40px;
      line-height: 40px; } }

.title-style-3 {
  padding-left: 18px;
  border-left: 6px solid #FFCD00;
  margin-bottom: 23px;
  line-height: 1.6em; }

.select_wrapper {
  width: 300px;
  max-width: 100%;
  position: relative;
  display: inline-block; }

.select_wrapper::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  content: "";
  border-top: .4em solid #797979;
  border-right: .25em solid transparent;
  border-bottom: 0;
  border-left: .25em solid transparent; }

.btn_group {
  display: table;
  margin: auto;
  margin-top: 34px; }
  .btn_group button, .btn_group a {
    width: 185px;
    height: 50px;
    display: inline-block;
    text-decoration: none;
    color: white;
    border-radius: 5px;
    margin: 0 7px;
    line-height: 50px;
    text-align: center; }
    .btn_group button.red, .btn_group a.red {
      background-color: #E60012; }
    .btn_group button.gray, .btn_group a.gray {
      background-color: #666666; }
    .btn_group button.black, .btn_group a.black {
      background-color: #282B2F; }
  @media screen and (max-width: 576px) {
    .btn_group button, .btn_group a {
      width: 120px; } }

.center-box {
  display: table;
  margin: auto;
  text-align: center; }

.banner {
  height: 213px; }
@media screen and (max-width: 576px) {
.banner {
  height: 120px; }  
}  

.title-block {
  position: relative;
  margin-bottom: 40px; }
  .title-block .title > span {
    color: #FFCD00;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Lato"; }
  .title-block .title h2 {
    margin-top: 4px; }
    .title-block .title h2 span {
      display: block;
      line-height: 1.2em; }
  .banner~.main-wrapper .title-block .title_img {
    position: absolute;
    top: -57px;
    left: 50%;
    transform: translateX(-50%); }
    .title-block .title_img img {
      border-radius: 50%; }
  .title-block .dec {
    position: absolute;
    bottom: 14px;
    width: 100%;
    height: 30px; }
  @media screen and (max-width: 1200px) {
    .title-block {
      margin-bottom: 17px; }
      .title-block .title {
        margin-top: 5px; } }
  @media screen and (max-width: 768px) {
    .title-block .title_img{
      margin-top: 30px;
    }
    .banner~.main-wrapper  .title-block .title_img {
      width: 80px;
      top: -48px; 
     margin-top:0;}
    .banner~.main-wrapper .title-block .title {
      padding-top: 35px; }
    .title-block .title{
      padding-top: 0;
    }
    }
  @media screen and (max-width: 576px) {

    .banner~.main-wrapper  .title-block .title_img {
      width: 65px;
      top: -38px;
     }
 }     

.main-wrapper {
  margin-bottom: 65px; }
  @media screen and (max-width: 1200px) {
    .main-wrapper {
      margin-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .main-wrapper {
      margin-bottom: 34px !important; } }

.max1400 {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1600px) {
    .max1400 {
      width: calc(100% - 34px); } }

.max1380 {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1600px) {
    .max1380 {
      width: calc(100% - 34px); } }

.max1362 {
  max-width: 1362px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1600px) {
    .max1362 {
      width: calc(100% - 34px); } }

.max1340 {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto; }

.hide-min-992 {
  display: none; }
  @media (max-width: 992px) {
    .hide-min-992 {
      display: block; } }

.hide-max-992 {
  display: block; }
  @media (max-width: 992px) {
    .hide-max-992 {
      display: none !important; } }

.yellow-text {
  color: #FDD000; }

.page {
  display: table;
  margin: auto;
  margin-top: 37px;
  padding-bottom: 45px;
  position: relative;
  font-size: 16px;
  font-family: "Lato";
  line-height: 32.4px; }
  .page ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .page ul li {
      float: left;
      width: 50px;
      padding: 0 3px;
      line-height: 50px;
      margin: 0 4px; }
      .page ul li a {
        color: black;
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 50px;
        transition: color .3s; }
        .page ul li a:hover {
          background: #FDD000; }
      .page ul li.dot {
        margin-top: -5px; }
      .page ul li.active a {
        color: black;
        background: #FDD000; }
      .page ul li.next i:before {
        transform: rotate(-90deg); }
      .page ul li.prev i::before {
        transform: rotate(90deg); }
      @media (max-width: 576px) {
        .page ul li {
          width: 30px; } }
    .page ul > div {
      float: left; }
      @media (max-width: 768px) {
        .page ul > div > li:nth-child(6), .page ul > div > li:nth-child(7), .page ul > div > li:nth-child(8), .page ul > div > li:nth-child(9), .page ul > div > li:nth-child(10) {
          display: none; } }
  @media (max-width: 1200px) {
    .page {
      padding-bottom: 0px; }
      .page ul li {
        margin: 0 5px; } }
  @media (max-width: 576px) {
    .page {
      margin-top: 0; } }

.prev_back_next {
  margin-top: 43px;
  height: 55px; }
  .prev_back_next > div > a {
    text-decoration: none;
    color: black;
    display: block;
    transition: color .3s;
    height: 100%; }
    .prev_back_next > div > a span {
      font-size: 18.4px;
      font-weight: bold; }
  .prev_back_next .prev a {
    line-height: 55px; }
    .prev_back_next .prev a i {
      margin-left: 23%;
      margin-right: 29%; }
      .prev_back_next .prev a i::before {
        transform: rotate(90deg); }
  .prev_back_next .back a {
    margin: auto;
    line-height: 55px;
    width: 286px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    color: white;
    background-color: #282B2F; }
    @media (max-width: 992px) {
      .prev_back_next .back a {
        width: 200px; } }
    @media (max-width: 576px) {
      .prev_back_next .back a span {
        font-size: 16px;
        line-height: 40px;
        display: block; } }
  .prev_back_next .next {
    text-align: right; }
    .prev_back_next .next a {
      line-height: 55px; }
      .prev_back_next .next a i {
        margin-left: 29%;
        margin-right: 23%; }
        .prev_back_next .next a i::before {
          transform: rotate(-90deg); }
  @media (max-width: 576px) {
    .prev_back_next {
      width: 100%;
      height: 40px;
      margin-top: 17px; }
      .prev_back_next .back a {
        width: 110px;
        line-height: 40px; }
      .prev_back_next .next a, .prev_back_next .prev a {
        line-height: 40px; }
        .prev_back_next .next a span, .prev_back_next .prev a span {
          display: none; } }

ul.share {
  padding: 10px 0;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6; }
  ul.share.bottom {
    border-bottom: none; }
  ul.share li {
    padding: 0 5px; }
    ul.share li a img {
      width: 43px; }
  @media (max-width: 576px) {
    ul.share {
      padding: 5px 0; }
      ul.share li a img {
        width: 35px; } }

.link-box {
  max-width: 1260px;
  margin: auto; }
  .link-box > span {
    display: none;
    background: #F9BE00;
    height: 40px;
    color: white;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    position: relative;
    cursor: pointer; }
    .link-box > span i {
      position: absolute;
      right: 20px;
      font-size: 20px;
      top: 50%;
      transform: translateY(-50%); }
  .link-box ul {
    margin: 0 -6px;
    padding: 0;
    list-style: none; }
    .link-box ul li {
      padding: 0 6.5px; }
      .link-box ul li a {
        border-radius: 5px;
        background-color: #EFEFEF;
        display: block;
        padding: 16px 20px;
        text-align: center;
        text-decoration: none;
        position: relative;
        transition: color .1s; }
        .link-box ul li a:hover {
          color: #FBAF1C; }
          .link-box ul li a:hover svg path {
            fill: #F9BE00; }
        .link-box ul li a.active {
          background-color: #F9BE00; }
          .link-box ul li a.active:after {
            content: "";
            display: block;
            background: url(images/news/tri.png) center no-repeat;
            width: 30px;
            height: 13px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 100%); }
          .link-box ul li a.active svg path {
            fill: white; }
          .link-box ul li a.active span {
            color: white; }
        .link-box ul li a svg {
          width: 18px;
          height: 18px;
          vertical-align: middle;
          margin-right: 7px; }
          .link-box ul li a svg path {
            fill: #9F9F9F; }
        .link-box ul li a span {
          vertical-align: middle;
          font-family: "Lato", "微軟正黑體"; }
  @media screen and (max-width: 1200px) {
    .link-box {
      margin-left: -6.5px;
      margin-right: -6.5px;
      width: auto; }
      .link-box ul li a {
        padding: 16px 16px; } }
  @media screen and (max-width: 992px) {
    .link-box ul li a {
      padding: 16px 3px; }
      .link-box ul li a i {
        margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .link-box {
      margin: 0; }
      .link-box ul {
        margin: 0; }
        .link-box ul li {
          margin-bottom: 17px; }
          .link-box ul li a.active:after {
            display: none; } }
  @media screen and (max-width: 576px) {
    .link-box {
      position: relative; }
      .link-box > span {
        display: block; }
      .link-box ul {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        background: #EFEFEF;
        z-index: 1; }
        .link-box ul li {
          padding: 0;
          margin-bottom: 0; }
          .link-box ul li a {
            background: initial;
            font-size: 18px;
            padding: 8px 0; }
            .link-box ul li a i::before {
              color: black; }
            .link-box ul li a.active {
              background: initial; }
              .link-box ul li a.active span {
                color: black; }
              .link-box ul li a.active i::before {
                color: black; } }

.list_check {
  list-style: none;
  padding: 0;
  margin: 0; }
  .list_check li {
    margin-bottom: 22px; }
    .list_check li i {
      margin-right: 15px;
      display: inline-block;
      float: left; }
      .list_check li i::before {
        color: #1B64BA; }
    .list_check li span {
      float: left;
      display: inline-block;
      width: calc(100% - 41px); }
    .list_check li::after {
      display: block;
      clear: both;
      content: ""; }
    .list_check li.red {
      color: #E70012;
      font-weight: bold; }
      .list_check li.red i::before {
        color: #E70012; }
  @media (max-width: 576px) {
    .list_check li {
      font-size: 16px; } }

.search-title-box {
  position: relative;
  margin-bottom: 50px; }
  .search-title-box .title {
    padding-left: 18px;
    border-left: 6px solid #FFCD00;
    margin-bottom: 23px;
    line-height: 1.6em; }
  .search-title-box .search-inner {
    padding: 24px 45px;
    background: #EEEEEE;
    border-radius: 5px;
    border-bottom: 4px solid #E2E2E2; }
    .search-title-box .search-inner form > div.wrapper {
      display: inline; }
      .search-title-box .search-inner form > div.wrapper > span {
        margin-right: 20px; }
      .search-title-box .search-inner form > div.wrapper .text {
        display: inline;
        margin-left: 20px;
        position: relative; }
        .search-title-box .search-inner form > div.wrapper .text i {
          color: #E60012;
          font-size: 22px; }
          .search-title-box .search-inner form > div.wrapper .text i.location {
            font-size: 34px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
        .search-title-box .search-inner form > div.wrapper .text > .selected {
          color: #E60012;
          margin-left: 60px; }
      .search-title-box .search-inner form > div.wrapper .keyword {
        display: inline-block;
        margin-left: 90px;
        max-width: 100%; }
        .search-title-box .search-inner form > div.wrapper .keyword span {
          margin-right: 20px; }
        .search-title-box .search-inner form > div.wrapper .keyword input {
          width: 460px;
          height: 50px;
          border: 1px solid #CCCCCC;
          padding: 0 10px;
          border-radius: 5px 0 0 5px;
          max-width: 100%; }
          .search-title-box .search-inner form > div.wrapper .keyword input.active {
            border: 1px solid #FFCD00;
            box-shadow: 2px 2px 2px #DBDBDB; }
      .search-title-box .search-inner form > div.wrapper button[type=submit] {
        width: 148px;
        height: 50px;
        color: #FFCD00;
        background: black;
        border-radius: 0 5px 5px 0;
        margin-left: -5px; }
        .search-title-box .search-inner form > div.wrapper button[type=submit].active {
          background-color: #FFCD00;
          color: white;
          box-shadow: 2px 2px 2px #DBDBDB;
          text-shadow: 1px 1px 1px #EAB801; }
  .search-title-box:before {
    content: "";
    display: block;
    background-image: url(images/common/cartoon.png);
    width: 300px;
    height: 110px;
    position: absolute;
    top: -20px;
    right: 3px; }
  @media screen and (max-width: 1400px) {
    .search-title-box .search-inner form > div.wrapper .keyword {
      margin-left: 30px; }
      .search-title-box .search-inner form > div.wrapper .keyword input {
        width: 250px; }
    .search-title-box .search-inner form > div.wrapper button[type=submit] {
      width: 100px; } }
  @media (max-width: 1200px) {
    .search-title-box:before {
      top: -28px; }
    .search-title-box .search-inner {
      padding: 17px 17px; }
      .search-title-box .search-inner form .text {
        display: block;
        margin-left: 0;
        margin-top: 10px; } }
  @media screen and (max-width: 992px) {
    .search-title-box .search-inner form > div.wrapper {
      display: block; }
      .search-title-box .search-inner form > div.wrapper > span {
        margin-right: 38px; }
      .search-title-box .search-inner form > div.wrapper .keyword {
        margin-left: 0px;
        margin-top: 10px; }
        .search-title-box .search-inner form > div.wrapper .keyword input {
          width: 300px;
          border-radius: 5px; }
      .search-title-box .search-inner form > div.wrapper button[type=submit] {
        margin-left: 10px;
        border-radius: 5px; } }
  @media (max-width: 768px) {
    .search-title-box {
      margin-bottom: 27.506px; }
      .search-title-box:before {
        top: 0px;
        width: 200px;
        height: 73px;
        background-size: cover; }
      .search-title-box .search-inner form > div.wrapper button[type=submit] {
        margin-left: 0px;
        margin-top: 10px;
        display: block; } }
  @media screen and (max-width: 576px) {
    .search-title-box:before {
      display: none; }
    .search-title-box .search-inner form > div.wrapper > span {
      margin-right: 35px;
      font-size: 16px; } }

.learnmore {
  margin-top: 50px; }
  .learnmore span {
    color: #FFC801; }
  .learnmore i {
    color: white;
    background: #FFC801;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    display: block;
    position: relative;
    margin: auto;
    margin-top: 25px;
    cursor: pointer; }
    .learnmore i:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0; }
    .learnmore i:after {
      content: "";
      width: 75px;
      height: 75px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      border: 2px dotted #FFC801; }
  @media (max-width: 576px) {
    .learnmore {
      margin-top: 20px; } }

.note-box {
  background: #F4F4F4;
  padding: 27px 50px; }
  .note-box p {
    margin-top: 10px; }
    .note-box p:last-child {
      margin-bottom: 0; }
    .note-box p > span {
      display: block; }
      .note-box p > span > span.red {
        color: #E60D19;
        font-weight: bold; }
  @media (max-width: 992px) {
    .note-box {
      padding: 17px 17px; }
      .note-box p {
        margin-top: 10px; }
        .note-box p > span {
          display: inline; } }

ul.card-box {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: 54px; }
  ul.card-box li.card-inner {
    padding: 0 24px;
    margin-bottom: 30px; }
    ul.card-box li.card-inner a.inner {
      padding: 25px;
      border: 1px solid #EFEFEF;
      text-decoration: none;
      display: block;
      transition: border .3s;
      box-sizing: border-box;
      padding-bottom: 33px; }
      ul.card-box li.card-inner a.inner:hover {
        border: 4px solid #FDD000; }
        ul.card-box li.card-inner a.inner:hover .title {
          text-decoration: underline; }
          ul.card-box li.card-inner a.inner:hover .title.hover-blue {
            color: #2EA0DF; }
          ul.card-box li.card-inner a.inner:hover .title.hover-orange {
            color: #F87A01; }
          ul.card-box li.card-inner a.inner:hover .title.hover-red {
            color: #E60012; }
          ul.card-box li.card-inner a.inner:hover .title.hover-green {
            color: #4DAE21; }
          ul.card-box li.card-inner a.inner:hover .title.hover-purple {
            color: #7A41D4; }
      ul.card-box li.card-inner a.inner img {
        margin-top: 20px;
        padding-bottom: 22px;
        border-bottom: 2px solid #FDD000;
        width: 100%; }
  @media screen and (max-width: 1200px) {
    ul.card-box {
      margin-left: -8.5px;
      margin-right: -8.5px;
      width: auto; }
      ul.card-box li.card-inner {
        padding: 0 8.5px;
        margin-bottom: 17px; }
        ul.card-box li.card-inner a.inner {
          padding: 17px; } }
  @media screen and (max-width: 992px) {
    ul.card-box {
      margin-top: 40px; } }
  @media screen and (max-width: 768px) {
    ul.card-box {
      margin-top: 20px; } }
  @media screen and (max-width: 576px) {
    ul.card-box .tag {
      line-height: 30px; } }

.news-title .date {
  font-family: "Lato";
  color: #AAAAAA;
  display: block;
  margin-bottom: 3px;
  line-height: 1em; }

.news-title .title {
  display: block; }

.tag {
  border-radius: 10px;
  width: 115px;
  text-align: center;
  color: white;
  padding: 1px 0;
  margin-bottom: 10px; }
  .tag.blue {
    background: #2EA0DF; }
  .tag.orange {
    background: #F87A01; }
  .tag.red {
    background: #E60012; }
  .tag.green {
    background: #4DAE21; }
  .tag.purple {
    background: #7A41D4; }
  .tag.dark_blue {
    background: #1060B7; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.editor > ul.square > li {
  margin-left: 20px;
  list-style-image: url("/images/common/square.svg"); }
  .editor > ul.square > li ul {
    margin-left: 20px; }
    .editor > ul.square > li ul.circle {
      list-style: none;
      position: relative; }
      .editor > ul.square > li ul.circle > li:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 8px;
        left: -18px;
        background-image: url("/images/common/circle.png");
        background-size: cover; }
        @media screen and (max-width: 768px) {
          .editor > ul.square > li ul.circle > li:before {
            top: 4px; } }

.editor > ul.circle {
  list-style: none; }
  .editor > ul.circle > li {
    margin-left: 20px;
    position: relative; }
    .editor > ul.circle > li:before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 10px;
      left: -18px;
      background: url("/images/common/bluecircle.png") center no-repeat;
      background-size: cover; }
      @media screen and (max-width: 768px) {
        .editor > ul.circle > li:before {
          top: 6px; } }
    .editor > ul.circle > li > .title {
      color: #0000CD; }
    .editor > ul.circle > li .description ul.num {
      list-style: none;
      counter-reset: li;
      margin-top: 16px; }
      @media screen and (max-width: 1200px) {
        .editor > ul.circle > li .description ul.num {
          margin-top: 17px; } }
      .editor > ul.circle > li .description ul.num > li {
        position: relative;
        margin-left: 20px; }
        .editor > ul.circle > li .description ul.num > li:before {
          counter-increment: li;
          content: counter(li);
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          left: -12px;
          font-size: 10px;
          color: #FF8C00; }
        .editor > ul.circle > li .description ul.num > li:after {
          content: "";
          display: block;
          width: 18px;
          height: 18px;
          position: absolute;
          top: 8px;
          left: -18px;
          border: 1px solid #FF8C00;
          font-size: 10px;
          border-radius: 50%;
          color: #FF8C00; }
          @media screen and (max-width: 576px) {
            .editor > ul.circle > li .description ul.num > li:after {
              top: 5px; } }
        .editor > ul.circle > li .description ul.num > li > span.title {
          color: #FF8C00;
          margin-left: 5px; }
        .editor > ul.circle > li .description ul.num > li ul li {
          margin-left: 20px;
          list-style-image: url("/images/common/square.svg"); }
    .editor > ul.circle > li .description ul.heart {
      margin-top: 30px; }
      @media screen and (max-width: 1200px) {
        .editor > ul.circle > li .description ul.heart {
          margin-top: 17px; } }
      .editor > ul.circle > li .description ul.heart span.title {
        color: #E60012; }
      .editor > ul.circle > li .description ul.heart > li {
        position: relative;
        margin-left: 20px; }
        .editor > ul.circle > li .description ul.heart > li:before {
          content: "";
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          top: 10px;
          left: -18px;
          background: url("/images/common/heart.png") center no-repeat;
          background-size: cover; }
          @media screen and (max-width: 576px) {
            .editor > ul.circle > li .description ul.heart > li:before {
              top: 6px;
              background-size: 10px; } }
        .editor > ul.circle > li .description ul.heart > li ul li {
          margin-left: 20px;
          list-style-image: url("/images/common/square.svg"); }
    .editor > ul.circle > li .description ul span.ps {
      display: block; }

.editor > ul.liNoneMb li {
  margin-bottom: 5px !important; }

.editor > ul > li:not(:last-child) {
  margin-bottom: 35px; }

.editor > ul > li .title {
  display: block; }

.editor > ul > li .description {
  margin-left: -20px; }
  .editor > ul > li .description > span {
    display: block; }
  .editor > ul > li .description > div {
    margin-top: 35px; }
  .editor > ul > li .description ul {
    margin-bottom: 20px; }
    .editor > ul > li .description ul.circle {
      margin-top: 30px; }

.editor ul .description {
  mnargin-left: -20px; }

.editor img {
  max-width: 100%; }

.editor .text-red {
  color: #E60012; }

@media (max-width: 1200px) {
  .editor > ul > li {
    margin-bottom: 17px; }
    .editor > ul > li .description div {
      margin-top: 17px; } }

.search-title-box .bootstrap-select {
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  width: 300px !important;
  font-size: 18px !important;
  max-width: 100%; }
  .search-title-box .bootstrap-select .dropdown-toggle {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: white; }
    .search-title-box .bootstrap-select .dropdown-toggle .filter-option {
      padding-left: 24px; }
      .search-title-box .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
        margin-top: -3px; }
        .search-title-box .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
          color: #282B2F;
          font-size: 18px !important; }
    .search-title-box .bootstrap-select .dropdown-toggle:after {
      color: #797979; }

@media (max-width: 576px) {
  .search-title-box .search-inner form > div.wrapper .keyword input {
    height: 40px;
    font-size: 16px; }
  .search-title-box .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
    color: #282B2F;
    font-size: 16px !important; }
  .search-title-box .bootstrap-select .dropdown-toggle .filter-option {
    padding-left: 10px; }
  .search-title-box .bootstrap-select .dropdown-toggle {
    padding-top: 7px;
    padding-bottom: 7px; }
  .search-title-box .search-inner form > div.wrapper button[type=submit] {
    height: 40px;
    margin-top: 20px; } }

.slick-dots li button {
  border: none;
  background-color: #EDEDED;
  width: 10px;
  height: 10px; }

.slick-dots li.slick-active button {
  background-color: #FFCD00; }

.slider_group ul.slider-for {
  padding: 0;
  padding-bottom: 27px;
  margin-bottom: 24px;
  border-bottom: 1px solid #DDDDDD; }
  .slider_group ul.slider-for li img {
    width: 100%; }

.slider_group ul.slider-nav {
  padding: 0; }
  .slider_group ul.slider-nav .slick-list {
    width: calc(100% - 60px);
    margin: auto; }
  .slider_group ul.slider-nav .slick-slide {
    padding: 0 3px; }
  .slider_group ul.slider-nav .slick-arrow {
    width: 25px;
    height: 100%;
    margin-top: 0;
    top: 0; }
    .slider_group ul.slider-nav .slick-arrow:hover {
      background-color: black; }
    .slider_group ul.slider-nav .slick-arrow img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 13px; }

@media (max-width: 576px) {
  .slider_group ul.slider-nav {
    display: none; } }

.card {
  margin-bottom: 20px;
  border: 2px solid white; }
  .card .card-header {
    border-radius: 5px;
    padding: 0;
    border: none;
    position: relative;
    overflow: hidden;
    transition: background .1s;
    background: #F5F5F5; }
    .card .card-header:before {
      content: "";
      display: block;
      width: 45px;
      height: 45px;
      background: url("/images/card/Q.png") center no-repeat;
      position: absolute;
      top: -2px;
      left: -3px;
      pointer-events: none; }
    .card .card-header:after {
      content: "";
      display: block;
      width: 23px;
      height: 23px;
      background: url("/images/card/plus.svg") center no-repeat;
      position: absolute;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      pointer-events: none; }
    .card .card-header button {
      display: block;
      width: 100%;
      text-align: left;
      padding: 15px 10px 15px 70px; }
    .card .card-header:hover {
      background: #EDEBEB; }
  .card .card-header ~ div .card-body {
    padding: 28px 30px;
    position: relative; }
    .card .card-header ~ div .card-body .left {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 87px;
      text-align: center;
      color: #EEBF00; }
    .card .card-header ~ div .card-body .right {
      margin-left: 87px;
      width: calc(100% - 87px);
      border-left: 1px solid #FFC801;
      padding-left: 30px; }
      .card .card-header ~ div .card-body .right * {
        line-height: 1.7em; }
      .card .card-header ~ div .card-body .right ul {
        list-style: none;
        margin-bottom: 0; }
        .card .card-header ~ div .card-body .right ul li {
          list-style-image: url(images/common/square.svg); }
  .card.show {
    border: 3px solid #FFCD00;
    border-radius: 14px; }
    .card.show > .card-header {
      background-color: #FFEA96;
      border-bottom: 3px solid #FFCD00;
      border-radius: 10px 10px 0 0; }
      .card.show > .card-header:after {
        background: url("/images/card/minus.svg") center no-repeat; }
  @media (max-width: 992px) {
    .card .card-header ~ div .card-body {
      padding: 17px; }
      .card .card-header ~ div .card-body .right {
        margin-left: 60px;
        padding-left: 17px; }
      .card .card-header ~ div .card-body .left {
        width: 60px; } }
  @media (max-width: 576px) {
    .card .card-header button {
      padding: 6.5px 10px 6.5px 70px; }
    .card .card-header ~ div .card-body .left {
      width: 100%;
      position: static;
      transform: none;
      text-align: left; }
    .card .card-header ~ div .card-body .right {
      width: 100%;
      margin-left: 0;
      border-left: none;
      padding-left: 0; }
    .card .card-header:after {
      display: none; } }

.yellowTitle {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #FFCD00;
  margin-bottom: 50px;
  position: relative; }
  .yellowTitle .img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: white;
    border: 3px solid #FFCD00;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%); }
    .yellowTitle .img img {
      width: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .yellowTitle span:nth-child(2) {
    margin-right: 13px;
    margin-left: 105px; }
  .yellowTitle span:nth-child(3) {
    color: #B89812;
    font-family: "Lato"; }
  @media (max-width: 768px) {
    .yellowTitle {
      margin-bottom: 27.506px; } }

/* ==========================================================================
    header
 ==========================================================================*/
#header {
  width: 100%;
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  background-color: #FDD000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  animation-delay: 0.3s;
  /*選單css全放這*/ }
  @media (max-width: 992px) {
    #header .header-wrapper .gift{
      display:block !important;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
      right:60px;
      
    }
    #header .header-wrapper .gift i{
      font-size: 20px;
    }
    #header .header-wrapper .gift:hover{
      color:black;
    }
    #header .bg_phone {
      width: 320px;
      overflow-y: auto;
      position: fixed;
      display: block;
      right: 0;
      top: 65px;
      background: rgba(253, 208, 0, 0.9);
      height: calc(100vh - 65px);
      z-index: 4;
      transition: transform .5s ease-in-out;
      box-shadow: 0px 3px 3px #b9b8b8;
      transform: translateX(320px); }
      #header .bg_phone.active {
        transform: translateX(0px); }
      #header .bg_phone .scroll_wrapper {
        min-height: 1020px;
    }
        #header .bg_phone .scroll_wrapper ul.menu {
          margin: 0;
          height: auto;
          float: none; }
          #header .bg_phone .scroll_wrapper ul.menu > li {
            float: none;
            width: 100%;
            padding: 0;
            transform: translateX(100px);
            transition: transform .5s; }
            #header .bg_phone .scroll_wrapper ul.menu > li.DM ul li:nth-child(1) a i {
              margin-left: 1px; }
            #header .bg_phone .scroll_wrapper ul.menu > li.DM ul li:nth-child(2) a i {
              margin-left: 7px; }
            #header .bg_phone .scroll_wrapper ul.menu > li.slideIn {
              transform: translateX(0px); }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(1) {
              transition: transform .5s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(2) {
              transition: transform .55s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(3) {
              transition: transform .6s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(4) {
              transition: transform .65s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(5) {
              transition: transform .7s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(6) {
              transition: transform .75s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(7) {
              transition: transform .8s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(8) {
              transition: transform .85s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(9) {
              transition: transform .9s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(10) {
              transition: transform .95s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(11) {
              transition: transform 1s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(12) {
              transition: transform 1.05s; }
            #header .bg_phone .scroll_wrapper ul.menu > li span {
              position: relative; }
              #header .bg_phone .scroll_wrapper ul.menu > li span .icon-down-open {
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                zoom: 0.7; }
            #header .bg_phone .scroll_wrapper ul.menu > li:hover {
              background-color: initial; }
              #header .bg_phone .scroll_wrapper ul.menu > li:hover i {
                color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li > a, #header .bg_phone .scroll_wrapper ul.menu > li > span {
              display: block;
              line-height: 60px;
              border-bottom: none;
              padding: 0; }
              #header .bg_phone .scroll_wrapper ul.menu > li > a i, #header .bg_phone .scroll_wrapper ul.menu > li > span i {
                margin-left: 14px; }
                #header .bg_phone .scroll_wrapper ul.menu > li > a i:before, #header .bg_phone .scroll_wrapper ul.menu > li > span i:before {
                  display: inline-block;
                  width: 30px; }
            #header .bg_phone .scroll_wrapper ul.menu > li a i {
              width: 42px; }
            #header .bg_phone .scroll_wrapper ul.menu > li ul li a i {
              color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li ul li a span {
              line-height: 55px;
              width: calc(100% - 64px);
              color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul {
              display: none;
              position: static;
              transform: none;
              padding-top: 0;
              top: 60px; }
              #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li {
                height: 60px;
                margin-bottom: 0;
                width: 100%;
                padding: 0; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li:hover {
                  background-color: white;
                  color: black; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li:hover span {
                    color: black; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li span {
                  transition: initial; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a {
                  transition: initial;
                  line-height: 55px;
                  padding: 0;
                  text-align: left;
                  padding-left: 14px; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a i {
                    display: block; }
                    #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a i:before {
                      display: inline-block;
                      margin: 0; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a span {
                    margin-left: 40px; }
              #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul.active {
                transform: none; }
        #header .bg_phone .scroll_wrapper .outer_link {
          padding-bottom: 60px; }
          #header .bg_phone .scroll_wrapper .outer_link #outer_link-toggle {
            display: none; }
          #header .bg_phone .scroll_wrapper .outer_link ul {
            display: block;
            margin-left: 17px; } }
  @media (max-width: 576px) {
    #header .bg_phone {
      width: 80%;
      transform: translateX(100%);
      z-index: 0; }
      #header .bg_phone .scroll_wrapper ul.menu > li {
        transform: translateX(80%); } }
  #header .header-wrapper {
    max-width: 1400px;
    margin: auto; }
  #header .header-wrapper  .gift{
    display:none;
  }
  #header .logo {
    width: 268px;
    height: 31px;
    margin-top: 20px;
    z-index: 1;
    float: left;
    margin-left: 10px; }
    @media (max-width: 1600px) {
      #header .logo {
        margin-left: 10px; } }
    @media (max-width: 360px) {
      #header .logo {
     width:200px;
    height:23.1px;
  margin-top: 24px; } }
    #header .logo a {
      display: block;
      height: 100%;
      background: url(./images/logo.png) center no-repeat;
      background-size: cover; }
  #header .menu-toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    display: none; }
    @media (max-width: 992px) {
      #header .menu-toggle {
        display: block; } }
    #header .menu-toggle div {
      height: 2px;
      background-color: black;
      transition: width 0.5s ease,top .5s,transform .5s;
      position: absolute;
      right: 0; }
      #header .menu-toggle div.bar1 {
        width: 21px;
        top: 7px; }
      #header .menu-toggle div.bar2 {
        width: 30px;
        top: 14px; }
      #header .menu-toggle div.bar3 {
        width: 14px;
        top: 21px; }
    #header .menu-toggle.active div.bar1 {
      width: 30px;
      top: 14px;
      transform: rotate(-45deg); }
    #header .menu-toggle.active div.bar2 {
      opacity: 0; }
    #header .menu-toggle.active div.bar3 {
      width: 30px;
      top: 14px;
      transform: rotate(45deg); }
  @media screen and (max-width: 992px) {
    #header .gray_block.active {
      left: 0;
      top: 65px;
      width: 100vw;
      height: 100vh;
      background-color: black;
      position: absolute;
      opacity: 0.5; } }
  @media screen and (max-width: 576px) {
    #header .gray_block.active {
      display: none; } }
  #header ul.menu {
    float: left;
    margin-left: 0px;
    font-size: 13px;
    font-weight: bold; }
    #header ul.menu > li {
      line-height: 65px;
      position: relative;
      float: left;
      padding: 0 3px; }
      #header ul.menu > li:hover {
        background: white; }
        #header ul.menu > li:hover > a, #header ul.menu > li:hover > span {
          border-bottom: 2px solid #FDD000; }
          #header ul.menu > li:hover > a i, #header ul.menu > li:hover > span i {
            color: #FBAF1C; }
          #header ul.menu > li:hover > a span, #header ul.menu > li:hover > span span {
            color: black; }
      #header ul.menu > li > a, #header ul.menu > li > span {
        padding: 0 6px;
        color: black;
        text-decoration: none;
        transition: color .3s;
        padding-bottom: 5px;
        cursor: pointer;
        padding-bottom: 10px; }
        #header ul.menu > li > a, #header ul.menu > li > span>a:hover{
          text-decoration: none;
        }
        #header ul.menu > li > a span, #header ul.menu > li > span span {
          font-style: normal; }
        #header ul.menu > li > a i::before, #header ul.menu > li > span i::before {
          margin-left: 0px; }
      #header ul.menu > li .icon-down-open {
        display: none; }
      #header ul.menu > li > ul {
        display: none;
        padding-top: 2px;
        min-width: 130%;
        position: absolute;
        top: 65px;
        left: 0%;
        box-shadow: 5px 7px 26px -5px rgba(43.1%, 38.4%, 38.4%, 0.286);
         }
        #header ul.menu > li > ul > li {
          float: none;
          margin-bottom: 2px;
          background:rgba(250,250,250,.95);
          transition: background-color .3s;
          position: relative; }
          #header ul.menu > li > ul > li:hover {
            background-color: #FBAF1C; }
            #header ul.menu > li > ul > li:hover a {
              color: white; }
              #header ul.menu > li > ul > li:hover a i {
                color: white; }
              #header ul.menu > li > ul > li:hover a span {
                color: white; }
          #header ul.menu > li > ul > li > a {
            display: block;
            text-align: left;
            margin: 0;
            font-size: 15px;
            text-decoration: none;
            padding: 18.5px 3px;
            padding-left: 0;
            padding-right: 0;
            transition: color .1s; }
            #header ul.menu > li > ul > li > a i {
                display: none !important;
              width: 29px;
              height: 30px;
              margin: 0;
              margin-right: 2px;
              transition: color .1s;
              margin-left: 2px;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              color: #3f3f3f; }
            #header ul.menu > li > ul > li > a span {
              display: inline-block;
              width: calc(100% - 40px);
              margin-left: 15px;
              color: #3f3f3f; }
      #header ul.menu > li > i {
        display: none; }
    #header ul.menu i:before {
      font-size: 24px;
      margin-right: 9px;
      width: auto; }
    @media (max-width: 1600px) {
      #header ul.menu {
        margin-left: 0px; } }
    @media (max-width: 1400px) {
      #header ul.menu {
        margin-left: 0px; }
        #header ul.menu > li {
          padding: 0 3px; }

        #header ul.menu > li > ul > li > a {
          padding-left: 6px; } }
    @media (max-width: 1200px) {
      #header ul.menu li {
        padding: 0 5px; }
        #header ul.menu li a i:before {
          display: none; }
        #header ul.menu li span i:before {
          display: none; }
      #header ul.menu > li > ul > li {
        padding: 0; }
      #header ul.menu > li > ul > li > a {
        padding-left: 0; }
      #header ul.menu > li > ul > li > a i {
        display: none; }
      #header ul.menu > li > ul > li > a span {
        margin-left: 0;
        width: 100%; } }
  #header .outer_link {
    display: table; }
    #header .outer_link ul {
      float: left;
      margin-left: 3px;
      display: block; }
      #header .outer_link ul li {
        float: left;
        margin-right: 24px;
        line-height: 65px;
        width: 20px;
        padding-top: 3px; }
        #header .outer_link ul li svg {
          width: 20px;
          height: 20px; }
          #header .outer_link ul li svg path {
            fill: white !important; }
        #header .outer_link ul li.line svg path:nth-child(2) {
          fill: #FFC834 !important; }
        #header .outer_link ul li:last-child {
          margin-right: 0; }
    @media (max-width: 1400px) {
      #header .outer_link {
        display: none; } }

/* ==========================================================================
    footer
 ==========================================================================*/
#go-to-top {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 57px;
  background: white;
  z-index: 6;
  transform: translateY(59px);
  transition: transform .3s; }
  #go-to-top.show {
    transform: translateY(0px); }
  #go-to-top ul li a {
    display: block;
    text-decoration: none;
    border: 1px solid #F4F4F4;
    width: 57px;
    height: 57px;
    position: relative; }
    #go-to-top ul li a svg {
      width: 22px;
      height: 22px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #go-to-top ul li a svg path {
        fill: #AEAEAE !important; }
    #go-to-top ul li a:hover svg path {
      fill: #FBAF1C !important; }
  #go-to-top ul li.line a svg path:nth-child(2) {
    fill: white !important; }
  #go-to-top ul li.top {
    background-color: #FBAF1C;
    color: white;
    text-align: center;
    height: 57px;
    cursor: pointer; }
    #go-to-top ul li.top span {
      margin-top: -8px;
      display: block;
      font-family: "Dokdo";
      font-size: 22px; }
  @media (max-width: 768px) {
    #go-to-top {
      transform: translateY(42px);
      width: 40px; }
      #go-to-top ul li a {
        width: 40px;
        height: 40px; }
      #go-to-top ul li.top {
        height: 40px; }
        #go-to-top ul li.top span {
          font-size: 12px; } }

.footer_menu {
  display: flex;
  margin: auto;
  margin-bottom: 50px;
  list-style: none;
  padding: 0 15px; }
  .footer_menu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
    text-align: center; }
    .footer_menu li .circle {
      border: 1px solid black;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      position: relative;
      font-size: 38px;
      margin: auto;
      margin-bottom: 10px;
      overflow: hidden; }
      .footer_menu li .circle:before {
        content: "";
        background: #FDD000;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-75%, -75%);
        transition: transform .5s; }
      .footer_menu li .circle:hover:before {
        transform: none; }
      .footer_menu li .circle a {
        display: block;
        height: 100%;
        border-radius: 50%; }
        .footer_menu li .circle a:hover {
          color: black; }
        .footer_menu li .circle a img {
          width: 35px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    .footer_menu li > span {
      font-weight: bold; }
  @media screen and (max-width: 1200px) {
    .footer_menu {
      padding: 0; } }

#footer {
  background-color: #EEEEEE; }
  #footer .top {
    padding-top: 33px;
    padding-bottom: 29px; }
    #footer .top > div.row > div .phone {
      display: flex; }
      #footer .top > div.row > div .phone > div:nth-child(1) {
        font-size: 50px;
        padding: 0;
        margin-top: -10px; }
        #footer .top > div.row > div .phone > div:nth-child(1) i::before {
          margin-left: 0; }
      #footer .top > div.row > div .phone > div:nth-child(2) a {
        color: black;
        text-decoration: none; }
        #footer .top > div.row > div .phone > div:nth-child(2) a:hover {
          color: black; }
      #footer .top > div.row > div .phone > div:nth-child(2) span {
        display: block;
        margin-top: -5px; }
        #footer .top > div.row > div .phone > div:nth-child(2) span:nth-child(2) {
          margin-top: -15px; }
    #footer .top > div.row > div .note_1 {
      margin-top: -5px;
      display: block; }
    #footer .top > div.row > div > span {
      display: block; }
    #footer .top > div.row > div:last-child {
      margin-left: -20px;
      padding: 0;
      padding-top: 46px; }
      #footer .top > div.row > div:last-child > ul {
        border-left: 1px solid;
        padding-left: 30px; }
        #footer .top > div.row > div:last-child > ul > li {
          margin-bottom: 3px; }
          #footer .top > div.row > div:last-child > ul > li .title {
            margin-right: 10px; }
          #footer .top > div.row > div:last-child > ul > li > ul > li:not(:last-child) a {
            border-right: 1px solid black; }
          #footer .top > div.row > div:last-child > ul > li > ul > li a {
            padding: 0 10px;
            font-size: 16px; }
    #footer .top > div.row > div:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 29.5%;
      flex: 0 0 29.5%;
      max-width: 29.5%; }
    #footer .top > div.row > div:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 36%;
      flex: 0 0 36%;
      max-width: 36%; }
  #footer .bottom {
    background-color: #282B2F;
    padding: 15px 0; }
    #footer .bottom > div.max1380 {
      position: relative; }
      #footer .bottom > div.max1380 #copyright span:nth-child(1) {
        color: #6F7070; }
      #footer .bottom > div.max1380 #copyright span:nth-child(2) {
        color: #6F7070; }
      #footer .bottom > div.max1380 #copyright span:nth-child(3) {
        color: #6F7070; }
        #footer .bottom > div.max1380 #copyright span:nth-child(3) a {
          color: #6F7070; }
          #footer .bottom > div.max1380 #copyright span:nth-child(3) a:hover {
            color: white; }
      #footer .bottom > div.max1380 .sitemap {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #6F7070; }
        @media screen and (max-width: 1600px) {
          #footer .bottom > div.max1380 .sitemap {
            right: 10%; } }
        @media screen and (max-width: 992px) {
          #footer .bottom > div.max1380 .sitemap {
            display: none; } }
  @media screen and (max-width: 1400px) {
    #footer .top > div.row > div:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%; }
    #footer .top > div.row > div:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      max-width: 30%; }
    #footer .top > div.row > div:last-child {
      margin-left: 0;
      min-width: 420px; } }
  @media screen and (max-width: 1200px) {
    #footer .top > div.row {
      margin-left: -5px;
      margin-right: -5px; }
      #footer .top > div.row > div {
        padding: 0 5px; }
        #footer .top > div.row > div:nth-child(1) {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 30.5%;
          flex: 0 0 30.5%;
          max-width: 30.5%; }
          #footer .top > div.row > div:nth-child(1) .phone > div:nth-child(2) {
            margin-top: 15px; }
        #footer .top > div.row > div:nth-child(2) {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 35%;
          flex: 0 0 35%;
          max-width: 35%; }
          #footer .top > div.row > div:nth-child(2) .phone > div:nth-child(2) {
            margin-top: 15px; }
        #footer .top > div.row > div:last-child {
          padding-top: 0;
          min-width: initial;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 32%;
          flex: 0 0 32%;
          min-width: 300px; }
          #footer .top > div.row > div:last-child ul {
            padding-left: 20px; }
            #footer .top > div.row > div:last-child ul li {
              margin-bottom: 0; }
              #footer .top > div.row > div:last-child ul li .title {
                float: none !important; }
              #footer .top > div.row > div:last-child ul li ul {
                padding-left: 0;
                margin-left: -10px; } }
  @media screen and (max-width: 992px) {
    #footer .top > div.row > div:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
    #footer .top > div.row > div:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
    #footer .top > div.row > div:last-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin-top: 17px; }
      #footer .top > div.row > div:last-child ul {
        padding-left: 0;
        border-left: 0; }
        #footer .top > div.row > div:last-child ul li {
          margin-bottom: 5px; }
          #footer .top > div.row > div:last-child ul li .title {
            float: left !important; }
          #footer .top > div.row > div:last-child ul li ul {
            padding-left: 0;
            margin-left: -10px; } }
  @media screen and (max-width: 768px) {
    #footer .top {
      padding-top: 34px;
      padding-bottom: 17px; }
      #footer .top > div.row > div:nth-child(1), #footer .top > div.row > div:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0; }
        #footer .top > div.row > div:nth-child(1) .phone > div:nth-child(2), #footer .top > div.row > div:nth-child(2) .phone > div:nth-child(2) {
          margin-top: 8px; }
          #footer .top > div.row > div:nth-child(1) .phone > div:nth-child(2) span, #footer .top > div.row > div:nth-child(2) .phone > div:nth-child(2) span {
            margin-top: -5px; }
      #footer .top > div.row > div:last-child {
        margin-top: 0; }
    #footer .bottom #copyright span {
      display: block;
      text-align: center; } }
  @media screen and (max-width: 576px) {
    #footer .top > div.row > div:last-child {
      margin-top: 0; }
      #footer .top > div.row > div:last-child ul li .title {
        float: none !important; }
    #footer .bottom #copyright span {
      display: block;
      text-align: center; } }

/* ==========================================================================
    各頁面
==========================================================================*/
#index ul.banner {
  padding: 0;
  height: auto;
  margin-top: 35px; }
  #index ul.banner .slick-arrow {
    width: 36px;
    height: 36px;
    display: block;
    color: #DADADA;
    background-color: inherit; }
    #index ul.banner .slick-arrow.icon-left {
      transform: rotate(180deg);
      left: 10%; }
    #index ul.banner .slick-arrow.icon-right {
      right: 10%; }
    #index ul.banner .slick-arrow:before {
      font-size: 38px;
      margin: 0; }
  #index ul.banner .slick-list li {
    padding: 0 40px; }

#index ul.banner_for_phone {
  display: none; }

#index .main-block .main-box {
  margin-top: 50px;
  position: relative; }
  #index .main-block .main-box .flag {
    display: none; }
  #index .main-block .main-box .eye {
    display: none; }
  #index .main-block .main-box:before {
    content: "";
    display: block;
    background: url(images/common/cartoon_one.png) center no-repeat;
    width: 93px;
    height: 110px;
    position: absolute;
    top: -89px;
    left: 28px;
    z-index: 1; }
  #index .main-block .main-box:after {
    content: "";
    display: block;
    background: url(images/common/cartoon.png) center no-repeat;
    width: 300px;
    height: 110px;
    position: absolute;
    top: -89px;
    right: 3px;
    z-index: 1; }
  #index .main-block .main-box > ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #index .main-block .main-box > ul > li {
      padding-left: 0;
      padding-right: 0;
      transition: transform .5s; }
      #index .main-block .main-box > ul > li:hover {
        transform: scale(1.05);
        z-index: 1; }
      #index .main-block .main-box > ul > li img:not(.icon) {
        width: 100%; }
      #index .main-block .main-box > ul > li .yellow-text {
        position: absolute;
        text-transform: uppercase;
        transform: rotate(90deg);
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.5px; }
      #index .main-block .main-box > ul > li a {
        display: block;
        position: relative; }
        #index .main-block .main-box > ul > li a:hover {
          color: black; }
        #index .main-block .main-box > ul > li a img.icon {
          position: absolute;
          bottom: -5%;
          right: -3%;
          z-index: 1; }
      #index .main-block .main-box > ul > li .text {
        position: absolute;
        left: 10%;
        top: 10%;
        color: black;
        width: 80%; }
        #index .main-block .main-box > ul > li .text .title {
          display: block;
          line-height: 1.2em;
          font-size: 45px; }
          #index .main-block .main-box > ul > li .text .title span {
            display: block;
            line-height: 1.2em; }
        #index .main-block .main-box > ul > li .text ul {
          margin-left: -8px;
          width: 100%; }
          #index .main-block .main-box > ul > li .text ul li {
            display: block;
            float: left;
            padding: 0 8px;
            min-width: 90px; }
            #index .main-block .main-box > ul > li .text ul li:not(:last-child) {
              position: relative; }
              #index .main-block .main-box > ul > li .text ul li:not(:last-child)::after {
                content: "";
                display: block;
                position: absolute;
                height: 21px;
                width: 2px;
                background-color: black;
                right: 0;
                top: 50%;
                transform: translateY(-50%); }
            #index .main-block .main-box > ul > li .text ul li a {
              display: initial;
              transition: color .1s; }
              #index .main-block .main-box > ul > li .text ul li a:hover {
                color: #FBAF1C; }
      #index .main-block .main-box > ul > li .center-text {
        position: absolute;
        left: 50%;
        top: 22%;
        transform: translateX(-50%);
        width: 250px; }
        #index .main-block .main-box > ul > li .center-text .title {
          line-height: 1.1em;
          display: block;
          margin: auto;
          border-bottom: 1px solid #565656;
          padding: 0 20px;
          padding-bottom: 10px;
          text-align: center; }
          #index .main-block .main-box > ul > li .center-text .title span {
            display: block;
            line-height: 1.2em; }
        #index .main-block .main-box > ul > li .center-text ul {
          margin: auto;
          margin-top: 5px;
          display: table; }
          #index .main-block .main-box > ul > li .center-text ul li {
            display: block;
            float: left;
            padding: 0 8px; }
            #index .main-block .main-box > ul > li .center-text ul li:nth-child(1) {
              position: relative; }
              #index .main-block .main-box > ul > li .center-text ul li:nth-child(1)::after {
                content: "";
                display: block;
                position: absolute;
                height: 21px;
                width: 2px;
                background-color: black;
                right: 0;
                top: 50%;
                transform: translateY(-50%); }
            #index .main-block .main-box > ul > li .center-text ul li a {
              display: initial;
              transition: color .1s; }
              #index .main-block .main-box > ul > li .center-text ul li a:hover {
                color: #FBAF1C; }
      #index .main-block .main-box > ul > li.search .text {
        top: 22%;
        left: 17%; }
        #index .main-block .main-box > ul > li.search .text .website {
          margin-top: -8px; }
      #index .main-block .main-box > ul > li.search #search_form {
        position: absolute;
        top: 60%;
        left: 45%;
        transform: translate(-50%, -50%); }
        #index .main-block .main-box > ul > li.search #search_form input {
          background-color: #FCD904;
          border: 4px solid #241813;
          border-radius: 15px;
          width: 206px;
          padding-left: 20px;
          padding-right: 40px;
          color: #241813;
          height: 42px; }
        #index .main-block .main-box > ul > li.search #search_form button {
          position: absolute;
          top: 50%;
          right: 15px;
          transform: translateY(-50%); }
      #index .main-block .main-box > ul > li.video .yellow-text {
        right: -16px;
        top: 57px; }
      #index .main-block .main-box > ul > li.video .text {
        top: 83%;
        left: 5%; }
        #index .main-block .main-box > ul > li.video .text span {
          font-size: 34px; }
      #index .main-block .main-box > ul > li.video .more {
        position: absolute;
        top: 86%;
        right: 5%;
        font-size: 16px;
        font-weight: bold; }
        #index .main-block .main-box > ul > li.video .more img {
          width: 16px;
          margin-left: 8px; }
      @media screen and (max-width: 1600px) {
        #index .main-block .main-box > ul > li.video .more {
          font-size: 1.1vw; } }
      @media screen and (max-width: 1400px) {
        #index .main-block .main-box > ul > li.video .text span {
          font-size: 2.3vw; } }
      @media screen and (max-width: 1200px) {
        #index .main-block .main-box > ul > li.video .text span {
          font-size: 2.6vw; }
        #index .main-block .main-box > ul > li.video .more {
          font-size: 1.5vw; } }
      @media screen and (max-width: 992px) {
        #index .main-block .main-box > ul > li.video .text span {
          font-size: 4vw; }
        #index .main-block .main-box > ul > li.video .more {
          font-size: 2.2vw;
          right: 6%; }
          #index .main-block .main-box > ul > li.video .more img {
            width: 21px; } }
      #index .main-block .main-box > ul > li.shops .text {
        top: 13%;
        left: 35%; }
      #index .main-block .main-box > ul > li.shops .shop {
        position: absolute;
        bottom: 12%;
        left: 11%; }
        #index .main-block .main-box > ul > li.shops .shop ul li {
          line-height: 1.3em; }
          #index .main-block .main-box > ul > li.shops .shop ul li span {
            line-height: 1.3em; }
          #index .main-block .main-box > ul > li.shops .shop ul li:nth-child(2) span {
            letter-spacing: 1.66px;}
          #index .main-block .main-box > ul > li.shops .shop ul li span {
            
          display:inline-block;
        width: 103px; }

          #index .main-block .main-box > ul > li.shops .shop ul li:nth-child(3) span {
            letter-spacing: 0.3px; }
      #index .main-block .main-box > ul > li.line_fb {
        position: relative; }
        #index .main-block .main-box > ul > li.line_fb a {
          position: absolute;
          width: 100%;
          height: 50%;
          z-index: 1; }
          #index .main-block .main-box > ul > li.line_fb a:nth-child(2) {
            top: 50%; }
          #index .main-block .main-box > ul > li.line_fb a .text_1 {
            position: absolute;
            top: 0;
            left: 0;
            visibility: hidden; }
        #index .main-block .main-box > ul > li.line_fb img {
          width: 100%; }
      #index .main-block .main-box > ul > li.pro .text span {
        display: block;
        font-size: 18px;
        font-weight: bold; }
        #index .main-block .main-box > ul > li.pro .text span.title {
          font-family: "Lato";
          font-size: 36px; }
          #index .main-block .main-box > ul > li.pro .text span.title:nth-child(2) {
            font-size: 35px;
            font-family: "微軟正黑體";
            margin-top: 10px; }
      #index .main-block .main-box > ul > li.pro .text .description {
        margin-top: 20px; }
      @media screen and (max-width: 1400px) {
        #index .main-block .main-box > ul > li.pro .text span {
          font-size: 1.2vw; }
          #index .main-block .main-box > ul > li.pro .text span.title {
            font-size: 2.5vw; }
            #index .main-block .main-box > ul > li.pro .text span.title:nth-child(2) {
              font-size: 2.4vw; } }
      @media screen and (max-width: 1200px) {
        #index .main-block .main-box > ul > li.pro .text span {
          font-size: 1.5vw; }
          #index .main-block .main-box > ul > li.pro .text span.title {
            font-size: 3.2vw; }
            #index .main-block .main-box > ul > li.pro .text span.title:nth-child(2) {
              font-size: 3.1vw; } }
      @media screen and (max-width: 992px) {
        #index .main-block .main-box > ul > li.pro .text span {
          font-size: 2.4vw; }
          #index .main-block .main-box > ul > li.pro .text span.title {
            font-size: 4.5vw; }
            #index .main-block .main-box > ul > li.pro .text span.title:nth-child(2) {
              font-size: 4.8vw; } }
      #index .main-block .main-box > ul > li.cooperation {
        position: relative; }
        #index .main-block .main-box > ul > li.cooperation .text {
          top: 7%; }
          #index .main-block .main-box > ul > li.cooperation .text span {
            text-shadow: 2px 2px 5px #9C938A;
            display: block; }
            #index .main-block .main-box > ul > li.cooperation .text span.title {
              margin-bottom: 9px; }
            #index .main-block .main-box > ul > li.cooperation .text span:not(.title) {
              font-size: 68px;
              color: white;
              line-height: 1em;
              font-family: "arial"; }
        #index .main-block .main-box > ul > li.cooperation .link_group {
          margin-top: 15px; }
          #index .main-block .main-box > ul > li.cooperation .link_group a {
            display: inline-block;
            float: left;
            display: block;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            margin-right: 10px;
            box-shadow: 3px 3px 10px #354248; }
            #index .main-block .main-box > ul > li.cooperation .link_group a.home {
              background: url(./images/index/home.png); }
            #index .main-block .main-box > ul > li.cooperation .link_group a.earth {
              background: url(./images/index/earth.png); }
        @media screen and (max-width: 1400px) {
          #index .main-block .main-box > ul > li.cooperation .text span.title {
            font-size: 3vw; }
          #index .main-block .main-box > ul > li.cooperation .text span:not(.title) {
            font-size: 4.2vw; } }
        @media screen and (max-width: 1200px) {
          #index .main-block .main-box > ul > li.cooperation .text span.title {
            font-size: 4vw; }
          #index .main-block .main-box > ul > li.cooperation .text span:not(.title) {
            font-size: 5.5vw; } }
        @media screen and (max-width: 992px) {
          #index .main-block .main-box > ul > li.cooperation .text span.title {
            font-size: 6.5vw; }
          #index .main-block .main-box > ul > li.cooperation .text span:not(.title) {
            font-size: 8.5vw; } }
      #index .main-block .main-box > ul > li.buy .website {
        margin-top: -5px; }
      #index .main-block .main-box > ul > li.gift .yellow-text {
        right: -17%;
        top: 50%; }
      #index .main-block .main-box > ul > li.contact .yellow-text {
        right: 0%;
        top: 20%; }
      #index .main-block .main-box > ul > li.join .yellow-text {
        right: 0%;
        top: 21%; }
      #index .main-block .main-box > ul > li.sign .yellow-text {
        right: 2%;
        top: 16%; }
      #index .main-block .main-box > ul > li.vendor .yellow-text {
        right: -11%;
        top: 26%; }

@media screen and (max-width: 1400px) {
  #index .main-block .main-box ul li .text .title {
    font-size: 3vw; }
  #index .main-block .main-box ul li .center-text .title {
    font-size: 2.5vw; } }

@media screen and (max-width: 1199px) {
  #index .main-block .main-box ul li .text .title {
    font-size: 4vw; }
  #index .main-block .main-box ul li .center-text .title {
    font-size: 3.5vw; }
  #index ul.banner .slick-arrow.icon-left {
    left: 0px; }
  #index ul.banner .slick-arrow.icon-right {
    right: 0px; } }

@media screen and (max-width: 991px) {
  #index .main-block .main-box ul li .text .title {
    font-size: 6vw; }
  #index .main-block .main-box ul li .center-text .title {
    font-size: 5vw; }
  #index ul.banner {
    margin-top: 0;
    padding-bottom: 34px; }
  #index ul.banner .slick-list li {
    padding: 0; } }

@media screen and (max-width: 767px) {
  #index ul.banner {
    display: none; }
  #index ul.banner_for_phone {
    padding: 0;
    margin: 0;
    display: block; }
    #index ul.banner_for_phone img {
      width: 100%; }
  #index .main-block .main-box {
    margin-top: 80px; }
  #index .main-block .main-box:after {
    top: -59px;
    width: 200px;
    height: 73px;
    background-size: cover; }
  #index .slick-arrow {
    display: none !important; }
  #index .main-block .main-box > ul > li .yellow-text {
    font-size: 2.3vw; } }

@media screen and (max-width: 575px) {
          #index .main-block .main-box > ul > li.shops .shop ul li span {
            
          display:inline-block;
        width: 103px; }
  #index .main-block .main-box .flag {
    position: absolute;
    right: 119px;
    top: -73px;
    display: block; }
  #index .main-block .main-box .eye {
    position: absolute;
    left: 41px;
    top: -39px;
    display: block;
    z-index: 1; }
  #index .main-block .main-box:before {
    background-image: url(./images/common/cartoon_one_noeye.png); }
  #index .main-block .main-box:after {
    background-image: url(./images/common/cartoon_noflag.png); }
  #index .main-block .main-box ul li .text ul {
    font-size: 3.5vw; }
  #index .main-block .main-box ul li .text ul li {
    min-width: inherit; }
  #index .main-block .main-box ul li .center-text {
    width: 80%;
  top: 19%; }
    #index .main-block .main-box ul li .center-text .title{
      padding-bottom: 0;
    }
    #index .main-block .main-box ul li .center-text ul {
      font-size: 3vw; }
      #index .main-block .main-box ul li .center-text ul li {
        padding: 0 1vw; }
  #index .main-block .main-box:before {
    left: -14px; }
  #index .main-block .main-box ul li.search .text .website,
  #index .main-block .main-box > ul > li.buy .website,
  #index .main-block .main-box > ul > li.join li {
    font-size: 3vw;
    margin-top: -3px; }
  #index .main-block .main-box > ul > li.search #search_form {
    width: 80%; }
    #index .main-block .main-box > ul > li.search #search_form input {
      width: 100%;
      font-size: 15px;
      padding: 0 5px; }
    #index .main-block .main-box > ul > li.search #search_form button {
      right: 8px; }
  #index .main-block .main-box > ul > li.video .more span span {
    display: none; }
  #index .main-block .main-box > ul > li a img.icon {
    width: 40%; }
  #index .main-block .main-box > ul > li .text {
    width: 100%;
  top: 4%; }
  #index .main-block .main-box > ul > li.shops .shop {
    left: 10px; 
  }
  #index .main-block .main-box > ul > li.shops .shop ul{
    font-size: 12px;
  }
    #index .main-block .main-box > ul > li.shops .shop ul li span{
      width: 68px;
}
      #index .main-block .main-box > ul > li.shops .shop ul li span {
        letter-spacing: 0px !important; }
  #index .main-block .main-box > ul > li.pro .text .description {
    margin-top: 0; }
  #index .main-block .main-box > ul > li.pro .text {
    width: 90%;
    left: 5%; }
  #index .main-block .main-box > ul > li.cooperation .text span:not(.title) {
    font-size: 6vw !important;
    line-height: 1.2em; } }

@media screen and (max-width: 350px) {
  #index .main-block .main-box ul li .center-text ul li {
    padding: 0;
    letter-spacing: -1px; }
  #index .main-block .main-box ul li.join .text ul {
    letter-spacing: -1px; } }

#about .main-wrapper {
  margin-bottom: 110px; }

#about .step-block {
  position: relative;
  height: 623px;
  max-width: 1180px;
  width: calc(100% - 20px);
  display: table;
  margin: auto;
  margin-top: 60px; }
  #about .step-block .step-box {
    width: 22%;
    position: absolute;
    margin-bottom: 10px; }
    #about .step-block .step-box .title {
      font-weight: bold;
      font-size: 20px;
      margin-top: 5px;
      margin-bottom: 0; }
    #about .step-block .step-box img {
      width: 100%; }
    #about .step-block .step-box p {
      font-size: 17px; }
    #about .step-block .step-box.step_1 {
      top: 0;
      left: 0; }
    #about .step-block .step-box.step_2 {
      top: 0;
      right: 0; }
    #about .step-block .step-box.step_3 {
      bottom: 0;
      left: 0; }
    #about .step-block .step-box.step_4 {
      bottom: 0;
      right: 0; }
  #about .step-block .circle-box {
    display: table;
    margin: auto;
    position: relative;
    width: 44%;
    }
    #about .step-block .circle-box .circle-inner {
      position: absolute;
      width: 57.95%; }
      #about .step-block .circle-box .circle-inner.circle_1 {
        z-index: 3; }
        #about .step-block .circle-box .circle-inner.circle_1 .text-inner {
          top: 40%;
          left: 45%;
          transform: translate(-45%, -40%); }
        #about .step-block .circle-box .circle-inner.circle_1 .line {
          top: 40%;
          left: -26%; }
      #about .step-block .circle-box .circle-inner.circle_2 {
        right: 0;
        z-index: 2; }
        #about .step-block .circle-box .circle-inner.circle_2 .text-inner {
          top: 40%;
          left: 55%;
          transform: translate(-55%, -40%); }
        #about .step-block .circle-box .circle-inner.circle_2 .line {
          top: 40%;
          right: -26%; }
      #about .step-block .circle-box .circle-inner.circle_3 {
        bottom: 0; }
        #about .step-block .circle-box .circle-inner.circle_3 .text-inner {
          top: 60%;
          left: 45%;
          transform: translate(-45%, -60%); }
        #about .step-block .circle-box .circle-inner.circle_3 .line {
          top: 50%;
          left: -26%; }
      #about .step-block .circle-box .circle-inner.circle_4 {
        right: 0;
        bottom: 0;
        z-index: 1; }
        #about .step-block .circle-box .circle-inner.circle_4 .text-inner {
          top: 60%;
          left: 55%;
          transform: translate(-55%, -60%); }
        #about .step-block .circle-box .circle-inner.circle_4 .line {
          top: 50%;
          right: -26%; }
      #about .step-block .circle-box .circle-inner .text-inner {
        position: absolute;
        z-index: 1;
        color: white;
        font-weight: bold;
        text-align: center; }
        #about .step-block .circle-box .circle-inner .text-inner span {
          display: block; }
          #about .step-block .circle-box .circle-inner .text-inner span:first-child {
            border-bottom: 1px solid white;
            font-size: 20px;
            padding-bottom: 5px;
            margin-bottom: 5px; }
          #about .step-block .circle-box .circle-inner .text-inner span:nth-child(2) {
            font-size: 24px; }
      #about .step-block .circle-box .circle-inner .line {
        position: absolute; }
  #about .step-block .circle_main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  @media screen and (max-width: 1200px) {
    #about .step-block .step-box {
      width: 25%; }
    #about .step-block .circle-box {
      width: 48%; }
      #about .step-block .circle-box .line {
        display: none; } }
  @media screen and (max-width: 992px) {
    #about .step-block {
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: calc(100% - 34px); }
      #about .step-block .step-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: static;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px; }
      #about .step-block .circle-box {
        width: 55%;
      margin-bottom:30px; }
        #about .step-block .circle-box .circle-inner .text-inner span:nth-child(1) {
          font-size: 16px; }
        #about .step-block .circle-box .circle-inner .text-inner span:nth-child(2) {
          font-size: 20px; }
        #about .step-block .circle-box .circle-inner .line {
          display: none; } }
  @media screen and (max-width: 768px) {
    #about .step-block {
      margin-top: 0; }
      #about .step-block .circle-box {
        width: 72%; } }
  @media screen and (max-width: 576px) {
    #about .step-block .step-box {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0; }
    #about .step-block .circle-box {
      width: 100%;
      background-size: 48% !important; } }

#about .main-block {
  margin-top: -5px;
  background: url("/images/about/bg.png") top no-repeat; }
  #about .main-block .title-box {
    max-width: 730px;
    display: table;
    margin: auto;
    text-align: center; }
    #about .main-block .title-box > span {
      color: #F97446;
      font-weight: bold; }
      #about .main-block .title-box > span > span {
        display: block;
        line-height: 1.5em; }
    #about .main-block .title-box > p {
      margin-top: 15px; }
      #about .main-block .title-box > p > span {
        display: block; }
        #about .main-block .title-box > p > span > span {
          color: #F97446;
          text-decoration: underline; }
  #about .main-block .main-box .canvas-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: -20px;
    z-index: 2;
    display: table; }
    #about .main-block .main-box .canvas-inner.showIt:before {
      transform: translateY(100%); }
    #about .main-block .main-box .canvas-inner .dec_canvas {
      position: absolute;
      left: 0; }
    #about .main-block .main-box .canvas-inner.canvas-inner_1 {
      left: 13%; }
    #about .main-block .main-box .canvas-inner.canvas-inner_2 {
      left: 40%; }
    #about .main-block .main-box .canvas-inner.canvas-inner_3 {
      left: 25%; }
    #about .main-block .main-box .canvas-inner.canvas-inner_4 {
      left: 39%; }
    #about .main-block .main-box .canvas-inner.canvas-inner_5 {
      left: 24%; }
    #about .main-block .main-box .canvas-inner.canvas-inner_6 {
      left: 50%;
      transform: translateX(-50%); }
  #about .main-block .main-box .main-inner .img_group {
    position: relative;
    padding-right: 0;
    z-index: 1; }
    #about .main-block .main-box .main-inner .img_group img:not(.dec_img) {
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      width: 100%;
      z-index: 1; }
    #about .main-block .main-box .main-inner .img_group .dec_color {
      position: absolute;
      top: 0;
      width: 10px;
      height: 100%; }
    #about .main-block .main-box .main-inner .img_group .dec_img {
      position: absolute;
      z-index: -1; }
    #about .main-block .main-box .main-inner .img_group .dec_img_1 {
      bottom: -10%;
      left: 10%; }
    #about .main-block .main-box .main-inner .img_group .dec_img_2 {
      bottom: -12%;
      right: 7%; }
    #about .main-block .main-box .main-inner .img_group .dec_img_3 {
      bottom: -15%;
      left: 5%; }
    #about .main-block .main-box .main-inner .img_group .dec_img_4 {
      bottom: -8%;
      right: 9%; }
  #about .main-block .main-box .main-inner .text_group {
    padding-top: 34px;
    z-index: 3; }
    #about .main-block .main-box .main-inner .text_group:after {
      content: "";
      display: block;
      height: 100%; }
    #about .main-block .main-box .main-inner .text_group span {
      border-bottom-width: 2px;
      border-bottom-style: solid;
      margin-bottom: 25px; }
  #about .main-block .main-box .main-inner.main-inner_1 .text_group, #about .main-block .main-box .main-inner.main-inner_3 .text_group, #about .main-block .main-box .main-inner.main-inner_5 .text_group {
    padding-left: 5%;
    padding-right: 6%; }
  #about .main-block .main-box .main-inner.main-inner_1 .img_group, #about .main-block .main-box .main-inner.main-inner_3 .img_group, #about .main-block .main-box .main-inner.main-inner_5 .img_group {
    padding-left: 6.6%; }
    #about .main-block .main-box .main-inner.main-inner_1 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_3 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_5 .img_group .dec_color {
      right: 0; }
  #about .main-block .main-box .main-inner.main-inner_2 .text_group, #about .main-block .main-box .main-inner.main-inner_4 .text_group {
    padding-left: 6.5%;
    padding-right: 5%; }
  #about .main-block .main-box .main-inner.main-inner_2 .img_group, #about .main-block .main-box .main-inner.main-inner_4 .img_group {
    padding-left: 0%;
    padding-right: 6.6%; }
    #about .main-block .main-box .main-inner.main-inner_2 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_4 .img_group .dec_color {
      left: 0; }
  #about .main-block .logo-box {
    max-width: 1000px;
    margin: auto;
    position: relative; }
    #about .main-block .logo-box .logo-inner {
      height: 200px;
      position: relative; }
      #about .main-block .logo-box .logo-inner > img {
        top: 50%;
        transform: translateY(-50%);
        position: absolute; }
        #about .main-block .logo-box .logo-inner > img.left {
          left: 0; }
        #about .main-block .logo-box .logo-inner > img.right {
          right: 0; }
      #about .main-block .logo-box .logo-inner .img-inner {
        display: table;
        margin: auto;
        width: 590px;
        height: 200px; }
        #about .main-block .logo-box .logo-inner .img-inner .center-wrapper {
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
          #about .main-block .logo-box .logo-inner .img-inner .center-wrapper img.com {
            position: absolute;
            z-index: 1; }
    #about .main-block .logo-box .text-inner {
      text-align: center;
      line-height: 2em; }
      #about .main-block .logo-box .text-inner .title {
        display: block;
        margin-bottom: 7px; }
      #about .main-block .logo-box .text-inner > div > span {
        line-height: 1.9em;
        display: block; }
  @media screen and (max-width: 1400px) {
    #about .main-block .main-box .main-inner.main-inner_1 .text_group, #about .main-block .main-box .main-inner.main-inner_3 .text_group, #about .main-block .main-box .main-inner.main-inner_5 .text_group {
      padding-left: 3%;
      padding-right: 3%; }
    #about .main-block .main-box .main-inner.main-inner_1 .img_group, #about .main-block .main-box .main-inner.main-inner_3 .img_group, #about .main-block .main-box .main-inner.main-inner_5 .img_group {
      padding-left: 3%; }
      #about .main-block .main-box .main-inner.main-inner_1 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_3 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_5 .img_group .dec_color {
        right: 0; }
    #about .main-block .main-box .main-inner.main-inner_2 .text_group, #about .main-block .main-box .main-inner.main-inner_4 .text_group {
      padding-left: 3%;
      padding-right: 3%; }
    #about .main-block .main-box .main-inner.main-inner_2 .img_group, #about .main-block .main-box .main-inner.main-inner_4 .img_group {
      padding-left: 0%;
      padding-right: 3%; }
      #about .main-block .main-box .main-inner.main-inner_2 .img_group .dec_color, #about .main-block .main-box .main-inner.main-inner_4 .img_group .dec_color {
        left: 0; }
    #about .main-block .main-box .main-inner .text_group {
      padding-top: 10px; }
    #about .main-block .main-box .canvas-inner .canvas-inner_6 {
      left: calc((100vw/2) - 280px); } }
  @media screen and (max-width: 1199px) {
    #about .main-block .main-box .main-inner .text_group {
      padding-top: 0px; }
    #about .main-block .logo-box {
      padding-left: 3%;
      padding-right: 3%;
      max-width: initial; }
      #about .main-block .logo-box .logo-inner img {
        zoom: 0.8; }
        #about .main-block .logo-box .logo-inner img.left {
          left: 10%; }
        #about .main-block .logo-box .logo-inner img.right {
          right: 10%; } }
  @media screen and (max-width: 991px) {
    #about .main-block {
      margin-top: 50px; }
      #about .main-block .main-box .canvas-inner.canvas-inner_2 {
        left: 20%; }
      #about .main-block .main-box .canvas-inner.canvas-inner_4 {
        left: 20%; }
      #about .main-block .main-box .canvas-inner.canvas-inner_5 {
        left: 20%; }
      #about .main-block .logo-box .logo-inner img {
        zoom: 0.8; }
        #about .main-block .logo-box .logo-inner img.left {
          left: 5%; }
        #about .main-block .logo-box .logo-inner img.right {
          right: 5%; } }
  @media screen and (max-width: 767px) {
    #about .main-block .title-box p span {
      display: inline; }
    #about .main-block .main-box .canvas-inner {
      display: none; }
    #about .main-block .main-box .main-inner {
      margin: 0;
      margin-bottom: 17px; }
      #about .main-block .main-box .main-inner .img_group {
        padding-left: 0 !important;
        padding-right: 0 !important; }
        #about .main-block .main-box .main-inner .img_group .dec_img {
          display: none; }
        #about .main-block .main-box .main-inner .img_group .dec_color {
          display: none; }
      #about .main-block .main-box .main-inner .text_group {
        margin-top: 17px;
        padding-left: 0 !important;
        padding-right: 0 !important; }
        #about .main-block .main-box .main-inner .text_group span {
          margin-bottom: 10px;
          padding-bottom: 0px !important; }
        #about .main-block .main-box .main-inner .text_group p {
          margin-bottom: 0; }
    #about .main-block .logo-box .logo-inner {
      height: auto; }
      #about .main-block .logo-box .logo-inner .img-inner {
        width: 100%;
        margin-bottom: 20px;
        height: 200px; }
        #about .main-block .logo-box .logo-inner .img-inner img {
          zoom: 1; }
      #about .main-block .logo-box .logo-inner > img {
        zoom: 1;
        margin: auto;
        display: table;
        position: static;
        margin-bottom: 20px; }
    #about .main-block .logo-box .text-inner > div > span {
      display: inline; } }
  @media screen and (max-width: 575px) {
    #about .main-block {
      margin-top: 0;
    }
    #about .main-block .title-box > span > span {
      display: inline; } }

#history .history-block {
  max-width: 1245px;
  margin: auto;
  margin-bottom: 210px; }
  #history .history-block .title-box {
    max-width: 920px;
    margin: auto; }
  #history .history-block .history-box {
    position: relative;
    z-index: 1;
    margin-top: 120px; }
    #history .history-block .history-box:before {
      content: "";
      display: block;
      background: url("./images/history/dot_top.jpg") center no-repeat;
      width: 6px;
      height: 67px;
      position: absolute;
      top: -67px;
      left: 50%;
      transform: translateX(-50%); }
    #history .history-block .history-box:after {
      content: "";
      display: block;
      background: url("./images/history/dot_bottom.jpg") center no-repeat;
      width: 6px;
      height: 89px;
      position: absolute;
      bottom: -106px;
      left: 50%;
      transform: translateX(-50%); }
    #history .history-block .history-box .hor_line {
      z-index: -1;
      height: calc(100% + 34px);
      width: 2px;
      background-color: #ffcd00;
      position: absolute;
      top: -17px;
      left: 50%;
      transform: translateX(-50%); }
      @media (max-width: 768px) {
        #history .history-block .history-box .hor_line {
          display: none; } }
    #history .history-block .history-box .group {
      margin-bottom: 87px; }
      #history .history-block .history-box .group:last-child {
        margin-bottom: 0; }
      #history .history-block .history-box .group .img_wrapper {
        width: 44%;
        position: relative; }
        #history .history-block .history-box .group .img_wrapper .cir_dot {
          width: 77px;
          height: 29px;
          position: absolute;
          top: 33.33%;
          z-index: -1; }
        #history .history-block .history-box .group .img_wrapper .img {
          width: 400px;
          height: 248px;
          border: 1px solid #E5F0F6; }
      #history .history-block .history-box .group .text {
        border: 1px solid #FDD000;
        height: 230px;
        position: relative;
        padding: 0 35px;
        width: 43.8%;
        margin-top: 9px; }
        #history .history-block .history-box .group .text:before {
          content: "";
          display: block;
          width: 46px;
          height: 46px;
          position: absolute;
          top: 33.33%; }
        #history .history-block .history-box .group .text > div {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding-right: 35px; }
      #history .history-block .history-box .group:nth-child(even) > .img_wrapper {
        float: left;
        margin-right: 7%; }
        #history .history-block .history-box .group:nth-child(even) > .img_wrapper .img {
          float: right; }
        #history .history-block .history-box .group:nth-child(even) > .img_wrapper .cir_dot {
          right: -12px;
          transform: translate(100%, -50%); }
      #history .history-block .history-box .group:nth-child(even) .text {
        float: left;
        margin-left: 5%; }
        #history .history-block .history-box .group:nth-child(even) .text:before {
          left: 0;
          transform: translate(-50%, -50%);
          background: url("images/history/tri_left.jpg") center no-repeat; }
      #history .history-block .history-box .group:nth-child(odd) > .img_wrapper {
        float: right;
        margin-left: 7%; }
        #history .history-block .history-box .group:nth-child(odd) > .img_wrapper .img {
          float: left; }
        #history .history-block .history-box .group:nth-child(odd) > .img_wrapper .cir_dot {
          left: 0;
          transform: rotate(180deg) translate(100%, 50%); }
      #history .history-block .history-box .group:nth-child(odd) .text {
        float: right;
        margin-right: 5%;
        background-color: #FBF8F0; }
        #history .history-block .history-box .group:nth-child(odd) .text:before {
          right: 0;
          background: url("images/history/tri_right.jpg") center no-repeat;
          transform: translate(50%, -50%); }
  @media (max-width: 992px) {
    #history .history-block {
      margin-bottom: 0px; }
      #history .history-block .history-box {
        margin-top: 17px; }
        #history .history-block .history-box:before, #history .history-block .history-box:after, #history .history-block .history-box .hor_line {
          display: none; }
        #history .history-block .history-box .group {
          margin-bottom: 34px; }
          #history .history-block .history-box .group .img_wrapper {
            width: 45%; }
          #history .history-block .history-box .group:nth-child(even) .img_wrapper {
            margin-right: 0; }
            #history .history-block .history-box .group:nth-child(even) .img_wrapper .cir_dot {
              display: none; }
            #history .history-block .history-box .group:nth-child(even) .img_wrapper .img {
              width: 100%; }
          #history .history-block .history-box .group:nth-child(even) .text {
            height: 248px;
            margin-top: 0;
            width: 50%; }
          #history .history-block .history-box .group:nth-child(odd) .img_wrapper {
            margin-right: 0;
            width: 45%;
            margin-left: 5%; }
            #history .history-block .history-box .group:nth-child(odd) .img_wrapper .cir_dot {
              display: none; }
            #history .history-block .history-box .group:nth-child(odd) .img_wrapper .img {
              width: 100%; }
          #history .history-block .history-box .group:nth-child(odd) .text {
            height: 248px;
            margin-top: 0;
            width: 50%;
            margin-right: 0; } }
  @media (max-width: 576px) {
    #history .history-block .history-box .group {
      margin-bottom: 34px; }
      #history .history-block .history-box .group .img_wrapper {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 34px; }
        #history .history-block .history-box .group .img_wrapper .img {
          float: none !important; }
      #history .history-block .history-box .group .text {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 34px 17px;
        height: auto !important;
        background: white !important; }
        #history .history-block .history-box .group .text > div {
          position: static;
          transform: none; }
      #history .history-block .history-box .group:nth-child(even) .text:before {
        top: 0 !important;
        transform: rotate(90deg) translate(-50%, -50%) !important; }
      #history .history-block .history-box .group:nth-child(odd) .text:before {
        left: 0;
        right: auto;
        top: 0 !important;
        transform: rotate(90deg) translate(-50%, -50%) !important;
        background: url("images/history/tri_left.jpg") center no-repeat !important; } }

#new .main-wrapper .main-block, #activity .main-wrapper .main-block, #video .main-wrapper .main-block {
  width: 74%;
  float: left; }
  #new .main-wrapper .main-block .main-box, #activity .main-wrapper .main-block .main-box, #video .main-wrapper .main-block .main-box {
    border: 1px solid #E6E6E6;
    padding-left: 5.8%;
    padding-right: 7%;
    padding-top: 35px; }
    #new .main-wrapper .main-block .main-box .news-title .tag, #activity .main-wrapper .main-block .main-box .news-title .tag, #video .main-wrapper .main-block .main-box .news-title .tag {
      padding: 0px 0;
      font-size: 14.6px;
      border-width: 1px;
      border-style: solid;
      background: white; }
      #new .main-wrapper .main-block .main-box .news-title .tag.orange, #activity .main-wrapper .main-block .main-box .news-title .tag.orange, #video .main-wrapper .main-block .main-box .news-title .tag.orange {
        border: 1px solid #FA9C43;
        color: #FA9C43; }
      #new .main-wrapper .main-block .main-box .news-title .tag.blue, #activity .main-wrapper .main-block .main-box .news-title .tag.blue, #video .main-wrapper .main-block .main-box .news-title .tag.blue {
        border: 1px solid #2EA0DF;
        color: #2EA0DF; }
      #new .main-wrapper .main-block .main-box .news-title .tag.red, #activity .main-wrapper .main-block .main-box .news-title .tag.red, #video .main-wrapper .main-block .main-box .news-title .tag.red {
        border: 1px solid #E60012;
        color: #E60012; }
      #new .main-wrapper .main-block .main-box .news-title .tag.green, #activity .main-wrapper .main-block .main-box .news-title .tag.green, #video .main-wrapper .main-block .main-box .news-title .tag.green {
        border: 1px solid #4DAE21;
        color: #4DAE21; }
      #new .main-wrapper .main-block .main-box .news-title .tag.purple, #activity .main-wrapper .main-block .main-box .news-title .tag.purple, #video .main-wrapper .main-block .main-box .news-title .tag.purple {
        border: 1px solid #7A41D4;
        color: #7A41D4; }
      #new .main-wrapper .main-block .main-box .news-title .tag.dark_blue, #activity .main-wrapper .main-block .main-box .news-title .tag.dark_blue, #video .main-wrapper .main-block .main-box .news-title .tag.dark_blue {
        border: 1px solid #1060B7;
        color: #1060B7; }
    #new .main-wrapper .main-block .main-box .news-title .title, #activity .main-wrapper .main-block .main-box .news-title .title, #video .main-wrapper .main-block .main-box .news-title .title {
      margin-bottom: 8px;
      line-height: 1.5em;
      margin-top: 18px; }
    #new .main-wrapper .main-block .main-box .news-title .date, #activity .main-wrapper .main-block .main-box .news-title .date, #video .main-wrapper .main-block .main-box .news-title .date {
      margin-bottom: 12px; }
    #new .main-wrapper .main-block .main-box .content, #activity .main-wrapper .main-block .main-box .content, #video .main-wrapper .main-block .main-box .content {
      padding-top: 30px;
      padding-right: 5.5%; }
      #new .main-wrapper .main-block .main-box .content .embed-container, #activity .main-wrapper .main-block .main-box .content .embed-container, #video .main-wrapper .main-block .main-box .content .embed-container {
        margin-bottom: 20px; }
      #new .main-wrapper .main-block .main-box .content .share.bottom, #activity .main-wrapper .main-block .main-box .content .share.bottom, #video .main-wrapper .main-block .main-box .content .share.bottom {
        margin-top: 27px;
        padding: 20px 0; }

#new .main-wrapper aside, #activity .main-wrapper aside, #video .main-wrapper aside {
  background-color: #FFDC09;
  float: left;
  width: 26%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 35px;
  position: relative; }
  #new .main-wrapper aside:after, #activity .main-wrapper aside:after, #video .main-wrapper aside:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url("/images/news/Sawtooth.jpg") bottom no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover; }
  #new .main-wrapper aside > .title, #activity .main-wrapper aside > .title, #video .main-wrapper aside > .title {
    padding-bottom: 12px;
    border-bottom: 2px solid black;
    display: block;
    margin-bottom: 40px; }
    #new .main-wrapper aside > .title img, #activity .main-wrapper aside > .title img, #video .main-wrapper aside > .title img {
      width: 45px;
      height: 45px;
      margin-right: 17px; }
  #new .main-wrapper aside > ul, #activity .main-wrapper aside > ul, #video .main-wrapper aside > ul {
    border-bottom: 2px solid #282B2F;
    list-style: none;
    padding: 0; }
    #new .main-wrapper aside > ul li, #activity .main-wrapper aside > ul li, #video .main-wrapper aside > ul li {
      padding-bottom: 10px;
      margin-bottom: 18px; }
      #new .main-wrapper aside > ul li a, #activity .main-wrapper aside > ul li a, #video .main-wrapper aside > ul li a {
        text-decoration: none; }
        #new .main-wrapper aside > ul li a:hover, #activity .main-wrapper aside > ul li a:hover, #video .main-wrapper aside > ul li a:hover {
          color: black; }
        #new .main-wrapper aside > ul li a img, #activity .main-wrapper aside > ul li a img, #video .main-wrapper aside > ul li a img {
          width: 100%;
          margin-bottom: 8px; }
        #new .main-wrapper aside > ul li a .date, #activity .main-wrapper aside > ul li a .date, #video .main-wrapper aside > ul li a .date {
          display: block;
          font-size: 13px;
          color: #888888; }
  #new .main-wrapper aside .more, #activity .main-wrapper aside .more, #video .main-wrapper aside .more {
    display: block;
    width: 160px;
    height: 45px;
    text-decoration: none;
    color: white;
    background-color: #282B2F;
    border-radius: 5px;
    margin: auto;
    margin-top: 25px;
    text-align: center;
    line-height: 45px;
    margin-bottom: 82px; }

@media (max-width: 1400px) {
  #new .main-wrapper .main-block .main-box, #activity .main-wrapper .main-block .main-box, #video .main-wrapper .main-block .main-box {
    padding-left: 2%;
    padding-right: 2%; }
    #new .main-wrapper .main-block .main-box .content, #activity .main-wrapper .main-block .main-box .content, #video .main-wrapper .main-block .main-box .content {
      padding-right: 0; }
  #new .main-wrapper .main-block .prev_back_next .prev i, #activity .main-wrapper .main-block .prev_back_next .prev i, #video .main-wrapper .main-block .prev_back_next .prev i {
    margin-left: 2%;
    margin-right: 2%; }
  #new .main-wrapper .main-block .prev_back_next .next i, #activity .main-wrapper .main-block .prev_back_next .next i, #video .main-wrapper .main-block .prev_back_next .next i {
    margin-left: 2%;
    margin-right: 2%; } }

@media (max-width: 992px) {
  #new .main-wrapper .main-block, #activity .main-wrapper .main-block, #video .main-wrapper .main-block {
    float: none;
    width: 100%;
    margin-bottom: 17px; }
    #new .main-wrapper .main-block .main-box, #activity .main-wrapper .main-block .main-box, #video .main-wrapper .main-block .main-box {
      padding-left: 17px;
      padding-right: 17px; }
  #new .main-wrapper aside, #activity .main-wrapper aside, #video .main-wrapper aside {
    float: none;
    width: 100%;
    padding-top: 17px;
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 1px; }
    #new .main-wrapper aside .title img, #activity .main-wrapper aside .title img, #video .main-wrapper aside .title img {
      margin-right: 5px; }
    #new .main-wrapper aside > span, #activity .main-wrapper aside > span, #video .main-wrapper aside > span {
      margin-bottom: 34px; }
    #new .main-wrapper aside > ul, #activity .main-wrapper aside > ul, #video .main-wrapper aside > ul {
      padding: 0 10px; }
      #new .main-wrapper aside > ul li, #activity .main-wrapper aside > ul li, #video .main-wrapper aside > ul li {
        padding: 0 10px; }
    #new .main-wrapper aside .slick-dots, #activity .main-wrapper aside .slick-dots, #video .main-wrapper aside .slick-dots {
      margin: auto; }
    #new .main-wrapper aside .slick-dots li button, #activity .main-wrapper aside .slick-dots li button, #video .main-wrapper aside .slick-dots li button {
      border: 2px solid black; }
    #new .main-wrapper aside .slick-dots li.slick-active button, #activity .main-wrapper aside .slick-dots li.slick-active button, #video .main-wrapper aside .slick-dots li.slick-active button {
      background-color: black; } }

@media (max-width: 576px) {
  #new .main-wrapper .main-block .main-box, #activity .main-wrapper .main-block .main-box, #video .main-wrapper .main-block .main-box {
    padding-top: 17px; }
    #new .main-wrapper .main-block .main-box .content, #activity .main-wrapper .main-block .main-box .content, #video .main-wrapper .main-block .main-box .content {
      padding-top: 17px; }
      #new .main-wrapper .main-block .main-box .content .embed-container, #activity .main-wrapper .main-block .main-box .content .embed-container, #video .main-wrapper .main-block .main-box .content .embed-container {
        margin-bottom: 17px; }
      #new .main-wrapper .main-block .main-box .content .share.bottom, #activity .main-wrapper .main-block .main-box .content .share.bottom, #video .main-wrapper .main-block .main-box .content .share.bottom {
        padding: 5px 0; }
  #new .main-wrapper aside .title, #activity .main-wrapper aside .title, #video .main-wrapper aside .title {
    margin-bottom: 17px; }
  #new .main-wrapper aside > ul, #activity .main-wrapper aside > ul, #video .main-wrapper aside > ul {
    padding: 0; }
    #new .main-wrapper aside > ul li, #activity .main-wrapper aside > ul li, #video .main-wrapper aside > ul li {
      padding: 0;
      margin-bottom: 17px; }
      #new .main-wrapper aside > ul li a img, #activity .main-wrapper aside > ul li a img, #video .main-wrapper aside > ul li a img {
        margin-bottom: 10.5px; }
  #new .main-wrapper aside .more, #activity .main-wrapper aside .more, #video .main-wrapper aside .more {
    margin-bottom: 34px; } }

#new .main-wrapper .main-block .main-box .slider_group, #activity .main-wrapper .main-block .main-box .slider_group, #video .main-wrapper .main-block .main-box .slider_group {
  margin-bottom: 35px; }
  #new .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current, #activity .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current, #video .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current {
    position: relative; }
    #new .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current::after, #activity .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current::after, #video .main-wrapper .main-block .main-box .slider_group .slider-nav .slick-current::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(253, 208, 0, 0.5); }

#new .main-wrapper {
  margin-bottom: 106px; }

#shops .main-wrapper {
  margin-bottom: 80px; }
  #shops .main-wrapper .main-block {
    margin-top: -8px; }
    #shops .main-wrapper .main-block ul.main-box {
      list-style: none;
      padding: 0;
      margin-left: -25px;
      margin-right: -25px; }
      #shops .main-wrapper .main-block ul.main-box li {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 48px; }
        #shops .main-wrapper .main-block ul.main-box li .inner {
          padding: 25px 25px 0 25px;
          border: 1px solid #EFEFEF;
          text-decoration: none;
          display: block;
          transition: border .3s;
          box-sizing: border-box; }
          #shops .main-wrapper .main-block ul.main-box li .inner:hover {
            border: 4px solid #FDD000; }
            #shops .main-wrapper .main-block ul.main-box li .inner:hover .store-title .store {
              text-decoration: underline; }
              #shops .main-wrapper .main-block ul.main-box li .inner:hover .store-title .store.hover-blue {
                color: #2EA0DF; }
              #shops .main-wrapper .main-block ul.main-box li .inner:hover .store-title .store.hover-red {
                color: #E60012; }
              #shops .main-wrapper .main-block ul.main-box li .inner:hover .store-title .store.hover-green {
                color: #4DAE21; }
          #shops .main-wrapper .main-block ul.main-box li .inner .store-title > span:not(.tag) {
            display: block; }
          #shops .main-wrapper .main-block ul.main-box li .inner .store-title > span:not(.store) {
            color: #666666; }
          #shops .main-wrapper .main-block ul.main-box li .inner .store-title > .store {
            margin-top: 14px;
            margin-bottom: 3px; }
          #shops .main-wrapper .main-block ul.main-box li .inner > img {
            width: 100%;
            margin-bottom: 25px;
            margin-top: 3px; }
          #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 {
            border-top: 1px solid #EFEFEF;
            margin-left: -25px;
            margin-right: -25px; }
            #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 a {
              display: block;
              width: 50%;
              height: 52px;
              line-height: 52px;
              float: left;
              text-align: center;
              text-decoration: none;
              position: relative; }
              #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 a:hover {
                background-color: #FDD000;
                color: black; }
              #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 a img {
                width: 16px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                margin-left: 10px; }
              #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 a:nth-child(1) {
                position: relative; }
                #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 a:nth-child(1):after {
                  content: "";
                  display: block;
                  height: 20px;
                  width: 1px;
                  background-color: #EFEFEF;
                  position: absolute;
                  right: -1px;
                  top: 50%;
                  transform: translateY(-50%); }
  #shops .main-wrapper .page {
    margin-top: -14px; }

@media (max-width: 1200px) {
  #shops .main-wrapper .main-block {
    margin-top: 0; }
    #shops .main-wrapper .main-block ul.main-box {
      margin-left: -8.5px;
      margin-right: -8.5px; }
      #shops .main-wrapper .main-block ul.main-box li {
        padding-left: 8.5px;
        padding-right: 8.5px;
        margin-bottom: 17px; }
        #shops .main-wrapper .main-block ul.main-box li .inner {
          padding: 17px 17px 0 17px; }
          #shops .main-wrapper .main-block ul.main-box li .inner img {
            margin-bottom: 17px; }
          #shops .main-wrapper .main-block ul.main-box li .inner .btn_group_1 {
            margin-left: -17px;
            margin-right: -17px; }
  #shops .search-title-box .search-inner form > div.wrapper .text {
    display: block;
    margin-left: 0; }
    #shops .search-title-box .search-inner form > div.wrapper .text i.location {
      position: static;
      font-size: 22px; }
    #shops .search-title-box .search-inner form > div.wrapper .text span {
      margin-left: 0; }
  #shops .search-title-box .bootstrap-select .dropdown-toggle .filter-option {
    padding-left: 17px; } }

@media screen and (max-width: 768px) {
  #shops .main-wrapper {
    margin-bottom: 34px; } }

#shop .main-wrapper {
  margin-bottom: 90px; }
  #shop .main-wrapper .main-block {
    margin-top: -25px; }
    #shop .main-wrapper .main-block .title-box .tag {
      border-width: 1px;
      border-style: solid;
      background: white; }
      #shop .main-wrapper .main-block .title-box .tag.blue {
        border-color: #2EA0DF;
        color: #2EA0DF; }
      #shop .main-wrapper .main-block .title-box .tag.red {
        border-color: #E60012;
        color: #E60012; }
      #shop .main-wrapper .main-block .title-box .tag.green {
        border-color: #4DAE21;
        color: #4DAE21; }
      #shop .main-wrapper .main-block .title-box .tag.orange {
        border-color: #F87A01;
        color: #F87A01; }
    #shop .main-wrapper .main-block .title-box .title {
      display: block;
      margin-bottom: 5px; }
    #shop .main-wrapper .main-block .main-box .main-inner {
      margin-top: 37px;
      margin-bottom: 85px; }
      #shop .main-wrapper .main-block .main-box .main-inner .slider_group {
        width: calc(66% - 8px);
        margin-right: 8px;
        float: left; }
        #shop .main-wrapper .main-block .main-box .main-inner .slider_group .slider-nav .slick-current {
          position: relative; }
          #shop .main-wrapper .main-block .main-box .main-inner .slider_group .slider-nav .slick-current::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(253, 208, 0, 0.5); }
      #shop .main-wrapper .main-block .main-box .main-inner .text_group {
        font-size: 17px;
        width: calc(34% - 10px);
        margin: 0 5px;
        float: left;
        padding: 26px 44px 5px 44px;
        background-color: #F4F5EF; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group .wrapper {
          padding-bottom: 30px;
          border-bottom: 1px solid #DEDEDE;
          margin-bottom: 22px;
          height: 223px;
          overflow-y: auto; }
          #shop .main-wrapper .main-block .main-box .main-inner .text_group .wrapper p {
            line-height: 1.9em; }
          #shop .main-wrapper .main-block .main-box .main-inner .text_group .wrapper p:last-child {
            margin-bottom: 0; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info {
          list-style: none;
          padding: 0;
          margin: 0; }
          #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li {
            margin-bottom: 9px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.address span:nth-child(2) {
              text-decoration: underline; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.address a {
              display: block;
              background-color: #E60012;
              width: 120px;
              margin-left: 95px;
              margin-top: 10px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.line span:nth-child(2) {
              text-decoration: underline;
              color: #00BF00;
              font-weight: bold;
              margin-left: -2px;
              margin-right: 5px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.line a {
              display: inline-block;
              background-color: #00BF00;
              width: 100px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li span > a {
              color: #666666; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li span:first-child {
              font-weight: bold;
              margin-right: 23px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li span:nth-child(2) {
              color: #666666; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li > a {
              border-radius: 5px;
              color: white;
              text-decoration: none;
              text-align: center;
              height: 30px;
              font-size: 15px; }
              #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li > a img {
                width: 15px;
                margin-left: -6px;
                margin-right: 5px; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps {
          margin-top: 20px; }
          #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li {
            float: left;
            text-align: center;
            margin-right: 10px; }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li .img {
              width: 70px;
              height: 70px;
              border-radius: 5px;
              border: 1px solid #D5D7CC;
              position: relative; }
              #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li .img img {
                width: 40px;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li span {
              color: #BEC2C1; }
    #shop .main-wrapper .main-block .main-box .inner {
      margin-bottom: 46px; }
      #shop .main-wrapper .main-block .main-box .inner .content ul {
        float: left; }
        #shop .main-wrapper .main-block .main-box .inner .content ul:first-child {
          padding-left: 4.6%;
          margin-top: 7px; }
        #shop .main-wrapper .main-block .main-box .inner .content ul:nth-child(1):not(.list_check):not(.traffic) li {
          width: 250px;
          position: relative;
          display: block;
          height: 70px;
          border: 1px solid #D9DBD2;
          border-radius: 10px;
          margin-bottom: 13px;
          font-size: 18px; }
        #shop .main-wrapper .main-block .main-box .inner .content ul:nth-child(1):not(.list_check):not(.traffic) img {
          height: 37px;
          position: absolute;
          top: 50%;
          left: 39px;
          transform: translateY(-50%); }
        #shop .main-wrapper .main-block .main-box .inner .content ul:nth-child(1):not(.list_check):not(.traffic) span {
          line-height: 68px;
          margin-left: 100px; }
      #shop .main-wrapper .main-block .main-box .inner .content .img_group {
        margin-top: 25px;
        float: left;
        width: 40%; }
      #shop .main-wrapper .main-block .main-box .inner .content ul.traffic {
        margin-top: 10px;
        width: 540px;
        float: left;
        margin-right: 65px; }
        #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li {
          margin-bottom: 40px;
        position: relative;
      min-height: 93px; }
          #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.left {
            padding-top: 19px;
            padding-bottom: 2px;
            text-align: center;
            width: 93px;
            border-radius: 10px;
            border: 1px solid #D9DBD2;
            float: left;
            margin-right: 18px;
            
            position: absolute;
            top:50%;
            transform: translateY(-50%);
           }
            #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.left img {
              width: 35px; }
            #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.left span {
              display: block;
              margin-top: 3px; }
          #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.right {
            /* padding-top:15px;
            float: left;
            margin-left: 110px; */
            position: absolute;
            top:50%;
            transform: translateY(-50%);
            left:110px;
          }
            @media screen and (max-width: 576px) {
              #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.right{
                left: 85px;
              }
            }
            #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.right > span {
              display: block; }
              #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.right > span > span {
                color: #1060B7;
                font-weight: bold; }
      #shop .main-wrapper .main-block .main-box .inner .content #map {
        padding-right: 15px;
        height: 533px; }
      #shop .main-wrapper .main-block .main-box .inner .content.traffic {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 15PX;
        margin-bottom: 20px; }
      #shop .main-wrapper .main-block .main-box .inner:last-child {
        border-bottom: 1px solid #D9DBD2;
        margin-bottom: 40px; }
      #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(1) {
        width: 33.5%; }
      #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(2) {
        width: 33%; }
      #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(3) {
        width: 32.5%; }
      #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content {
        margin-top: -13px; }
        #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content .list_check {
          width: 60%;
          float: left; }
        #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content li {
          margin-bottom: 17px; }
    #shop .main-wrapper .main-block .back {
      width: 285px;
      height: 55px;
      display: table;
      margin: auto;
      background-color: #282B2F;
      color: white;
      text-align: center;
      text-decoration: none;
      line-height: 55px; }
  @media screen and (max-width: 1400px) {
    #shop .main-wrapper .main-block .main-box .main-inner {
      margin-bottom: 27.506px;
      margin-top: 17px; }
      #shop .main-wrapper .main-block .main-box .main-inner .slider_group {
        float: none;
        width: 80%;
        margin: auto; }
        #shop .main-wrapper .main-block .main-box .main-inner .slider_group ul.slider-for {
          margin-bottom: 17px;
          padding-bottom: 17px; }
      #shop .main-wrapper .main-block .main-box .main-inner .text_group {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 17px; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group .wrapper {
          height: auto; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.address a {
          display: inline-block;
          margin-left: 20px; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(1) {
      width: 33%; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(2) {
      width: 25%; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(3) {
      width: 42%; }
    #shop .main-wrapper .main-block .main-box .inner div.traffic ul.traffic {
      margin-right: 10px; } }
  @media screen and (max-width: 1200px) {
    #shop .main-wrapper .main-block {
      margin-top: 0; }
      #shop .main-wrapper .main-block .main-box .main-inner .slider_group {
        width: 100%; }
      #shop .main-wrapper .main-block .main-box .inner .content.traffic {
        padding-right: 0;
        margin-left: 0;
        margin-right: 0; }
        #shop .main-wrapper .main-block .main-box .inner .content.traffic #map {
          width: 100%;
          padding-right: 0; }
      #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content .list_check {
        width: 100%;
        float: none; }
      #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content .img_group {
        width: 100%;
        padding-right: 0;
        padding-left: 4.6%; } }
  @media screen and (max-width: 992px) {
    #shop .main-wrapper .main-block .main-box .main-inner .text_group {
      padding: 17px; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(1) {
      width: 45%; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(2) {
      width: 55%; }
    #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(3) {
      width: 55%;
      margin-left: auto; }
    #shop .main-wrapper .main-block .main-box .inner .content {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 768px) {
    #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li:not(.line) span:nth-child(2) {
      display: block; }
    #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.address a {
      margin-left: 0; }
    #shop .main-wrapper .main-block .main-box .inner {
      margin-bottom: 27.506px; }
      #shop .main-wrapper .main-block .main-box .inner.service .content > ul {
        width: 100% !important;
        float: none; }
        #shop .main-wrapper .main-block .main-box .inner.service .content > ul:nth-child(2) {
          margin-top: 10px; }
      #shop .main-wrapper .main-block .main-box .inner .content > ul:first-child {
        padding: 0; }
      #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content {
        margin-top: 0; }
        #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content .img_group {
          padding-left: 0; } }
  @media screen and (max-width: 576px) {
    #shop .main-wrapper .main-block .title-box .title {
      line-height: 1.3em;
      display: block;
      margin-bottom: 10px; }
    #shop .main-wrapper .main-block .main-box .main-inner .text_group {
      padding: 17px; }
      #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li {
        width: 25%;
        margin-right: 0; }
        #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li .img {
          margin: auto; }
    #shop .main-wrapper .main-block .main-box .inner .content ul > li {
      margin-bottom: 8px; }
    #shop .main-wrapper .main-block .main-box .inner .content > ul:first-child {
      width: 100%; }
    #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li {
      margin-bottom: 17px; }
      #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li img {
        width: 100%; }
      #shop .main-wrapper .main-block .main-box .inner .content ul.traffic li > div.left {
        width: 65px; }
    #shop .main-wrapper .main-block .main-box .inner:nth-child(3) .content li {
      margin-bottom: 8px; } }

#activitys .main-wrapper {
  margin-bottom: 48px; }

#activitys .main-block {
  margin-top: -15px; }
  #activitys .main-block .card-inner .news-title .date {
    letter-spacing: 1px;
    margin-top: 16px; }
  #activitys .main-block .card-inner img {
    margin-top: 10px; }

#activitys .slider {
  margin-bottom: 30px;
  padding: 0;
  width: 100%; }
  #activitys .slider .slick-arrow {
    background: initial;
    width: 40px;
    height: 40px; }

#activitys ul.slider_for_phone {
  display: none; }
  #activitys ul.slider_for_phone img {
    width: 100%; }

@media (max-width: 1400px) {
  #activitys .link-box ul li a {
    padding-left: 5px;
    padding-right: 5px; } }

@media (max-width: 1200px) {
  #activitys .link-box ul li {
    margin-bottom: 17px; }
    #activitys .link-box ul li a.active:after {
      display: none; } }

#activitys .page {
  margin-top: 12px; }

@media (max-width: 1200px) {
  #activitys .main-block {
    margin-top: 0; } }

@media (max-width: 767px) {
  #activitys .slick-arrow {
    display: none !important; }
  #activitys ul.slider_for_phone {
    display: block; }
  #activitys ul.slider_for_pc {
    display: none; } }

#activity .main-wrapper .main-block .main-box .content {
  padding-right: 0; }

#videos .main-wrapper {
  margin-bottom: 82px; }

#videos .card-inner:hover .title {
  color: #1060B7; }

#videos .page {
  margin-top: 20px; }

#video .main-wrapper {
  margin-bottom: 150px; }
  #video .main-wrapper aside .more {
    margin-bottom: 58px; }

#video .prev_back_next {
  margin-top: 59px; }
  @media (max-width: 768px) {
    #video .prev_back_next {
      margin-top: 17px; } }

#link ul.main-box {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-right: -20px;
  margin-left: -20px;
  margin-top: 55px; }
  #link ul.main-box li {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 54px; }
    #link ul.main-box li img {
      margin-bottom: 17px;
      width: 100%; }
    #link ul.main-box li span {
      font-weight: bold;
      display: block; }

@media (max-width: 1200px) {
  #link ul.main-box {
    margin-left: -8.5px;
    margin-right: -8.5px; }
    #link ul.main-box li {
      padding-left: 8.5px;
      padding-right: 8.5px; } }

@media (max-width: 576px) {
  #link ul.main-box li {
    margin-bottom: 17px; }
    #link ul.main-box li img {
      margin-bottom: 10.5068px; }
    #link ul.main-box li span {
      font-weight: bold;
      display: block;
      font-size: 18px; } }

#sitemap .main-wrapper {
  margin-bottom: 30px; }
  #sitemap .main-wrapper .main-block > ul {
    margin-left: -17px;
    margin-right: -17px;
    padding: 0;
    list-style: none; }
    #sitemap .main-wrapper .main-block > ul > li {
      padding-left: 17px;
      padding-right: 17px;
      margin-bottom: 38px; }
      #sitemap .main-wrapper .main-block > ul > li .yellowTitle {
        height: 50px;
        margin-bottom: 30px; }
        #sitemap .main-wrapper .main-block > ul > li .yellowTitle .img {
          position: absolute;
          right: 20px;
          width: 65px;
          height: 65px;
          left: auto; }
          #sitemap .main-wrapper .main-block > ul > li .yellowTitle .img img {
            width: 35px; }
        #sitemap .main-wrapper .main-block > ul > li .yellowTitle span:nth-child(2) {
          margin-left: 25px; }
      #sitemap .main-wrapper .main-block > ul > li > ul {
        margin-top: 20px;
        margin-left: 23px; }
        #sitemap .main-wrapper .main-block > ul > li > ul > li {
          margin-bottom: 8px; }
          #sitemap .main-wrapper .main-block > ul > li > ul > li ul.share {
            border-top: none;
            margin-top: 25px; }
    @media screen and (max-width: 1400px) {
      #sitemap .main-wrapper .main-block > ul {
        margin-left: -8.5px;
        margin-right: -8.5px; }
        #sitemap .main-wrapper .main-block > ul > li {
          padding-left: 8.5px;
          padding-right: 8.5px; } }
    @media screen and (max-width: 576px) {
      #sitemap .main-wrapper .main-block > ul > li {
        margin-bottom: 17px; } }

@media (max-width: 576px) {
  #sitemap .main-wrapper .main-block > ul > li > ul > li {
    font-size: 18px; }
  #sitemap .main-wrapper .main-block > ul > li .yellowTitle {
    margin-bottom: 17px; }
  #sitemap .main-wrapper .main-block > ul > li > ul {
    margin-left: 0; }
  #sitemap .main-wrapper .main-block > ul > li > ul {
    margin-left: 0; }
  #sitemap .main-wrapper .main-block > ul > li .yellowTitle {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0; }
    #sitemap .main-wrapper .main-block > ul > li .yellowTitle span:nth-child(2) {
      line-height: 40px; } }

#catalogs .main-wrapper {
  margin-bottom: 45px; }

#catalogs ul.main-box {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 1360px;
  margin: auto; }
  #catalogs ul.main-box li {
    border: 1px solid #EFEFEF;
    margin-bottom: 60px; }
    #catalogs ul.main-box li a {
      padding: 32px 26px;
      display: block; }
      #catalogs ul.main-box li a:hover {
        color: inherit; }
      #catalogs ul.main-box li a img {
        width: 69%;
        float: left; }
      #catalogs ul.main-box li a .text-inner {
        width: 31%;
        float: left;
        padding-left: 30px;
        margin-top: 46px;
        display: block; }
        #catalogs ul.main-box li a .text-inner .date {
          color: #FBAF1C;
          font-family: "Lato"; }
        #catalogs ul.main-box li a .text-inner .period {
          color: #FBAF1C;
          margin-top: -2px; }
        #catalogs ul.main-box li a .text-inner .title {
          line-height: 1.5em;
          margin-top: -2px; }
        #catalogs ul.main-box li a .text-inner span {
          display: block; }
        #catalogs ul.main-box li a .text-inner .scrollbarY {
          height: 128px;
          margin-bottom: 24px;
          margin-top: 12px;
          color: #555555; }
        #catalogs ul.main-box li a .text-inner .more {
          width: 210px;
          height: 48px;
          display: block;
          line-height: 48px;
          text-decoration: none;
          text-align: center;
          background-color: #FDD000;
          border-radius: 5px;
          position: relative; }
          #catalogs ul.main-box li a .text-inner .more i {
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%); }

@media screen and (max-width: 1400px) {
  #catalogs ul.main-box li a img {
    width: 800px; }
  #catalogs ul.main-box li a .text-inner {
    margin-top: 0;
    width: calc(100% - 800px); } }

@media screen and (max-width: 1200px) {
  #catalogs ul.main-box li {
    margin-bottom: 17px; }
    #catalogs ul.main-box li a {
      padding: 17px; }
      #catalogs ul.main-box li a img {
        width: 100%; }
      #catalogs ul.main-box li a .text-inner {
        width: 100%;
        padding-left: 0;
        margin-top: 17px; }
        #catalogs ul.main-box li a .text-inner .description {
          height: auto;
          margin-bottom: 17px; } }

#application .main-wrapper {
  margin-bottom: 85px; }

#application .title-block .dec {
  bottom: 66px; }

#application .main-block {
  margin-top: -20px; }
  #application .main-block .table-box {
    margin-top: 26px;
    margin-bottom: 100px; }
    #application .main-block .table-box .btn_group {
      display: block;
      margin-left: 332px; }
      @media screen and (max-width: 1400px) {
        #application .main-block .table-box .btn_group {
          margin-left: 238px; } }
      @media screen and (max-width: 1200px) {
        #application .main-block .table-box .btn_group {
          margin-left: 178px; } }
      @media screen and (max-width: 768px) {
        #application .main-block .table-box .btn_group {
          margin: auto;
          margin-top: 17px;
          display: table; } }
  #application .main-block .news-box {
    background: url("/images/catalog/bg.jpg") center no-repeat;
    height: 680px; }
    #application .main-block .news-box .left-inner {
      width: 45%;
      float: left;
      margin-left: 5%; }
    #application .main-block .news-box .right-inner {
      width: 50%;
      float: left; }
      #application .main-block .news-box .right-inner img {
        margin-top: 65px; }
      #application .main-block .news-box .right-inner .text-group {
        margin-top: 115px;
        max-width: 585px; }
        #application .main-block .news-box .right-inner .text-group .title {
          border-bottom: 1px dotted black;
          padding-bottom: 3px;
          margin-bottom: 20px; }
        #application .main-block .news-box .right-inner .text-group .btn_group {
          display: block;
          margin-top: 55px; }
          #application .main-block .news-box .right-inner .text-group .btn_group a i {
            margin-left: -10px;
            margin-right: 10px; }
  @media screen and (max-width: 992px) {
    #application .main-block .table-box {
      margin-bottom: 40px; }
    #application .main-block .news-box {
      height: auto;
      background: url(images/catalog/bg.jpg) top no-repeat; }
      #application .main-block .news-box .left-inner {
        width: 100%;
        float: none;
        margin-left: 0; }
        #application .main-block .news-box .left-inner img {
          width: 500px;
          margin: auto;
          display: table; }
      #application .main-block .news-box .right-inner {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 20px; }
        #application .main-block .news-box .right-inner .text-group {
          margin: auto;
          margin-top: 20px;
          max-width: initial;
          width: 80%; } }
  @media screen and (max-width: 576px) {
    #application .main-block .news-box {
      background: initial; }
      #application .main-block .news-box .left-inner {
        background: url("/images/catalog/bg.jpg") center no-repeat;
        margin-left: -17px;
        margin-right: -17px;
        width: calc(100% + 34px); }
        #application .main-block .news-box .left-inner img {
          max-width: 300px; }
      #application .main-block .news-box .right-inner img {
        margin-top: 10px; }
      #application .main-block .news-box .right-inner .text-group {
        width: 100%; }
        #application .main-block .news-box .right-inner .text-group .btn_group a {
          width: 125px; }
          #application .main-block .news-box .right-inner .text-group .btn_group a i {
            margin-left: 0px;
            margin-right: 0px; } }

#application select {
  border: none; }

#card .main-wrapper {
  margin-bottom: 110px; }

#card .title-block .breadcrumb {
  visibility: hidden; }

#card .main-block .main-box {
  padding-top: 54px;
  padding-bottom: 73px;
  text-align: center; }
  #card .main-block .main-box .title {
    margin-top: 38px;
    margin-bottom: 33px; }
    #card .main-block .main-box .title span {
      display: block;
      line-height: 1.4em; }
  #card .main-block .main-box .text {
    max-width: 928px;
    margin: auto;
    line-height: 2.4em; }

#card .main-block .bid-box {
  background: #FBF8F0;
  padding-top: 80px;
  padding-bottom: 60px; }
  #card .main-block .bid-box .bid-inner .process {
    margin-top: 65px;
    text-align: center; }
    #card .main-block .bid-box .bid-inner .process i {
      margin: 0 10px;
      font-size: 30px;
      color: #FFC801;
      font-weight: bold; }
  #card .main-block .bid-box .bid-inner .method {
    max-width: 1140px;
    margin: auto;
    margin-top: 94px; }
    #card .main-block .bid-box .bid-inner .method > div {
      float: left;
      width: 50%; }
      #card .main-block .bid-box .bid-inner .method > div.bid {
        padding-right: 48px; }
      #card .main-block .bid-box .bid-inner .method > div.reissue {
        padding-left: 48px; }
      #card .main-block .bid-box .bid-inner .method > div .title {
        background-color: #FCECC6; }
      #card .main-block .bid-box .bid-inner .method > div .text {
        padding: 20px 20px 0 20px; }

#card .main-block .offer-box {
  background-color: #0099DC;
  padding-top: 120px;
  padding-bottom: 132px; }
  #card .main-block .offer-box .offer-inner .title {
    color: white; }
  #card .main-block .offer-box .offer-inner ul.slider {
    margin: auto;
    padding: 0;
    list-style: none;
    margin-top: 80px;
    max-width: 1140px; }
    #card .main-block .offer-box .offer-inner ul.slider li {
      padding: 0 15px; }
      #card .main-block .offer-box .offer-inner ul.slider li .wrapper {
        height: 312px;
        background-color: white;
        border-radius: 15px;
        border-bottom: 22px solid #FFC801;
        text-align: center; }
        #card .main-block .offer-box .offer-inner ul.slider li .wrapper .img {
          height: 200px;
          position: relative; }
          #card .main-block .offer-box .offer-inner ul.slider li .wrapper .img img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        #card .main-block .offer-box .offer-inner ul.slider li .wrapper .dec_line {
          display: table;
          margin: auto;
          width: 40px;
          height: 1px;
          background: #B2B2B2;
          margin-top: 25px; }
  #card .main-block .offer-box .offer-inner .slick-arrow {
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background: inherit;
    border: 1px solid white;
    margin-top: 0;
    transform: translateY(-50%); }
    #card .main-block .offer-box .offer-inner .slick-arrow img {
      width: 15px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #card .main-block .offer-box .offer-inner .slick-arrow:hover {
      background-color: #FFC801;
      border: 1px solid #FFC801; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-prev {
      left: -90px; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-next {
      right: -90px; }

#card .main-block .qa-box {
  padding-top: 115px; }
  #card .main-block .qa-box .qa-inner {
    max-width: 1320px;
    margin: auto;
    width: calc(100% - 34px); }
  #card .main-block .qa-box .accordion {
    margin-top: 50px; }

@media screen and (max-width: 1400px) {
  #card .main-block .offer-box .offer-inner ul.slider {
    max-width: 855px; } }

@media screen and (max-width: 1200px) {
  #card .main-block .main-box {
    padding-top: 30px; }
  #card .main-block .bid-box .bid-inner .process i {
    margin: 0 5px; }
  #card .main-block .bid-box .bid-inner .process img {
    width: 188px; }
  #card .main-block .bid-box .bid-inner .method > div.bid {
    padding-right: 10px; }
  #card .main-block .bid-box .bid-inner .method > div.reissue {
    padding-left: 10px; }
  #card .main-block .offer-box .offer-inner ul.slider {
    max-width: 690px; }
    #card .main-block .offer-box .offer-inner ul.slider li .wrapper {
      height: 244.7px;
      border-bottom: 17.25px solid #FFC801; }
      #card .main-block .offer-box .offer-inner ul.slider li .wrapper .img {
        height: 156.86px; }
      #card .main-block .offer-box .offer-inner ul.slider li .wrapper .dec_line {
        margin-top: 19.6px; }
  #card .main-block .offer-box .offer-inner .slick-arrow {
    width: 40px;
    height: 40px; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-next {
      right: -40px; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-prev {
      left: -40px; } }

@media screen and (max-width: 992px) {
  #card .main-block .bid-box .bid-inner .process i {
    margin: 0px -5px; }
  #card .main-block .bid-box .bid-inner .process img {
    width: 146px; }
  #card .main-block .offer-box .offer-inner ul.slider {
    width: 80%; }
    #card .main-block .offer-box .offer-inner ul.slider li .wrapper {
      height: 244.7px;
      border-bottom: 17.25px solid #FFC801; }
      #card .main-block .offer-box .offer-inner ul.slider li .wrapper .img {
        height: 156.86px; }
      #card .main-block .offer-box .offer-inner ul.slider li .wrapper .dec_line {
        margin-top: 19.6px; }
  #card .main-block .offer-box .offer-inner .slick-arrow {
    width: 40px;
    height: 40px; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-next {
      right: -40px; }
    #card .main-block .offer-box .offer-inner .slick-arrow.slick-prev {
      left: -40px; } }

@media screen and (max-width: 768px) {
  #card .main-block .main-box {
    padding-bottom: 34px; }
  #card .main-block .bid-box {
    padding-top: 34px;
    padding-bottom: 34px; }
    #card .main-block .bid-box .bid-inner .process i {
      display: none; }
    #card .main-block .bid-box .bid-inner .process img {
      width: 50%;
      padding: 30px;
      float: left; }
    #card .main-block .bid-box .bid-inner .method {
      margin-top: 17px; }
      #card .main-block .bid-box .bid-inner .method > div .title {
        height: 40px;
        line-height: 40px; }
      #card .main-block .bid-box .bid-inner .method > div .text {
        margin-bottom: 0; }
      #card .main-block .bid-box .bid-inner .method > div.bid {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 17px; }
      #card .main-block .bid-box .bid-inner .method > div.reissue {
        float: none;
        width: 100%;
        padding-left: 0px; }
  #card .main-block .offer-box {
    padding-top: 34px;
    padding-bottom: 34px; }
  #card .main-block .qa-box {
    padding-top: 34px; } }

@media screen and (max-width: 576px) {
  #card .main-block .main-box .text {
    line-height: 1.8em; }
  #card .main-block .bid-box .bid-inner .process {
    margin-top: 17px; }
    #card .main-block .bid-box .bid-inner .process img {
      width: 50%;
      padding: 10px; }
  #card .main-block .bid-box .bid-inner .method > div .text {
    padding: 17px 0 0 0; }
  #card .main-block .qa-box .accordion {
    margin-top: 17px; }
  #card .main-block .main-box .title span {
    display: inline; } }

#faqs .main-wrapper {
  margin-bottom: 113px; }

#faqs #accordion > .card {
  border: none;
  margin-bottom: 48px; }
  #faqs #accordion > .card.show .yellowTitle.card-header {
    background-color: #FFCD00; }
    #faqs #accordion > .card.show .yellowTitle.card-header .img {
      border: 3px solid #FFCD00; }
    #faqs #accordion > .card.show .yellowTitle.card-header:after {
      background: url(images/faq/minus_white.svg) center no-repeat; }
  #faqs #accordion > .card > .yellowTitle.card-header {
    background-color: #FFEA96;
    margin-bottom: 0;
    padding: 0;
    overflow: visible;
    border-radius: initial; }
    #faqs #accordion > .card > .yellowTitle.card-header::before {
      display: none; }
    #faqs #accordion > .card > .yellowTitle.card-header::after {
      background: url(images/faq/plus_black.svg) center no-repeat; }
    #faqs #accordion > .card > .yellowTitle.card-header .img {
      position: absolute;
      border: 3px solid #FFEA96; }
    #faqs #accordion > .card > .yellowTitle.card-header button {
      margin-left: 103px;
      width: calc(100% - 103px);
      text-align: left;
      padding: 12px 0; }
    #faqs #accordion > .card > .yellowTitle.card-header ~ div > .card-body {
      padding: 0;
      padding-top: 33px; }
      #faqs #accordion > .card > .yellowTitle.card-header ~ div > .card-body .card {
        margin-bottom: 20px; }
        #faqs #accordion > .card > .yellowTitle.card-header ~ div > .card-body .card:last-child {
          margin-bottom: 0; }

@media (max-width: 576px) {
  #faqs #accordion > .card {
    margin-bottom: 20px; }
    #faqs #accordion > .card > .yellowTitle.card-header {
      height: 40px;
      line-height: 40px; }
      #faqs #accordion > .card > .yellowTitle.card-header .img {
        width: 50px;
        height: 50px;
        margin-top: -1px; }
        #faqs #accordion > .card > .yellowTitle.card-header .img img {
          width: 30px; }
      #faqs #accordion > .card > .yellowTitle.card-header button {
        padding: 0; }
      #faqs #accordion > .card > .yellowTitle.card-header::after {
        display: none; }
      #faqs #accordion > .card > .yellowTitle.card-header ~ div > .card-body {
        padding-top: 17px; } }

#faq .main-wrapper {
  margin-bottom: 50px; }

#faq .search-title-box {
  margin-bottom: 27px; }

#faq .result {
  margin-bottom: 30px; }

@media (max-width: 576px) {
  #faq .search-title-box .search-inner {
    margin-top: 50px; }
  #faq .search-title-box:before {
    top: 37px; } }

#ticket .main-wrapper {
  margin-bottom: 67px; }

#ticket .breadcrumb {
  visibility: hidden; }

#ticket .main-block .main-box {
  padding-top: 40px;
  padding-bottom: 73px;
  text-align: center; }
  #ticket .main-block .main-box .title {
    margin-top: 70px;
    margin-bottom: 33px;
    line-height: 1.4em; }
  #ticket .main-block .main-box .text span {
    display: block; }

#ticket .main-block .type-box {
  background-color: #FBF8F0;
  padding-top: 93px;
  padding-bottom: 110px; }
  #ticket .main-block .type-box .type-inner {
    max-width: 1300px;
    margin: auto;
    width: calc(100% - 34px); }
    #ticket .main-block .type-box .type-inner ul {
      list-style: none;
      padding: 0;
      margin-left: -25px;
      margin-right: -25px;
      margin-top: 22px;
      margin-bottom: 0; }
      #ticket .main-block .type-box .type-inner ul li {
        text-align: center;
        padding-left: 25px;
        padding-right: 25px; }
        #ticket .main-block .type-box .type-inner ul li > img {
          margin-bottom: 30px; }
        #ticket .main-block .type-box .type-inner ul li .title {
          padding-left: 25px; }
          #ticket .main-block .type-box .type-inner ul li .title.title-1 {
            background-color: #E8EFFC; }
            #ticket .main-block .type-box .type-inner ul li .title.title-1:before {
              background-color: #1060B7; }
          #ticket .main-block .type-box .type-inner ul li .title.title-2 {
            background-color: #FCEBF0; }
            #ticket .main-block .type-box .type-inner ul li .title.title-2:before {
              background-color: #D80043; }
          #ticket .main-block .type-box .type-inner ul li .title.title-3 {
            background-color: #FCECC6; }
            #ticket .main-block .type-box .type-inner ul li .title.title-3:before {
              background-color: #EBA800; }
        #ticket .main-block .type-box .type-inner ul li .description {
          margin-top: 20px;
          text-align: left;
          padding: 0 25px; }

#ticket .main-block .feedback-box {
  background: url("/images/ticket/feedback_bg.jpg") center no-repeat;
  padding-top: 96px;
  padding-bottom: 85px; }
  #ticket .main-block .feedback-box .feedback-inner {
    background-color: white;
    border-radius: 20px;
    padding-top: 35px;
    padding-bottom: 40px;
    position: relative;
    width: 90%;
    box-shadow: 10px 10px 10px #AA0000; }
    #ticket .main-block .feedback-box .feedback-inner .butterfly {
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-15%, -15%); }
    #ticket .main-block .feedback-box .feedback-inner .box {
      position: absolute;
      bottom: 0;
      right: 0;
      transform: translate(40%, 15%); }
    #ticket .main-block .feedback-box .feedback-inner .ribbon {
      position: absolute;
      bottom: -4%;
      right: -18%; }
    #ticket .main-block .feedback-box .feedback-inner .table_wrapper {
      margin: auto;
      width: 90%;
      max-width: 1100px;
      text-align: center;
      margin-top: 20px; }
      #ticket .main-block .feedback-box .feedback-inner .table_wrapper table {
        width: 100%;
        border-bottom: 1px solid #CCCCCC; }
        #ticket .main-block .feedback-box .feedback-inner .table_wrapper table thead tr th {
          background-color: #2B2B2B;
          border-bottom: 1px solid #CCCCCC;
          color: white;
          font-weight: normal;
          padding: 9px 5px;
          width: 50%; }
          #ticket .main-block .feedback-box .feedback-inner .table_wrapper table thead tr th:first-child {
            border-right: 1px solid #EDEDED; }
        #ticket .main-block .feedback-box .feedback-inner .table_wrapper table tbody tr:nth-child(even) td {
          background-color: #D9D9D9; }
        #ticket .main-block .feedback-box .feedback-inner .table_wrapper table tbody tr td {
          padding: 9px 5px; }
          #ticket .main-block .feedback-box .feedback-inner .table_wrapper table tbody tr td:first-child {
            border-right: 1px solid #EDEDED; }

#ticket .main-block .stores-box {
  padding-top: 93px; }
  #ticket .main-block .stores-box .stores-inner {
    max-width: 1128px;
    margin: auto;
    width: calc(100% - 34px); }
    #ticket .main-block .stores-box .stores-inner .table_wrapper {
      margin-top: 45px; }
      #ticket .main-block .stores-box .stores-inner .table_wrapper table {
        width: 100%;
        min-width: 600px; }
        #ticket .main-block .stores-box .stores-inner .table_wrapper table thead tr th {
          background-color: #FFC300;
          text-align: center;
          padding: 13px 0; }
          #ticket .main-block .stores-box .stores-inner .table_wrapper table thead tr th:not(:last-child) {
            border-right: 1px solid #FFEBAA; }
        #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr:nth-child(even) {
          background-color: #FFFCF4; }
        #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td {
          border: 1px solid #D9D9D8;
          padding: 13px 0; }
          #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:first-child {
            width: 20.65%; }
          #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:not(:nth-child(2)) {
            text-align: center; }
          #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:nth-child(2) {
            padding-left: 55px;
            width: 51%; }

@media (max-width: 1400px) {
  #ticket .main-block .feedback-box .feedback-inner .ribbon {
    width: 500px;
    bottom: -10%; }
  #ticket .main-block .feedback-box .feedback-inner .box {
    width: 500px;
    bottom: -9%; } }

@media (max-width: 1200px) {
  #ticket .main-block .main-box {
    padding-top: 30px; }
  #ticket .main-block .type-box .type-inner ul {
    margin-left: -10px;
    margin-right: -10px; }
    #ticket .main-block .type-box .type-inner ul li {
      padding-left: 10px;
      padding-right: 10px; }
      #ticket .main-block .type-box .type-inner ul li .description {
        padding: 0; }
  #ticket .main-block .feedback-box .feedback-inner .ribbon {
    width: 400px; }
  #ticket .main-block .feedback-box .feedback-inner .box {
    width: 400px; }
  #ticket .main-block .feedback-box .feedback-inner .butterfly {
    width: 250px; } }

@media (max-width: 992px) {
  #ticket .main-block .feedback-box .feedback-inner .ribbon {
    bottom: 0;
    right: -34%; }
  #ticket .main-block .feedback-box .feedback-inner .box {
    right: -10%; }
  #ticket .main-block .feedback-box .feedback-inner .butterfly {
    width: 200px; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table thead tr th:nth-child(1) {
    width: 130px; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table thead tr th:nth-child(2) {
    width: auto; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table thead tr th:nth-child(3) {
    width: 150px; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:nth-child(1) {
    width: 130px; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:nth-child(2) {
    width: auto;
    padding-left: 17px; }
  #ticket .main-block .stores-box .stores-inner .table_wrapper table tbody tr td:nth-child(3) {
    width: 150px; } }

@media (max-width: 768px) {
  #ticket .main-block .main-box .text span {
    display: inline; }
  #ticket .main-block .type-box .type-inner ul li {
    margin-bottom: 17px;
    text-align: left; }
  #ticket .main-block .feedback-box .feedback-inner .ribbon {
    bottom: -5%;
    right: -50%; }
  #ticket .main-block .feedback-box .feedback-inner .butterfly {
    width: 150px; } }

@media (max-width: 576px) {
  #ticket .main-block .main-box {
    padding-bottom: 34px; }
    #ticket .main-block .main-box .title {
      margin-top: 17px;
      margin-bottom: 17px; }
  #ticket .main-block .type-box {
    padding-top: 34px;
    padding-bottom: 34px; }
    #ticket .main-block .type-box .type-inner ul li {
      text-align: center; }
      #ticket .main-block .type-box .type-inner ul li:not(:last-child) {
        margin-bottom: 34px; }
      #ticket .main-block .type-box .type-inner ul li:last-child {
        margin-bottom: 0; }
      #ticket .main-block .type-box .type-inner ul li .description {
        margin-top: 17px; }
      #ticket .main-block .type-box .type-inner ul li > img {
        margin-bottom: 17px; }
  #ticket .main-block .feedback-box {
    padding-top: 34px;
    padding-bottom: 34px; }
    #ticket .main-block .feedback-box .feedback-inner {
      padding-top: 80px; }
      #ticket .main-block .feedback-box .feedback-inner .ribbon {
        display: none; }
      #ticket .main-block .feedback-box .feedback-inner .box {
        display: none; }
  #ticket .main-block .stores-box {
    padding-top: 34px; }
    #ticket .main-block .stores-box .stores-inner .table_wrapper {
      margin-top: 17px; } }

#download .main-wrapper {
  margin-bottom: 73px; }

#download .main-block {
  margin-top: -5px; }
  #download .main-block .main-box {
    margin-bottom: 38px; }
    #download .main-block .main-box .main-inner {
      position: relative;
      padding-bottom: 45px;
      margin-bottom: 45px;
      background: url(images/download/dashed.jpg) bottom repeat-x; }
      #download .main-block .main-box .main-inner:before {
        content: "";
        display: block;
        background-image: url(images/common/cartoon.png);
        width: 300px;
        height: 110px;
        position: absolute;
        top: -88px;
        right: 0px;
        z-index: 1; }
      #download .main-block .main-box .main-inner .table_wrapper table {
        min-width: 883px; }
        #download .main-block .main-box .main-inner .table_wrapper table thead tr th {
          background-color: #282B2F;
          border: 1px solid #D5D5D5;
          color: white;
          padding: 13px 0; }
          #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(1) {
            width: 20.5%; }
          #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(2) {
            width: 19%; }
          #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(3) {
            width: 39%;
            color: #F5B21D; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr td {
          border: 1px solid #D5D5D5;
          padding: 13px 25px; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr td span {
            display: block; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(1) {
            width: 20.5%; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(2) {
            width: 20.5%; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(3) {
            width: 19%; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(4) {
            width: 39%; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(1) td:last-child {
          color: #FBAF1C;
          background: #FFFCF4; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(2) td {
          color: #FBAF1C;
          background: #FFFCF4; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(3) td {
          position: relative; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(3) td .text {
            padding-left: 25px; }
            #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(3) td .text span {
              line-height: 1.7em; }
          #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(3) td .print {
            position: absolute;
            right: 45px;
            top: 50%;
            transform: translateY(-50%); }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr:not(:last-child) td:nth-child(1), #download .main-block .main-box .main-inner .table_wrapper table tbody tr:not(:last-child) td:nth-child(2), #download .main-block .main-box .main-inner .table_wrapper table tbody tr:not(:last-child) td:nth-child(3) {
          text-align: center; }
    #download .main-block .main-box .wrapper {
      position: relative;
      margin: auto;
      width: 272px;
      height: 72px;
      border: 2px solid #FFC300;
      border-radius: 10px;
      margin-top: 53px;
      display: table; }
      #download .main-block .main-box .wrapper > .print {
        width: 256px;
        height: 58px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #download .main-block .bottom-box .main-inner {
    background-color: #F4F4F4;
    padding: 20px; }
    #download .main-block .bottom-box .main-inner ul {
      margin-left: 0; }
  @media (max-width: 1200px) {
    #download .main-block .main-box .main-inner .table_wrapper table tbody tr:nth-child(3) td .text {
      padding-left: 0; }
    #download .main-block .bottom-box .main-inner ol {
      padding-left: 17px; } }
  @media (max-width: 992px) {
    #download .main-block .main-box .main-inner .table_wrapper table {
      width: 100%; }
      #download .main-block .main-box .main-inner .table_wrapper table thead tr th {
        padding-left: 15px;
        padding-right: 15px; }
        #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(1) {
          width: 235px; }
        #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(2) {
          width: 140px; }
        #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(3) {
          width: auto; }
      #download .main-block .main-box .main-inner .table_wrapper table tbody tr td {
        padding: 13px 15px; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(1) {
          width: 130px; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(2) {
          width: 105px; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(3) {
          width: 140px; }
        #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(4) {
          width: auto; } }
  @media (max-width: 768px) {
    #download .main-block .main-box .main-inner:before {
      top: -44px;
      width: 150px;
      height: 55px;
      background-size: cover; }
    #download .main-block .note-box .main-inner ol {
      padding-left: 17px; } }
  @media (max-width: 576px) {
    #download .main-block .title-inner {
      margin-bottom: 17px; }
    #download .main-block .main-box .main-inner {
      padding-bottom: 17px;
      margin-bottom: 17px; }
      #download .main-block .main-box .main-inner .table_wrapper table {
        min-width: 700px; }
    #download .main-block .main-box .wrapper {
      margin-top: 17px;
      width: 160px;
      height: 58px; }
      #download .main-block .main-box .wrapper .print {
        width: 148px;
        height: 46px; }
    #download .main-block .main-box .main-inner .table_wrapper table .print {
      display: none; }
    #download .main-block .main-box .main-inner .table_wrapper table thead tr th:nth-child(2) {
      width: 130px; }
    #download .main-block .main-box .main-inner .table_wrapper table tbody tr td:nth-child(3) {
      width: 130px; } }

#download .print {
  width: 200px;
  height: 55px;
  border-radius: 10px;
  color: black;
  background-color: #FFC300;
  line-height: 50px;
  box-shadow: 1px 1px #E3E3E3; }
  #download .print img {
    width: 29px;
    margin-right: 15px; }

#contact .main-block .title-style-3 {
  margin-bottom: 15px; }

#contact .main-block .table-box {
  margin-top: 17px;
  margin-bottom: 114px; }
  #contact .main-block .table-box select {
    border: none; }
  #contact .main-block .table-box .address_group td:nth-child(2) {
    padding-top: 25px;
    padding-bottom: 25px; }
  #contact .main-block .table-box .opinion td:nth-child(2) {
    padding-top: 25px;
    padding-bottom: 25px; }
  #contact .main-block .table-box .btn_group {
    display: block;
    margin-top: 45px;
    margin-left: 332px; }
    @media screen and (max-width: 1400px) {
      #contact .main-block .table-box .btn_group {
        margin-left: 238px; } }
    @media screen and (max-width: 1200px) {
      #contact .main-block .table-box .btn_group {
        margin-left: 178px; } }
    @media screen and (max-width: 768px) {
      #contact .main-block .table-box .btn_group {
        margin: auto;
        margin-top: 17px;
        display: table; } }

#contact .contact-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -19px;
  margin-right: -19px; }
  #contact .contact-box ul li {
    padding-right: 19px;
    padding-left: 19px; }
    #contact .contact-box ul li .inner {
      border-radius: 20px;
      border-width: 3px;
      border-style: solid; }
      #contact .contact-box ul li .inner .title {
        height: 63px;
        color: white;
        line-height: 63px;
        position: relative;
        border-radius: 15px 15px 0 0; }
        #contact .contact-box ul li .inner .title .icon {
          background: white;
          border-radius: 50%;
          width: 22px;
          height: 22px;
          position: absolute;
          display: inline-block;
          margin-left: 25px;
          top: 50%;
          transform: translateY(-50%); }
          #contact .contact-box ul li .inner .title .icon i::before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: 0; }
        #contact .contact-box ul li .inner .title span {
          margin-left: 60px;
          display: inline-block;
          line-height: 63px; }
        #contact .contact-box ul li .inner .title img {
          bottom: 0;
          right: 25px;
          position: absolute; }
      #contact .contact-box ul li .inner .text {
        padding: 22px; }
        #contact .contact-box ul li .inner .text .mCSB_inside > .mCSB_container {
          margin-right: 15px; }
        #contact .contact-box ul li .inner .text .wrapper {
          margin-right: -15px;
          height: 160px;
          margin-bottom: 16px; }
          #contact .contact-box ul li .inner .text .wrapper p {
            line-height: 1.9em;
            margin-bottom: 0; }
        #contact .contact-box ul li .inner .text .more {
          display: block;
          width: 205px;
          height: 50px;
          text-decoration: none;
          color: white;
          background-color: #F87A01;
          border-radius: 5px;
          margin: auto;
          margin-top: 25px;
          text-align: center;
          line-height: 50px;
          position: relative; }
          #contact .contact-box ul li .inner .text .more i {
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%); }
        #contact .contact-box ul li .inner .text ul.member li .tag {
          border-radius: initial;
          display: block;
          width: 90px;
          line-height: 25px;
          height: 25px;
          padding: 0;
          margin-bottom: 0; }
        #contact .contact-box ul li .inner .text ul.member li .tel {
          font-style: italic;
          font-family: "Lato";
          line-height: 1.7em; }
        #contact .contact-box ul li .inner .text ul.member li .extension {
          font-style: italic;
          font-family: "Lato"; }
        #contact .contact-box ul li .inner .text ul.member li:nth-child(1) {
          margin-bottom: 4px; }
          #contact .contact-box ul li .inner .text ul.member li:nth-child(1) .tag {
            background: #E50114; }
          #contact .contact-box ul li .inner .text ul.member li:nth-child(1) .tel {
            color: #E50114; }
          #contact .contact-box ul li .inner .text ul.member li:nth-child(1) .extension {
            color: #E50114; }
        #contact .contact-box ul li .inner .text ul.member li:nth-child(2) .tag {
          background: #6F5B66; }
        #contact .contact-box ul li .inner .text ul.member li:nth-child(2) .tel {
          color: #6F5B66; }
        #contact .contact-box ul li .inner .text ul.member li:nth-child(2) .extension {
          color: #6F5B66; }
        #contact .contact-box ul li .inner .text ul.link {
          padding-left: 25px;
          margin-bottom: 41px; }
          #contact .contact-box ul li .inner .text ul.link li {
            margin-bottom: 13px; }
            #contact .contact-box ul li .inner .text ul.link li:nth-child(1) a {
              color: #00BF00;
              font-style: italic; }
            #contact .contact-box ul li .inner .text ul.link li:nth-child(2) a {
              color: #4267B2; }
            #contact .contact-box ul li .inner .text ul.link li:nth-child(3) a {
              color: #E50114;
              font-style: italic; }
            #contact .contact-box ul li .inner .text ul.link li img {
              width: 25px;
              border-radius: 2px;
              margin-top: -3px; }
        #contact .contact-box ul li .inner .text .service-time {
          display: table;
          margin: auto;
          margin-top: 3px; }
          #contact .contact-box ul li .inner .text .service-time.red {
            color: #E50114; }
          #contact .contact-box ul li .inner .text .service-time.blue {
            color: #1060B7; }
        #contact .contact-box ul li .inner .text > span {
          text-align: center; }
    #contact .contact-box ul li:nth-child(1) .inner {
      border-color: #F87A01; }
      #contact .contact-box ul li:nth-child(1) .inner .title {
        background: #F87A01; }
        #contact .contact-box ul li:nth-child(1) .inner .title .icon i::before {
          color: #F87A01; }
      #contact .contact-box ul li:nth-child(1) .inner .text.row {
        margin-left: -5px;
        margin-right: -5px; }
        #contact .contact-box ul li:nth-child(1) .inner .text.row .col-6 {
          padding-left: 5px;
          padding-right: 5px;
          text-align: center; }
          #contact .contact-box ul li:nth-child(1) .inner .text.row .col-6 span {
            padding-top: 2px;
            padding-bottom: 23px; }
            @media (max-width: 1600px) {
              #contact .contact-box ul li:nth-child(1) .inner .text.row .col-6 span {
                padding-top: 33px; } }
            @media (max-width: 1200px) {
              #contact .contact-box ul li:nth-child(1) .inner .text.row .col-6 span {
                padding-top: 5px;
                padding-bottom: 0; } }
            @media (max-width: 576px) {
              #contact .contact-box ul li:nth-child(1) .inner .text.row .col-6 span {
                padding-top: 5px;
                padding-bottom: 0; } }
    #contact .contact-box ul li:nth-child(2) .inner {
      border-color: #E50114; }
      #contact .contact-box ul li:nth-child(2) .inner .title {
        background: #E50114; }
        #contact .contact-box ul li:nth-child(2) .inner .title .icon i::before {
          color: #E50114; }
    #contact .contact-box ul li:nth-child(3) .inner {
      border-color: #1060B7; }
      #contact .contact-box ul li:nth-child(3) .inner .title {
        background: #1060B7; }
        #contact .contact-box ul li:nth-child(3) .inner .title .icon i::before {
          color: #1060B7; }

@media (max-width: 1600px) {
  #contact .contact-box ul {
    margin-left: -10px;
    margin-right: -10px; }
    #contact .contact-box ul li {
      padding-left: 10px;
      padding-right: 10px; }
      #contact .contact-box ul li .inner .title img {
        right: 5px; }
      #contact .contact-box ul li .inner .text > span > span {
        display: block; }
      #contact .contact-box ul li .inner .text .wrapper {
        height: 191px; }
      #contact .contact-box ul li .inner .text ul.link {
        padding-left: 0; } }

@media (max-width: 1400px) {
  #contact .contact-box ul li .inner .title img {
    width: 80px;
    right: -10px; } }

@media (max-width: 1200px) {
  #contact .main-block .table-box {
    margin-bottom: 48px; }
  #contact .contact-box > ul > li {
    margin-bottom: 50px; }
    #contact .contact-box > ul > li .inner .text .wrapper {
      height: auto; }
    #contact .contact-box > ul > li .inner .text ul.link {
      margin-bottom: 0px; }
    #contact .contact-box > ul > li .inner .text ul.member {
      margin-bottom: 9px; } }

@media (max-width: 992px) {
  #contact .contact-box > ul > li .inner .title {
    height: 50px;
    line-height: 50px; }
    #contact .contact-box > ul > li .inner .title img {
      right: -20px; }
    #contact .contact-box > ul > li .inner .title span {
      line-height: 50px; }
  #contact .contact-box > ul > li .inner .text {
    padding: 17px; }
    #contact .contact-box > ul > li .inner .text ul.link li:nth-child(2) a {
      font-size: 19px; } }

@media (max-width: 768px) {
  #contact .contact-box > ul > li .inner .title img {
    right: 20px; }
  #contact .main-block .table-box .address_group td:nth-child(2) {
    padding-top: 5px;
    padding-bottom: 10px; }
  #contact .main-block .table-box .opinion td:nth-child(2) {
    padding-top: 5px;
    padding-bottom: 10px; } }

@media (max-width: 576px) {
  #contact .contact-box > ul > li {
    margin-bottom: 17px; }
    #contact .contact-box > ul > li:last-child {
      margin-bottom: 0; }
  #contact .contact-box > ul > li .inner .title img {
    display: none; }
  #contact .main-block .table-box .btn_group {
    margin-top: 0; } }

#success .main-wrapper {
  margin-bottom: 210px; }

#success .main-block .main-box img {
  margin-top: 48px; }

#success .main-block .main-box .title {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 21px; }
  #success .main-block .main-box .title:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color: #FFB229;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }

#success .main-block .main-box .text {
  margin-bottom: 34px; }
  #success .main-block .main-box .text span {
    display: block; }

#success .main-block .main-box a {
  display: table;
  width: 255px;
  height: 57px;
  text-decoration: none;
  border-radius: 5px;
  background-color: black;
  text-align: center;
  color: white;
  margin: auto;
  line-height: 57px; }

@media (max-width: 576px) {
  #success .main-block .main-box .text span {
    display: inline; }
  #success .main-block .main-box img {
    margin-top: 0px; } }

@media (max-width: 768px) {
  #success .main-block .main-box img {
    width: 150px; }
  #success .main-wrapper {
    margin-bottom: 0 !important; } }

#search .search-title-box {
  margin-bottom: 37px; }
  #search .search-title-box form div.wrapper .keyword {
    margin-left: 0;
    width: calc(100% - 208px); }
    #search .search-title-box form div.wrapper .keyword span {
      display: inline-block;
      width: 90px; }
    #search .search-title-box form div.wrapper .keyword input {
      width: calc(100% - 115px); }
  #search .search-title-box form div.wrapper button {
    width: 208px; }

#search .result {
  padding-left: 40px; }

#search .main-box {
  margin-top: 38px;
  padding: 0 45px; }
  #search .main-box ul li {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px; }
    #search .main-box ul li:not(:last-child) {
      margin-bottom: 26px; }
    #search .main-box ul li a.title {
      display: block;
      transition: color .1s; }
      #search .main-box ul li a.title:hover {
        color: #FBAF1C; }
    #search .main-box ul li span.website {
      color: #AAAAAA;
      display: block;
      margin-top: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; }
    #search .main-box ul li span.description {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100px;
      display: inline-block;
      width: 337px;
      margin-right: 15px;
      color: #666666; }
    #search .main-box ul li span.date {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100px;
      display: inline-block;
      width: 495px;
      color: #666666; }

#search .page {
  margin-top: 46px; }

@media (max-width: 1200px) {
  #search .main-box {
    padding: 0; }
  #search .result {
    padding-left: 0; } }

@media (max-width: 992px) {
  #search .search-title-box .search-inner form > div.wrapper button {
    margin-left: 0; }
  #search .search-title-box form div.wrapper button {
    width: 203px; }
  #search .main-box ul li span.description {
    display: block;
    width: 100%; }
  #search .main-box ul li span.date {
    display: block;
    width: 100%; } }

@media (max-width: 768px) {
  #search .search-title-box form div.wrapper .keyword {
    width: calc(100% - 105px); }
  #search .search-title-box form div.wrapper button {
    width: 100px;
    display: inline-block; } }

@media (max-width: 576px) {
  #search .search-title-box form div.wrapper .keyword span {
    margin-right: 0; }
  #search .search-title-box form div.wrapper .keyword input {
    width: calc(100% - 94px); }
  #search .search-title-box form div.wrapper .keyword {
    width: 100%; }
  #search .search-title-box form div.wrapper button {
    display: block; }
  #search .main-box ul li span.website {
    width: 100%; }
  #search .page {
    margin-top: 17px; } }

#privacy .main-wrapper {
  margin-bottom: 117px; }

#privacy .main-box > ul {
  margin-top: 73px; }
  #privacy .main-box > ul > li:not(:last-child) {
    margin-bottom: 58px; }
  #privacy .main-box > ul > li .yellowTitle {
    margin-bottom: 0; }
  #privacy .main-box > ul > li .text.editor {
    border: 3px solid #FFCD00;
    border-top: none;
    padding: 30px 95px 20px 95px; }
    #privacy .main-box > ul > li .text.editor > ul {
      padding-left: 0; }
      #privacy .main-box > ul > li .text.editor > ul > li {
        margin-left: 0; }
        #privacy .main-box > ul > li .text.editor > ul > li:not(:last-child) {
          margin-bottom: 30px; }
        #privacy .main-box > ul > li .text.editor > ul > li .title {
          color: black;
          margin-left: 18px;
          margin-bottom: 5px; }
        #privacy .main-box > ul > li .text.editor > ul > li:before {
          top: 11px;
          left: 0;
          background: url(images/common/circle.png) center no-repeat; }
        #privacy .main-box > ul > li .text.editor > ul > li > ul {
          padding-left: 20px; }
          #privacy .main-box > ul > li .text.editor > ul > li > ul > li {
            list-style-image: url(images/common/square.svg); }
        #privacy .main-box > ul > li .text.editor > ul > li p a.mail {
          color: #FFCD00;
          font-family: "Lato"; }
          #privacy .main-box > ul > li .text.editor > ul > li p a.mail img {
            margin: 0 5px;
            width: 18px; }

@media (max-width: 1200px) {
  #privacy .main-box > ul > li .text.editor {
    padding-left: 34px;
    padding-right: 34px; }
  #privacy .main-box > ul > li:not(:last-child) {
    margin-bottom: 34px; }
  #privacy .main-box > ul > li .text.editor > ul > li:before {
    top: 9px; } }

@media (max-width: 992px) {
  #privacy .main-box > ul {
    margin-top: 17px; }
  #privacy .main-box > ul > li .text.editor {
    padding: 17px; }
  #privacy .main-box > ul > li:not(:last-child) {
    margin-bottom: 17px; }
  #privacy .main-box > ul > li .text.editor > ul > li:not(:last-child) {
    margin-bottom: 17px; } }

@media (max-width: 768px) {
  #privacy .yellowTitle {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 2px;
    padding-bottom: 2px; }
  #privacy .yellowTitle .img {
    display: none; }
  #privacy .yellowTitle span {
    margin-left: 0; } }

@media (max-width: 576px) {
  #privacy a.mail {
    display: block; } }

#application-success .title-block .dec {
  bottom: 66px; }

#application-success .main-wrapper {
  margin-bottom: 210px; }

#application-success .main-block .main-box img {
  margin-top: 48px; }

#application-success .main-block .main-box .title {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 21px; }
  #application-success .main-block .main-box .title:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color: #FFB229;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }

#application-success .main-block .main-box .text {
  margin-bottom: 34px; }
  #application-success .main-block .main-box .text span {
    display: block; }

#application-success .main-block .main-box a {
  display: table;
  width: 255px;
  height: 57px;
  text-decoration: none;
  border-radius: 5px;
  background-color: black;
  text-align: center;
  color: white;
  margin: auto;
  line-height: 57px; }

@media (max-width: 576px) {
  #application-success .main-block .main-box .text span {
    display: inline; }
  #application-success .main-block .main-box img {
    margin-top: 0px; } }

@media (max-width: 768px) {
  #application-success .main-block .main-box img {
    width: 150px; }
  #application-success .main-wrapper {
    margin-bottom: 0 !important; } }

.nav-menu {
  margin-top: 20px;
  position: fixed;
  left: 90px;
  top: 42%;
  z-index: 5; }

.ver_line {
  width: 1px;
  height: 220px;
  background-color: #CDCDCD;
  position: absolute;
  top: -20px;
  left: -25px; }

.max-bg-size .ver_line {
  display: none; }

.max-bg-size .nav-menu {
  width: 100%;
  margin-top: 0;
  top: auto;
  left: 0;
  bottom: 0;
  /*background: rgba(32, 57, 111, .7);*/ }

.max-xs-size .nav-menu {
  display: none !important;
  opacity: 0 !important; }

.max-bg-size .nav-menu ul li {
  float: left;
  text-align: center;
  border-right: 1px solid #fff;
  background: rgba(255, 200, 1, 0.7); }

.max-bg-size .nav-menu ul li:last-of-type {
  border-right: none; }

.min-bg-size .nav-menu ul li {
  text-align: left;
  margin: 18px 0; }

.min-bg-size .nav-menu ul li:hover a {
  color: black;
  opacity: 1;
  /*color: #e2a700;
					text-shadow: 0 0 5px rgba(32, 57, 111, 1);*/ }

.nav-menu ul li a {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  -webkit-transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s;
  -moz-transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s;
  -ms-transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s;
  -o-transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s;
  -webkit-transition: color .5s , background-color .5s, text-shadow .5s, -webkit-box-shadow .5s;
  transition: color .5s , background-color .5s, text-shadow .5s, -webkit-box-shadow .5s;
  transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s;
  transition: color .5s , background-color .5s, text-shadow .5s, box-shadow .5s , -webkit-box-shadow .5s; }

.min-bg-size .nav-menu ul li a {
  color: #CDCDCD; }

.max-bg-size .nav-menu ul li a {
  display: block;
  padding: 10px;
  /*&.mPS2id-highlight {
						background-color: #20396f;
					}*/ }

.max-bg-size .nav-menu ul li a:hover {
  color: black;
  text-decoration: none; }

.max-bg-size .nav-menu ul li a.mPS2id-highlight {
  color: #FFF;
  /*display: block;
						padding: 10px;*/
  background-color: #ffc801; }

.min-bg-size .nav-menu ul li a.mPS2id-highlight {
  /*color: #20396f;
						text-shadow: 0 0 9px rgba(0, 0, 0, 0);*/
  color: #FFC801;
  opacity: 1; }

.min-bg-size .nav-menu ul li a.mPS2id-highlight:before {
  background-color: #FEA533;
  display: block; }

.min-bg-size .nav-menu ul li a.mPS2id-highlight:after {
  border: solid 1px #FFEEBC;
  width: 20px;
  height: 20px;
  background: #FFEEBC;
  left: -34px; }

.nav-menu ul li a:before {
  content: '';
  display: none;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  border-radius: 50em;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; }

.max-bg-size .nav-menu ul li a:before {
  content: normal; }

.nav-menu ul li a:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50em;
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  background: #CDCDCD; }

.max-bg-size .nav-menu ul li a:after {
  content: normal; }

.msie #header .outer_link ul li {
  max-width: 20px; }

.ios #header .bg_phone .scroll_wrapper .outer_link {
  padding-bottom: 100px; }

.ios #search .search-title-box form div.wrapper .keyword span {
  width: 100px; }

.ios #search .search-title-box form div.wrapper .keyword input {
  width: calc(100% - 125px); }

.footer_menu li .circle a svg path {
  fill: red; }

#go-to-top ul li a .svg path {
  fill: red; }




#shops .main-wrapper .main-block ul.main-box li .inner .store-title > span:not(.store) a{
  color:#666;
}
.Phone{
  display: none;
}
@media(max-width:1200px){
  .Phone{
    width: 12px;
    display: inline;
    margin-bottom: 0 !important;
  }
  #shops .main-wrapper .main-block ul.main-box li  .Phone{
    margin-right: 4px;
  }
  #shops .main-wrapper .main-block ul.main-box li .inner .store-title > span:not(.store){
    color:black;
  }
  #shops .main-wrapper .main-block ul.main-box li .inner .store-title > span:not(.store) a{
    color:black;
  }
}
@media(max-width:576px){
  #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.info li.line span{
    display: none;
  }
}
@media(max-width:350px){
  #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li .img{
   width: 60px;
   height: 60px;
  }
  #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li .img img{
    width: 30px;
  }
  #shop .main-wrapper .main-block .main-box .main-inner .text_group ul.ps li span{
    font-size: 12px;
  }
}



.text_toggle{
  display: none;
  
  color:#EA1D1C;
  border: 2px solid #EA1D1C;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}
@media(max-width:576px){
  .text_toggle{
   display:inline-block;
  }
  .text_toggle~.wrapper{
    display:none;
  }
  .text_toggle~.wrapper .mCSB_scrollTools{
    display: none !important;
  }
}


#index .main-block .main-box > ul > li.video .videoimg-group{
  position: absolute;
  top:10%;
  left:0;
  width: 82.85%;
  border: 9px solid #F9BE08;
  border-left:none;
  display:block;
}
#index .main-block .main-box > ul > li.video .videoimg-group .center-circle{
  border: 2px solid #FFF100;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background: url("images/index/tri.svg") center no-repeat;
  background-size: 25px;
}
@media(max-width:576px){
  #index .main-block .main-box > ul > li.video .videoimg-group .center-circle{
    width: 40px;
    height: 40px;
     background-size: 14px;
  }
  #index .main-block .main-box > ul > li.video .more{
    top:84%;
  }
  #index .main-block .main-box > ul > li.video .more span img{
    display: none;
  }
}

.votes-wrap {
    margin-top: 50px;
}

.vote-notes > ul {
    margin-left: 30px !important;
}

.vote-notes > ol {
    margin-left: 15px !important;
}

.vote-download .text-box {
    border: 3px solid #0886bd;
    background: #edf8ff;
    padding: 20px;
    max-width: 850px;
    margin: 0 auto;
    border-radius: 10px;
}

.vote-download .links {
    margin: 40px 0 20px;
    text-align: center;
}

.vote-download .links a {
    margin: 10px;
    display: inline-block;
    padding: 20px 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    background: #0099DC;
    color: #fff;
}

.vote-download .links a:hover {
    text-decoration: none;
    background: #0886bd;
}

.vote-form-info,
.vote-form-upload {
    display: none;
}

.send-form .vote-form-info table tbody tr:last-child{
  border-bottom: unset;
}

.vote-form .text-box {
    border: 1px solid #ddd;
    background: #fefefe;
    max-width: 980px;
    height: 500px;
    padding: 20px;
    padding-right: 10px;
    overflow: auto;
    margin: 0 auto;
    border-radius: 10px;
}

.vote-form .text-box {
    font-family: Airal, 微軟正黑體;
}

.vote-form .links {
    margin: 40px 0 20px;
    text-align: center;
}

.vote-form .links a {
    margin: 10px;
    display: inline-block;
    padding: 20px 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
}

.vote-form .links a.yes {
    background: #28a745;
}

.vote-form .links a.no {
    background: #dc3545;
}

.vote-form .links a:hover {
    text-decoration: none;
}

.vote-form .vote-form-register {
    margin: 0 auto;
}

.vote-list h3 {
    margin: 0;
    margin-bottom: 5px;
}

.vote-list .sort {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width:790px){
  .vote-list .sort{
    display: block;
  }
}

.sortSearch{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sortSearch span{
  display: inline-block;
  margin: 0 5px 0 0;
}

@media screen and (max-width:790px){
  .sortSearch{
    justify-content: center;
    margin: 0 0 10px 0;
  }
}

.sortSearch img{
  width: 18px;
}

.sortSearch button{
  margin: 0 5px;
  transition: all .3s;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px .75rem;
}

@media screen and (max-width:790px){
  .sortSearch button{
    padding: 1.5px .75rem;
  }
}

.sortSearch button:hover{
  opacity: .7;
}

.sortSearch input{
  border: 1px solid #d3d3d3;
  padding: 0 5px;
  font-size: 15px;
}

.sortOrder{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}

@media screen and (max-width:790px){
  .sortOrder{
    position: unset;
    transform:unset;
    left: unset;
    top: unset;
  }
}

.vote-list .sort a {
    color: #3f3f3f;
}

.vote-list .sort a.active {
    color: #0099DC;
}

.vote-list .card-box {
    margin-top: 40px !important;
}

.vote-list .card-inner .inner:hover {
    color: #333;
}

.vote-list .card-inner .inner .tag {
    display: inline-block;
    width: 165px;
    font-size: 13px;
}

.vote-list .card-inner .inner .serial {
    background: #28a745;
}

.vote-list .card-inner .inner .count {
    background: #dc3545;
}

.vote-list .card-inner .inner .vote {
    display: block;
    background: #0099DC;
    margin-top: 10px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}


#home-tiles {
    position: relative;
    margin-top: 25px !important;
}

#home-tiles:before,
#home-tiles:after {
    display: none !important;
}

#home-tiles .fb-page {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 50%;
    height: 1000px;
    border: 3px solid #3868b5;
    background: #fff;
    background: rgb(255, 233, 124);;
    background: #3868b5;
    background: #fff;
    text-align: left;
}

#home-tiles .fb-page iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    height: 100%;
    border: none;
}

#home-tiles .tiles {
    display: flex;
    flex-flow: row wrap;
    border: 2px solid rgb(255, 233, 124);
    border-color: transparents;
    image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;          /* Firefox             */
	image-rendering: -o-crisp-edges;            /* Opera               */
	image-rendering: pixelated;                 /* Chrome as of 2019   */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
	image-rendering: optimize-contrast;         /* CSS3 Proposed       */
}

#home-tiles .tiles .tile {
    position: relative;
    z-index: 2;
    width: 25%;
    min-height: 100px;
    border: 2px solid rgb(255, 233, 124);
    border-color: transparent;
    background: #fff;
    overflow: hidden;
    transition: transform .2s ease;
}

#home-tiles .tiles .tile.empty {
    visibility: hidden;
    pointer-events: none;
}

#home-tiles .tiles .tile:hover {
    z-index: 4;
    transform: scale(1.08);
}

#home-tiles .tiles .tile img {
    display: block;
    margin: 0 auto;
    width: 120%;
}

#home-tiles .tiles .tile a {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    opacity: 0; /*20230324*/
    transition: all .2s;
}

#home-tiles .tiles .tile a[style] {
    z-index: 2;
}

#home-tiles .tiles .tile a[style]:hover {
    background: #00a6ff;
}

@media (max-width: 768px) {
    #home-tiles {
        width: calc(100% - 16px);
    }

    #home-tiles .fb-page {
        position: relative;
        z-index: 0;
        right: auto;
        top: auto;
        width: 100% !important;
        height: 500px !important;
        margin-top: 20px;
        text-align: center;
    }
    
    #home-tiles .tiles .tile {
        width: 50%;
    }
    
    #home-tiles .tiles .empty {
        display: none;
    }
}