@charset "UTF-8";

*{
     box-sizing: border-box;
}

.slick-list:focus, :focus, a:active, a:hover {
     outline: 0
}

fieldset, legend {
     border: 0;
     padding: 0
}

#in_app_browser, #old_browser, #preloading {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0
}

#preloading, body, html {
     height: 100%;
     width: 100%
}

.slick-loading .slick-slide, .slick-loading .slick-track {
     visibility: hidden
}
/* 
@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 100;
     src: local('Noto Sans TC Thin'), local('NotoSansTC-Thin'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFlOG829Oofr2wohFbTp9i9WxEIK_E.otf) format('opentype')
}

@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 300;
     src: local('Noto Sans TC Light'), local('NotoSansTC-Light'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9kwMfDNdX.otf) format('opentype')
}

@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 400;
     src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nF7OG829Oofr2wohFbTp9i1OCEJ.otf) format('opentype')
}

@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 500;
     src: local('Noto Sans TC Medium'), local('NotoSansTC-Medium'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9ywIfDNdX.otf) format('opentype')
}

@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 700;
     src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9gwQfDNdX.otf) format('opentype')
}

@font-face {
     font-family: 'Noto Sans TC';
     font-style: normal;
     font-weight: 900;
     src: local('Noto Sans TC Black'), local('NotoSansTC-Black'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9uwYfDNdX.otf) format('opentype')
} */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline
}

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

body {
     line-height: 1;
}

ol, ul {
     list-style: none
}

blockquote, q {
     quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
     content: '';
     content: none
}

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

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

audio, canvas, video {
     display: inline-block;
     max-width: 100%
}

audio:not([controls]) {
     display: none;
     height: 0
}

[hidden] {
     display: none
}

html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
}

a:focus {
     outline: dotted thin
}

img {
     border: 0;
     -ms-interpolation-mode: bicubic;
     vertical-align: middle
}

figure, form {
     margin: 0
}

legend {
     white-space: normal
}

button, input, select, textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline
}

button, input {
     line-height: normal
}

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
}

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

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

/* .other__wrapper .other__inner, nav { */
.other__wrapper .other__inner{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box
}

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

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

textarea {
     overflow: auto;
     vertical-align: top;
     resize: vertical
}

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

button, html, input, select, textarea {
     color: #222
}

::-moz-selection {
     background: #b3d4fc;
     text-shadow: none
}

::selection {
     background: #b3d4fc;
     text-shadow: none
}

fieldset {
     margin: 0
}

.chromeframe {
     margin: .2em 0;
     background: #ccc;
     color: #000;
     padding: .2em 0
}

/* @-webkit-keyframes spin {
     100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@-moz-keyframes spin {
     100% {
          -moz-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@-o-keyframes spin {
     100% {
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@keyframes spin {
     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
} */

button, input, select {
     font: inherit
}

body {
     /* font-family: 'Noto Sans TC', 'Heiti TC', STHeiti, HelveticaNeueLTPro-Hv, 微軟正黑體, 'Microsoft JhengHei', sans-serif; */
     font-family: "微軟正黑體", Arial;
     background-color: #fff
}

@media only screen and (max-width:1280px) {
     body {
          background-color: #fff
     }
}

@media only screen and (max-width:980px) {
     body {
          background-color: #fff
     }
}

@media only screen and (max-width:767px) {
     body {
          background-color: #fff
     }
}

@media only screen and (max-width:480px) {
     body {
          background-color: #fff
     }
}

#in_app_browser, #old_browser {
     display: none;
     z-index: 998;
     height: 100%;
     width: 100%
}

/* #preloading {
     z-index: 999;
     background-color: #FFF
}

#preloading #loading {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 70px;
     height: 70px;
     margin-top: -35px;
     margin-left: -35px;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     letter-spacing: 2px
}

#preloading #loading .loading_icon {
     width: 70px;
     height: 40px;
     -webkit-animation: spin .9s linear infinite;
     -moz-animation: spin .9s linear infinite;
     -o-animation: spin .9s linear infinite;
     animation: spin .9s linear infinite
} */

/* #landscape_device, nav { */
#landscape_device{
     position: fixed;
     top: 0;
     width: 100%;
     left: 0
}

.portrait .landscape {
     display: block
}

.landscape .landscape, .portrait .portrait {
     display: none
}

.landscape .portrait {
     display: block
}

#landscape_device {
     z-index: 998;
     bottom: 0;
     right: 0;
     height: 100%
}

#landscape_device img {
     height: 17px;
     vertical-align: inherit
}

.remark {
     background-color: #FFE500;
     line-height: 30px;
     font-size: 18px;
     text-align: center;
     color: #000
}

.wrapper {
     /* padding-top: 130px */
}

/* nav {
     height: 130px;
     z-index: 5;
     -webkit-box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25);
     -moz-box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25);
     box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25);
     background: #fff;
     padding: 0 10.5%;
     box-sizing: border-box
}

nav .logo {
     display: inline-block;
     vertical-align: middle;
     width: 194px;
     margin-left: 50px
}

nav .logo a {
     display: block
}

nav .logo a img {
     width: 100%;
     height: auto
}

nav ul, nav ul:before {
     height: 100%;
     display: inline-block;
     vertical-align: middle
}

nav ul {
     position: relative;
     width: -webkit-calc(100% - 194px - 50px * 2 - 4px);
     width: -moz-calc(100% - 194px - 50px * 2 - 4px);
     width: calc(100% - 194px - 50px * 2 - 4px);
     margin-right: 50px;
     text-align: right
}

nav ul:before {
     content: '';
     width: 0;
     background: red
}

nav ul li {
     display: inline-block;
     color: #0e3452;
     margin-left: 4.5%;
     cursor: pointer;
     vertical-align: middle
}

nav ul li a {
     text-decoration: none;
     color: #0e3452
}

nav ul li p {
     font-size: 1.5625rem;
     font-weight: 700
}

nav ul li img {
     width: 30px
}

nav ul li:last-child {
     margin-left: 2.25%
}

nav .btn-fb, nav .btn-yt, nav .hamburger {
     display: none
}

nav.active ul {
     left: 0;
     -webkit-box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25);
     -moz-box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25);
     box-shadow: 1px 1px 5px 0 rgba(35, 35, 35, .25)
}

nav.active .hamburger span:nth-child(2) {
     opacity: 0
}

nav.active .hamburger span:nth-child(1) {
     -webkit-transform: translateY(13px) rotate(45deg);
     -moz-transform: translateY(13px) rotate(45deg);
     -ms-transform: translateY(13px) rotate(45deg);
     -o-transform: translateY(13px) rotate(45deg);
     transform: translateY(13px) rotate(45deg)
}

nav.active .hamburger span:nth-child(3) {
     -webkit-transform: translateY(-15px) rotate(-45deg);
     -moz-transform: translateY(-15px) rotate(-45deg);
     -ms-transform: translateY(-15px) rotate(-45deg);
     -o-transform: translateY(-15px) rotate(-45deg);
     transform: translateY(-15px) rotate(-45deg)
}


@media (max-width:1600px) {
     nav ul li p{
          font-size: 1.5vw;
     }
}
@media (max-width:1200px) {
     nav ul li p{
          font-size: 1.7vw;
     }
}


@media (max-width:1500px) {
     nav ul li p{
          font-size: 1.5vw;
     }
}

@media only screen and (max-width:1000px) {
     nav .btn-fb, nav .btn-yt, nav .hamburger {
          position: absolute;
          top: 0;
          cursor: pointer
     }
     .wrapper {
          padding-top: 73px
     }
     nav {
          height: 73px;
          padding: 0
     }
     nav .logo {
          width: 119px;
          margin-top: 14.5px;
          margin-left: 5.25%
     }
     nav ul, nav ul li {
          width: 100%;
          background: #fff
     }
     nav ul {
          left: -105%;
          height: auto;
          text-align: left;
          margin-top: 12.5px;
          -webkit-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out
     }
     nav ul li {
          display: block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 3%;
          margin-left: 0
     }
     nav ul li p {
          font-size: 22px
     }
     nav ul li:first-child {
          padding-top: 6%
     }
     nav ul li:nth-last-child(3) {
          padding-bottom: 6%
     }
     nav ul li.nav-fb, nav ul li.nav-yt {
          display: none
     }
     nav .hamburger {
          display: block;
          width: 40px;
          right: 5.25%;
          margin-top: 11.5px
     }
     nav .hamburger span {
          width: 100%;
          height: 6px;
          background-color: #0e3353;
          display: block;
          margin: 8px auto;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          -webkit-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out
     }
     nav .btn-fb, nav .btn-yt {
          display: block;
          width: 40px;
          right: -webkit-calc(10.5% + 40px);
          right: -moz-calc(10.5% + 40px);
          right: calc(10.5% + 40px);
          margin-top: 15.5px
     }
     nav .btn-fb a, nav .btn-yt a {
          display: block
     }
     nav .btn-fb a img, nav .btn-yt a img {
          width: 100%;
          height: auto
     }
     nav .btn-yt {
          right: -webkit-calc(10.5% + 90px);
          right: -moz-calc(10.5% + 90px);
          right: calc(10.5% + 90px)
     }
} */

/* footer .footer {
     width: 100%;
     background-color: #0774cc
}

footer .footer ul {
     width: 100%;
     text-align: center
}

footer .footer ul li {
     display: inline-block
}

footer .footer ul li a {
     margin-right: 20px;
     line-height: 45px;
     color: #FFF
} */

.other__wrapper {
     width: 100%;
     background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e1eef8));
     background: -webkit-linear-gradient(top, #fff, #e1eef8);
     background: oldlinear-gradient(top, #fff, #e1eef8) -moz-;
     background: -o-linear-gradient(top, #fff, #e1eef8);
     background: linear-gradient(180deg, #fff, #e1eef8)
}

.other__wrapper .other__inner {
     width: 1410px;
     margin: 0 auto;
     padding-top: 70px;
     padding-bottom: 70px;
     box-sizing: border-box
}

.other__wrapper .other__inner .other__title__sp {
     width: 100%;
     text-align: center;
     padding-bottom: 30px
}

.other__wrapper .other__inner .other__title__sp img {
     width: 75%;
     height: auto
}

.other__wrapper .other__inner .other__title {
     width: 483px;
     height: 119px;
     background-image: url(../img/common/title_bg3.png);
     line-height: 46px;
     font-size: 41.8px;
     margin: 0 auto 75px;
     text-align: center;
     color: #FFF;
     z-index: 9;
     padding-top: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.other__wrapper .other__inner .other__sub_title {
     font-size: 26px
}

.other__wrapper .other__inner .other__box {
     width: 1410px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
}

.other__wrapper .other__inner .other__box .other__item {
     width: 332px;
     text-align: center
}

.other__wrapper .other__inner .other__box .other__item .other__item__img {
     width: 100%;
     height: auto
}

.other__wrapper .other__inner .other__box .other__item .other__item__name {
     padding-top: 40px;
     font-size: 33px;
     color: #0e3452;
     line-height: 45px
}

.other__wrapper .other__inner .other__box .other__item .other__item__type {
     font-size: 36px;
     color: #0e3452;
     line-height: 45px
}

.other__wrapper .other__inner .other__box .other__item .other__item__price {
     font-size: 36px;
     color: #0e3452;
     font-weight: 600;
     line-height: 45px
}

.other__wrapper .other__inner .other__box .other__item .other__item_buy__btn {
     margin: 20px auto 0;
     background-color: #0e3452;
     border: 5px solid #FFF;
     line-height: 52px;
     width: 260px;
     /* height: 52px */
}
.other__wrapper .other__inner .other__box .other__item .other__item_buy__btn .icon-arrow{
     vertical-align: middle;
     margin-left: 20px;
     margin-bottom: 5px;
     width: 28px;
     height: 28px;
     display: inline-block;
     background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgZmlsbD0id2hpdGUiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0NTEuODQ2cHgiIGhlaWdodD0iNDUxLjg0N3B4IiB2aWV3Qm94PSIwIDAgNDUxLjg0NiA0NTEuODQ3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTEuODQ2IDQ1MS44NDc7Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNDUuNDQxLDI0OC4yOTJMMTUxLjE1NCw0NDIuNTczYy0xMi4zNTksMTIuMzY1LTMyLjM5NywxMi4zNjUtNDQuNzUsMGMtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxLDAtNDQuNzQ0DQoJCUwyNzguMzE4LDIyNS45MkwxMDYuNDA5LDU0LjAxN2MtMTIuMzU0LTEyLjM1OS0xMi4zNTQtMzIuMzk0LDAtNDQuNzQ4YzEyLjM1NC0xMi4zNTksMzIuMzkxLTEyLjM1OSw0NC43NSwwbDE5NC4yODcsMTk0LjI4NA0KCQljNi4xNzcsNi4xOCw5LjI2MiwxNC4yNzEsOS4yNjIsMjIuMzY2QzM1NC43MDgsMjM0LjAxOCwzNTEuNjE3LDI0Mi4xMTUsMzQ1LjQ0MSwyNDguMjkyeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');
     background-size: auto 100%;
}

.other__wrapper .other__inner .other__box .other__item .other__item_buy__btn a {
     display: block;
     text-decoration: none;
     color: #f2f2f2;
     font-size: 28px
}

.other__wrapper .other__inner .other__box .other__item .other__item_buy__btn a img {
     vertical-align: middle;
     /* padding-left: 20px; */
     margin-left: 20px;
     margin-bottom: 5px;
     width: 28px;
     height: auto
}

.other__wrapper.faq__wrapper{
     background: none;
}

.faq__list{
     list-style-type: none;
     counter-reset: question; 
     width: 82%;
     margin: 0 auto;
     font-size: 36px;
     line-height: 50px;
}
.faq__list li{
     padding-left: 70px;
     margin-bottom: 40px;
     position: relative;
}
.faq__list li h3{
     font-size: 36px;
     margin: 20px 0; 
     font-weight: bold;
}
.faq__list li h3:before{
    counter-increment: question; 
    content: "Q" counter(question) ": "; 
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}


@media only screen and (max-width:1000px) {
     .other__wrapper {
          width: 100%
     }
     .other__wrapper .other__inner {
          width: 100%;
          margin: 0 auto;
          padding-top: 70px;
          padding-bottom: 70px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box
     }
     .other__wrapper .other__inner .other__title {
          display: block;
          width: 285px;
          height: 71px;
          background-image: url(../img/common/other_title_bg_sp.png?v=2b6bfb2);
          line-height: 26px;
          font-size: 25px;
          margin: 0 auto 35px;
          text-align: center;
          color: #FFF;
          z-index: 9;
          padding-top: 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box
     }
     .other__wrapper .other__inner .other__sub_title {
          font-size: 16px
     }
     .other__wrapper .other__inner .other__box {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap
     }
     .other__wrapper .other__inner .other__box .other__item {
          width: 50%;
          padding: 15px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center
     }
     .other__wrapper .other__inner .other__box .other__item .other__item__name {
          padding-top: 20px;
          font-size: 16px;
          color: #0e3452;
          line-height: 26px
     }
     .other__wrapper .other__inner .other__box .other__item .other__item__type {
          font-size: 18px;
          color: #0e3452;
          line-height: 22px
     }
     .other__wrapper .other__inner .other__box .other__item .other__item__price {
          font-size: 18px;
          color: #0e3452;
          font-weight: 600;
          line-height: 22px
     }
     .other__wrapper .other__inner .other__box .other__item .other__item_buy__btn {
          margin: 20px auto 0;
          background-color: #0e3452;
          border: 2px solid #FFF;
          line-height: 45px;
          width: 100%;
          height: 45px
     }
     .other__wrapper .other__inner .other__box .other__item .other__item_buy__btn a {
          display: block;
          text-decoration: none;
          color: #f2f2f2;
          font-size: 18px
     }
     .other__wrapper .other__inner .other__box .other__item .other__item_buy__btn .icon-arrow{
          width: 20px;
          height: 20px;
     }
     .other__wrapper .other__inner .other__box .other__item .other__item_buy__btn a img {
          width: 20px;
          height: auto;
          vertical-align: middle;
          padding-left: 10px
     }
}

.products {
     position: relative;
     width: 100%
}

.products .products__wrapper {
     width: 100%;
     max-width: 1130px;
     margin: 0 auto;
     padding-top: 95px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.products .products__wrapper .products__title {
     width: 867px;
     height: 112px;
     line-height: 85px;
     font-size: 66.8px;
     margin: 0 auto 75px;
     text-align: center;
     color: #FFF;
     background-image: url(../img/cream/title_bg2.png?v=f3b48c7);
     font-weight: 300
}
.products .products__wrapper .cont_products__title {
     width: 100%;
     height: 112px;
     line-height: 112px;
     font-size: 66.8px;
     margin: 0 auto 75px;
     text-align: center;
     color: #FFF;
     background-color: #005fc5;
     /*background-image: url(../img/cream/title_bg2.png?v=f3b48c7);*/
     font-weight: 300;
}

.products .products__wrapper .products__features .products__features__title {
     width: 100%;
     color: #FFF;
     font-size: 50px;
     text-align: center;
     line-height: 88px;
     height: 88px;
     background-color: #0079d4;
     font-weight: 300;
     letter-spacing: 10px
}

.products .products__wrapper .products__features .products__features__list {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     padding-top: 40px;
     padding-bottom: 40px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.products .products__wrapper .products__features .products__features__list .products__features__list__item {
     background-color: #0079d4;
     width: 270px;
     height: 210px;
     position: relative;
     -webkit-writing-mode: vertical-lr;
     -ms-writing-mode: tb-lr;
     writing-mode: vertical-lr;
     margin-top: 60px;
     margin-right: 20px;
     font-size: 34px;
     font-weight: 300;
     color: #FFF;
     text-align: center;
     line-height: 70px;
     letter-spacing: 4px
}

.products .products__wrapper .products__features .products__features__list .products__features__list__item img {
     position: absolute;
     top: -40px;
     left: 70px
}

.products .products__wrapper .hand_img, .products .products__wrapper .products__detail img, .products .products__wrapper .products__img img {
     width: 100%;
     height: auto
}

.products .products__wrapper table, .products .products__wrapper table tr {
     width: 100%
}

.products .products__wrapper table tr .b {
     font-weight: 400
}

.products .products__wrapper table tr .w {
     width: 19%
}

.products .products__wrapper table tr .line-height {
     line-height: 46px;
     padding-top: 10px;
     padding-bottom: 30px
}

.products .products__wrapper table tr .bg_color1 {
     background-color: #f7fbfd
}

.products .products__wrapper table tr .bg_color2 {
     background-color: #e1eef8
}

.products .products__wrapper table tr .line-b {
     border-bottom: 2px solid #6baada
}

.products .products__wrapper table tr .line-r {
     border-right: 2px solid #6baada
}

.products .products__wrapper table tr td {
     border: 2px solid #FFF;
     font-size: 36px;
     font-weight: 300;
     text-align: center;
     width: 27%;
     color: #0079d4;
     line-height: 100px;
     min-height: 100px
}

.products .products__wrapper .sp {
     display: none
}

.products .products__wrapper .sp img {
     width: 100%;
     height: auto
}

@media only screen and (max-width:1000px) {
     .products {
          position: relative;
          width: 100%
     }
     .products .products__wrapper {
          width: 100%;
          max-width: 1130px;
          margin: 0 auto;
          padding-top: 35px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box
     }
     .products .products__wrapper .sp {
          display: block
     }
     .products .products__wrapper .sp img {
          width: 100%;
          height: auto
     }
     .products .products__wrapper .hand_img,
      .products .products__wrapper .products__detail,
       .products .products__wrapper .products__features,
        .products .products__wrapper .products__img,
         .products .products__wrapper .products__title,
     .products .products__wrapper .table__header, .products .products__wrapper table {
          display: none
     }
     .products .products__wrapper .cont_products__title {
          width: 83%;
          height: 38px;
          line-height: 88px;
          font-size: 22px;
          margin: 0 auto 15px auto;
          text-align: center;
          /*color: #FFF;*/
          background-image: url(../img/cream/title_bg2.png?v=f3b48c7);
          background-size: 100% 100%;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          font-weight: 300;
          display: flex;
          justify-content: center;
          align-items: center;
     }

     .products .products__wrapper .cont_products__title p,
     .products .products__wrapper .cont_products__title h2{
          margin: 0 0 0 0;
     }
}

.slick-list, .slick-slider, .slick-track {
     display: block;
     position: relative
}

.slick-slider {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent
}

.slick-list {
     overflow: hidden;
     margin: 0;
     padding: 0
}

.slick-list.dragging {
     cursor: pointer;
     cursor: hand
}

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

.slick-track {
     left: 0;
     top: 0;
     margin-left: auto;
     margin-right: auto
}

.slick-track:after, .slick-track:before {
     content: "";
     display: table
}

.slick-track:after {
     clear: both
}

.slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none
}

[dir=rtl] .slick-slide {
     float: right
}

.slick-slide img {
     display: block
}

.slick-slide.slick-loading img {
     display: none
}

.slick-slide.dragging img {
     pointer-events: none
}

.slick-initialized .slick-slide {
     display: block
}

.slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent
}

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

.top {
     width: 100%;
     background-image: url(../img/cream/top_img_bg.jpg?v=5abeea4);
     background-repeat: no-repeat;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover
}

.top .top__wrapper {
     width: 1410px;
     margin: 0 auto;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
     -moz-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -moz-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     padding-top: 82px;
     padding-bottom: 140px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.top .top__wrapper .top__product__img {
     width: 712px;
     height: 712px
}

.top .top__wrapper .top__product__img img {
     width: 100%;
     height: auto
}

.top .top__wrapper .top__product__text {
     width: 698px;
     padding-left: 50px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
}

.top .top__wrapper .top__product__text .top__product__text__type_name {
     line-height: 56px;
     font-size: 50px;
     color: #6a6a6a;
     font-weight: 300
}

.top .top__wrapper .top__product__text .top__product__text__name {
     color: #0079d4;
     font-size: 58px;
     line-height: 64px;
     font-weight: 300
}

.top .top__wrapper .top__product__text .top__product__text__en_name {
     color: #0079d4;
     font-size: 38px;
     line-height: 44px;
     font-weight: 200
}

.top .top__wrapper .top__product__text .top__product__text__price {
     color: #0e3452;
     font-size: 48px;
     line-height: 54px;
     padding-top: 30px;
     padding-bottom: 20px
}

.top .top__wrapper .top__product__text .top__product__text__type {
     width: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-bottom: 20px;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
}

.top .top__wrapper .top__product__text .top__product__text__type .top__product__text__type__item {
     cursor: pointer;
     padding-left: 30px;
     padding-right: 30px;
     border: 2px solid #e2eef8;
     font-size: 36px;
     line-height: 90px;
     color: #0079d4
}

.top .top__wrapper .top__product__text .top__product__text__type .active, .top .top__wrapper .top__product__text .top__product__text__type .top__product__text__type__item:hover {
     border: 2px solid #6baada
}

.top .top__wrapper .top__product__text .top__product__text__type .item2 {
     padding-left: 100px;
     padding-right: 100px
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul .top__product__buy__list_car img, .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy_btn img {
     padding: 0 15px;
     vertical-align: middle
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper {
     position: relative
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy_btn {
     background-color: #0e3452;
     color: #f2f2f2;
     text-align: center;
     font-size: 36px;
     line-height: 85px;
     height: 85px;
     cursor: pointer;
     position: relative
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 9
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul {
     width: 100%
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul .top__product__buy__list_car {
     width: 100%;
     -webkit-box-shadow: 6px 6px 6px 0 #0e3452;
     -moz-box-shadow: 6px 6px 6px 0 #0e3452;
     box-shadow: 6px 6px 6px 0 #0e3452;
     border: 4px solid #0e3452;
     background-color: #FFF;
     color: #0e3353;
     text-align: center;
     font-size: 36px;
     line-height: 85px;
     height: 85px;
     cursor: pointer;
     position: relative;
     margin-left: -4px;
     margin-top: -2px
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li {
     text-align: center;
     background-color: #FFF;
     line-height: 85px;
     height: 85px;
     border: 2px solid #0e3452;
     border-bottom: 1px solid #0e3452;
     border-top: 1px solid #0e3452;
     font-size: 34px
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li a {
     color: #0e3452;
     display: block;
     text-decoration: none
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li a img {
     vertical-align: middle;
     padding: 0 22px
}

.top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li:last-child {
     border-bottom: 2px solid #0e3452
}

.top .top__wrapper .top__product__text .top_product__title {
     padding-top: 30px;
     padding-bottom: 20px;
     font-size: 47px;
     color: #0079d4;
     line-height: 56px;
     font-weight: 500;
     text-align: center;
}

.top .top__wrapper .top__product__text .top_product__title .sup {
     vertical-align: sub;
     position: relative;
     top: -10px
}

.top .top__wrapper .top__product__text .top_product__sub_title {
     padding-top: 25px;
     padding-bottom: 10px;
     font-size: 36px;
     font-weight: bold;
     color: #0079d4;
     line-height: 46px
}

.top .top__wrapper .top__product__text .top_product__content, .top .top__wrapper .top__product__text .top_product__list {
     padding: 20px 13px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background-color: #f2f9fe;
     font-size: 36px;
     color: #0079d4;
     line-height: 42px;
     -webkit-box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
     -moz-box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
     box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
     font-weight: 300
}

.top .top__wrapper .top__product__text .top_product__list ul {
     margin-left: 40px
}

.top .top__wrapper .top__product__text .top_product__list ul li {
     line-height: 50px;
     list-style-image: url(../img/common/icon_list.png?v=5ba83c2)
}
.top .top__wrapper .top__product__text .top_product__list ul li sup{
     position: relative;
     top: -10px;
     font-size: 80%;
}
.top .top__wrapper .top__product__text .top_product__list ul li ul{
     margin-left: 0px;
}
.top .top__wrapper .top__product__text .top_product__list ul li ul li{
     list-style-image: none;
     position: relative;
     padding-left: 40px;
}
.top .top__wrapper .top__product__text .top_product__list ul li ul li:before{
     content:  '－';
     position: absolute;
     top:  0;
     left:  0;
}

.top .top__wrapper .top__product__text .top_product__remark {
     text-align: left;
     font-size: 24px;
     color: #0575d6;
     padding-top: 20px;
     line-height: 32px
}

.footer-description{
     max-width: 1400px;
     margin: 50px auto;
     color: #000;
     font-size: 36px;
     line-height: 50px;
     display: flex;
     justify-content: space-between;
}
.footer-description .column{
     width: 48%;
}
.footer-description p{
     margin: 30px 0;
}
.footer-description h3{
     margin: 20px 0;
     font-size: 36px;
     font-weight: bold;
}
.footer-description ol+h3,.footer-description p+h3,.footer-description small+h3{
     margin-top: 50px;
}
.footer-description small{
     margin: 10px 0;
     font-size: 17px;
     line-height: 1.4;
     display: block;
}
.list-diamond{
     /* margin-left: 10px; */
}
.list-diamond li{
     position: relative;
     padding-left: 35px;
}
.list-diamond li:before{
     content: '';
     width: 13px;
     height: 13px;
     background: #000;
     transform: rotate(45deg);
     position: absolute;
     top: 20px;
     left: 10px;
}

@media only screen and (max-width:1440px) {
     nav{
          padding: 0 1vw;
     }
}

@media only screen and (max-width:1000px) {
     .top .top__wrapper, .top .top__wrapper .top__product__text {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          width: 100%
     }
     .top {
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: 0 -810px
     }
     .top .top__wrapper {
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          box-sizing: border-box;
          padding: 20px 20px 0
     }
     .top .top__wrapper .top__product__img {
          width: 100%;
          height: auto
     }
     .top .top__wrapper .top__product__text {
          padding-left: 5px;
          padding-right: 0;
          box-sizing: border-box
     }
     .top .top__wrapper .top__product__text .top__product__text__type_name {
          font-size: 19px;
          line-height: 27px;
          padding-top: 5px
     }
     .top .top__wrapper .top__product__text .top__product__text__name {
          font-size: 26px;
          line-height: 34px
     }
     .top .top__wrapper .top__product__text .top__product__text__en_name {
          font-size: 19px;
          line-height: 32px
     }
     .top .top__wrapper .top__product__text .top__product__text__price {
          font-size: 19px;
          line-height: 36px;
          padding-top: 0;
          padding-bottom: 10px
     }
     .top .top__wrapper .top__product__text .top__product__text__type {
          padding-bottom: 20px;
          -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap
     }
     .top .top__wrapper .top__product__text .top__product__text__type .top__product__text__type__item {
          width: 100%;
          height: 35px;
          margin: 5px;
          text-align: center;
          cursor: pointer;
          padding-left: 0;
          padding-right: 0;
          font-size: 14px;
          line-height: 35px;
          color: #0079d4
     }
     .top .top__wrapper .top__product__text .top__product__text__type .item2 {
          padding-left: 0;
          padding-right: 0
     }
     .top .top__wrapper .top__product__text .top__product__text__type .active {
          border: 2px solid #6baada
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper {
          position: relative
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy_btn {
          background-color: #0e3452;
          color: #f2f2f2;
          text-align: center;
          font-size: 16px;
          height: 38px;
          line-height: 38px;
          cursor: pointer;
          position: relative
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy_btn img {
          vertical-align: middle;
          padding: 0 5px;
          width: 20px;
          height: auto
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 9
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul {
          width: 100%
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul .top__product__buy__list_car {
          width: 100%;
          -webkit-box-shadow: 6px 6px 6px 0 #0e3452;
          -moz-box-shadow: 6px 6px 6px 0 #0e3452;
          box-shadow: 6px 6px 6px 0 #0e3452;
          border: 4px solid #0e3452;
          background-color: #FFF;
          color: #0e3353;
          text-align: center;
          cursor: pointer;
          position: relative;
          margin-left: -4px;
          margin-top: -2px;
          line-height: 40px;
          height: 40px;
          font-size: 16px
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul .top__product__buy__list_car img {
          vertical-align: middle;
          padding: 0 5px;
          height: 20px;
          width: auto
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li {
          text-align: center;
          background-color: #FFF;
          line-height: 40px;
          height: 40px;
          border: 2px solid #0e3452;
          border-bottom: 1px solid #0e3452;
          border-top: 1px solid #0e3452;
          font-size: 16px
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li a {
          color: #0e3452;
          display: block;
          text-decoration: none
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li a img {
          vertical-align: middle;
          padding: 0 5px;
          height: 20px;
          width: auto
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li a .max-300 {
          height: 20px
     }
     .top .top__wrapper .top__product__text .top__product__buy__wrapper .top__product__buy__list ul li:last-child {
          border-bottom: 2px solid #0e3452
     }
     .top .top__wrapper .top__product__text .top_product__title {
          padding-top: 20px;
          padding-bottom: 5px;
          font-size: 25px;
          color: #0079d4;
          line-height: 32px;
          font-weight: 500;
          text-align: center
     }
     .top .top__wrapper .top__product__text .top_product__title .sup {
          vertical-align: sub;
          position: relative;
          top: -10px
     }
     .top .top__wrapper .top__product__text .top_product__sub_title {
          padding-top: 10px;
          padding-bottom: 0;
          font-size: 19px;
          font-weight: bold;
          color: #0079d4;
          line-height: 36px
     }
     .top .top__wrapper .top__product__text .top_product__content, .top .top__wrapper .top__product__text .top_product__list {
          padding: 15px 13px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
          background-color: #f2f9fe;
          font-size: 16px;
          color: #0079d4;
          line-height: 26px;
          -webkit-box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
          -moz-box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
          box-shadow: 6px 6px 6px 0 rgba(0, 139, 225, .2);
          font-weight: 300
     }
     .top .top__wrapper .top__product__text .top_product__list ul {
          margin-left: 25px
     }
     .top .top__wrapper .top__product__text .top_product__list ul li {
          line-height: 26px;
          list-style-image: url(../img/common/icon_list.png?v=5ba83c2)
     }
     .top .top__wrapper .top__product__text .top_product__list ul li sup{
          top: -5px;
     }
     .top .top__wrapper .top__product__text .top_product__list ul li ul li{
          padding-left: 16px
     }
     .top .top__wrapper .top__product__text .top_product__remark {
          text-align: left;
          font-size: 12px;
          color: #0575d6;
          padding-top: 20px;
          line-height: 16px
     }

          
     .footer-description{
          max-width: 100%;
          padding: 0 20px;
          margin: 50px auto;
          font-size: 16px;
          line-height: 26px;
          display: block;
     }
     .footer-description .column{
          width: 100%;
     }
     .footer-description .column:nth-child(2) h3:first-child{
          margin-top: 30px;
     }
     .footer-description p{
          margin: 10px 0;
          font-size: 16px;
     }
     .footer-description h3{
          margin: 10px 0;
          font-size: 19px;
     }
     .footer-description ol+h3,.footer-description p+h3,.footer-description small+h3{
          margin-top: 30px;
     }
     .footer-description small{
          font-size: 10px;
     }
     .list-diamond{
     }
     .list-diamond li{
          padding-left: 30px;
     }
     .list-diamond li:before{
          width: 11px;
          height: 11px;
          top: 8px;
          left: 10px;
     }

     .other__wrapper.faq__wrapper .other__inner{
          padding-bottom: 0;
     }               
     .faq__list{
          width: 100%;
          padding: 0 20px;
          margin: 50px auto;
          font-size: 16px;
          line-height: 26px;
     }
     .faq__list li{
          padding-left: 40px;
          margin-bottom: 20px;
     }
     .faq__list li h3{
          font-size: 19px;
          margin-bottom: 10px;
     }


}

@media only screen and (max-width:420px) {
     .top {
          background-position: 0 -810px
     }
}

@media only screen and (max-width:375px) {
     .top {
          background-position: 0 -890px
     }
}

@media only screen and (max-width:360px) {
     .top {
          background-position: 0 -940px
     }
}

.btn-more {
   width: 70px;
   height: 380px;
   position: fixed;
   top: 210px;
   margin-top: 5%;
   right: 0;
   z-index: 8;
   cursor: pointer;
}
.btn-more a:focus{
   outline: 0 !important;
}
.btn-more img{
   width: 100%;
}

@media only screen and (max-width: 1280px){
   .btn-more{
       width: 60px;
   }
}