@charset "UTF-8";
/* line 5, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../private/var/folders/cj/1fq9dht56b7bxf266tyhrxp00000gn/T/AppTranslocation/6EEECD93-7B7B-474D-8EC0-1D928E0B7274/d/Fire.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 13, ../sass/main.sass */
body {
  font-family: Helvetica Neue, Helvetica, Arial, PingFang TC, Noto Sans TC, 黑體-繁, Heiti TC, 蘋果儷中黑, Apple LiGothic Medium, 微軟正黑體, Microsoft JhengHei, sans-serif;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}

/* line 19, ../sass/main.sass */
footer {
  z-index: 3;
}

/* line 22, ../sass/main.sass */
.copyright {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 1px;
  padding-bottom: 16px;
}

/* line 28, ../sass/main.sass */
hr {
  opacity: 0.2;
}

/* line 31, ../sass/main.sass */
a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
  cursor: pointer;
}
/* line 35, ../sass/main.sass */
a:active, afocus {
  color: rgba(0, 0, 0, 0.8);
}
/* line 37, ../sass/main.sass */
a:hover {
  color: rgba(0, 0, 0, 0.8);
  opacity: 80%;
}

/* line 40, ../sass/main.sass */
ol {
  list-style-type: decimal;
  padding: 0 16px;
}

/* line 44, ../sass/main.sass */
.fs-7 {
  font-size: 12px;
}

/* line 47, ../sass/main.sass */
.mb-60 {
  margin-bottom: 60px;
}

/* line 50, ../sass/main.sass */
.text-color-black {
  color: rgba(0, 0, 0, 0.8);
}

/* line 53, ../sass/main.sass */
.text-color-disable {
  color: rgba(0, 0, 0, 0.2);
}

/* line 56, ../sass/main.sass */
.text-color-warn {
  color: #FF2E3C;
}

/* line 59, ../sass/main.sass */
.title-main {
  color: #A73554;
  margin-top: 60px;
  margin-bottom: 24px;
}

/* line 64, ../sass/main.sass */
.btn, .btn:focus, .btn-close:focus {
  box-shadow: none;
}

/* line 67, ../sass/main.sass */
.full-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1040;
}

/* line 76, ../sass/main.sass */
.h30vh {
  height: 30vh;
}

/* line 79, ../sass/main.sass */
.section-mb {
  margin-bottom: 120px;
}

/* line 82, ../sass/main.sass */
.section-mt {
  margin-top: 120px;
}

/* line 85, ../sass/main.sass */
.border {
  border: red 1px solid;
}

/* line 91, ../sass/main.sass */
.form-control {
  height: 40px;
}

/* line 96, ../sass/main.sass */
.navbar {
  background-color: #fff;
}

/* line 99, ../sass/main.sass */
.logo {
  margin: 6px 0;
}

/* line 105, ../sass/main.sass */
#dropdownMenuButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 109, ../sass/main.sass */
#dropdownMenuButton:hover {
  opacity: 0.8;
}

/* line 112, ../sass/main.sass */
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 4px 0;
}
/* line 118, ../sass/main.sass */
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 123, ../sass/main.sass */
.dropdown > ul {
  border: 1px solid rgba(247, 100, 140, 0.1);
  box-shadow: 0px 4px 12px rgba(247, 100, 140, 0.2);
}
/* line 127, ../sass/main.sass */
.dropdown > ul li .dropdown-header {
  color: rgba(0, 0, 0, 0.8);
}
/* line 130, ../sass/main.sass */
.dropdown > ul li a.dropdown-item {
  color: #A73554;
  padding: 16px;
}
/* line 133, ../sass/main.sass */
.dropdown > ul li a.dropdown-item:hover {
  background-color: rgba(247, 100, 140, 0.05);
  opacity: 1;
}

/* line 139, ../sass/main.sass */
.btn-normal {
  border-radius: 4px;
  padding: 12px 20px;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 148, ../sass/main.sass */
.btn-main {
  background: linear-gradient(315deg, #f7648c 0%, #ff8761 100%);
  color: #fff;
}
/* line 151, ../sass/main.sass */
.btn-main:hover {
  opacity: 80%;
  color: #fff;
}

/* line 155, ../sass/main.sass */
.btn-sub {
  border: 1px solid #A73554;
  color: #A73554;
}
/* line 158, ../sass/main.sass */
.btn-sub:active, .btn-subfocus, .btn-sub:hover {
  color: #A73554;
}

/* line 162, ../sass/main.sass */
.btn-madol {
  width: 100%;
}

/* line 165, ../sass/main.sass */
.btn-pay {
  margin-bottom: 60px;
  width: 30%;
}

/* line 169, ../sass/main.sass */
.btn-disable {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.2);
}
/* line 172, ../sass/main.sass */
.btn-disable:hover {
  opacity: 1;
  color: rgba(0, 0, 0, 0.2);
}

/* line 180, ../sass/main.sass */
.modal-dialog {
  width: 440px;
}

/* line 183, ../sass/main.sass */
.modal-header {
  border: none;
  padding: 0.8em 0.8em 0 0.8em;
}

/* line 187, ../sass/main.sass */
.btn-close {
  background-image: url("../img/close.svg");
  width: 32px;
  height: 32px;
}

/* line 192, ../sass/main.sass */
.modal-body-style {
  padding: 0px 60px 47px 60px;
  color: rgba(0, 0, 0, 0.8);
}
/* line 197, ../sass/main.sass */
.modal-body-style .fs-5 {
  color: #A73554;
  font-weight: 500;
}
/* line 201, ../sass/main.sass */
.modal-body-style .info-img {
  width: 80%;
  margin: 0 auto;
}

/* line 213, ../sass/main.sass */
.pay-bg-nomal {
  background-color: rgba(247, 100, 140, 0.1);
  border-radius: 4px;
  height: 70px;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
/*   font-weight: 500; */
}

/* line 222, ../sass/main.sass */
.pay-bg-select {
  box-shadow: inset 0px 0px 0px 1px #F7648C;
}

/* line 227, ../sass/main.sass */
.pay-bg-disable {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.2);
}

/* line 233, ../sass/main.sass */
.radiobtn-nomal {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(247, 100, 140, 0.4);
}

/* line 241, ../sass/main.sass */
.radiobtn-select:before {
  display: block;
  content: " ";
  background-color: #F7648C;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 3px;
}

/* line 250, ../sass/main.sass */
.radiobtn-disable {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* line 256, ../sass/main.sass */
.pay-img {
  height: 20px;
  display: block;
}

/* line 260, ../sass/main.sass */
.pay-img24 {
  height: 24px;
}

/* line 265, ../sass/main.sass */
.pay-img-credidcard {
  background-image: url("../img/pay-creditcard.png");
  background-size: cover;
  width: 100px;
}

/* line 270, ../sass/main.sass */
.pay-img-atm {
  background-image: url("../img/pay-atm.svg");
  width: 24px;
}

/* line 274, ../sass/main.sass */
.pay-img-conv {
  background-image: url("../img/pay-conv.svg");
  width: 108px;
}

/* line 278, ../sass/main.sass */
.pay-img-jko {
  background-image: url("../img/pay-jko.svg");
  width: 50px;
}

.pay-img-mc {
  background-image: url("../img/pay-mc.svg");
  width: 50px;
}

/* line 282, ../sass/main.sass */
.pay-img-applepay {
  background-image: url("../img/pay-applepay.svg");
  width: 32px;
}

/* line 288, ../sass/main.sass */
.pay-img-credidcard-disable {
  background-image: url("../img/pay-creditcard-disable.png");
  background-size: cover;
  width: 100px;
}

/* line 293, ../sass/main.sass */
.pay-img-jko-disable {
  background-image: url("../img/pay-jko-disable.svg");
  width: 50px;
}

/* line 297, ../sass/main.sass */
.pay-img-applepay-disable {
  background-image: url("../img/pay-applepay-disable.svg");
  width: 32px;
}

/* line 302, ../sass/main.sass */
#pay-bg-ap, #pay-disable-cc, #pay-disable-jko, #pay-disable-ap {
  display: inline-flex;
  align-items: center;
}

/* line 312, ../sass/main.sass */
.login {
  border-radius: 4px;
  padding: 60px;
  background: linear-gradient(315deg, #fb96ac 0%, #ffab92 100%);
}
/* line 317, ../sass/main.sass */
.login .fs-4, .login .fs-small, .login a {
  color: #fff;
}
/* line 320, ../sass/main.sass */
.login .fs-small, .login a {
  opacity: 0.8;
}
/* line 323, ../sass/main.sass */
.login .fs-small {
  font-size: 0.8em;
}
/* line 326, ../sass/main.sass */
.login a:hover {
  opacity: 1;
}

/* line 329, ../sass/main.sass */
.btn-login {
  background-color: #fff;
  border-radius: 4px;
  height: 56px;
  width: 330px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
/* line 336, ../sass/main.sass */
.btn-login:hover {
  transform: translateY(-2px);
  transition: 0.2s;
  box-shadow: 0px 4px 12px rgba(247, 100, 140, 0.35);
}

/* line 354, ../sass/main.sass */
.key-view {
  margin-top: 60px;
}

/* line 357, ../sass/main.sass */
.cta {
  padding-top: 126px;
  height: 680px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

/* line 364, ../sass/main.sass */
.cta-bg-01 {
  background-image: url("../img/index_cta_bg_01.png");
}

/* line 367, ../sass/main.sass */
.cta-bg-02 {
  background-image: url("../img/index_cta_bg_02.png");
}

/* line 370, ../sass/main.sass */
.cta-bg-03 {
  background-image: url("../img/index_cta_bg_03.jpg");
}

/* line 373, ../sass/main.sass */
.logo-slogan {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 350px;
  background-image: url("../img/index_logo_slogan.png");
  margin-bottom: 24px;
}

/* line 378, ../sass/main.sass */
.download-ios {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 194px;
  height: 57px;
  background-image: url("../img/index_dawnload_ios.png");
  margin-right: 12px;
}

/* line 383, ../sass/main.sass */
.download-android {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 194px;
  height: 57px;
  background-image: url("../img/index_dawnload_android.png");
}

/* line 389, ../sass/main.sass */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
/* line 393, ../sass/main.sass */
.video-wrapper iframe#youtube-player-a, .video-wrapper iframe#youtube-player-b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 402, ../sass/main.sass */
.section-style {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* line 406, ../sass/main.sass */
.directions {
  font-size: 28px;
  font-weight: 400;
  width: 100%;
  padding-top: 32px;
}

/* line 421, ../sass/main.sass */
.img-schematic-01 {
  background-size: contain;
  background-position: center center;
  position: relative;
  width: 100%;
  padding-top: 97%;
  background-image: url("../img/index_schematic_01.jpg");
}

/* line 425, ../sass/main.sass */
.img-schematic-02 {
  background-size: contain;
  background-position: center center;
  position: relative;
  width: 100%;
  padding-top: 83%;
  background-image: url("../img/index_schematic_02.jpg");
}

/* line 429, ../sass/main.sass */
.img-schematic-03 {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding-top: 97%;
  background-image: url("../img/index_schematic_03.jpg");
}

/* line 433, ../sass/main.sass */
.img-schematic-04 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 570px;
  background-image: url("../img/index_schematic_04.jpg");
  background-position: left center;
}

/* line 438, ../sass/main.sass */
.img-schematic-05 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 570px;
  background-image: url("../img/index_schematic_05.png");
  background-position: right center;
}

/* line 445, ../sass/main.sass */
.index_title_01 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 260px;
  height: 140px;
  background-image: url("../img/index_title_01.svg");
}

/* line 449, ../sass/main.sass */
.index_title_02 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 260px;
  height: 140px;
  background-image: url("../img/index_title_02.svg");
}

/* line 453, ../sass/main.sass */
.index_title_03 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 260px;
  height: 140px;
  background-image: url("../img/index_title_03.svg");
}

/* line 457, ../sass/main.sass */
.index_title_04 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 320px;
  height: 140px;
  background-image: url("../img/index_title_04.svg");
}

/* line 461, ../sass/main.sass */
.index_title_05 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 260px;
  height: 140px;
  background-image: url("../img/index_title_05.svg");
}

/* line 468, ../sass/main.sass */
.slider-section-style {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* line 472, ../sass/main.sass */
.reports {
  background-color: rgba(247, 100, 140, 0.1);
}

/* line 475, ../sass/main.sass */
.title-report {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 160px;
  height: 38px;
  background-image: url("../img/index_title_report.svg");
  margin: 0 auto 40px auto;
}

/* line 480, ../sass/main.sass */
.news-reports-slide {
  background-color: #fff;
  border-radius: 12px;
  min-height: 264px;
}

/* line 485, ../sass/main.sass */
.news-reports-slide:focus {
  outline: none;
}

/* line 488, ../sass/main.sass */
.img-media-yahoo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_yahoo.png");
  margin: 40px auto 30px auto;
}

/* line 493, ../sass/main.sass */
.img-media-economy {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_economy.png");
  margin: 40px auto 30px auto;
}

/* line 498, ../sass/main.sass */
.img-media-line {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_line.png");
  margin: 40px auto 30px auto;
}

/* line 503, ../sass/main.sass */
.img-media-ebc {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_ebc.png");
  margin: 40px auto 30px auto;
}

/* line 508, ../sass/main.sass */
.img-media-freedom {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_freedom.png");
  margin: 40px auto 30px auto;
}

/* line 513, ../sass/main.sass */
.img-media-storm {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 220px;
  height: 90px;
  background-image: url("../img/index_media_storm.png");
  margin: 40px auto 30px auto;
}

/* line 518, ../sass/main.sass */
.report-headline {
  font-size: 1.2em;
  font-weight: 800;
  text-decoration: underline;
  width: 80%;
  margin: 0px auto 40px auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 533, ../sass/main.sass */
.title-youtuber {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 305px;
  height: 36px;
  background-image: url("../img/index_title_youtuber.svg");
  margin: 0 auto 40px auto;
}

/* line 539, ../sass/main.sass */
.youtuber-slide iframe {
  width: 100%;
  height: 230px;
  margin-bottom: 8px;
}
/* line 543, ../sass/main.sass */
.youtuber-slide .video-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}
/* line 547, ../sass/main.sass */
.youtuber-slide .video-sub-title {
  font-size: 12px;
  opacity: 0.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 563, ../sass/main.sass */
.main-view-BG {
  margin-top: 60px;
  min-height: calc(100vh - 125px);
  height: auto;
  background: url("../img/Bubble_B.png"), url("../img/Bubble_A.png"), url("../img/Bubble_B.png"), url("../img/Bubble_A.png"), linear-gradient(315deg, rgba(247, 100, 140, 0.25) 0%, rgba(255, 135, 97, 0.35) 100%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 24%, 26%, 24%, 25%, cover;
  background-position: 85% 114%, 110% 109%, 30% 2%, -6% -6%, top;
}

/* line 572, ../sass/main.sass */
.price-title {
  color: #A73554;
  width: 100%;
  padding: 8px;
}

/* line 579, ../sass/main.sass */
#plan {
  cursor: pointer;
}
/* line 581, ../sass/main.sass */
#plan:hover {
  transform: translateY(-2px);
  transition: 0.2s;
  box-shadow: 0px 4px 12px rgba(247, 100, 140, 0.35);
}

/* line 586, ../sass/main.sass */
.bonus {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  font-size: 14px;
  padding: 4px 16px;
  background-color: #E50215;
  color: #ffffff;
  border-radius: 0 0 8px 0;
}

/* line 597, ../sass/main.sass */
.price {
  position: relative;
  width: calc(50% - 12px);
  height: 120px;
  margin: 6px;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(247, 100, 140, 0.2);
  background-color: #fff;
  overflow: hidden;
}
/* line 607, ../sass/main.sass */
.price:last-child {
  margin-bottom: 100px;
}

/* line 610, ../sass/main.sass */
.diamond {
  color: #31B6BD;
}
/* line 612, ../sass/main.sass */
.diamond img {
  width: 24px;
}

/* line 615, ../sass/main.sass */
.diamond-amount {
  font-size: 36px;
  font-weight: 500;
  padding-left: 4px;
}

/* line 619, ../sass/main.sass */
.price-btn {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  width: 110px;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 4px;
}
/* line 626, ../sass/main.sass */
.price-btn span {
  font-size: 14px;
}

/* line 629, ../sass/main.sass */
.diamond_value {
  color: rgba(0, 0, 0, 0.4);
}

/* line 637, ../sass/main.sass */
.main-view {
  margin-top: 60px;
  min-height: calc(100vh - 125px);
  height: auto;
  background: linear-gradient(315deg, rgba(247, 100, 140, 0.25) 0%, rgba(255, 135, 97, 0.35) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

/* line 646, ../sass/main.sass */
iframe.doc-iframe {
  border-radius: 8px;
  min-height: calc(100vh - 120px - 80px);
  background-color: #fff;
}

/* line 651, ../sass/main.sass */
.userdoc, .container-warpper {
  margin: 40px auto 33px auto;
}

/* line 658, ../sass/main.sass */
.container-warpper {
  background-color: #fff;
  border-radius: 8px;
  padding: 0 60px;
}

/* line 663, ../sass/main.sass */
iframe {
  height: 100%;
}

/* line 666, ../sass/main.sass */
.tappay-logo {
  width: 100px;
}
/* line 668, ../sass/main.sass */
.tappay-logo img {
  width: 100%;
}

/* line 671, ../sass/main.sass */
.fs-small {
  font-size: 0.6em;
  color: #000;
  opacity: 0.3;
  line-height: 1.5;
}

/* line 677, ../sass/main.sass */
.tappay-text {
  width: calc(100% - 100px);
  font-size: 0.8em;
}

/* line 681, ../sass/main.sass */
.boarder-line-top {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}

/* line 691, ../sass/main.sass */
.table .fs-6 {
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4em;
}
/* line 695, ../sass/main.sass */
.table th {
  background-color: rgba(247, 100, 140, 0.2);
  color: #A73554;
  padding: 12px 16px;
  width: 20%;
  border: 1px solid #fff;
}
/* line 701, ../sass/main.sass */
.table td {
  background-color: rgba(247, 100, 140, 0.1);
  color: rgba(0, 0, 0, 0.8);
  padding: 12px 16px;
  border: 1px solid #fff;
}
/* line 707, ../sass/main.sass */
.table td.text-red {
  color: #FF2E3C;
}
/* line 710, ../sass/main.sass */
.table .btn-info {
  padding: 0;
  line-height: 0;
  background-color: rgba(255, 255, 255, 0);
  border: rgba(255, 255, 255, 0);
}
/* line 715, ../sass/main.sass */
.table .btn-info:focus, .table .btn-info active {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0);
  border: rgba(255, 255, 255, 0);
}
/* line 719, ../sass/main.sass */
.table .btn-info:hover {
  opacity: 0.5;
}

/* line 724, ../sass/main.sass */
.radiobtn-bill {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #A73554;
  padding-bottom: 16px;
}

/* line 733, ../sass/main.sass */
.radiobtn-bill-select:before {
  display: block;
  content: " ";
  background-color: #A73554;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: 3px;
}

/* line 742, ../sass/main.sass */
.radiobtn-disable {
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 748, ../sass/main.sass */
.bill-form-group {
  width: 100%;
}
/* line 752, ../sass/main.sass */
.bill-form-group label .fs-7 {
  opacity: 0.6;
}
/* line 755, ../sass/main.sass */
.bill-form-group input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

/* line 758, ../sass/main.sass */
.input-boader-warn {
  border: 2px solid #FF2E3C;
}

@media screen and (min-width: 769px) and (max-width: 1430px) {
  /* line 767, ../sass/main.sass */
  .index_title_01, .index_title_02, .index_title_03, .index_title_04 {
    max-width: 82%;
  }

  /* line 770, ../sass/main.sass */
  .index_title_05 {
    max-width: 64%;
  }

  /* line 773, ../sass/main.sass */
  .directions {
    font-size: 26px;
    padding-top: 16px;
    padding-top: 24px;
  }

  /* line 778, ../sass/main.sass */
  .point04-layout {
    padding-left: 32px;
  }

  /* line 781, ../sass/main.sass */
  .point05-layout {
    padding-right: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 786, ../sass/main.sass */
  .index_title_01, .index_title_02, .index_title_03, .index_title_04 {
    max-width: 80%;
    height: 130px;
  }

  /* line 790, ../sass/main.sass */
  .index_title_05 {
    max-width: 63%;
  }

  /* line 793, ../sass/main.sass */
  .directions {
    font-size: 20px;
    padding-top: 0px;
  }

  /* line 797, ../sass/main.sass */
  .section-style {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  /* line 801, ../sass/main.sass */
  .img-schematic-04, .img-schematic-05 {
    height: 380px;
  }

  /* line 804, ../sass/main.sass */
  .section-mt {
    margin-top: 60px;
  }

  /* line 807, ../sass/main.sass */
  .section-style {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* line 811, ../sass/main.sass */
  .title-youtuber {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 305px;
    height: 34px;
  }

  /* line 814, ../sass/main.sass */
  .title-report {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 160px;
    height: 36px;
  }
}
@media screen and (max-width: 766px) {
  /* line 824, ../sass/main.sass */
  .navbar-brand img {
    width: 85%;
  }

  /* line 827, ../sass/main.sass */
  .avatar {
    transform: scale(0.85);
  }

  /* line 830, ../sass/main.sass */
  .title-main {
    margin-bottom: 16px;
  }

  /* line 833, ../sass/main.sass */
  .btn-pay {
    width: 100%;
  }

  /* line 836, ../sass/main.sass */
  footer {
    padding-bottom: 16px;
  }
  /* line 838, ../sass/main.sass */
  footer a {
    font-size: 0.8em;
  }
  /* line 840, ../sass/main.sass */
  footer .copyright {
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 0;
  }

  /* line 850, ../sass/main.sass */
  .modal-body-style {
    padding: 0px 24px 47px 24px;
  }

  /* line 853, ../sass/main.sass */
  .modal-dialog {
    width: auto;
  }

  /* line 860, ../sass/main.sass */
  .login {
    height: calc(100vh - 125px);
    width: 100vw;
    border-radius: 0px;
  }

  /* line 865, ../sass/main.sass */
  .btn-login {
    width: 280px;
  }

  /* line 873, ../sass/main.sass */
  .dropdown .arrow {
    width: 10px;
  }

  /* line 876, ../sass/main.sass */
  .section-style {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* line 880, ../sass/main.sass */
  .section-mt {
    margin-top: 80px;
  }

  /* line 883, ../sass/main.sass */
  .section-mb {
    margin-bottom: 80px;
  }

  /* line 888, ../sass/main.sass */
  .cta {
    height: 600px;
    padding-top: 0;
  }

  /* line 892, ../sass/main.sass */
  .cta-bg-01 {
    background-image: url("../img/index_cta_bg_01_m.png");
  }

  /* line 895, ../sass/main.sass */
  .cta-bg-02 {
    background-image: url("../img/index_cta_bg_02_m.png");
  }

  /* line 898, ../sass/main.sass */
  .cta-bg-03 {
    background-image: url("../img/index_cta_bg_03_m.jpg");
  }

  /* line 901, ../sass/main.sass */
  .cta-empty {
    height: 224px;
    width: 100%;
  }

  /* line 905, ../sass/main.sass */
  .logo-slogan {
    width: 100%;
    height: 284px;
    margin-bottom: 12px;
  }

  /* line 910, ../sass/main.sass */
  .download-ios {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 157px;
    height: 44px;
    margin-right: 8px;
  }

  /* line 914, ../sass/main.sass */
  .download-android {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 157px;
    height: 44px;
  }

  /* line 920, ../sass/main.sass */
  .container.marketing-video-container .col-md-10 {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 924, ../sass/main.sass */
  iframe#youtube-player-a, iframe#youtube-player-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* line 933, ../sass/main.sass */
  .img-schematic-01, .img-schematic-03, .img-schematic-04 {
    margin-bottom: 32px;
  }

  /* line 936, ../sass/main.sass */
  .img-schematic-02, .img-schematic-05 {
    margin-bottom: 24px;
  }

  /* line 939, ../sass/main.sass */
  .img-schematic-04, .img-schematic-05 {
    background-position: center;
    height: 367px;
  }

  /* line 945, ../sass/main.sass */
  .index_title_01, .index_title_02, .index_title_03, .index_title_04, .index_title_05 {
    margin: 0 auto;
  }

  /* line 948, ../sass/main.sass */
  .index_title_01 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 280px;
    height: 34px;
    background-image: url("../img/index_title_01_m.svg");
    background-position: -2px;
    width: 90%;
  }

  /* line 954, ../sass/main.sass */
  .index_title_02 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 280px;
    height: 34px;
    background-image: url("../img/index_title_02_m.svg");
    background-position: -2px;
    width: 90%;
  }

  /* line 960, ../sass/main.sass */
  .index_title_03 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 280px;
    height: 34px;
    background-image: url("../img/index_title_03_m.svg");
    background-position: -2px;
    width: 90%;
  }

  /* line 966, ../sass/main.sass */
  .index_title_04 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 320px;
    height: 34px;
    background-image: url("../img/index_title_04_m.svg");
    background-position: -2px;
    width: 90%;
  }

  /* line 972, ../sass/main.sass */
  .index_title_05 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 280px;
    height: 34px;
    background-image: url("../img/index_title_05_m.svg");
    background-position: -2px;
    width: 90%;
  }

  /* line 980, ../sass/main.sass */
  .directions {
    font-size: 18px;
    line-height: 28.8px;
    width: 90%;
    margin: 0 auto;
    padding-top: 12px;
  }

  /* line 987, ../sass/main.sass */
  .slider-section-style {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* line 991, ../sass/main.sass */
  .title-youtuber {
    width: 65%;
    margin-bottom: 24px;
  }

  /* line 995, ../sass/main.sass */
  .title-report {
    width: 33%;
    margin-bottom: 24px;
  }

  /* line 1000, ../sass/main.sass */
  .index-footer {
    background-color: #fff;
    margin: auto;
    position: relative;
  }

  /* line 1005, ../sass/main.sass */
  .container-fluid.reports.slider-section-style {
    padding-right: 0;
    padding-left: 0;
  }

  /* line 1013, ../sass/main.sass */
  .main-view-BG {
    height: auto;
    background: url("../img/Bubble_B.png"), url("../img/Bubble_A.png"), linear-gradient(315deg, rgba(247, 100, 140, 0.25) 0%, rgba(255, 135, 97, 0.35) 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 40%, 55%, cover;
    background-position: 70% 8%, -14% -2%, top;
  }

  /* line 1020, ../sass/main.sass */
  .price-title {
    margin-top: 32px;
    margin-bottom: 12px;
  }

  /* line 1024, ../sass/main.sass */
  .price {
    width: 100%;
    height: 100px;
    padding: 16px;
  }
  /* line 1028, ../sass/main.sass */
  .price:last-child {
    margin-bottom: 24px;
  }

  /* line 1037, ../sass/main.sass */
  .bonus {
    font-size: 12px;
    font-weight: 500;
  }

  /* line 1040, ../sass/main.sass */
  .diamond-amount {
    font-size: 34px;
    font-weight: 500;
  }

  /* line 1047, ../sass/main.sass */
  .main-view {
    min-height: calc(100vh - 125px);
  }

  /* line 1050, ../sass/main.sass */
  iframe.doc-iframe, iframe.doc-iframe {
    border-radius: 8px;
    height: calc(100vh - 130px - 40px);
  }

  /* line 1054, ../sass/main.sass */
  .userdoc {
    margin: 20px auto;
  }

  /* line 1061, ../sass/main.sass */
  .container-warpper {
    padding: 0 24px;
    width: calc( 100% - 32px );
    margin: 20px 16px;
  }

  /* line 1067, ../sass/main.sass */
  .tappay-text {
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* line 1073, ../sass/main.sass */
  .table th {
    width: 33%;
  }

  /* line 1080, ../sass/main.sass */
  .bill-form-group {
    width: 90%;
  }
}
@media screen and (max-width: 320px) {
  /* line 1094, ../sass/main.sass */
  footer img {
    width: 24px;
    height: 24px;
  }
  /* line 1097, ../sass/main.sass */
  footer a {
    font-size: 0.6em;
  }

  /* line 1106, ../sass/main.sass */
  .table th {
    padding: 12px;
    width: 40%;
  }
  /* line 1109, ../sass/main.sass */
  .table td {
    padding: 12px;
  }

  /* line 1116, ../sass/main.sass */
  .login {
    padding: 10%;
    height: calc(100vh - 118px);
  }

  /* line 1124, ../sass/main.sass */
  .download {
    width: 100%;
  }
  /* line 1126, ../sass/main.sass */
  .download img {
    width: 43%;
  }

  /* line 1129, ../sass/main.sass */
  .index_title_01, .index_title_02, .index_title_03, .index_title_04, .index_title_05 {
    margin: 0 auto;
    background-position: -2px;
    width: 90%;
  }

  /* line 1134, ../sass/main.sass */
  .directions {
    width: 90%;
    padding-top: 8px;
  }

  /* line 1138, ../sass/main.sass */
  .img-schematic-01, .img-schematic-03, .img-schematic-04, .img-schematic-05 {
    height: 280px;
    margin-bottom: 24px;
  }

  /* line 1142, ../sass/main.sass */
  .img-schematic-02 {
    height: 240px;
    margin-bottom: 24px;
  }

  /* line 1146, ../sass/main.sass */
  .img-schematic-04, .img-schematic-05 {
    width: 90%;
    margin: 0 auto 24px;
  }

  /* line 1150, ../sass/main.sass */
  .img-media-yahoo, .img-media-economy, .img-media-line, .img-media-ebc, .img-media-freedom, .img-media-storm {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 180px;
    height: 74px;
  }

  /* line 1157, ../sass/main.sass */
  #plan:hover {
    transform: translateY(0px);
    box-shadow: 0px 0px 8px rgba(247, 100, 140, 0.2);
  }

  /* line 1161, ../sass/main.sass */
  .price {
    padding: 12px;
    width: 100%;
  }

  /* line 1165, ../sass/main.sass */
  .diamond {
    width: 32%;
  }
  /* line 1167, ../sass/main.sass */
  .diamond .h2 {
    font-size: 1.25em;
  }

  /* line 1170, ../sass/main.sass */
  .price-btn {
    width: 83px;
    border-radius: 4px;
    padding: 8px 2px;
  }
  /* line 1174, ../sass/main.sass */
  .price-btn span {
    font-size: 0.6em;
  }

  /* line 1181, ../sass/main.sass */
  .main-view-BG {
    min-height: calc(100vh - 118px);
  }

  /* line 1184, ../sass/main.sass */
  iframe {
    height: calc(100vh - 120px - 40px);
  }
}