/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap");
/* line 1, ../sass/core/_reset.scss */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* line 1, ../sass/core/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 1, ../sass/core/_reset.scss */
ul {
  list-style: none;
}

/* line 1, ../sass/core/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* line 1, ../sass/core/_reset.scss */
html {
  box-sizing: border-box;
}

/* line 1, ../sass/core/_reset.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* line 1, ../sass/core/_reset.scss */
img, video {
  height: auto;
  max-width: 100%;
}

/* line 1, ../sass/core/_reset.scss */
iframe {
  border: 0;
}

/* line 1, ../sass/core/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 1, ../sass/core/_reset.scss */
td, th {
  padding: 0;
  text-align: left;
}

/* line 1, ../sass/core/_reset.scss */
a {
  text-decoration: none;
}

/* line 736, ../images/desktop/*.png */
.desktop-sprite, .desktop-big-purchase, .desktop-bottom-dieu-khoan, .desktop-bottom-ho-tro, .desktop-bottom-nap-the, .desktop-btn-android-bottom-hov, .desktop-btn-android-bottom, .desktop-btn-apk-bottom-hov, .desktop-btn-apk-bottom, .desktop-btn-ios-bottom-hov, .desktop-btn-ios-bottom, .desktop-btn-play-video-hov, .desktop-btn-play-video, .desktop-char-pagi-1-hov, .desktop-char-pagi-1, .desktop-char-pagi-2-hov, .desktop-char-pagi-2, .desktop-char-pagi-3-hov, .desktop-char-pagi-3, .desktop-char-pagi-4-hov, .desktop-char-pagi-4, .desktop-char-pagi-5-hov, .desktop-char-pagi-5, .desktop-char-pagi-6-hov, .desktop-char-pagi-6, .desktop-download-and-hov, .desktop-download-and, .desktop-download-ios-hov, .desktop-download-ios, .desktop-download-pc-hov, .desktop-download-pc, .desktop-giftcode-hov, .desktop-giftcode, .desktop-guide-giftcode-hov, .desktop-guide-giftcode, .desktop-guide-newbie-hov, .desktop-guide-newbie, .desktop-guide-purchase-hov, .desktop-guide-purchase, .desktop-home-banner-pagi-hov, .desktop-home-banner-pagi, .desktop-icon-qrcode, .desktop-logo, .desktop-nav-camnang-hov, .desktop-nav-camnang, .desktop-nav-congdong-hov, .desktop-nav-congdong, .desktop-nav-sukien-hov, .desktop-nav-sukien, .desktop-nav-thuvien-hov, .desktop-nav-thuvien, .desktop-next, .desktop-pagi-char-1-hov, .desktop-pagi-char-1, .desktop-pagi-char-2-hov, .desktop-pagi-char-2, .desktop-pagi-char-3-hov, .desktop-pagi-char-3, .desktop-pagi-char-4-hov, .desktop-pagi-char-4, .desktop-policy-hov, .desktop-policy, .desktop-prev, .desktop-purchase-hov, .desktop-purchase, .desktop-qr-code, .desktop-register-zingid-hov, .desktop-register-zingid, .desktop-s-download-and-hov, .desktop-s-download-and, .desktop-s-download-ios-hov, .desktop-s-download-ios, .desktop-s-download-pc-hov, .desktop-s-download-pc, .desktop-switch-close, .desktop-switch-open, .desktop-xs-download-and-hov, .desktop-xs-download-and, .desktop-xs-download-apk-hov, .desktop-xs-download-apk, .desktop-xs-download-ios-hov, .desktop-xs-download-ios, .desktop-xs-download-pc-hov, .desktop-xs-download-pc, .desktop-xs-giftcode-hov, .desktop-xs-giftcode, .desktop-xs-purchase-hov, .desktop-xs-purchase, .btn-play-video, .btn-play-video:hover, .download-ios, .download-ios:hover, .download-and, .download-and:hover, .download-pc, .download-pc:hover, .giftcode, .giftcode:hover, .purchase, .purchase:hover, .qr-code, footer .copyright .footer-right .f-down-gg, footer .copyright .footer-right .f-down-apps, footer .copyright .footer-right .f-down-apk, .logo {
  background-image: url('../images/../images/desktop-sda3668b66d.png');
  background-repeat: no-repeat;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-big-purchase {
  background-position: 0 0;
  height: 194px;
  width: 171px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-bottom-dieu-khoan {
  background-position: 0 -194px;
  height: 162px;
  width: 138px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-bottom-ho-tro {
  background-position: 0 -356px;
  height: 160px;
  width: 115px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-bottom-nap-the {
  background-position: 0 -516px;
  height: 152px;
  width: 119px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-android-bottom-hov {
  background-position: 0 -668px;
  height: 42px;
  width: 143px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-android-bottom {
  background-position: 0 -710px;
  height: 62px;
  width: 201px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-apk-bottom-hov {
  background-position: 0 -772px;
  height: 43px;
  width: 144px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-apk-bottom {
  background-position: 0 -815px;
  height: 62px;
  width: 201px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-ios-bottom-hov {
  background-position: 0 -877px;
  height: 42px;
  width: 143px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-ios-bottom {
  background-position: 0 -919px;
  height: 62px;
  width: 201px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-play-video-hov {
  background-position: 0 -981px;
  height: 90px;
  width: 85px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-btn-play-video {
  background-position: 0 -1071px;
  height: 90px;
  width: 85px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-1-hov {
  background-position: 0 -1161px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-1 {
  background-position: 0 -1266px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-2-hov {
  background-position: 0 -1371px;
  height: 108px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-2 {
  background-position: 0 -1479px;
  height: 108px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-3-hov {
  background-position: 0 -1587px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-3 {
  background-position: 0 -1692px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-4-hov {
  background-position: 0 -1797px;
  height: 103px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-4 {
  background-position: 0 -1900px;
  height: 103px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-5-hov {
  background-position: 0 -2003px;
  height: 106px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-5 {
  background-position: 0 -2109px;
  height: 106px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-6-hov {
  background-position: 0 -2215px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-char-pagi-6 {
  background-position: 0 -2320px;
  height: 105px;
  width: 109px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-and-hov {
  background-position: 0 -2425px;
  height: 63px;
  width: 192px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-and {
  background-position: 0 -2488px;
  height: 63px;
  width: 192px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-ios-hov {
  background-position: 0 -2551px;
  height: 63px;
  width: 192px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-ios {
  background-position: 0 -2614px;
  height: 63px;
  width: 192px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-pc-hov {
  background-position: 0 -2677px;
  height: 139px;
  width: 177px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-download-pc {
  background-position: 0 -2816px;
  height: 139px;
  width: 177px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-giftcode-hov {
  background-position: 0 -2955px;
  height: 140px;
  width: 158px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-giftcode {
  background-position: 0 -3095px;
  height: 140px;
  width: 158px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-giftcode-hov {
  background-position: 0 -3235px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-giftcode {
  background-position: 0 -3442px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-newbie-hov {
  background-position: 0 -3649px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-newbie {
  background-position: 0 -3856px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-purchase-hov {
  background-position: 0 -4063px;
  height: 98px;
  width: 300px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-guide-purchase {
  background-position: 0 -4161px;
  height: 98px;
  width: 300px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-home-banner-pagi-hov {
  background-position: 0 -4259px;
  height: 29px;
  width: 30px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-home-banner-pagi {
  background-position: 0 -4288px;
  height: 17px;
  width: 18px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-icon-qrcode {
  background-position: 0 -4305px;
  height: 67px;
  width: 96px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-logo {
  background-position: 0 -4372px;
  height: 107px;
  width: 231px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-camnang-hov {
  background-position: 0 -4479px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-camnang {
  background-position: 0 -4521px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-congdong-hov {
  background-position: 0 -4563px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-congdong {
  background-position: 0 -4605px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-sukien-hov {
  background-position: 0 -4647px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-sukien {
  background-position: 0 -4689px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-thuvien-hov {
  background-position: 0 -4731px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-nav-thuvien {
  background-position: 0 -4773px;
  height: 42px;
  width: 152px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-next {
  background-position: 0 -4815px;
  height: 50px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-1-hov {
  background-position: 0 -4865px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-1 {
  background-position: 0 -4927px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-2-hov {
  background-position: 0 -4989px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-2 {
  background-position: 0 -5051px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-3-hov {
  background-position: 0 -5113px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-3 {
  background-position: 0 -5175px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-4-hov {
  background-position: 0 -5237px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-pagi-char-4 {
  background-position: 0 -5299px;
  height: 62px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-policy-hov {
  background-position: 0 -5361px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-policy {
  background-position: 0 -5568px;
  height: 207px;
  width: 98px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-prev {
  background-position: 0 -5775px;
  height: 50px;
  width: 53px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-purchase-hov {
  background-position: 0 -5825px;
  height: 140px;
  width: 158px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-purchase {
  background-position: 0 -5965px;
  height: 140px;
  width: 158px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-qr-code {
  background-position: 0 -6105px;
  height: 137px;
  width: 134px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-register-zingid-hov {
  background-position: 0 -6242px;
  height: 67px;
  width: 202px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-register-zingid {
  background-position: 0 -6309px;
  height: 94px;
  width: 120px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-and-hov {
  background-position: 0 -6403px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-and {
  background-position: 0 -6451px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-ios-hov {
  background-position: 0 -6499px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-ios {
  background-position: 0 -6547px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-pc-hov {
  background-position: 0 -6595px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-s-download-pc {
  background-position: 0 -6643px;
  height: 48px;
  width: 216px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-switch-close {
  background-position: 0 -6691px;
  height: 40px;
  width: 40px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-switch-open {
  background-position: 0 -6731px;
  height: 168px;
  width: 21px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-and-hov {
  background-position: 0 -6899px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-and {
  background-position: 0 -6954px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-apk-hov {
  background-position: 0 -7009px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-apk {
  background-position: 0 -7064px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-ios-hov {
  background-position: 0 -7119px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-ios {
  background-position: 0 -7174px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-pc-hov {
  background-position: 0 -7229px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-download-pc {
  background-position: 0 -7284px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-giftcode-hov {
  background-position: 0 -7339px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-giftcode {
  background-position: 0 -7394px;
  height: 55px;
  width: 140px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-purchase-hov {
  background-position: 0 -7449px;
  height: 60px;
  width: 147px;
}

/* line 84, ../../../../../../Ruby26-x64/lib/ruby/gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.desktop-xs-purchase {
  background-position: 0 -7509px;
  height: 60px;
  width: 147px;
}

/* line 13, ../sass/core/_variables.scss */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  overflow-x: hidden;
}

/* line 23, ../sass/core/_variables.scss */
.outer {
  max-width: 2000px;
  margin: 0 auto;
  position: relative;
}

/* line 30, ../sass/core/_variables.scss */
a {
  color: inherit;
}

/* line 34, ../sass/core/_variables.scss */
button {
  border: none;
  cursor: pointer;
}

/* line 1, ../sass/core/_utilities.scss */
.scale-web {
  position: absolute;
  width: 2000px;
  left: 50%;
  margin-left: -1000px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  /* line 1, ../sass/core/_utilities.scss */
  .scale-web {
    width: 768px;
    left: 0;
    top: 0;
    margin-left: 0;
  }
}
/* line 13, ../sass/core/_utilities.scss */
.scale-web .block {
  margin-top: -2px;
}

/* line 18, ../sass/core/_utilities.scss */
.btn-img {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}

/* line 24, ../sass/core/_utilities.scss */
.container {
  height: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  /* line 24, ../sass/core/_utilities.scss */
  .container {
    max-width: 1100px;
  }
}
@media (max-width: 1024px) {
  /* line 24, ../sass/core/_utilities.scss */
  .container {
    padding: 0 2%;
  }
}

/* line 35, ../sass/core/_utilities.scss */
.d-flex {
  display: flex;
}

/* line 39, ../sass/core/_utilities.scss */
.p-relative {
  position: relative;
}

/* line 43, ../sass/core/_utilities.scss */
.p-absolute {
  position: absolute;
}

/* line 47, ../sass/core/_utilities.scss */
.pd-top-80px {
  padding-top: 80px;
}

/* line 51, ../sass/core/_utilities.scss */
.w-h-100 {
  width: 100%;
  height: 100%;
}

/* line 56, ../sass/core/_utilities.scss */
.center-vertical {
  top: 50%;
  transform: translateY(-50%);
}

/* line 61, ../sass/core/_utilities.scss */
.center-horizontal {
  left: 50%;
  transform: translateX(-50%);
}

/* line 66, ../sass/core/_utilities.scss */
.middle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 12, ../sass/components/_nav-bar.scss */
.nav-bar {
  width: 100%;
  height: 60px;
  position: absolute;
  z-index: 10;
}
@media (max-width: 1024px) {
  /* line 12, ../sass/components/_nav-bar.scss */
  .nav-bar {
    width: 768px;
  }
  /* line 19, ../sass/components/_nav-bar.scss */
  .nav-bar .container {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  /* line 23, ../sass/components/_nav-bar.scss */
  .nav-bar.nav-bg {
    background: url(../images/themes/nav-bg.jpg) center top no-repeat;
  }
}
/* line 29, ../sass/components/_nav-bar.scss */
.nav-bar__inner {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 1025px) {
  /* line 29, ../sass/components/_nav-bar.scss */
  .nav-bar__inner {
    padding: 0 45px;
  }
}
@media (max-width: 1024px) {
  /* line 29, ../sass/components/_nav-bar.scss */
  .nav-bar__inner {
    display: none;
    background-color: rgba(24, 44, 79, 0.9);
    height: auto;
  }
}
/* line 44, ../sass/components/_nav-bar.scss */
.nav-bar__header {
  display: none;
}
@media (max-width: 1024px) {
  /* line 44, ../sass/components/_nav-bar.scss */
  .nav-bar__header {
    display: flex;
    height: 86px;
    background: #333;
    border: 1px solid #333;
    align-items: center;
    padding: 0 10px;
  }
  /* line 53, ../sass/components/_nav-bar.scss */
  .nav-bar__header a {
    margin-right: 10px;
  }
}
/* line 59, ../sass/components/_nav-bar.scss */
.nav-bar__list-item {
  color: #fff;
  height: 100%;
  width: 100%;
}
@media (min-width: 1025px) {
  /* line 59, ../sass/components/_nav-bar.scss */
  .nav-bar__list-item {
    display: flex;
    align-items: center;
  }
}
/* line 72, ../sass/components/_nav-bar.scss */
.nav-bar__item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
}
/* line 80, ../sass/components/_nav-bar.scss */
.nav-bar__item > a {
  width: 100%;
}
@media (min-width: 1025px) {
  /* line 84, ../sass/components/_nav-bar.scss */
  .nav-bar__item:not(:last-child) {
    margin-right: 80px;
  }
  /* line 87, ../sass/components/_nav-bar.scss */
  .nav-bar__item:not(:last-child):after {
    content: url(../images/themes/nav-item-after.png);
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    transform: translate(46px, -55%);
  }
}
@media (max-width: 1024px) {
  /* line 72, ../sass/components/_nav-bar.scss */
  .nav-bar__item {
    padding: 30px 0 30px 20px;
    font-size: 30px;
    border-bottom: 1px solid #4b72cc;
  }
}
@media (min-width: 1025px) {
  /* line 106, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent:hover > .sub-nav {
    max-height: 500px;
  }
}
@media (max-width: 1024px) {
  /* line 103, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  /* line 114, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .arrow-down {
    background: url("../images/svg/arrow-down.svg") center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 37px;
    right: 30px;
    width: 20px;
    height: 10px;
    transition: transform 0.3s ease;
  }
  /* line 124, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .arrow-down.open {
    transform: rotate(180deg);
  }
}
/* line 129, ../sass/components/_nav-bar.scss */
.nav-bar__item--parent .sub-nav {
  padding: 0 10px;
}
@media (min-width: 1025px) {
  /* line 129, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .sub-nav {
    position: absolute;
    background: #1f59a8;
    width: 150%;
    bottom: -26px;
    left: 50%;
    transform: translate(-50%, 100%);
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
}
@media (max-width: 1024px) {
  /* line 129, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .sub-nav {
    display: none;
    width: 100%;
    margin-top: 10px;
  }
}
/* line 148, ../sass/components/_nav-bar.scss */
.nav-bar__item--parent .sub-nav li {
  padding: 12px 0;
}
/* line 150, ../sass/components/_nav-bar.scss */
.nav-bar__item--parent .sub-nav li a:hover {
  color: #ffb535;
}
@media (min-width: 1025px) {
  /* line 148, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .sub-nav li {
    font-size: 16px;
    text-align: center;
  }
  /* line 156, ../sass/components/_nav-bar.scss */
  .nav-bar__item--parent .sub-nav li:not(:last-child) {
    border-bottom: 1px solid #164e9e;
  }
}

/* line 179, ../sass/components/_nav-bar.scss */
.app-icon {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 0 no-repeat;
  height: 77px;
  width: 77px;
}

/* line 183, ../sass/components/_nav-bar.scss */
.top-purchase {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -3185px no-repeat;
  height: 59px;
  width: 160px;
  margin-left: auto;
}

/* line 188, ../sass/components/_nav-bar.scss */
.top-download-game {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -2947px no-repeat;
  height: 59px;
  width: 160px;
}

/* line 192, ../sass/components/_nav-bar.scss */
.top-home {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -3064px no-repeat;
  height: 58px;
  width: 57px;
}

/* line 196, ../sass/components/_nav-bar.scss */
.top-fb {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -3006px no-repeat;
  height: 58px;
  width: 57px;
}

/* line 9, ../sass/components/_burger.scss */
.burger {
  width: 58px;
  height: 58px;
  background: #d9c97f;
  border: 1px solid #d9c97f;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  /* line 9, ../sass/components/_burger.scss */
  .burger {
    display: none;
  }
}
/* line 30, ../sass/components/_burger.scss */
.burger.active {
  background: #bc985c;
  border-color: #faba31;
}
/* line 33, ../sass/components/_burger.scss */
.burger.active span {
  transform: translateX(20px);
  opacity: 0;
}
/* line 38, ../sass/components/_burger.scss */
.burger.active:before {
  transform: rotate(45deg) translate3d(10px, 10px, 0);
}
/* line 42, ../sass/components/_burger.scss */
.burger.active:after {
  transform: rotate(-45deg) translate3d(8px, -9px, 0);
}
/* line 47, ../sass/components/_burger.scss */
.burger:before {
  content: "";
  background: #333;
  width: 40px;
  height: 6px;
  top: 12px;
  position: absolute;
  transition: 0.3s ease;
}
/* line 56, ../sass/components/_burger.scss */
.burger:after {
  content: "";
  background: #333;
  width: 40px;
  height: 6px;
  bottom: 12px;
  position: absolute;
  transition: 0.3s ease;
}
/* line 65, ../sass/components/_burger.scss */
.burger span {
  background: #333;
  width: 40px;
  height: 6px;
  transition: 0.3s ease;
}

/* line 1, ../sass/components/_site-search.scss */
.site-search {
  margin-top: 10px;
}
@media (max-width: 1024px) {
  /* line 1, ../sass/components/_site-search.scss */
  .site-search {
    display: none;
  }
}
/* line 6, ../sass/components/_site-search.scss */
.site-search__inner {
  display: flex;
  width: 95%;
  margin: 0 auto;
}
/* line 11, ../sass/components/_site-search.scss */
.site-search__field {
  height: 35px;
  padding: 0 10px;
  border: 1px solid #6c93d5;
  background: #f2f5f9;
  width: 100%;
}
/* line 17, ../sass/components/_site-search.scss */
.site-search__field::placeholder {
  color: #6c93d5;
}
/* line 21, ../sass/components/_site-search.scss */
.site-search__button {
  background: #6c93d5;
  height: 35px;
  width: 35px;
  margin: 0;
}
/* line 28, ../sass/components/_site-search.scss */
.site-search .search.icon {
  color: #fff;
  position: absolute;
  margin-top: -12px;
  margin-left: -11px;
  width: 18px;
  height: 18px;
  border: solid 2px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 41, ../sass/components/_site-search.scss */
.site-search .search.icon:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 6px;
  height: 9px;
  width: 2px;
  background-color: currentColor;
}

/* line 9, ../sass/components/_page-header.scss */
.page-header {
  background: url(../images/themes/bg-1.jpg) center top no-repeat;
  width: 2000px;
  height: 1179px;
  position: relative;
  left: 50%;
  margin-left: -1000px;
}
@media (max-width: 1024px) {
  /* line 9, ../sass/components/_page-header.scss */
  .page-header {
    background: url(../images/themes/m-bg-1.jpg) center top no-repeat;
    height: 1000px;
  }
}
/* line 20, ../sass/components/_page-header.scss */
.page-header__content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 30, ../sass/components/_page-header.scss */
.btn-play-video {
  background-position: 0 -1071px;
  height: 90px;
  width: 85px;
  position: absolute;
}
/* line 33, ../sass/components/_page-header.scss */
.btn-play-video:hover {
  background-position: 0 -981px;
  height: 90px;
  width: 85px;
}
@media (min-width: 1025px) {
  /* line 30, ../sass/components/_page-header.scss */
  .btn-play-video {
    margin-left: -241px;
    margin-top: -100px;
  }
}
@media (max-width: 1024px) {
  /* line 30, ../sass/components/_page-header.scss */
  .btn-play-video {
    margin-left: -241px;
    margin-top: 150px;
  }
}

/* line 11, ../sass/components/_app-info.scss */
.app-info {
  width: 940px;
  height: 190px;
  padding: 26px 12px;
}
/* line 16, ../sass/components/_app-info.scss */
.app-info__inner {
  width: 100%;
  height: 100%;
}
/* line 21, ../sass/components/_app-info.scss */
.app-info__list-btn {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 14px;
}
/* line 27, ../sass/components/_app-info.scss */
.app-info__list-btn li {
  margin: 0 8px;
}
/* line 29, ../sass/components/_app-info.scss */
.app-info__list-btn li:first-child {
  margin-left: 0;
}
/* line 32, ../sass/components/_app-info.scss */
.app-info__list-btn li:last-child {
  margin-right: 0;
}
/* line 35, ../sass/components/_app-info.scss */
.app-info__list-btn li.special {
  margin-left: -200px;
  transform: translateY(76px);
}

/* line 44, ../sass/components/_app-info.scss */
.download-ios {
  background-position: 0 -2614px;
  height: 63px;
  width: 192px;
}
/* line 47, ../sass/components/_app-info.scss */
.download-ios:hover {
  background-position: 0 -2551px;
  height: 63px;
  width: 192px;
}

/* line 44, ../sass/components/_app-info.scss */
.download-and {
  background-position: 0 -2488px;
  height: 63px;
  width: 192px;
}
/* line 47, ../sass/components/_app-info.scss */
.download-and:hover {
  background-position: 0 -2425px;
  height: 63px;
  width: 192px;
}

/* line 44, ../sass/components/_app-info.scss */
.download-pc {
  background-position: 0 -2816px;
  height: 139px;
  width: 177px;
}
/* line 47, ../sass/components/_app-info.scss */
.download-pc:hover {
  background-position: 0 -2677px;
  height: 139px;
  width: 177px;
}

/* line 44, ../sass/components/_app-info.scss */
.giftcode {
  background-position: 0 -3095px;
  height: 140px;
  width: 158px;
}
/* line 47, ../sass/components/_app-info.scss */
.giftcode:hover {
  background-position: 0 -2955px;
  height: 140px;
  width: 158px;
}

/* line 44, ../sass/components/_app-info.scss */
.purchase {
  background-position: 0 -5965px;
  height: 140px;
  width: 158px;
}
/* line 47, ../sass/components/_app-info.scss */
.purchase:hover {
  background-position: 0 -5825px;
  height: 140px;
  width: 158px;
}

/* line 44, ../sass/components/_app-info.scss */
.qr-code {
  background-position: 0 -6105px;
  height: 137px;
  width: 134px;
}

/* line 54, ../sass/components/_app-info.scss */
.qr-code {
  pointer-events: none;
}

/* line 59, ../sass/components/_app-info.scss */
.wrap-app-info.type-1 {
  position: absolute;
  background: url(../images/themes/app-info-bg.jpg) center top no-repeat;
  width: 940px;
  height: 190px;
  bottom: 0;
}
/* line 66, ../sass/components/_app-info.scss */
.wrap-app-info.type-2 {
  background: url(../images/themes/app-info-bg-2.jpg) center top no-repeat;
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
}

/* line 1, ../sass/components/_footer.scss */
footer {
  background: #0d111a;
}
/* line 3, ../sass/components/_footer.scss */
footer .copyright {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 10px;
  display: flex;
}
@media (max-width: 1024px) {
  /* line 8, ../sass/components/_footer.scss */
  footer .copyright .footer-left {
    width: 100%;
    text-align: center;
  }
}
/* line 13, ../sass/components/_footer.scss */
footer .copyright .footer-left .text {
  display: block;
  font-size: 16px;
  line-height: 23px;
  color: #b0aab9;
}
@media (min-width: 1025px) {
  /* line 13, ../sass/components/_footer.scss */
  footer .copyright .footer-left .text {
    width: 590px;
  }
}
/* line 23, ../sass/components/_footer.scss */
footer .copyright .footer-right {
  display: flex;
  margin-left: auto;
}
@media (max-width: 1024px) {
  /* line 23, ../sass/components/_footer.scss */
  footer .copyright .footer-right {
    display: none;
  }
}
/* line 29, ../sass/components/_footer.scss */
footer .copyright .footer-right .qrcode {
  margin-right: 15px;
}
/* line 32, ../sass/components/_footer.scss */
footer .copyright .footer-right li {
  margin-bottom: 13px;
}
/* line 35, ../sass/components/_footer.scss */
footer .copyright .footer-right a {
  display: block;
  text-indent: -9999px;
}
/* line 39, ../sass/components/_footer.scss */
footer .copyright .footer-right .f-down-gg {
  background-position: 0 -710px;
  height: 62px;
  width: 201px;
}
/* line 42, ../sass/components/_footer.scss */
footer .copyright .footer-right .f-down-apps {
  background-position: 0 -919px;
  height: 62px;
  width: 201px;
}
/* line 45, ../sass/components/_footer.scss */
footer .copyright .footer-right .f-down-apk {
  background-position: 0 -815px;
  height: 62px;
  width: 201px;
}

/* line 3, ../sass/components/_bottom-bar.scss */
.bottom-bar {
  position: fixed;
  bottom: 0;
  width: 768px;
  background: url(../images/themes/bottom-bar-bg.jpg) center top no-repeat;
}
@media (min-width: 1025px) {
  /* line 3, ../sass/components/_bottom-bar.scss */
  .bottom-bar {
    display: none;
  }
}
/* line 12, ../sass/components/_bottom-bar.scss */
.bottom-bar__group-btn {
  display: flex;
  justify-content: center;
}

/* line 19, ../sass/components/_bottom-bar.scss */
.b-events {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -77px no-repeat;
  height: 101px;
  width: 149px;
}

/* line 19, ../sass/components/_bottom-bar.scss */
.b-giftcode {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -178px no-repeat;
  height: 101px;
  width: 149px;
}

/* line 19, ../sass/components/_bottom-bar.scss */
.b-news {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -279px no-repeat;
  height: 101px;
  width: 148px;
}

/* line 19, ../sass/components/_bottom-bar.scss */
.b-purchase {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -380px no-repeat;
  height: 101px;
  width: 149px;
}

/* line 19, ../sass/components/_bottom-bar.scss */
.b-social {
  background: url('../images/../images/mobile-s99a891c0f5.png') 0 -481px no-repeat;
  height: 101px;
  width: 148px;
}

/* line 14, ../sass/layout/_layout.scss */
.logo {
  display: inline-block;
  background-position: 0 -4372px;
  height: 107px;
  width: 231px;
  position: absolute;
  top: 0;
}

/* line 1, ../sass/components/_block-post.scss */
.block-post {
  color: #2955b4;
}
/* line 3, ../sass/components/_block-post.scss */
.block-post__tabs {
  display: flex;
  justify-content: center;
}
@media (min-width: 1025px) {
  /* line 3, ../sass/components/_block-post.scss */
  .block-post__tabs {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  /* line 3, ../sass/components/_block-post.scss */
  .block-post__tabs {
    margin-bottom: 30px;
  }
}
/* line 13, ../sass/components/_block-post.scss */
.block-post__tabs li {
  font-family: 'Barlow', sans-serif;
  opacity: 0.8;
  position: relative;
  padding: 14px 35px;
  font-size: 22px;
  font-weight: 500;
  transition: color 0.5s ease;
}
@media (max-width: 1024px) {
  /* line 13, ../sass/components/_block-post.scss */
  .block-post__tabs li {
    font-size: 32px;
    padding: 9px 10px;
  }
}
/* line 25, ../sass/components/_block-post.scss */
.block-post__tabs li:not(:last-child) {
  margin-right: 25px;
}
/* line 29, ../sass/components/_block-post.scss */
.block-post__tabs li.active, .block-post__tabs li:hover {
  opacity: 1;
  background: url(../images/themes/l-tab-left.png) left center no-repeat, url(../images/themes/l-tab-right.png) right center no-repeat;
}
/* line 36, ../sass/components/_block-post.scss */
.block-post__list {
  margin-top: 10px;
}
/* line 38, ../sass/components/_block-post.scss */
.block-post__list p {
  font-size: 20px;
}
/* line 41, ../sass/components/_block-post.scss */
.block-post__list li {
  display: flex;
  align-items: center;
  font-family: 'Barlow', sans-serif;
  padding: 15px 0;
  font-size: 20px;
  color: #5b5b5b;
  cursor: pointer;
}
@media (max-width: 1024px) {
  /* line 41, ../sass/components/_block-post.scss */
  .block-post__list li {
    font-size: 26px;
  }
}
/* line 53, ../sass/components/_block-post.scss */
.block-post__list li:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
/* line 59, ../sass/components/_block-post.scss */
.block-post__list li:hover {
  color: #2955b4;
}
/* line 63, ../sass/components/_block-post.scss */
.block-post__list .block-post__cate {
  font-size: 18px;
  padding: 3px 5px;
  border-radius: 5px;
  color: #5b5b5b;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 8px;
}
@media (max-width: 1024px) {
  /* line 63, ../sass/components/_block-post.scss */
  .block-post__list .block-post__cate {
    display: none;
  }
}
/* line 77, ../sass/components/_block-post.scss */
.block-post__list .block-post__hot {
  font-size: 15px;
  padding: 3px 10px;
  background: #ff632c;
  color: #fff;
  margin-right: 8px;
}
/* line 84, ../sass/components/_block-post.scss */
.block-post__list .block-post__time {
  color: #818892;
  font-size: 15px;
  margin-left: auto;
}
@media (max-width: 1024px) {
  /* line 84, ../sass/components/_block-post.scss */
  .block-post__list .block-post__time {
    font-size: 22px;
  }
}

/* line 95, ../sass/components/_block-post.scss */
.btn-see-more {
  display: block;
}
/* line 97, ../sass/components/_block-post.scss */
.btn-see-more.type-1 {
  text-align: center;
  width: 100%;
  color: #fff;
  background: #071067;
  border-radius: 5px;
  margin-top: 20px;
  padding: 8px 0;
  position: relative;
  transition: background 1s ease, color 0.5s ease;
}
/* line 107, ../sass/components/_block-post.scss */
.btn-see-more.type-1:hover {
  background: #0011b7;
}
/* line 110, ../sass/components/_block-post.scss */
.btn-see-more.type-1:after {
  content: "+";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 50px;
  font-size: 26px;
}
@media (min-width: 1025px) {
  /* line 119, ../sass/components/_block-post.scss */
  .btn-see-more.type-2 {
    display: flex;
    align-items: center;
    font-size: 16px;
    background: url(../images/themes/see-more-after.png) center top no-repeat;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1024px) {
  /* line 119, ../sass/components/_block-post.scss */
  .btn-see-more.type-2 {
    font-size: 30px;
  }
}

/* line 1, ../sass/components/_pagination.scss */
.pagination-container {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-top: 25px;
  font-family: Roboto;
}
/* line 7, ../sass/components/_pagination.scss */
.pagination-container > .pagination {
  display: inline-block;
  margin: 0 auto;
  clear: both;
}
/* line 11, ../sass/components/_pagination.scss */
.pagination-container > .pagination > li {
  float: left;
  margin: 0 5px;
}
/* line 14, ../sass/components/_pagination.scss */
.pagination-container > .pagination > li > a {
  display: block;
  color: #5b5b5b;
  padding: 5px 0;
  min-width: 37px;
  height: 36px;
  border-right: 0;
  text-align: center;
}
/* line 29, ../sass/components/_pagination.scss */
.pagination-container > .pagination > li:first-child a, .pagination-container > .pagination > li:last-child a, .pagination-container > .pagination > li.prev a, .pagination-container > .pagination > li.next a {
  border: 1px solid #dfdfdf;
}
/* line 34, ../sass/components/_pagination.scss */
.pagination-container > .pagination > li.active a, .pagination-container > .pagination > li:hover a {
  background: #f3f3eb;
  border: 1px solid #dfdfdf;
}

/* line 1, ../sass/components/_extra-content.scss */
.extra-content {
  padding-left: 20px;
}
/* line 3, ../sass/components/_extra-content.scss */
.extra-content__title {
  font-family: "SFUAngieBold";
  font-size: 26px;
  margin-bottom: 5px;
}
/* line 9, ../sass/components/_extra-content.scss */
.extra-content .hot-events a {
  display: block;
}
/* line 12, ../sass/components/_extra-content.scss */
.extra-content .hot-events li {
  background: #fff;
  border: 1px solid #071067;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 21px;
}
/* line 18, ../sass/components/_extra-content.scss */
.extra-content .hot-events li:hover {
  background: #c7e0ff;
}
/* line 22, ../sass/components/_extra-content.scss */
.extra-content .hot-events p {
  padding: 8px 10px 10px;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
/* line 25, ../sass/components/_extra-content.scss */
.extra-content .hot-events p time {
  font-size: 14px;
  color: #868686;
}
/* line 29, ../sass/components/_extra-content.scss */
.extra-content .hot-events p span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #071067;
}
/* line 37, ../sass/components/_extra-content.scss */
.extra-content .hot-events img {
  height: 166px;
  width: 100%;
}

/* line 1, ../sass/components/_subweb-header.scss */
.subweb-header {
  background: url(../images/themes/subweb-header.jpg) center top no-repeat;
  width: 2000px;
  height: 420px;
  position: relative;
  left: 50%;
  margin-left: -1000px;
}
@media (max-width: 1024px) {
  /* line 1, ../sass/components/_subweb-header.scss */
  .subweb-header {
    background: url(../images/themes/m-bg-1.jpg) center top no-repeat;
    height: 300px;
  }
}
/* line 12, ../sass/components/_subweb-header.scss */
.subweb-header__content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* line 19, ../sass/components/_subweb-header.scss */
.subweb-header-bar {
  color: #fff;
}
@media (min-width: 1025px) {
  /* line 19, ../sass/components/_subweb-header.scss */
  .subweb-header-bar {
    height: 90px;
    background: url(../images/themes/subweb-header-bar.jpg) center top no-repeat;
  }
  /* line 24, ../sass/components/_subweb-header.scss */
  .subweb-header-bar__inner {
    height: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 19px;
    padding-right: 215px;
    text-align: center;
  }
  /* line 31, ../sass/components/_subweb-header.scss */
  .subweb-header-bar__inner h1 {
    padding-left: 156px;
    font-size: 24px;
    font-weight: bold;
	text-align:center;
  }
  /* line 36, ../sass/components/_subweb-header.scss */
  .subweb-header-bar__inner p {
    color: #badbfc;
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  /* line 19, ../sass/components/_subweb-header.scss */
  .subweb-header-bar {
    background: url(../images/themes/mini-sub-bg.jpg) left top repeat;
    padding: 8px 20px;
  }
  /* line 46, ../sass/components/_subweb-header.scss */
  .subweb-header-bar h1 {
    font-size: 22px;
    font-weight: bold;
  }
  /* line 50, ../sass/components/_subweb-header.scss */
  .subweb-header-bar p {
    font-size: 16px;
  }
  /* line 53, ../sass/components/_subweb-header.scss */
  .subweb-header-bar__inner {
    position: relative;
  }
}
@media (max-width: 1024px) {
  /* line 57, ../sass/components/_subweb-header.scss */
  .subweb-header-bar .more {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url('../images/../images/mobile-s99a891c0f5.png') 0 -2637px no-repeat;
    height: 45px;
    width: 45px;
  }
  /* line 64, ../sass/components/_subweb-header.scss */
  .subweb-header-bar .more:hover {
    background: url('../images/../images/mobile-s99a891c0f5.png') 0 -2592px no-repeat;
    height: 45px;
    width: 45px;
  }
}

/* line 1, ../sass/components/_home-gallery.scss */
.home-gallery {
  width: 100%;
  margin-top: 40px;
  position: relative;
}
/* line 7, ../sass/components/_home-gallery.scss */
.home-gallery .btn-see-more.type-2 {
  position: absolute;
  top: 0;
  right: 20px;
}
/* line 13, ../sass/components/_home-gallery.scss */
.home-gallery__tabs {
  display: flex;
  margin-bottom: 50px;
  justify-content: center;
}
/* line 17, ../sass/components/_home-gallery.scss */
.home-gallery__tabs li {
  font-weight: 500;
  position: relative;
  color: #444442;
}
@media (min-width: 1025px) {
  /* line 17, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li {
    margin: 0 10px;
    font-size: 20px;
    padding: 11px 30px;
  }
  /* line 25, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li.active, .home-gallery__tabs li:hover {
    color: #2955b4;
    background: url(../images/themes/gall-tab-left.png) left center no-repeat, url(../images/themes/gall-tab-right.png) right center no-repeat;
  }
}
@media (max-width: 1024px) {
  /* line 17, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li {
    margin: 0 20px;
    font-size: 34px;
  }
}
/* line 37, ../sass/components/_home-gallery.scss */
.home-gallery__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
/* line 42, ../sass/components/_home-gallery.scss */
.home-gallery__list li a {
  display: block;
  position: relative;
  height: 100%;
}
/* line 48, ../sass/components/_home-gallery.scss */
.home-gallery__list li:hover .transparent-box {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 51, ../sass/components/_home-gallery.scss */
.home-gallery__list li:hover img {
  transform: scale(1.1);
}
@media (min-width: 1025px) {
  /* line 41, ../sass/components/_home-gallery.scss */
  .home-gallery__list li {
    width: calc((100% / 4) - 25px);
    height: 130px;
    margin-bottom: 70px;
  }
  /* line 59, ../sass/components/_home-gallery.scss */
  .home-gallery__list li:not(:nth-child(4n)) {
    margin-right: 33px;
  }
}
@media (max-width: 1024px) {
  /* line 41, ../sass/components/_home-gallery.scss */
  .home-gallery__list li {
    width: calc((100% / 2) - 20px);
    height: 166px;
    margin-bottom: 70px;
  }
  /* line 67, ../sass/components/_home-gallery.scss */
  .home-gallery__list li:not(:nth-child(2n)) {
    margin-right: 33px;
  }
}
/* line 74, ../sass/components/_home-gallery.scss */
.home-gallery__clip .icon-play {
  display: block;
}
/* line 78, ../sass/components/_home-gallery.scss */
.home-gallery__wrap-img {
  overflow: hidden;
  height: 100%;
  margin-bottom: 12px;
  border: 1px solid #266bff;
  padding: 3px;
}
/* line 84, ../sass/components/_home-gallery.scss */
.home-gallery__wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  transition: transform 0.3s ease;
}
/* line 92, ../sass/components/_home-gallery.scss */
.home-gallery__link {
  color: #5b5b5b;
  margin-top: 20px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1024px) {
  /* line 92, ../sass/components/_home-gallery.scss */
  .home-gallery__link {
    font-size: 29px;
  }
}
/* line 100, ../sass/components/_home-gallery.scss */
.home-gallery .btn-see-more {
  font-size: 22px;
}

/* line 105, ../sass/components/_home-gallery.scss */
.transparent-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: flex-end;
  padding-left: 10px;
  transition: background-color 0.3s ease;
}

/* line 118, ../sass/components/_home-gallery.scss */
.icon-play {
  background: url(../images/themes/icon-play.png) center center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 61px;
  height: 61px;
  display: none;
}

/* line 1, ../sass/components/_home-gallery.scss */
.home-gallery {
  width: 100%;
  margin-top: 40px;
  position: relative;
}
/* line 7, ../sass/components/_home-gallery.scss */
.home-gallery .btn-see-more.type-2 {
  position: absolute;
  top: 0;
  right: 20px;
}
/* line 13, ../sass/components/_home-gallery.scss */
.home-gallery__tabs {
  display: flex;
  margin-bottom: 50px;
  justify-content: center;
}
/* line 17, ../sass/components/_home-gallery.scss */
.home-gallery__tabs li {
  font-weight: 500;
  position: relative;
  color: #444442;
}
@media (min-width: 1025px) {
  /* line 17, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li {
    margin: 0 10px;
    font-size: 20px;
    padding: 11px 30px;
  }
  /* line 25, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li.active, .home-gallery__tabs li:hover {
    color: #2955b4;
    background: url(../images/themes/gall-tab-left.png) left center no-repeat, url(../images/themes/gall-tab-right.png) right center no-repeat;
  }
}
@media (max-width: 1024px) {
  /* line 17, ../sass/components/_home-gallery.scss */
  .home-gallery__tabs li {
    margin: 0 20px;
    font-size: 34px;
  }
}
/* line 37, ../sass/components/_home-gallery.scss */
.home-gallery__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
/* line 42, ../sass/components/_home-gallery.scss */
.home-gallery__list li a {
  display: block;
  position: relative;
  height: 100%;
}
/* line 48, ../sass/components/_home-gallery.scss */
.home-gallery__list li:hover .transparent-box {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 51, ../sass/components/_home-gallery.scss */
.home-gallery__list li:hover img {
  transform: scale(1.1);
}
@media (min-width: 1025px) {
  /* line 41, ../sass/components/_home-gallery.scss */
  .home-gallery__list li {
    width: calc((100% / 4) - 25px);
    height: 130px;
    margin-bottom: 70px;
  }
  /* line 59, ../sass/components/_home-gallery.scss */
  .home-gallery__list li:not(:nth-child(4n)) {
    margin-right: 33px;
  }
}
@media (max-width: 1024px) {
  /* line 41, ../sass/components/_home-gallery.scss */
  .home-gallery__list li {
    width: calc((100% / 2) - 20px);
    height: 166px;
    margin-bottom: 70px;
  }
  /* line 67, ../sass/components/_home-gallery.scss */
  .home-gallery__list li:not(:nth-child(2n)) {
    margin-right: 33px;
  }
}
/* line 74, ../sass/components/_home-gallery.scss */
.home-gallery__clip .icon-play {
  display: block;
}
/* line 78, ../sass/components/_home-gallery.scss */
.home-gallery__wrap-img {
  overflow: hidden;
  height: 100%;
  margin-bottom: 12px;
  border: 1px solid #266bff;
  padding: 3px;
}
/* line 84, ../sass/components/_home-gallery.scss */
.home-gallery__wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  transition: transform 0.3s ease;
}
/* line 92, ../sass/components/_home-gallery.scss */
.home-gallery__link {
  color: #5b5b5b;
  margin-top: 20px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1024px) {
  /* line 92, ../sass/components/_home-gallery.scss */
  .home-gallery__link {
    font-size: 29px;
  }
}
/* line 100, ../sass/components/_home-gallery.scss */
.home-gallery .btn-see-more {
  font-size: 22px;
}

/* line 105, ../sass/components/_home-gallery.scss */
.transparent-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: flex-end;
  padding-left: 10px;
  transition: background-color 0.3s ease;
}

/* line 118, ../sass/components/_home-gallery.scss */
.icon-play {
  background: url(../images/themes/icon-play.png) center center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 61px;
  height: 61px;
  display: none;
}

/* line 4, ../sass/core/_content.scss */
article {
  font-size: 16px;
  line-height: 25px;
}
/* line 7, ../sass/core/_content.scss */
article * {
  color: #444444;
  font-family: Tahoma, Arial, "Roboto", sans-serif;
}
/* line 12, ../sass/core/_content.scss */
article pre {
  overflow: auto;
}
/* line 15, ../sass/core/_content.scss */
article strong {
  font-weight: bold;
}
/* line 19, ../sass/core/_content.scss */
article em {
  font-style: italic;
}
/* line 23, ../sass/core/_content.scss */
article ul#tabHeader {
  background: none;
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}
/* line 28, ../sass/core/_content.scss */
article ul#tabHeader ~ .tab__detail {
  display: none;
}
/* line 32, ../sass/core/_content.scss */
article ul#tabHeader li {
  margin: 0 0 5px;
  padding: 0 2px 0 0;
  float: left;
  white-space: nowrap;
}
/* line 37, ../sass/core/_content.scss */
article ul#tabHeader li a {
  background: #a7675b;
  border: #601105;
  color: #fff;
  font-weight: bold;
  float: left;
  display: block;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
}
/* line 47, ../sass/core/_content.scss */
article ul#tabHeader li a.active, article ul#tabHeader li a:hover {
  background: #601105;
  border: #601105;
  color: #f5dc60;
}
/* line 56, ../sass/core/_content.scss */
article h1.post__title {
  margin: 5px auto 20px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  color: #1e3e74;
  padding: 8px 0;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 1px dashed #1e3e74;
}
/* line 66, ../sass/core/_content.scss */
article h1.post__title p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  /* line 56, ../sass/core/_content.scss */
  article h1.post__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 666px) {
  /* line 56, ../sass/core/_content.scss */
  article h1.post__title {
    font-size: 20px;
  }
}
/* line 77, ../sass/core/_content.scss */
article .text-grey {
  color: #767676;
  font-size: 24px;
  text-align: center;
  padding: 20px 0 10px;
}
@media screen and (max-width: 666px) {
  /* line 77, ../sass/core/_content.scss */
  article .text-grey {
    font-size: 18px;
  }
}
/* line 87, ../sass/core/_content.scss */
article .text-red {
  color: #ee0202;
  font-size: 20px;
  text-align: center;
  padding: 20px 0 10px;
}
@media screen and (max-width: 666px) {
  /* line 87, ../sass/core/_content.scss */
  article .text-red {
    font-size: 16px;
  }
}
/* line 97, ../sass/core/_content.scss */
article .FirstChar {
  padding: 4px 4px 0 0;
  line-height: 30px;
  font-size: 40px;
  float: left;
}
/* line 104, ../sass/core/_content.scss */
article ul {
  margin: 0px 0px 10px 5px;
}
/* line 106, ../sass/core/_content.scss */
article ul > li {
  margin-bottom: 10px;
  padding-left: 15px;
  list-style-type: none;
  text-align: justify;
}
/* line 111, ../sass/core/_content.scss */
article ul > li ul {
  margin: 0 0 10px 20px;
}
/* line 113, ../sass/core/_content.scss */
article ul > li ul li {
  margin-bottom: 10px;
  padding-left: 15px;
}
/* line 120, ../sass/core/_content.scss */
article ul.icon li, article ul.Icon li {
  background: url("../images/article/icon-2.png") 0 8px no-repeat;
}
/* line 123, ../sass/core/_content.scss */
article ul.disc li, article ul.Disc li {
  background: url("../images/article/icon-3.png") 3px 9px no-repeat;
}
/* line 126, ../sass/core/_content.scss */
article ul.dash li, article ul.Dash li {
  background: url("../images/article/icon-3b.png") 3px 9px no-repeat;
}
/* line 129, ../sass/core/_content.scss */
article ul.decimal li, article ul.Decimal li {
  list-style-type: decimal;
  padding-left: 5px;
}
/* line 133, ../sass/core/_content.scss */
article ul.UpperAlpha li, article ul.upper-alpha li {
  list-style-type: upper-alpha;
}
/* line 136, ../sass/core/_content.scss */
article ul.lower-alpha li, article ul.LowerCase li {
  list-style-type: lower-alpha;
}
/* line 139, ../sass/core/_content.scss */
article ul.anchor-link, article ul.AnchorLink {
  display: block;
  width: 98%;
  clear: both;
  min-height: 50px;
  border: 1px solid #1e3e74;
  padding: 10px;
  margin: 10px 0;
  overflow: hidden;
}
/* line 148, ../sass/core/_content.scss */
article ul.anchor-link li, article ul.AnchorLink li {
  float: left;
  padding: 0 20px 0 10px;
  margin-bottom: 0px;
  background: url("../images/article/icon-anchorlink.jpg") no-repeat 0 14px;
  width: 260px;
}
/* line 154, ../sass/core/_content.scss */
article ul.anchor-link li a, article ul.AnchorLink li a {
  font-weight: bolder;
  color: #1e3e74;
}
/* line 157, ../sass/core/_content.scss */
article ul.anchor-link li a:hover, article ul.AnchorLink li a:hover {
  text-decoration: underline;
}
/* line 160, ../sass/core/_content.scss */
article ul.anchor-link li a.Active, article ul.anchor-link li a.Active:hover, article ul.AnchorLink li a.Active, article ul.AnchorLink li a.Active:hover {
  text-decoration: underline;
}
/* line 167, ../sass/core/_content.scss */
article p {
  padding: 5px 0;
}
/* line 171, ../sass/core/_content.scss */
article .center, article .TextCenter {
  text-align: center;
}
/* line 175, ../sass/core/_content.scss */
article img {
  margin: 0 auto;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: auto;
}
@media (max-width: 1024px) {
  /* line 175, ../sass/core/_content.scss */
  article img {
    width: auto;
    max-width: 90%;
  }
}
/* line 191, ../sass/core/_content.scss */
article img ~ br {
  height: 0px;
  display: none;
}
/* line 196, ../sass/core/_content.scss */
article img ~ .center, article img .TextCenter {
  padding-top: 0px;
  margin-top: -5px;
  color: #424242;
  font-style: italic;
}
/* line 207, ../sass/core/_content.scss */
article a {
  color: #a82a2d;
  text-decoration: underline;
}
/* line 210, ../sass/core/_content.scss */
article a:hover {
  color: #ee3031;
}
/* line 215, ../sass/core/_content.scss */
article strong, article .strong {
  font-weight: bolder;
  color: #1e3e74;
}
/* line 220, ../sass/core/_content.scss */
article .strong01, article .Strong01 {
  font-weight: bolder;
  color: #1e3e74;
  font-size: 16px;
}
/* line 226, ../sass/core/_content.scss */
article .strong02, article .Strong02 {
  font-weight: bolder;
  color: #d61a15;
  font-size: 17px;
}
/* line 232, ../sass/core/_content.scss */
article .strong03, article .Strong03 {
  font-weight: bolder;
  color: #9ddbff;
}
/* line 237, ../sass/core/_content.scss */
article .notice-box, article .NoticeBox {
  width: 90%;
  padding: 15px 10px 10px 10px;
  border: 1px solid #1e3e74;
  background: #f6fbff;
  margin-top: 25px;
}
/* line 243, ../sass/core/_content.scss */
article .notice-box p.legend, article .notice-box .Legend, article .NoticeBox p.legend, article .NoticeBox .Legend {
  background: #1e3e74 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: bolder;
  height: 25px;
  margin: -30px 0 10px;
  padding: 0 17px 0 16px;
  position: absolute;
}
/* line 256, ../sass/core/_content.scss */
article table {
  margin: 10px auto;
  border-collapse: collapse;
}
/* line 260, ../sass/core/_content.scss */
article table tr:nth-child(odd), article table tr.odd, article table tr.OddRow {
  background: #fff;
}
/* line 266, ../sass/core/_content.scss */
article table tr:nth-child(even), article table tr.even, article table tr.EvenRow {
  background: #e9f1f8;
}
/* line 272, ../sass/core/_content.scss */
article table td, article table th {
  border: 1px solid #c6cad5;
  padding: 3px 10px;
}
/* line 275, ../sass/core/_content.scss */
article table td.text-center, article table th.text-center {
  text-align: center;
}
/* line 278, ../sass/core/_content.scss */
article table td.text-right, article table th.text-right {
  text-align: right;
}
/* line 282, ../sass/core/_content.scss */
article table th {
  color: #fff;
  font-weight: bolder;
  padding: 10px 10px;
  background: #1e3e74;
  text-align: center;
}
/* line 291, ../sass/core/_content.scss */
article h2, article h4 {
  font-size: 22px;
  line-height: 38px;
  font-weight: 700;
  padding-left: 30px;
  color: #d09240;
  background: url("../images/article/icon_h4.png") no-repeat center left;
}
/* line 298, ../sass/core/_content.scss */
article h2 ~ p, article h2 ~ ul, article h2 ~ div, article h4 ~ p, article h4 ~ ul, article h4 ~ div {
  margin-left: 30px;
}
/* line 301, ../sass/core/_content.scss */
article h2 ~ table, article h4 ~ table {
  max-width: 530px;
}
@media screen and (max-width: 666px) {
  /* line 291, ../sass/core/_content.scss */
  article h2, article h4 {
    background: none;
    padding-left: 0px;
  }
  /* line 308, ../sass/core/_content.scss */
  article h2 ~ p, article h2 ~ ul, article h2 ~ div, article h4 ~ p, article h4 ~ ul, article h4 ~ div {
    margin-left: 12px;
  }
  /* line 311, ../sass/core/_content.scss */
  article h2 ~ table, article h4 ~ table {
    max-width: 270px;
  }
}
/* line 317, ../sass/core/_content.scss */
article h3, article h5 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 700;
  padding-left: 18px;
  margin-left: 25px;
  color: #545454;
  background: url("../images/article/icon_h5.png") no-repeat 0 12px;
}
/* line 325, ../sass/core/_content.scss */
article h3 ~ p, article h3 ~ ul, article h3 ~ div, article h5 ~ p, article h5 ~ ul, article h5 ~ div {
  margin-left: 42px;
}
/* line 328, ../sass/core/_content.scss */
article h3 ~ table, article h5 ~ table {
  max-width: 500px;
}
@media screen and (max-width: 666px) {
  /* line 317, ../sass/core/_content.scss */
  article h3, article h5 {
    background: none;
    padding-left: 0px;
    margin-left: 12px;
  }
  /* line 335, ../sass/core/_content.scss */
  article h3 ~ p, article h3 ~ ul, article h3 ~ div, article h5 ~ p, article h5 ~ ul, article h5 ~ div {
    margin-left: 22px;
  }
  /* line 338, ../sass/core/_content.scss */
  article h3 ~ table, article h5 ~ table {
    max-width: 220px;
  }
}
/* line 344, ../sass/core/_content.scss */
article .user-info {
  text-align: right;
}
/* line 346, ../sass/core/_content.scss */
article .user-info p {
  background: #009674;
  border-bottom: none;
  font: 15px/30px Tahoma;
  color: #fff;
  clear: both;
  position: relative;
  margin: 0 auto 20px;
  padding: 0px;
  text-align: right;
}
/* line 356, ../sass/core/_content.scss */
article .user-info p a {
  color: #fff;
}
/* line 358, ../sass/core/_content.scss */
article .user-info p a:hover {
  color: #ec7407;
}
/* line 362, ../sass/core/_content.scss */
article .user-info p #link-function {
  background: url(../images/article/function.png) no-repeat right center;
  padding: 0 25px;
  text-decoration: none;
  cursor: pointer;
}
/* line 371, ../sass/core/_content.scss */
article form {
  margin: 10px auto;
  width: 90%;
}
@media screen and (max-width: 666px) {
  /* line 371, ../sass/core/_content.scss */
  article form {
    width: 100%;
  }
}
/* line 377, ../sass/core/_content.scss */
article form fieldset {
  background: none;
  border: none;
}
/* line 380, ../sass/core/_content.scss */
article form fieldset legend {
  display: none;
}
/* line 384, ../sass/core/_content.scss */
article form ul {
  list-style: none;
  margin: 0px;
}
/* line 387, ../sass/core/_content.scss */
article form ul > li {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 0px;
}
/* line 394, ../sass/core/_content.scss */
article form ul.Radio {
  clear: none;
  float: left;
  list-style: none;
  overflow: hidden;
  width: 85%;
  margin: 0px;
}
/* line 401, ../sass/core/_content.scss */
article form ul.Radio li {
  float: left;
  line-height: 28px;
  margin: 0;
  padding: 0;
}
/* line 406, ../sass/core/_content.scss */
article form ul.Radio li input {
  float: none;
  height: auto;
  width: auto;
}
/* line 414, ../sass/core/_content.scss */
article form ul.RadioLine li {
  clear: none;
  float: left;
  width: 100%;
  overflow: hidden;
}
/* line 419, ../sass/core/_content.scss */
article form ul.RadioLine li p {
  width: 40%;
  float: left;
  text-align: left;
}
/* line 424, ../sass/core/_content.scss */
article form ul.RadioLine li input {
  width: auto;
  float: left;
  margin: 4px 33px 10px;
  outline: none;
}
/* line 430, ../sass/core/_content.scss */
article form ul.RadioLine li span {
  float: left;
  overflow: hidden;
  width: 20%;
}
/* line 434, ../sass/core/_content.scss */
article form ul.RadioLine li span.Space {
  float: left;
  width: 40%;
  height: 1px;
}
/* line 443, ../sass/core/_content.scss */
article form ul.Checkbox {
  clear: none;
  float: left;
  list-style: none;
  overflow: hidden;
  margin: 5px 0;
  padding: 0;
  width: 310px;
}
/* line 451, ../sass/core/_content.scss */
article form ul.Checkbox li {
  float: left;
  margin: 0 0 8px 0;
  padding: 0;
}
/* line 455, ../sass/core/_content.scss */
article form ul.Checkbox li.AnotherIdea {
  clear: both;
  width: 100%;
}
/* line 459, ../sass/core/_content.scss */
article form ul.Checkbox li input {
  float: none;
  height: auto;
  width: auto;
}
/* line 469, ../sass/core/_content.scss */
article form ul.Slider li .SliderHead {
  float: right;
}
/* line 472, ../sass/core/_content.scss */
article form ul.Slider li .Less, article form ul.Slider li .Great, article form ul.Slider li .slider {
  float: left;
  width: 19%;
}
/* line 476, ../sass/core/_content.scss */
article form ul.Slider li input {
  width: auto;
  margin: 3px 0 0 0;
  float: left;
}
/* line 485, ../sass/core/_content.scss */
article form textarea {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #333;
  width: 73%;
  height: 80px;
  margin-bottom: 10px;
}
/* line 494, ../sass/core/_content.scss */
article form select {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #333;
  width: 55%;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  font-size: 22px;
}
@media screen and (max-width: 666px) {
  /* line 494, ../sass/core/_content.scss */
  article form select {
    font-size: 18px;
    width: 58%;
  }
}
/* line 509, ../sass/core/_content.scss */
article form label {
  clear: left;
  float: left;
  display: block;
  text-align: right;
  width: 40%;
  line-height: 40px;
  padding-right: 10px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 666px) {
  /* line 509, ../sass/core/_content.scss */
  article form label {
    font-size: 16px;
    width: 40%;
    line-height: 20px;
  }
}
/* line 526, ../sass/core/_content.scss */
article form input {
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #333;
  width: 55%;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  font-size: 24px;
}
@media screen and (max-width: 666px) {
  /* line 526, ../sass/core/_content.scss */
  article form input {
    font-size: 18px;
    width: 58%;
  }
}
/* line 540, ../sass/core/_content.scss */
article form input.Verify {
  width: 110px;
  margin: 0 0 0 10px;
  clear: right;
}
/* line 546, ../sass/core/_content.scss */
article form input.BtnReg, article form input.BtnReset {
  border: none !important;
  width: auto !important;
  height: auto !important;
  margin: 15px auto;
  padding: 0px !important;
  background: none;
}
@media screen and (max-width: 666px) {
  /* line 546, ../sass/core/_content.scss */
  article form input.BtnReg, article form input.BtnReset {
    margin: 15px auto;
    max-width: 50%;
  }
}
/* line 559, ../sass/core/_content.scss */
article form input.BtnReset {
  width: auto;
  margin: 15px 10px 0 0;
}
/* line 564, ../sass/core/_content.scss */
article form input[type="radio"].Gift {
  width: 16px;
  line-height: 16px;
}
/* line 570, ../sass/core/_content.scss */
article form .BtnReg img {
  max-width: 50%;
}
/* line 574, ../sass/core/_content.scss */
article form .text-hide {
  color: #c9c5c5;
}
/* line 578, ../sass/core/_content.scss */
article form .Require {
  color: #ff0000;
}
/* line 582, ../sass/core/_content.scss */
article form .Note {
  width: 115px;
  height: 20px;
  padding-left: 5px;
  text-align: left;
  float: right;
  color: #fff;
  font-style: 11px;
  line-height: 20px;
}
/* line 593, ../sass/core/_content.scss */
article form .ImgVerify {
  float: left;
  margin: 0 10px 0 0;
}
/* line 598, ../sass/core/_content.scss */
article form p {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* line 602, ../sass/core/_content.scss */
article form p.center {
  text-align: center;
}
/* line 605, ../sass/core/_content.scss */
article form p.TextNote {
  color: #ff0000;
  font-size: 13px;
  padding: 0 0 0 40%;
  display: none;
}
/* line 614, ../sass/core/_content.scss */
article .post__cate-and-time {
  color: #727272;
  margin-bottom: 0;
}
/* line 617, ../sass/core/_content.scss */
article .post__cate-and-time .search__cate,
article .post__cate-and-time .posts__cate {
  color: #444444;
  font-size: 11px;
  margin-right: 5px;
  text-transform: uppercase;
}
/* line 624, ../sass/core/_content.scss */
article .post__cate-and-time .search__time,
article .post__cate-and-time .posts__time {
  color: #444444;
  margin-left: 5px;
  font-size: 12px;
}

/* line 633, ../sass/core/_content.scss */
.rte * {
  font-family: Tahoma, Arial, "Roboto", sans-serif;
}

/* line 2, ../sass/core/_forms.scss */
.article-detail .user-info, .article__detail .user-info {
  display: block;
  position: relative;
  z-index: 2;
}
/* line 7, ../sass/core/_forms.scss */
.article-detail .user-info p.info, .article__detail .user-info p.info {
  width: 100%;
  background: #1e3e74;
  border-bottom: none;
  color: #ffffff;
  text-align: right;
  display: inline-block;
  padding: 5px 200px 5px 0;
}
@media screen and (max-width: 666px) {
  /* line 7, ../sass/core/_forms.scss */
  .article-detail .user-info p.info, .article__detail .user-info p.info {
    padding: 5px 0px 5px 0;
  }
}
/* line 20, ../sass/core/_forms.scss */
.article-detail .user-info p a, .article__detail .user-info p a {
  display: inline-block;
  text-decoration: none;
  padding: 0px 30px 0 10px;
  color: #fff1c2;
}
/* line 25, ../sass/core/_forms.scss */
.article-detail .user-info p a:hover, .article__detail .user-info p a:hover {
  color: #ffffff;
}
/* line 30, ../sass/core/_forms.scss */
.article-detail .user-info strong, .article__detail .user-info strong {
  color: #fff;
}
/* line 33, ../sass/core/_forms.scss */
.article-detail .user-info .function, .article__detail .user-info .function {
  width: 200px;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 38, ../sass/core/_forms.scss */
.article-detail .user-info .function > a, .article__detail .user-info .function > a {
  color: #9ddbff;
}
@media screen and (max-width: 666px) {
  /* line 33, ../sass/core/_forms.scss */
  .article-detail .user-info .function, .article__detail .user-info .function {
    position: relative;
    width: 100%;
  }
}
/* line 45, ../sass/core/_forms.scss */
.article-detail .user-info .function #link-function, .article__detail .user-info .function #link-function {
  display: block;
  background: #1e3e74;
  border-bottom: none;
  color: #fff;
  display: block;
  padding: 5px 20px 5px 0;
  text-decoration: none;
  text-align: right;
}
/* line 54, ../sass/core/_forms.scss */
.article-detail .user-info .function #link-function:hover, .article__detail .user-info .function #link-function:hover {
  color: #fff1c2;
}
/* line 56, ../sass/core/_forms.scss */
.article-detail .user-info .function #link-function:hover::after, .article__detail .user-info .function #link-function:hover::after {
  border-color: #fff1c2 transparent transparent;
}
/* line 60, ../sass/core/_forms.scss */
.article-detail .user-info .function #link-function::after, .article__detail .user-info .function #link-function::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  right: 5px;
  border: solid 5px;
  border-color: #fff transparent transparent;
  cursor: pointer;
}
/* line 74, ../sass/core/_forms.scss */
.article-detail .user-info .function .menu-dropdown, .article__detail .user-info .function .menu-dropdown {
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  top: 34px;
  background: #b61f24;
}
/* line 81, ../sass/core/_forms.scss */
.article-detail .user-info .function .menu-dropdown > li, .article__detail .user-info .function .menu-dropdown > li {
  text-align: left;
  display: block;
  border-bottom: 1px solid #fff;
}
/* line 85, ../sass/core/_forms.scss */
.article-detail .user-info .function .menu-dropdown > li a, .article__detail .user-info .function .menu-dropdown > li a {
  display: block;
  width: 100%;
  padding: 5px;
  color: #fff;
}
/* line 90, ../sass/core/_forms.scss */
.article-detail .user-info .function .menu-dropdown > li a:hover, .article-detail .user-info .function .menu-dropdown > li a.active, .article__detail .user-info .function .menu-dropdown > li a:hover, .article__detail .user-info .function .menu-dropdown > li a.active {
  color: #fff1c2;
}
/* line 93, ../sass/core/_forms.scss */
.article-detail .user-info .function .menu-dropdown > li a.off, .article__detail .user-info .function .menu-dropdown > li a.off {
  color: #a8afb4;
}
/* line 103, ../sass/core/_forms.scss */
.article-detail form, .article__detail form {
  clear: both;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}
/* line 110, ../sass/core/_forms.scss */
.article-detail form h2.title-form, .article__detail form h2.title-form {
  text-align: center;
  font: bold 30px/40px 'Tahoma',Arial,Verdana,sans-serif;
  background: none;
}
/* line 116, ../sass/core/_forms.scss */
.article-detail form .description-form, .article__detail form .description-form {
  margin: 0 auto;
  text-align: center;
  border-bottom: solid 2px #525252;
  margin-bottom: 20px;
}
/* line 123, ../sass/core/_forms.scss */
.article-detail form .Input-error, .article-detail form .TextNote, .article__detail form .Input-error, .article__detail form .TextNote {
  font-size: 12px;
  line-height: 12px;
  color: #381919;
  position: relative;
  top: 0;
  left: 0px;
  margin-bottom: 0;
  padding: 0 0 0 190px !important;
}
@media screen and (max-width: 666px) {
  /* line 123, ../sass/core/_forms.scss */
  .article-detail form .Input-error, .article-detail form .TextNote, .article__detail form .Input-error, .article__detail form .TextNote {
    padding-left: 0 !important;
  }
}
/* line 136, ../sass/core/_forms.scss */
.article-detail form .Require, .article__detail form .Require {
  color: #381919;
  font-size: 12px;
  position: relative;
  top: -2px;
}
/* line 144, ../sass/core/_forms.scss */
.article-detail form ul, .article__detail form ul {
  clear: both;
  list-style: none;
  margin: 0px;
  width: 100%;
  display: block;
}
/* line 150, ../sass/core/_forms.scss */
.article-detail form ul > li, .article__detail form ul > li {
  display: block;
  overflow: hidden;
  padding: 0px;
  margin-bottom: 10px;
}
/* line 155, ../sass/core/_forms.scss */
.article-detail form ul > li:after, .article__detail form ul > li:after {
  clear: both;
  display: block;
  content: "";
}
/* line 161, ../sass/core/_forms.scss */
.article-detail form ul > li.Radio > div, .article-detail form ul > li.Checkbox > div, .article__detail form ul > li.Radio > div, .article__detail form ul > li.Checkbox > div {
  float: left;
  overflow: hidden;
  width: 360px;
}
/* line 165, ../sass/core/_forms.scss */
.article-detail form ul > li.Radio > div > input, .article-detail form ul > li.Checkbox > div > input, .article__detail form ul > li.Radio > div > input, .article__detail form ul > li.Checkbox > div > input {
  float: left;
  width: 16px;
  height: 16px;
  margin: 9px 5px;
}
/* line 170, ../sass/core/_forms.scss */
.article-detail form ul > li.Radio > div > input ~ .follow-label, .article-detail form ul > li.Checkbox > div > input ~ .follow-label, .article__detail form ul > li.Radio > div > input ~ .follow-label, .article__detail form ul > li.Checkbox > div > input ~ .follow-label {
  clear: none;
  width: auto;
  min-width: 33%;
  margin-right: 30px;
  text-align: left;
}
/* line 176, ../sass/core/_forms.scss */
.article-detail form ul > li.Radio > div > input ~ .follow-label:last-child, .article-detail form ul > li.Checkbox > div > input ~ .follow-label:last-child, .article__detail form ul > li.Radio > div > input ~ .follow-label:last-child, .article__detail form ul > li.Checkbox > div > input ~ .follow-label:last-child {
  margin-right: 0;
}
/* line 183, ../sass/core/_forms.scss */
.article-detail form ul > li .capcha, .article-detail form ul > li .Capcha, .article__detail form ul > li .capcha, .article__detail form ul > li .Capcha {
  clear: both;
  display: block;
  position: relative;
}
/* line 188, ../sass/core/_forms.scss */
.article-detail form ul > li .capcha .ImgVerify, .article-detail form ul > li .Capcha .ImgVerify, .article__detail form ul > li .capcha .ImgVerify, .article__detail form ul > li .Capcha .ImgVerify {
  float: right;
  height: auto;
  width: 48%;
  max-height: auto;
}
/* line 194, ../sass/core/_forms.scss */
.article-detail form ul > li .capcha .Verify, .article-detail form ul > li .Capcha .Verify, .article__detail form ul > li .capcha .Verify, .article__detail form ul > li .Capcha .Verify {
  float: left;
  width: 43%;
}
/* line 198, ../sass/core/_forms.scss */
.article-detail form ul > li .capcha .refresh, .article-detail form ul > li .Capcha .refresh, .article__detail form ul > li .capcha .refresh, .article__detail form ul > li .Capcha .refresh {
  width: 50px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  left: 43%;
  top: 50%;
  margin-top: -25px;
}
/* line 210, ../sass/core/_forms.scss */
.article-detail form ul > li.button-group, .article__detail form ul > li.button-group {
  margin-top: 30px;
  text-align: center;
}
/* line 213, ../sass/core/_forms.scss */
.article-detail form ul > li.button-group > input, .article-detail form ul > li.button-group button, .article__detail form ul > li.button-group > input, .article__detail form ul > li.button-group button {
  float: none;
  display: inline-block;
  width: auto;
  height: 54px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin: 10px 10px;
  color: #fff6e9;
  background: #1e3e74;
  border: none;
  border-top: solid 5px #d4715e;
}
/* line 227, ../sass/core/_forms.scss */
.article-detail form ul > li.button-group > input:hover, .article-detail form ul > li.button-group button:hover, .article__detail form ul > li.button-group > input:hover, .article__detail form ul > li.button-group button:hover {
  color: #e1d6ba;
  background: #9ddbff;
}
/* line 233, ../sass/core/_forms.scss */
.article-detail form ul > li > p, .article__detail form ul > li > p {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* line 237, ../sass/core/_forms.scss */
.article-detail form ul > li > p:after, .article__detail form ul > li > p:after {
  clear: both;
  display: block;
  content: "";
}
/* line 246, ../sass/core/_forms.scss */
.article-detail form input, .article-detail form button, .article-detail form select, .article-detail form textarea, .article__detail form input, .article__detail form button, .article__detail form select, .article__detail form textarea {
  box-sizing: border-box;
  display: block;
  font: normal 16px/16px tahoma;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #bec2c6;
  border-radius: 0px;
  padding: 5px 10px;
  width: 360px;
  height: 34px;
  float: left;
  resize: none;
}
/* line 259, ../sass/core/_forms.scss */
.article-detail form input:focus, .article-detail form button:focus, .article-detail form select:focus, .article-detail form textarea:focus, .article__detail form input:focus, .article__detail form button:focus, .article__detail form select:focus, .article__detail form textarea:focus {
  border-color: #bec1c4;
  outline: 0;
}
@media screen and (max-width: 666px) {
  /* line 246, ../sass/core/_forms.scss */
  .article-detail form input, .article-detail form button, .article-detail form select, .article-detail form textarea, .article__detail form input, .article__detail form button, .article__detail form select, .article__detail form textarea {
    width: 100%;
  }
}
/* line 269, ../sass/core/_forms.scss */
.article-detail form input[type='radio'], .article__detail form input[type='radio'] {
  background: transparent;
}
/* line 272, ../sass/core/_forms.scss */
.article-detail form label, .article__detail form label {
  clear: both;
  display: block;
  width: 190px;
  height: 34px;
  max-width: 100%;
  float: left;
  text-align: right;
  padding-right: 10px;
  font: normal 16px/34px Tahoma, Verdana, arial sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 666px) {
  /* line 272, ../sass/core/_forms.scss */
  .article-detail form label, .article__detail form label {
    text-align: left;
    width: 100%;
  }
}
/* line 289, ../sass/core/_forms.scss */
.article-detail form div label, .article__detail form div label {
  font-weight: 500;
}
/* line 292, ../sass/core/_forms.scss */
.article-detail form input, .article__detail form input {
  height: 34px;
  line-height: 34px;
}
/* line 295, ../sass/core/_forms.scss */
.article-detail form input.Verify, .article__detail form input.Verify {
  width: 40%;
}
/* line 298, ../sass/core/_forms.scss */
.article-detail form input.BtnReg, .article-detail form input.BtnReset, .article__detail form input.BtnReg, .article__detail form input.BtnReset {
  border: none !important;
  width: auto !important;
  height: 40px;
}
/* line 304, ../sass/core/_forms.scss */
.article-detail form input.button, .article__detail form input.button {
  display: inline-block;
  font-weight: bold;
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  margin: 0px 10px;
  color: #ffffff;
  background: #523d26;
  border-radius: 6px;
}
/* line 315, ../sass/core/_forms.scss */
.article-detail form input.button:hover, .article__detail form input.button:hover {
  color: #ffffff;
  background: #943118;
}
/* line 325, ../sass/core/_forms.scss */
.article-detail form button, .article__detail form button {
  display: inline-block;
  font-weight: bold;
  width: auto;
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  margin: 0px 10px;
  color: #ffffff;
  background: #523d26;
  border-radius: 6px;
}
/* line 336, ../sass/core/_forms.scss */
.article-detail form button:hover, .article__detail form button:hover {
  color: #ffffff;
  background: #943118;
}
/* line 342, ../sass/core/_forms.scss */
.article-detail form select, .article__detail form select {
  height: 34px;
  line-height: 34px;
}
/* line 346, ../sass/core/_forms.scss */
.article-detail form textarea, .article__detail form textarea {
  height: 102px;
}
/* line 349, ../sass/core/_forms.scss */
.article-detail form fieldset, .article__detail form fieldset {
  margin-top: 50px;
  padding: 20px 10px 20px;
  border: solid 1px #381919;
  background: #ffffff;
  position: relative;
}
/* line 356, ../sass/core/_forms.scss */
.article-detail form fieldset .legend, .article__detail form fieldset .legend {
  display: block;
  padding: 5px 20px;
  border: none;
  background: #381919;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: -20px;
  left: 50px;
}
/* line 373, ../sass/core/_forms.scss */
.article-detail form .form-control-success, .article__detail form .form-control-success {
  color: #3c763d;
}
/* line 376, ../sass/core/_forms.scss */
.article-detail form .form-control-warn, .article__detail form .form-control-warn {
  color: #f0ad4e;
}
/* line 379, ../sass/core/_forms.scss */
.article-detail form .form-control-error, .article__detail form .form-control-error {
  color: #d93007;
}

@media (max-width: 1024px) {
  /* line 12, ../sass/subpage.scss */
  .scale {
    width: 768px;
  }
}

/* line 18, ../sass/subpage.scss */
.subweb #mainContent {
  background: #fffdf5;
}
/* line 22, ../sass/subpage.scss */
.subweb .posts {
  width: 70%;
  height: 100%;
  padding: 20px;
}
@media (max-width: 1024px) {
  /* line 22, ../sass/subpage.scss */
  .subweb .posts {
    width: 100%;
  }
}
/* line 32, ../sass/subpage.scss */
.subweb .extra-content {
  width: 30%;
}
@media (max-width: 1024px) {
  /* line 32, ../sass/subpage.scss */
  .subweb .extra-content {
    display: none;
    position: absolute;
    right: 0;
    width: 301px;
    z-index: 10;
  }
}
@media (min-width: 1025px) {
  /* line 43, ../sass/subpage.scss */
  .subweb .relate-post {
    background: url(../images/themes/relate-bottom.png) center bottom no-repeat;
    padding-bottom: 69px;
  }
}
/* line 48, ../sass/subpage.scss */
.subweb .relate-post li {
  color: #1c3f6b;
  background: url(../images/themes/relate-item.jpg) center top no-repeat;
  height: 49px;
  padding: 0 9px;
  font-size: 18px;
  font-weight: 500;
}
/* line 55, ../sass/subpage.scss */
.subweb .relate-post li:hover, .subweb .relate-post li.active {
  color: #fff;
  background: url(../images/themes/relate-item-hov.jpg) center top no-repeat;
}
/* line 59, ../sass/subpage.scss */
.subweb .relate-post li a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  /* line 71, ../sass/subpage.scss */
  .subweb .wrap-app-info {
    display: none;
  }
}
/* line 79, ../sass/subpage.scss */
.subweb .block-post__tabs li {
  font-size: 26px;
}
/* line 84, ../sass/subpage.scss */
.subweb .block-post__list li {
  text-transform: none;
  font-size: 20px;
  color: #575757;
}
/* line 88, ../sass/subpage.scss */
.subweb .block-post__list li > a {
  font-family: "SFUAngieBold";
}
/* line 91, ../sass/subpage.scss */
.subweb .block-post__list li:hover {
  color: #071067;
}
/* line 96, ../sass/subpage.scss */
.subweb .block-post p {
  font-size: 16px;
}
/* line 101, ../sass/subpage.scss */
.subweb .home-gallery {
  margin-top: 25px;
  margin-bottom: 50px;
}
/* line 104, ../sass/subpage.scss */
.subweb .home-gallery__tabs {
  font-family: "SFUAngieBold";
}
/* line 106, ../sass/subpage.scss */
.subweb .home-gallery__tabs li {
  font-size: 26px;
}
/* line 112, ../sass/subpage.scss */
.subweb .home-gallery__list li:first-child {
  width: 220px;
  height: 220px;
}
/* line 116, ../sass/subpage.scss */
.subweb .home-gallery__list li:nth-child(3), .subweb .home-gallery__list li:nth-child(5) {
  margin-right: 20px;
}
/* line 119, ../sass/subpage.scss */
.subweb .home-gallery__list li:nth-child(4) {
  margin-right: 0;
}

/*# sourceMappingURL=subpage.css.map */
