@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900");
/* line 1, ../scss/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
}

/* line 9, ../scss/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 12, ../scss/_reset.scss */
body {
  line-height: 1;
}

/* line 15, ../scss/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 18, ../scss/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 21, ../scss/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 25, ../scss/_reset.scss */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* line 77, ../scss/_vars-mixins-reset.scss */
html {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* line 78, ../scss/_vars-mixins-reset.scss */
img {
  border: none;
}

/* line 79, ../scss/_vars-mixins-reset.scss */
*, *:before, *:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

/* line 6, ../scss/main.scss */
html {
  font-family: "Microsoft Yahei", sans-serif;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #FFFFFF;
}
/* line 20, ../scss/main.scss */
html.toggle-active.scrolldown #lang a {
  color: #FFFFFF;
}
/* line 23, ../scss/main.scss */
html.toggle-active.scrolldown #lang a.active {
  color: #a66612;
}

/* line 31, ../scss/main.scss */
body {
  font: 12px "Microsoft Yahei", sans-serif;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  color: #888888;
}
/* line 39, ../scss/main.scss */
body.toggle-active {
  overflow-y: hidden !important;
}

/* line 44, ../scss/main.scss */
.mobile.toggle-active {
  overflow: hidden;
}

/* line 48, ../scss/main.scss */
a {
  text-decoration: none;
  word-wrap: break-word;
}

/* line 57, ../scss/main.scss */
::selection {
  color: #FFFFFF;
  background: #F29700;
}

/* line 62, ../scss/main.scss */
::-moz-selection {
  color: #FFFFFF;
  background: #F29700;
}

/* line 67, ../scss/main.scss */
::-webkit-selection {
  color: #FFFFFF;
  background: #F29700;
}

/* line 72, ../scss/main.scss */
a {
  font-family: "Arial", sans-serif;
  cursor: pointer;
  -webkit-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  text-decoration: none;
  color: inherit;
  outline: none;
}
/* line 82, ../scss/main.scss */
a:hover {
  opacity: .8;
}

/* line 87, ../scss/main.scss */
button {
  cursor: pointer;
}
/* line 90, ../scss/main.scss */
button:hover {
  opacity: .8;
}

/* line 95, ../scss/main.scss */
b {
  font-weight: bold;
}

/* line 99, ../scss/main.scss */
i {
  font-style: italic;
}

/* line 103, ../scss/main.scss */
p, span, li, label {
  font-family: "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.7em;
  margin-bottom: 20px;
}
/* line 109, ../scss/main.scss */
p:last-child, span:last-child, li:last-child, label:last-child {
  margin-bottom: 0;
}

/* line 114, ../scss/main.scss */
p {
  text-align: left;
  color: #1f1f1f;
}

/* line 119, ../scss/main.scss */
span {
  color: #696969;
}

@media screen and (max-width: 960px) {
  /* line 124, ../scss/main.scss */
  p, li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
/* line 130, ../scss/main.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  text-decoration: none;
}

/* line 135, ../scss/main.scss */
h4, h5 {
  font-family: "Arial", sans-serif;
}

/* line 139, ../scss/main.scss */
.hidden-txt {
  font-size: 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

/* line 146, ../scss/main.scss */
.txt-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 152, ../scss/main.scss */
.symbols {
  font: 25px "Microsoft Yahei", sans-serif;
  color: #F29700;
}

/* line 157, ../scss/main.scss */
.section-title {
  margin-bottom: 20px;
}

/* line 161, ../scss/main.scss */
.has-divider {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
/* line 167, ../scss/main.scss */
.has-divider .line {
  width: 0;
  height: 1px;
  margin-left: 20px;
  animation-name: dividergrow;
  animation-duration: 800ms;
  animation-delay: 3s;
  background-color: #a66612;
  animation-fill-mode: forwards;
}

/* line 180, ../scss/main.scss */
h1 {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 75px;
  font-weight: bold;
  font-variant: small-caps;
  line-height: .8;
  letter-spacing: 2px;
  letter-spacing: 1.5px;
  color: #FFFFFF;
}

/* line 191, ../scss/main.scss */
h2 {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 50px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 1px;
  color: #F29700;
}

/* line 200, ../scss/main.scss */
h3 {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #F29700;
}

/* line 209, ../scss/main.scss */
h4 {
  font-size: 26px;
  margin-bottom: 15px;
  color: #1f1f1f;
}

/* line 215, ../scss/main.scss */
h5 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.1em;
  color: #3c3c3c;
}

@media screen and (max-width: 960px) {
  /* line 223, ../scss/main.scss */
  h1 {
    font-size: 60px;
  }

  /* line 227, ../scss/main.scss */
  h2 {
    font-size: 44px;
  }

  /* line 231, ../scss/main.scss */
  h3 {
    font-size: 22px;
  }

  /* line 235, ../scss/main.scss */
  h4 {
    font-size: 22px;
  }

  /* line 239, ../scss/main.scss */
  h5 {
    font-size: 20px;
  }

  /* line 243, ../scss/main.scss */
  span {
    font-size: 14px;
  }
}
@media screen and (max-width: 400px) {
  /* line 249, ../scss/main.scss */
  h1 {
    font-size: 46px;
  }

  /* line 253, ../scss/main.scss */
  h2 {
    font-size: 38px;
  }

  /* line 257, ../scss/main.scss */
  h3 {
    font-size: 22px;
  }

  /* line 261, ../scss/main.scss */
  h4 {
    font-size: 16px;
  }

  /* line 265, ../scss/main.scss */
  h5 {
    font-size: 20px;
  }

  /* line 269, ../scss/main.scss */
  span {
    font-size: 14px;
  }
}
/* line 274, ../scss/main.scss */
p.highlight {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
  color: #cccccc;
}

/* line 284, ../scss/main.scss */
p.description {
  color: #696969;
}

/* line 288, ../scss/main.scss */
::placeholder {
  opacity: .8;
  color: white;
}

/* line 293, ../scss/main.scss */
::-ms-clear {
  display: none;
}

/* line 298, ../scss/main.scss */
#footer input {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  width: 100%;
  height: 100%;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 40px 8px 20px;
  letter-spacing: .6px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* line 324, ../scss/main.scss */
input:disabled {
  background: #58585A;
}

/* line 328, ../scss/main.scss */
select:disabled {
  background: #58585A;
}

/* line 332, ../scss/main.scss */
input[type='submit'] {
  width: auto;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

/* line 339, ../scss/main.scss */
textarea {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 14px;
  line-height: 1.6em;
  width: 100%;
  border: 1px solid #666666;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* line 357, ../scss/main.scss */
.scroll-down-wrap {
  position: absolute;
  z-index: 10;
  bottom: 60px;
  left: 50%;
  display: inline-block;
  -webkit-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  transform: translate(-50%, 0%);
}
/* line 368, ../scss/main.scss */
.scroll-down-wrap:hover {
  bottom: 55px;
}
/* line 373, ../scss/main.scss */
.scroll-down-wrap .scroll-down-btn {
  display: flex;
  height: 50px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
/* line 382, ../scss/main.scss */
.scroll-down-wrap .scroll-down-btn span.scroll-down {
  font: bold 16px "Arial", sans-serif;
  margin-bottom: 0;
  color: #FFFFFF;
  text-shadow: 0 0 30px black;
  -webkit-text-shadow: 0 0 30px black;
  -moz-text-shadow: 0 0 30px black;
  -ms-text-shadow: 0 0 30px black;
  -o-text-shadow: 0 0 30px black;
}
/* line 394, ../scss/main.scss */
.scroll-down-wrap .scroll-down-btn img {
  width: 28px;
  height: 17px;
  -webkit-animation: scrollarrow 800ms linear infinite;
  -moz-animation: scrollarrow 800ms linear infinite;
  -ms-animation: scrollarrow 800ms linear infinite;
  -o-animation: scrollarrow 800ms linear infinite;
  animation: scrollarrow 800ms linear infinite;
}
@keyframes scrollarrow {
  0% {
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
/* line 417, ../scss/main.scss */
.btn-wrapper {
  position: relative;
  display: inline-block;
  padding: 8px;
}
/* line 422, ../scss/main.scss */
.btn-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 0;
  -webkit-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  -webkit-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  border-right: 1px solid #FFFFFF;
}
/* line 440, ../scss/main.scss */
.btn-wrapper:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 0;
  -webkit-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  -webkit-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  border-left: 1px solid #FFFFFF;
}
/* line 459, ../scss/main.scss */
.btn-wrapper .btn-wrap {
  position: relative;
  display: flex;
  justify-content: center;
}
/* line 465, ../scss/main.scss */
.btn-wrapper .btn-wrap:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  display: inline-block;
  width: 50%;
  -webkit-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  border-bottom: 1px solid #FFFFFF;
  background-color: #a66612;
  animation-fill-mode: forwards;
}
/* line 482, ../scss/main.scss */
.btn-wrapper .btn-wrap:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -8px;
  display: inline-block;
  width: 50%;
  -webkit-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  border-bottom: 1px solid #FFFFFF;
  background-color: #a66612;
  animation-fill-mode: forwards;
}
/* line 499, ../scss/main.scss */
.btn-wrapper .btn-wrap .btn {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: flex;
  min-width: 140px;
  padding: 5px 40px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  text-align: center;
  white-space: nowrap;
  letter-spacing: .5px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  justify-content: center;
}
/* line 526, ../scss/main.scss */
.btn-wrapper.btn-brown:before, .btn-wrapper.btn-brown:after {
  border-color: #a66612 !important;
}
/* line 530, ../scss/main.scss */
.btn-wrapper.btn-brown .btn-wrap:before {
  border-color: #a66612 !important;
}
/* line 534, ../scss/main.scss */
.btn-wrapper.btn-brown .btn-wrap:after {
  border-color: #a66612 !important;
}
/* line 539, ../scss/main.scss */
.btn-wrapper.btn-brown .btn {
  color: #a66612 !important;
  border-color: #a66612 !important;
  background-color: transparent !important;
}

/* line 550, ../scss/main.scss */
.no-touch .btn-wrapper:hover {
  padding: 8px 0;
}
/* line 553, ../scss/main.scss */
.no-touch .btn-wrapper:hover .btn-wrap:before, .no-touch .btn-wrapper:hover .btn-wrap:after {
  width: 100%;
}
/* line 557, ../scss/main.scss */
.no-touch .btn-wrapper:hover .btn-wrap {
  padding: 0 8px;
}
/* line 559, ../scss/main.scss */
.no-touch .btn-wrapper:hover .btn-wrap .btn {
  padding: 5px 40px;
  opacity: 1;
  color: #1f1f1f;
  background-color: #FFFFFF;
}
/* line 567, ../scss/main.scss */
.no-touch .btn-wrapper:hover:before, .no-touch .btn-wrapper:hover:after {
  height: 100%;
}
/* line 574, ../scss/main.scss */
.no-touch .btn-wrapper.btn-brown:hover .btn-wrap {
  padding: 0 8px;
}
/* line 576, ../scss/main.scss */
.no-touch .btn-wrapper.btn-brown:hover .btn-wrap .btn {
  color: #FFFFFF !important;
  background-color: #a66612 !important;
}

/* line 586, ../scss/main.scss */
.btn-txt {
  font-size: 14px;
  position: relative;
  display: inline-block;
  text-decoration: underline;
}

/* line 593, ../scss/main.scss */
.field {
  width: 100%;
  margin-bottom: 40px;
}
/* line 597, ../scss/main.scss */
.field .select-wrap {
  width: 60%;
}
/* line 600, ../scss/main.scss */
.field .select-wrap select {
  font-size: 14px;
  position: relative;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  text-align: center;
  color: #1f1f1f;
  border: 1px solid #aaaaaa;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  background-image: url(../img/common/form-arrow.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

/* line 631, ../scss/main.scss */
.month-select-wrapper .month-select-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* line 637, ../scss/main.scss */
.month-select-wrapper .month-select-wrap label {
  font-size: 20px;
  font-weight: bold;
  line-height: 1em;
  margin: 0 20px 0 0;
  color: #3c3c3c;
}
/* line 645, ../scss/main.scss */
.month-select-wrapper .month-select-wrap .month-select {
  width: 200px;
}

/* line 652, ../scss/main.scss */
.pagination {
  display: inline-flex;
  align-items: center;
}
/* line 657, ../scss/main.scss */
.pagination a {
  display: block;
  margin: 5px;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 25px;
}
/* line 665, ../scss/main.scss */
.pagination a:first-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 674, ../scss/main.scss */
.pagination p {
  margin-bottom: 0;
}
/* line 677, ../scss/main.scss */
.pagination p select {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 0 3px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  text-align: center;
  color: #F29700;
  border: 0;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
/* line 701, ../scss/main.scss */
.pagination .arrow-dis {
  cursor: default;
  opacity: .5;
}
/* line 705, ../scss/main.scss */
.pagination .arrow-dis:hover {
  opacity: .5;
}
/* line 710, ../scss/main.scss */
.pagination .page-wrap {
  display: inline-flex;
  align-items: center;
}
/* line 715, ../scss/main.scss */
.pagination .page-wrap span {
  margin-bottom: 0;
  color: #3c3c3c;
}

/* line 722, ../scss/main.scss */
.ta-l {
  text-align: left;
  text-align-last: auto;
}

/* line 727, ../scss/main.scss */
.ta-r {
  text-align: right;
  text-align-last: auto;
}

/* line 732, ../scss/main.scss */
.ta-center {
  text-align: center;
}

/* line 736, ../scss/main.scss */
.a-center {
  margin: 0 auto;
}

/* line 740, ../scss/main.scss */
.mb-s {
  margin-bottom: 10px;
}

/* line 744, ../scss/main.scss */
.mb-m {
  margin-bottom: 20px;
}

/* line 748, ../scss/main.scss */
.mb-l {
  margin-bottom: 40px;
}

/* line 752, ../scss/main.scss */
.pt-s {
  padding-top: 20px !important;
}

/* line 756, ../scss/main.scss */
.pb-s {
  padding-bottom: 10px;
}

/* line 760, ../scss/main.scss */
.pb-m {
  padding-bottom: 20px;
}

/* line 764, ../scss/main.scss */
.pb-l {
  padding-bottom: 40px !important;
}

/* line 768, ../scss/main.scss */
.mt-s {
  margin-top: 10px;
}

/* line 772, ../scss/main.scss */
.mt-m {
  margin-top: 20px;
}

/* line 776, ../scss/main.scss */
.mt-l {
  margin-top: 40px;
}

/* line 780, ../scss/main.scss */
.pb {
  padding-bottom: 100px !important;
}

/* line 784, ../scss/main.scss */
.no-pt {
  padding-top: 0 !important;
}

/* line 788, ../scss/main.scss */
.no-mb {
  margin-bottom: 0 !important;
}

/* line 792, ../scss/main.scss */
.no-bt {
  border-top: 0 !important;
}

/* line 796, ../scss/main.scss */
.jc-l {
  justify-content: flex-start !important;
}

/* line 800, ../scss/main.scss */
.divider {
  position: relative;
  width: 100%;
  height: 1px;
  border-top: 1px solid #1f1f1f;
}

/* line 807, ../scss/main.scss */
.parallax {
  z-index: 1;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* line 816, ../scss/main.scss */
.responsive .parallax {
  background-attachment: inherit;
}

/* line 821, ../scss/main.scss */
.bg-pattern01 {
  background-image: url(../img/common/bg1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 600px) {
  /* line 829, ../scss/main.scss */
  .bg-pattern01 {
    background-position: 50% 50%;
    background-size: 200%;
  }
}
/* line 835, ../scss/main.scss */
.bg-pattern02 {
  background-image: url(../img/common/bg2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 842, ../scss/main.scss */
.blk-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  opacity: .3;
  background-color: black;
}

/* line 856, ../scss/main.scss */
.bg-orange01 {
  background-color: #F29700;
}

/* line 860, ../scss/main.scss */
.bg-grey01 {
  background-color: #1f1f1f;
}

/* line 864, ../scss/main.scss */
.bg-grey02 {
  background-color: #cccccc;
}

/* line 868, ../scss/main.scss */
.bg-grey03 {
  background-color: #aaaaaa;
}

/* line 872, ../scss/main.scss */
.bg-grey04 {
  background-color: #888888;
}

/* line 876, ../scss/main.scss */
.bg-grey05 {
  background-color: #666666;
}

/* line 880, ../scss/main.scss */
.bg-grey06 {
  background-color: #58585A;
}

/* line 884, ../scss/main.scss */
.bg-grey07 {
  background-color: #3c3c3c;
}

/* line 888, ../scss/main.scss */
.txt-orange01 {
  color: #F29700;
}

/* line 892, ../scss/main.scss */
.txt-white {
  color: #FFFFFF;
}

/* line 896, ../scss/main.scss */
.txt-black {
  color: #000000;
}

/* line 900, ../scss/main.scss */
.txt-grey01 {
  color: #1f1f1f;
}

/* line 904, ../scss/main.scss */
.txt-grey02 {
  color: #cccccc;
}

/* line 908, ../scss/main.scss */
.txt-grey03 {
  color: #aaaaaa;
}

/* line 912, ../scss/main.scss */
.txt-grey04 {
  color: #888888;
}

/* line 916, ../scss/main.scss */
.tabs-content {
  width: 100%;
  margin-top: 80px;
}

@media screen and (max-width: 1600px) {
  /* line 922, ../scss/main.scss */
  .tabs-content {
    padding: 40px 0 40px 90px;
  }
}
@media screen and (max-width: 960px) {
  /* line 928, ../scss/main.scss */
  .tabs-content {
    padding: 40px 0 40px 120px;
  }
}
@media screen and (max-width: 800px) {
  /* line 934, ../scss/main.scss */
  .tabs-content {
    padding-left: 0;
  }
}
/* line 939, ../scss/main.scss */
.img-wrapper {
  position: relative;
  width: 100%;
}
/* line 943, ../scss/main.scss */
.img-wrapper:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 0;
  height: 1px;
  animation-name: linegrow;
  animation-duration: 800ms;
  animation-delay: 2s;
  background-color: #a66612;
  animation-fill-mode: forwards;
}
/* line 958, ../scss/main.scss */
.img-wrapper:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 0;
  height: 1px;
  animation-name: linegrow;
  animation-duration: 800ms;
  animation-delay: 2s;
  background-color: #a66612;
  animation-fill-mode: forwards;
}
/* line 973, ../scss/main.scss */
.img-wrapper img {
  width: 100%;
}

/* line 978, ../scss/main.scss */
.report-wrapper {
  width: 40%;
  margin-right: 20px;
}
/* line 982, ../scss/main.scss */
.report-wrapper .report-wrap {
  padding-top: 140%;
  border: 1px solid #a66612;
}

/* line 988, ../scss/main.scss */
.item-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 994, ../scss/main.scss */
.item-wrap .item-l {
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  flex-wrap: wrap;
}
/* line 1001, ../scss/main.scss */
.item-wrap .item-l h3 {
  font-size: 30px;
}
/* line 1005, ../scss/main.scss */
.item-wrap .item-l .item-l-img {
  padding-top: 40%;
  border: 1px solid #a66612;
}
/* line 1012, ../scss/main.scss */
.item-wrap .item-l:last-child .item-bb {
  border-bottom: 0;
}
/* line 1018, ../scss/main.scss */
.item-wrap .item-m {
  display: flex;
  width: calc(100% / 2 - 20px);
  margin-bottom: 60px;
  flex-wrap: wrap;
}
/* line 1025, ../scss/main.scss */
.item-wrap .item-m h5 {
  font-size: 18px;
}
/* line 1029, ../scss/main.scss */
.item-wrap .item-m p {
  font-size: 14px;
}
/* line 1033, ../scss/main.scss */
.item-wrap .item-m .item-m-img {
  padding-top: 60%;
  border: 1px solid #a66612;
}
/* line 1039, ../scss/main.scss */
.item-wrap .item-s {
  display: flex;
  width: calc(100% / 3 - 20px);
  margin-bottom: 60px;
  flex-wrap: wrap;
}
/* line 1046, ../scss/main.scss */
.item-wrap .item-s h5 {
  font-size: 18px;
}
/* line 1050, ../scss/main.scss */
.item-wrap .item-s p {
  font-size: 14px;
}
/* line 1054, ../scss/main.scss */
.item-wrap .item-s .item-s-img {
  padding-top: 60%;
  border: 1px solid #a66612;
}
/* line 1060, ../scss/main.scss */
.item-wrap .item-title-wrapper {
  display: flex;
  width: 100%;
  padding-right: 40px;
  flex-wrap: wrap;
}
/* line 1068, ../scss/main.scss */
.item-wrap .report-title-wrapper {
  width: calc(60% - 20px);
  align-self: center;
}
/* line 1073, ../scss/main.scss */
.item-wrap .report-title-wrapper .item-title-wrap {
  width: auto;
}
/* line 1078, ../scss/main.scss */
.item-wrap .item-title-wrap {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
/* line 1085, ../scss/main.scss */
.item-wrap .item-title-wrap .item-title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-right: 60px;
  padding-left: 120px;
  transform: translateY(-50%);
  text-align: left;
}
/* line 1096, ../scss/main.scss */
.item-wrap .item-title-wrap .news-title {
  padding-left: 0;
}
/* line 1100, ../scss/main.scss */
.item-wrap .item-title-wrap .date-wrap {
  display: flex;
  min-width: 100px;
  margin: 25px 10px;
  flex-wrap: wrap;
}
/* line 1107, ../scss/main.scss */
.item-wrap .item-title-wrap .date-wrap span.date {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 50px;
  font-weight: bold;
  line-height: .8;
  margin-bottom: 0;
  color: #F29700;
}
/* line 1116, ../scss/main.scss */
.item-wrap .item-title-wrap .date-wrap span.month {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  color: #F29700;
}
/* line 1126, ../scss/main.scss */
.item-wrap .item-title-wrap .report-title {
  position: relative;
  width: auto;
  margin-top: 10px;
  padding: 0;
}
/* line 1132, ../scss/main.scss */
.item-wrap .item-title-wrap .report-title h3 {
  letter-spacing: 0;
  color: #a66612;
}
/* line 1138, ../scss/main.scss */
.item-wrap .item-title-wrap .title-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 40px;
  transform: translateY(-50%);
  background-image: url(../img/common/btn-orange-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 1152, ../scss/main.scss */
.item-wrap .item-bb {
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
}
/* line 1157, ../scss/main.scss */
.item-wrap .report-item {
  width: calc(100% / 2 - 60px);
}

/* line 1162, ../scss/main.scss */
.report-item-wrap {
  padding: 0 80px;
}
/* line 1165, ../scss/main.scss */
.report-item-wrap .report-item {
  width: calc(100% / 2 - 60px);
}

@media screen and (max-width: 1080px) {
  /* line 1172, ../scss/main.scss */
  .report-item-wrap {
    display: flex;
    justify-content: center;
  }
  /* line 1176, ../scss/main.scss */
  .report-item-wrap .report-item {
    display: flex;
    width: 100%;
    margin: 40px 0;
    flex-wrap: wrap;
  }
  /* line 1183, ../scss/main.scss */
  .report-item-wrap .report-item .report-title {
    padding: 0 !important;
  }
  /* line 1187, ../scss/main.scss */
  .report-item-wrap .report-item .report-wrapper {
    width: 80%;
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  /* line 1196, ../scss/main.scss */
  .news-title {
    padding: 0 30px 0 0 !important;
  }

  /* line 1200, ../scss/main.scss */
  .report-item-wrap {
    padding: 0;
  }

  /* line 1204, ../scss/main.scss */
  .item-s {
    width: calc(100% / 2 - 20px) !important;
  }
}
@media screen and (max-width: 600px) {
  /* line 1210, ../scss/main.scss */
  .item-s {
    width: 100% !important;
  }
}
/* line 1215, ../scss/main.scss */
.contact-map {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #a66612;
}
/* line 1221, ../scss/main.scss */
.contact-map .gmnoprint {
  display: none;
}

/* line 5, ../scss/_structure.scss */
.loader {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  pointer-events: none;
  opacity: 1;
  background-color: #F29700;
}
/* line 19, ../scss/_structure.scss */
.loader.loaded {
  opacity: 0;
}

/* line 25, ../scss/_structure.scss */
.idevice .loader {
  display: none !important;
}

/* line 30, ../scss/_structure.scss */
#global-container {
  display: flex;
  min-height: 100%;
  background-size: 800px;
  flex-wrap: wrap;
}

/* line 38, ../scss/_structure.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
}
/* line 45, ../scss/_structure.scss */
.container.nomxw {
  max-width: inherit;
}
/* line 49, ../scss/_structure.scss */
.container.ie-container {
  margin: 0 !important;
}

/* line 54, ../scss/_structure.scss */
.banner-wrap {
  position: relative;
}

@media screen and (max-width: 600px) {
  /* line 59, ../scss/_structure.scss */
  .container {
    padding: 0 20px;
  }
}
/* line 64, ../scss/_structure.scss */
.main-content {
  font-size: 0;
  position: relative;
  width: 100%;
  height: auto;
  /* padding-top: 60px; */
}

/* line 72, ../scss/_structure.scss */
.section {
  position: relative;
  width: 100%;
  padding-top: 100px;
  min-height: 410px;
}
/* line 78, ../scss/_structure.scss */
.section .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 86, ../scss/_structure.scss */
.section .txt-wrap {
  margin: 0 auto 40px;
}

/* line 91, ../scss/_structure.scss */
.section-title {
  width: 100%;
}

/* line 95, ../scss/_structure.scss */
.inner-banner {
  position: relative;
  width: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 104, ../scss/_structure.scss */
.row {
  position: relative;
  width: 100% !important;
}

/* line 109, ../scss/_structure.scss */
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 117, ../scss/_structure.scss */
.flex-wrap.two-col {
  width: calc(100% + 40px);
}
/* line 119, ../scss/_structure.scss */
.flex-wrap.two-col .col {
  width: calc(50% - 20px);
}

@media screen and (max-width: 600px) {
  /* line 127, ../scss/_structure.scss */
  .flex-wrap.two-col {
    width: 100%;
  }
  /* line 129, ../scss/_structure.scss */
  .flex-wrap.two-col .col {
    width: 100%;
    /* margin-bottom: 40px; */
    text-align: center;
  }
  /* line 134, ../scss/_structure.scss */
  .flex-wrap.two-col .col:last-child {
    margin-bottom: 0;
  }
}
/* line 143, ../scss/_structure.scss */
.ai-center {
  align-items: center;
}

/* line 148, ../scss/_structure.scss */
.bgi {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 154, ../scss/_structure.scss */
.bg-attached {
  background-attachment: fixed;
}

/* line 158, ../scss/_structure.scss */
.withoverlay:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 960px) {
  /* line 170, ../scss/_structure.scss */
  .section {
    min-height: inherit;
    padding: 40px 0;
  }
}
/* line 176, ../scss/_structure.scss */
.yr-bar-wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 5%;
  height: 100%;
}
/* line 183, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap {
  position: relative;
  height: 100%;
}
/* line 187, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 1px solid #aaaaaa;
}
/* line 196, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar {
  height: 100%;
  padding-top: 250px;
}
/* line 200, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar .yr {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  color: #1f1f1f;
}
/* line 210, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar .yr:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: -100px;
  width: 101px;
  height: 100%;
  -webkit-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  opacity: 0;
  background: #F29700;
}
/* line 226, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar a:hover {
  opacity: 1;
}
/* line 230, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar .active {
  position: relative;
  box-sizing: border-box;
  padding: 12px 0;
  cursor: pointer;
  text-align: center;
  color: #FFFFFF;
  background: #F29700;
}
/* line 239, ../scss/_structure.scss */
.yr-bar-wrapper .yr-bar-wrap .yr-bar .active:before {
  opacity: 1;
}

/* line 247, ../scss/_structure.scss */
.yr-select-wrapper {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
}
/* line 254, ../scss/_structure.scss */
.yr-select-wrapper .yr-select-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 260, ../scss/_structure.scss */
.yr-select-wrapper .yr-select-wrap .yr-select {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 22px;
  padding: 15px;
  color: #1f1f1f;
}
/* line 267, ../scss/_structure.scss */
.yr-select-wrapper .yr-select-wrap .active {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #F29700;
}

@media screen and (max-width: 800px) {
  /* line 276, ../scss/_structure.scss */
  .yr-select-wrapper {
    display: flex;
  }

  /* line 280, ../scss/_structure.scss */
  .yr-bar-wrapper {
    display: none;
  }

  /* line 284, ../scss/_structure.scss */
  .tabs-content {
    margin-top: 0;
  }
  /* line 287, ../scss/_structure.scss */
  .tabs-content .month-select-wrapper {
    display: flex;
    justify-content: center;
  }
  /* line 295, ../scss/_structure.scss */
  .tabs-content .item-wrap .item-title-wrap .title-arrow {
    width: 15px;
  }
  /* line 299, ../scss/_structure.scss */
  .tabs-content .item-wrap .item-title-wrap .date-wrap {
    width: 60px;
    min-width: auto;
    margin: 15px 10px;
  }
  /* line 304, ../scss/_structure.scss */
  .tabs-content .item-wrap .item-title-wrap .date-wrap span.date {
    font-size: 40px;
  }
  /* line 308, ../scss/_structure.scss */
  .tabs-content .item-wrap .item-title-wrap .date-wrap span.month {
    font-size: 23px;
  }
  /* line 313, ../scss/_structure.scss */
  .tabs-content .item-wrap .item-title-wrap .item-title {
    padding-right: 30px;
    padding-left: 80px;
  }
}
/* line 328, ../scss/_structure.scss */
#header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
/* line 344, ../scss/_structure.scss */
#header .top {
  position: relative;
  display: flex;
  width: 100%;
  padding: 15px 0;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  color: #FFFFFF;
  background-color: rgba(60, 60, 60, 0);
}
/* line 355, ../scss/_structure.scss */
#header .top a {
  margin-right: 10px;
  padding-right: 10px;
}
/* line 359, ../scss/_structure.scss */
#header .top a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
/* line 368, ../scss/_structure.scss */
#header .bottom {
  position: relative;
  display: flex;
  width: 100%;
  padding: 25px 0;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  background-color: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 400px) {
  /* line 380, ../scss/_structure.scss */
  #header .top {
    padding: 10px 0;
  }
  /* line 383, ../scss/_structure.scss */
  #header .bottom {
    padding: 15px 0;
  }
}
/* line 388, ../scss/_structure.scss */
#header .left {
  display: flex;
}
/* line 391, ../scss/_structure.scss */
#header .left a {
  border-right: 1px solid #a66612;
}
/* line 396, ../scss/_structure.scss */
#header .updated-time {
  font-family: "Arial", sans-serif;
  margin-left: auto;
}
/* line 401, ../scss/_structure.scss */
#header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 411, ../scss/_structure.scss */
.logo svg {
  width: 100%;
  max-width: 240px;
  height: 40px;
}
/* line 415, ../scss/_structure.scss */
.logo svg * {
  padding: 25px 0;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

@media screen and (max-width: 400px) {
  /* line 426, ../scss/_structure.scss */
  .logo svg {
    width: 80%;
  }
}
/* line 432, ../scss/_structure.scss */
html:not(.scrolldown) .logo {
  position: relative;
  z-index: 9;
}
/* line 436, ../scss/_structure.scss */
html:not(.scrolldown) .logo svg * {
  fill: #FFFFFF;
}

/* line 444, ../scss/_structure.scss */
.scrolldown #header .top {
  z-index: 1;
  color: #FFFFFF;
  background-color: #f29700;
}
/* line 449, ../scss/_structure.scss */
.scrolldown #header .top .txt-orange01 {
  color: #a66612;
}
/* line 453, ../scss/_structure.scss */
.scrolldown #header .bottom {
  background-color: white;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
/* line 469, ../scss/_structure.scss */
.scrolldown #btnToggleMenu span {
  border-color: #a66612;
}

@media screen and (max-width: 600px) {
  /* line 478, ../scss/_structure.scss */
  .scrolldown #header .top {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  /* line 486, ../scss/_structure.scss */
  .nav-wrap {
    z-index: 10;
  }
  /* line 489, ../scss/_structure.scss */
  .nav-wrap .main-nav {
    overflow: auto;
    height: 70%;
    max-height: 480px;
    margin: 100px 60px;
    padding: 0 !important;
  }
}
/* line 499, ../scss/_structure.scss */
.nav-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 700px;
  height: 100%;
  -webkit-transition: all ease-in-out 500ms;
  -o-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #FFFFFF;
  background-image: url(../img/common/menu-bg.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 70%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
/* line 521, ../scss/_structure.scss */
.nav-wrap .main-nav {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 120px 40px 40px 100px;
  flex-wrap: wrap;
}
/* line 530, ../scss/_structure.scss */
.nav-wrap .main-nav > li {
  width: 100%;
  margin-bottom: 0;
}
/* line 534, ../scss/_structure.scss */
.nav-wrap .main-nav > li > a {
  font-size: 18px;
  font-weight: bold;
  padding: 12px 0;
  letter-spacing: .5px;
  color: #F29700;
}
/* line 542, ../scss/_structure.scss */
.nav-wrap .main-nav > li a {
  display: inline-block;
  color: #aaaaaa;
}
/* line 546, ../scss/_structure.scss */
.nav-wrap .main-nav > li a:hover {
  color: #F29700;
}
/* line 555, ../scss/_structure.scss */
.nav-wrap .main-nav .social-media-nav {
  padding: 25px 0;
  text-align: center;
}
/* line 558, ../scss/_structure.scss */
.nav-wrap .main-nav .social-media-nav li {
  display: inline-block;
  margin-right: 20px;
}
/* line 561, ../scss/_structure.scss */
.nav-wrap .main-nav .social-media-nav li:last-child {
  margin-right: 0;
}
/* line 564, ../scss/_structure.scss */
.nav-wrap .main-nav .social-media-nav li a {
  display: inline-block;
  width: 32px;
}
/* line 573, ../scss/_structure.scss */
.nav-wrap .main-nav .sub-menu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}
/* line 581, ../scss/_structure.scss */
.nav-wrap .main-nav .sub-menu li {
  margin: 0;
}
/* line 584, ../scss/_structure.scss */
.nav-wrap .main-nav .sub-menu li:last-child {
  border-bottom: 1px solid rgba(88, 88, 90, 0.2);
}
/* line 587, ../scss/_structure.scss */
.nav-wrap .main-nav .sub-menu li:last-child a {
  margin-bottom: 15px;
}
/* line 592, ../scss/_structure.scss */
.nav-wrap .main-nav .sub-menu a {
  margin-top: 15px;
}
/* line 599, ../scss/_structure.scss */
.nav-wrap .main-nav .has-submenu.active > a {
  color: #F29700;
}
/* line 602, ../scss/_structure.scss */
.nav-wrap .main-nav .has-submenu.active .sub-menu {
  max-height: 240px;
}
/* line 609, ../scss/_structure.scss */
.nav-wrap .main-nav::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 600px) {
  /* line 616, ../scss/_structure.scss */
  .nav-wrap {
    width: 100%;
    max-width: inherit;
  }
  /* line 622, ../scss/_structure.scss */
  .nav-wrap .main-nav > li > a {
    padding: 10px 0;
  }
  /* line 627, ../scss/_structure.scss */
  .nav-wrap .main-nav a {
    font-size: 14px;
  }
}
/* line 636, ../scss/_structure.scss */
.toggle-active .nav-wrap {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

/* line 644, ../scss/_structure.scss */
.right {
  z-index: 100;
}
/* line 648, ../scss/_structure.scss */
.right .lang-nav a {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 14px;
  position: relative;
  color: #FFFFFF;
  border-color: #FFFFFF !important;
}
/* line 655, ../scss/_structure.scss */
.right .lang-nav a:last-child {
  font-family: "Microsoft Yahei", sans-serif !important;
  font-weight: bold;
}
/* line 660, ../scss/_structure.scss */
.right .lang-nav a.active {
  color: #a66612;
}
/* line 667, ../scss/_structure.scss */
.right .active a {
  color: #aaaaaa;
}

/* line 673, ../scss/_structure.scss */
.toggle-wrap {
  z-index: 11;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
  /* line 685, ../scss/_structure.scss */
  .toggle-wrap .txt {
    display: none;
  }

  /* line 689, ../scss/_structure.scss */
  .top {
    display: flex;
    justify-content: space-between;
  }
  /* line 695, ../scss/_structure.scss */
  .top .left .updated-time {
    display: none;
  }
  /* line 698, ../scss/_structure.scss */
  .top .left .stock-price {
    border-right: 0 !important;
  }
  /* line 703, ../scss/_structure.scss */
  .top .right .lang-nav {
    right: 20px;
    display: flex;
    margin-right: 10px;
    align-items: center;
  }
}
/* line 713, ../scss/_structure.scss */
#btnToggleMenu {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 8px;
  cursor: pointer;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
/* line 723, ../scss/_structure.scss */
#btnToggleMenu span {
  position: absolute;
  right: 8px;
  display: block;
  width: 25px;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
  border-top: 2px solid #FFFFFF;
}
/* line 733, ../scss/_structure.scss */
#btnToggleMenu span:nth-child(1) {
  top: 9px;
}
/* line 736, ../scss/_structure.scss */
#btnToggleMenu span:nth-child(2) {
  top: 19px;
}
/* line 739, ../scss/_structure.scss */
#btnToggleMenu span:nth-child(3) {
  bottom: 9px;
}
/* line 745, ../scss/_structure.scss */
#btnToggleMenu:hover span {
  border-top: 2px solid #F29700;
}
/* line 747, ../scss/_structure.scss */
#btnToggleMenu:hover span:nth-child(1) {
  width: 22px;
}
/* line 750, ../scss/_structure.scss */
#btnToggleMenu:hover span:nth-child(2) {
  width: 15px;
}
/* line 753, ../scss/_structure.scss */
#btnToggleMenu:hover span:nth-child(3) {
  width: 8px;
}
/* line 760, ../scss/_structure.scss */
#btnToggleMenu.active span {
  width: 22px !important;
  border-top: 2px solid #a66612;
}
/* line 763, ../scss/_structure.scss */
#btnToggleMenu.active span:nth-child(1) {
  position: absolute;
  top: 15px;
  bottom: inherit;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 772, ../scss/_structure.scss */
#btnToggleMenu.active span:nth-child(2) {
  position: absolute;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
/* line 781, ../scss/_structure.scss */
#btnToggleMenu.active span:nth-child(3) {
  position: absolute;
  top: 15px;
  bottom: inherit;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 793, ../scss/_structure.scss */
#btnToggleMenu.active:hover span {
  border-top: 2px solid #F29700;
}

/* line 803, ../scss/_structure.scss */
#footer {
  display: block;
  width: 100%;
  height: auto;
}
/* line 807, ../scss/_structure.scss */
#footer .footer-top {
  padding: 40px 0;
  background-color: #F29700;
}
/* line 812, ../scss/_structure.scss */
#footer .footer-top .logo svg * {
  fill: #FFFFFF;
}
/* line 817, ../scss/_structure.scss */
#footer .footer-top span, #footer .footer-top a, #footer .footer-top label {
  color: #FFFFFF;
}
/* line 821, ../scss/_structure.scss */
#footer .footer-top label {
  font-weight: bolder;
}
/* line 826, ../scss/_structure.scss */
#footer .footer-top .input-wrapper .input-wrap {
  position: relative;
}
/* line 829, ../scss/_structure.scss */
#footer .footer-top .input-wrapper .input-wrap input {
  min-width: 300px;
}
/* line 833, ../scss/_structure.scss */
#footer .footer-top .input-wrapper .input-wrap a {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 20px;
  transform: translateY(-50%);
}
/* line 841, ../scss/_structure.scss */
#footer .footer-top .input-wrapper .input-wrap a img {
  width: 100%;
  height: 100%;
  opacity: .8;
}
/* line 851, ../scss/_structure.scss */
#footer .footer-bottom {
  padding: 15px 0;
  color: #666666;
  background-color: #FFFFFF;
}
/* line 856, ../scss/_structure.scss */
#footer .footer-bottom span {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 0;
  color: #888888;
}
/* line 863, ../scss/_structure.scss */
#footer .footer-bottom a {
  color: #888888;
}
/* line 867, ../scss/_structure.scss */
#footer .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 874, ../scss/_structure.scss */
#footer .quick-links {
  display: inline-block;
  margin-top: 20px;
}
/* line 877, ../scss/_structure.scss */
#footer .quick-links li {
  line-height: 1;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
  padding-right: 20px;
  border-right: 1px solid #FFFFFF;
}
/* line 885, ../scss/_structure.scss */
#footer .quick-links li:last-child {
  border-right: 0;
}

@media screen and (max-width: 600px) {
  /* line 894, ../scss/_structure.scss */
  #footer .row {
    flex-wrap: wrap;
  }
  /* line 897, ../scss/_structure.scss */
  #footer .col-l {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 904, ../scss/_structure.scss */
  #footer .col-l a {
    display: flex;
    justify-content: center;
  }
  /* line 911, ../scss/_structure.scss */
  #footer .col-r {
    display: flex;
    width: 100%;
    margin-top: 0;
    align-items: center;
    justify-content: center;
  }
  /* line 919, ../scss/_structure.scss */
  #footer .col-r .input-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 926, ../scss/_structure.scss */
  #footer .col-r .input-wrapper .input-wrap label {
    margin-bottom: 10px;
  }
  /* line 934, ../scss/_structure.scss */
  #footer .footer-bottom span, #footer .footer-bottom a {
    font-size: 10px;
  }
  /* line 940, ../scss/_structure.scss */
  #footer img {
    width: 100%;
    max-width: 180px;
    height: auto;
  }
  /* line 947, ../scss/_structure.scss */
  #footer .quick-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 953, ../scss/_structure.scss */
  #footer .quick-links li {
    width: 60%;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    text-align: center;
    border-right: 0;
    border-bottom: 1px solid #FFFFFF;
  }
  /* line 961, ../scss/_structure.scss */
  #footer .quick-links li:last-child {
    border-bottom: 0;
  }
}
/* line 1, ../scss/_component.scss */
.card-1-wrap {
  position: relative;
  margin-bottom: -20px;
}
/* line 4, ../scss/_component.scss */
.card-1-wrap .item {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 40%;
  cursor: pointer;
}
/* line 13, ../scss/_component.scss */
.card-1-wrap .item .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
/* line 20, ../scss/_component.scss */
.card-1-wrap .item .img-wrap .bgi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 36, ../scss/_component.scss */
.card-1-wrap .item.large {
  padding-top: 60%;
}
/* line 40, ../scss/_component.scss */
.card-1-wrap .item:after {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
/* line 58, ../scss/_component.scss */
.card-1-wrap .item p {
  line-height: 1.4em;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 15px 20px;
  color: #FFFFFF;
}
/* line 67, ../scss/_component.scss */
.card-1-wrap .item p span {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 74, ../scss/_component.scss */
.card-1-wrap .item:hover {
  opacity: 1;
}
/* line 80, ../scss/_component.scss */
.card-1-wrap .item:hover .img-wrap .bgi {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

@media screen and (max-width: 960px) {
  /* line 93, ../scss/_component.scss */
  .card-1-wrap .item {
    text-align: left;
  }
  /* line 95, ../scss/_component.scss */
  .card-1-wrap .item.large {
    padding-top: 40% !important;
  }
}
@media screen and (max-width: 600px) {
  /* line 105, ../scss/_component.scss */
  .card-1-wrap .item p {
    text-align: left;
  }
}
/* line 115, ../scss/_component.scss */
.card-2-wrap {
  position: relative;
}
/* line 117, ../scss/_component.scss */
.card-2-wrap .item {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
/* line 122, ../scss/_component.scss */
.card-2-wrap .item .content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: -80px;
  padding: 20px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #1f1f1f;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
/* line 136, ../scss/_component.scss */
.card-2-wrap .item .content .title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 5px;
}
/* line 142, ../scss/_component.scss */
.card-2-wrap .item .img-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 40%;
  min-height: 300px;
}
/* line 148, ../scss/_component.scss */
.card-2-wrap .item .img-wrap .bgi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 163, ../scss/_component.scss */
.card-2-wrap .item:hover {
  opacity: 1;
}
/* line 169, ../scss/_component.scss */
.card-2-wrap .item:hover .img-wrap .bgi {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 180, ../scss/_component.scss */
.presentation-wrap {
  position: relative;
  left: -5px;
  width: calc(100% + 10px) !important;
}
/* line 185, ../scss/_component.scss */
.presentation-wrap .item {
  width: calc(50% - 10px) !important;
  margin: 0 5px;
  padding: 0 0 0 0;
}
/* line 189, ../scss/_component.scss */
.presentation-wrap .item .img {
  position: relative;
  width: 100%;
  margin-top: 5px;
  padding-top: 55%;
}

/* line 198, ../scss/_component.scss */
.reports-wrap {
  position: relative;
  left: -5px;
  width: calc(100% + 10px) !important;
}
/* line 203, ../scss/_component.scss */
.reports-wrap .item {
  width: calc(100% / 3 - 10px) !important;
  margin: 0 5px;
  padding: 0 0 0 0;
}
/* line 207, ../scss/_component.scss */
.reports-wrap .item .img {
  position: relative;
  width: 100%;
  margin-top: 5px;
  padding-top: 135%;
}

/* line 6, ../scss/_pages.scss */
#hm_banner .item {
  position: relative;
  min-height: calc(100vh - 60px);
  /* &:before{
      content:'';
      padding-top: 60%;
  } */
}
/* line 15, ../scss/_pages.scss */
#hm_banner .item .txt-wrap {
  position: absolute;
  z-index: 2;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
/* line 25, ../scss/_pages.scss */
#hm_banner .item .txt-wrap h1 {
  color: #FFFFFF;
  text-shadow: 0 0 30px black;
  -webkit-text-shadow: 0 0 30px black;
  -moz-text-shadow: 0 0 30px black;
  -ms-text-shadow: 0 0 30px black;
  -o-text-shadow: 0 0 30px black;
}
/* line 35, ../scss/_pages.scss */
#hm_banner .item .txt-wrap h4 {
  color: #FFFFFF;
}
/* line 40, ../scss/_pages.scss */
#hm_banner .item .blk-overlay {
  opacity: .2;
}

/* line 52, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap {
  font-size: 15px;
  position: relative;
  display: flex;
  overflow-x: auto;
  margin-top: 50px;
}
/* line 60, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title {
  display: flex;
  min-width: 450px;
  border-bottom: 2px solid #a66612;
  flex-wrap: wrap;
}
/* line 67, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title .first-row {
  width: 100%;
  height: 85px;
  border-top: 2px solid #a66612;
  border-bottom: 2px solid #a66612;
  text-align: right;
}
/* line 75, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap {
  width: 100%;
  margin: 25px 0 15px 10px;
}
/* line 79, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap li {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: left;
  color: #000000;
}
/* line 85, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap li ul.sub-list-title {
  margin-left: 10px;
}
/* line 87, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap li ul.sub-list-title li {
  font-size: 17px;
}
/* line 89, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap li ul.sub-list-title li:before {
  content: '—';
  margin-right: 10px;
}
/* line 97, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap ul.highlight-title ul.title-wrap .bold {
  font-size: 20px;
  font-weight: bold;
}
/* line 104, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr {
  display: flex;
}
/* line 107, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap {
  border-bottom: 2px solid #a66612;
}
/* line 110, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap li {
  font-size: 18px;
  display: flex;
  min-width: 150px;
  padding: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
/* line 121, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap .first-row {
  width: 100%;
  height: 85px;
  color: #3c3c3c;
  border-top: 2px solid #a66612;
  border-bottom: 2px solid #a66612;
  text-align: right;
}
/* line 130, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap .yr-stats {
  padding: 25px 0 15px 10px;
}
/* line 133, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap .yr-stats li {
  margin-bottom: 5px;
  padding: 0 10px 0 0;
  color: #3c3c3c;
}
/* line 139, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr ul.yr-wrap .yr-stats .sub-stats {
  font-size: 17px;
}
/* line 145, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr .yr-current {
  height: 100%;
  background-color: rgba(217, 208, 197, 0.5);
}
/* line 149, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr .yr-current .first-row {
  color: #a66612 !important;
}
/* line 154, ../scss/_pages.scss */
#financial-highlights .section .highlight-wrap .highlight-yr .yr-current .yr-stats li {
  color: #a66612 !important;
}

/* line 166, ../scss/_pages.scss */
.responsive #financial-highlights .highlight-wrap {
  overflow-x: scroll;
}

/* line 6, ../scss/_dick.scss */
#home ul.f-highlight {
  display: flex;
  justify-content: center;
}
/* line 11, ../scss/_dick.scss */
#home ul.f-highlight li {
  padding: 0 40px;
  border-right: 1px solid #1f1f1f;
}
/* line 15, ../scss/_dick.scss */
#home ul.f-highlight li h2 {
  display: inline;
}
/* line 19, ../scss/_dick.scss */
#home ul.f-highlight li:last-child {
  border-right: 0;
}
@media screen and (max-width: 600px) {
  /* line 26, ../scss/_dick.scss */
  #home ul.f-highlight {
    flex-wrap: wrap;
  }
  /* line 29, ../scss/_dick.scss */
  #home ul.f-highlight li {
    width: 60%;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid #1f1f1f;
  }
  /* line 35, ../scss/_dick.scss */
  #home ul.f-highlight li:last-child {
    border-bottom: 0;
  }
}
/* line 42, ../scss/_dick.scss */
#home .hm-ir {
  position: relative;
  background-color: #dba75b;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
/* line 49, ../scss/_dick.scss */
#home .hm-ir div.building {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
/* line 59, ../scss/_dick.scss */
#home .hm-ir .card-wrap {
  z-index: 1;
  top: -80px;
}
/* line 63, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 69, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item {
  position: relative;
  display: flex;
  width: calc(100% / 3 - 15px);
  margin-bottom: 20px;
  padding: 40px 30px;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  background-color: white;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
/* line 88, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item .card-title {
  position: relative;
  margin-bottom: 40px;
}
/* line 92, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item .card-title:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 200px;
  transform: translate(-50%, 0%);
  border-bottom: 1px solid #F29700;
}
/* line 102, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap {
  display: flex;
  flex-wrap: wrap;
}
/* line 106, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh {
  display: flex;
  margin: 10px 0 10px 20px;
  flex-wrap: wrap;
  align-items: center;
}
/* line 113, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh .fh-icon {
  width: 50px;
  height: 50px;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* line 122, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh .fh-text-wrap {
  display: flex;
  width: calc(100% - 90px);
  margin-left: 20px;
  flex-wrap: wrap;
}
/* line 129, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh .fh-text-wrap .fh-text {
  margin-bottom: 0;
}
/* line 135, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh:last-child:after {
  border-bottom: 0;
}
/* line 140, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.ir-fh-wrap li.ir-fh:after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
/* line 150, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap {
  color: #3c3c3c;
}
/* line 153, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap li.hm-listing {
  position: relative;
  width: 100%;
  padding-top: 20px;
}
/* line 158, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap li.hm-listing h5.hm-listing-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1em;
}
/* line 164, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap li.hm-listing:after {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
/* line 173, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap li.hm-listing:last-child:after {
  border-bottom: 0;
}
/* line 178, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-listing-wrap li.hm-listing:first-child {
  padding-top: 0;
}
/* line 184, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap {
  display: flex;
  flex-wrap: wrap;
}
/* line 189, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing {
  position: relative;
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
/* line 196, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing .hm-img-cover {
  width: 100%;
  height: 170px;
}
/* line 201, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing .img-report {
  height: 395px;
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 207, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing:first-child {
  margin-top: 0;
}
/* line 212, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing:last-child:after {
  border-bottom: 0;
}
/* line 217, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
/* line 228, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-item:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and (max-width: 960px) {
  /* line 238, ../scss/_dick.scss */
  #home .hm-ir .card-wrap .card-row .card-item {
    width: 100%;
  }
  /* line 243, ../scss/_dick.scss */
  #home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing a .img-report {
    background-position: center;
  }
  /* line 246, ../scss/_dick.scss */
  #home .hm-ir .card-wrap .card-row .card-item ul.hm-cover-listing-wrap li.hm-cover-listing a p {
    text-align: center;
  }
}
/* line 255, ../scss/_dick.scss */
#home .hm-ir .card-wrap .card-row .card-l {
  width: calc(100% / 3 * 2 - 8px);
  padding: 40px 60px;
}
/* line 263, ../scss/_dick.scss */
#home .content-wrap {
  display: flex;
  align-items: center;
}
/* line 268, ../scss/_dick.scss */
#home .content-wrap .left-wrap, #home .content-wrap .right-wrap {
  display: flex;
  width: 50%;
  height: 680px;
  justify-content: center;
  align-items: center;
}
/* line 277, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap, #home .content-wrap .right-wrap ul.hm-listing-wrap {
  color: #3c3c3c;
}
/* line 280, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap li.hm-listing, #home .content-wrap .right-wrap ul.hm-listing-wrap li.hm-listing {
  position: relative;
  width: 100%;
  padding-top: 20px;
}
/* line 285, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap li.hm-listing h5.hm-listing-title, #home .content-wrap .right-wrap ul.hm-listing-wrap li.hm-listing h5.hm-listing-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1em;
}
/* line 291, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap li.hm-listing:after, #home .content-wrap .right-wrap ul.hm-listing-wrap li.hm-listing:after {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
/* line 300, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap li.hm-listing:last-child:after, #home .content-wrap .right-wrap ul.hm-listing-wrap li.hm-listing:last-child:after {
  border-bottom: 0;
}
/* line 305, ../scss/_dick.scss */
#home .content-wrap .left-wrap ul.hm-listing-wrap li.hm-listing:first-child, #home .content-wrap .right-wrap ul.hm-listing-wrap li.hm-listing:first-child {
  padding-top: 0;
}
/* line 312, ../scss/_dick.scss */
#home .content-wrap .right-wrap {
  max-width: calc(1280px / 2);
}
/* line 314, ../scss/_dick.scss */
#home .content-wrap .right-wrap .container {
  padding-left: 80px;
}

@media screen and (max-width: 600px) {
  /* line 324, ../scss/_dick.scss */
  #home .txt-wrap .container {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 331, ../scss/_dick.scss */
  #home .txt-wrap .container h1 {
    width: 100%;
  }
}
/* line 346, ../scss/_dick.scss */
#company-overview .section .content-wrap {
  display: flex;
  align-items: center;
}
/* line 351, ../scss/_dick.scss */
#company-overview .section .content-wrap #value, #company-overview .section .content-wrap #culture {
  background-color: #c9831b;
}
/* line 355, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap, #company-overview .section .content-wrap .right-wrap {
  width: 50%;
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
  will-change: transform;
}
/* line 364, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li, #company-overview .section .content-wrap .right-wrap ul.stats li {
  position: relative;
  margin-bottom: 30px;
}
/* line 368, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li:after, #company-overview .section .content-wrap .right-wrap ul.stats li:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 50%;
  transform: translate(-50%, 0%);
  border-bottom: 1px solid #a66612;
}
/* line 378, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li:last-child, #company-overview .section .content-wrap .right-wrap ul.stats li:last-child {
  margin-bottom: 0;
}
/* line 381, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li:last-child:after, #company-overview .section .content-wrap .right-wrap ul.stats li:last-child:after {
  border-bottom: 0;
}
/* line 386, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li .stats-num, #company-overview .section .content-wrap .right-wrap ul.stats li .stats-num {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 50px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 1px;
  color: #a66612;
}
/* line 394, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li .stats-num h2, #company-overview .section .content-wrap .right-wrap ul.stats li .stats-num h2 {
  color: #a66612;
  display: inline;
}
/* line 400, ../scss/_dick.scss */
#company-overview .section .content-wrap .left-wrap ul.stats li span.stats-word, #company-overview .section .content-wrap .right-wrap ul.stats li span.stats-word {
  font-size: 20px;
  font-weight: 700;
  color: #9c8262;
}
/* line 409, ../scss/_dick.scss */
#company-overview .section .content-wrap .active {
  width: 70%;
}
/* line 411, ../scss/_dick.scss */
#company-overview .section .content-wrap .active h1 {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity: .3 !important;
}
/* line 423, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .btn-wrapper {
  display: none;
}
/* line 426, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .blk-overlay {
  opacity: 0;
}
/* line 429, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .photo {
  opacity: 0;
}
/* line 432, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .culture-list {
  display: inline-block !important;
  opacity: 1 !important;
}
/* line 438, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 425px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
/* line 448, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .culture-list {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  -webkit-transition: all ease 800ms;
  -o-transition: all ease 800ms;
  transition: all ease 800ms;
  -webkit-transition-delay: 5000ms;
  -o-transition-delay: 5000ms;
  transition-delay: 5000ms;
  transform: translate(-50%, -50%);
  opacity: 0;
}
/* line 463, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .culture-list li:after {
  border-color: #FFFFFF !important;
}
/* line 467, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .culture-list li .stats-word {
  color: #FFFFFF !important;
}
/* line 473, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .text-wrap {
  z-index: 2;
}
/* line 476, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .text-wrap h1 {
  -webkit-transition: all ease 500ms;
  -o-transition: all ease 500ms;
  transition: all ease 500ms;
}
/* line 483, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 800ms;
  -o-transition: all ease 800ms;
  transition: all ease 800ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 499, ../scss/_dick.scss */
#company-overview .section .content-wrap .photo-wrap:hover .photo {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
/* line 509, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .left-wrap {
  width: 60%;
}
/* line 513, ../scss/_dick.scss */
#company-overview .section .content-wrap .active .right-wrap {
  width: 40%;
}
@media screen and (max-width: 960px) {
  /* line 520, ../scss/_dick.scss */
  #company-overview .section .content-wrap {
    flex-wrap: wrap;
  }
  /* line 523, ../scss/_dick.scss */
  #company-overview .section .content-wrap .left-wrap, #company-overview .section .content-wrap .right-wrap {
    width: 100%;
    margin-top: 40px;
  }
  /* line 528, ../scss/_dick.scss */
  #company-overview .section .content-wrap .photo-wrap {
    margin-top: 0;
  }
}
/* line 536, ../scss/_dick.scss */
#company-overview .footer-quote {
  width: 100%;
  padding: 45px 0;
  background-image: url(../img/about/footer-quote.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 543, ../scss/_dick.scss */
#company-overview .footer-quote .container {
  justify-content: flex-start;
}
/* line 547, ../scss/_dick.scss */
#company-overview .footer-quote span {
  margin-bottom: 0;
}
/* line 551, ../scss/_dick.scss */
#company-overview .footer-quote .quote-wrap {
  position: relative;
  margin-left: auto;
}
/* line 555, ../scss/_dick.scss */
#company-overview .footer-quote .quote-wrap:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  margin-left: 30px;
  border-bottom: 1px solid #FFFFFF;
}
/* line 564, ../scss/_dick.scss */
#company-overview .footer-quote .quote-wrap .quote {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .5px;
  color: white;
}

@media screen and (max-width: 960px) {
  /* line 577, ../scss/_dick.scss */
  #company-overview .footer-quote .quote-wrap:after {
    display: none;
  }
  /* line 581, ../scss/_dick.scss */
  #company-overview .footer-quote .quote-wrap .quote {
    font-size: 18px;
  }
}
/* line 594, ../scss/_dick.scss */
#email-alert .form .form-section {
  padding: 40px 80px 0 80px;
}
/* line 597, ../scss/_dick.scss */
#email-alert .form .section {
  display: flex;
  height: auto;
  margin-top: 40px;
  border-top: 1px solid #aaaaaa;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
/* line 607, ../scss/_dick.scss */
#email-alert .form .section .col {
  display: flex;
  width: 50%;
  padding: 0 40px;
  flex-wrap: wrap;
}
/* line 614, ../scss/_dick.scss */
#email-alert .form .section .col .field {
  display: flex;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
/* line 625, ../scss/_dick.scss */
#email-alert .form .section .col .field label {
  margin-bottom: 0;
}
/* line 629, ../scss/_dick.scss */
#email-alert .form .section .col .field input, #email-alert .form .section .col .field select {
  font-size: 14px;
  width: 60%;
  height: 35px;
  padding: 0 10px;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  color: #1f1f1f;
  border: 1px solid #aaaaaa;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
/* line 652, ../scss/_dick.scss */
#email-alert .form .section .col .field .select-wrap {
  width: 60%;
}
/* line 655, ../scss/_dick.scss */
#email-alert .form .section .col .field .select-wrap select {
  position: relative;
  width: 100%;
  text-align: center;
  background-image: url(../img/common/form-arrow.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* line 665, ../scss/_dick.scss */
#email-alert .form .section .col .field input[type=text]:focus {
  border: 1px solid #F29700;
}
/* line 669, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field {
  display: flex;
  width: 100%;
  text-align: left;
  flex-wrap: wrap;
}
/* line 676, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 12px;
  padding-left: 40px;
  cursor: pointer;
}
/* line 685, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap:hover .checkmark1 {
  background-color: #cccccc;
}
/* line 690, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap .checkmark1 {
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  border: 1px solid #aaaaaa;
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
/* line 705, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap .checkmark1:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 6px;
  display: none;
  width: 7px;
  height: 13px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: solid white;
  border-width: 0 3px 3px 0;
}
/* line 721, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
/* line 726, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap input:checked ~ .checkmark1 {
  border: 1px solid #F29700;
  background-color: #F29700;
}
/* line 731, ../scss/_dick.scss */
#email-alert .form .section .col .field .checkmark-field .checkmark-wrap input:checked ~ .checkmark1:after {
  display: block;
}
/* line 739, ../scss/_dick.scss */
#email-alert .form .section .col .star {
  color: #F29700;
}

@media screen and (max-width: 960px) {
  /* line 750, ../scss/_dick.scss */
  #email-alert .section .col {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  /* line 759, ../scss/_dick.scss */
  #email-alert .form-section {
    padding: 0 !important;
    padding-top: 40px !important;
  }
}
/* line 771, ../scss/_dick.scss */
#prospectus .section .content-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* line 777, ../scss/_dick.scss */
#prospectus .section .content-wrap .left-wrap {
  width: 45%;
}
/* line 780, ../scss/_dick.scss */
#prospectus .section .content-wrap .left-wrap .img-wrapper {
  width: 80%;
}
/* line 784, ../scss/_dick.scss */
#prospectus .section .content-wrap .left-wrap .img-wrapper a .propectus-wrap {
  border: 1px solid #a66612;
}
/* line 791, ../scss/_dick.scss */
#prospectus .section .content-wrap .right-wrap {
  width: 55%;
  text-align: left;
}

@media screen and (max-width: 600px) {
  /* line 804, ../scss/_dick.scss */
  #prospectus .section .content-wrap .left-wrap, #prospectus .section .content-wrap .right-wrap {
    width: 100%;
    text-align: center;
  }
  /* line 807, ../scss/_dick.scss */
  #prospectus .section .content-wrap .left-wrap p, #prospectus .section .content-wrap .right-wrap p {
    text-align: center;
  }
  /* line 812, ../scss/_dick.scss */
  #prospectus .section .content-wrap .left-wrap {
    display: flex;
    justify-content: center;
  }
  /* line 817, ../scss/_dick.scss */
  #prospectus .section .content-wrap .left-wrap .img-wrapper {
    width: 60%;
  }
  /* line 821, ../scss/_dick.scss */
  #prospectus .section .content-wrap .right-wrap {
    margin-top: 40px;
  }
}
/* line 835, ../scss/_dick.scss */
#corporate-governance .section ul.list-wrap {
  list-style-type: disc;
}
/* line 838, ../scss/_dick.scss */
#corporate-governance .section ul.list-wrap li.list {
  font: 18px "Arial", sans-serif;
  line-height: 1.7em;
  margin-left: 17px;
  color: #1f1f1f;
}
/* line 844, ../scss/_dick.scss */
#corporate-governance .section ul.list-wrap li.list a {
  position: relative;
}
/* line 847, ../scss/_dick.scss */
#corporate-governance .section ul.list-wrap li.list a:after {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background-image: url(../img/common/btn-orange-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 863, ../scss/_dick.scss */
#corporate-governance .section ul.committee-wrapper {
  width: 100%;
}
/* line 866, ../scss/_dick.scss */
#corporate-governance .section ul.committee-wrapper li.committee-wrap {
  display: flex;
  margin-bottom: 0;
  padding: 40px 400px 40px 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
/* line 876, ../scss/_dick.scss */
#corporate-governance .section ul.committee-wrapper li.committee-wrap .committee-left h3 {
  color: #a66612;
}
/* line 881, ../scss/_dick.scss */
#corporate-governance .section ul.committee-wrapper li.committee-wrap:nth-child(even) {
  background-color: #efeae5;
}
/* line 887, ../scss/_dick.scss */
#corporate-governance .section .doc-download-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
/* line 893, ../scss/_dick.scss */
#corporate-governance .section .doc-download-wrapper .doc-download {
  display: flex;
  width: 280px;
  height: 350px;
  padding: 40px;
  text-align: center;
  background-color: #efeae5;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
/* line 905, ../scss/_dick.scss */
#corporate-governance .section .doc-download-wrapper .doc-download h3.doc-title {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #a66612;
}
/* line 911, ../scss/_dick.scss */
#corporate-governance .section .doc-download-wrapper .doc-download h3.doc-title:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  width: 50%;
  transform: translate(-50%, 0%);
  border-top: 1px solid #a66612;
}
/* line 921, ../scss/_dick.scss */
#corporate-governance .section .doc-download-wrapper .doc-download h3.doc-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 50%;
  transform: translate(-50%, 0%);
  border-bottom: 1px solid #a66612;
}

@media screen and (max-width: 800px) {
  /* line 940, ../scss/_dick.scss */
  #corporate-governance .section ul.committee-wrapper li.committee-wrap {
    padding: 40px;
  }
  /* line 942, ../scss/_dick.scss */
  #corporate-governance .section ul.committee-wrapper li.committee-wrap .committee-left {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 948, ../scss/_dick.scss */
  #corporate-governance .section ul.list-wrap {
    width: 80%;
  }
  /* line 950, ../scss/_dick.scss */
  #corporate-governance .section ul.list-wrap li.list {
    font: 16px "Arial", sans-serif;
  }
  /* line 952, ../scss/_dick.scss */
  #corporate-governance .section ul.list-wrap li.list a {
    width: 100%;
  }
  /* line 954, ../scss/_dick.scss */
  #corporate-governance .section ul.list-wrap li.list a:after {
    top: 0;
  }
  /* line 961, ../scss/_dick.scss */
  #corporate-governance .section .doc-download-wrapper .doc-download {
    margin: 20px;
  }
}
@media screen and (max-width: 1280px) {
  /* line 973, ../scss/_dick.scss */
  #corporate-governance .section ul.committee-wrapper li.committee-wrap {
    padding: 40px 200px 40px 40px;
  }
}
@media screen and (max-width: 600px) {
  /* line 985, ../scss/_dick.scss */
  #corporate-governance .section ul.committee-wrapper li.committee-wrap {
    padding: 40px;
  }
}
/* line 998, ../scss/_dick.scss */
#analyst-coverage .section {
  margin-top: 40px;
  border-top: 1px solid #aaaaaa;
}
/* line 1002, ../scss/_dick.scss */
#analyst-coverage .section .content-wrap {
  display: flex;
  min-height: 300px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
/* line 1010, ../scss/_dick.scss */
#analyst-coverage .section .content-wrap .left-wrap, #analyst-coverage .section .content-wrap .right-wrap {
  display: flex;
  width: calc(50% - 40px);
  justify-content: center;
  align-items: center;
}
/* line 1017, ../scss/_dick.scss */
#analyst-coverage .section .content-wrap .left-wrap ul.list-wrap, #analyst-coverage .section .content-wrap .right-wrap ul.list-wrap {
  width: 100%;
}
/* line 1020, ../scss/_dick.scss */
#analyst-coverage .section .content-wrap .left-wrap ul.list-wrap li.list, #analyst-coverage .section .content-wrap .right-wrap ul.list-wrap li.list {
  width: 100%;
  padding: 10px 40px 30px 40px;
  border-bottom: 1px solid #aaaaaa;
}

@media screen and (max-width: 800px) {
  /* line 1036, ../scss/_dick.scss */
  #analyst-coverage .section .content-wrap .left-wrap, #analyst-coverage .section .content-wrap .right-wrap {
    width: 100%;
  }
}
/* line 1049, ../scss/_dick.scss */
#ir-enquiry .with-border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 5%;
  height: 100%;
  border-left: 1px solid #aaaaaa;
}
/* line 1059, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap {
  display: flex;
  min-height: 300px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
/* line 1067, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap, #ir-enquiry .section .content-wrap .right-wrap {
  display: flex;
  width: calc(50% - 40px);
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
/* line 1075, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail, #ir-enquiry .section .content-wrap .right-wrap .company-detail {
  padding: 10px 0 10px 20px;
  text-align: left;
  border-left: 5px solid #a66612;
}
/* line 1080, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail h3, #ir-enquiry .section .content-wrap .right-wrap .company-detail h3 {
  text-transform: uppercase;
  color: #a66612;
}
/* line 1085, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail a.mail, #ir-enquiry .section .content-wrap .right-wrap .company-detail a.mail {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #a66612;
}
/* line 1092, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail .icon, #ir-enquiry .section .content-wrap .right-wrap .company-detail .icon {
  position: relative;
  padding-left: 25px;
}
/* line 1097, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail p, #ir-enquiry .section .content-wrap .right-wrap .company-detail p {
  font-family: "Noto Sans TC", sans-serif;
}
/* line 1102, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail .address:before, #ir-enquiry .section .content-wrap .right-wrap .company-detail .address:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 18px;
  background-image: url(../img/common/icon-address.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 1115, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail .tel:before, #ir-enquiry .section .content-wrap .right-wrap .company-detail .tel:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  height: 16px;
  background-image: url(../img/common/icon-tel.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 1128, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .company-detail .email:before, #ir-enquiry .section .content-wrap .right-wrap .company-detail .email:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-image: url(../img/common/icon-email.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 1142, ../scss/_dick.scss */
#ir-enquiry .section .content-wrap .left-wrap .map-section, #ir-enquiry .section .content-wrap .right-wrap .map-section {
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 1400px) {
  /* line 1156, ../scss/_dick.scss */
  #ir-enquiry .section .content-wrap .left-wrap, #ir-enquiry .section .content-wrap .right-wrap {
    width: 100%;
    padding: 0 80px;
  }
  /* line 1161, ../scss/_dick.scss */
  #ir-enquiry .section .content-wrap .right-wrap {
    margin-top: 40px;
  }
}
@media screen and (max-width: 800px) {
  /* line 1173, ../scss/_dick.scss */
  #ir-enquiry .with-border:before {
    display: none;
  }
  /* line 1179, ../scss/_dick.scss */
  #ir-enquiry .section .content-wrap .left-wrap, #ir-enquiry .section .content-wrap .right-wrap {
    padding: 0;
  }
}
/* line 1194, ../scss/_dick.scss */
#board-of-directors .section ul.committee-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
/* line 1199, ../scss/_dick.scss */
#board-of-directors .section ul.committee-wrapper li.committee-wrap {
  display: flex;
  width: calc(100% / 3 - 20px);
  margin-bottom: 0;
  padding: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
/* line 1210, ../scss/_dick.scss */
#board-of-directors .section ul.committee-wrapper li.committee-wrap .committee-left h3 {
  color: #a66612;
}
/* line 1215, ../scss/_dick.scss */
#board-of-directors .section ul.committee-wrapper li.committee-wrap:nth-child(odd) {
  background-color: #efeae5;
}

@media screen and (max-width: 800px) {
  /* line 1227, ../scss/_dick.scss */
  #board-of-directors .section ul.committee-wrapper li.committee-wrap {
    padding: 40px;
    width: 100%;
  }
  /* line 1231, ../scss/_dick.scss */
  #board-of-directors .section ul.committee-wrapper li.committee-wrap .committee-left {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 1237, ../scss/_dick.scss */
  #board-of-directors .section ul.list-wrap {
    width: 80%;
  }
  /* line 1239, ../scss/_dick.scss */
  #board-of-directors .section ul.list-wrap li.list {
    font: 16px "Arial", sans-serif;
  }
  /* line 1241, ../scss/_dick.scss */
  #board-of-directors .section ul.list-wrap li.list a {
    width: 100%;
  }
  /* line 1243, ../scss/_dick.scss */
  #board-of-directors .section ul.list-wrap li.list a:after {
    top: 0;
  }
}
@media screen and (max-width: 1280px) {
  /* line 1257, ../scss/_dick.scss */
  #board-of-directors .section ul.committee-wrapper li.committee-wrap {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  /* line 1269, ../scss/_dick.scss */
  #board-of-directors .section ul.committee-wrapper li.committee-wrap {
    padding: 40px;
  }
}
@keyframes linegrow {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
@keyframes dividergrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* line 1, ../scss/_plugin.scss */
.slider-nav {
  padding: 0 0;
}
/* line 3, ../scss/_plugin.scss */
.slider-nav .slick-list {
  position: relative;
}

/* line 8, ../scss/_plugin.scss */
.slick-arrow {
  display: none !important;
}

/* line 12, ../scss/_plugin.scss */
.slick-dots {
  position: absolute;
  bottom: 20%;
  left: 50%;
  max-width: 1300px;
  padding: 0 30px;
  transform: translate(-50%, 0);
  text-align: left;
}
/* line 21, ../scss/_plugin.scss */
.slick-dots li {
  margin: 0 15px;
}
/* line 24, ../scss/_plugin.scss */
.slick-dots li button:before {
  content: '';
  width: 8px;
  height: 8px;
  opacity: .7;
  background-color: #FFFFFF;
}
/* line 33, ../scss/_plugin.scss */
.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #F29700;
}

@media screen and (max-width: 600px) {
  /* line 42, ../scss/_plugin.scss */
  .slick-dots {
    text-align: center;
  }
}
/* line 47, ../scss/_plugin.scss */
.slider-for {
  padding: 0 5px;
}

/* line 52, ../scss/_plugin.scss */
.slick-prev:before, .slick-next:before {
  color: #cccccc;
}

/* line 57, ../scss/_plugin.scss */
.slick-initialized .slick-slide {
  outline: none;
}

/* line 61, ../scss/_plugin.scss */
.selectric-open {
  z-index: 10;
}
/* line 64, ../scss/_plugin.scss */
.selectric-open .selectric {
  border: 1px solid #F29700;
  background: #FFFFFF;
}

/* line 70, ../scss/_plugin.scss */
.selectric {
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  border: 1px solid #aaaaaa;
  background: transparent;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}
/* line 80, ../scss/_plugin.scss */
.selectric .label {
  font-size: 15px;
  line-height: 33px;
  height: 33px;
}
/* line 86, ../scss/_plugin.scss */
.selectric .button {
  right: 0;
}

/* line 93, ../scss/_plugin.scss */
.selectric-no-style .selectric-wrapper .selectric {
  border: 0 !important;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
/* line 98, ../scss/_plugin.scss */
.selectric-no-style .selectric-wrapper .selectric .button {
  display: none;
}
/* line 102, ../scss/_plugin.scss */
.selectric-no-style .selectric-wrapper .selectric .label {
  font-size: 16px;
  font-weight: bold;
  margin: 5px;
  color: #F29700;
}
/* line 110, ../scss/_plugin.scss */
.selectric-no-style .selectric-wrapper .selectric-items {
  left: -7px;
  min-width: 35px;
}

/*# sourceMappingURL=main.css.map */
