html {overflow-x: hidden !important; width: 100%; height: 100%; position: relative;}
body {text-rendering: optimizeLegibility; background: #fff; color: #333; border: 0; margin: 0; padding: 0;}
html[lang="en-US"] body {line-height:1.3;}
html[lang="ja-JP"] body {line-height:1.3;}
.popover, .tooltip {text-rendering: optimizeLegibility;}
.mutilang {font-family: 微軟正黑體, 'Microsoft YaHei', 'Microsoft JhengHei UI', SimSun, 'Segoe UI', Helvetica, Tahoma, 'メイリオ',Meiryo,Osaka,'小塚ゴシック Pro H',KozGoPr6N-Heavy,KozGoPro-Heavy,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Sans-Serif;}
.overflow-hidden {overflow:hidden;}
section {width:100%;}
section.dataResponse {background-position:55% 100%; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6 {color: #1c1c1c; font-weight: 700;}
h1 {font-size: 36px; line-height: 48px;}
h2 {font-size: 28px; line-height: 36px;}
html[lang="en-US"] h2 {font-size: 26px; line-height: 1;}
html[lang="ja-JP"] h2 {font-size: 26px; line-height: 1.3;}
h3 {font-size: 24px; margin-bottom: 20px;}
html[lang="en-US"] h3 {font-size: 22px; line-height: 1;}
html[lang="ja-JP"] h3 {font-size: 22px; line-height: 1.3;}
h4 {font-size: 18px; line-height: 28px;}
html[lang="en-US"] h4 {font-size: 16px; line-height: 1.2;}
html[lang="ja-JP"] h4 {font-size: 16px; line-height: 1.4;}
h5 {font-size: 14px; line-height: 24px;}
html[lang="en-US"] h5 {font-size: 12px; line-height: 1.2;}
html[lang="ja-JP"] h5 {font-size: 12px; line-height: 1.4;}
html[lang="en-US"] #section1_1 .card-text {line-height:1; font-size:13px;}
html[lang="ja-JP"] #section1_1 .card-text {line-height:1; font-size:13px;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #000;}
a:focus {outline: 0;}
ol, ul {margin-bottom: 20px;}
hr{background-color:#e7e7e7;border:0;height:1px;margin:40px 0}
.wrap100, .wrap100gray {width:100%;height:100%;margin:0;padding:0;}
.wrap100>.d-xl-flex {height:100%;}
.gap, .gapH {width: 100%}
.gap {height: 30px}
.gapH {height: 15px}
/** loading process **/
#UpdateProgress {width:100%; height: calc(100vh); background-color:#fff;z-index:100001; position:fixed;}
.loading {position: fixed; top:45%; left:0; width: 100%; height:34px; text-align: center; z-index:100002; }
.loading .sk-child {width: 16px; height: 16px; background-color: #676767; border-radius: 0; display: inline-block; -webkit-animation: loading 1.4s ease-in-out 0s infinite both; animation: loading 1.4s ease-in-out 0s infinite both;}
.loading .sk-bounce1 {-webkit-animation-delay: -0.48s; animation-delay: -0.48s;}
.loading .sk-bounce2 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.loading .sk-bounce3 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes loading {
0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); }
40% {-webkit-transform: scale(1); transform: scale(1); }
}
@keyframes loading {
0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); }
40% {-webkit-transform: scale(1); transform: scale(1); }
}
@keyframes fadeInOpacity {
0% {opacity: 0;}
100% {opacity: 1;}
}
.floating {animation-name: floating; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-duration: 3s;}
#body-inner {position: relative; overflow: hidden;}
.unstyled {list-style: none; margin: 0; padding: 0;}
.wow {visibility: hidden}
.clear {clear: both}
#brandlogo {max-height: 45px; width:150px; margin-top:10px;}
#back-to-top{position:fixed;right:25px;bottom:0;z-index:10;backface-visibility:hidden;display:none}
#back-to-top.affix{bottom:0}
#back-to-top .btn{width:40px;height:35px;line-height:30px;font-weight:700;font-size:16px;padding:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border:0;color: #fff; background-color: #404040;}
#back-to-top .btn:hover{color:#fff;background:#007fef}
#bt_contact {
display: block;
opacity:0;
position: fixed;
bottom: 60px;
right: 10px;
width: 72px;
height: 72px;
cursor:pointer;
z-index: 1040;
transform-origin:center;
transition: all .2s ease-out 0s;
-webkit-transition: all .2s ease-out 0s;
-moz-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
#bt_contact:hover { transform: scale(1.05);}
#bt_contact.show:hover::after { opacity:1 !important;}
#bt_contact.show::after {display:inline-block; position:absolute; opacity:0; content:'安心服務';top: 25px; left: -70px; text-align: right; }
#bt_contact img {width:100%;}
/* Video responsive */
.embed-responsive{padding-bottom:56.25%;position:relative;display:block;height:0;overflow:hidden}
.embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
/* Main navigation */
.site-nav-inner {position: relative}
.main-nav.dark-nav{box-shadow:0 3px 2px -2px rgba(0,0,0,.1);z-index:1000;position:absolute;width:100%;border:0;background-color:#fff;border-bottom:1px solid rgba(95, 95, 95, 0.6);box-shadow: rgba(0,0,0,.2) 0 10px 20px 0; -webkit-box-shadow: rgba(0,0,0,.2) 0 10px 20px 0;}
.main-nav.dark-nav>.container>.row{background:#fff}
.navbar{border-radius:0;border:0;margin-bottom:0;margin-right: 20px;padding:0}
.navbar-toggler{float:right;margin-top:10px;margin-bottom:10px;padding:0;border-radius:0;margin-right:5px;height:30px;width:35px}
.navbar-toggler .icon-bar{position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block;background-color:#696969;width:22px;height:2px;border-radius:1px;top:-5px}
.navbar-toggler .icon-bar:nth-of-type(2) {top: 0px;}
.navbar-toggler .icon-bar:nth-of-type(3) {top: 5px;}
.navbar-toggler.active .icon-bar:nth-of-type(1) { top: 2px; transform: rotate(225deg); }
.navbar-toggler.active .icon-bar:nth-of-type(2) { background-color: transparent; transform: rotate(360eg); }
.navbar-toggler.active .icon-bar:nth-of-type(3) { top: -2px; transform: rotate(-225deg); }
.navbar-toggle .i-bar {background: #fff;}
ul.navbar-nav {float: left;}
ul.navbar-nav>li {float: none; display: inline-block;}
ul.navbar-nav>li { padding: 0; position: relative;}
ul.navbar-nav>.nav-item>.nav-link{display:inline-block;padding:0 15px;line-height:60px;font-size:15px;font-weight:700;text-transform:uppercase;color:#484848;margin:0;position:relative;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms;}
ul.navbar-nav>li>a:hover, ul.navbar-nav>li>a:focus {background: none;}
ul.navbar-nav>li>a i {font-weight: 700;}
.navbar-icon-link {display: flex; -ms-flex-align: center; align-items: center; padding: 5px 5px 0; margin: 0 .5rem; text-decoration: none !important; cursor: pointer; font-size: 1.3rem; line-height: 1.5;color: rgba(0,0,0,0.65);}
#socialmed_link .nav-item {background-image: url(../images/nav-devider.png); background-position: right 75%; background-repeat: no-repeat;}
#FAQ {font-size:15px; font-weight:600; line-height:10px;}
/* Dropdown */
ul.navbar-nav>li.mega-dropdown {position: static;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-2px;border-radius:0}
.dropdown-submenu>a:after{display:block;content:"\f105";font-family:FontAwesome;float:right;margin-top:0;margin-right:-5px}
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.dropdown-toggle::after{display:none}
.dropdown-menu{text-align:left;z-index:100;padding:0;margin-top:0;border:1px solid #222}
.dropdown-menu-large {min-width: 400px;}
.dropdown-menu-large>li>ul {padding: 0; margin: 0; list-style: none;}
.dropdown-menu-large>li>ul>li>a {padding-left: 0;}
.dropdown-menu-large>li>ul>li.active>a {color: #ec0000;}
.navbar-nav>li>.dropdown-menu>li.active>a {background: #383838;}
ul.navbar-nav .dropdown-menu>li>a:before {content: "\f0da";display:inline-block; width:22px;text-align:center;font:normal normal normal 13px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;}
.dropdown-menu li a{display:block;font-size:14px;font-weight:400;line-height:normal;text-decoration:none;padding:12px 15px 12px 10px;border-bottom:1px solid #222;color:#222}
.dropdown-menu li:last-child>a {border-bottom: 0;}
.dropdown-menu li a:hover {padding-left:13px;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > .dropdown-menu > .active > a {background: #007fef;color: #fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background: #353535; color: #fff !important; border-bottom-color: #353535 !important;}
#logo_s{max-width:120px;}
.animated.infinite, .heart-rate.starmove {animation-iteration-count: infinite}
.flipInX {-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX}
.animated {animation-duration: 1s; animation-fill-mode: both}
.animated.hinge {animation-duration: 2s}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {animation-duration: .75s}
.text_white {font-size: 15px; line-height: 20px}
.text-shadow-w {text-shadow: 0 0 2px #b7b7b7, 0 0 1px #ffffff; color: #fff;}
.modal-body h2 {font-size: 24px; padding-bottom: 15px}
.modal-body h3 {font-size: 20px; padding-bottom: 5px}
.modal-backdrop.show { filter: alpha(opacity=85); opacity: .85}
.container-slide .item {background-size: auto 100%; background-repeat: no-repeat; background-position: bottom center;}
.container-slide {width:100%;}
.owl-carousel, .owl-stage-outer {width:100%; height:100%;}
.owl-stage, .owl-item, .item {height:100%;display:block;}
.owl-theme .owl-nav [class*=owl-] {width: 50px; height: 50px; position: absolute; text-align: center; top: 45%; font-weight: bold; text-shadow: 0 0 10px #fff, 0 0 1px #fff; opacity: .7; padding:10px;margin: 0;background: #000; border-radius: 50%;}
.owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {background: #000; opacity:1;}
.owl-theme .owl-nav {-webkit-transition: opacity 150ms; transition: opacity 150ms; transition-timing-function: cubic-bezier(.65,.05,.36,1);}
.owl-theme .owl-nav .disabled {opacity: 0.2;}
.owl-theme .owl-nav .owl-next {right: 20px;}
.owl-theme .owl-nav .owl-prev{left: 20px;}
.owl-theme .owl-nav .owl-next > i {margin-left: 3px;}
.owl-theme .owl-nav .owl-prev > i {margin-right: 3px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000;}
.owl-theme .owl-dots {position: absolute; margin-top:-3rem; left:calc(50% - 24px);}
/*-- Copyright --*/
.copyright{background:#000;color:#fff;padding:15px 0;position:relative;z-index:1;font-weight:500;font-size:13px}
.footer-menu{float:right}
.footer-menu ul li{display:inline-block;line-height:20px;padding: 0 10px;border-right: 1px solid #fff}
.footer-menu ul li:last-child{border:0}
.footer-menu ul.nav li a{background:0 0;color:#fff;padding:0}
/** Resets **/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
::selection {color:#fff; text-shadow:none; background: #333;}
::-moz-selection { color:#fff; text-shadow:none; background: #333; /* Firefox */ }
::-webkit-selection { color:#fff; text-shadow:none; background: #333; /* Safari */ }
button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer;}
img { border: 0; vertical-align: top;}
input:-webkit-autofill {color: #ffffff !important;}
textarea {resize: none;}
textarea, input, button, *:focus { outline:none !important;}
textarea {resize: vertical;}
select{border:2px solid #e5e7e9;height:46px;padding:12px;outline:0;line-height:1!important}
label { font-weight:400;}
iframe, fieldset {border: 0; margin: 0; padding: 0;}
audio, canvas, img, video { vertical-align: middle;}
p{display:block;-webkit-margin-before:.1em;-webkit-margin-after:.1em;-webkit-margin-start:0;-webkit-margin-end:0}
a{behavior:expression(this.onFocus=this.blur());-moz-user-select:none;-khtml-user-select:none;-moz-outline-style:none;-webkit-transition:all .15s cubic-bezier(.45,.05,.55,.95);-moz-transition:all .15s;-o-transition:all .15s;transition:all .15s ease-in-out}
a:link { text-decoration: none !important;}
a:hover { text-decoration: none !important;}
a:active { outline: none;}
a:focus, .btn:focus,input[type="text"]:focus { -moz-outline:none; outline:none; }
a, a:focus, a:hover, a:active { outline: 0; cursor:pointer;}
input[type="image"] {outline:none;}
input[type="image"]::-moz-focus-inner { border: 0;}
input:focus {outline: none !important; border:1px solid #b5b5b5 !important;}
::-webkit-input-placeholder {color:#c3c3c3 !important;}
:-moz-placeholder {color:#c3c3c3 !important; opacity: 1;}
::-moz-placeholder {color:#c3c3c3 !important; opacity: 1;}
:-ms-input-placeholder {color:#c3c3c3 !important;}
*::-ms-backdrop {border-collapse:separate !important;}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 20px; }
canvas {width: 100% !important; height: auto !important;}
:active, :focus { outline: 0 !important; }
dd {margin-bottom: 10px;}
select:focus, textarea:focus, input:focus { outline: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
.form-control {color:#777; border-radius:2px;}
.form-control:focus {border-color: #aaaaaa; -webkit-box-shadow: none; box-shadow: none;}
.form-group label {margin-left: 2px; margin-bottom: 2px;}
.input-group-addon {border-radius: 2px;}
.btn {border-radius: 2px;}
.dropdown-menu {border-radius: 2px;}
.popover {top: 20px !important; background-color: #000;}
.popover-body {color: #fff;}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {border-top-color: #000;}
.well {border-radius:2px;}
.nav-tabs, .nav-pills { position: relative;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: unset !important; border-color: unset !important;}
.clear {clear:both;}
button.float_r[aria-label=Close]:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
button.toggle:hover { background-color: #D92400; color: #FFF;}
button.float_r { float: right; margin-bottom: -10px; margin-right: -35px; -webkit-transition: all .3s; transition: all .3s;}
button.toggle {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
font-size: 1.33333em;
line-height: 45.6px;
font-family: sans-serif;
background-color: #F2F2F2;
font-weight: 600;
height: 48px;
width: 48px;
display: block;
outline: 0;
border: none;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,.6);
box-shadow: 0 2px 8px rgba(0,0,0,.6);
}
#select-lange {padding-top: 6px; margin-left: -15px; margin-right:15px;}
#select-lange button {box-shadow: none;}
#select-lange button:first-child { margin-top: -3px; margin-left: -12px;}
#select-lange button.dropdown-toggle{ width: 20px; padding: 0 3px 0 0; margin-left: -4px; border-radius: 3px;}
#select-lange span {font-size: .875rem;}
#select-lange .dropdown-menu {padding:0; width: 90px; margin-bottom: 0; min-width: 116px; border-radius: 0; border: 1px solid rgba(0,0,0,.15);}
#select-lange .btn-group:hover .dropdown-menu, .dropdown-menu.show {display: block !important; position: absolute; will-change: transform; left: 5px !important; transform: translate3d(-37px, 55px, 0px);}
#select-lange .btn-group:hover .dropdown-toggle {border: 1px solid #cecece; background-color: rgba(221,221,221,.15);}
#select-lange .btn-group .dropdown-toggle::after { -webkit-transition: -webkit-transform .2s; transition: transform .2s; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
#select-lange .btn-group:hover .dropdown-toggle::after {transform: rotate(180deg);}
#select-lange .dropdown-menu>li {border-bottom: 1px solid rgba(0,0,0,.25);}
#select-lange .dropdown-menu>li>a {display: block; padding: 7px 10px; color: #525252!important; white-space: nowrap; font-size:13px; font-weight: bolder; border: 0;}
#select-lange .dropdown-menu>li>a:hover {background-color: #f0f0f0; color: #333; text-indent: 5px;}
.newtable {font-size: 14px; border-spacing: 0; border-radius: 3px; border-collapse: separate !important; box-shadow: 0 0 0 10px #fff; -webkit-box-shadow: 0 0 0 10px #fff; -moz-box-shadow: 0 0 0 10px #fff; color: #777; background-color: #fff;}
.newtable td {padding: 8px;}
.newtable tr.odd-row td { background: -moz-linear-gradient(100% 25% 90deg,#f6f6f6,#f1f1f1); background: -webkit-gradient(linear,0 0,0 25%,from(#f1f1f1),to(#f6f6f6))}
.newtable th { padding: 8px;background: -moz-linear-gradient(100% 20% 90deg,#e8eaeb,#ededed); background: -webkit-gradient(linear,0 0,0 20%,from(#ededed),to(#e8eaeb))}
.newtable tr td.blue {background-color:#eefcff;}
#navbarCollapse { width: 100%;}
#section1 { background-color: #fff; background-position:bottom left; background-repeat:no-repeat;}
#H2plus01 {width: calc(30vw); max-width: 518px; padding-top: calc(5vh);}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
#H2plus01 {height: calc(70vh);}
}
#section1_1 { background-color: #000; color:#fff;}
#section1_1 .card-columns {-webkit-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem;}
#section1_1 .card {margin-right: 0; margin-left: 0;background-color: transparent; border: 0;}
#section1_1 .card-body {padding: 0.5rem 0.5rem 0 0.5rem;}
#section1_1 img {border-radius: 50%; border-width: 1px; border: 1px solid rgba(0,0,0,.8);}
#section2_1 { background-color: #b9b9b9;}
#s2_crubb {text-align: center;}
#s2_crubb .breadcrumb {display: inline-flex; margin-bottom: 0; padding:0; border-radius:0;}
#s2_crubb .breadcrumb-item {line-height:36px; background-color: #fff;}
html[lang="en-US"] #s2_crubb .breadcrumb-item {font-size: 13px;}
html[lang="ja-JP"] #s2_crubb .breadcrumb-item {font-size: 13px;}
#s2_crubb .breadcrumb-item:first-child:after {width:23px; height:36px; content: " "; float:left; background-image:url(../images/icon_splid3.png); background-repeat:no-repeat;background-position:0 center; background-size:auto 100%;}
#s2_crubb .breadcrumb-item+.breadcrumb-item::before {width:33px; height:36px; content: " "; float:left; background-image:url(../images/icon_splid.png); background-repeat:no-repeat;background-position:-3px center; background-size:cover;}
#s2_crubb .breadcrumb-item:last-child:after {width:20px; height:36px; content: " "; float:right; background-image:url(../images/icon_splid2.png); background-repeat:no-repeat;background-position:100% center; background-size:auto 100%;}
#section2_1 p {display:block; padding:0; line-height: 1.5; color:#000; font-size:20px;}
html[lang="en-US"] #section2_1 p {line-height: 1.2; font-size: 18px;}
html[lang="ja-JP"] #section2_1 p {line-height: 1.4; font-size: 18px;}
#section3_0 .s3_list {width:calc(100% - 15px);}
#section3_0 .s3_list > ul {position:relative; margin:0; padding: 0; width:100%;}
#section3_0 .s3_list > ul li {position: relative; list-style: none; margin:0; color:#fff; }
html[lang="en-US"] #section3_0 .s3_list > ul li { background-image: url(../images/icon_check.png); background-repeat: no-repeat; background-position: 10px center; background-size: auto 60%; padding: 10px 0; }
html[lang="ja-JP"] #section3_0 .s3_list > ul li { background-image: url(../images/icon_check.png); background-repeat: no-repeat; background-position: 10px center; background-size: auto 60%; padding: 10px 0; }
html[lang="zh-TW"] #section3_0 .s3_list > ul li:after {display:block; width:35px; height:35px; content:" ";float:left;margin-top:-4px;margin-right:10px; background-image:url(../images/icon_check.png); background-repeat:no-repeat;background-position:left center; background-size:cover;}
html[lang="zh-CN"] #section3_0 .s3_list > ul li:after {display:block; width:35px; height:35px; content:" ";float:left;margin-top:-4px;margin-right:10px; background-image:url(../images/icon_check.png); background-repeat:no-repeat;background-position:left center; background-size:cover;}
#section3_0 .s3_list > ul li:nth-child(1) { background-color:#456f82;}
#section3_0 .s3_list > ul li:nth-child(2) { background-color:#668697;}
#section3_0 .s3_list > ul li:nth-child(3) { background-color:#7e97a3;}
#section3_0 .s3_list > ul li span {display: inline-block; padding: 4px 0 5px; line-height: 1.2; margin-left: 45px; font-size:15px;}
#section3 { padding: 50px 0 0; background-color: #ddd;}
#section3 .s3_list2 {position:absolute; margin-top:-150px; left: calc(50% - 285px);}
#section3 .s3_list2 > ul {position:relative; margin:0; padding: 0;}
#section3 .s3_list2 > ul li {position: relative; list-style: none; float:left; margin:0 5px; border-radius: 50%; border-width: 1px; border: 1px solid #ddd; width:180px; overflow:hidden;}
#section3 h2 {padding-top:50px;}
#heart_rate_phone {max-height: 450px; padding-top: 50px;}
#section3_1 {border-bottom: 1px solid #e8e8e8;}
#section3_1 p { margin:0 0 5px 2px; height: 20px;}
#section3_1 img {max-width:150px !important;}
#section4 {background-color: #f9f9f9;}
#section4 .cicle_b {border-radius: 50%; border-width: 1px; border: 1px solid rgba(0,0,0,.8); }
#section5 {width:100%;}
#section5 .item {width:100%; background-repeat:no-repeat; background-color:#91999b;}
#section5 .markup {width:100%; background-repeat:no-repeat; background-position-y:bottom; background-size: auto 87.7%;}
#section5 .item[data-item="1"] {background-image:url(../images/s05_1_bk.jpg); background-position-x:right;}
#section5 .item[data-item="2"] {background-image:url(../images/s05_2_bk.jpg); background-position-x:left;}
#section5 .markup[data-item="left"] { background-position-x:25%;}
#section5 .markup[data-item="right"] { background-position-x:75%;}
html[lang="zh-TW"] #section5 .markup[data-item="left"] {background-image:url(../images/s05_1_SS.png);}
html[lang="zh-TW"] #section5 .markup[data-item="right"] {background-image:url(../images/s05_2_SS.png);}
html[lang="en-US"] #section5 .markup[data-item="left"] {background-image:url(../images/s05_1_SS_en.png);}
html[lang="en-US"] #section5 .markup[data-item="right"] {background-image:url(../images/s05_2_SS_en.png);}
html[lang="ja-JP"] #section5 .markup[data-item="left"] {background-image:url(../images/s05_1_SS_jp.png);}
html[lang="ja-JP"] #section5 .markup[data-item="right"] {background-image:url(../images/s05_2_SS_jp.png);}
#section5 .cont {display:flex; flex-direction: column; justify-content: center; color:#fff;}
#section5 .markup[data-item="left"] .cont {margin-left:calc(100vw * 0.266); text-align:left; align-items:flex-start;}
#section5 .markup[data-item="right"] .cont {margin-right:calc(100vw * 0.266); text-align:right; align-items:flex-end;}
#s06_title {max-width:500px;}
html[lang="ja-JP"] #s06_title {max-width:728px;}
#section7 {width:100%; background-repeat:no-repeat; background-color:#9e999e; background-image:url(../images/s07_bk.jpg); background-position-x:right; background-size: auto 100%;}
#section7 .markup {width:100%; background-position-x:25%; background-repeat:no-repeat; background-position-y:bottom; background-size: auto 87.7%;}
html[lang="zh-TW"] #section7 .markup {background-image:url(../images/s07_SS.png);}
html[lang="en-US"] #section7 .markup {background-image:url(../images/s07_SS_en.png);}
html[lang="ja-JP"] #section7 .markup {background-image:url(../images/s07_SS_jp.png);}
#section7 .cont {display:flex; flex-direction: column; justify-content: center; color:#fff; margin-left:calc(100vw * 0.266); text-align:left; align-items:flex-start;}
#section7 .markup h2 { color:#fff; transform: scale(1.1, 1.2); transform-origin: left; font-weight: 500; text-shadow: 1px 1px 0 #fff; padding-bottom: 10px;}
html[lang="en-US"] #section7 .markup h2 { text-shadow: 1px 1px 0 #7d7d7d }
html[lang="ja-JP"] #section7 .markup h2 { text-shadow: 1px 1px 0 #7d7d7d }
#section8 .cont {display:flex; flex-direction: column; justify-content: center; color:#fff; text-align:left; align-items:center; margin-left:calc(12vw);}
#s08_divice {position:absolute; z-index:2;}
#section8 p {color: #636363; text-align:center;}
#section8 .btn {width:120px; z-index:3;}
#section9 {background-color:#f3f3f3;}
#section10 table {width:auto !important; margin:0 auto 3rem auto;}
#section10 table td {padding: 0; vertical-align: middle; border-top: 0;line-height: 1.1;}
#section10_2 a {display:block;}
#section11 .container {max-width:840px !important;}
#section11 li {padding-bottom:10px;}
html[lang="en-US"] #section11 h2 { padding: 35px 0 20px;}
html[lang="ja-JP"] #section11 h2 { padding: 35px 0 20px;}
#specModal .modal-content { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: none;}
#FAQModal .modal-title {font-size: 20px}
.mCSB_scrollTools {width: 10px}
.mCSB_inside > .mCSB_container {margin-right: 25px !important;}
.accordion .card-header {padding: 0;border-radius: 0;margin-bottom: -1px;}
.accordion .card-title {font-size:15px; margin-bottom:0; padding:0}
.accordion .card-title a {display: block;width: 100%;padding: 10px;line-height: 1.2;}
.accordion .card-body {font-size: 14px;padding: 1rem 1.5rem;}
.accordion .card-body p {margin-bottom: 0;}
.accordion .card-title a:hover {background-color: #fbfbfb !important}
.accordion .card-title a:before {font-family: FontAwesome;float: right;color: #989898;font-size: 14px;line-height: 18px;display: inline-block;width: 12px;margin-right: 0}
.accordion .card-title a[aria-expanded=false]:before {content: "\f147";}
.accordion .card-title a[aria-expanded=true]:before {content: "\f196"}
.accordion .card-body ol, .accordion .card-body ul {margin: 5px 0 0 -15px;}
.accordion .card-body li:not(:last-child) {padding-bottom:5px;}
#section10_1 {margin:0 auto; text-align:center; background-image: url(../images/s10_bk.png); background-position:top center; background-repeat:no-repeat;}
#s10_con {position:absolute; z-index:1; text-align:center;}
#s10_flex {display: flex; flex-direction: column;}
#s10_svg {max-width:1140px; transform-origin:bottom center !important;}
#base_img, #s10_icon image {opacity:0;}
#H2plus01 .cls-1 { isolation: isolate;}
#s10_svg .cls-1 {fill: none;}
/** response **/
@media (min-width: 1920px) {
#section10_1 {background-size:auto;}
}
@media (max-width: 1919px) {
#section10_1 {background-size:calc(100vw) auto;}
}
@media (min-width: 1600px) {
#section5, #section5 .item, #section5 .markup, #section5 .cont {height:789px;}
html[lang="zh-TW"] #section5 .markup[data-item="left"] .icon {max-width:188px;}
html[lang="zh-TW"] #section5 .markup[data-item="right"] .icon {max-width:244px;}
html[lang="en-US"] #section5 .markup[data-item="left"] .icon {max-width:250px;}
html[lang="en-US"] #section5 .markup[data-item="right"] .icon {max-width:303px;}
html[lang="ja-JP"] #section5 .markup[data-item="left"] .icon {max-width:250px;}
html[lang="ja-JP"] #section5 .markup[data-item="right"] .icon {max-width:303px;}
html[lang="ja-JP"] #s08_divice {left:calc(20vw) !important;}
#section5 .markup p {font-size:18px; margin-top:-10px; line-height:1.3; max-width:550px;}
#section5 .markup[data-item="left"] p {margin-left:75px; margin-right:calc(30vw); }
#section5 .markup[data-item="right"] p {margin-right:75px; margin-left:calc(30vw); }
#section5 .markup .icon {margin-top: -5rem;}
#section7, #section7 .markup, #section7 .cont {height:789px;}
#section7 .icon {max-width:248px;}
html[lang="en-US"] #section7 .icon {max-width:353px;}
html[lang="ja-JP"] #section7 .icon {max-width:353px;}
#session7 .markup h2 { margin-top: -5rem;}
#section7 .markup p {font-size:18px; margin-top:-10px; line-height:1.3; max-width:550px; margin-left:75px; margin-right:calc(30vw);}
}
@media (max-width: 1599px) {
#section5, #section5 .item, #section5 .markup, #section5 .cont {height:calc(100vw * 0.493);}
#section3_0 .s3_list > ul li span { font-size:14px;}
html[lang="zh-TW"] #section5 .markup[data-item="left"] .icon {max-width:calc(100vw * 0.117); min-width:120px;}
html[lang="zh-TW"] #section5 .markup[data-item="right"] .icon {max-width:calc(100vw * 0.152); min-width:155px;}
html[lang="en-US"] #section5 .markup[data-item="left"] .icon {max-width:calc(100vw * 0.156); min-width:160px;}
html[lang="en-US"] #section5 .markup[data-item="right"] .icon {max-width:calc(100vw * 0.189); min-width:194px;}
html[lang="ja-JP"] #section5 .markup[data-item="left"] .icon {max-width:calc(100vw * 0.156); min-width:160px;}
html[lang="ja-JP"] #section5 .markup[data-item="right"] .icon {max-width:calc(100vw * 0.189); min-width:194px;}
#section5 .markup .icon {margin-top: -3rem;}
#section5 .markup p {font-size:17px; margin-top:-10px; line-height:1.3; max-width:calc(33vw);}
#section5 .markup[data-item="left"] p {margin-left:calc(4.75vw); margin-right:calc(30vw);}
#section5 .markup[data-item="right"] p {margin-right:calc(4.75vw); margin-left:calc(30vw);}
#section7, #section7 .markup, #section7 .cont {height:calc(100vw * 0.493);}
#section7 .icon {max-width:calc(100vw * 0.155); min-width:158px;}
html[lang="en-US"] #section7 .icon {max-width:calc(100vw * 0.22); min-width:225px;}
html[lang="ja-JP"] #section7 .icon {max-width:calc(100vw * 0.22); min-width:225px;}
#session7 .markup h2 { margin-top: -3rem;}
#section7 .markup p {font-size:17px; margin-top:-10px; line-height:1.3; max-width:calc(33vw); margin-left:calc(4.75vw); margin-right:calc(30vw);}
}
@media (min-width: 1140px) {
#section10_1, #s10_con, #s10_flex {height: 850px;}
#s10_flex .item1 {height: 720px; padding-top:70px; font-size:46px;}
#s10_svg .cls-3 { font-size: 35px; transform: translate(38%, 760px);}
html[lang="zh-CN"] #s10_svg .cls-3 { transform: translate(40%, 730px);}
html[lang="en-US"] #s10_flex .item1 {font-size:40px;}
html[lang="ja-JP"] #s10_flex .item1 {font-size:40px;}
#s10_flex .item2 {font-size:28px; line-height:1.2}
#s10_svg .cls-4 {font-size:36px;}
html[lang="en-US"] #s10_flex .item2 {font-size:25px; line-height:1}
html[lang="ja-JP"] #s10_flex .item2 {font-size:25px; line-height:1}
#s10_con {width:1140px; left:calc(50vw - 570px);}
#heart_rate {max-width:320px;}
}
@media (max-width: 1139px) {
#section10_1, #s10_svg, #s10_con, #s10_flex {height: 850px; max-height: calc(calc(100vw - 17px) * 0.745);}
#s10_flex .item1 {height: 850px; max-height: calc(calc(calc(100vw - 17px) * 0.745) - 115px); padding-top:calc(70px * 0.75); font-size:38px;}
#s10_svg .cls-3 {font-size:38px;transform: translate(37%, 760px);}
html[lang="zh-CN"] #s10_svg .cls-3 { transform: translate(40%, 730px);}
#s10_flex .item2 {font-size:25px; line-height:1.2}
#s10_svg .cls-4 {font-size:39px;}
html[lang="en-US"] #s10_flex .item1 { max-height: calc(calc(calc(100vw - 17px) * 0.745) - 100px); font-size:35px;}
html[lang="en-US"] #s10_flex .item2 {font-size:22px; line-height:1}
html[lang="ja-JP"] #s10_flex .item1 { max-height: calc(calc(calc(100vw - 17px) * 0.745) - 100px); font-size:35px;}
html[lang="ja-JP"] #s10_flex .item2 {font-size:22px; line-height:1}
#s10_con {width:calc(100vw);}
#heart_rate {max-width:calc(100vw * 0.266);}
}
@media (min-width: 1200px) {
.navbar-nav li:hover .dropdown-menu {display: block}
#section1 {height:800px; background-size:auto 100%;}
#s1_l {max-width: calc(25vw);}
#s1_left {margin-left: calc(-5vw);}
#s1_p1 {font-size:24px; line-height:1.2; padding-top:10px; margin-bottom:0;}
html[lang="en-US"] #s1_p1 {font-size:18px; line-height:1; padding-top:10px; margin-bottom:0;}
html[lang="ja-JP"] #s1_p1 {font-size:18px; line-height:1.3; padding-top:10px; margin-bottom:0;}
#s1_p2 {font-size:15px; margin-bottom:0; padding-top:5px;}
#section1_1 { padding-top:2rem; padding-bottom:1rem;}
#section2_1 { padding-top:3rem; padding-bottom:3rem;}
#section2 {height:580px; background-size:auto 100%;}
#s3_pic {max-width:500px; width:auto; float:right; margin-right:30px;}
#s3_panel02 {padding-top:5rem;}
#s3_logo {padding-top:30px;}
#section3_0 .s3_desc {font-size:20px; font-weight:500; padding:30px 0 10px; line-height:1.4;}
html[lang="en-US"] #section3_0 .s3_desc {font-size:17px; line-height:1.2; font-weight: 400;}
html[lang="ja-JP"] #section3_0 .s3_desc {font-size:17px; line-height:1.4; font-weight: 400;}
html[lang="zh-TW"] #section3_0 .s3_list > ul li {padding: .75rem 1.25rem; font-size:18px;}
html[lang="zh-cn"] #section3_0 .s3_list > ul li {padding: .75rem 1.25rem; font-size:18px;}
html[lang="en-US"] #section3_0 .s3_list > ul li {font-size:17px;}
html[lang="ja-JP"] #section3_0 .s3_list > ul li {font-size:17px;}
#section4 {height: 800px; background-size:auto 100%;}
#section4 h2 {padding-top:50px; font-size:48px;}
html[lang="en-US"] #section4 h2 {font-size:40px;}
html[lang="ja-JP"] #section4 h2 {font-size:40px;}
#s4_divice {max-height:475px; width:auto; float:right;}
#section4 .cicle_b {max-width:75px;}
#section4 .s4_desc {width:388px; margin-left:10px; }
#section4 h3 {line-height:1.4; margin-bottom: 5px; }
#section4 p {padding-bottom:5px; }
#section6 {height: 740px; background-size:auto;}
#section8, #section8 .cont {height: 600px;}
#s08_title {padding-top:20px;}
#s08_divice {margin-top:-50px; left:calc(20vw);}
html[lang="ja-JP"] #s08_divice {left:calc(10vw);}
#section8 p {font-size:24px; padding-top:15px; line-height:1.3;}
html[lang="en-US"] #section8 p {font-size:22px; padding-top:10px; line-height:1.2;}
html[lang="ja-JP"] #section8 p {font-size:20px; padding-top:10px; line-height:1.4;}
#section9 {height: 800px; background-size:auto 100%;}
#section10 td.icon {width:280px;}
html[lang="en-US"] #section10 td.icon {width:203px;}
html[lang="ja-JP"] #section10 td.icon {width:203px;}
#section10 td.tx {font-size: 26px;}
}
@media (max-width: 1199px) {
#H2plus01 { max-height: calc(75vh);}
#s2_icon1 {max-width:calc(100vw * 0.22);}
#s3_pic {display:none;}
#section3_0 {padding-bottom:150px;}
#section3_0 .s3_list > ul li span { width: calc(100vw - 120px); font-size:13px; margin-left: 45px;}
#s3_panel01 {height:calc(100vw * 0.45); background-repeat:no-repeat; background-image:url(../images/s03_pic1.jpg); background-position-y: bottom; background-position-x:50%; background-size: auto 95%; border-bottom:1px solid #ddd;}
html[lang="en-US"] #s3_panel01 {background-image: url(../images/s03_pic1_en.jpg);}
html[lang="ja-JP"] #s3_panel01 {background-image: url(../images/s03_pic1_jp.jpg);}
#s3_panel02 { max-width: calc(90vw); margin-left: calc(5vw); margin-right: calc(5vw);}
}
@media (max-width: 991px) {
html[lang="en-US"] #s2_crubb span { display: none;}
html[lang="ja-JP"] #s2_crubb span { display: none;}
#socialmed_link {padding-top:1px;}
}
@media (min-width: 960px) and (max-width:1199px) {
#s1_l {max-width: calc(35vw - 50px);}
#s1_p1 {font-size:22px; line-height:1.2; padding-top:10px; margin-bottom:0;}
html[lang="en-US"] #s1_p1 {font-size:17px; line-height:1;}
html[lang="ja-JP"] #s1_p1 {font-size:17px; line-height:1.2;}
#s1_p2 {font-size:14px; margin-bottom:0; padding-top:5px;}
#section4 {height: 800px; background-size:auto 100%;}
#section4 h2 {padding-top:50px; font-size:48px;}
html[lang="en-US"] #section4 h2 {font-size:40px;}
html[lang="ja-JP"] #section4 h2 {font-size:40px;}
#s4_divice {max-height:475px; width:auto; float:right;}
html[lang="en-US"] #section3 p.h5 {font-size: 17px;}
html[lang="ja-JP"] #section3 p.h5 {font-size: 17px;}
#section4 .cicle_b {max-width:65px;}
#section4 .s4_desc {width:calc(100vw * 0.270); margin-left:10px; }
#section4 h3 {line-height:1.4; margin-bottom: 5px; }
#section4 p {padding-bottom:5px; }
}
@media (min-width: 649px) and (max-width:792px) {
html[lang="en-US"] #section4 h3 {line-height: 1; margin-bottom: 2px; font-size: 20px; }
html[lang="en-US"] #s4_divice {max-height: unset; width:96%; padding-top: 1rem;}
html[lang="ja-JP"] #section4 h3 {line-height: 1.2; margin-bottom: 2px; font-size: 20px; }
html[lang="ja-JP"] #s4_divice {max-height: unset; width:96%; padding-top: 1rem;}
}
@media (min-width: 649px) and (max-width:959px) {
#s1_p1 {font-size:20px; line-height:1.2; padding-top:10px; margin-bottom:0;}
html[lang="en-US"] #s1_p1 {font-size:16px; line-height:1;}
html[lang="ja-JP"] #s1_p1 {font-size:16px; line-height:1.2;}
#s1_p2 {font-size:13px; margin-bottom:0; padding-top:5px;}
#section4 {height: auto; max-height:800px; background-size:auto 100%; padding:20px 0 50px;}
#section4 h2 {padding-top:50px; font-size:48px;}
html[lang="en-US"] #section4 h2 {font-size:40px;}
html[lang="ja-JP"] #section4 h2 {font-size:40px;}
#s4_divice {max-height:400px; width:auto; float:right; margin-left: 10px;}
#section4 .cicle_b {max-width:60px;}
html[lang="zh-TW"] #section4 .s4_desc {width:calc(100vw * 0.260); margin-left:10px; }
html[lang="en-US"] #section4 .s4_desc { width: calc(40vw - 30px); margin-left: 10px;}
html[lang="ja-JP"] #section4 .s4_desc { width: calc(40vw - 30px); margin-left: 10px;}
#section4 h3 {line-height:1.4; margin-bottom: 5px; }
html[lang="en-US"] #section4 h3 {line-height:1; font-size: 22px; margin-bottom: 10px; }
html[lang="en-US"] #section3 p.h5 {font-size: 16px;}
html[lang="ja-JP"] #section4 h3 {line-height:1.2; font-size: 22px; margin-bottom: 10px; }
html[lang="ja-JP"] #section3 p.h5 {font-size: 16px;}
#section4 p {padding-bottom:5px; }
html[lang="en-US"] #section4 p.h3 {font-size:20px; }
html[lang="en-US"] #section4 p {padding-bottom:0; line-height:1.2; }
html[lang="ja-JP"] #section4 p.h3 {font-size:20px; }
html[lang="ja-JP"] #section4 p {padding-bottom:0; line-height:1.4; }
}
@media (min-width: 649px) and (max-width:1199px) {
#section1 {height: 800px; max-height: calc(100vw * 0.66); background-size:auto 100%; background-position-x:0;}
#section1_1 { padding-top:1.5rem; padding-bottom:0.75rem;}
#section2_1 { padding-top:1.5rem; padding-bottom:1.5rem;}
#section2 {height:580px; max-height: calc(100vw * 0.48); background-size:100% 100%;}
#s3_logo {padding-top:25px;}
#section3_0 .s3_desc {font-size:18px; font-weight:500; padding:25px 0 5px; line-height:1.3;}
html[lang="en-US"] #section3_0 .s3_desc {font-size:15px; line-height:1.2;}
html[lang="ja-JP"] #section3_0 .s3_desc {font-size:15px; line-height:1.4;}
#section3_0 .s3_list > ul li {padding: .7rem 1.2rem; font-size:16px;}
#section6 {height: 740px; max-height: calc(100vw * 0.65); background-size:100% auto;}
#s06_title {max-width: 500px; width: calc(100vw * 0.5);}
#section8, #section8 .cont {height: 600px; max-height: calc(100vw * 0.5);}
#s08_title {padding-top:10px; max-width:calc(100vw * 0.33);}
#s08_logo {max-width:calc(100vw * 0.125);}
#s08_divice {margin-top:calc(100vw - 105vw); left:calc(10vw); height:calc(100vw * 0.55); }
#section8 p {font-size:20px; padding-top:10px; line-height:1.3;}
html[lang="en-US"] #section8 p {font-size:18px; line-height:1.24;}
html[lang="ja-JP"] #section8 p {font-size:18px; line-height:1.34;}
#section9 {height: 800px; max-height: calc(100vw * 0.74); background-size:auto 100%;}
#section9 #charger {max-width: calc(100vw * 0.3);}
}
@media (min-width: 992px) and (max-width:1199px) {
.navbar-nav li:hover .dropdown-menu {display: block}
ul.navbar-nav > li {padding: 0 6px}
ul.navbar-nav > li > a {padding: 0}
ul.navbar-nav > li > a, .dropdown-menu li a {font-size: 12px}
.footer-menu {float: none}
#back-to-top.affix {bottom: 35px}
#back-to-top {right: 15px}
#section5 .markup p, #section7 .markup p {font-size:15px; margin-top: -5px;}
}
@media (min-width: 992px) {
.navbar-expand-lg {flex-flow: column !important; align-items: flex-end !important; height: 64px;}
#navbarCollapse {display: block !important; padding-top: 18px;}
#logo {padding-left: 20px;}
#select-lange .btn-group {height: 55px;}
#select-lange .btn-group:hover .dropdown-menu, .dropdown-menu.show { top: -5px !important; }
.site-nav-inner {padding-right: 30px;}
.navbar-expand-lg .navbar-nav {margin-right: 0 !important;}
ul.navbar-nav>.nav-item>.nav-link {padding: 4px 15px 0 15px;}
ul.navbar-nav>li:hover, ul.navbar-nav>li.active {background: rgba(0,0,0,.65);}
ul.navbar-nav>li:hover>a, ul.navbar-nav>li.active>a {color: #fff !important;}
#navbarCollapse .dropdown:hover > a > .fa-angle-down {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
@keyframes floating {
0%,to {transform: translate(0%,0%);}
25% {transform: translate(5px,15px)}
50% {transform: translate(10px,5px)}
75% {transform: translate(0%,15px)}
}
#section1 { margin-top: 65px;}
#H2plus01 { max-height: calc(70vh);}
}
@media (max-width: 991px) {
.navbar {height:53px;margin-right: 30px;}
html[lang="en-US"] #navbarCollapse {display:block !important;}
html[lang="ja-JP"] #navbarCollapse {display:block !important;}
#logo {padding-left: 10px;}
#brandlogo {max-height: 38px; width:125px; margin-top:8px;}
#select-lange .btn-group {height: 46px;}
#select-lange .btn-group:hover .dropdown-menu, .dropdown-menu.show { top: -15px !important; }
.navbar-toggler{margin-top: 13px;}
.site-nav-inner, .navbar-collapse, ul.navbar-nav, ul.navbar-nav li, .nav-link {width: 100%;}
ul.navbar-nav {border-top: 1px solid #bbb;}
ul.navbar-nav li a { border-bottom: 1px solid #bbb !important;}
ul.navbar-nav > .nav-item > .nav-link {padding: 10px 10px 8px 15px;font-size: 14px;}
ul.navbar-nav > .nav-item:last-child > .nav-link {border-bottom:0 !important}
ul.navbar-nav li.nav-item.show > a > i {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#back-to-top.affix {bottom: 78px}
.body-inner {margin: 0 auto}
#navbarCollapse > ul.navbar-nav {border-bottom: 1px solid #bbb;}
@keyframes floating {
0%,to {transform: translate(0,0)}
25% {transform: translate(2px,9px)}
50% {transform: translate(4px,3px)}
75% {transform: translate(0,9px)}
}
#section1 { margin-top: 53px;}
#section5 .markup p { margin-top:10px; line-height:1.3; max-width: calc(38vw);}
#section5 .markup[data-item="left"] p {margin-left:10px;}
#section5 .markup[data-item="right"] p {margin-right:10px;}
#section7 .markup p { margin-top:10px; line-height:1.3; max-width: calc(38vw);margin-left:10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-fixed {position: relative; animation: none; box-shadow: none}
.main-nav>.container {max-width: 100%;}
ul.navbar-nav > li {float: none; display: block}
ul.navbar-nav {padding: 0 0 3px}
ul.navbar-nav li {float: none}
ul.navbar-nav li a {line-height: 1.5 !important; color: #484848; padding: 10px 0; display: block;}
ul.navbar-nav li a i {float: right; width: 36px; line-height: 24px; text-align: center;}
ul.navbar-nav > .nav-item:last-child > .nav-link {border-bottom:0 !important}
ul.navbar-nav .dropdown-menu {float: none; position: relative; border: 0; margin: 0; padding: 0}
ul.navbar-nav .dropdown-menu li a {padding-left: 20px !important}
ul.navbar-nav .dropdown-menu {box-shadow: none; border-top: 0; background: none}
.copyright {text-align: center}
.copyright .footer-menu {float: none; text-align: center}
.copyright .nav {display: inline-block}
#s1_l {max-width: calc(40vw - 50px);}
#section5 .markup .icon, #section7 .markup h2 {margin-top: -1rem;}
#section5 .markup p, #section7 .markup p {font-size:14px; }
}
@media (min-width: 768px) {
#section1_1 .card-columns { -webkit-column-count: 8; -moz-column-count: 8; column-count: 8;}
}
@media (min-width: 576px) and (max-width: 767px) {
.main-nav>.container {max-width: 100%;}
#section1_1 .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
}
@media (min-width: 576px) {
.modal-dialog {min-width: 600px;}
#H2plus01 {width: calc(50vw); margin-right: calc(-10vw);}
#section1_1 .card-text {font-size: 14px;}
}
@media (max-width: 575px) {
#H2plus01 {width: calc(60vw); margin-left: calc(10vw); margin-right: calc(-20vw);}
#page1_l { max-width: calc(75vw - 50px); margin-right: -2rem; margin-left: 2rem;}
#section1_1 .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
#section1_1 .card {margin-bottom: 0;}
#section1_1 p {height:52px; font-size:12px;}
}
@media (max-width: 767px) {
.navbar-fixed {position: relative; animation: none; box-shadow: none}
.site-nav-inner {background: none; width: 100%}
ul.navbar-nav > li {display: block}
ul.navbar-nav > li > a:before {border-bottom: 0}
ul.navbar-nav {width: 100%; padding: 0}
ul.navbar-nav > li {float: none}
ul.navbar-nav li a {line-height: 1.6 !important;}
ul.navbar-nav li a i {float: right; width: 36px; padding: 3px; text-align: center;}
ul.navbar-nav li a {line-height: 1.6 !important; padding: 10px 0; display: block;}
ul.navbar-nav .dropdown-menu {box-shadow: none; border-top: 0; background: none; border: 0;}
ul.navbar-nav .dropdown-menu > li > a {padding-left: 15px; color: #484848;}
.copyright-info {text-align: center}
.footer-menu {float: none; text-align: center}
.footer-menu .nav {display: inline-block}
#back-to-top {bottom: 0; right: 20px}
#s1_l {max-width: calc(40vw);}
html[lang="en-US"] #s1_title { padding-top:10px; margin-left:2px;}
html[lang="ja-JP"] #s1_title { padding-top:10px; margin-left:2px;}
#s2_crubb span {display:none;}
#s2_crubb .breadcrumb-item { line-height: 30px; font-size:13px; padding-left:0;}
#s2_crubb .breadcrumb-item:first-child:after {width: 16px; height:30px;}
#s2_crubb .breadcrumb-item+.breadcrumb-item::before {width: 22px; height:30px; background-position: -4px center;}
#s2_crubb .breadcrumb-item:last-child:after {width: 14px; height:30px;}
#section5 .markup .icon, #section7 .markup h2 {margin-top: 0;}
#section5 .markup p, #section7 .markup p {font-size:13px; }
#section1_1 img { max-width: 60px;}
#p10_title, #p11_title {width:calc(40vw);}
html[lang="en-US"] #section10 .container { max-width: calc(100vw - 30px);}
html[lang="ja-JP"] #section10 .container { max-width: calc(100vw - 30px);}
#s10_flex .item1 {max-height: calc(calc(calc(100vw - 17px) * 0.745) - 90px); font-size:35px;}
#s10_svg .cls-3 {font-size:35px;}
html[lang="en-US"] #s10_flex .item1 {max-height: calc(calc(calc(100vw - 17px) * 0.745) - 90px); font-size:24px;}
html[lang="ja-JP"] #s10_flex .item1 {max-height: calc(calc(calc(100vw - 17px) * 0.745) - 90px); font-size:24px;}
#s10_flex .item2 {font-size:21px; line-height:1.2}
#s10_svg .cls-4 {font-size:36px;}
html[lang="en-US"] #s10_flex .item2 {font-size:19px; line-height:1}
html[lang="ja-JP"] #s10_flex .item2 {font-size:19px; line-height:1.2}
}
@media (max-width: 648px) {
#section1 {height: auto; background-size:100% auto; background-color:#fff; background-position-y:0; padding: 0 0 15px 0;}
#s1_logo {max-width:90px; padding-bottom:10px;}
#section1 .d-sm-flex {display:block !important;}
#s1_l {max-width: calc(100vw);}
#s1_left {width: calc(80vw); margin: 0 calc(10vw) 0 calc(10vw); padding-top: 50px;}
#H2plus01 {width: calc(78vw); margin: 0 calc(12vw) 0 calc(12vw); }
#s1_p1 {font-size:18px; line-height:1.4; padding-top:15px; margin-bottom:0;}
html[lang="en-US"] #s1_p1 {font-size:13px; line-height:1.4; padding-top:10px;}
html[lang="en-US"] #s1_title {max-width:calc(100%); padding-top:10px; margin-left:2px;}
html[lang="ja-JP"] #s1_p1 {font-size:13px; line-height:1.5; padding-top:10px;}
html[lang="ja-JP"] #s1_title {max-width:calc(100%); padding-top:10px; margin-left:2px;}
#s1_p2 {font-size:12px; margin-bottom:0; padding-top:10px;}
#section1_1 { padding-top:3rem; padding-bottom:3rem;}
#section2_1 { padding-top:1.5rem; padding-bottom:1.5rem;}
#section2 {height:calc(100vw * 1.7); background-size:100% 100%;}
#section2_1 p {line-height: 1.3; font-size: 16px;}
html[lang="en-US"] #section2_1 p {line-height: 1.1; font-size: 13px;}
html[lang="ja-JP"] #section2_1 p {line-height: 1.3; font-size: 13px;}
#s2_icon1 {max-width:calc(100vw * 0.3);}
#section3_0 { padding-bottom: 125px;}
#section3_0 .s3_list > ul li { padding: .65rem 1.1rem; font-size: 15px;}
html[lang="en-US"] #section3_0 .s3_list > ul li {background-size: auto 24px;}
html[lang="ja-JP"] #section3_0 .s3_list > ul li {background-size: auto 24px;}
html[lang="zh-TW"] #section3_0 .s3_list > ul li:after { width: 30px; height: 30px;}
html[lang="zh-cn"] #section3_0 .s3_list > ul li:after { width: 30px; height: 30px;}
#section3_0 .s3_list > ul li span { font-size:12px; line-height:1.2; margin-left: 43px; width: calc(100vw - 95px);}
#s3_logo {padding-top: 25px; max-width: 250px; }
#section3_0 .s3_desc { font-size: 17px; font-weight: 500; padding: 20px 0 0; line-height: 1.3;}
html[lang="en-US"] #section3_0 .s3_desc {font-size:14px; line-height:1.2;}
html[lang="ja-JP"] #section3_0 .s3_desc {font-size:14px; line-height:1.4;}
#s3_panel01 { height: calc(100vw * 0.8); background-size: auto 100%;}
#section3 .s3_list2 {margin-top: -130px; left: calc(50% - 240px);}
#section3 .s3_list2 > ul li { margin: 0 5px; width: 150px;}
#section4 {height: auto; background-size:cover; padding:20px 0 50px;}
#section4 h2 {padding-top:30px; font-size:35px;}
html[lang="en-US"] #section4 h2 {font-size:28px;}
html[lang="ja-JP"] #section4 h2 {font-size:28px;}
#section4 .h3 {font-size: 1.3rem;}
#s4_divice { width:calc(100vw * 0.45); float:right; margin-right: -10px;}
#heart_rate {max-width: calc(100vw * 0.366);}
html[lang="en-US"] #section3 p.h5 {font-size: 15px;}
html[lang="ja-JP"] #section3 p.h5 {font-size: 15px;}
#section4 .cicle_b {max-width:40px;}
#section4 .s4_desc {width:calc(100vw * 0.37); margin-left:5px; }
#section4 h3 {line-height:1.4; margin-bottom: 5px; font-size:20px; }
html[lang="en-US"] #section4 h3 {line-height:1; margin-bottom: 5px; font-size:14px; }
html[lang="ja-JP"] #section4 h3 {line-height:1; margin-bottom: 5px; font-size:14px; }
#section4 p {padding-bottom:5px; font-size:13px; }
html[lang="en-US"] #section4 p {line-height:1.2; }
html[lang="ja-JP"] #section4 p {line-height:1.4; }
#section4 .pt-5 {padding-top:20px !important;}
#section5 .markup p, #section7 .markup p {font-size:12px; }
#section6 {height:calc(100vw * 1.42); background-size:100% 100%;}
#section6 #s06_title {max-width:calc(75vw);}
#section8, #section8 .cont {height: 520px; margin-right: calc(5vw);}
#s08_title {padding-top:10px; max-width:calc(100vw * 0.53);}
#s08_logo {max-width:calc(100vw * 0.225); padding-top: 80px;}
#s08_divice { margin-top: -50px; left: calc(100vw - 120vw); height: 500px; width:auto;}
#section8 p {font-size:15px; padding-top:5px; line-height:1.3;}
html[lang="en-US"] #section8 p {font-size:13px; line-height:1.2;}
html[lang="ja-JP"] #section8 p {font-size:13px; line-height:1.4;}
#section9 {height: calc(100vw * 1.17); background-size: 100% 100%;}
#section9 #s09_title {max-width:calc(75vw);}
#section9 #charger {display:none;}
#section10_1 {height: calc(100vw * 1.25);}
#icon_healthkeeper {width:calc(17vw) !important;}
#section10 table td.icon {width:calc(31vw); }
html[lang="en-US"] #section10 table td.icon {width:calc(22vw); }
html[lang="ja-JP"] #section10 table td.icon {width:calc(22vw); }
#s10_flex .item1 {padding-top:calc(40px * 0.75); font-size:30px; max-height: calc(calc(calc(100vw - 17px) * 0.745) - 55px);}
#s10_svg .cls-3 {font-size:30px;transform: translate(40%, 760px);}
html[lang="zh-CN"] #s10_svg .cls-3 { transform: translate(42%, 730px);}
#s10_flex .item2 {line-height: 1.2; font-size: 15px;}
#s10_svg .cls-4 {font-size: 31px;}
html[lang="en-US"] #s10_flex .item1 {font-size:20px; line-height:1; max-height: calc(calc(calc(100vw - 17px) * 0.745) - 60px); width: calc(80vw); margin-left: calc(10vw);}
html[lang="en-US"] #s10_flex .item2 {line-height: 1; font-size: 13px;}
html[lang="ja-JP"] #s10_flex .item1 {font-size:20px; line-height:1; max-height: calc(calc(calc(100vw - 17px) * 0.745) - 60px); width: calc(80vw); margin-left: calc(10vw);}
html[lang="ja-JP"] #s10_flex .item2 {line-height: 1.3; font-size: 13px;}
#section10_2 img {max-width:calc(70vw);}
#icon_healthkeeper {width:calc(23vw) !important;}
#section3_1 img {width:calc(30vw);}
#section11 li {font-size:14px; margin-left: -10px; margin-right: 10px;}
html[lang="en-US"] #section11 li {font-size:13px;line-height: 1; padding-bottom: 8px;}
html[lang="ja-JP"] #section11 li {font-size:13px;line-height: 1.3; padding-bottom: 8px;}
}
@media (max-width: 538px) {
#logo { padding-left: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
#section10 table td.tx {font-size:12px; }
#section11 img.rounded-circle {max-width:40px !important;}
#section3_1 {padding: 20px 0;}
#section3_1 p { text-align: center;}
#section5, #section5 .item, #section5 .markup, #section5 .cont {height:calc(65vh);}
#section5 .markup {background-image:none !important;}
#section5 .markup .icon {margin-top: -1rem; min-width:unset !important; max-width:unset !important; width: auto; height:42px;}
#section5 .item[data-item="1"] {background-position-x:80%;}
#section5 .item[data-item="2"] {background-position-x:30%;}
#section5 .markup[data-item="left"] .cont { margin-left: 90px;}
#section5 .markup[data-item="right"] .cont { margin-right: 90px;}
#section5 .markup p {margin-top: 10px; font-size:13px; line-height: 1.3; max-width: calc(100vw - 90px);}
#section5 .markup[data-item="left"] p { margin-right: 90px;}
#section5 .markup[data-item="right"] p { margin-left: 90px;}
html[lang="en-US"] #section5 .markup p {line-height:1;}
html[lang="ja-JP"] #section5 .markup p {line-height:1.3;}
#section7, #section7 .markup, #section7 .cont {height:calc(65vh);}
#section7 .markup {background-image:none !important;}
#section7 .markup .icon {min-width:unset !important; max-width:unset !important; width: auto; height:42px;}
#section7 {background-position-x:90%;}
#section7 .markup h2 {margin-top: -1rem; font-size: 19px; text-shadow: none;}
#section7 .cont { margin-left: 90px;}
html[lang="en-US"] #section7 .cont { margin-left: calc(10vw); width: calc(80vw);}
html[lang="ja-JP"] #section7 .cont { margin-left: calc(10vw); width: calc(80vw);}
#section7 .markup p {margin-top: 10px; font-size:13px; line-height: 1.3; max-width: calc(100vw - 90px); margin-right: 90px;}
html[lang="en-US"] #section7 .markup p {line-height:1;}
html[lang="en-US"] #section10 .container { max-width: calc(100vw);}
html[lang="en-US"] #section11 h2 { padding: 30px 0 15px;}
html[lang="ja-JP"] #section7 .markup p {line-height:1.3;}
html[lang="ja-JP"] #section10 .container { max-width: calc(100vw);}
html[lang="ja-JP"] #section11 h2 { padding: 30px 0 15px;}
}
@media (min-width: 461px) {
#s10_flex { margin-left:-17px; }
html[lang="en-US"] #s2_crubb_xs {display:none;}
html[lang="ja-JP"] #s2_crubb_xs {display:none;}
}
@media (max-width: 460px) {
section {width: 100vw; overflow:hidden;}
#select-lange .btn-group:hover .dropdown-menu {top: -5px !important;}
#section1_1 img {width: 55px;}
#s2_crubb .breadcrumb-item { font-size:11px !important;}
html[lang="en-US"] #s2_crubb {display:none;}
html[lang="en-US"] #s2_crubb_xs {display:block;}
html[lang="en-US"] #s1_p1 {font-size:12px;}
html[lang="ja-JP"] #s2_crubb {display:none;}
html[lang="ja-JP"] #s2_crubb_xs {display:block;}
html[lang="ja-JP"] #s1_p1 {font-size:12px;}
#section3_0 { padding-bottom: 85px;}
#section3_0 .s3_list {width: calc(100%);}
#s3_logo {padding-top: 25px; max-width: 200px; }
#section3_0 .s3_desc { font-size: 15px; font-weight: 400; padding: 15px 0 0; margin: 0 5px 20px 5px; line-height: 1.3; }
html[lang="en-US"] #section3_0 .s3_desc {font-size:13px; line-height:1.2;}
html[lang="ja-JP"] #section3_0 .s3_desc {font-size:13px; line-height:1.5;}
#s3_panel01 { height: calc(100vw * 0.8); background-size: auto 100%;}
#section3 .s3_list2 {margin-top: -105px; left: calc(50% - 162px);}
#section3 .s3_list2 > ul li { margin: 0 2px; width: 104px;}
#section3 h2 { padding-top: 30px; font-size:18px; line-height: 1.2; margin-bottom: 0; }
html[lang="en-US"] #section3 h2 {font-size:17px; line-height: 1;}
html[lang="ja-JP"] #section3 h2 {font-size:17px; line-height: 1.3;}
#section3 p.h5 { padding: 0px !important; font-size:15px; margin: 0 15px;}
html[lang="en-US"] #section3 p.h5 { font-size:14px; line-height: 1; font-weight: 400;}
html[lang="ja-JP"] #section3 p.h5 { font-size:14px; line-height: 1.3; font-weight: 400;}
#section5, #section5 .item, #section5 .markup, #section5 .cont {height:calc(55vh);}
#heart_rate_phone {padding-top: 20px; max-width: calc(70vw);}
#section4 h2 { padding-top: 20px; font-size: 30px;}
html[lang="en-US"] #section4 h2 {font-size:22px;}
html[lang="ja-JP"] #section4 h2 {font-size:22px;}
#section4 .h3 { font-size: 1.1rem;}
#section4 .cicle_b {max-width: 30px;}
html[lang="en-US"] #section4 .cicle_b {max-width: 24px; margin-top:-5px;}
html[lang="ja-JP"] #section4 .cicle_b {max-width: 24px; margin-top:-5px;}
#section4 { padding: 20px 0 20px 0 !important;}
#section4 p { padding-bottom: 0; font-size: 12px; line-height: 1.3;}
html[lang="en-US"] #section4 p {line-height: 1;margin-bottom: 10px;}
html[lang="ja-JP"] #section4 p {line-height: 1.3;margin-bottom: 10px;}
#section7, #section7 .markup, #section7 .cont {height:calc(55vh);}
#s10_flex .item1 { font-size: 25px;}
#s10_svg .cls-3 {font-size:35px; transform: translate(38%, 760px);}
#s10_svg { display: none !important;}
#section10_1 {height:auto !important;}
#s10_svg .cls-4 {font-size:36px;}
#section10 table { margin: 0 auto 10px auto;}
.newtable td { padding: 5px;line-height: 1.3; font-size: 12px;}
button.toggle {border-radius: 50%; height: 38px; width: 38px; font-size: 1.2em; line-height: 38px;}
button.float_r {margin-right: -18px;}
}
@media (max-width: 360px) {
#s2_crubb { margin-left: -15px; margin-right: -10px;}
#s2_crubb .breadcrumb-item + .breadcrumb-item::before { width: 18px; background-position: -6px center;}
}
@media print {
body {
-webkit-print-color-adjust: exact;
-moz-print-color-adjust: exact;
-ms-print-color-adjust: exact;
print-color-adjust: exact;
}
.wow {
visibility: visible !important;
}
}