@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 135, sass/site-info.scss */
.dfont {
  font-family: Helvetica, Arial, 微軟正黑體;
}

/* line 138, sass/site-info.scss */
.dfontNew {
  font-family: Times New Roman, 微軟正黑體;
}

/* line 141, sass/site-info.scss */
.black-font {
  color: #000;
}

/* line 144, sass/site-info.scss */
.white-font {
  color: #fff;
}

/* line 148, sass/site-info.scss */
.notxt {
  display: inline-block;
  overflow: hidden;
  height: 0;
  width: 0;
  text-indent: -99999px;
}

/* line 156, sass/site-info.scss */
.animation {
  -moz-transition-duration: 350ms;
  -o-transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

/* line 171, sass/site-info.scss */
.info-attr .main-title {
  padding: 20px 10px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 5px;
}
@media only screen and (max-width: 767px) {
  /* line 171, sass/site-info.scss */
  .info-attr .main-title {
    font-size: 22px;
  }
}
/* line 180, sass/site-info.scss */
.info-attr .gap {
  margin-top: 20px;
}
/* line 183, sass/site-info.scss */
.info-attr .gap10 {
  margin-top: 10px !important;
}
/* line 186, sass/site-info.scss */
.info-attr .with-dots {
  margin-left: 19px;
}
/* line 188, sass/site-info.scss */
.info-attr .with-dots > li {
  display: block;
  position: relative;
  list-style-type: none;
}
/* line 192, sass/site-info.scss */
.info-attr .with-dots > li:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: -14px;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 207, sass/site-info.scss */
.info-attr .with-dots.gray-color > li:before {
  background: #525252;
}
/* line 212, sass/site-info.scss */
.info-attr .with-square {
  margin-left: 19px;
}
/* line 214, sass/site-info.scss */
.info-attr .with-square > li {
  display: block;
  position: relative;
  list-style-type: none;
}
/* line 218, sass/site-info.scss */
.info-attr .with-square > li:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 9px;
  left: -14px;
  background: #000;
}
/* line 230, sass/site-info.scss */
.info-attr .with-nums {
  margin-left: 19px;
}
/* line 232, sass/site-info.scss */
.info-attr .with-nums > li {
  display: list-item;
  position: relative;
  list-style-type: decimal;
}
/* line 239, sass/site-info.scss */
.info-attr .with-nums > li, .info-attr .with-dots > li, .info-attr .with-square > li {
  margin-top: 20px;
}
/* line 241, sass/site-info.scss */
.info-attr .with-nums > li:first-child, .info-attr .with-dots > li:first-child, .info-attr .with-square > li:first-child {
  margin-top: 0;
}
/* line 247, sass/site-info.scss */
.info-attr .no-margin > li {
  margin-top: 0;
}
/* line 251, sass/site-info.scss */
.info-attr .gray-color {
  color: #525252;
}

/* line 255, sass/site-info.scss */
.paragraph-attr {
  padding: 0 15px 40px;
  border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 767px) {
  /* line 255, sass/site-info.scss */
  .paragraph-attr {
    margin: 0 -10px;
    padding: 0 10px 40px;
    border-top: 10px solid #e5e5e5;
  }
}
/* line 263, sass/site-info.scss */
.paragraph-attr .sp-note {
  font-weight: bold;
}
/* line 266, sass/site-info.scss */
.paragraph-attr a {
  color: #5fc1c7;
}
/* line 269, sass/site-info.scss */
.paragraph-attr .black-a {
  color: #000;
}
/* line 273, sass/site-info.scss */
.paragraph-attr .with-nums > li {
  font-weight: bold;
}
/* line 275, sass/site-info.scss */
.paragraph-attr .with-nums > li > * {
  font-weight: normal;
}
/* line 280, sass/site-info.scss */
.paragraph-attr .sp-title {
  margin: 55px 0 0;
  font-size: 24px;
  letter-spacing: 10px;
  text-align: center;
}
/* line 286, sass/site-info.scss */
.paragraph-attr .title {
  margin: 40px 0 20px;
  font-weight: bold;
  font-size: 16px;
}
/* line 290, sass/site-info.scss */
.paragraph-attr .title .en {
  display: inline-block;
  margin-left: 10px;
  color: #a0a0a0;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  /* line 297, sass/site-info.scss */
  .paragraph-attr .m-line {
    margin: 40px -10px 20px;
    padding: 40px 10px 0;
    border-top: 1px solid #e5e5e5;
  }
}
/* line 304, sass/site-info.scss */
.paragraph-attr .all-line {
  margin: 40px -10px 20px;
  padding: 40px 10px 0;
  border-top: 1px solid #e5e5e5;
}
/* line 309, sass/site-info.scss */
.paragraph-attr .compare-chart {
  width: 100%;
  max-width: 720px;
}
/* line 312, sass/site-info.scss */
.paragraph-attr .compare-chart th, .paragraph-attr .compare-chart td {
  width: 180px;
  border: 1px solid #838383;
  text-align: center;
  line-height: 180%;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  /* line 312, sass/site-info.scss */
  .paragraph-attr .compare-chart th, .paragraph-attr .compare-chart td {
    width: 25%;
  }
}
/* line 323, sass/site-info.scss */
.paragraph-attr .compare-chart th {
  padding: 12px 15px 9px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  /* line 323, sass/site-info.scss */
  .paragraph-attr .compare-chart th {
    padding: 12px 5px 9px;
  }
}
/* line 329, sass/site-info.scss */
.paragraph-attr .compare-chart th div {
  display: table;
  width: 100%;
  height: 38px;
  margin-top: 5px;
}
/* line 334, sass/site-info.scss */
.paragraph-attr .compare-chart th div span {
  display: table-cell;
  color: #a0a0a0;
  font-size: 12px;
  line-height: 160%;
  vertical-align: middle;
}
/* line 343, sass/site-info.scss */
.paragraph-attr .compare-chart td {
  padding: 12px 15px;
  font-size: 14px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  /* line 343, sass/site-info.scss */
  .paragraph-attr .compare-chart td {
    padding: 12px 5px;
    font-size: 12px;
  }
}
/* line 352, sass/site-info.scss */
.paragraph-attr .compare-chart .txt-style-left {
  text-align: left;
}
/* line 356, sass/site-info.scss */
.paragraph-attr .compare-chart .table-list li {
  font-weight: normal;
}
/* line 360, sass/site-info.scss */
.paragraph-attr .compare-chart .red {
  color: #f00;
}
/* line 363, sass/site-info.scss */
.paragraph-attr .compare-chart .example {
  position: relative;
}
/* line 365, sass/site-info.scss */
.paragraph-attr .compare-chart .example > * {
  display: inline-block;
}
/* line 368, sass/site-info.scss */
.paragraph-attr .compare-chart .example > div {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 373, sass/site-info.scss */
.paragraph-attr .compare-chart .example > ul {
  position: relative;
  padding-left: 47px;
}
/* line 379, sass/site-info.scss */
.paragraph-attr .center-table {
  margin: 0 auto;
}
/* line 382, sass/site-info.scss */
.paragraph-attr p, .paragraph-attr ul li, .paragraph-attr div {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 180%;
}
/* line 388, sass/site-info.scss */
.paragraph-attr p, .paragraph-attr > div {
  margin-top: 20px;
}
/* line 391, sass/site-info.scss */
.paragraph-attr p {
  font-weight: bold;
}
/* line 394, sass/site-info.scss */
.paragraph-attr .bold-f {
  font-weight: bold !important;
}
/* line 397, sass/site-info.scss */
.paragraph-attr .normal-f {
  font-weight: normal !important;
}
/* line 399, sass/site-info.scss */
.paragraph-attr .normal-f > li {
  font-weight: normal !important;
}
/* line 403, sass/site-info.scss */
.paragraph-attr .coin-img {
  width: 725px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  /* line 403, sass/site-info.scss */
  .paragraph-attr .coin-img {
    width: 100%;
  }
}
/* line 409, sass/site-info.scss */
.paragraph-attr .coin-img span {
  display: inline-block;
  width: 349px;
}
@media only screen and (max-width: 767px) {
  /* line 409, sass/site-info.scss */
  .paragraph-attr .coin-img span {
    display: block;
    width: 100%;
  }
}
/* line 416, sass/site-info.scss */
.paragraph-attr .coin-img span:last-child {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  /* line 416, sass/site-info.scss */
  .paragraph-attr .coin-img span:last-child {
    margin: 20px 0 0;
  }
}
/* line 424, sass/site-info.scss */
.paragraph-attr .p-gap {
  margin: 40px auto 0;
}
/* line 426, sass/site-info.scss */
.paragraph-attr .p-gap p {
  font-weight: normal;
}
/* line 430, sass/site-info.scss */
.paragraph-attr .small-w {
  max-width: 470px;
}

@media only screen and (max-width: 767px) {
  /* line 434, sass/site-info.scss */
  .paragraph-attr.fp-attr {
    border-top: 1px solid #e5e5e5;
  }
}

/* line 441, sass/site-info.scss */
.delivery-container .compare-chart th, .delivery-container .compare-chart td {
  width: 240px;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  /* line 441, sass/site-info.scss */
  .delivery-container .compare-chart th, .delivery-container .compare-chart td {
    width: 33.33%;
    padding: 10px 5px;
  }
}
/* line 449, sass/site-info.scss */
.delivery-container .compare-chart th {
  background: #eee;
}
/* line 452, sass/site-info.scss */
.delivery-container .compare-chart .w1, .delivery-container .compare-chart .w3 {
  text-align: left;
}
/* line 455, sass/site-info.scss */
.delivery-container .compare-chart .note-attr {
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  /* line 455, sass/site-info.scss */
  .delivery-container .compare-chart .note-attr {
    padding: 30px 5px;
  }
}

/* line 464, sass/site-info.scss */
.member-attr .compare-chart {
  max-width: 750px;
}
/* line 466, sass/site-info.scss */
.member-attr .compare-chart .w2, .member-attr .compare-chart .w3 {
  text-align: left;
}
/* line 469, sass/site-info.scss */
.member-attr .compare-chart th.w1, .member-attr .compare-chart th.w2, .member-attr .compare-chart th.w3, .member-attr .compare-chart td.w1 {
  text-align: center;
}
/* line 472, sass/site-info.scss */
.member-attr .compare-chart .w1 {
  width: 140px;
}
/* line 475, sass/site-info.scss */
.member-attr .compare-chart .w3 {
  width: 370px;
}
@media only screen and (max-width: 767px) {
  /* line 478, sass/site-info.scss */
  .member-attr .compare-chart .w1, .member-attr .compare-chart .w3 {
    width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 485, sass/site-info.scss */
  .member-attr .compare-chart.two-attr .w1 {
    width: 33.33%;
  }
}
/* line 490, sass/site-info.scss */
.member-attr .compare-chart.two-attr .w2 {
  width: 610px;
}
@media only screen and (max-width: 767px) {
  /* line 490, sass/site-info.scss */
  .member-attr .compare-chart.two-attr .w2 {
    width: 66.66%;
  }
}
/* line 497, sass/site-info.scss */
.member-attr .button-link, .member-attr button {
  display: block;
  max-width: 250px;
  margin: 30px auto -40px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 497, sass/site-info.scss */
  .member-attr .button-link, .member-attr button {
    max-width: 200px;
  }
}

/* line 507, sass/site-info.scss */
.with-nums.chinese-txt {
  margin-left: 0;
}
/* line 509, sass/site-info.scss */
.with-nums.chinese-txt > li {
  padding-left: 35px;
  list-style-type: none;
}
/* line 512, sass/site-info.scss */
.with-nums.chinese-txt > li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}
/* line 520, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(1):before {
  content: '一、';
}
/* line 525, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(2):before {
  content: '二、';
}
/* line 530, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(3):before {
  content: '三、';
}
/* line 535, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(4):before {
  content: '四、';
}
/* line 540, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(5):before {
  content: '五、';
}
/* line 545, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(6):before {
  content: '六、';
}
/* line 550, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(7):before {
  content: '七、';
}
/* line 555, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(8):before {
  content: '八、';
}
/* line 560, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(9):before {
  content: '九、';
}
/* line 565, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(10):before {
  content: '十、';
}
/* line 570, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(11):before {
  content: '十一、';
}
/* line 575, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(12):before {
  content: '十二、';
}
/* line 580, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(13):before {
  content: '十三、';
}
/* line 585, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(14):before {
  content: '十四、';
}
/* line 590, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(15):before {
  content: '十五、';
}
/* line 595, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(16):before {
  content: '十六、';
}
/* line 600, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(17):before {
  content: '十七、';
}
/* line 605, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(18):before {
  content: '十八、';
}
/* line 610, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(19):before {
  content: '十九、';
}
/* line 615, sass/site-info.scss */
.with-nums.chinese-txt > li:nth-child(20):before {
  content: '二十、';
}

/* line 622, sass/site-info.scss */
.chinese-txt.over10 > li {
  padding-left: 50px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(1):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(2):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(3):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(4):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(5):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(6):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(7):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(8):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(9):before {
  left: 16px;
}

/* line 630, sass/site-info.scss */
.chinese-txt.over10 > li:nth-child(10):before {
  left: 16px;
}