@charset "UTF-8";
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
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; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* Base Styles */
html { font-size: 100%; line-height: 1.625em; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; font-family: ""; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 640px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

html, body { height: 100%; }

.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 768px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

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

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

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

.txt-nowrap { white-space: nowrap; }

.flex-con { display: flex; width: 100%; align-items: center; }

.flex-con-s-between { display: flex; justify-content: space-between; }

.flex-con-c-c { display: flex !important; justify-content: center; align-items: center; text-align: center !important; }

.flex-con-column { display: flex; flex-direction: column; }

.flex-s-around { display: flex !important; justify-content: space-around !important; }

.flex-c-center { display: flex !important; justify-content: center !important; flex-direction: column; align-items: center !important; }

.flex-align-start { align-items: flex-start !important; }

.btn-list { display: flex; margin: 2% auto; }

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

hr { border: 0; border-bottom: 1px solid #cccccc; height: 0; margin: 2rem 0; }

.display_table { display: table !important; }
@media only screen and (max-width: 640px) { .display_table { display: table !important; } }

.font-italic { font-style: italic !important; }

.font-bold { font-weight: bold !important; }

.font-c { text-align: center !important; }

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

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

.font-verti-m { vertical-align: middle !important; }

.box-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

.line-gray9 { border: 1px solid #cccccc; color: #999999 !important; padding: 0.5rem 0.5rem; border-radius: calc((5rem / 18)); font-size: calc((20rem / 18)) !important; line-height: calc((28rem / 18)) !important; letter-spacing: 0.1rem !important; margin: 2rem auto; }

.font-gray9 a { font-size: calc((20rem / 18)); color: #999999 !important; }

.font-green a { font-size: calc((24rem / 18)); color: #28A745 !important; }

.float-l { float: left; }

.float-r { float: right; }

.float-c { float: none; margin: 2% auto !important; display: table !important; }

.padding-l-1 { padding-left: calc((18rem / 18)) !important; margin-bottom: 1rem; }

.padding-t-0 { padding-top: calc((0rem / 18)) !important; }

.padding-b-20 { padding-bottom: calc((20rem / 18)); }

.padding-b-40 { padding-bottom: calc((40rem / 18)); }

.padding-b-60 { padding-bottom: calc((60rem / 18)); }
@media only screen and (max-width: 640px) { .padding-b-60 { padding-bottom: calc((40rem / 18)); } }

.padding-b-120 { padding-bottom: calc((120rem / 18)); }

.padding-t-100 { padding-top: calc((100rem / 18)); }

.margin-auto { margin: 2% auto; }

.margin-t-0 { margin-top: 0 !important; }

.margin-t-20 { margin-top: !important; }

.margin-t-20 { margin-top: calc((20rem / 18)) !important; }

.margin-t-40 { margin-top: calc((40rem / 18)) !important; }

.margin-t-60 { margin-top: calc((60rem / 18)) !important; }

.margin-t-80 { margin-top: calc((80rem / 18)) !important; }

.margin-t-120 { margin-top: calc((120rem / 18)) !important; }

.margin-b-0 { margin-bottom: 0 !important; }

.margin-b-20 { margin-bottom: calc((20rem / 18)) !important; }

.margin-b-40 { margin-bottom: calc((40rem / 18)) !important; }

.margin-b-60 { margin-bottom: calc((60rem / 18)) !important; }

.margin-b-80 { margin-bottom: calc((80rem / 18)) !important; }

.margin-b-120 { margin-bottom: calc((120rem / 18)) !important; }

.margin-b-180 { margin-bottom: calc((180rem / 18)) !important; }

.width-20 { width: 20%; }

.width-30 { width: 30% !important; }
@media only screen and (max-width: 640px) { .width-30 { width: 100% !important; } }

.width-35 { width: 35%; }

.width-40 { width: 30% !important; }
@media only screen and (max-width: 640px) { .width-40 { width: 100%; } }

.width-50 { width: 50%; }

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

.margin-rl-10 { margin-left: calc((10rem / 18)) !important; margin-right: calc((10rem / 18)) !important; }

.margin-l-10 { margin-left: calc((10rem / 18)) !important; }

.margin-l-20 { margin-left: calc((20rem / 18)) !important; }
@media only screen and (max-width: 640px) { .margin-l-20 { margin-left: 0 !important; margin-top: 0.5rem; } }

@media only screen and (max-width: 640px) { .margin-b-0-mobile { margin-bottom: 0 !important; } }

@media only screen and (max-width: 640px) { .padding-b-0-mobile { padding-bottom: 0 !important; } }

@media only screen and (max-width: 640px) { .padding-b-1-mobile { padding-bottom: 1rem !important; } }

@media only screen and (max-width: 640px) { .padding-b-3-mobile { padding-bottom: 3rem !important; } }

.font-gray0 { color: #000000 !important; }

.font-gray3 { color: #333333 !important; }

.font-gray6 { color: #666666 !important; }

.font-gray9 { color: #999999 !important; }

.font-red { color: #990000 !important; }

.font-blue { color: #005BAB !important; }

.font-green { color: #28A745 !important; }

.font-underline { text-decoration: underline !important; }

.font-orange { color: #f9882d !important; }

.font-b { font-weight: normal; }
@media only screen and (max-width: 640px) { .font-b { font-weight: 600; } }

body .input, html .input { display: block; width: 100%; height: calc((56rem / 18)); border-radius: calc((5rem / 18)); background: #ffffff; border: 1px solid #dddddd; padding: 0 calc((20rem / 18)); font-size: calc((24rem / 18)); font-weight: normal; line-height: calc((56rem / 18)); color: #333333; cursor: pointer; margin-bottom: 0.5rem; }
body input:hover, body input:focus, body input:active, html input:hover, html input:focus, html input:active { border-color: #005BAB; outline: none; transition: all 0.5s ease-in-out; }
body :-moz-placeholder, html :-moz-placeholder { color: #cccccc !important; font-size: calc((24rem / 18)); font-weight: normal; }
body ::-moz-placeholder, html ::-moz-placeholder { color: #cccccc !important; font-size: calc((24rem / 18)); font-weight: normal; }
body :-ms-input-placeholder, html :-ms-input-placeholder { color: #cccccc !important; font-size: calc((24rem / 18)); font-weight: normal; }
body ::-webkit-input-placeholder, html ::-webkit-input-placeholder { color: #cccccc !important; font-size: calc((24rem / 18)); font-weight: normal; }
@media only screen and (max-width: 640px) { body .input, html .input { display: block; width: 100%; height: calc((56rem / 18)); border-radius: calc((5rem / 18)); background: #ffffff; border: 1px solid #dddddd; padding: 0 calc((10rem / 18)); font-size: calc((22rem / 18)); font-weight: normal; line-height: calc((56rem / 18)); color: #333333; cursor: pointer; margin-bottom: 0.5rem; }
  body :-moz-placeholder, html :-moz-placeholder { color: #cccccc !important; font-size: calc((24rem / 18)); font-weight: normal; letter-spacing: 0.05rem; }
  body ::-moz-placeholder, html ::-moz-placeholder { color: #cccccc !important; font-size: calc((22rem / 18)); font-weight: normal; letter-spacing: 0.05rem; }
  body :-ms-input-placeholder, html :-ms-input-placeholder { color: #cccccc !important; font-size: calc((22rem / 18)); font-weight: normal; letter-spacing: 0.05rem; }
  body ::-webkit-input-placeholder, html ::-webkit-input-placeholder { color: #cccccc !important; font-size: calc((22rem / 18)); font-weight: normal; letter-spacing: 0.05rem; } }

/* Loader--*/
#loading-page { position: fixed; width: 100%; height: 100%; background: white; z-index: 999999; top: 0; }
@media only screen and (max-width: 1024px) { #loading-page { display: block; background: rgba(255, 255, 255, 0); } }
@media only screen and (max-width: 640px) { #loading-page { background: white; } }

.loading-kv { display: block; width: 300px; height: 300px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; animation-name: loading-ani; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; }
@media only screen and (max-width: 640px) { .loading-kv { width: 200px; height: 200px; } }

.icon_loader { border: 5px solid #005BAB; border-radius: 30px; height: 30px; left: 50%; opacity: 0; position: absolute; top: 50%; width: 30px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; }

@keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; }
  50% { opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; } }
.navbar { display: none; position: fixed; z-index: 99; width: calc((80rem / 18)); height: calc((80rem / 18)); left: 0; top: 0; padding-top: calc((25rem / 18)); padding-right: calc((27rem / 18)); }
.navbar input { display: none; }
.navbar .lower label:hover { cursor: pointer; }
.navbar .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 115, 56, 0.95); z-index: 9998; }
.navbar .overlay nav { text-align: left; padding: 0 10%; position: relative; top: 50%; height: 80%; font-size: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.navbar .overlay ul { list-style: none; padding: 10% 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; }
.navbar .overlay ul li { display: table; width: 100%; min-height: 4rem; }
.navbar .overlay ul li a { display: block; text-align: left; color: white; font-size: calc((28rem / 18)); line-height: calc((42rem / 18)); letter-spacing: calc((1rem / 18)); font-weight: 400; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform: uppercase; letter-spacing: 0.1rem; }
.navbar .lower ~ .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.navbar .overlay-hugeinc nav { -moz-perspective: 300px; }
.navbar .overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.navbar #op:checked ~ .overlay-hugeinc { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.navbar #op:checked ~ .overlay-hugeinc nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.navbar #op:not(:checked) ~ .overlay-hugeinc nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }
@media only screen and (max-width: 767px) { .navbar { display: block; width: calc((55rem / 18)); height: calc((55rem / 18)); padding: 0; left: calc((10rem / 18)); z-index: 99; } }

.navbar-open { z-index: 99999; }

.add-menubg { background: rgba(255, 255, 255, 0) !important; transition: all .5s; }

.menu { display: block; position: fixed; height: calc((80rem / 18)); width: 100%; background: white; border-bottom: 1px solid #dddddd; z-index: 99; }
.menu .logo a { display: block; width: calc((250rem / 18)); height: calc((35rem / 18)); background: url(../images/logo.png); background-size: cover; padding: 0px 0px; margin-top: calc((20rem / 18)); margin-left: calc((20rem / 18)); float: left; }
.menu .icon-social { display: table; float: right; margin-top: calc((15rem / 18)); margin-right: calc((20rem / 18)); width: calc((90rem / 18)); }
.menu ul { display: table; float: right; margin-right: calc((20rem / 18)); margin-top: calc((10rem / 18)); }
.menu li { float: left; height: calc((60rem / 18)); line-height: calc((60rem / 18)); padding: 0 0.5rem; }
.menu li a { display: block; width: auto; height: calc((60rem / 18)); line-height: calc((60rem / 18)); text-align: left; color: #000000; font-size: calc((18rem / 18)); position: relative; text-decoration: none; }
.menu li a::after { position: absolute; top: calc((45rem / 18)); left: 0; right: 0; margin: auto; width: 0%; height: 1px; background: #000000; content: ''; opacity: 1; transition: transform 0.5s, width 0.5s; }
.menu li a:hover { color: #28A745; }
.menu li a:hover::after, .menu li a:focus::after { width: 100%; background: #28A745; }
.menu .icon-facebook, .menu .icon-line { margin: calc((4rem / 18)); }
@media only screen and (max-width: 1100px) { .menu li { padding: 0 0.3rem; } }
@media only screen and (max-width: 767px) { .menu { height: calc((60rem / 18)); min-width: auto; }
  .menu .logo a { width: calc((200rem / 18)); height: calc((28rem / 18)); position: absolute; top: calc((10rem / 18)); left: 0px; right: 0px; margin: auto; z-index: 100; }
  .menu ul, .menu .icon-social { display: none; } }

#nav-icon { display: block; width: calc((35rem / 18)); height: calc((30rem / 18)); position: relative; float: right; z-index: 9999999; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
@media only screen and (max-width: 767px) { #nav-icon { margin: 1rem auto; display: block; float: none; } }

#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #28A745; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon.close { display: block; position: absolute; height: 2px; width: 100%; background: #28A745; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon span:nth-child(2) { top: calc((10rem / 18)); width: calc((28rem / 18)); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon span:nth-child(3) { top: calc((20rem / 18)); width: calc((35rem / 18)); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: calc((8rem / 18)); background: #ffffff; width: calc((35rem / 18)); }

#nav-icon.open span:nth-child(2) { width: 0%; opacity: 0; }

#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: calc((24rem / 18)); left: calc((8rem / 18)); background: #ffffff; width: calc((35rem / 18)); }

.btn { display: flex; justify-content: center; margin: 0.5rem auto; text-align: center; }
.btn a { display: flex; justify-content: center; max-width: calc((540rem / 18)); height: calc((50rem / 18)); border-radius: calc((35rem / 18)); font-size: calc((24rem / 18)); line-height: calc((50rem / 18)); letter-spacing: calc((1rem / 18)); color: #ffffff; background: #EDEDED; transition: .5s; text-decoration: none; font-weight: bold; padding: 0 3rem; margin: 0 0.5rem; }
.btn a:hover { color: #ffffff; background: #990000; transition: .5s; }
@media only screen and (max-width: 640px) { .btn a { padding: 0 1rem; font-size: calc((22rem / 18)); }
  .btn a:hover { background: #28A745; } }

.btn-100 { width: 100%; }
.btn-100 a { width: 100%; padding: 0 1rem !important; }

.btn-line a { padding: 0 2rem; color: #ffffff; background: #28A745; align-items: center; border: 1px solid #28A745; height: calc((40rem / 18)); }
.btn-line a i { margin-right: 0.2rem; }
.btn-line a:hover { color: #28A745; background: #ffffff; border: 1px solid #28A745; }

.btn-red-light a { padding: 0 3rem; color: #990000; background: #FFC8BB; }
.btn-red-light a:hover { color: #FFC8BB; background: #990000; }

.btn-green-light a { padding: 0 3rem; color: #28A745; background: #D4F2C2; }
.btn-green-light a:hover { color: #D4F2C2; background: #28A745; }

.btn-red a { padding: 0 3rem; background: #990000; }
.btn-red a:hover { background: #28A745; transition: .5s; }
@media only screen and (max-width: 640px) { .btn-red a:hover { background: #990000; } }

.btn-blue a { padding: 0 3rem; background: #005BAB; }
.btn-blue a:hover { background: #005BAB; transition: 0.5s; }
@media only screen and (max-width: 640px) { .btn-blue a:hover { background: #005BAB; } }

.btn-gray a { display: flex !important; align-items: center; justify-content: center; width: calc((120rem / 18)); height: calc((60rem / 18)); background: #999999; border-radius: calc((5rem / 18)); font-size: calc((20rem / 18)); color: #ffffff !important; text-decoration: none; margin-right: 1rem; font-weight: bold; }

.btn-gray-h50 a { height: calc((50rem / 18)); }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff center center no-repeat; }

/* Icons */
@font-face { font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; width: calc((40rem / 18)); height: calc((80rem / 18)); line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 45%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; opacity: .9; transition: .5s; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; transition: .5s; opacity: 1; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0; }
.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 640px) { .slick-prev, .slick-next { width: calc((21rem / 18)); height: calc((56rem / 18)); top: 50%; } }

.slick-prev { left: calc((-40rem / 18)); background: url(../images/icon/slick-arrow-left.svg) no-repeat center top; background-size: 100% 100%; z-index: 9; }
[dir="rtl"] .slick-prev { left: auto; right: -75px; }
@media only screen and (max-width: 640px) { .slick-prev { left: 0.1rem; background: url(../images/icon/slick-arrow-left-m.svg) no-repeat center top; background-size: 100% 100%; } }

.slick-next { right: calc((-40rem / 18)); background: url(../images/icon/slick-arrow-right.svg) no-repeat center top; background-size: 100% 100%; z-index: 9; }
[dir="rtl"] .slick-next { left: -75px; right: auto; }
@media only screen and (max-width: 640px) { .slick-next { right: 0.1rem; background: url(../images/icon/slick-arrow-right-m.svg) no-repeat center top; background-size: 100% 100%; } }

/* Dots */
.slick-dots { position: absolute; bottom: calc((50rem / 18)); list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; z-index: 9; }
.slick-dots li { position: relative; display: inline-block; height: 15px; width: 15px; margin: 0 16px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: #ffffff; display: block; width: 15px; height: 15px; border-radius: 15px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; border: 1px solid #48bc7b; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border-radius: 15px; content: '•'; text-align: center; opacity: 1; color: #48bc7b; background: transparent; }
.slick-dots li.slick-active button:before { opacity: 1; background: #48bc7b; }
@media only screen and (max-width: 1280px) { .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 10px; padding: 0; cursor: pointer; }
  .slick-dots li button { border: 0; display: block; width: 10px; height: 10px; border-radius: 10px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
  .slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
  .slick-dots li button:before { font-family: 'slick'; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 10px; content: '•'; text-align: center; opacity: 1; color: #48bc7b; background: transparent; }
  .slick-dots li.slick-active button:before { opacity: 1; background: #48bc7b; } }

input { outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; -webkit-appearance: none; -webkit-user-select: text; outline-color: transparent; box-shadow: none; }

input[type=text], input[type=number] { border: 1px solid #999999; height: calc((60rem / 18)); width: 100%; border-radius: calc((5rem / 18)); padding: 0 calc((20rem / 18)); font-size: calc((24rem / 18)); line-height: calc((60rem / 18)); color: #005BAB; }

/* 圓體字體 */
* { font-family: "Arial", 'Noto Sans TC' !important; }

input, textarea { outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; -webkit-appearance: none; -webkit-user-select: text; outline-color: transparent; box-shadow: none; }

.popup-scroll-no { overflow: hidden; }
@media only screen and (max-width: 640px) { .popup-scroll-no { position: relative; overflow-y: hidden; margin-bottom: -2px; } }

.cover-bottom { pointer-events: none; bottom: -0.1rem !important; }

body, html { display: block; height: 100%; font-size: calc((18vw / 1920)*100) !important; outline: none; font-weight: normal; background: #ffffff; letter-spacing: calc((1rem / 18)); height: 100%; }
body a, body a:hover, body :hover, html a, html a:hover, html :hover { -webkit-tap-highlight-color: transparent; }
body a, html a { font-size: calc((24rem / 18)); line-height: calc((42rem / 18)); letter-spacing: calc((1rem / 18)); color: #005BAB; text-decoration: none; }
body a i, html a i { margin: 0 0.2rem; }
body a:hover, html a:hover { color: #005BAB; }
body img, html img { width: 100%; }
body h1, html h1 { display: table; width: 100%; text-align: center; clear: both; font-weight: bolder; font-size: calc((64rem / 18)); line-height: calc((64rem / 18)); margin-bottom: calc((40rem / 18)); color: #000000; font-family: 'Noto Sans TC' !important; -webkit-text-stroke: calc((1rem / 18)) #000000; text-stroke: calc((1rem / 18)) #000000; }
body h1 span, html h1 span { display: block; font-size: calc((36rem / 18)); line-height: calc((42rem / 18)); font-family: 'Noto Sans TC' !important; }
body h2, html h2 { font-weight: bold; font-size: calc((50rem / 18)); line-height: calc((60rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; }
body h3, html h3 { font-weight: bold; font-size: calc((32rem / 18)); line-height: calc((48rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; }
body .h3_title, html .h3_title { font-size: calc((42rem / 18)); line-height: calc((48rem / 18)); margin-left: -1rem; }
body h6, html h6 { font-weight: bold; font-size: calc((24rem / 18)); line-height: calc((48rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; }
body .font-s-24, html .font-s-24 { font-size: calc((24rem / 18)) !important; line-height: calc((39rem / 18)) !important; color: #000000; }
body .font-s-20, html .font-s-20 { font-size: calc((20rem / 18)) !important; }
body ul, body li, body p, html ul, html li, html p { font-size: calc((24rem / 18)); line-height: calc((36rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; }
body ul a, body li a, body p a, html ul a, html li a, html p a { font-size: calc((24rem / 18)); line-height: calc((42rem / 18)); letter-spacing: calc((1rem / 18)); color: #005BAB; text-decoration: none; }
body ul a:hover, body li a:hover, body p a:hover, html ul a:hover, html li a:hover, html p a:hover { color: #005BAB; }
@media only screen and (max-width: 1680px) { body, html { font-size: 16px !important; } }
@media only screen and (max-width: 1280px) { body, html { font-size: 14px !important; } }
@media only screen and (max-width: 640px) { body, html { min-width: 100%; font-size: calc((22vw / 640)*100) !important; }
  body h2, html h2 { font-size: calc((42rem / 18)); line-height: calc((54rem / 18)); }
  body h3, html h3 { font-size: calc((28rem / 18)); line-height: calc((42rem / 18)); }
  body .h3_title, html .h3_title { margin-bottom: 0.5rem !important; margin-top: 1rem !important; font-size: calc((28rem / 18)); line-height: calc((42rem / 18)); text-align: center; }
  body ul, body li, body p, html ul, html li, html p { font-size: calc((22rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; } }

.h3-title { display: flex !important; justify-content: center; align-items: center; text-align: center !important; font-size: calc((32rem / 18)); content: ""; margin-top: 2rem; margin-bottom: 1rem; }
.h3-title span { word-break: keep-all; margin: 0 2rem; }
.h3-title::before, .h3-title::after { display: block; width: 100%; height: 2px; background: #cccccc; content: ""; }

.h3-title-qa { display: flex !important; justify-content: center; align-items: center; text-align: center !important; content: ""; margin-top: 2rem; margin-bottom: 1rem; }
.h3-title-qa p { display: block; text-align: left; white-space: nowrap; margin-right: 1rem; font-size: calc((32rem / 18)); font-weight: bold; }
.h3-title-qa p span { font-size: calc((24rem / 18)); }
.h3-title-qa::after { display: block; width: 100%; height: 2px; background: #cccccc; content: ""; }
@media only screen and (max-width: 640px) { .h3-title-qa { width: 100%; display: block !important; margin-top: 0rem; margin-bottom: 0rem; }
  .h3-title-qa p { display: block; text-align: left; white-space: normal; margin-right: 0; font-size: calc((28rem / 18)); line-height: calc((42rem / 18)); font-weight: bold; }
  .h3-title-qa::after { display: none; } }

.container { width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; display: flex; width: 100%; height: auto; align-items: flex-start; }

@media only screen and (max-width: 640px) { section { width: 100%; } }

.content { width: calc((1240rem / 18)); margin: auto; }
@media only screen and (max-width: 640px) { .content { width: 100%; padding: 0%; margin: auto; } }

#page { display: flex; width: 100%; height: auto; min-height: calc(100vh - (260rem / 18)); padding: 0 1rem; }
#page .content { padding-top: 2rem; padding-bottom: 5rem; max-width: calc((1100rem / 18)); }
#page .ps { display: block; width: 100%; height: calc((120rem / 18)); font-size: calc((24rem / 18)); padding-right: 2rem; margin-bottom: 2rem; position: relative; padding-bottom: 2.5rem; }
#page .ps:after { display: block; content: ""; width: 95%; height: 2rem; position: absolute; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+2,ffffff+99&0+3,1+75 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, white 75%, white 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, white 75%, white 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0) 3%, #ffffff 75%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ }
@media only screen and (max-width: 640px) { #page .content { padding: 0 0.2rem; padding-bottom: 15rem; }
  #page .ps { display: block; max-width: calc((600rem / 18)); font-size: calc((22rem / 18)); line-height: calc((32rem / 18)); } }

footer { display: flex; width: 100%; min-height: calc((80rem / 18)); justify-content: center; align-items: center; background: #005BAB; clear: both; padding: 0 1rem !important; flex-direction: column; }
footer span { font-size: calc((14rem / 18)); line-height: calc((28rem / 18)); letter-spacing: calc((1rem / 18)); text-align: center; color: #ffffff; }
footer span br { display: none; }
@media only screen and (max-width: 1024px) { footer span { display: block; }
  footer span br { display: block; } }
@media only screen and (max-width: 640px) { footer { display: table; width: 100%; margin-top: 4%; padding: 4% 5% !important; text-align: center; margin-bottom: 7% !important; }
  footer span { margin-top: 1rem; line-height: calc((20rem / 18)); }
  footer span br { display: block; }
  footer span:nth-child(1) { margin-top: 0; } }

.precautions { width: 100%; letter-spacing: calc((1rem / 18)) !important; color: #666666; }
.precautions ul { list-style-type: decimal !important; list-style-position: outside !important; margin-left: calc((30rem / 18)) !important; }
.precautions .ul_disc { list-style-type: disc !important; margin-left: calc((30rem / 18)) !important; }
.precautions li { display: revert !important; letter-spacing: calc((1rem / 18)) !important; padding-right: calc((0rem / 18)) !important; color: #666666; float: none; text-align: left; width: 100%; margin-bottom: 0.5rem !important; }
@media only screen and (max-width: 640px) { .precautions { padding-bottom: 3rem; }
  .precautions li { font-size: calc((20rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((0rem / 18)) !important; } }

.precautions-i-change { margin-left: calc((21rem / 18)); display: flex; justify-content: flex-start; align-items: center; }
.precautions-i-change i { margin: 0 calc((5rem / 18)) 0 calc((-28rem / 18)) !important; position: static !important; display: inline-block !important; background: none !important; }

.pc { display: block !important; }
@media only screen and (max-width: 640px) { .pc { display: none !important; } }

.mobile { display: none !important; }
@media only screen and (max-width: 640px) { .mobile { display: block !important; } }

.pc-line { display: inline-block !important; }
@media only screen and (max-width: 640px) { .pc-line { display: none !important; } }

.mobile-line { display: inline-block !important; }
@media only screen and (max-width: 640px) { .mobile-line { display: block !important; } }

.cut-photo { display: block; max-width: calc((540rem / 18)); width: 100%; height: calc((540rem / 18)); border: 1px solid #cccccc; margin: auto; margin-bottom: 1rem; }

.popup { width: 100%; height: 100%; background: no-repeat center center rgba(153, 153, 153, 0.5); position: fixed; z-index: 999; min-height: calc((650rem / 18)); overflow: auto; top: -200%; opacity: 0; font-size: calc((20rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((1rem / 18)); }
.popup .btn-background, .popup .btn-background-i-know { position: fixed; width: 100%; height: 100%; background: no-repeat center center rgba(255, 255, 255, 0); }
.popup .btn-close, .popup .btn-close-i-know { width: calc((40rem / 18)); height: calc((40rem / 18)); position: absolute; right: calc((10rem / 18)); top: calc((10rem / 18)); background: url(../images/popup/btn-close.png) no-repeat center top; background-size: calc((40rem / 18)) calc((40rem / 18)); z-index: 6; cursor: pointer; }
.popup .content { max-width: calc((1024rem / 18)); }
.popup .con3, .popup .con-photo { max-width: calc((640rem / 18)); }
.popup .con3 div, .popup .con-photo div { margin-bottom: 0; }
.popup .content-text { height: calc((500rem / 18)); padding-right: 2rem; }
.popup .content-text div { margin-bottom: calc((20rem / 18)); }
.popup p { font-size: calc((20rem / 18)); line-height: calc((32rem / 18)); letter-spacing: calc((1rem / 18)); color: #000000; }
.popup .popup-content { display: table; background: #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: calc((10rem / 18)); padding: 3% 4%; margin: auto; z-index: 2; position: relative; top: 10vh; }
@media only screen and (max-width: 640px) { .popup { display: block; overflow-y: auto; font-size: calc((22rem / 18)) !important; line-height: calc((32rem / 18)) !important; letter-spacing: calc((1rem / 18)); }
  .popup .popup-content { margin-top: 10vh; width: 95%; }
  .popup p { font-size: calc((22rem / 18)) !important; line-height: calc((32rem / 18)) !important; letter-spacing: calc((1rem / 18)); color: #000000; }
  .popup .popup-content { padding: 12% 4%; } }

.popup-alert { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background: no-repeat center center rgba(153, 153, 153, 0.6); position: fixed; z-index: 999; left: 0; right: 0; top: -200%; margin: auto; }
.popup-alert .alert-content { display: flex; flex-direction: column; justify-content: center; max-width: calc((420rem / 18)); width: 90%; min-height: calc((200rem / 18)); background: #ffffff; border-radius: calc((10rem / 18)); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); padding: 4% 4%; margin: auto; }
.popup-alert .alert-content .txt-con { font-size: calc((24rem / 18)); line-height: calc((36rem / 18)); font-weight: normal; margin-bottom: 0.5rem; }

.popup-alert-change { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background: no-repeat center center rgba(153, 153, 153, 0.6); position: fixed; z-index: 999; left: 0; right: 0; top: -200%; margin: auto; }
.popup-alert-change .alert-content { display: flex; flex-direction: column; justify-content: center; max-width: calc((680rem / 18)); width: 90%; min-height: calc((200rem / 18)); background: #ffffff; border-radius: calc((10rem / 18)); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); padding: 4% 4%; margin: auto; }
.popup-alert-change .alert-content .txt-con { font-size: calc((24rem / 18)); line-height: calc((36rem / 18)); font-weight: normal; margin-bottom: 0.5rem; }

body .list-group, html .list-group { display: flex; justify-content: center; flex-flow: column; max-width: calc((640rem / 18)); width: 100%; margin: auto; }
body .list-group li, html .list-group li { display: flex; justify-content: left; align-items: center; margin-bottom: 2rem; }
body .list-group li label, html .list-group li label { min-width: calc((200rem / 18)); }
body .list-group li label span, html .list-group li label span { font-size: calc((18rem / 18)); }
body .list-group li .label-150, html .list-group li .label-150 { min-width: calc((140rem / 18)) !important; padding-left: 0.5rem; }
body .list-group li .label-200, html .list-group li .label-200 { min-width: calc((200rem / 18)) !important; padding-left: 0.5rem; font-weight: normal; }
body .list-group li .label-290, html .list-group li .label-290 { min-width: calc((320rem / 18)) !important; padding-left: 0.5rem; }
body .list-group li .w40, html .list-group li .w40 { width: 30%; }
body .list-group li a, html .list-group li a { min-width: calc((80rem / 18)); text-align: center; }
body .list-group li .code, html .list-group li .code { display: block; min-width: calc((140rem / 18)); height: calc((40rem / 18)); }
body .list-1024, html .list-1024 { max-width: calc((1200rem / 18)); }
body .list-1024 ul, html .list-1024 ul { margin-left: 0rem; }
body .list-1024 li, html .list-1024 li { display: flex; align-items: center; margin-bottom: 2rem; font-size: calc((24rem / 18)); }
body .list-1024 li label, html .list-1024 li label { padding-left: 1rem; min-height: calc((36rem / 18)); }
body .list-1024 li .label-200, html .list-1024 li .label-200 { min-width: calc((160rem / 18)) !important; padding-left: 0; font-weight: normal; margin-bottom: 0.5rem; }
body .list-1024 .con, html .list-1024 .con { width: 100%; display: flex !important; justify-content: center; align-items: center; margin-left: 1%; }
body .list-1024 .con-100, html .list-1024 .con-100 { width: 100%; justify-content: flex-start; margin-left: 1%; }
body .list-1024 .con-60, html .list-1024 .con-60 { width: 39%; margin-left: 1%; }
body .list-1024 .con-40, html .list-1024 .con-40 { width: 40%; margin-left: 1%; }
body .flex-d-row, html .flex-d-row { display: flex; flex-direction: row; }
@media only screen and (max-width: 640px) { body .list-group, html .list-group { display: flex; justify-content: center; flex-flow: column; max-width: calc((640rem / 18)); width: 100%; margin: auto; }
  body .list-group li, html .list-group li { display: flex; text-align: left; flex-direction: column; justify-content: left; align-items: normal; margin-bottom: 1rem; font-size: calc((22rem / 18)); letter-spacing: calc((1rem / 18)); }
  body .list-group li label, html .list-group li label { min-width: calc((120rem / 18)); font-size: calc((22rem / 18)); line-height: calc((54rem / 18)); letter-spacing: calc((1rem / 18)); }
  body .list-group li label span, html .list-group li label span { font-size: calc((18rem / 18)); }
  body .list-group li .label-290, html .list-group li .label-290 { min-width: calc((320rem / 18)) !important; padding-left: 0; font-weight: bold; }
  body .list-group li .label-150, html .list-group li .label-150 { min-width: calc((120rem / 18)) !important; }
  body .list-group li a, html .list-group li a { min-width: calc((80rem / 18)); }
  body .list-group li .code, html .list-group li .code { display: block; min-width: calc((140rem / 18)); height: calc((40rem / 18)); }
  body .list-group .flex-d-row, html .list-group .flex-d-row { display: flex; flex-direction: row !important; width: auto !important; }
  body .list-1024, html .list-1024 { max-width: calc((1200rem / 18)); }
  body .list-1024 ul, html .list-1024 ul { margin-left: 0rem; }
  body .list-1024 li label, html .list-1024 li label { padding-left: 0.5rem; }
  body .list-1024 li .label-200, html .list-1024 li .label-200 { min-width: calc((160rem / 18)) !important; padding-left: 0; font-weight: bold; margin-bottom: 0rem; }
  body .list-1024 .con, html .list-1024 .con { width: 100%; display: flex !important; justify-content: center; align-items: center; margin-bottom: 1rem; } }

.list-con { display: flex; align-items: center; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }

.list-con-column { display: flex; flex-direction: column; align-items: flex-start; }

body .nice-select, html .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: calc((5rem / 18)); border: solid 1px #999999; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: calc((24rem / 18)); font-weight: normal; height: calc((60rem / 18)); line-height: calc((60rem / 18)); outline: none; padding-left: calc((16rem / 18)); padding-right: calc((16rem / 18)); position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; width: 100% !important; }
body .nice-select:hover, html .nice-select:hover { border-color: #005BAB; }
body .nice-select:active, body .nice-select.open, body .nice-select:focus, html .nice-select:active, html .nice-select.open, html .nice-select:focus { border-color: #666; }
body .nice-select:after, html .nice-select:after { border-bottom: 2px solid #000; border-right: 2px solid #000; content: ''; display: block; height: calc((12rem / 18)); margin-top: calc((-8rem / 18)); pointer-events: none; position: absolute; right: calc((16rem / 18)); top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: calc((11rem / 18)); }
body .nice-select.open:after, html .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
body .nice-select.open .list, html .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
body .nice-select.disabled, html .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; }
body .nice-select.disabled:after, html .nice-select.disabled:after { border-color: #cccccc; }
body .nice-select.wide, html .nice-select.wide { width: 100% !important; }
body .nice-select.wide .list, html .nice-select.wide .list { left: 0 !important; right: 0 !important; }
body .nice-select.right, html .nice-select.right { float: right; }
body .nice-select.right .list, html .nice-select.right .list { left: auto; right: 0; }
body .nice-select.small, html .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }
body .nice-select.small:after, html .nice-select.small:after { height: 4px; width: 4px; }
body .nice-select.small .option, html .nice-select.small .option { line-height: 34px; min-height: 34px; }
body .nice-select .list, html .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; width: 100%; z-index: 9; }
body .nice-select .list li, html .nice-select .list li { margin-bottom: 0; font-size: calc((22rem / 18)); line-height: calc((40rem / 18)); min-height: calc((40rem / 18)); width: 50%; float: left; }
body .nice-select .list:hover .option:not(:hover), html .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
body .nice-select .option, html .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }
body .nice-select .option:hover, body .nice-select .option.focus, body .nice-select .option.selected.focus, html .nice-select .option:hover, html .nice-select .option.focus, html .nice-select .option.selected.focus { background-color: #7AB7E5; }
body .nice-select .option.selected, html .nice-select .option.selected { font-weight: normal; }
body .nice-select .option.disabled, html .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }
body .no-csspointerevents .nice-select .list, html .no-csspointerevents .nice-select .list { display: none; }
body .no-csspointerevents .nice-select.open .list, html .no-csspointerevents .nice-select.open .list { display: block; }
@media only screen and (max-width: 640px) { body .nice-select, html .nice-select { font-size: calc((22rem / 18)); font-weight: normal; height: calc((60rem / 18)); padding-left: calc((20rem / 18)); padding-right: calc((20rem / 18)); } }

.flight-list .nice-select .list li { width: 100%; }

.calendar-input { display: block; position: relative; height: calc((60rem / 18)); width: 100%; }
.calendar-input i { position: absolute; top: 1rem; left: 0.5rem; margin: auto; display: block; color: #999999; transition: all 0.5s ease-in-out; }
.calendar-input input { padding-left: 2.5rem; }
.calendar-input:hover i { color: #005BAB; transition: all 0.5s ease-in-out; }

.input_label_margin_0 { display: flex !important; align-items: flex-start !important; margin: 0 !important; }

.input_checkbox { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: calc((18rem / 18)); display: flex !important; margin: 0 2.5rem 2rem 0rem !important; padding-right: 0rem; padding-left: 2rem !important; min-width: calc((10rem / 18)) !important; width: auto !important; align-items: center; align-items: flex-start; height: auto; }
@media only screen and (max-width: 640px) { .input_checkbox { margin: 0 2rem 2rem 0rem !important; } }

/* Hide the browser's default checkbox */
.input_checkbox input[type=checkbox], .input_checkbox input[type=radio] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; bottom: 0; height: calc((25rem / 18)); width: calc((25rem / 18)); margin: auto; border-radius: calc((5rem / 18)); background: #ffffff; border: 1px solid #666666; bottom: auto; top: 0.3rem; }

/* On mouse-over, add a grey background color */
.input_checkbox:hover input[type=checkbox] ~ .checkmark, .input_checkbox:hover input[type=radio] ~ .checkmark { background: #ffffff; transition: all 0.5s ease-in-out; }

/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.input_checkbox input[type=checkbox]:checked ~ .checkmark:after, .input_checkbox input[type=radio]:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.checkmark:after { left: 0px; top: 0px; right: 0px; bottom: 0px; width: calc((6rem / 18)); height: calc((12rem / 18)); margin: auto; border: solid #005BAB; border-width: 0 calc((4rem / 18)) calc((4rem / 18)) 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease-in-out; }

.input_line { border: 0 !important; border-bottom: 1px #666666 solid !important; line-height: calc((40rem / 18)) !important; height: calc((40rem / 18)) !important; border-radius: 0 !important; width: auto !important; background: transparent !important; max-width: calc((250rem / 18)); }
@media only screen and (max-width: 640px) { .input_line { max-width: calc((200rem / 18)); } }

.input_line_none { display: none !important; }

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

.birth-input { width: calc((120rem / 18)) !important; margin: 0 0.5rem !important; }
@media only screen and (max-width: 640px) { .birth-input { width: calc((90rem / 18)) !important; margin: 0 0.5rem !important; padding: 0 0.3rem !important; text-align: center; } }

.p-margin-05 { margin-left: -0.5rem; }

@media only screen and (max-width: 640px) { .list-con-row-mobile { display: flex !important; flex-direction: row !important; align-items: center !important; } }

/* ---reset.css--- */
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 { padding: 0; margin: 0; }

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