@charset "UTF-8";
/*----------reset css-----------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

img { border: 0; max-width: 100%; vertical-align: middle; height: auto; }

iframe { max-width: 100%; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="text"]:focus { outline: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

textarea:focus { outline: none; }

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

td, th { padding: 0; }

ul, ol, dl, h1, h2, h3, h4, h5, h6, p, figure { padding: 0; margin: 0; }

textarea { resize: none; }

*:focus { outline: none; }

/*元素垂直置中*/
/*會由後台上稿的圖片*/
.c2 { color: #222222; }

.c3 { color: #333333; }

.c5 { color: #555555; }

.c7 { color: #777777; }

.cd { color: #dddddd; }

.ce { color: #eeeeee; }

.redcolor { color: #ff0000; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f17 { font-size: 17px; }

.f18 { font-size: 18px; }

.f19 { font-size: 19px; }

.f20 { font-size: 20px; }

.f21 { font-size: 21px; }

.f22 { font-size: 22px; }

.f23 { font-size: 23px; }

.f24 { font-size: 24px; }

.f25 { font-size: 25px; }

.f26 { font-size: 26px; }

.f27 { font-size: 27px; }

.f28 { font-size: 28px; }

.f29 { font-size: 29px; }

.f30 { font-size: 30px; }

.f31 { font-size: 31px; }

.f32 { font-size: 32px; }

.f33 { font-size: 33px; }

.f34 { font-size: 34px; }

.f35 { font-size: 35px; }

.f36 { font-size: 36px; }

.f37 { font-size: 37px; }

.f38 { font-size: 38px; }

.f39 { font-size: 39px; }

.f40 { font-size: 40px; }

.f41 { font-size: 41px; }

.f42 { font-size: 42px; }

.f43 { font-size: 43px; }

.f44 { font-size: 44px; }

.f45 { font-size: 45px; }

.f46 { font-size: 46px; }

.f47 { font-size: 47px; }

.f48 { font-size: 48px; }

.f49 { font-size: 49px; }

.f50 { font-size: 50px; }

.f51 { font-size: 51px; }

.f52 { font-size: 52px; }

.f53 { font-size: 53px; }

.f54 { font-size: 54px; }

.f55 { font-size: 55px; }

.f56 { font-size: 56px; }

.f57 { font-size: 57px; }

.f58 { font-size: 58px; }

.f59 { font-size: 59px; }

.f60 { font-size: 60px; }

.fontbold { font-weight: bold; }

.letterspace20 { letter-spacing: 0.02em; }

.letterspace30 { letter-spacing: 0.03em; }

.letterspace50 { letter-spacing: 0.05em; }

.text-indent2 { text-indent: 2em; }

.bgeeeeee { background-color: #eeeeee; }

.textalignleft { text-align: left; }

.textaligncenter { text-align: center; }

.textalignright { text-align: right; }

.displayinlineblock { display: inline-block; }

.displayflex { display: flex; }

.inlineblockmarr5 { display: inline-block; margin-right: 5px; }

.padtop10 { padding-top: 10px; }

.padbot10 { padding-bottom: 10px; }

.padtop20 { padding-top: 20px; }

.padbot20 { padding-bottom: 20px; }

.padtop30 { padding-top: 30px; }

.padbot30 { padding-bottom: 30px; }

.padtop40 { padding-top: 40px; }

.padbot40 { padding-bottom: 40px; }

.padtop50 { padding-top: 50px; }

.padbot50 { padding-bottom: 50px; }

.padtop60 { padding-top: 60px; }

.padbot60 { padding-bottom: 60px; }

.padtop70 { padding-top: 70px; }

.padbot70 { padding-bottom: 70px; }

.padtop80 { padding-top: 80px; }

.padbot80 { padding-bottom: 80px; }

.padtop90 { padding-top: 90px; }

.padbot90 { padding-bottom: 90px; }

.padtop100 { padding-top: 100px; }

.padbot100 { padding-bottom: 100px; }

.padtop110 { padding-top: 110px; }

.padbot110 { padding-bottom: 110px; }

.padtop120 { padding-top: 120px; }

.padbot120 { padding-bottom: 120px; }

.padtop130 { padding-top: 130px; }

.padbot130 { padding-bottom: 130px; }

@media (max-width: 1280px) { .padtop130, .padtop100 { padding-top: 60px; }
  .padbot110 { padding-bottom: 80px; } }
@media (max-width: 480px) { .padtop130, .padtop100, .padtop50 { padding-top: 30px; }
  .padbot110 { padding-bottom: 60px; } }
.marginleftright10 { margin: 0 10px; }

.marginbottom5 { margin-bottom: 5px; }

@media (max-width: 480px) { .mobiledisplaybr br { display: none; } }

.btnstyle { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f08300+0,ecb200+100 */ border-radius: 20px; color: #222; font-size: 17px; padding: 5px 20px; background: #fff; border: 2px solid #333333; display: inline-block; letter-spacing: -0.025em; }
.btnstyle.borderbtnstyle { background: #fff; border: 1px solid #f08300; color: #f08300; }
.btnstyle:hover { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }

@media (max-width: 480px) { .btnstyle { font-size: 16px; font-weight: 600; padding: 10px 20px; } }
.smallgraybtnstyle { font-size: 15px; background: #e1e1e1; border-radius: 30px; padding: 8px 20px; display: inline-block; border: none; margin-top: 3px; margin-bottom: 3px; }
.smallgraybtnstyle.style2 { background: #ccc; color: #fff; font-size: 17px; padding: 6px 25px; min-width: 130px; }
@media (max-width: 640px) { .smallgraybtnstyle.style2 { padding: 5px 15px; } }
.smallgraybtnstyle.style2.graybg { color: #333; background: #e1e1e1; }
.smallgraybtnstyle.style2.graybg:hover { background: #ccc; color: #fff; }
.smallgraybtnstyle.style2:hover { background: #000; }
.smallgraybtnstyle:hover { background: #ccc; color: #fff; }
.smallgraybtnstyle:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(0%) hue-rotate(21deg) brightness(114%) contrast(101%); }
@media (max-width: 640px) { .smallgraybtnstyle { padding: 5px 15px; } }

.smallborderbtnstyle { font-size: 12px; border-radius: 20px; border: 1px solid #ccc; display: inline-block; padding: 3px 7px; margin: 3px; background: none; }
.smallborderbtnstyle.f14 { font-size: 14px; }
.smallborderbtnstyle:hover { background-color: #ccc; border: 1px solid #ccc; color: #fff; }

.squarebtnstyle { background: #dfdfdf; padding: 10px 80px; border-radius: 0px; text-align: center; border: none; display: inline-block; font-size: 18px; }
.squarebtnstyle.deepgarybg { background-color: #6f6d6b; color: #fff; }
.squarebtnstyle.samll { font-size: 14px; padding: 3px 10px; }
.squarebtnstyle:hover { background: #f08200; color: #fff; }

.squarebtnstyle2 { background: #e1e1e1; padding: 2px 5px; border-radius: 3px; text-align: center; border: none; display: inline-block; font-size: 13px; margin: 3px; }
.squarebtnstyle2:hover { background: #ccc; color: #fff; }

.squarebtnstyle3 { background: #fb612c; color: #fff; padding: 2px 5px; border-radius: 3px; text-align: center; border: none; display: inline-block; font-size: 13px; margin: 3px; }
.squarebtnstyle3:hover { background: #ccc; color: #fff; }

.iconborderbtn { border: none; background-color: #dbdbdb; display: flex; align-items: center; justify-content: center; padding: 8px 15px 8px 10px; border-radius: 50px 50px 50px 0; -webkit-box-shadow: 4px 3px 0px 0px #a6a6a6; -moz-box-shadow: 4px 3px 0px 0px #a6a6a6; box-shadow: 4px 3px 0px 0px #a6a6a6; }
.iconborderbtn:hover { background-color: #000; color: #fff; }
.iconborderbtn .icon .iconcircle { border-radius: 50px 50px 50px 0; background-color: #fff; text-align: center; width: 35px; height: 35px; line-height: 35px; }
.iconborderbtn .txt { padding-left: 5px; }

.nobtnstyle { border: none; background: none; }

.flexcenter { display: flex; flex-wrap: wrap; justify-content: center; }

.flexaligncenter { display: flex; flex-wrap: wrap; align-items: center; }

.flexbetween { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; }

.alignitems { align-items: center; }

.btncenter { text-align: center; margin: 20px 0px; }

.circlebtn { width: 100px; height: 100px; border-radius: 100%; display: flex; text-align: center; align-items: center; justify-content: center; font-weight: bold; font-size: 15px; background-color: #ccc; }
.circlebtn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.linkstyle { text-decoration: underline; color: #fff; margin-left: 5px; border-radius: 3px; background-color: #999; font-size: 14px; padding: 3px 5px; }

.hoverunderline:hover { text-decoration: underline; }

.backpre { text-align: center; }

.vefify { display: flex; flex-wrap: wrap; justify-content: center; }

.inputstyle { background-color: #fff; border: 1px solid #eaeaea; padding: 6px 10px; width: initial; }
.inputstyle::placeholder { color: #b5b5b5; font-weight: 300; }
.inputstyle[disabled="disabled"] { border: none; background: none; }
.inputstyle.w75 { width: 75px; }
.inputstyle.w100 { width: 100px; }
.inputstyle.w150 { width: 150px; }
.inputstyle.w200 { width: 200px; }
.inputstyle.w310 { width: 310px; }
@media (max-width: 767px) { .inputstyle.w310 { width: 100%; } }
.inputstyle.textareastyle { height: 174px; }
.inputstyle[disabled="disabled"] { background-color: #eee; border: none; }
.inputstyle.bordergraybg { background: #f2f2f2; border: 1px solid #dbdbdb; border-radius: 20px; padding: 8px 15px; }
.inputstyle.bordergraybgshadow { background: #f2f2f2; border-radius: 20px; padding: 10px 15px; border: none; -webkit-box-shadow: inset 5px 5px 0px 0px #e0e0e0; -moz-box-shadow: inset 5px 5px 0px 0px #e0e0e0; box-shadow: inset 5px 5px 0px 0px #e0e0e0; }

.twzipcodeinput { margin-right: 5px; }

.labelblock { display: inline-block; padding: 3px 15px 3px 0px; cursor: pointer; }
.labelblock:hover .itemname { color: #458092; }

.radiobox { margin-right: 10px; }

.radiostyle { margin-right: 3px; }

.flexcheckradio { display: flex; align-items: center; width: 125px; }
.flexcheckradio input.newcheckradio { display: none; }
.flexcheckradio input.newcheckradio:active ~ .checkstyle { transform: scale(0); }
.flexcheckradio input.newcheckradio:active:checked ~ .checkstyle { transform: scale(0); }
.flexcheckradio input.newcheckradio:checked ~ .checkstyle { box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, 0.2); transform: scale(1); }
.flexcheckradio input.newcheckradio:checked ~ .checkstyle:before { display: block; color: #2cc5e7; transform: rotate(0deg); }
.flexcheckradio .checkstyle { transform: scale(1); flex-shrink: 0; box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1); position: relative; display: flex; justify-content: center; align-items: center; border-radius: 5px; width: 30px; height: 30px; background: #eee; cursor: pointer; }
.flexcheckradio .checkstyle:before { content: "\f00c"; display: block; position: absolute; color: #ccc; display: none; font-size: 20px; transition: 0.5s; transform: rotate(90deg); top: 0px; left: 6px; }
.flexcheckradio .itemname { flex: 1; font-size: 20px; padding-left: 10px; }

.listystyle { padding-left: 20px; }
.listystyle li { margin-bottom: 10px; }

.enlist { padding-left: 30px; }
.enlist li { list-style: upper-roman; }
.enlist li::marker { color: #ca000a; }

.page_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 40px 0 60px 0; color: #222; }
@media (max-width: 480px) { .page_box { padding: 20px 0 30px 0; } }
.page_box .page_num { display: inline-block; font-size: 15px; text-align: center; margin: 0 5px; text-decoration: none; width: 30px; height: 30px; line-height: 30px; color: #222222; }
.page_box .page_num.active, .page_box .page_num:hover { background: #ca000a; color: #fff; }
.page_box .page_num.page_arrow { color: #222222; font-size: 18px; }
.page_box .page_num.page_arrow:hover { color: #ca000a; background: none; }
.page_box .page_dot { display: inline-block; padding: 10px; text-align: center; margin: 0 3px; }
.page_box .page_select { display: inline-block; margin-left: 20px; font-size: 14px; }
.page_box .page_select .num_input { border: 1px solid #222; width: 40px; height: 25px; padding: 3px 5px; }

.unreset { line-height: 1.8; }

table.formtable { border: 1px solid #eeeeee; width: 100%; }
table.formtable tbody tr td { padding: 10px 15px; border: 1px solid #eeeeee; background: #fff; }
@media (max-width: 767px) { table.formtable tbody tr td { display: block; width: 100%; } }
table.formtable tbody tr td.graybg { background: #eeeeee; border-bottom: 1px solid #fff; }
@media (max-width: 767px) { table.formtable tbody tr td.graybg { border-bottom: none; } }

table.noborder { width: 100%; }
@media (max-width: 480px) { table.noborder tr td { display: block; width: 100%; }
  table.noborder tr td.mobileinlineblock { display: inline-block; width: initial; }
  table.noborder tr td:first-child { padding-bottom: 0; }
  table.noborder tr td:nth-child(2) { padding-top: 0; } }
table.noborder tr td { padding: 5px; }

table.borderbottom { width: 100%; }
@media (max-width: 767px) { table.borderbottom { font-size: 12px; } }
table.borderbottom tr th, table.borderbottom tr td { text-align: center; padding: 8px 5px; }
table.borderbottom tr th { font-weight: bold; border-bottom: 1px solid #333; }
table.borderbottom tr td { border-bottom: 1px solid #c6c6c6; }

ul.iconlist li { list-style: none; display: flex; flex-wrap: wrap; font-weight: bold; margin-bottom: 3px; }
ul.iconlist li.normalweight { font-weight: normal; }
ul.iconlist li .icon { flex-shrink: 0; }
ul.iconlist li .txt { flex: 1; padding-left: 5px; }

ol.ollist { padding-left: 22px; }

.notextunderline { text-decoration: none; }

.empty-row { margin-left: auto; margin-right: auto; padding: 40px 20px; max-width: 640px; }
.empty-row .img-box { max-width: 100px; margin-left: auto; margin-right: auto; }
.empty-row .img-box img { display: block; width: 100%; }
.empty-row .content { margin-top: 40px; text-align: center; }
.empty-row .content .title { color: #222; font-size: 32px; line-height: 1.2; margin: 0; }
.empty-row .content .des { color: #999; font-size: 17px; line-height: 1.6; margin: 0; margin-top: 20px; }
.empty-row .btn-row { margin-top: 40px; }
.empty-row .btn-row .link { background: #aaa; color: #fff; display: block; font-size: 17px; margin-left: auto; margin-right: auto; padding: 13px; text-align: center; text-decoration: inherit; transition: all .4s; width: 120px; }
.empty-row .btn-row .link:hover { background: #777; }

@media (max-width: 640px) { .empty-row .content { margin-top: 30px; }
  .empty-row .content .title { font-size: 26px; }
  .empty-row .content .des { font-size: 16px; margin-top: 15px; }
  .empty-row .btn-row { margin-top: 30px; } }
.error-row { background: url(../images/error-background.svg) no-repeat; background-position: center top; max-width: 1400px; margin-left: auto; margin-right: auto; padding: 60px 20px; }
.error-row .img-box { max-width: 640px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }
.error-row .img-box img { display: block; width: 100%; }
.error-row .img-box .error-code { color: #555; font-size: 120px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin: 0; position: absolute; top: 42%; left: 50%; transform: translateX(-57%); }
.error-row .content { margin-top: 50px; text-align: center; }
.error-row .content .title { color: #444; font-size: 30px; font-weight: bold; margin: 0; }
.error-row .content .des { margin-top: 25px; }
.error-row .content .des p { color: #555; font-size: 18px; line-height: 1.6; margin: 0; }
.error-row .content .des p:not(:last-child) { margin-bottom: 5px; }
.error-row .btn-row { margin-top: 80px; }
.error-row .btn-row .link { border-radius: 30px; background: #666666; color: #fff; display: block; font-size: 24px; padding: 15px 13px; margin-left: auto; margin-right: auto; text-align: center; text-decoration: inherit; text-transform: uppercase; transition: all .4s; width: 240px; }
.error-row .btn-row .link:hover { background: #333; }

@media (max-width: 1440px) { .error-row .img-box { max-width: 540px; }
  .error-row .img-box .error-code { font-size: 100px; }
  .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 1024px) { .error-row .img-box { max-width: 440px; }
  .error-row .img-box .error-code { font-size: 70px; top: 45%; }
  .error-row .btn-row { margin-top: 50px; } }
@media (max-width: 640px) { .error-row .img-box .error-code { font-size: 50px; top: 45%; }
  .error-row .content { margin-top: 30px; }
  .error-row .content .title { font-size: 26px; }
  .error-row .content .des { margin-top: 15px; }
  .error-row .content .des p { font-size: 16px; }
  .error-row .btn-row { margin-top: 30px; }
  .error-row .btn-row .link { font-size: 17px; max-width: 170px; } }
/*-------------------unrest css-----------------*/
.unreset { font-size: 16px; }
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; text-align: center; }
.unreset th { font-weight: bold; text-align: center; }
.unreset body { margin: 8px; }
.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset .unreset sub, .unreset .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset:link, .unreset:visited { text-decoration: underline; }
.unreset:focus { outline: thin dotted invert; }
.unreset img { max-width: 100%; height: initial !important; }
.unreset iframe { max-width: 100%; }
.unreset .embeddedContent { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.unreset .embeddedContent iframe, .unreset .embeddedContent object, .unreset .embeddedContent embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.unreset a { color: #0066ff; }

.unreset table { background-color: transparent; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
.unreset th { text-align: left; }
.unreset .dcf-txt-center { text-align: center !important; }
.unreset .dcf-txt-left { text-align: left !important; }
.unreset .dcf-txt-right { text-align: right !important; }
.unreset .dcf-table caption { color: var(--caption); font-size: 1.13em; font-weight: 700; padding-bottom: 0.56rem; }
.unreset .dcf-table thead { font-size: 0.84em; }
.unreset .dcf-table tbody { border-bottom: 1px solid var(--b-table); border-top: 1px solid var(--b-table); font-size: 0.84em; }
.unreset .dcf-table tfoot { font-size: 0.84em; }
.unreset .dcf-table td, .unreset .dcf-table th { padding-right: 1.78em; }
.unreset .dcf-table-bordered, .unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th { border: 1px solid var(--b-table); }
.unreset .dcf-table-bordered td, .unreset .dcf-table-bordered th, .unreset .dcf-table-striped td, .unreset .dcf-table-striped th { padding-left: 1em; padding-right: 1em; }
.unreset .dcf-table-bordered tr:not(:last-child), .unreset .dcf-table-striped tr:not(:last-child) { border-bottom: 1px solid var(--b-table); }
.unreset .dcf-table-striped tbody tr:nth-of-type(2n) { background-color: var(--bg-table-stripe); }
.unreset .dcf-table thead td, .unreset .dcf-table thead th { padding-bottom: .75em; vertical-align: bottom; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th, .unreset .dcf-table tfoot td, .unreset .dcf-table tfoot th { padding-top: .75em; vertical-align: top; }
.unreset .dcf-table tbody td, .unreset .dcf-table tbody th { padding-bottom: 0.75em; }
.unreset .dcf-table-bordered thead th { padding-top: 1.33em; }
.unreset .dcf-wrapper-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; left: 50%; margin-left: -50vw; margin-right: -50vw; padding-bottom: 1em; position: relative; right: 50%; width: 100vw; }
.unreset .dcf-overflow-x-auto { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 42.09em) { .unreset .dcf-table-responsive thead { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap; }
  .unreset .dcf-table-responsive tr { display: block; }
  .unreset .dcf-table-responsive td { -webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: grid; grid-template-columns: 1fr 2fr; text-align: left !important; }
  .unreset .dcf-table-responsive.dcf-table-bordered, .unreset .dcf-table-responsive.dcf-table-bordered thead th { border-width: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody td { border-top-width: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody tr { padding-bottom: 0.75em; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered) tbody td { padding-bottom: 0; }
  .unreset .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td { padding-right: 0; }
  .unreset .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child { border-bottom-width: 0; }
  .unreset .dcf-table-responsive tbody td:before { content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em; } }
/*-------------------basic scss---------------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; }

html { position: relative; font-size: 100%; }

html * { transition: 0.3s; position: relative; }

@media print { * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */ color-adjust: exact !important; /* Firefox 48 – 96 */ print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */ }
  table { page-break-inside: auto; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  .page { page-break-inside: avoid; /* 若順著向下排列時會切開此元素，則直接換頁 */ } }
a { text-decoration: none; color: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:active, a:focus { text-decoration: none; }

h1, h2, h3 { font-size: inherit; font-weight: inherit; }

table { table-layout: fixed; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* ie */
input:-moz-placeholder { color: #999; }

input, button { outline: none; }

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

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-track:hover { background-color: #f4f4f4; }

/* scrollbar itself */
::-webkit-scrollbar-thumb { background-color: #bfbfbf; }

::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; }

/*反白文字*/
::selection { background: yellow; color: #000; }

::-moz-selection { background: yellow; color: #000; }

.inlineblock { display: inline-block; }

.floatleft { float: left; }

.floatright { float: right; }

.clearfloat { clear: both; height: 0; line-height: 0px; }

.video-container { position: relative; padding-bottom: 53.8%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.oembed-provider-youtube { position: relative; padding-bottom: 56.25%; /* padding-top: 30px; */ height: 0; overflow: hidden; }

.oembed-provider-youtube iframe, .oembed-provider-youtube object, .oembed-provider-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.googlemap-container { position: relative; padding-bottom: 25%; padding-top: 30px; height: 0; overflow: hidden; }

.googlemap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vermid { vertical-align: middle; }

.vertop { vertical-align: top; }

.txtleft { text-align: left; }

.txtrigh { text-align: right; }

.txtcenter { text-align: center; }

.textunderline { text-decoration: underline; }

/*如果有載入字型用這段*/
body { color: #222222; font-size: 16px; font-family: open-sans, Microsoft JhengHei, PMingLiU, Arial, sans-serif, "FontAwesome"; line-height: 1.6; max-width: 100vw; min-width: 360px; margin: 0 auto; position: relative; overflow-x: hidden; letter-spacing: 0.03em; min-height: 100vh; overflow-y: auto; }

@media (max-width: 320px) { body { overflow-x: auto; } }
.wrapper { max-width: 1480px; margin: 0 auto; padding: 0 40px; }
@media (max-width: 480px) { .wrapper { padding: 0 20px; } }

.innerpage_section { padding: 60px 0 40px 0; }

.secSpacing { padding: 60px 0 60px 0; }
@media (max-width: 1366px) { .secSpacing { padding: 60px 0 90px 0; } }
@media (max-width: 768px) { .secSpacing { padding: 30px 0 60px 0; } }
@media (max-width: 480px) { .secSpacing { padding: 20px 0 40px 0; } }

/* .banner_section { min-height: 100vh; background-color: #a8e3db; } */
.banner_section { min-height: 100vh; /*background-color: #a8e3db;*/ background-color: #d6f7f3; }

#vanta-dots { min-height: 100vh; width: 100vw; overflow: hidden; }

#vanta-dots-inner { min-height: 250px; width: 100vw; overflow: hidden; }

.lungbox { position: relative; }

#lungbox { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; }

.banner { position: absolute; display: flex; align-items: center; justify-content: center; left: 50%; top: 50%; transform: translate(-50%, -50%); /* text-align: center; */ width: 100%; max-width: 1320px; z-index: 999999; }
.banner .bannerin { display: flex; align-items: center; width: 100%; padding: 0 40px; }
.banner .bannerin .lefttxt { width: 60%; padding-right: 50px; box-sizing: border-box; color: #124a70; }
.banner .bannerin .lefttxt .t1 { font-size: 32px; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 20px; animation: text-focus-in 1.5s ease-out both 1.5s; }
.banner .bannerin .lefttxt .t2 { font-size: 20px; letter-spacing: 0.1em; max-width: 610px; line-height: 1.8; animation: text-focus-in 1.5s ease-out both 1.5s; }
.banner .bannerin .rightphoto { width: 40%; padding-left: 20px; padding-top: 50px; box-sizing: border-box; }
.banner .bannerin .rightphoto img { max-width: 100%; /*width: 100%;*/ animation: text-focus-in 1.5s ease-out both 2s; }

.scrolldown { position: absolute; bottom: 30px; color: #124a70; left: 50%; margin-left: -45px; text-align: center; line-height: 2.5; cursor: pointer; display: block; word-break: keep-all; font-size: 15px; }

.scrolldown img { filter: brightness(0) saturate(100%) invert(19%) sepia(77%) saturate(1222%) hue-rotate(177deg) brightness(89%) contrast(87%); }

.infinite { animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown; }


/* .banner2{
  position: absolute; 
  width: 100%;
} */
.banner2 .lefttxt{
  width: 40%;
  left: 12%;
  margin-top: 13%;
}
.banner_section{ background: url(../images/index_banner.jpg) no-repeat center; background-size: cover; height: 100vh;position: relative;}
.banner_section .lefttxt .t1{/*font-size: 80px;*/ font-size: 4.1vw; font-family: 'Poppins', 'Open Sans', serif;  color:#458092;line-height: 1.1;}
.banner_section .lefttxt .t1 span{color:#d44c56;}
.banner_section .lefttxt .t2{color:#444;font-size: 21px;line-height: 2;margin-top: 20px;font-weight: 400;}
.EN .banner_section .lefttxt .t2{line-height: 1.8;}
.banner_section .lefttxt{
/*   width: 36%; */
  width: 43%;
  left: 9%;
/*   margin-top: 13%; */
/*   top: 50%; */
top: 43%;
  transform: translateY(-50%);
      font-weight: 900;
}

@media (max-width: 1366px) {
  .banner_section .lefttxt{
    width: 50%;
    left: 5%;
  }
}
@media (max-width: 960px) {
   .banner_section .lefttxt{
      width: 100%;
      background: rgba(255, 255, 255, .65);
      left: 0;
      padding: 40px;
   }
}
@media (max-width: 640px) {
  .banner_section .lefttxt{
    padding: 30px 20px;
    top: 50%;
  }
  .banner_section .lefttxt .t1 {
      font-size: 40px;
  }
  .banner_section .lefttxt .t2 {
      font-size: 16px;
      margin-top: 10px;
  }
  .EN .banner_section .lefttxt .t2 {
    line-height: 1.5;
  }
}
@media (max-width: 480px) {
  .banner_section {
    background: url(../images/index_banner_phone.jpg) no-repeat center right; 
    background-size: cover; 
  }
}/* .banner2 .rightphoto{
  position: absolute;
  right: 0;
  top: 10%;
  width: 54%;

  top: 65%;
  transform: translateY(-40%);
}
.banner2 .rightphoto img{
  display: block;
  max-width: 95%;
  margin-left: auto;
} */
/* .banner2 .leftphoto{
  position: absolute;
  left: 0;
  top: 115%;
  width: 45%;
}
.banner2 .leftphoto img{
  display: block;
  max-width: 100%;
} */
/* @media (max-width: 1366px) {
  .banner2 .lefttxt{
    left: 8%;
    margin-top: 11%;
  }
  .banner2 .leftphoto{
    width: 35%;
  }
  .banner2 .rightphoto{
    width: 50%;
    top: 50%;
  }
}
@media (max-width: 1280px) {
  .banner2{
    top: 10%;
  }
  .banner2 .lefttxt{
    left: 6%;
  }
  .banner2 .lefttxt .t2{
    font-size:17px ;
  }
}

@media (max-width: 960px) {
}

@media (max-width: 768px) {
  .banner2 .lefttxt{
    width: 100%;
    position: static;
    width:80%;
    margin: 20px auto 40px 40px;
    z-index: 999;
  }
  .banner2 .lefttxt .t1{
    font-size: 40px;
  }
  .banner2 .rightphoto{
    width: 70%;
    position: static;
    transform: none;
    margin-left: auto;
    margin-top: -5%;
  }
  .banner2 .leftphoto{
    display: none;
  }
}

@media (max-width: 640px) {
  .banner2 .lefttxt{
    margin: 25px auto 10px auto;
  }
  .banner2 .lefttxt .t1{
    font-size: 35px;
  }
  .banner2 .lefttxt .t2{
    font-size:16px;
    margin-top: 10px;
  }
} */

@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@media (max-width: 1440px) { .banner .bannerin { max-width: 1080px; } }
@media (max-width: 1366px) { .banner .bannerin .lefttxt { padding-right: 30px; }
  .banner .bannerin .lefttxt .t1 { font-size: 26px; }
  .banner .bannerin .lefttxt .t2 { font-size: 17px; } }
@media (max-width: 1024px) { .banner .bannerin { max-width: 940px; } }
@media (max-width: 960px) { .banner_section { height: 100vh; min-height: 940px; }
  .banner .bannerin { flex-wrap: wrap; padding: 0 40px; justify-content: center; }
  .banner .bannerin .lefttxt { padding-right: 0; text-align: center; padding-bottom: 40px; width: auto; }
  .banner .bannerin .rightphoto { width: auto; padding-left: 0; padding-top: 0; padding-bottom: 0; } }
@media (max-width: 480px) { #lungbox { opacity: 0.6; }
  .banner .bannerin .lefttxt .t2 { font-size: 14px; letter-spacing: 0; }
  .banner .bannerin .lefttxt .t1 { letter-spacing: 0; margin-bottom: 10px; }
  .banner .bannerin .lefttxt { padding-bottom: 20px; width: auto; }
  .banner_section { min-height: 680px; height: 100vh; }
  .scrolldown { bottom: 45px; line-height: 2; font-size: 14px; }
  .banner { margin-top: -30px; } }
.innerbanner { position: absolute; align-items: center; justify-content: center; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: 1320px; z-index: 999999; color: #124a70; }
.innerbanner .tw { font-size: 32px; letter-spacing: 0.1em; font-weight: bold; animation: text-focus-in 1s ease-out both 0s; }
.innerbanner .en { font-size: 20px; letter-spacing: 0.1em; text-align: center; line-height: 1.8; animation: text-focus-in 1s ease-out both 0s; }

@keyframes text-focus-in { 0% { opacity: 0; -webkit-filter: blur(12px); filter: blur(12px); }
  100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
header { z-index: 999999999; }
header:hover { z-index: 9999999999; }
header .logo { color: #124a70; display: block; line-height: 1; }
header .logo .tw { font-size: 20px; font-family: source-han-sans-traditional, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; margin-bottom: 5px; transition: none; }
header .logo .tw + .en { font-size: 12px; letter-spacing: -0.01em; }
header .logo .en { font-size: 22px; letter-spacing: -0.01em;line-height: 1.2; transition: none;}
header .logosecout { position: absolute; top: 28px; left: 20px; }
/* header .logosecout.scrollUp { position: fixed; } */
@media (max-width: 960px) { 
/*   header .logosecout.scrollUp { background: #fff; top: 0; left: 0; padding: 10px; width: 100%;     box-shadow: 0 0 5px rgba(0,0,0,.5);}  */
}
header .logosec { display: flex; align-items: center; }
header .logosec .menuicon { margin-right: 15px; cursor: pointer; }
header .logosec .menuicon img { filter: brightness(0) saturate(100%) invert(21%) sepia(80%) saturate(744%) hue-rotate(168deg) brightness(94%) contrast(92%); }
header .menusec { transform: translate(-100%, 0); position: fixed; height: 100vh; overflow: auto; width: 340px; padding: 28px 15px 28px 20px; background: #f4f4f4; color: #124a70; }
header .menusec.active { transform: translate(0, 0); }
header .menusec .openlogo { display: flex; align-items: center; margin-bottom: 20px; }
header .menusec .openlogo .closeicon { margin-right: 15px; cursor: pointer; }
header .menusec .openlogo .closeicon img { filter: brightness(0) saturate(100%) invert(21%) sepia(80%) saturate(744%) hue-rotate(168deg) brightness(94%) contrast(92%); }
header .menusec .mainnav ul li { list-style: none; font-size: 18px; padding: 15px 0; letter-spacing: 0.1em; }
header .menusec .mainnav ul li a { display: inline-block; }
header .menusec .external_link { margin-bottom: 45px; margin-top: 20px; }
header .menusec .external_link .one { display: flex; flex-wrap: wrap; align-items: center; line-height: 1; }
header .menusec .external_link .one .icon { color: #2cc5e7; margin-right: 5px; }
header .menusec .external_link .one .icon .fa-solid { font-size: 17px; }
header .menusec .external_link .one .txt { color: #888; font-size: 17px; letter-spacing: 0.1em; }
header .menusec .sharesec { display: flex; flex-wrap: wrap; }
header .menusec .sharesec .oneset { display: inline-block; max-width: calc(100% / 3); border-radius: 50px; border: 1px solid #2cc5e7; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #2cc5e7;  display: flex;align-items: center; justify-content: center;}
header .menusec .sharesec .oneset:not(:last-child) { margin-right: 30px; }
header .menusec .sharesec .oneset .fa { font-size: 19px; }
header .menusec .sharesec .oneset img { max-width: 24px; }
header .menusec .daynight { margin-top: 40px; }
header .menusec .copyright { margin-top: 40px; font-size: 12px; }

.daynight { width: 131px; height: 66px; margin: 0 auto; background: url(../images/daynight_bg.png) no-repeat center center; padding: 4px; }
.daynight .circlebg { position: absolute; left: 5px; }
.daynight .circlebg.active { transform: translate(65px, 0); }
.daynight .daynightbtn { z-index: 99; display: flex; }
.daynight .daynightbtn .one { cursor: pointer; text-align: center; width: 56px; height: 56px; line-height: 56px; display: flex; align-items: center; justify-content: center;}
.daynight .daynightbtn .one:first-child { margin-right: 10px; }

@media (max-width: 480px) { header .logosecout { top: 20px; left: 20px; }
  header .menusec .mainnav ul li { font-size: 17px; padding: 12px 0; letter-spacing: 0em; }
  header .menusec .external_link { margin-bottom: 35px; margin-top: 20px; } }
.toastbox { width: 280px; padding: 10px; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; border-radius: 4px; position: fixed; top: -100px; left: 50%; transform: translate(-50%, 0px); -webkit-transition: transform .3s linear; transition: transform .3s linear; z-index: 9999999999999; }
.toastbox.toast-tox--active { transform: translate(-50%, 150px); }

@media (max-width: 1200px) { .toastbox.toast-tox--active { transform: translate(-50%, 200px); } }
.downloadgroup { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;  align-items: flex-start; }
.downloadgroup .oneset { padding: 2.5%; }

.bookout { display: block; }

.book { width: 340px; height: 472px; position: relative; text-align: center; }

.book-cover { position: absolute; z-index: 1; width: 100%; height: 100%; transform-origin: 0 50%; -webkit-transform-origin: 0 50%; background: #111; background-size: cover; border-radius: 3px; box-shadow: inset 4px 1px 3px #ffffff60, inset 0 -1px 2px #00000080; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }

.book .book-cover { background-size: 100% 100%; }

.effect { width: 20px; height: 100%; margin-left: 10px; border-left: 2px solid #00000010; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); transition: all .5s ease; }

.light { width: 90%; height: 100%; position: absolute; border-radius: 3px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); top: 0; right: 0; opacity: .1; transition: all .5s ease; -webkit-transition: all .5s ease; }

.bookout:hover { cursor: pointer; }

.bookout:hover .book-cover { transform: perspective(2000px) rotateY(-30deg); -webkit-transform: perspective(2000px) rotateY(-30deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; box-shadow: inset 4px 1px 3px #ffffff60, inset 0 -1px 2px #00000080, 10px 0px 10px -5px #00000030; }

.bookout:hover .effect { width: 40px; /** margin-left:13px; opacity: 0.5; **/ }

.bookout:hover .light { opacity: 1; width: 70%; }

.book-inside { width: calc(100% - 2px); height: 96%; position: relative; top: 2%; border: 1px solid grey; border-radius: 3px; background: white; box-shadow: 10px 40px 40px -10px #00000030, inset -2px 0 0 grey, inset -3px 0 0 #dbdbdb, inset -4px 0 0 white, inset -5px 0 0 #dbdbdb, inset -6px 0 0 white, inset -7px 0 0 #dbdbdb, inset -8px 0 0 white, inset -9px 0 0 #dbdbdb; }

.bookname { text-align: center; font-weight: bold; font-size: 20px; margin-top: 20px;  font-family: 'montserrat';}

.downloadgroup .otherbtn{display: flex;align-items: center;justify-content: center;padding:12px 10px;margin-top: 15px; background: #eee;border-radius: 5px; font-family: 'montserrat';}
.downloadgroup .otherbtn .btn{}
.downloadgroup .otherbtn .btn:not(:last-child){
  padding-right: 30px;
  position: relative;
}
.downloadgroup .otherbtn .btn:not(:last-child):after{
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 50%;
  background: #aaa;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.downloadgroup .otherbtn .btn a{}
.downloadgroup .otherbtn .btn.link a{}
.downloadgroup .otherbtn .btn.download a{}
.downloadgroup .otherbtn .btn a:hover{color:#316287;}

@media (max-width: 1440px) { .downloadgroup .oneset { padding: 30px 20px; }
  .book { width: calc(362px / 1.2); height: calc(504px / 1.2); } }
@media (max-width: 480px) { .book { width: 280px; height: 389.83px; } }
.selectcity .txt1 { font-size: 30px; margin-bottom: 20px; }
.selectcity .checkboxgroup .labelblock { padding: 10px 20px 10px 0px; }

@media (max-width: 1280px) { .selectcity .checkboxgroup .labelblock { padding: 10px 18px 10px 0px; }
  .flexcheckradio .itemname { font-size: 20px; } }
@media (max-width: 640px) { .flexcheckradio .itemname { font-size: 18px; } }
.alreadychose { text-align: center; margin: 20px 0 10px; font-size: 30px; }
.alreadychose .bigfont { font-size: 46px; }

.gocompare { text-align: center; }
.gocompare .comparebtn { display: inline-block; background: #eee; color: #aaa; padding: 8px 40px; font-size: 20px; letter-spacing: 0.03em; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; border: none; }
@media (max-width: 480px) { .gocompare .comparebtn { padding: 8px 20px; font-size: 18px; letter-spacing: 0em; margin-right: 5px; margin-bottom: 10px; } }
.gocompare .comparebtn.style2:hover { transform: scale(1.1); }
.gocompare .comparebtn.active { background: #458092; color: #fff; }
.gocompare .comparebtn.active:active { transform: scale(0.8); }

.compare2_sec { max-width: 1200px; margin: 0 auto; }
.compare2_sec .subdescrip { font-size: 10px; margin-bottom: 10px; font-size: 20px; text-align: center; }
.compare2_sec .subdescrip .morebigfont { font-size: 30px; font-weight: 900; }
.compare2_sec .compareresult .rowheader { background-color: #57ada1; padding: 10px; display: flex; border-radius: 5px; justify-content: center; width: 100%; position: sticky; top: 0px; z-index: 999999999; }
.compare2_sec .compareresult .rowheader .one { width: calc(100% / 3); color: #fff; font-size: 30px; text-align: center; }
.compare2_sec .compareresult .bigset { width: 100%; }
.compare2_sec .compareresult .bigset .bignav { margin-top: 3px; width: 100%; padding: 10px; border-radius: 5px; text-align: center; background-color: #d2e9e6; color: #555; font-size: 23px; font-weight: bold; cursor: pointer; }
.compare2_sec .compareresult .bigset .bignav.active .fa-solid { transform: rotate(0deg); }
.compare2_sec .compareresult .bigset .bignav .fa-solid { margin-left: 5px; transform: rotate(180deg); }
.compare2_sec .compareresult .bigset .subnavset { display: none; }
.compare2_sec .compareresult .bigset .subnav { margin-top: 3px; width: 100%; padding: 10px 30px; border-radius: 5px; text-align: center; background-color: #eeeeee; }
.compare2_sec .compareresult .bigset .subnav .subnav_title { font-size: 20px; font-weight: bold; color: #333333; border-bottom: 1px solid #999; padding: 10px 0 5px 0; }
.compare2_sec .compareresult .bigset .subnav .subnav_title .remark { font-size: 14px; font-weight: normal; }
.compare2_sec .compareresult .bigset .subnav .rowdata { display: flex; padding: 10px 0; justify-content: center; }
.compare2_sec .compareresult .bigset .subnav .rowdata .one { width: calc(100% / 3); font-size: 20px; text-align: center; color: #666666; line-height: 1.2; }

@media (max-width: 767px) { .compare2_sec .compareresult .rowheader .one { font-size: 24px; }
  .compare2_sec .compareresult .bigset .bignav { font-size: 20px; }
  .compare2_sec .compareresult .bigset .subnav .subnav_title { font-size: 17px; }
  .compare2_sec .compareresult .bigset .subnav .rowdata .one { font-size: 16px; }
  .compare2_sec .compareresult .bigset .subnav { padding: 10px 10px; } }
  .abstract_section {  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abe3db+0,ebf7ed+100 */ /*background: #abe3db;*/ /* Old browsers */ background: -moz-linear-gradient(top, #d6f7f3 0% ,#abe3db 50%, #ebf7ed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,#d6f7f3 0%, #abe3db 50%, #ebf7ed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,#d6f7f3 0% , #abe3db 50%, #ebf7ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f7f3', endColorstr='#ebf7ed',GradientType=0 ); /* IE6-9 */ }

.abstract_section{background: #c9dae2;}

.abstract_section .abstractin { display: flex; max-width: 1680px; padding: 40px; margin: 0 auto; width: 100%; }
.abstract_section .abstractin .sidemenu_out { width: 300px; flex-shrink: 0; z-index: 1; }
.abstract_section .abstractin .sidemenu { width: 100%; position: sticky; top: 80px; }
.abstract_section .abstractin .sidemenu .title_summary { background: #c7d7e3; padding: 40px 45px 15px 45px; border-radius: 40px 40px 0 0; }
.abstract_section .abstractin .sidemenu .title_summary .title_summary_in { border-bottom: 1px solid #e3ebf1; padding-bottom: 15px; }
.abstract_section .abstractin .sidemenu .title_summary .txt1 { color: #2c6389; font-size: 26px; font-weight: bold; letter-spacing: 0.05em; margin-right: 10px; display: inline-block; }
.abstract_section .abstractin .sidemenu .title_summary .txt2 { font-size: 28px; color: #fff; text-transform: uppercase; font-family: "Anton"; display: inline-block; }
.abstract_section .abstractin .sidemenu .sidenavul { background: #c7d7e3; padding-left: 18px; border-radius: 0 0 40px 40px; padding-bottom: 40px; }
.abstract_section .abstractin .sidemenu .sidenavul li { font-size: 18px; list-style: none; transition: none;}
.abstract_section .abstractin .sidemenu .sidenavul li.active a { background-color: white; border-radius: 40px 0 0 40px; }
.abstract_section .abstractin .sidemenu .sidenavul li.active + li { background-color: white; }
.abstract_section .abstractin .sidemenu .sidenavul li.active + li a { background-color: #c7d7e3; display: block; border-radius: 0 40px 0 0; padding-top: 25px; }
.abstract_section .abstractin .sidemenu .sidenavul li.pre { background-color: white; }
.abstract_section .abstractin .sidemenu .sidenavul li.pre a { background-color: #c7d7e3; display: block; border-radius: 0 0 40px 0; padding-bottom: 25px; }
.abstract_section .abstractin .sidemenu .sidenavul li a { padding: 16px 36px 12px 36px; display: block; transition: none; }
.abstract_section .abstractin .sidemenu .sidenavul li a:hover { font-weight: bold; }
.abstract_section .abstractin .mainconwrap { padding: 20px 40px 40px 75px; width: calc(100% - 300px + 35px); margin-left: -35px; background: #fff; border-radius: 40px; -webkit-box-shadow: 19px 10px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 19px 10px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 19px 10px 20px 0px rgba(0, 0, 0, 0.1); }

.EN .abstract_section .abstractin .sidemenu .title_summary .txt2{display: block;text-align: center;}

.datasec .dataoneset { padding: 60px 0 60px 0; max-width: 1100px; margin: 0 auto; }
.datasec .dataoneset.w1400 { max-width: 1400px; }
.datasec .dataoneset .summarytitle { color: #2c6389; font-size: 30px; font-weight: bold; display: flex; align-items: center; }
.datasec .dataoneset .summarytitle::before { content: ""; flex: 1; height: 10px; background-color: #2c6389; margin-right: 20px; }
.datasec .dataoneset .summarytitle::after { content: ""; flex: 1; height: 10px; background-color: #2c6389; margin-left: 20px; }
.datasec .dataoneset:last-child { border-bottom: none; }
.datasec .dataoneset .chartbox { margin-bottom: 60px; }
.datasec .dataoneset .chartbox .highcharts-figure { padding: 0 20px; width: 100%; }
.datasec .dataoneset .chartbox .chartboxflex { display: flex; flex-wrap: wrap; }
.datasec .dataoneset .chartbox .chartboxflex .w50 { width: 50%; }
@media (max-width: 1366px) { .datasec .dataoneset .chartbox .chartboxflex .w50 { width: 100%; margin-bottom: 30px; } }
.datasec .dataoneset .chartbox .chartboxflex .w3 { width: calc(100% / 3); }
@media (max-width: 1366px) { .datasec .dataoneset .chartbox .chartboxflex .w3 { width: 100%; margin-bottom: 30px; } }
.datasec .dataoneset .dashborder { border-bottom: 1px dashed #ccc; }
.datasec .dataoneset .brieftxt { font-size: 18px; max-width: 840px; width: 100%; margin: 0 auto; margin-top: 20px; letter-spacing: 0.05em; line-height: 1.6; }
.datasec .dataoneset .flexjucontcenter { display: flex; justify-content: center; margin-bottom: 60px; }
.datasec .dataoneset .flexjucontcenter .flexjucontcenterin { font-size: 18px; margin-top: 60px; letter-spacing: 0.05em; line-height: 1.6; }
.datasec .dataoneset .flexjucontcenter .flexjucontcenterin ul li { list-style: none; padding-left: 35px; }
.datasec .dataoneset .flexjucontcenter .flexjucontcenterin ul li:before { content: "\f138"; position: absolute; left: 0; top: 10px; font-size: 22px; }
.datasec .dataoneset .flexjucontcenter .flexjucontcenterin .bigtxt { font-weight: bold; color: #2cc5e7; font-size: 30px; }
@media (max-width: 768px) { .datasec .dataoneset .flexjucontcenter .flexjucontcenterin .bigtxt { font-size: 24px; } }

@media (max-width: 1440px) { .abstract_section .abstractin .sidemenu_out { width: 250px; }
  .abstract_section .abstractin .sidemenu .title_summary { padding: 30px 25px 15px 25px; border-radius: 30px 30px 0 0; }
  .abstract_section .abstractin .sidemenu .title_summary .title_summary_in { padding-bottom: 15px; }
  .abstract_section .abstractin .sidemenu .title_summary .txt1 { font-size: 24px; }
  .abstract_section .abstractin .sidemenu .title_summary .txt2 { font-size: 24px; }
  .abstract_section .abstractin .sidemenu .sidenavul { padding-left: 14px; border-radius: 0 0 30px 30px; padding-bottom: 30px; }
  .abstract_section .abstractin .sidemenu .sidenavul li { font-size: 16px; }
  .abstract_section .abstractin .sidemenu .sidenavul li a { padding: 12px 25px 10px 25px; }
  .abstract_section .abstractin .sidemenu .sidenavul li.active a { border-radius: 30px 0 0 30px; }
  .abstract_section .abstractin .sidemenu .sidenavul li.pre a { border-radius: 0 0 30px 0; padding-bottom: 20px; }
  .abstract_section .abstractin .sidemenu .sidenavul li.active + li a { border-radius: 0 30px 0 0; padding-top: 20px; }
  .abstract_section .abstractin .mainconwrap { border-radius: 30px; }
  .abstract_section .abstractin .mainconwrap { width: calc(100% - 250px + 35px); } }
@media (max-width: 1024px) { .abstract_section .abstractin .mainconwrap { padding: 0px 30px 30px 55px; } }
@media (max-width: 960px) { .abstract_section .abstractin .sidemenu .title_summary .title_summary_in { text-align: center; }
  .abstract_section .abstractin .sidemenu .title_summary .txt2 { color: #2c6389; }
  .abstract_section .abstractin { flex-wrap: wrap; margin-top: -2px; }
  .abstract_section .abstractin .sidemenu_out { width: 100%; }
  .abstract_section .abstractin .mainconwrap { width: 100%; margin-left: 0; border-radius: 0 0 30px 30px; padding: 0px 20px 30px 20px; }
  .abstract_section .abstractin .sidemenu .sidenavul { display: flex; flex-wrap: wrap; border-radius: 0; display: none; }
  .abstract_section .abstractin .sidemenu .sidenavul li { margin-bottom: 20px; }
  .abstract_section .abstractin .sidemenu .sidenavul li a { padding: 12px 15px 10px 15px; }
  .abstract_section .abstractin .sidemenu .sidenavul li.active a { background-color: #c7d7e3; border-radius: 30px; }
  .abstract_section .abstractin .sidemenu .sidenavul li.active + li a { border-radius: 0; padding-top: 12px; background-color: inherit; }
  .abstract_section .abstractin .sidemenu .title_summary { background: #fff; }
  .abstract_section .abstractin .sidemenu .sidenavul { background: #fff; } }
@media (max-width: 767px) { .abstract_section .abstractin { padding: 20px 15px; }
  .datasec .dataoneset { padding: 30px 0; }
  .datasec .dataoneset .chartbox .highcharts-figure { padding: 0 0px; }
  .datasec .dataoneset .brieftxt { font-size: 16px; letter-spacing: 0.03em; line-height: 1.6; } }
@media (max-width: 640px) { .datasec .dataoneset .summarytitle { font-size: 22px; }
  .datasec .dataoneset .flexjucontcenter .flexjucontcenterin { font-size: 14px; margin-top: 30px; letter-spacing: 0; }
  .datasec .dataoneset .flexjucontcenter .flexjucontcenterin .bigtxt { font-size: 20px; }
  .datasec .dataoneset .flexjucontcenter .flexjucontcenterin ul li:before { top: 3px; font-size: 18px; }
  .datasec .dataoneset .flexjucontcenter .flexjucontcenterin ul li { padding-left: 27px; } }
.innerbanner_section { height: 300px; background-color: #fff; overflow: hidden; }

.scrolltext { font-family: montserrat; overflow: hidden; width: 100%; height: 300px; display: flex; align-items: center; background: #fff; line-height: 1.7; color: #333; transform: skewY(0deg); }
.scrolltext .bg-text-container { transform: translateX(-50%); left: 50%; position: absolute; z-index: -999; }
@keyframes text-scrolling { 0% { transform: translate3d(-100%, 0, 0); }
  100% { transform: translate3d(0%, 0, 0); } }
.scrolltext .animate-text { animation: text-scrolling 50s linear infinite; will-change: transform; display: block; position: relative; white-space: nowrap; }
.scrolltext .animate-text.left { animation-direction: reverse; }
.scrolltext span { font-size: 200px; color: transparent; -webkit-text-stroke: 2px #eee; text-transform: uppercase; display: inline-block; line-height: 0.75; min-width: auto; font-weight: 800; }
.scrolltext .container { padding: 30px; max-width: 1000px; width: 100%; margin: 0 auto; }
.scrolltext .container .col { max-width: 700px; margin: 0; }
.scrolltext .container .col h1 { font-size: 76px; margin: 0; line-height: 1.2; font-family: 'montserrat'; }
.scrolltext .container .col p { font-size: 24px; font-weight: 200; margin: 0; }
.scrolltext .innerbar { position: absolute; right: 0; top: 60px; }
.scrolltext .innerbar .barbox { display: flex; justify-content: end; }
.scrolltext .innerbar .bar { height: 25px; margin: 10px 0px; background-color: #c2e7f2; }
.scrolltext .innerbar .bar1 { width: 300px; }
.scrolltext .innerbar .bar2 { width: 160px; }
.scrolltext .innerbar .bar3 { width: 80px; }

@media (max-width: 1600px) { .scrolltext .container .col { padding-top: 60px; } }
@media (max-width: 1440px) { .scrolltext .container .col h1 { font-size: 68px; } }
@media (max-width: 1024px) { .scrolltext .innerbar .bar { height: 20px; margin: 8px 0px; }
  .scrolltext .innerbar .bar1 { width: 200px; }
  .scrolltext .innerbar .bar2 { width: 120px; }
  .scrolltext .innerbar .bar3 { width: 40px; } }
@media (max-width: 768px) { .scrolltext { height: 240px; }
  .scrolltext { height: 240px; }
  .scrolltext span { font-size: 160px; opacity: 0.6; }
  .scrolltext .container .col h1 { font-size: 54px; }
  .scrolltext .container .col p { font-size: 18px; }
  .innerpage_section { padding: 20px 0 40px 0; } }
@media (max-width: 640px) { .scrolltext .innerbar { display: none; } }
.datapage_section .datapagein { display: flex; padding: 0px; margin: 0 auto; width: 100%; min-height: 100vh;}
.datapage_section .datapagein .sidemenu_out { width: 340px; /*flex-shrink: 0;*/ z-index: 1; }
.datapage_section .datapagein .sidemenu { background: #c7d7e3; height: 100vh; height: 100svh; /* overflow: auto; */ position: fixed; padding: 40px 0; width: 340px; }
.datapage_section .datapagein .sidemenu .title_summary { padding: 50px 15px 15px 20px; }
.datapage_section .datapagein .sidemenu .title_summary .title_summary_in { border-bottom: 1px solid #e3ebf1; padding-bottom: 15px; }
.datapage_section .datapagein .sidemenu .title_summary .txt1 { color: #2c6389; font-size: 24px; font-weight: bold; letter-spacing: 0.05em; margin-right: 10px; display: inline-block; }
.datapage_section .datapagein .sidemenu .title_summary .txt2 { font-size: 24px; color: #fff; text-transform: uppercase; font-family: "Anton"; display: inline-block; }
.datapage_section .datapagein .sidemenu .sidenavul { background: #c7d7e3;height: calc(100svh - 200px);overflow: auto; }
.datapage_section .datapagein .sidemenu .sidenavul li { list-style: none; }
.datapage_section .datapagein .sidemenu .sidenavul > li { font-size: 18px; list-style: none; }
.datapage_section .datapagein .sidemenu .sidenavul > li.active a.havesub:after { content: "\f068"; transform: rotate(-180deg); font-size: 16px; top: 22px; }
.datapage_section .datapagein .sidemenu .sidenavul > li > a { padding: 16px 35px 12px 25px; display: block; }
.datapage_section .datapagein .sidemenu .sidenavul > li > a.havesub:after { content: "\2b"; display: block; position: absolute; right: 25px; top: 16px; transition: 0.3s; transform: rotate(0deg); font-size: 26px; line-height: 1; }
.datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav { padding-left: 35px; display: none; }
.datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li { border-left: 4px solid #80b6dd; font-size: 15px; }
.datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li.active a { color: #2c6389; font-weight: bold; }
.datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li > a { padding: 10px 40px 10px 10px; display: block; }
.datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li > a:hover { text-decoration: underline; }
.datapage_section .datapagein .mainconwrap { padding: 40px; width: calc(100% - 300px); background: #fff; }
.datapage_section .datasec .dataoneset { padding: 0px 0 30px 0; }

.abstract_section .abstractin .sidemenu .title_summary, .abstract_section .abstractin .sidemenu .sidenavul, .abstract_section .abstractin .sidemenu .sidenavul li.active + li a, .abstract_section .abstractin .sidemenu .sidenavul li.pre a, .datasec .dataoneset .summarytitle::before, .datasec .dataoneset .summarytitle::after { background: #316287; }

.abstract_section .abstractin .sidemenu, .abstract_section .abstractin .sidemenu .title_summary .txt1 { color: #fff; }

.abstract_section .abstractin .sidemenu .sidenavul li.active a { color: #333; font-weight: bold; }

ul.tablist { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 20px; }
ul.tablist li { list-style: none; width: 50%; text-align: center; padding: 0 5px; }
ul.tablist li a { display: block; width: 100%; padding: 10px 10px 6px 10px; background: #eee; border-radius: 30px; font-weight: bold; }
ul.tablist li a.active { /*background: #abe3db;*/ background: #c2e7f2; }

.tablebox .table_title { font-size: 24px; font-weight: bold; text-align: center; padding: 10px 0; }
.tablebox .sub_title { text-align: center; }
.tablebox table.borderbottom { margin: 20px 0; }

.tablebox table.borderbottom thead{  position: sticky; top: 0; background: rgba(255,255,255,.95); z-index: 1; }

.sortth { cursor: pointer; }
.sortth.des:after { content: "\f0dd"; color: #73cabd; }
.sortth.asc:after { content: "\f0de"; color: #73cabd; }
.sortth:after { content: "\f0dc"; display: inline-block; color: #ccc; font-size: 13px; margin-left: 5px; }

@media (max-width: 1024px) { .tablebox .table_title { font-size: 22px; } }
@media (max-width: 960px) { .datapage_section { padding-top: 90px; }
  .datapage_section .datapagein .sidemenu { height: inherit; overflow: inherit; position: relative; padding-top: 0; width: 100%; background: #fff; padding-bottom: 20px; border-bottom: 1px solid #ccc;margin-bottom: 10px;}
  .datapage_section .datapagein .sidemenu .sidenavul { background: #fff; height: auto; display: none;}
  .datapage_section .datapagein .mainconwrap { width: 100%; padding: 30px 20px 30px 20px; }
  .datapage_section .datapagein .sidemenu .title_summary{/*padding: 30px 35px 0 20px;*/ /*padding: 55px 35px 0 20px;*/ padding: 25px 35px 0 20px;}
  .datapage_section .datapagein .sidemenu .title_summary .title_summary_in { text-align: center;display: none; }
  .datapage_section .datapagein .sidemenu .title_summary .txt2 { color: #2c6389; }
  .datapage_section .datapagein { flex-wrap: wrap; }
  .datapage_section .datapagein .sidemenu_out { width: 100%; }
  .abstract_section .abstractin .sidemenu .title_summary { background-color: #fff; }
  .abstract_section .abstractin .sidemenu .title_summary .txt1 { color: #2c6389; } }
@media (max-width: 767px) { 
  .datapage_section .datapagein { padding: 20px 15px; }
  .datapage_section .datapagein .mainconwrap { padding: 20px 0px 20px 0px; } 
  .datapage_section .datapagein .sidemenu .title_summary{/*padding: 30px 35px 0 20px;*/ padding: 35px 35px 0 20px;}
}
@media (max-width: 480px) { 
  .datapage_section{
    padding-top: 40px;
  }
  .datapage_section .datapagein .sidemenu{
    padding-bottom: 10px;
  }
  .datapage_section .datapagein .mainconwrap { padding: 20px 10px; }
  .tablebox .table_title { font-size: 18px; }
  ul.tablist { margin-bottom: 20px; }
  .datapage_section .datapagein .sidemenu .title_summary { padding: 25px 10px 10px 10px; }
  .datapage_section .datapagein .sidemenu .title_summary .title_summary_in { padding-bottom: 5px; }
  .datapage_section .datapagein .sidemenu .sidenavul > li > a { padding: 12px 42px 8px 15px; }
  .datapage_section .datapagein .sidemenu .sidenavul > li > a.havesub:after { top: 13px; }
  .datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav { padding-left: 18px; } }
ol.liststyle { padding-left: 20px; line-height: 1.6; }

.darkmode-layer, .darkmode-toggle { z-index: 999999999999999; }

/* .dark header .logo, .dark .banner .bannerin .lefttxt, .dark .abstract_section .abstractin .sidemenu .sidenavul, .dark .datasec .dataoneset .flexjucontcenter .flexjucontcenterin { color: #ffffff; } */

.dark:not(.Index) header .logo ,.dark header .menusec .logo, .dark .banner .bannerin .lefttxt, .dark .abstract_section .abstractin .sidemenu .sidenavul, .dark .datasec .dataoneset .flexjucontcenter .flexjucontcenterin { color: #ffffff; }




.dark .banner_section { background-color: #142c4b; }
.dark .banner2 .lefttxt .t2{color:#fff;}
.dark:not(.Index) header .logosec , .dark header .menusec .logosec .menuicon img, .dark header .menusec .openlogo .closeicon img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(11deg) brightness(103%) contrast(102%); }
.dark #lung { opacity: 0.3; }
.dark header .menusec { background: #124a70; color: #f4f4f4; }
.dark header .menusec .external_link .one .txt { color: #d4d4d4; }
.dark .abstract_section { background: #142c4b; }
.dark .abstract_section .abstractin .sidemenu .sidenavul li.pre, .dark .abstract_section .abstractin .sidemenu .sidenavul li.active a, .dark .abstract_section .abstractin .sidemenu .sidenavul li.active + li { background: #102643; }
.dark .abstract_section .abstractin .mainconwrap { border: 1px solid #2a3a50; background: #102643; }
.dark .abstract_section .abstractin .sidemenu .sidenavul li.active a { color: #fff; }
.dark .abstract_section .abstractin .sidemenu .title_summary, .dark .abstract_section .abstractin .sidemenu .sidenavul, .dark .abstract_section .abstractin .sidemenu .sidenavul li.active + li a, .dark .abstract_section .abstractin .sidemenu .sidenavul li.pre a, .dark .datasec .dataoneset .summarytitle::before, .dark .datasec .dataoneset .summarytitle::after { /*background: #69b4a7;*/ background: #2c6389; }
.dark .datasec .dataoneset .summarytitle { color: #fff; }
.dark .datasec .dataoneset .flexjucontcenter .flexjucontcenterin .bigtxt { color: #2cc5e7; }
.dark .highcharts-figure { border-radius: 20px; overflow: hidden; }
.dark .smallnote { color: #fff; }
.dark .datasec .dataoneset .chartbox .highcharts-figure { margin: 10px; padding: 0; }

.dark .top a{background:#2c6389; font-family: 'montserrat';}


@media (max-width: 960px) { .dark .abstract_section .abstractin .sidemenu .title_summary { background: #122642; border: 1px solid #2b3a4f; border-bottom: none; }
  .dark .abstract_section .abstractin .mainconwrap { border-top: none; }
  .dark .abstract_section .abstractin .sidemenu .title_summary .txt1, .dark .abstract_section .abstractin .sidemenu .title_summary .txt2 { color: #fff; }
  .dark .abstract_section .abstractin .sidemenu .title_summary .title_summary_in { border-bottom: none; }
  .dark .datasec .dataoneset { padding: 20px 0 60px 0; }
  .dark .datapage_section{padding-top: 90px;}

  .dark .scrolldown { color: #fff; }
  .dark .scrolldown img { filter: inherit; }
}



  .dark .datapage_section .datapagein .sidemenu{ background: #3c6a8b;}
  .dark .datapage_section .datapagein .sidemenu .sidenavul{ background: #3c6a8b;}
  .dark .datapage_section .datapagein .sidemenu .sidenavul > li > a{color:#fff}
  .dark .datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li > a{color:#fff;}
  .dark .datapage_section .datapagein .sidemenu .sidenavul > li ul.subsidenav > li.active a{color:#fff;}
  .dark .datapage_section .datapagein .sidemenu .title_summary .txt1{color:#fff;}
  .dark .datapage_section .datapagein .sidemenu .title_summary .txt2{color:#82b7db;}
  .dark .datapage_section .datapagein .mainconwrap{background: #142c4b;}
  .dark .tablebox .table_title{color:#fff;}
  .dark .tablebox table.borderbottom{color:#fff;}
  .dark .tablebox table.borderbottom thead{background: #32527c;}
  .dark table.borderbottom tr th{border-color:#fff;}
  .dark .tablebox .sub_title{color:#fff;}
  .dark .btnstyle{background: #2cc5e7;color:#eee;}
  .dark ul.tablist li a{background: #aaa;}
  .dark ul.tablist li a.active{    background: #238196; color: #eee;}
  .dark .inputstyle{background: #154b6f;color: #fff;border-color:transparent;}
  .dark iframe , .dark svg{filter: brightness(0.92);}
  .dark .search_select .box a{color:#fff;}

  .dark .openselectnation{background: #152c4a;}
  .dark .openselectnation .close_openselect{color:#fff;}
  .dark .openselectnation .nations_wrap .t1{color:#fff;}
  .dark .labelblock .itemname{color:#fff;}
  .dark .labelblock:hover .itemname{}
  .dark .gocompare .comparebtn{background: #aaa;color: #eee;}
  .dark .gocompare .comparebtn.active{background: #2cc5e7;}

  .dark .scrolltext .container .col{color:#fff;}
  .dark .selectcity .txt1{color:#fff;}
  .dark .scrolltext span{-webkit-text-stroke: 2px #666;}
  .dark .scrolltext{background: #142c4b;}
  .dark .innerpage_section{ background: #142c4b;}
  .dark .alreadychose{color:#fff;}
  .dark .gocompare .comparebtn{}
  body.dark{background:#142c4b ;}
  .dark .compare2_sec .subdescrip{color:#fff;}
  .dark .scrolltext .innerbar .bar{background:#c2e7f2;}

  .dark .compare2_sec .compareresult .rowheader{background:#429383;}
  .dark .compare2_sec .compareresult .bigset .bignav{background-color: #7aa199;color:#fff;}
  .dark .compare2_sec .compareresult .bigset .subnav{background: #686d74;}
  .dark .compare2_sec .compareresult .bigset .subnav .subnav_title{color:#f5f5f5;}
  .dark .compare2_sec .compareresult .bigset .subnav .rowdata .one{color:#f5f5f5;}

  .dark .bookname{color:#fff;}
  .dark .downloadgroup .otherbtn{background:#316287;}
  .dark .downloadgroup .otherbtn .btn:not(:last-child):after{background: #fff;}
  .dark .downloadgroup .otherbtn .btn a{color:#fff;}
  .dark .downloadgroup .otherbtn .btn a:hover{color:#000}
  .dark .innerbanner_section{background:#142c4b;}
/*   @media (max-width: 960px) { */
/*   .dark header .logosecout.scrollUp{background: #124a70;color: #f4f4f4;} */
/*   } */
    
@media (max-width: 480px) {
  .dark .datapage_section{padding-top: 70px;}
}
.highcharts-tooltip span { background-color: white; border: 1px solid green; border-radius: 3px; opacity: 1; z-index: 9999 !important; padding: 10px; }

.flex3set { display: flex; flex-wrap: wrap; width: 100%; }

.flex3set .width3 { width: calc(100% / 3); padding: 5px 10px; }
@media (max-width: 1366px) { .flex3set .width3 { width: calc(100% / 2); } }
@media (max-width: 1024px) { .flex3set .width3 { width: calc(100% / 1); padding: 10px 0; } }

.search_select { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  margin: 20px 0; }
.search_select .box { margin-right: 15px; margin-bottom: 10px; }
.search_select .box:last-child { margin-right: 0px; }
.search_select .box a { display: inline-block; color: #2c6389; }
.search_select .box a:hover i { transform: scale(1.3); }

.openselectnation { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: white; display: none; }
.openselectnation .close_openselect { position: absolute; right: 10px; top: 0px; cursor: pointer; font-size: 30px; }
.openselectnation .nations_wrap { padding: 30px; border: 1px solid #ccc; border-radius: 10px; }
.openselectnation .nations_wrap .t1 { margin-bottom: 10px; font-size: 20px; }
.openselectnation .nations_wrap .opsearchinputtxt { margin-bottom: 15px; }
.openselectnation .nations_wrap .opsearchinputtxt .inputstyle { width: 100%; }

@media (max-width: 480px) { .openselectnation .nations_wrap { padding: 30px 20px; }
  .flexcheckradio { width: 120px; }
  .labelblock { padding: 3px 8px 3px 0px; } }
.downloadexcel { text-align: right; }
.downloadexcel button.btnstyle { font-size: 14px; }

.resetorder { color: #73cabd; }

.whollvalue { text-align: center; font-weight: bold; font-size: 17px; }

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

.EN .flexcheckradio{width: 320px;}
.EN .scrolltext .container .col p{display: none;}
.compare3_sec{
	/*width: 90%;*/
   	/*margin: auto;*/
}
.compare3_sec .subdescrip{text-align: center; margin-bottom: 5%; font-weight: bold; font-size: 40px;  color: #2c6389;}
.compare3_sec .compareresult{}
.compare3_sec .rowheader{
	display: flex;
	margin-bottom: 40px;
	padding:10px 0 10px 320px;
	position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.compare3_sec .rowheader .one{width: calc(100% / 3); padding: 0 20px;	font-size:32px;	text-align:center;	font-weight: bold;}

.compare3_sec .bigset{
	margin-bottom: 70px;
}
.compare3_sec .bigset .bignav{
	/*margin: 30px 0;*/
    font-size: 26px;
    font-weight: bold;
    border-left: 8px solid #458092;
    /*color: #124a70;*/
    padding-left: 12px;
    line-height: 1;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    align-items: center;
}
.compare3_sec .bigset .bignav:after{
	content: "";
	/*display: block;*/
	display: flex;
	flex: 1;
	/*background: #eee;*/
	border-bottom: 2px dotted #aaa;
	height: 1px;
	margin-left: 40px;

}
.compare3_sec .bigset .bignav.active{
	
}
.compare3_sec .bigset .bignav.active i{	transform: rotate(180deg);}
.compare3_sec .bigset .bignav i{margin-left: 10px;}

.compare3_sec .subnavset{	display: none;	padding-left: 20px;}
.compare3_sec .subnavset .subnav{	margin-bottom: 20px;	display: flex;	align-items: center;}
.compare3_sec .subnavset .subnav:not(:last-child){	border-bottom: 1px solid #eee;	padding-bottom: 20px;	margin-bottom: 20px;}
.compare3_sec .subnavset .subnav .subnav_title{	font-size: 20px;	font-weight: bold;	width: 320px}
.compare3_sec .subnavset .subnav .subnav_title .remark{	color:#aaa;	font-size: smaller;	font-weight: normal;}

.compare3_sec .subnavset .subnav .rowdata{	display: flex;	width: calc(100% - 320px);}
.compare3_sec .subnavset .subnav .rowdata .one{
	width: calc(100% / 3);
	padding: 0 20px;
	font-size:18px;
	text-align:center;
	line-height: 1.5;
}


.dark .compare3_sec .rowheader{ background:#142c4b; color:#fff;}
.dark .compare3_sec .bigset .bignav{ color:#fff;}
.dark .compare3_sec .subnavset .subnav .subnav_title{ color:#fff;}
.dark .compare3_sec .subnavset .subnav .rowdata .one{ color:#fff;}
.dark .compare3_sec .subdescrip{ color:#fff;}

@media (max-width: 1366px) {
}

@media (max-width: 960px) {
	.compare3_sec .rowheader{padding-left: 0;}
	.compare3_sec .subdescrip{font-size: 34px;}
	.compare3_sec .subnavset{	padding-left: 0;}
	.compare3_sec .bigset{margin-bottom: 40px;}
	.compare3_sec .subnavset .subnav{flex-wrap: wrap;}
	.compare3_sec .subnavset .subnav .subnav_title{width: 100%;margin-bottom: 10px;font-size: 18px;}
	.compare3_sec .subnavset .subnav .rowdata .one{font-size: 16px;line-height: 1.2;padding:0 5px;}
	.compare3_sec .subnavset .subnav .rowdata{width: 100%;}
	.compare3_sec .bigset .bignav{
		border-left:none;
		padding-left: 0;
		font-size: 22px;
		padding: 15px 20px;
    	background: #64c7ba;
    	border-radius: 5px;
	}
	.compare3_sec .bigset .bignav:after{display: none;}
	/*.compare3_sec .bigset .bignav:before{
		content: "";
	    display: flex;
	    flex: 1;
	    border-bottom: 2px dotted #aaa;
	    height: 1px;
	    margin-right: 40px;
	}*/
	.compare3_sec .rowheader .one{font-size: 26px;padding: 0 10px;}

}

@media (max-width: 480px) {
	.compare3_sec .rowheader{margin-bottom: 10px;}
	.compare3_sec .bigset .bignav{margin-bottom: 20px;}
	.compare3_sec .subdescrip{font-size: 26px;}
	.compare3_sec .rowheader .one{font-size: 22px;}
	.compare3_sec .bigset .bignav{font-size: 20px;}
}

.region_profiles{
	margin: 40px 0 80px 0;
	padding: 60px 80px 60px 80px;
    border: 20px solid #134b71;
    border-radius: 50px;
}
.region_profiles .district_block{display: flex;padding:40px 0;align-items: baseline;}
.region_profiles .district_block:not(:last-child){border-bottom: 1px solid #eee;}
.region_profiles .district_block:nth-child(odd) .district:before{
	/*background: #f1f1f1;*/
	/*border-color:#9abfd9;*/
}
.region_profiles .district{
	width: 300px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
	/*color:#2c6389;*/
}

.region_profiles .district .en{
	font-size: 16px;
	color:#aaa;
	display: block;
	font-weight: normal;
	margin-top: 10px;
	padding-left:3px;
  font-family: 'montserrat';
}
.region_profiles .county_city_list{	width: calc(100% - 300px);	display: flex;	flex-wrap: wrap;}
.region_profiles .county_city{margin-bottom:20px;font-size: 20px;}

.region_profiles .county_city.taiwan{ margin: auto; font-size: 24px;}
.region_profiles .county_city.taiwan a .area{ width: 50px; height: 50px;}
.region_profiles .county_city:not(:last-child){	margin-right: 20px;}

.region_profiles .county_city a{
	 display: block;
    border: 1px solid #aaa;
    padding: 7px 30px 7px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;

}
.region_profiles .county_city a .area{
  width: 25px;
  height: 25px;
  margin-right: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.region_profiles .county_city a .area img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.region_profiles .county_city a:hover{
	background:#2cc5e7;
	color:#fff;
	border-color:#2cc5e7; 
}
.region_profiles .county_city a:hover .area img{
  fill: currentColor;
  filter: drop-shadow(#fff 100px 0);
  position: relative;
  left: -100px;
}



.EN .region_profiles .district .en{display: none;}
.dark .region_profiles .district{ color:#fff;}
.dark .region_profiles .county_city a{ color:#fff;}




@media (max-width: 1280px) {
  .region_profiles{padding: 20px 40px; }
}

@media (max-width: 1024px) {
  .region_profiles .district_block{ display: block; }
  .region_profiles .district{ width: 100%;  margin-bottom: 40px; }
  .region_profiles .county_city_list{ width: 100%; }
  .region_profiles .county_city.taiwan{ width: 165px;}
}

@media (max-width: 960px) {
  .region_profiles{ border: 10px solid #134b71; margin: 0; }
  .region_profiles .district_block{padding: 20px 0;}
  .region_profiles .district{ margin-bottom: 20px;}
}

@media (max-width: 640px) {
  .innerbanner_section{ height: 260px; }
  .scrolltext .container .col h1{font-size: 45px;}
  .region_profiles{padding: 15px 30px;}
  .region_profiles .county_city a{padding: 4px 15px;font-size: 18px;}
  .region_profiles .county_city{margin-bottom: 10px;}
  .region_profiles .county_city:not(:last-child){margin-right: 10px;}
  .region_profiles .district{font-size: 24px;}
  .region_profiles .district .en{margin-top: 5px;}
}

@media (max-width: 375px) {
  .region_profiles{border-radius: 20px;padding: 10px 20px;border: 5px solid #134b71;}
  .region_profiles .district_block{padding: 15px 0; }
  .region_profiles .county_city a{ padding: 4px 15px; font-size: 16px; }
}

.sidemenu_out .logo { color: #124a70; display: block; line-height: 1;  }
.sidemenu_out .logo .tw { font-size: 20px; font-family: source-han-sans-traditional, sans-serif; font-weight: 400; font-style: normal; letter-spacing:1px; margin-bottom: 5px; }
.sidemenu_out .logo .tw + .en { font-size: 12px; letter-spacing: -0.01em; }
.sidemenu_out .logo .en { font-size: 22px; letter-spacing: -0.01em;line-height: 1.2;}
.sidemenu_out .logosecout { position: fixed; top: 28px; left: 20px; display:none;z-index:1 }
.sidemenu_out .logosec { display: flex; align-items: center; }
.sidemenu_out .logosec .menuicon { margin-right: 15px; cursor: pointer; }
.sidemenu_out .logosec .menuicon img { filter: brightness(0) saturate(100%) invert(21%) sepia(80%) saturate(744%) hue-rotate(168deg) brightness(94%) contrast(92%); }
@media (max-width: 960px) { 
  .sidemenu_out .logosecout { display: none !important} 
}



.region_detail{background: #f1f1f1;padding:40px 0  60px 0;}
.region_detail_maintitle{text-align: center;margin-bottom: 40px;}
.region_detail_maintitle .tw{font-size: 60px;font-weight: bold;}
.region_detail_maintitle .en{font-size: 20px;color: #aaa; margin-top: -5px;}



.region_detail_maintitle .flag{width: 200px;border: 1px solid #eee;}
.region_detail_maintitle .flag img{display: block; max-width: 100%;}

.region_detail_block{
  margin-bottom: 60px;
  background: #fff;
  padding:10px 50px 50px 50px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  border-radius: 5px;
}

.region_detail_block_title{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin:30px 0;
}

.region_detail_block_title .num{
  font-size: 70px;
  font-style: italic;
  color: transparent;
  -webkit-text-stroke: 2px #abe3db;
  font-weight: bold;
  display: none;
}

.region_detail_block_title .title{
/*   padding-left: 20px; */
  border-bottom: 5px solid #c2e7f2;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.region_detail_block_title .title .tw{
  font-size: 28px;
  color: #124a70;
  font-weight: bold;
  line-height: 1.5;
}
.region_detail_block_title .title .en{
  font-size: 18px;
  color: #aaa;
  display: block;
  font-weight: normal;
  padding-left: 15px;
  font-family: 'montserrat';
}
.flex_block{display: flex; flex-wrap: wrap;}
.flex_block.ac{ align-items: center;}
.flex_block.jc{ justify-content: center;}
.flex_block .w100{ width: 100%; padding: 0 15px;}
.flex_block .w50{ width: 50%; padding: 0 15px;}
.flex_block .w75{ width: 75%; padding: 0 15px;}
.flex_block .w33{ width:calc(100% / 3); padding: 0 15px;max-width: calc(100% / 3);}
.flex_block .w25{ width: 25%; padding: 0 15px;}

.region_detail_block_content .info_box{

}
.region_detail_block_content .info_box .title{
  font-size: 22px;
  color: #222;
  text-align: center;
  background: #f1f1f1;
  padding: 8px 0;
  font-weight: bold;
}
.region_detail_block_content .info_box .num{
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  color: #0073c1;
}

.region_detail_block_content .info_box.one{ width: max-content;  margin: auto;}
.region_detail_block_content .info_box.one .title{
  background: none;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin: auto;
}

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


.region_detail_block_content .sex_block{
  margin-top: 30px;
/*   border-top: 1px solid #ccc; */
/*   padding-top: 40px; */
  background: #f1f7fd;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #8cb3bf;
  justify-content: space-around;
}

.region_detail_block_content .sex_box{
}


.region_detail_block_content .sex_box .title{text-align: center; font-size: 20px; font-weight: bold;}
.region_detail_block_content .sex_box .num{font-size: 34px; color: #2c776a; font-weight: bold; text-align: center;}

.region_detail_block_content .sex_box .title .icon{display: inline-block; text-align: center; font-size: 26px; margin-left: 5px;}
.region_detail_block_content .sex_box .title .icon .fa-person{color: #2c6389;}
.region_detail_block_content .sex_box .title .icon .fa-person-dress{color: #e75957;}
.region_detail_block_content .sex_box .title .icon .fa-person-cane{color: #00890c;}

.region_detail_block_content .sex_box .num .rate{font-size: x-large; font-weight: lighter;}

.region_detail_block_content .sex_box.elderly{}



.region_detail_block_content .info_box2{ display: flex; padding: 20px; align-items: center; border-bottom: 1px dotted #ccc;}
.region_detail_block_content .info_box2 .title{ font-size: 24px;}
.region_detail_block_content .info_box2 .title i{ margin-right: 5px; color: #2cc5e7;}
.region_detail_block_content .info_box2 .num{color: #0073c1; margin-left: 20px;  font-weight: bold;  font-size: 36px;}


@media (max-width: 1280px) {
  .region_detail_maintitle{ margin-bottom: 30px;}
  .region_detail_maintitle .tw{ font-size: 50px; }
  .region_detail{ padding: 50px 0;  }
  .region_detail_block{ padding:15px 30px 30px 30px; }
  .region_detail_block_title{margin: 15px 0 30px 0 ; }
  .region_detail_block_title .title .tw{ font-size: 24px; }
  .region_detail_block_title .title .en{font-size: 18px; padding-left: 5px;}
  .region_detail_block_content .info_box .title{font-size: 20px; padding: 5px 0;}
  .region_detail_block_content .info_box .num{font-size: 32px;}
  .region_detail_block_content .sex_box .title{font-size: 18px;}
  .region_detail_block_content .sex_box .title .icon{font-size: 22px;}
  .region_detail_block_content .sex_box .num{font-size: 28px;}
  .region_detail_block_content .info_box2 .title{font-size: 20px;}
  .region_detail_block_content .info_box2 .num{font-size: 30px;}
  .region_detail_block_content .info_box2{padding: 20px;}
  .flex_block .w25{padding: 0 10px;}
  .flex_block .w33{padding: 0 10px;}
  .flex_block .w50{padding: 0 10px;}
  .flex_block .w75{padding: 0 10px;}
  .flex_block .w100{padding: 0 10px;}
  
}
@media (max-width: 960px) {
  .flex_block .w25{width: 100%; padding: 0;}
  .flex_block .w33{width: 100%;padding: 0;max-width: 100%;}
  .flex_block .w50{width: 100%;padding: 0;}
  .flex_block .w75{width: 100%;padding: 0;}
  .flex_block .w100{width: 100%; padding: 0; }
  .region_detail_block_content .info_box.one{width: 100%;margin: 40px auto;}
  .region_detail_block_content .info_box2{padding: 10px;}
}


@media (max-width: 640px) {
  .region_detail_maintitle{ margin-bottom: 20px; }
  .region_detail_maintitle .tw{font-size: 36px;}
  .region_detail_maintitle .en{font-size: 18px;}
  .region_detail{padding: 30px 0;}
  .region_detail_block {padding: 10px 20px 20px 20px; margin-bottom: 30px;}
  .region_detail_block_title{ margin-bottom: 10px 0 20px 0;}

  .region_detail_block_title .title .tw{font-size: 22px;}
  .region_detail_block_title .title .en{
    font-size: 16px;
    line-height: 1.5;
    padding-left: 0;
    display: block;
    width: 100%;
  }
  .region_detail_block_content .info_box .title{font-size: 18px;}
  .region_detail_block_content .info_box .num{font-size: 28px;}
  .region_detail_block_content .info_box2 .title{font-size: 18px;}
  .region_detail_block_content .info_box2 .num{ font-size: 28px; }
}


.region_profiles2 .district_block{
  display: flex;
  flex-wrap: wrap;
  padding:40px 0;
}
.region_profiles2 .district_block:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.region_profiles2 .district_block .district{
  width: 300px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  /* color: #2c6389;*/
}

.region_profiles2 .district .en {
    font-size: 16px;
    color: #aaa;
    display: block;
    font-weight: normal;
    margin-top: 10px;
    padding-left: 3px;
}


.region_profiles2 .district_block .district{}

.county_city_list2 {display: flex; flex-wrap: wrap; width: calc(100% - 300px);}

.county_city2{width:calc(100% / 4) ; padding: 0 15px; margin-bottom: 20px; font-weight: bold;}
.county_city2 a{background: #ddd;  display: block;  padding-bottom:10px ;}
.county_city2 .flag{width: 100%; border: 2px solid #ddd; margin-bottom: 10px;}
.county_city2 .flag img{ width: 100%; display: block;}

.county_city2{font-size: 18px;text-align: center;}
.county_city2 a:hover{background: #abe3db;}
.county_city2 a:hover .flag{ border-color: #abe3db;}

.dark .region_detail{background: #142c4b;}
.dark .region_detail_block{background:#3c6a8b ; border-color: #3c6a8b;}
.dark .region_detail_block_title .title .tw{ color:#fff;}
.dark .region_detail_block_title .title .en{color:#eee;}

.dark .region_detail_block_content .info_box.one .title{color:#fff;}
.dark .region_detail_block_content .info_box .num{color:#fff;}
.dark .region_detail_block_content .center{color:#fff;}
.dark .region_detail_block_content .info_box .title{background: #102643; color: #fff;}
.dark .region_detail_block_content .info_box.one .title{background: none;}

.dark .region_detail_block_content .sex_block{background:#8cb3bf;border: 1px solid #8cb3bf;}
.dark .region_detail_block_content .sex_box .num{color:#fff;}

.dark .region_detail_block_content .info_box2 .title{color:#fff;}
.dark .region_detail_block_content .info_box2 .num{color:#fff;}
.dark .region_detail_block_content .info_box2 .title i{color:#2cc5e7;}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
  .region_profiles2 .district_block .district{width: 100%; margin-bottom: 40px;}
  .county_city_list2 {width: 100%; padding-left: 0;}

}

@media (max-width: 960px) {
  .region_profiles2 .district_block{padding: 20px 0;}
  .region_profiles2 .district_block .district{margin-bottom: 20px;}
  .region_profiles2 .district {margin-bottom: 20px; }
  .county_city2{ padding: 0 10px;}
}


@media (max-width: 768px) {
  .county_city2{ width: calc(100% / 3);}
}

@media (max-width: 640px) {
  .county_city2{ width: calc(100% / 2); font-size: 16px;}
  .county_city2 .flag{border-width: 1px;}
}

.top{  position: fixed; right: 30px; bottom: 30px; z-index: 1;}
.top a{
  background: #124a70;
  color: #fff;
  font-weight: bold;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top a:hover{background:#d44c56 ;}


@media (max-width:480px) {
  .top{right: 20px; bottom: 20px; }
  .top a{width: 50px;height: 50px; font-size: 14px;}
}


.EN .region_detail_block_title .title .en{ display: none;}

.mobile_title_summary_in{display: none;}
.mobile_title_summary_in .mobile_btn{
  display: inline-block;
  margin-left: 10px;
 position: relative; 
 font-size: 15px;
 padding: 3px 10px;
 border-radius: 5px;
 background:#abe3db ;
 vertical-align: text-bottom;
 color: #333;
 font-weight: bold;
}

.mobile_title_summary_in .mobile_btn:after{
    content: "\f055";
    display: inline-block;
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    color: #2c6389;
}

.mobile_title_summary_in .mobile_btn.active:after{content: "\f056";}

@media (max-width:960px) {
  .mobile_title_summary_in { display: block; }
  
}

.EN .data_1_1_title{
  height: 100px;
}

.year-cnahge{
  display: flex;
  align-items: center;
}
.year-cnahge .title{
  margin-right: 10px;
}
.year-cnahge select{
  width: 200px;
  background: none;
  border-radius: 0;
  border: none;
  appearance: none;
  background: #fff;
  border-radius: 25px;
  margin: 10px 0;

  padding: 10px 40px 10px 15px;
  font-size: 16px;
  color: #222;
  text-align: left;
  background: #fff url(../images/select_arrow.svg) right 20px center no-repeat;
  background-size: 10px;
}


.dark .year-cnahge select{
  background: #2cc3e5 url(../images/select_arrow.svg) right 20px center no-repeat;
  background-size: 10px;
}

@media (min-width: 1024px) and (max-width: 1920px) and (max-height: 800px) {
 .EN .banner_section .lefttxt{
    top: 50%;
    left: 7%;
  }
  .EN .banner_section .lefttxt .t2{
    line-height: 1.6;
  }
}

@media (min-width: 960px) and (max-width: 1024px) and (max-height: 800px) {
 .EN .banner_section .lefttxt{
    top: 55%;
    left: 7%;
  }
  .EN .banner_section .lefttxt .t2{
    line-height: 1.5;
  }
}

.datasec .dataoneset#b0 .f15{
  display: block;
  width: max-content;
}