@charset "UTF-8";
.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(http://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(http://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(http://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(http://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(http://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(http://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 {
     -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;
     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 {
     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 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: -100%;
          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/cream/title_bg3.png?v=5d1ccf3);
     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: 36px;
     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 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-bottom: 5px;
     width: 28px;
     height: auto
}

@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 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: 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 .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{
          margin: -8px 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: 50px;
     color: #0079d4;
     line-height: 56px;
     font-weight: 500
}

.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;
     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__remark {
     text-align: left;
     font-size: 24px;
     color: #0575d6;
     padding-top: 20px;
     line-height: 32px
}

@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;
          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__remark {
          text-align: left;
          font-size: 12px;
          color: #0575d6;
          padding-top: 20px;
          line-height: 16px
     }
}

@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
     }
}