@charset "UTF-8";
/* 基本設定
=================================================================== */
* { box-sizing: border-box; }

html { font-size: 16px; height: 100%; scroll-behavior: smooth; }

body { position: relative; display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "LiHei Pro", Helvetica, "Helvetica Neue", Arial, sans-serif; line-height: initial; letter-spacing: 0; word-break: break-word; overflow-wrap: break-word; color: #455A64; background: #F5F5F5; }

.fa, .far, .fas { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 5 Brands", Noto Sans TC, 微軟正黑體, Microsoft JhengHei, Microsoft YaHei, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, LiHei Pro, Helvetica, Helvetica Neue, Arial, sans-serif; }

.transition { -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

a { color: inherit; text-decoration: none; outline: 0; transition: 0.3s ease; transition-property: color, border-color, background-color, opacity, filter, transform; }

a:hover { text-decoration: none; }

a:focus { text-decoration: none; }

[type=checkbox], [type=radio] { width: 1rem; height: 1rem; vertical-align: middle; }

::-moz-placeholder { color: rgba(69, 90, 100, 0.8); }

:-ms-input-placeholder { /** notice that ie has only a single colon) */ color: rgba(69, 90, 100, 0.8); }

::-webkit-input-placeholder { color: rgba(69, 90, 100, 0.8); }

::placeholder { color: rgba(69, 90, 100, 0.8); }

tr, th, td { margin: initial; padding: initial; line-height: 1.5; }

:root { --brand: #0C6; --swiper-theme-color: #0C6; }

.text-brand { color: #0C6; }

.text-white { color: #fff; }

.text-gray { color: #37474F !important; }

.text-dark { color: #263238 !important; }

.text-brand-inlight { color: #00b359 !important; }

.text-color-reset { color: #455A64; }

.text-dark-30 { color: rgba(38, 50, 56, 0.3); }

.text-body-50 { color: rgba(69, 90, 100, 0.5); }

.text-body-60 { color: rgba(69, 90, 100, 0.6); }

.text-body-70 { color: rgba(69, 90, 100, 0.7); }

.text-body-80 { color: rgba(69, 90, 100, 0.8); }

.text-brand-line { color: #06C755; }

.text-brand-facebook { color: #1877F2; }

.text-brand-youtube { color: #f00; }

.hover-brand:hover { color: #0C6; }

.hover-warning:hover { color: #ffdf00; }

.hover-danger:hover { color: #e2004b; }

.bg-body { background: #F5F5F5; }

.bg-brand { background: #0C6; }

.bg-brand-light { background: #e6faf0; }

.bg-white { background: #fff; }

.bg-black { background: #000; }

.hoverBg-brand-dark-thin:hover, .hoverBg-brand-drak-thin:hover { background-color: rgba(0, 136, 255, 0.2); }

.hoverBg-light-80:hover { background-color: rgba(255, 255, 255, 0.8) !important; }

.bg-brand-line { background-color: #06C755; }

.bg-brand-facebook { background-color: #1877F2; }

.bg-none { background: none; }

@media (min-width: 1200px) { .bg-xl-none { background: none; } }
.border-color-default { border-color: rgba(0, 204, 102, 0.5) !important; }

.border-currentColor { border-color: currentColor !important; }

.border-brand-thin { border-color: rgba(0, 204, 102, 0.3) !important; }

.border-body { border-color: #455A64; }

.border-body-opacity { border-color: rgba(69, 90, 100, 0.3) !important; }

.border-body-opacity-10 { border-color: rgba(69, 90, 100, 0.1) !important; }

.border-glow-top-right { position: relative; }
.border-glow-top-right::before { content: ""; position: absolute; top: 0; left: 0; transform: translateY(-50%); width: 50%; height: 5px; background: radial-gradient(farthest-side, #00cc66, rgba(0, 0, 0, 0)); }

@media (min-width: 768px) { .border-md { border: solid 1px rgba(0, 204, 102, 0.5); } }
.font-monospace { font-family: 'Courier New', Courier, monospace; }

.font-latin { font-family: Helvetica, "Helvetica Neue", Arial, "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "LiHei Pro", sans-serif; }

.font-8 { font-size: 0.5rem !important; }

.font-9 { font-size: 0.563rem !important; }

.font-10 { font-size: 0.625rem !important; }

.font-11 { font-size: 0.688rem !important; }

.font-12 { font-size: 0.75rem !important; }

.font-13 { font-size: 0.813rem !important; }

.font-14 { font-size: 0.875rem !important; }

.font-15 { font-size: 0.938rem !important; }

.font-16 { font-size: 1rem !important; }

.font-17 { font-size: 1.063rem !important; }

.font-18 { font-size: 1.125rem !important; }

.font-19 { font-size: 1.188rem !important; }

.font-20 { font-size: 1.25rem !important; }

.font-21 { font-size: 1.313rem !important; }

.font-22 { font-size: 1.375rem !important; }

.font-23 { font-size: 1.438rem !important; }

.font-24 { font-size: 1.5rem !important; }

.font-25 { font-size: 1.563rem !important; }

.font-size-inherit { font-size: inherit !important; }

.big { font-size: 1.125em; }

.bigger { font-size: 1.25em; }

.smaller { font-size: 0.75em; }

@media (min-width: 768px) { .font-md-8 { font-size: 0.5rem !important; }
  .font-md-9 { font-size: 0.563rem !important; }
  .font-md-10 { font-size: 0.625rem !important; }
  .font-md-11 { font-size: 0.688rem !important; }
  .font-md-12 { font-size: 0.75rem !important; }
  .font-md-13 { font-size: 0.813rem !important; }
  .font-md-14 { font-size: 0.875rem !important; }
  .font-md-15 { font-size: 0.938rem !important; }
  .font-md-16 { font-size: 1rem !important; }
  .font-md-17 { font-size: 1.063rem !important; }
  .font-md-18 { font-size: 1.125rem !important; }
  .font-md-19 { font-size: 1.188rem !important; }
  .font-md-20 { font-size: 1.25rem !important; }
  .font-md-21 { font-size: 1.313rem !important; }
  .font-md-22 { font-size: 1.375rem !important; }
  .font-md-23 { font-size: 1.438rem !important; }
  .font-md-24 { font-size: 1.5rem !important; }
  .font-md-25 { font-size: 1.563rem !important; } }
.font-normal { font-weight: 400; }

.font-500 { font-weight: 500; }

.font-bold { font-weight: 700; }

.font-900 { font-weight: 900; }

.leading-none { line-height: 1; }

.leading-tight { line-height: 1.25; }

.leading-snug { line-height: 1.375; }

.leading-normal { line-height: 1.5; }

.leading-relaxed { line-height: 1.75; }

.leading-loose { line-height: 2; }

.tracking-normal { letter-spacing: 0em; }

.tracking-wide-xs { letter-spacing: 0.07em; }

.tracking-wide { letter-spacing: 0.1em; }

.tracking-wider { letter-spacing: 0.15em; }

.tracking-widest { letter-spacing: 0.2em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

@media (min-width: 768px) { .text-md-center { text-align: center; }
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; } }
.valign-middle { vertical-align: middle; }

.text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.truncate { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.truncate-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.truncate-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

@media (min-width: 768px) { .text-md-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } }
.text-pre-line { white-space: pre-line; }

.white-space-normal { white-space: normal; }

.opacity-0 { opacity: 0; }

.opacity-30 { opacity: .3; }

.opacity-50 { opacity: .5; }

.opacity-60 { opacity: .6; }

.opacity-70 { opacity: .7; }

.opacity-80 { opacity: .8; }

.cursor-pointer { cursor: pointer; }

.cursor-not-allowed { cursor: not-allowed; }

.pointer-none { pointer-events: none; }

.pointer-initial { pointer-events: initial; }

.touch-action-none { touch-action: none; }

.hover-zoomIn { transition: 0.3s ease; transition-property: color, border, outline, background, opacity, filter, box-shadow, transform; }
.hover-zoomIn:hover { transform: scale(1.05); }

.dropshadow { filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.55)); }

.w-0 { width: 0; }

.w-1em { width: 1em; }

.w-2em { width: 2em; }

.w-3em { width: 3em; }

.w-4em { width: 4em; }

.w-5em { width: 5em; }

.w-6em { width: 6em; }

.w-7em { width: 7em; }

.w-8em { width: 8em; max-width: 100%; }

.w-9em { width: 9em; max-width: 100%; }

.w-10em { width: 10em; max-width: 100%; }

.w-50px { width: 50px; }

.w-70px { width: 70px; }

.w-100 { width: 100%; }

.minw-1em { min-width: 1em; }

.minw-2em { min-width: 2em; }

.minw-3em { min-width: 3em; }

.minw-4em { min-width: 4em; }

.minw-5em { min-width: 5em; }

.minw-6em { min-width: 6em; }

.minw-7em { min-width: 7em; }

.minw-8em { min-width: 8em; }

.minw-50 { min-width: 50%; }

.maxw-5em { max-width: 5em; }

.maxw-6em { max-width: 6em; }

.maxw-7em { max-width: 7em; }

.maxw-8em { max-width: 8em; }

.maxw-50vw { max-width: 50vw; }

.maxw-75vw { max-width: 75vw; }

.maxw-25 { max-width: 25% !important; }

.maxw-50 { max-width: 50% !important; }

.maxw-100 { max-width: 100% !important; }

@media (min-width: 768px) { .w-md-7em { width: 7em; }
  .w-md-8em { width: 8em; }
  .w-md-100 { width: 100%; }
  .maxw-md-50 { max-width: 50% !important; } }
.h-1em { height: 1em; }

.h-2em { height: 2em; }

.h-50-window { height: 50vh; }

.h-fill-window { height: calc(100vh - (4.1 * 16px)); }

.minh-100 { min-height: 100% !important; }

@media (min-width: 576px) { .h-sm-fill-window { height: calc(100vh - (4.1 * 18px)); } }
.pt-px { padding-top: 1px; }

.pb-px { padding-bottom: 1px; }

.py-px { padding-top: 1px; padding-bottom: 1px; }

.p-1em { padding: 1em; }

.clear { clear: both; }

.overflow-x-hidden { overflow-x: hidden; }

.overflow-x-auto { overflow-x: auto; }

.overflow-y-auto { overflow-y: auto; }

.scrollbar::-webkit-scrollbar-track { background-color: transparent; }

.scrollbar::-webkit-scrollbar { height: 4px; width: 4px; background-color: transparent; }

.scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0, 204, 102, 0.3); }

.sticky-top { position: sticky; top: 0; }
@media (min-width: 768px) { .sticky-top { top: 4.375rem; } }

.sticky-top-hearder, .sticky-top-header { position: sticky; top: 4.375rem; }

.sticky-top-0 { position: sticky; top: 0; }

.zindex-0 { z-index: 0; }

.zindex-1 { z-index: 1; }

.zindex-2 { z-index: 2; }

.zindex-n1 { z-index: -1; }

.zindex-n2 { z-index: -2; }

.zindex-sticky { z-index: 1020; }

.zindex-fixed-plus { z-index: 1031; }

@media (min-width: 1200px) { .zindex-xl-2 { z-index: 2; }
  .zindex-xl-3 { z-index: 3; }
  .position-xl-static { position: static; } }
.order-n1 { -webkit-order: -1; order: -1; }

/* layout
=================================================================== */
.gutter { padding-left: 20px; padding-right: 20px; }
.gutter-offset { margin-left: -20px; margin-right: -20px; }
@media (min-width: 768px) { .gutter-md { padding-left: 20px; padding-right: 20px; }
  .gutter-md-0 { padding-left: 0; padding-right: 0; }
  .gutter-offset { margin-left: -20px; margin-right: -20px; }
  .gutter-offset-md-0 { margin-left: 0; margin-right: 0; } }

.wrap { display: -ms-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-grow: 1; flex-grow: 1; }

.main { -ms-flex-grow: 1; flex-grow: 1; }

.inner, .inner-medium, .inner-narrow { max-width: 100%; margin-left: auto; margin-right: auto; }

.inner { width: 1280px; }

.inner-medium { width: 1252px; }

.inner-narrow { width: 1150px; }

/* header
=================================================================== */
.header.scrolling { background: #fff; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); }
@media (max-width: 767.98px) { .header { position: sticky; z-index: 99; top: 0; left: 0; right: 0; -webkit-align-items: center; align-items: center; padding: 0 20px; height: 4.375rem; background: #fff; }
  .header .header-m-none { display: none; } }
@media (min-width: 768px) { .header { position: fixed; z-index: 99; top: 0; left: 0; right: 0; -webkit-align-items: center; align-items: center; padding: 0 30px; height: 5.875rem; line-height: 5.875rem; transition: 0.3s ease; transition-property: color, border, outline, background, opacity, filter, box-shadow, transform; }
  .header .header-d-none { display: none; }
  .header .logo img { height: 50px; } }

@media (max-width: 767.98px) { .nav { z-index: -99; opacity: 0; height: 0; padding: 0 2.5rem; overflow: hidden; position: fixed; top: 4.375rem; left: 0; right: 0; bottom: 0; margin-top: -1px; font-size: 1.125em; font-weight: bold; text-align: center; line-height: 3.667; background: inherit; color: #000; transition: 0.3s ease; transition-property: opacity,transform; }
  .nav_btnGroup { max-width: 240px; margin: 2.5rem auto 0; padding-top: 2.222em; border-top: 1px solid #CFD8DC; line-height: normal; }
  .nav_trigger { position: relative; }
  .nav_trigger img { display: block; transition: 0.3s ease; transition-property: color, border, outline, background, opacity, filter, box-shadow, transform; }
  .nav_trigger_bar { transition-delay: 0s; }
  .nav_trigger_close { position: absolute; top: 0; left: 0; opacity: 0; transform: rotate(180deg); transition-delay: .3s; }
  .nav a { display: block; }
  .nav.open { z-index: 99; opacity: 1; height: auto; padding: 2.5rem; overflow-y: auto; }
  .nav_trigger.open .nav_trigger_bar { opacity: 0; transform: rotate(180deg); }
  .nav_trigger.open .nav_trigger_close { opacity: 1; transform: rotate(360deg); transition-delay: 0s; } }
@media (min-width: 768px) { .nav { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; margin-left: auto; font-size: 1.125em; font-weight: bold; }
  .nav li { display: inline-block; }
  .nav a { padding: 0 0.833em; }
  .nav_btnGroup { margin-left: 1.5em; }
  .nav .btn { padding: 0 1.176em; height: 2.353em; line-height: 2.353em; } }

/* footer
=================================================================== */
.footer { padding: 1.875em; color: #607D8B; overflow: hidden; text-align: center; }
.footer .copyright { margin-top: 1.25em; }
.footer_menu_link { padding: 0.5em; }
@media (min-width: 768px) { .footer .copyright { float: left; margin: 0; }
  .footer_menu { float: right; } }

.list-unstyled { list-style: none; margin: 0; padding: 0; }

.list-decimal { list-style: decimal; padding-left: 1.25em; }

.title { margin-bottom: 0.357em; font-size: 1.75rem; font-weight: bold; letter-spacing: 0.02em; color: #000; }
@media (min-width: 992px) { .title { margin-bottom: 0.435em; font-size: 3.194vw; letter-spacing: 0.05em; } }
@media (min-width: 1300px) { .title { font-size: 46px; } }

.subTitle { margin-top: 0; font-size: 1.125rem; font-weight: bold; letter-spacing: 0.05em; color: #263238; }
@media (min-width: 992px) { .subTitle { font-size: 1.25rem; } }

.btn { display: inline-block; padding: 0 1em; height: 3.294em; line-height: 3.294em; font-size: 17px; border-radius: 3em; }
.btn:active { transform: translateY(2px); }
.btn-brand { color: #fff; background: #0C6; }
.btn-white { background: #fff; }
.btn-black { color: #fff; background: #000; }

.imgfit { /*需要裁切的圖 (比例須個別另下) */ display: block; position: relative; overflow: hidden; text-align: left; }

.imgfit-1x1 { /* 寬高 1:1; */ padding-top: 100%; }

.imgfit-3x2 { /* 寬高 3:2 */ padding-top: 66.66%; }

.imgfit-3x4 { /* 寬高 3:4 */ padding-top: 133.33%; }

.imgfit img { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; }

.imgfit-contain img { object-fit: contain; }

.imgfit-scale-down img { object-fit: scale-down; }

@media screen\0 { .imgfit { z-index: 0; }
  .imgfit img { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100% !important; height: auto !important; } }
/*圖文編輯器*/
.editor { font-size: 1rem; font-weight: 400; line-height: 1.75; word-wrap: break-word; word-break: break-word; clear: both; }

.editor:after { content: ""; display: block; height: 0; clear: both; }

.editor img { max-width: 100%; height: auto !important; vertical-align: baseline; }

.editor iframe { max-width: 100%; }

@media (max-width: 991.98px) { .editor iframe[src*="youtube"], .editor iframe[src*="vimeo"], .editor iframe[src*="facebook"], .editor iframe[src*="instagram"] { width: 100%; /*height: 56.25%;*/ height: -webkit-calc( (100vw - 20px) * 0.5625); height: -moz-calc( (100vw - 20px) * 0.5625); height: calc( (100vw - 20px) * 0.5625); } }
/* page
=================================================================== */
.alertWrap { position: sticky; z-index: 98; top: 4.375rem; left: 0; right: 0; padding: 10px; line-height: 1.5; }
@media (min-width: 768px) { .alertWrap { top: 5.875rem; padding: 1em; } }

.alert { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; padding: 1.333em 0.667em 1.333em 1.25em; font-size: 0.938rem; letter-spacing: 0.07em; border-radius: 1.333em; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 22px 22px rgba(0, 0, 0, 0.05); }
.alert_icon { height: 2.667em; margin: -0.5em 10px -0.5em 0; }
.alert_close { width: 2.133em; cursor: pointer; }
.alert_close:hover { opacity: .7; }
@media (min-width: 768px) { .alert { padding: 0.75em; padding-left: 1.875em; font-size: 1rem; border-radius: 2em; }
  .alert_icon { height: 3.25em; }
  .alert_close { width: 2.5em; } }

.kv { position: relative; background: #f2fcf7; }
.kv_bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; }
.kv_arrow { position: absolute; left: 50%; bottom: 5.333vw; width: 10.667vw; transform: translateX(-50%); cursor: pointer; }
@media (min-width: 768px) { .kv_arrow { bottom: 2.778vw; width: 4.514vw; } }

.feature_text { line-height: 1.75; }
@media (max-width: 767.98px) { .feature { padding: 40px 30px; } }
@media (min-width: 768px) { .feature { padding: 6.944vw; }
  .feature_cont { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; }
  .feature_box { padding: 0 4.233%; width: 50%; } }

.featureGrid { font-size: 1.063em; font-weight: bold; line-height: 1; text-align: center; color: #263238; background: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1.176em; }
.featureGrid_item { padding: 1.265em 0.5em; }
.featureGrid_item:nth-child(n+3) { border-top: solid 1px #CFD8DC; }
.featureGrid_item:nth-child(2n) { border-left: solid 1px #CFD8DC; }
@media (min-width: 768px) { .featureGrid { margin-top: 1.875em; font-size: 1.125em; border-radius: 1.833em; }
  .featureGrid_item { padding: 1.444em; } }

.class { padding: 16% 28px 16%; }
.class .title { font-size: 9.6vw; margin-top: 0; margin-bottom: 1.389em; }
.class_item { margin-bottom: 15px; font-size: 17px; font-weight: 500; }
.class_pic { margin: 0 auto 19px; border: solid 1px #000; border-radius: 50%; transform: translate(-7px, 7px); }
.class_pic_img { display: block; width: 100%; height: auto; border-radius: 50%; background: #fff; box-shadow: 0 22px 22px rgba(0, 0, 0, 0.05); transform: translate(7px, -7px); }
@media (min-width: 576px) { .class { padding: 6.944% 60px; }
  .class .title { margin-bottom: 80px; font-size: 3.375rem; }
  .class_item { font-size: 20px; }
  .class_pic { width: 200px; max-width: 100%; margin: 0 auto 30px; transform: translate(-10px, 10px); }
  .class_pic_img { transform: translate(10px, -10px); } }
@media (min-width: 992px) and (max-width: 1199.98px) { .class .title { margin-bottom: 1.4em; font-size: 2.875rem; }
  .class_item { width: 20%; } }

.switch { position: relative; z-index: 1; width: 200px; margin: 30px auto; padding: 0; text-align: center; border: solid 1px rgba(0, 0, 0, 0.1); }
.switch:active, .switch .btn:active { transform: translateY(0); }
.switch_active { position: absolute; z-index: -1; top: 0; display: block; width: 50%; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); transition: 0.3s ease; transition-property: color, border, outline, background, opacity, filter, box-shadow, transform; }
.switch_item { cursor: pointer; }
:checked + .switch_text { color: #fff; }
@media (min-width: 576px) { .switch { width: 300px; margin: 50px auto 60px; } }

.plan { padding: 60px 0 100px; text-align: center; background: url(../images/bg-plan.png) center center no-repeat; background-size: cover; overflow: hidden; }
.plan_group { margin: 0 -15px; }
.plan_group .col { padding: 0 15px; }
.plan_box { margin: 0 18px 30px; padding: 30px 30px 40px; border-radius: 35px; border: solid 1px rgba(0, 0, 0, 0.8); background: #fff; box-shadow: 0px 22px 22px rgba(0, 0, 0, 0.05); }
.plan_box .btn { min-width: 150px; }
.plan_icon { width: 70px; margin-bottom: 15px; background: #E5FAF0; border-radius: 50%; }
.plan_name { margin: 0; font-size: 24px; color: #000; }
.plan_subtitle { margin: 0 0 1em; }
.plan_price { position: relative; height: 143px; line-height: 143px; font-size: 56px; background: #E5FAF0; border-radius: 24px; }
.plan_price_unit { position: absolute; top: 0; left: 0; margin: 14px 15px; font-size: 26px; line-height: 1; }
.plan_timeUnit { display: inline-block; width: 0; margin-left: 0.75em; margin-right: -0.75em; font-size: 20px; letter-spacing: 0.07em; white-space: nowrap; }
.plan[data-plan="month"] .plan_year { display: none; }
.plan[data-plan="month"] .plan_month { display: inline; }
.plan[data-plan="year"] .plan_year { display: inline; }
.plan[data-plan="year"] .plan_month { display: none; }
@media (min-width: 768px) { .plan_box { padding: 30px 70px 50px; }
  .plan_icon { width: 100px; margin-bottom: 20px; }
  .plan_name { font-size: 28px; }
  .plan_subtitle { font-style: 17px; }
  .plan_price { font-size: 56px; letter-spacing: 0; } }
@media (min-width: 992px) { .plan { padding: 100px 2.083% 150px; }
  .plan_box { margin: 0 3px; padding: 30px 30px 40px; } }
@media (min-width: 1200px) { .plan_box { padding: 30px 60px 50px; }
  .plan_price { font-size: 64px; } }

.apply { min-height: 360px; background: #0C6 url(../images/bg-try-m.png) center center; background-size: 100% auto; }
.apply .title { margin: 0 auto 0.75em; font-size: 2.5em; letter-spacing: 0.07em; color: #fff; }
.apply .btn { width: 250px; font-size: 1.125em; font-weight: bold; color: #0C6; box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.15); }
@media (min-width: 768px) { .apply { background-image: url(../images/bg-try.png); } }
@media (min-width: 1200px) { .apply { min-height: 27.917vw; }
  .apply .title { font-size: 3.375em; letter-spacing: 0.12em; } }

/*# sourceMappingURL=style.css.map */