@charset "UTF-8";
@import url(animate.css);
@-webkit-keyframes moveUpDown {
  0% {
    -moz-transform: translate3d(0, 2%, 0);
    -ms-transform: translate3d(0, 2%, 0);
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
  50% {
    -moz-transform: translate3d(0, 6%, 0);
    -ms-transform: translate3d(0, 6%, 0);
    -webkit-transform: translate3d(0, 6%, 0);
    transform: translate3d(0, 6%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 2%, 0);
    -ms-transform: translate3d(0, 2%, 0);
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
}
@keyframes moveUpDown {
  0% {
    -moz-transform: translate3d(0, 2%, 0);
    -ms-transform: translate3d(0, 2%, 0);
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
  50% {
    -moz-transform: translate3d(0, 6%, 0);
    -ms-transform: translate3d(0, 6%, 0);
    -webkit-transform: translate3d(0, 6%, 0);
    transform: translate3d(0, 6%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 2%, 0);
    -ms-transform: translate3d(0, 2%, 0);
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
}
@-webkit-keyframes moveUpDown2 {
  0% {
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
  50% {
    -moz-transform: translate3d(0, 4%, 0);
    -ms-transform: translate3d(0, 4%, 0);
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
@keyframes moveUpDown2 {
  0% {
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
  50% {
    -moz-transform: translate3d(0, 4%, 0);
    -ms-transform: translate3d(0, 4%, 0);
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }
}
@-webkit-keyframes moveLR {
  0% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  50% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  100% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
}
@keyframes moveLR {
  0% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  50% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  100% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
}
@-webkit-keyframes moveRL {
  0% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  50% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  100% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
}
@keyframes moveRL {
  0% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  50% {
    -moz-transform: translate3d(-2%, 0, 0);
    -ms-transform: translate3d(-2%, 0, 0);
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  100% {
    -moz-transform: translate3d(2%, 0, 0);
    -ms-transform: translate3d(2%, 0, 0);
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
}
@-webkit-keyframes p1 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -478px;
  }
}
@keyframes p1 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -478px;
  }
}
@-webkit-keyframes p2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -362px;
  }
}
@keyframes p2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -362px;
  }
}
@-webkit-keyframes p3 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -544px;
  }
}
@keyframes p3 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -544px;
  }
}
@-webkit-keyframes p4 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -344px;
  }
}
@keyframes p4 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -344px;
  }
}
@-webkit-keyframes p5 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -532px;
  }
}
@keyframes p5 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -532px;
  }
}
@-webkit-keyframes p6 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -716px;
  }
}
@keyframes p6 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -716px;
  }
}
@-webkit-keyframes p7 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -724px;
  }
}
@keyframes p7 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -724px;
  }
}
@-webkit-keyframes p8 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -598px;
  }
}
@keyframes p8 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -598px;
  }
}
/* line 5, ../sass/style.scss */
.gotop,
#aside {
  display: block;
  position: fixed;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* line 13, ../sass/style.scss */
.gotop {
  right: 2%;
  bottom: 10%;
  background-image: url('../img/gotop.png');
  width: 50px;
  height: 50px;
  z-index: 550;
}

/* line 22, ../sass/style.scss */
#aside {
  bottom: 20%;
  right: 0;
  z-index: 300;
}
/* line 26, ../sass/style.scss */
#aside a {
  display: block;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
/* line 31, ../sass/style.scss */
#aside a.btn-join {
  background-image: url('../images/right_ad.png');
  width: 208px;
  height: 155px;
  z-index: 300
}

/* line 39, ../sass/style.scss */
.article {
  overflow-x: hidden;
}
/* line 41, ../sass/style.scss */
.article .kv {
  position: relative;
  background-color: #c4d2dc;
  background-image: url('../img/kv.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
}
/* line 48, ../sass/style.scss */
.article .kv .girls,
.article .kv .girls2 {
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
}
/* line 53, ../sass/style.scss */
.article .kv .girls:after,
.article .kv .girls2:after {
  content: " ";
  display: block;
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 60, ../sass/style.scss */
.article .kv .girls {
  background-image: url('../img/girls.png');
  width: 433px;
  height: 630px;
  left: -336px;
  top: 147px;
}
/* line 66, ../sass/style.scss */
.article .kv .girls:after {
  background-image: url('../img/girls.gif');
  width: 433px;
  height: 630px;
}
/* line 72, ../sass/style.scss */
.article .kv .girls2 {
  background-image: url('../img/girls2.png');
  width: 407px;
  height: 703px;
  right: -200px;
  top: 100px;
}
/* line 78, ../sass/style.scss */
.article .kv .girls2:after {
  background-image: url('../img/girls2.gif');
  width: 407px;
  height: 703px;
}
/* line 84, ../sass/style.scss */
.article .kv .center {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
/* line 89, ../sass/style.scss */
.article .kv .date {
  background-image: url('../img/date.png');
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 380px;
  height: 111px;
  display: block;
  margin-left: 160px;
  margin-bottom: 15px;
}
/* line 99, ../sass/style.scss */
.article .kv h1.title {
  background-image: url('../img/h1_title.gif');
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 830px;
  height: 299px;
  display: inline-block;
}
/* line 107, ../sass/style.scss */
.article .kv p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 180%;
}
/* line 111, ../sass/style.scss */
.article .kv p span {
    color: #FF231E;
    display: block;
}
/* line 115, ../sass/style.scss */
.article .kv p i {
  font-style: normal;
}
/* line 119, ../sass/style.scss */
.article .kv .border {
  margin-top: 9px;
  text-align: center;
}
/* line 122, ../sass/style.scss */
.article .kv .border .btn-go {
  display: inline-block;
  vertical-align: middle;
  background-image: url('../img/btn_go.gif');
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 396px;
  height: 44px;
}
/* line 131, ../sass/style.scss */
.article .kv .border:before, .article .kv .border:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 26%;
  height: 14px;
}
/* line 139, ../sass/style.scss */
.article .kv .border:before {
  background: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#e1e8ed), to(#dc4b48));
  background: -webkit-linear-gradient(left, #e1e8ed, #dc4b48);
  background: -moz-linear-gradient(left, #e1e8ed, #dc4b48);
  background: -ms-linear-gradient(left, #e1e8ed, #dc4b48);
  background: -o-linear-gradient(left, #e1e8ed, #dc4b48);
  background: linear-gradient(to right left, #e1e8ed, #dc4b48);
}
/* line 144, ../sass/style.scss */
.article .kv .border:after {
  background: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#dc4b48), to(#e1e8ed));
  background: -webkit-linear-gradient(left, #dc4b48, #e1e8ed);
  background: -moz-linear-gradient(left, #dc4b48, #e1e8ed);
  background: -ms-linear-gradient(left, #dc4b48, #e1e8ed);
  background: -o-linear-gradient(left, #dc4b48, #e1e8ed);
  background: linear-gradient(to right left, #dc4b48, #e1e8ed);
}
/* line 150, ../sass/style.scss */
.article .kv .giftblock {
  margin-top: 30px;
}
/* line 152, ../sass/style.scss */
.article .kv .giftblock h2.title {
  background-image: url('../img/h2_title.png');
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 448px;
  height: 148px;
  display: inline-block;
}
/* line 160, ../sass/style.scss */
.article .kv .giftblock .flex {
  margin-top: -20px;
}
/* line 165, ../sass/style.scss */
.article .object {
  position: absolute;
  display: block;
}
/* line 170, ../sass/style.scss */
.article h2 {
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 173, ../sass/style.scss */
.article h2[data-title="1"] {
  background-image: url('../img/h2_title1.png');
  width: 241px;
  height: 93px;
  margin: 0 auto 54px;
}
/* line 170, ../sass/style.scss */
.article h2 {
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 173, ../sass/style.scss */
.article h2[data-title="2"] {
  background-image: url('../img/h2_title2.png');
  width: 179px;
  height: 90px;
  margin: 0 auto 54px;
}
/* line 185, ../sass/style.scss */
.article .block1 {
  padding-top: 60px;
  background-image: url('../img/block1_bg.jpg');
  width: 100%;
  background-position: center top;
  position: relative;
  background-repeat: no-repeat;
}
/* line 185, ../sass/style.scss */
.article .block2 {
  padding-top: 60px;
  background-image: url('../img/block2_bg.jpg');
  width: 100%;
  background-position: center top;
  position: relative;
  background-repeat: no-repeat;
}
/* line 196, ../sass/style.scss */
.article ul.disc {
  margin-bottom: 25px;
}
/* line 198, ../sass/style.scss */
.article ul.disc li {
  position: relative;
  font-size: 1.125rem;
  line-height: 160%;
  color: #41310a;
  padding-left: 18px;
}
/* line 204, ../sass/style.scss */
.article ul.disc li:before {
  content: "◆";
  display: block;
  position: absolute;
  color: #85a7bf;
  top: 0;
  left: 0;
}
/* line 214, ../sass/style.scss */
.article ol.decimal {
  margin-left: 70px;
}
/* line 216, ../sass/style.scss */
.article ol.decimal li {
  list-style-type: decimal;
  font-size: 1.125rem;
  line-height: 160%;
  color: #41310a;
  font-weight: bold;
}
/* line 224, ../sass/style.scss */
.article .block1 {
  padding-bottom: 50px;
  background-color: #ffa0a0;
}
/* line 228, ../sass/style.scss */
.article .block1 h3 {
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 231, ../sass/style.scss */
.article .block1 h3[data-title="1"] {
  background-image: url('../img/h3_title1.png');
  width: 126px;
  height: 142px;
  margin: 0 auto;
  margin-top: -156px;
}
/* line 228, ../sass/style.scss */
.article .block1 h3 {
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 231, ../sass/style.scss */
.article .block1 h3[data-title="2"] {
  background-image: url('../img/h3_title2.png');
  width: 126px;
  height: 142px;
  margin: 0 auto;
  margin-top: -156px;
}
/* line 242, ../sass/style.scss */
.article .block1 ul {
  margin-bottom: 60px;
}
/* line 244, ../sass/style.scss */
.article .block1 ul li {
  background: #ffffff;
  width: 50%;
  padding: 80px 30px;
  position: relative;
  margin: 0 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* line 251, ../sass/style.scss */
.article .block1 ul li:before, .article .block1 ul li:after {
  content: " ";
  display: block;
  width: 99px;
  height: 13px;
  position: absolute;
  bottom: -13px;
}
/* line 260, ../sass/style.scss */
.article .block1 ul li:before {
  background-image: url('../img/shadow_L.png');
  left: 13px;
}
/* line 264, ../sass/style.scss */
.article .block1 ul li:after {
  background-image: url('../img/shadow_R.png');
  right: 13px;
}
/* line 268, ../sass/style.scss */
.article .block1 ul li img {
  display: inline-block;
}
/* line 271, ../sass/style.scss */
.article .block1 ul li .pic {
  background-image: url('../img/pic.png');
  width: 54px;
  height: 53px;
  position: absolute;
}
/* line 281, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="1"] {
  bottom: auto;
  left: 8px;
  right: auto;
  top: 8px;
}
/* line 281, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="2"] {
  bottom: auto;
  left: auto;
  right: 8px;
  top: 8px;
}
/* line 281, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="3"] {
  bottom: 8px;
  left: 8px;
  right: auto;
  top: auto;
}
/* line 281, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="4"] {
  bottom: 8px;
  left: auto;
  right: 8px;
  top: auto;
}
/* line 288, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="2"] {
  transform: rotate(90deg);
}
/* line 291, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="3"] {
  transform: rotate(270deg);
}
/* line 294, ../sass/style.scss */
.article .block1 ul li .pic[data-pic="4"] {
  transform: rotate(180deg);
}
/* line 298, ../sass/style.scss */
.article .block1 ul li h4 {
  margin-bottom: 25px;
}
/* line 301, ../sass/style.scss */
.article .block1 ul li h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 305, ../sass/style.scss */
.article .block1 ul li .btn-go2 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 21%;
  background-image: url('../img/btn_go2.gif');
  width: 294px;
  height: 66px;
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
/* line 318, ../sass/style.scss */
.article .block1 .text {
  font-size: 1.25rem;
  line-height: 140%;
  padding: 0 20px;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph;
  /*IE9*/
  margin-top: 20px;
  margin-bottom: 30px;
}
/* line 327, ../sass/style.scss */
.article .block1 .green p {
  display: inline-block;
  border-radius: 50px;
  background-color: #247e7b;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  margin-bottom: 8px;
  /* 0620 調整同寬 */
}
/* line 337, ../sass/style.scss */
.article .block1 .green p.w217 {
  width: 217px;
}
/* line 340, ../sass/style.scss */
.article .block1 .green p.w257 {
  width: 257px;
}
/* line 343, ../sass/style.scss */
.article .block1 .green p.w177 {
  width: 177px;
}
/* line 347, ../sass/style.scss */
.article .block1 .green p.w207 {
  width: 207px;
}
/* line 352, ../sass/style.scss */
.article .block1 .num {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 18px 0 42px;
}
/* line 356, ../sass/style.scss */
.article .block1 .num img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
}
/* line 361, ../sass/style.scss */
.article .block1 .num:before, .article .block1 .num:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  width: 23%;
}
/* line 369, ../sass/style.scss */
.article .block1 .num:before {
  background: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e1e1e1));
  background: -webkit-linear-gradient(left, #ffffff, #e1e1e1);
  background: -moz-linear-gradient(left, #ffffff, #e1e1e1);
  background: -ms-linear-gradient(left, #ffffff, #e1e1e1);
  background: -o-linear-gradient(left, #ffffff, #e1e1e1);
  background: linear-gradient(to right left, #ffffff, #e1e1e1);
}
/* line 374, ../sass/style.scss */
.article .block1 .num:after {
  background: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#e1e1e1), to(#ffffff));
  background: -webkit-linear-gradient(left, #e1e1e1, #ffffff);
  background: -moz-linear-gradient(left, #e1e1e1, #ffffff);
  background: -ms-linear-gradient(left, #e1e1e1, #ffffff);
  background: -o-linear-gradient(left, #e1e1e1, #ffffff);
  background: linear-gradient(to right left, #e1e1e1, #ffffff);
}
/* line 381, ../sass/style.scss */
.article .block2 {
  padding-bottom: 60px;
  background-color: #fad2d3;
}
/* line 384, ../sass/style.scss */
.article .block2 .container {
  padding: 0 40px;
}
/* line 387, ../sass/style.scss */
.article .block2 h3.title {
  background-image: url('../img/info.png');
  background-repeat: no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 156px;
  height: 34px;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 1330px) {
  /* line 403, ../sass/style.scss */
  .article .kv h1.title {
    width: 54vw;
    height: 20vw;
  }
  /* line 407, ../sass/style.scss */
  .article .kv .girls {
    width: 30vw;
    height: 43vw;
    left: -21%;
  }
  /* line 411, ../sass/style.scss */
  .article .kv .girls:after {
    width: 30vw;
    height: 43vw;
  }
  /* line 416, ../sass/style.scss */
  .article .kv .girls2 {
    width: 25vw;
    height: 44vw;
    right: -8%;
  }
  /* line 420, ../sass/style.scss */
  .article .kv .girls2:after {
    width: 25vw;
    height: 44vw;
  }
}
@media only screen and (max-width: 1220px) {
  /* line 432, ../sass/style.scss */
  .article .kv h1.title {
    width: 61vw;
    height: 22vw;
  }
  /* line 436, ../sass/style.scss */
  .article .kv .girls {
    left: -12%;
    top: 20%;
    width: 27vw;
    height: 39vw;
  }
  /* line 441, ../sass/style.scss */
  .article .kv .girls:after {
    width: 27vw;
    height: 39vw;
  }
  /* line 446, ../sass/style.scss */
  .article .kv .girls2 {
    right: -4%;
    top: 15%;
  }

  /* line 453, ../sass/style.scss */
  #aside a.btn-join {
    width: 15vw;
   /* height: 11.2vh;*/
  }
}
@media only screen and (max-width: 1066px) {
  /* line 462, ../sass/style.scss */
  .article .kv {
    background-position: center 130%;
  }
  /* line 464, ../sass/style.scss */
  .article .kv .girls {
    left: -8%;
  }
  /* line 467, ../sass/style.scss */
  .article .kv .girls2 {
    right: -1%;
  }
  /* line 471, ../sass/style.scss */
  .article .kv p i {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 483, ../sass/style.scss */
  .article .block1 .container {
    padding: 0 15px;
  }
  /* line 486, ../sass/style.scss */
  .article .block1 ul {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 497, ../sass/style.scss */


  /* line 503, ../sass/style.scss */
  .article .kv {
    background-position: center 118%;
  }
}


@media screen and (min-width: 641px) and (max-width: 780px) {
  /* line 512, ../sass/style.scss */
  .article .block1 .text {
    padding: 0;
  }
  /* line 518, ../sass/style.scss */
  .article .block1 ul li h5 img {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 533, ../sass/style.scss */
  .article .kv .date {
    width: 36vw;
    height: 11vw;
    position: absolute;
    right: 36px;
  }
  /* line 539, ../sass/style.scss */
  .article .kv h1.title {
    width: 74vw;
    height: 27vw;
  }
  /* line 543, ../sass/style.scss */
  .article .kv .girls {
    left: -5%;
    top: 37%;
  }
  /* line 547, ../sass/style.scss */
  .article .kv .girls2 {
    right: -1%;
    top: 37%;
  }
  /* line 552, ../sass/style.scss */
  .article .kv .border:before, .article .kv .border:after {
    width: 15%;
  }
  /* line 559, ../sass/style.scss */
  .article .kv .giftblock .flex li {
    width: 30%;
    margin: 0 1.5%;
  }
  /* line 562, ../sass/style.scss */
  .article .kv .giftblock .flex li img {
    display: block;
    width: 100%;
  }
  /* line 569, ../sass/style.scss */
  .article .kv .center {
    padding-top: 47px;
  }
  /* line 576, ../sass/style.scss */
  .article .block1 .container,
  .article .block2 .container {
    padding: 0 15px;
  }
  /* line 582, ../sass/style.scss */
  .article .block1 ul li {
    padding-bottom: 50px;
  }
  /* line 584, ../sass/style.scss */
  .article .block1 ul li .photo {
    display: block;
    width: 100%;
  }
  /* line 588, ../sass/style.scss */
  .article .block1 ul li .btn-go2 {
    width: 28vw;
    height: 6vw;
  }
  /* line 595, ../sass/style.scss */
  .article .block1 .green p {
    font-size: 1rem;
    /* 0620 調整同寬 */
  }
  /* line 597, ../sass/style.scss */
  .article .block1 .green p.w217 {
    width: 49%;
  }
  /* line 600, ../sass/style.scss */
  .article .block1 .green p.w257 {
    width: 60%;
  }
  /* line 603, ../sass/style.scss */
  .article .block1 .green p.w177 {
    width: 38%;
  }
  /* line 607, ../sass/style.scss */
  .article .block1 .green p.w207 {
    width: 49%;
  }
  /* line 612, ../sass/style.scss */
  .article .block1 .num {
    text-align: center;
  }
  /* line 614, ../sass/style.scss */
  .article .block1 .num:before, .article .block1 .num:after {
    width: 9%;
  }
  /* line 620, ../sass/style.scss */
  .article h2[data-title="2"] {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 630, ../sass/style.scss */
 /* #aside {
    bottom: 0;
  }
  !* line 636, ../sass/style.scss *!
  #aside a {
    display: block;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
  }
  !* line 641, ../sass/style.scss *!
  #aside a.btn-join {
    background-image: url('../img/m/btn_join.jpg');
    width: 100vw;
    height: 15vw;
  }*/

  /* line 649, ../sass/style.scss */
  .article .kv {
    background-position: 60% 0%;
  }
  /* line 652, ../sass/style.scss */
  .article .kv .date {
    right: 3px;
    width: 41vw;
    height: 15vw;
  }
  /* line 657, ../sass/style.scss */
  .article .kv h1.title {
    width: 90vw;
    height: 32vw;
  }
  /* line 661, ../sass/style.scss */
  .article .kv p {
    font-size: 1.125rem;
    line-height: 160%;
    margin-top: 6px;
    /* 0620 調整貼邊 */
    padding: 0px 9px;
  }
  /* line 668, ../sass/style.scss */
  .article .kv .girls {
    left: -2%;
    top: 45%;
    width: 34vw;
  }
  /* line 673, ../sass/style.scss */
  .article .kv .girls2 {
    width: 32vw;
    top: 68%;
    z-index: 1;
  }
  /* line 677, ../sass/style.scss */
  .article .kv .girls2:after {
    display: none;
  }
  /* line 682, ../sass/style.scss */
  .article .kv .border:before, .article .kv .border:after {
    width: 6%;
    height: 4px;
  }
  /* line 687, ../sass/style.scss */
  .article .kv .border .btn-go {
    width: 76vw;
    height: 8vw;
    margin: 10px 0;
  }
  /* line 693, ../sass/style.scss */
  .article .kv .giftblock {
    margin-top: 0;
  }
  /* line 695, ../sass/style.scss */
  .article .kv .giftblock .flex {
    display: block;
  }
  /* line 697, ../sass/style.scss */
  .article .kv .giftblock .flex li {
    width: 100%;
    text-align: center;
    margin-top: -45px;
  }
  /* line 701, ../sass/style.scss */
  .article .kv .giftblock .flex li img {
    display: inline-block;
    width: 68%;
  }
  /* line 707, ../sass/style.scss */
  .article .kv .giftblock h2.title {
    width: 83vw;
    height: 28vw;
  }
  /* line 713, ../sass/style.scss */
  .article .block1 {
    padding-top: 40px;
  }
  /* line 716, ../sass/style.scss */
  .article .block1 ul {
    display: block;
  }
  /* line 718, ../sass/style.scss */
  .article .block1 ul li {
    width: 100%;
    margin: 0;
  }
  /* line 721, ../sass/style.scss */
  .article .block1 ul li:first-child {
    margin-bottom: 70px;
  }
  /* line 724, ../sass/style.scss */
  .article .block1 ul li h4 {
    margin-bottom: 20px;
  }
  /* line 727, ../sass/style.scss */
  .article .block1 ul li .btn-go2 {
    width: 52vw;
    height: 11vw;
  }
  /* line 733, ../sass/style.scss */
  .article .block1 h3 {
    width: 24vw !important;
    height: 27vw !important;
    margin-top: -133px !important;
  }
  /* line 738, ../sass/style.scss */
  .article .block1 .text {
    font-size: 1rem;
    padding: 0;
    margin-bottom: 20px;
  }
  /* line 745, ../sass/style.scss */
  .article ul.disc li {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 375px) {
  /* line 756, ../sass/style.scss */
  .article .kv p i {
    display: inline;
  }
  /* line 762, ../sass/style.scss */
  .article .block1 ul {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 765, ../sass/style.scss */
  .article .block1 ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  /* line 782, ../sass/style.scss */
  .article .block1 ul li h5 img {
    width: 100%;
  }
  /* line 789, ../sass/style.scss */
  .article .block1 .green p {
    font-size: 0.9375rem;
  }
  /* line 793, ../sass/style.scss */
  .article .block1 .text {
    margin-left: 10px;
    margin-right: 10px;
  }
  /* line 797, ../sass/style.scss */
  .article .block1 .num {
    font-size: 1rem;
  }
}