:root {
    --cis1: #a68509;
    --cis2: #1a428a;
    --cis3: #977808;
}
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100italic,300italic,100,400italic,700,700italic,900,900italic);
*,
*:before,
*:after {
    box-sizing: border-box
}

*,
*:focus,
*:active,
*:hover {
    outline: none
}

img {
    max-width: 100%;
    vertical-align: middle;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

/* body {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft JhengHei', '微軟正黑體', sans-serif;
    font-weight: 400;
    background: #F7F8F8;
    color: #333;
    font-size: 18px;
    line-height: 1.8;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
} */

header {
    transition: none;
    -webkit-transition: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 1.1
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 19px
}

h5,
.h5 {
    font-size: 16px
}

h6,
.h6 {
    font-size: 14px
}

p {
    margin-bottom: 16px
}

h1.siteTitle {
    position: absolute;
    z-index: 0;
    color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
    top: -100%;
    left: -100%
}

a {
    color: #333;
    text-decoration: none
}

a:hover,
a:focus {
    color: #666;
    text-decoration: none;
    outline: 0
}

a.underLine {
    text-decoration: underline
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center;
}
.text-center p{
    text-align: center!important;
}

.del {
    text-decoration: line-through;
    color: gray
}

.cis1 {
    color: var(--cis1)
}

.cis1-light {
    color: #ca7970
}

.cis1-lighter {
    color: #d5958e
}

.cis1-dark {
    color: #a9493f
}

.cis1-darker {
    color: #8c3d34
}

.cis2 {
    color: #ddc494
}

.cis2-light {
    color: #e7d5b3
}

.cis2-lighter {
    color: #f1e6d2
}

.cis2-dark {
    color: #d3b375
}

.cis2-darker {
    color: #c9a256
}

.cis3 {
    color: #b3b3b3
}

.cis3-light {
    color: #c7c7c7
}

.cis3-lighter {
    color: #dcdcdc
}

.cis3-dark {
    color: #9f9f9f
}

.cis3-darker {
    color: #8a8a8a
}

.lightColor {
    color: #d13428
}

.icon-link,
table a:not([class*='btn']),
.memberBlockLogin a:not([class*='btn']),
.memberBlockReg a:not([class*='btn']),
.memberBlockCenter a:not([class*='btn']),
.orderCancel,
.checkOutForm a:not([class*='btn']) {
    color: rgba(51, 51, 51, 0.5)
}

.icon-link i,
table a:not([class*='btn']) i,
.memberBlockLogin a:not([class*='btn']) i,
.memberBlockReg a:not([class*='btn']) i,
.memberBlockCenter a:not([class*='btn']) i,
.orderCancel i,
.checkOutForm a:not([class*='btn']) i {
    padding-right: .5em;
    color: var(--cis1)
}

.icon-link:hover,
table a:hover:not([class*='btn']),
.memberBlockLogin a:hover:not([class*='btn']),
.memberBlockReg a:hover:not([class*='btn']),
.memberBlockCenter a:hover:not([class*='btn']),
.orderCancel:hover,
.checkOutForm a:hover:not([class*='btn']) {
    color: var(--cis1);
    text-decoration: none
}

.icon-link:hover i,
table a:hover:not([class*='btn']) i,
.memberBlockLogin a:hover:not([class*='btn']) i,
.memberBlockReg a:hover:not([class*='btn']) i,
.memberBlockCenter a:hover:not([class*='btn']) i,
.orderCancel:hover i,
.checkOutForm a:hover:not([class*='btn']) i {
    color: var(--cis1)
}

.iconTxt {
    font-size: 14px;
    color: gray
}

.iconTxt i {
    color: var(--cis1);
    padding-right: .5em
}

.circleLink {
    width: 25px;
    height: 25px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1)
}

.circleLink * {
    line-height: 1;
    padding: 0
}

.circleLink,
.circleLink * {
    color: #fff
}

.circleLink.active,
.circleLink:hover {
    background: #fff
}

.circleLink.active,
.circleLink.active *,
.circleLink:hover,
.circleLink:hover * {
    color: var(--cis1)
}

::-moz-selection {
    background: var(--cis1);
    color: #fff
}

::selection {
    background: var(--cis1);
    color: #fff
}

.noneImg {
    border-radius: 2px;
    background: var(--cis3) !important;
    position: relative
}

.noneImg img {
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.Bbox_center {
    display: block;
    margin: auto
}

.Bbox_center.w500 {
    width: 500px;
    max-width: 100%
}

.Bbox_center.w800 {
    width: 800px;
    max-width: 100%
}

.Bbox_flexBetween,
.pageControl,
.downloadList .itemList.downloadListType1 .item,
.headerType1 .navBar .navBarContent,
.headerType2 .navBar .navBarContent,
.headerType3.scroll .navBar .navBarContent,
.headerType3 .navBar .navBarContent>*:nth-child(1),
.headerType4.scroll .navBar .navBarContent,
.headerType5.scroll .navBar .navBarContent,
.headerType6.scroll .navBar .navBarContent,
.headerType6 .navBar .navBarContent>*:nth-child(1),
.proListFun form {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.Bbox_view,
.headerType1 .navBar,
.headerType2 .navBar,
.headerType1 .topLinkContent,
.headerType2 .topLinkContent,
.headerType3 .navBar {
    display: block;
    width: 1440px;
    max-width: 100%;
    padding: 0 32px;
    margin: auto
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .Bbox_view,
    .headerType1 .navBar,
    .headerType2 .navBar,
    .headerType1 .topLinkContent,
    .headerType2 .topLinkContent,
    .headerType3 .navBar {
        width: 1168px
    }
}

@media (max-width: 1200px) {
    .Bbox_view,
    .headerType1 .navBar,
    .headerType2 .navBar,
    .headerType1 .topLinkContent,
    .headerType2 .topLinkContent,
    .headerType3 .navBar {
        width: 1024px
    }
}

@media (max-width: 992px) {
    .Bbox_view,
    .headerType1 .navBar,
    .headerType2 .navBar,
    .headerType1 .topLinkContent,
    .headerType2 .topLinkContent,
    .headerType3 .navBar {
        width: 800px
    }
}

@media (max-width: 768px) {
    .Bbox_view,
    .headerType1 .navBar,
    .headerType2 .navBar,
    .headerType1 .topLinkContent,
    .headerType2 .topLinkContent,
    .headerType3 .navBar {
        width: 100%
    }
}

@media (max-width: 440px) {
    .Bbox_view,
    .headerType1 .navBar,
    .headerType2 .navBar,
    .headerType1 .topLinkContent,
    .headerType2 .topLinkContent,
    .headerType3 .navBar {
        padding-left: 16px;
        padding-right: 16px
    }
}

.Bbox_view_full,
.headerType2 .navBar,
.headerType2 .topLinkContent,
.headerType6 .navBar {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0 32px;
    margin: auto
}

@media (max-width: 1200px) {
    .Bbox_view_full,
    .headerType2 .navBar,
    .headerType2 .topLinkContent,
    .headerType6 .navBar {
        width: 100%
    }
}

@media (max-width: 1024px) {
    .Bbox_view_full,
    .headerType2 .navBar,
    .headerType2 .topLinkContent,
    .headerType6 .navBar {
        width: 100%
    }
}

.Bbox_1c {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 32px;
    padding-right: 32px
}

.Bbox_1c:before,
.Bbox_1c:after {
    content: " ";
    display: table
}

.Bbox_1c:after {
    clear: both
}

@media (min-width: 768px) {
    .Bbox_1c {
        width: 800px
    }
}

@media (min-width: 992px) {
    .Bbox_1c {
        width: 1024px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .Bbox_1c {
        width: 1168px
    }
}

@media (min-width: 1500px) {
    .Bbox_1c {
        width: 1440px
    }
}

/* @media (max-width: 440px) {
    .Bbox_1c {
        padding-left: 16px;
        padding-right: 16px
    }
} */

.Bbox_1c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_1c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_1c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_1c>div>div {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_1c>div>div {
        float: left;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .Bbox_1c>div>div {
        float: left;
        width: 100%
    }
}

.Bbox_in_1c {
    max-width: 100%
}

.Bbox_in_1c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_1c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_1c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_1c>div>div {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_1c>div>div {
        float: left;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_1c>div>div {
        float: left;
        width: 100%
    }
}

.Bbox_in_2c {
    max-width: 100%
}

.Bbox_in_2c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c>div>div {
        float: left;
        width: 50%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c>div>div {
        float: left;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c>div>div {
        float: left;
        width: 50%
    }
}

.Bbox_in_3c {
    max-width: 100%
}

.Bbox_in_3c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_3c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_3c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_3c>div>div {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 992px) {
    .Bbox_in_3c>div>div {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_3c>div>div {
        float: left;
        width: 33.33333%
    }
}

.Bbox_in_4c {
    max-width: 100%
}

.Bbox_in_4c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_4c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_4c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_4c>div>div {
        float: left;
        width: 25%
    }
}

@media (min-width: 992px) {
    .Bbox_in_4c>div>div {
        float: left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_4c>div>div {
        float: left;
        width: 25%
    }
}

.Bbox_in_5c {
    max-width: 100%
}

.Bbox_in_5c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_5c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_5c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_5c>div>div {
        float: left;
        width: 20%
    }
}

@media (min-width: 992px) {
    .Bbox_in_5c>div>div {
        float: left;
        width: 20%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_5c>div>div {
        float: left;
        width: 20%
    }
}

.Bbox_in_6c {
    max-width: 100%
}

.Bbox_in_6c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_6c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_6c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_6c>div>div {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 992px) {
    .Bbox_in_6c>div>div {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_6c>div>div {
        float: left;
        width: 16.66667%
    }
}

.Bbox_in_7c {
    max-width: 100%
}

.Bbox_in_7c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_7c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_7c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_7c>div>div {
        float: left;
        width: 14.28571%
    }
}

@media (min-width: 992px) {
    .Bbox_in_7c>div>div {
        float: left;
        width: 14.28571%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_7c>div>div {
        float: left;
        width: 14.28571%
    }
}

.Bbox_in_8c {
    max-width: 100%
}

.Bbox_in_8c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_8c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_8c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_8c>div>div {
        float: left;
        width: 12.5%
    }
}

@media (min-width: 992px) {
    .Bbox_in_8c>div>div {
        float: left;
        width: 12.5%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_8c>div>div {
        float: left;
        width: 12.5%
    }
}

.Bbox_in_9c {
    max-width: 100%
}

.Bbox_in_9c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_9c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_9c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_9c>div>div {
        float: left;
        width: 11.11111%
    }
}

@media (min-width: 992px) {
    .Bbox_in_9c>div>div {
        float: left;
        width: 11.11111%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_9c>div>div {
        float: left;
        width: 11.11111%
    }
}

.Bbox_in_10c {
    max-width: 100%
}

.Bbox_in_10c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_10c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_10c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_10c>div>div {
        float: left;
        width: 10%
    }
}

@media (min-width: 992px) {
    .Bbox_in_10c>div>div {
        float: left;
        width: 10%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_10c>div>div {
        float: left;
        width: 10%
    }
}

.Bbox_in_11c {
    max-width: 100%
}

.Bbox_in_11c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_11c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_11c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_11c>div>div {
        float: left;
        width: 9.09091%
    }
}

@media (min-width: 992px) {
    .Bbox_in_11c>div>div {
        float: left;
        width: 9.09091%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_11c>div>div {
        float: left;
        width: 9.09091%
    }
}

.Bbox_in_12c {
    max-width: 100%
}

.Bbox_in_12c>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_12c>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_12c>div>div {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_12c>div>div {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 992px) {
    .Bbox_in_12c>div>div {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_12c>div>div {
        float: left;
        width: 8.33333%
    }
}

.Bbox_in_2c_L1 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L1>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L1>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L1>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L1>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(1) {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(1) {
        float: left;
        width: 8.33333%
    }
}

.Bbox_in_2c_L1>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(2) {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L1>div>div:nth-of-type(2) {
        float: left;
        width: 91.66667%
    }
}

.Bbox_in_2c_L2 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L2>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L2>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L2>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L2>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(1) {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(1) {
        float: left;
        width: 16.66667%
    }
}

.Bbox_in_2c_L2>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(2) {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L2>div>div:nth-of-type(2) {
        float: left;
        width: 83.33333%
    }
}

.Bbox_in_2c_L3 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L3>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L3>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L3>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L3>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(1) {
        float: left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(1) {
        float: left;
        width: 25%
    }
}

.Bbox_in_2c_L3>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        float: left;
        width: 75%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        float: left;
        width: 75%
    }
}

.Bbox_in_2c_L4 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L4>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L4>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L4>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L4>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(1) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(1) {
        float: left;
        width: 33.33333%
    }
}

.Bbox_in_2c_L4>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(2) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L4>div>div:nth-of-type(2) {
        float: left;
        width: 66.66667%
    }
}

.Bbox_in_2c_L5 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L5>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L5>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L5>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L5>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(1) {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(1) {
        float: left;
        width: 41.66667%
    }
}

.Bbox_in_2c_L5>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(2) {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L5>div>div:nth-of-type(2) {
        float: left;
        width: 58.33333%
    }
}

.Bbox_in_2c_L6 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L6>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L6>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L6>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L6>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(1) {
        float: left;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(1) {
        float: left;
        width: 50%
    }
}

.Bbox_in_2c_L6>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(2) {
        float: left;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L6>div>div:nth-of-type(2) {
        float: left;
        width: 50%
    }
}

.Bbox_in_2c_L7 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L7>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L7>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L7>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L7>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(1) {
        float: left;
        width: 58.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(1) {
        float: left;
        width: 58.33333%
    }
}

.Bbox_in_2c_L7>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(2) {
        float: left;
        width: 41.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L7>div>div:nth-of-type(2) {
        float: left;
        width: 41.66667%
    }
}

.Bbox_in_2c_L8 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L8>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L8>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L8>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L8>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(1) {
        float: left;
        width: 66.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(1) {
        float: left;
        width: 66.66667%
    }
}

.Bbox_in_2c_L8>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(2) {
        float: left;
        width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L8>div>div:nth-of-type(2) {
        float: left;
        width: 33.33333%
    }
}

.Bbox_in_2c_L9 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L9>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L9>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L9>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L9>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        float: left;
        width: 75%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        float: left;
        width: 75%
    }
}

.Bbox_in_2c_L9>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(2) {
        float: left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L9>div>div:nth-of-type(2) {
        float: left;
        width: 25%
    }
}

.Bbox_in_2c_L10 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L10>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L10>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L10>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L10>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(1) {
        float: left;
        width: 83.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(1) {
        float: left;
        width: 83.33333%
    }
}

.Bbox_in_2c_L10>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(2) {
        float: left;
        width: 16.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L10>div>div:nth-of-type(2) {
        float: left;
        width: 16.66667%
    }
}

.Bbox_in_2c_L11 {
    max-width: 100%
}

@media (max-width: 1024px) {
    .Bbox_in_2c_L11>div>.sideMenu {
        display: none
    }
}

.Bbox_in_2c_L11>div {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    float: none;
    margin-left: -32px;
    margin-right: -32px
}

.Bbox_in_2c_L11>div:after {
    content: " ";
    display: table;
    clear: both
}

.Bbox_in_2c_L11>div>div:nth-of-type(1) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(1) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(1) {
        float: left;
        width: 91.66667%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(1) {
        float: left;
        width: 91.66667%
    }
}

.Bbox_in_2c_L11>div>div:nth-of-type(2) {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    min-height: 1px;
    padding-left: 32px;
    padding-right: 32px
}

@media (min-width: 768px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(2) {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(2) {
        float: left;
        width: 8.33333%
    }
}

@media (min-width: 1200px) {
    .Bbox_in_2c_L11>div>div:nth-of-type(2) {
        float: left;
        width: 8.33333%
    }
}

.flex2c,
.flex2cL1,
.flex2cL2,
.flex4c,
.flex3c {
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: flex-start;
    -webkit-justify-content: stretch;
    -webkit-flex-wrap: wrap
}

.flex2c>*,
.flex2cL1>*,
.flex2cL2>*,
.flex4c>*,
.flex3c>* {
    padding: 16px
}

.flex2c>*,
.flex2cL1>*,
.flex2cL2>* {
    width: 50%;
    padding: 16px 16px
}

@media (max-width: 1024px) {
    .flex2c>*:nth-child(1),
    .flex2cL1>*:nth-child(1),
    .flex2cL2>*:nth-child(1) {
        width: 50%;
        padding: 16px 16px
    }
    .flex2c>*:nth-child(2),
    .flex2cL1>*:nth-child(2),
    .flex2cL2>*:nth-child(2) {
        width: 50%;
        padding: 16px 16px
    }
    .flex2c>*,
    .flex2cL1>*,
    .flex2cL2>* {
        width: 50%
    }
}

@media (max-width: 768px) {
    .flex2c,
    .flex2cL1,
    .flex2cL2 {
        flex-direction: column
    }
    .flex2c>*,
    .flex2cL1>*,
    .flex2cL2>* {
        width: 100%
    }
}

.flex4c>* {
    width: 25%
}

@media (max-width: 1024px) {
    .flex4c>* {
        width: 50%;
        padding: 16px 16px
    }
}

@media (max-width: 768px) {
    .flex4c {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .flex4c>* {
        width: 100%
    }
}

.flex3c>* {
    width: 33.33334%
}

@media (max-width: 1024px) {
    .txt.flex3c>* {
        width: 100%;
        padding: 16px 16px
    }
}

@media (max-width: 768px) {
    .flex3c {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .flex3c>* {
        width: 100%
    }
}

.flex2c>*:nth-child(1) {
    width: 50%
}

.flex2c>*:nth-child(2) {
    width: 50%
}

@media (max-width: 1024px) {
    .flex2c>*:nth-child(1) {
        width: 50%
    }
    .flex2c>*:nth-child(2) {
        width: 50%
    }
    .flex2c>* {
        width: 50%
    }
}

@media (max-width: 768px) {
    .flex2c {
        flex-direction: column
    }
    .flex2c>*:nth-child(1) {
        width: 100%
    }
    .flex2c>*:nth-child(2) {
        width: 100%
    }
    .flex2c>* {
        width: 100%
    }
}

.flex2cL1>*:nth-child(1) {
    width: 33%
}

.flex2cL1>*:nth-child(2) {
    width: 67%
}

@media (max-width: 1024px) {
    .flex2cL1>*:nth-child(1) {
        width: 50%
    }
    .flex2cL1>*:nth-child(2) {
        width: 50%
    }
    .flex2cL1>* {
        width: 50%
    }
}

@media (max-width: 768px) {
    .flex2cL1 {
        flex-direction: column
    }
    .flex2cL1>*:nth-child(1) {
        width: 100%
    }
    .flex2cL1>*:nth-child(2) {
        width: 100%
    }
    .flex2cL1>* {
        width: 100%
    }
}

.flex2cL2>*:nth-child(1) {
    width: 67%
}

.flex2cL2>*:nth-child(2) {
    width: 33%
}

@media (max-width: 1024px) {
    .flex2cL2>*:nth-child(1) {
        width: 50%
    }
    .flex2cL2>*:nth-child(2) {
        width: 50%
    }
    .flex2cL2>* {
        width: 50%
    }
}

@media (max-width: 768px) {
    .flex2cL2 {
        flex-direction: column
    }
    .flex2cL2>*:nth-child(1) {
        width: 100%
    }
    .flex2cL2>*:nth-child(2) {
        width: 100%
    }
    .flex2cL2>* {
        width: 100%
    }
}

.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    text-align: center
}

.w300px {
    width: 300px;
    max-width: 100%;
    margin: 32px auto
}

.w400px {
    width: 400px;
    max-width: 100%;
    margin: 32px auto
}

.w500px {
    width: 500px;
    max-width: 100%;
    margin: 32px auto
}

.w600px {
    width: 600px;
    max-width: 100%;
    margin: 32px auto
}

.w700px {
    width: 700px;
    max-width: 100%;
    margin: 32px auto
}

.w800px {
    width: 800px;
    max-width: 100%;
    margin: 32px auto
}

.w900px {
    width: 900px;
    max-width: 100%;
    margin: 32px auto
}

.w1000px {
    width: 1000px;
    max-width: 100%;
    margin: 32px auto
}

.w1100px {
    width: 1100px;
    max-width: 100%;
    margin: 32px auto
}

.w1200px {
    width: 1200px;
    max-width: 100%;
    margin: 32px auto
}

.w1300px {
    width: 1300px;
    max-width: 100%;
    margin: 32px auto
}

.w1400px {
    width: 1400px;
    max-width: 100%;
    margin: 32px auto
}

.w1500px {
    width: 1500px;
    max-width: 100%;
    margin: 32px auto
}

.w1600px {
    width: 1600px;
    max-width: 100%;
    margin: 32px auto
}

.w1700px {
    width: 1700px;
    max-width: 100%;
    margin: 32px auto
}

.w1800px {
    width: 1800px;
    max-width: 100%;
    margin: 32px auto
}

.w10 {
    width: 10%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w10 {
        width: auto
    }
}

.w20 {
    width: 20%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w20 {
        width: auto
    }
}

.w30 {
    width: 30%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w30 {
        width: auto
    }
}

.w40 {
    width: 40%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w40 {
        width: auto
    }
}

.w50 {
    width: 50%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w50 {
        width: auto
    }
}

.w60 {
    width: 60%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w60 {
        width: auto
    }
}

.w70 {
    width: 70%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w70 {
        width: auto
    }
}

.w80 {
    width: 80%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w80 {
        width: auto
    }
}

.w90 {
    width: 90%;
    max-width: 100%;
    margin: 32px auto
}

@media (max-width: 768px) {
    .w90 {
        width: auto
    }
}

.gridBox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-start
}

.gridBox.colVCenter {
    flex-direction: column;
    -webkit-flex-direction: column
}

.gridBox.colLeft {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.gridBox.colRight {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.gridBox.colCenter {
    justify-content: center;
    -webkit-justify-content: center
}

.gridBox.colVCenter {
    align-items: center;
    -webkit-align-items: center
}

.gridBox.colBetween {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.gridBox.colAround {
    justify-content: space-around;
    -webkit-justify-content: space-around
}

.gridBox {
    padding: 0
}

.gridBox .gridBox,
.gridBox .gridBox[class*='col_'] {
    padding: 0
}

.gridBox>*,
.gridBox [class*='col_'] {
    padding: 32px
}

@media (max-width: 768px) {
    .gridBox>*,
    .gridBox [class*='col_'] {
        padding: 16px
    }
}

@media (max-width: 440px) {
    .gridBox>*,
    .gridBox [class*='col_'] {
        padding: 1em
    }
}

.gridBox.farest>*,
.gridBox.farest [class*='col_'] {
    padding: 48px
}

.gridBox.closest>*,
.gridBox.closest [class*='col_'] {
    padding: 16px
}

.gridBox.nogap>*,
.gridBox.nogap [class*='col_'] {
    padding: 0
}

.gridBox[data-grid='12'] .col_full {
    width: 100%
}

.gridBox[data-grid='12']>* {
    width: 8.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>* {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_1 {
    width: 8.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_2 {
    width: 16.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_3 {
    width: 25%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_4 {
    width: 33.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_5 {
    width: 41.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_5 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_6 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_6 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_7 {
    width: 58.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_7 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_8 {
    width: 66.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_8 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_9 {
    width: 75%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_9 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_10 {
    width: 83.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_10 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_11 {
    width: 91.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_11 {
        width: 100%
    }
}

.gridBox[data-grid='12']>.col_12 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>.col_12 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l1'] {
        width: 8.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l2'] {
        width: 16.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l3'] {
        width: 25%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l4'] {
        width: 33.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l5'] {
        width: 41.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l6'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l7'] {
        width: 58.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l8'] {
        width: 66.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l9'] {
        width: 75%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l10'] {
        width: 83.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l11'] {
        width: 91.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='12']>[data-rwd*='l12'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m1'] {
        width: 8.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m2'] {
        width: 16.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m3'] {
        width: 25%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m4'] {
        width: 33.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m5'] {
        width: 41.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m6'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m7'] {
        width: 58.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m8'] {
        width: 66.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m9'] {
        width: 75%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m10'] {
        width: 83.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m11'] {
        width: 91.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='12']>[data-rwd*='m12'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s1'] {
        width: 8.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s2'] {
        width: 16.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s3'] {
        width: 25%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s4'] {
        width: 33.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s5'] {
        width: 41.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s6'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s7'] {
        width: 58.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s8'] {
        width: 66.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s9'] {
        width: 75%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s10'] {
        width: 83.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s11'] {
        width: 91.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='12']>[data-rwd*='s12'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x1'] {
        width: 8.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x2'] {
        width: 16.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x3'] {
        width: 25%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x4'] {
        width: 33.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x5'] {
        width: 41.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x6'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x7'] {
        width: 58.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x8'] {
        width: 66.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x9'] {
        width: 75%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x10'] {
        width: 83.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x11'] {
        width: 91.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='12']>[data-rwd*='x12'] {
        width: 100%
    }
}

.gridBox[data-grid='10'] .col_full {
    width: 100%
}

.gridBox[data-grid='10']>* {
    width: 10%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>* {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_1 {
    width: 10%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_2 {
    width: 20%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_3 {
    width: 30%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_4 {
    width: 40%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_5 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_5 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_6 {
    width: 60%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_6 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_7 {
    width: 70%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_7 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_8 {
    width: 80%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_8 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_9 {
    width: 90%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_9 {
        width: 100%
    }
}

.gridBox[data-grid='10']>.col_10 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>.col_10 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l1'] {
        width: 10%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l2'] {
        width: 20%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l3'] {
        width: 30%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l4'] {
        width: 40%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l5'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l6'] {
        width: 60%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l7'] {
        width: 70%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l8'] {
        width: 80%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l9'] {
        width: 90%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='10']>[data-rwd*='l10'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m1'] {
        width: 10%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m2'] {
        width: 20%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m3'] {
        width: 30%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m4'] {
        width: 40%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m5'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m6'] {
        width: 60%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m7'] {
        width: 70%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m8'] {
        width: 80%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m9'] {
        width: 90%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='10']>[data-rwd*='m10'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s1'] {
        width: 10%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s2'] {
        width: 20%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s3'] {
        width: 30%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s4'] {
        width: 40%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s5'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s6'] {
        width: 60%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s7'] {
        width: 70%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s8'] {
        width: 80%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s9'] {
        width: 90%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='10']>[data-rwd*='s10'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x1'] {
        width: 10%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x2'] {
        width: 20%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x3'] {
        width: 30%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x4'] {
        width: 40%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x5'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x6'] {
        width: 60%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x7'] {
        width: 70%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x8'] {
        width: 80%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x9'] {
        width: 90%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='10']>[data-rwd*='x10'] {
        width: 100%
    }
}

.gridBox[data-grid='9'] .col_full {
    width: 100%
}

.gridBox[data-grid='9']>* {
    width: 11.11111%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>* {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_1 {
    width: 11.11111%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_2 {
    width: 22.22222%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_3 {
    width: 33.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_4 {
    width: 44.44444%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_5 {
    width: 55.55556%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_5 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_6 {
    width: 66.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_6 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_7 {
    width: 77.77778%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_7 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_8 {
    width: 88.88889%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_8 {
        width: 100%
    }
}

.gridBox[data-grid='9']>.col_9 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>.col_9 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l1'] {
        width: 11.11111%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l2'] {
        width: 22.22222%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l3'] {
        width: 33.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l4'] {
        width: 44.44444%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l5'] {
        width: 55.55556%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l6'] {
        width: 66.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l7'] {
        width: 77.77778%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l8'] {
        width: 88.88889%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='9']>[data-rwd*='l9'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m1'] {
        width: 11.11111%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m2'] {
        width: 22.22222%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m3'] {
        width: 33.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m4'] {
        width: 44.44444%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m5'] {
        width: 55.55556%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m6'] {
        width: 66.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m7'] {
        width: 77.77778%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m8'] {
        width: 88.88889%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='9']>[data-rwd*='m9'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s1'] {
        width: 11.11111%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s2'] {
        width: 22.22222%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s3'] {
        width: 33.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s4'] {
        width: 44.44444%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s5'] {
        width: 55.55556%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s6'] {
        width: 66.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s7'] {
        width: 77.77778%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s8'] {
        width: 88.88889%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='9']>[data-rwd*='s9'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x1'] {
        width: 11.11111%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x2'] {
        width: 22.22222%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x3'] {
        width: 33.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x4'] {
        width: 44.44444%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x5'] {
        width: 55.55556%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x6'] {
        width: 66.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x7'] {
        width: 77.77778%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x8'] {
        width: 88.88889%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='9']>[data-rwd*='x9'] {
        width: 100%
    }
}

.gridBox[data-grid='8'] .col_full {
    width: 100%
}

.gridBox[data-grid='8']>* {
    width: 12.5%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>* {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_1 {
    width: 12.5%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_2 {
    width: 25%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_3 {
    width: 37.5%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_4 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_5 {
    width: 62.5%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_5 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_6 {
    width: 75%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_6 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_7 {
    width: 87.5%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_7 {
        width: 100%
    }
}

.gridBox[data-grid='8']>.col_8 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>.col_8 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l1'] {
        width: 12.5%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l2'] {
        width: 25%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l3'] {
        width: 37.5%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l4'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l5'] {
        width: 62.5%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l6'] {
        width: 75%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l7'] {
        width: 87.5%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='8']>[data-rwd*='l8'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m1'] {
        width: 12.5%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m2'] {
        width: 25%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m3'] {
        width: 37.5%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m4'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m5'] {
        width: 62.5%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m6'] {
        width: 75%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m7'] {
        width: 87.5%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='8']>[data-rwd*='m8'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s1'] {
        width: 12.5%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s2'] {
        width: 25%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s3'] {
        width: 37.5%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s4'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s5'] {
        width: 62.5%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s6'] {
        width: 75%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s7'] {
        width: 87.5%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='8']>[data-rwd*='s8'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x1'] {
        width: 12.5%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x2'] {
        width: 25%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x3'] {
        width: 37.5%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x4'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x5'] {
        width: 62.5%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x6'] {
        width: 75%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x7'] {
        width: 87.5%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='8']>[data-rwd*='x8'] {
        width: 100%
    }
}

.gridBox[data-grid='6'] .col_full {
    width: 100%
}

.gridBox[data-grid='6']>* {
    width: 16.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>* {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_1 {
    width: 16.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_2 {
    width: 33.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_3 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_4 {
    width: 66.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_5 {
    width: 83.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_5 {
        width: 100%
    }
}

.gridBox[data-grid='6']>.col_6 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>.col_6 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l1'] {
        width: 16.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l2'] {
        width: 33.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l3'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l4'] {
        width: 66.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l5'] {
        width: 83.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='6']>[data-rwd*='l6'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m1'] {
        width: 16.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m2'] {
        width: 33.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m3'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m4'] {
        width: 66.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m5'] {
        width: 83.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='6']>[data-rwd*='m6'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s1'] {
        width: 16.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s2'] {
        width: 33.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s3'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s4'] {
        width: 66.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s5'] {
        width: 83.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='6']>[data-rwd*='s6'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x1'] {
        width: 16.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x2'] {
        width: 33.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x3'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x4'] {
        width: 66.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x5'] {
        width: 83.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='6']>[data-rwd*='x6'] {
        width: 100%
    }
}

.gridBox[data-grid='5'] .col_full {
    width: 100%
}

.gridBox[data-grid='5']>* {
    width: 20%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>* {
        width: 100%
    }
}

.gridBox[data-grid='5']>.col_1 {
    width: 20%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='5']>.col_2 {
    width: 40%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='5']>.col_3 {
    width: 60%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='5']>.col_4 {
    width: 80%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>.col_4 {
        width: 100%
    }
}

.gridBox[data-grid='5']>.col_5 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>.col_5 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='5']>[data-rwd*='l1'] {
        width: 20%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='5']>[data-rwd*='l2'] {
        width: 40%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='5']>[data-rwd*='l3'] {
        width: 60%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='5']>[data-rwd*='l4'] {
        width: 80%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='5']>[data-rwd*='l5'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='5']>[data-rwd*='m1'] {
        width: 20%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='5']>[data-rwd*='m2'] {
        width: 40%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='5']>[data-rwd*='m3'] {
        width: 60%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='5']>[data-rwd*='m4'] {
        width: 80%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='5']>[data-rwd*='m5'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='5']>[data-rwd*='s1'] {
        width: 20%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='5']>[data-rwd*='s2'] {
        width: 40%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='5']>[data-rwd*='s3'] {
        width: 60%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='5']>[data-rwd*='s4'] {
        width: 80%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='5']>[data-rwd*='s5'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>[data-rwd*='x1'] {
        width: 20%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>[data-rwd*='x2'] {
        width: 40%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>[data-rwd*='x3'] {
        width: 60%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>[data-rwd*='x4'] {
        width: 80%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='5']>[data-rwd*='x5'] {
        width: 100%
    }
}

.gridBox[data-grid='4'] .col_full {
    width: 100%
}

.gridBox[data-grid='4']>* {
    width: 25%
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>* {
        width: 100%
    }
}

.gridBox[data-grid='4']>.col_1 {
    width: 25%
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='4']>.col_2 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='4']>.col_3 {
    width: 75%
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>.col_3 {
        width: 100%
    }
}

.gridBox[data-grid='4']>.col_4 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>.col_4 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='4']>[data-rwd*='l1'] {
        width: 25%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='4']>[data-rwd*='l2'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='4']>[data-rwd*='l3'] {
        width: 75%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='4']>[data-rwd*='l4'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='4']>[data-rwd*='m1'] {
        width: 25%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='4']>[data-rwd*='m2'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='4']>[data-rwd*='m3'] {
        width: 75%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='4']>[data-rwd*='m4'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='4']>[data-rwd*='s1'] {
        width: 25%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='4']>[data-rwd*='s2'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='4']>[data-rwd*='s3'] {
        width: 75%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='4']>[data-rwd*='s4'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>[data-rwd*='x1'] {
        width: 25%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>[data-rwd*='x2'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>[data-rwd*='x3'] {
        width: 75%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='4']>[data-rwd*='x4'] {
        width: 100%
    }
}

.gridBox[data-grid='3'] .col_full {
    width: 100%
}

.gridBox[data-grid='3']>* {
    width: 33.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>* {
        width: 100%
    }
}

.gridBox[data-grid='3']>.col_1 {
    width: 33.33333%
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='3']>.col_2 {
    width: 66.66667%
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>.col_2 {
        width: 100%
    }
}

.gridBox[data-grid='3']>.col_3 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>.col_3 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='3']>[data-rwd*='l1'] {
        width: 33.33333%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='3']>[data-rwd*='l2'] {
        width: 66.66667%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='3']>[data-rwd*='l3'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='3']>[data-rwd*='m1'] {
        width: 33.33333%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='3']>[data-rwd*='m2'] {
        width: 66.66667%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='3']>[data-rwd*='m3'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='3']>[data-rwd*='s1'] {
        width: 33.33333%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='3']>[data-rwd*='s2'] {
        width: 66.66667%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='3']>[data-rwd*='s3'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>[data-rwd*='x1'] {
        width: 33.33333%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>[data-rwd*='x2'] {
        width: 66.66667%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='3']>[data-rwd*='x3'] {
        width: 100%
    }
}

.gridBox[data-grid='2'] .col_full {
    width: 100%
}

.gridBox[data-grid='2']>* {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='2']>* {
        width: 100%
    }
}

.gridBox[data-grid='2']>.col_1 {
    width: 50%
}

@media (max-width: 440px) {
    .gridBox[data-grid='2']>.col_1 {
        width: 100%
    }
}

.gridBox[data-grid='2']>.col_2 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='2']>.col_2 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='2']>[data-rwd*='l1'] {
        width: 50%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='2']>[data-rwd*='l2'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='2']>[data-rwd*='m1'] {
        width: 50%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='2']>[data-rwd*='m2'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='2']>[data-rwd*='s1'] {
        width: 50%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='2']>[data-rwd*='s2'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='2']>[data-rwd*='x1'] {
        width: 50%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='2']>[data-rwd*='x2'] {
        width: 100%
    }
}

.gridBox[data-grid='1'] .col_full {
    width: 100%
}

.gridBox[data-grid='1']>* {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='1']>* {
        width: 100%
    }
}

.gridBox[data-grid='1']>.col_1 {
    width: 100%
}

@media (max-width: 440px) {
    .gridBox[data-grid='1']>.col_1 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .gridBox[data-grid='1']>[data-rwd*='l1'] {
        width: 100%
    }
}

@media (max-width: 992px) {
    .gridBox[data-grid='1']>[data-rwd*='m1'] {
        width: 100%
    }
}

@media (max-width: 768px) {
    .gridBox[data-grid='1']>[data-rwd*='s1'] {
        width: 100%
    }
}

@media (max-width: 440px) {
    .gridBox[data-grid='1']>[data-rwd*='x1'] {
        width: 100%
    }
}


.formTable {
    display: table;
    width: 100%
}

.formTable .formItem {
    display: table-row
}

.formTable .formItem>* {
    display: table-cell;
    padding: 16px
}

.formTable .formItem>* input {
    width: 100%
}

@media (max-width: 440px) {
    .formTable .formItem {
        display: block
    }
    .formTable .formItem>* {
        display: block;
        padding: 0
    }
    .formTable .formItem+* {
        margin-top: 25.6px
    }
}

.sideForm {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

[class^=btn-] {
    color: #fff
}

[class^=btn-].error,
[class^=btn-]:active,
[class^=btn-]:focus,
[class^=btn-]:hover {
    color: #fff
}

.btn-cis1 {
    border-radius: 2px;
    background: var(--cis1);
    border-width: 1px;
    border-style: solid;
    border-color: var(--cis1);
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.btn-cis1.error,
.btn-cis1:active,
.btn-cis1:focus,
.btn-cis1:hover {
    background: var(--cis3);
    color: #fff
}

.btn-cis2 {
    border-radius: 2px;
    background: #ddc494;
    border-width: 1px;
    border-style: solid;
    border-color: #ddc494;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis2.error,
.btn-cis2:active,
.btn-cis2:focus,
.btn-cis2:hover {
    background: #e3cfa7;
    background: #e3cfa7;
    color: #fff
}

.btn-cis3 {
    border-radius: 2px;
    background: #b3b3b3;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis3.error,
.btn-cis3:active,
.btn-cis3:focus,
.btn-cis3:hover {
    background: silver;
    background: silver;
    color: #fff
}

.btn-cis1-dark {
    border-radius: 2px;
    background: #a9493f;
    border-width: 1px;
    border-style: solid;
    border-color: #a9493f;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis1-dark.error,
.btn-cis1-dark:active,
.btn-cis1-dark:focus,
.btn-cis1-dark:hover {
    background: #bb5347;
    background: #bb5347;
    color: #fff
}

.btn-cis2-dark {
    border-radius: 2px;
    background: #d3b375;
    border-width: 1px;
    border-style: solid;
    border-color: #d3b375;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis2-dark.error,
.btn-cis2-dark:active,
.btn-cis2-dark:focus,
.btn-cis2-dark:hover {
    background: #d9be88;
    background: #d9be88;
    color: #fff
}

.btn-cis3-dark {
    border-radius: 2px;
    background: #9f9f9f;
    border-width: 1px;
    border-style: solid;
    border-color: #9f9f9f;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis3-dark.error,
.btn-cis3-dark:active,
.btn-cis3-dark:focus,
.btn-cis3-dark:hover {
    background: #ababab;
    background: #ababab;
    color: #fff
}

.btn-cis1-darker {
    border-radius: 2px;
    background: #8c3d34;
    border-width: 1px;
    border-style: solid;
    border-color: #8c3d34;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis1-darker.error,
.btn-cis1-darker:active,
.btn-cis1-darker:focus,
.btn-cis1-darker:hover {
    background: #9e453b;
    background: #9e453b;
    color: #fff
}

.btn-cis2-darker {
    border-radius: 2px;
    background: #c9a256;
    border-width: 1px;
    border-style: solid;
    border-color: #c9a256;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis2-darker.error,
.btn-cis2-darker:active,
.btn-cis2-darker:focus,
.btn-cis2-darker:hover {
    background: #cfad69;
    background: #cfad69;
    color: #fff
}

.btn-cis3-darker {
    border-radius: 2px;
    background: #8a8a8a;
    border-width: 1px;
    border-style: solid;
    border-color: #8a8a8a;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis3-darker.error,
.btn-cis3-darker:active,
.btn-cis3-darker:focus,
.btn-cis3-darker:hover {
    background: #979797;
    background: #979797;
    color: #fff
}

.btn-cis1-light {
    border-radius: 2px;
    background: #ca7970;
    border-width: 1px;
    border-style: solid;
    border-color: #ca7970;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis1-light.error,
.btn-cis1-light:active,
.btn-cis1-light:focus,
.btn-cis1-light:hover {
    background: #d18a82;
    background: #d18a82;
    color: #fff
}

.btn-cis2-light {
    border-radius: 2px;
    background: #e7d5b3;
    border-width: 1px;
    border-style: solid;
    border-color: #e7d5b3;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis2-light.error,
.btn-cis2-light:active,
.btn-cis2-light:focus,
.btn-cis2-light:hover {
    background: #ede0c6;
    background: #ede0c6;
    color: #fff
}

.btn-cis3-light {
    border-radius: 2px;
    background: #c7c7c7;
    border-width: 1px;
    border-style: solid;
    border-color: #c7c7c7;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis3-light.error,
.btn-cis3-light:active,
.btn-cis3-light:focus,
.btn-cis3-light:hover {
    background: #d4d4d4;
    background: #d4d4d4;
    color: #fff
}

.btn-cis1-lighter {
    border-radius: 2px;
    background: #d5958e;
    border-width: 1px;
    border-style: solid;
    border-color: #d5958e;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis1-lighter.error,
.btn-cis1-lighter:active,
.btn-cis1-lighter:focus,
.btn-cis1-lighter:hover {
    background: #dca6a0;
    background: #dca6a0;
    color: #fff
}

.btn-cis2-lighter {
    border-radius: 2px;
    background: #f1e6d2;
    border-width: 1px;
    border-style: solid;
    border-color: #f1e6d2;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis2-lighter.error,
.btn-cis2-lighter:active,
.btn-cis2-lighter:focus,
.btn-cis2-lighter:hover {
    background: #f7f1e5;
    background: #f7f1e5;
    color: #fff
}

.btn-cis3-lighter {
    border-radius: 2px;
    background: #dcdcdc;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}

.btn-cis3-lighter.error,
.btn-cis3-lighter:active,
.btn-cis3-lighter:focus,
.btn-cis3-lighter:hover {
    background: #e9e9e9;
    background: #e9e9e9;
    color: #fff
}

button,
.btn-prev,
.btn-next {
    border-radius: 2px;
    background: var(--cis1);
    border-width: 1px;
    border-style: solid;
    border-color: var(--cis1);
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block
}
button i,
.btn-prev i,
.btn-next i,
[class^='btn-'] i {
    padding-right: .5em
}

.btn-prev,
.btn-next {
    background: none;
    color: var(--cis1)
}

.btn-prev i {
    padding-left: 0
}

.btn-next i {
    padding-right: 0;
    padding-left: .5em
}

.btn-fb {
    border-radius: 2px;
    background: #2d609b;
    border-width: 1px;
    border-style: solid;
    border-color: #2d609b;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block;
    color: #fff
}

.btn-fb.error,
.btn-fb:active,
.btn-fb:focus,
.btn-fb:hover {
    background: #336caf;
    background: #336caf;
    color: #fff
}

.btn-fb:before {
    content: '\f09a';
    font-family: fontawesome;
    padding-right: .5em
}

.btn-google {
    border-radius: 2px;
    background: #dc4e40;
    border-width: 1px;
    border-style: solid;
    border-color: #dc4e40;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block;
    color: #fff
}

.btn-google.error,
.btn-google:active,
.btn-google:focus,
.btn-google:hover {
    background: #e06256;
    background: #e06256;
    color: #fff
}

.btn-google:before {
    content: '\f0d5';
    font-family: fontawesome;
    padding-right: .5em
}

.btn-twitter {
    border-radius: 2px;
    background: #00c3f3;
    border-width: 1px;
    border-style: solid;
    border-color: #00c3f3;
    letter-spacing: 1px;
    color: #fff;
    padding: 0.65em 1.5em;
    line-height: 1em;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 0;
    display: inline-block;
    color: #fff
}

.btn-twitter.error,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover {
    background: #0ecfff;
    background: #0ecfff;
    color: #fff
}

.btn-twitter:before {
    content: '\f099';
    font-family: fontawesome;
    padding-right: .5em
}

.btn-big {
    font-size: 24px
}

.btn-link {
    background: none;
    padding: 0;
    color: #333;
    text-decoration: underline;
    border: 0
}

.btn-link:hover,
.btn-link.error,
.btn-link:focus,
.btn-link.action {
    color: var(--cis1)
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300
}

input:-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

input::-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

input:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300
}

textarea:-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

textarea::-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

textarea:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300
}

textarea:focus::-webkit-input-placeholder {
    color: transparent
}

textarea:focus:-moz-placeholder {
    color: transparent
}

textarea:focus::-moz-placeholder {
    color: transparent
}

textarea:focus:-ms-input-placeholder {
    color: transparent
}

select,
textarea,
input {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: none;
    line-height: 45px;
    height: 45px;
    padding: 0 1em;
    color: #4d4d4d;
    font-size: 16px;
    letter-spacing: 1px
}

select.error,
select:focus,
select:active,
textarea.error,
textarea:focus,
textarea:active,
input.error,
input:focus,
input:active {
    border-color: var(--cis1);
    outline: 0
}

select:disabled,
option:disabled,
textarea:disabled,
input:disabled {
    background: none;
    border-color: transparent;
    padding-left: 0;
    color: #ddd
}

select:disabled:focus,
select:disabled:active,
option:disabled:focus,
option:disabled:active,
textarea:disabled:focus,
textarea:disabled:active,
input:disabled:focus,
input:disabled:active {
    border-color: transparent;
    outline: 0
}

form .formItem,
.form .formItem {
    margin-bottom: 16px
}

form .formItem select,
form .formItem textarea,
form .formItem input,
.form .formItem select,
.form .formItem textarea,
.form .formItem input {
    width: 100%
}

form .formItem input[type='checkbox'],
form .formItem input[type='radio'],
.form .formItem input[type='checkbox'],
.form .formItem input[type='radio'] {
    width: auto
}

form .formItem textarea,
.form .formItem textarea {
    min-height: 10em
}

form .formItem.oneLine,
.form .formItem.oneLine {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

form .formItem.oneLine select,
form .formItem.oneLine textarea,
form .formItem.oneLine input,
.form .formItem.oneLine select,
.form .formItem.oneLine textarea,
.form .formItem.oneLine input {
    width: auto;
    vertical-align: middle;
    max-width: 100%
}

form .formItem.oneLine *:not(label):not(i),
.form .formItem.oneLine *:not(label):not(i) {
    margin: 0;
    margin-right: 1em;
    margin-bottom: .5em;
    max-width: 100%
}

form .formItem.oneLine label,
.form .formItem.oneLine label {
    width: 100%
}

form .formItem.oneLine .autoFull,
.form .formItem.oneLine .autoFull {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

form .formItem.oneLine>div,
form .formItem.oneLine>*:last-child,
.form .formItem.oneLine>div,
.form .formItem.oneLine>*:last-child {
    margin-right: 0
}

form .formItem.oneLine .cube label,
.form .formItem.oneLine .cube label {
    width: auto
}

form label,
.form label {
    display: block;
    font-weight: 700
}

form label.must:before,
.form label.must:before {
    /* content: '*'; */
    padding-right: .5em;
    font-size: 16px;
    color: var(--cis1)
}

form .checkbox input[type="checkbox"]+span:before,
form .checkbox input[type="radio"]+span:before,
form .checkbox .radio input[type="checkbox"]+span:before,
form .checkbox .radio input[type="radio"]+span:before,
form .form .checkbox input[type="checkbox"]+span:before,
.form form .checkbox input[type="checkbox"]+span:before,
form .form .checkbox input[type="radio"]+span:before,
.form form .checkbox input[type="radio"]+span:before,
form .checkbox input[type="checkbox"]:checked+span:after,
form .checkbox input[type="radio"]:checked+span:after,
form .checkbox .radio input[type="checkbox"]:checked+span:after,
form .checkbox .radio input[type="radio"]:checked+span:after,
form .form .checkbox input[type="checkbox"]:checked+span:after,
.form form .checkbox input[type="checkbox"]:checked+span:after,
form .form .checkbox input[type="radio"]:checked+span:after,
.form form .checkbox input[type="radio"]:checked+span:after,
form .radio .checkbox input[type="checkbox"]+span:before,
form .radio .checkbox input[type="radio"]+span:before,
form .radio input[type="checkbox"]+span:before,
form .radio input[type="radio"]+span:before,
form .form .radio input[type="checkbox"]+span:before,
.form form .radio input[type="checkbox"]+span:before,
form .form .radio input[type="radio"]+span:before,
.form form .radio input[type="radio"]+span:before,
form .radio .checkbox input[type="checkbox"]:checked+span:after,
form .radio .checkbox input[type="radio"]:checked+span:after,
form .radio input[type="checkbox"]:checked+span:after,
form .radio input[type="radio"]:checked+span:after,
form .form .radio input[type="checkbox"]:checked+span:after,
.form form .radio input[type="checkbox"]:checked+span:after,
form .form .radio input[type="radio"]:checked+span:after,
.form form .radio input[type="radio"]:checked+span:after,
.form .checkbox input[type="checkbox"]+span:before,
.form .checkbox input[type="radio"]+span:before,
.form .checkbox .radio input[type="checkbox"]+span:before,
.form .checkbox .radio input[type="radio"]+span:before,
.form .checkbox input[type="checkbox"]:checked+span:after,
.form .checkbox input[type="radio"]:checked+span:after,
.form .checkbox .radio input[type="checkbox"]:checked+span:after,
.form .checkbox .radio input[type="radio"]:checked+span:after,
.form .radio .checkbox input[type="checkbox"]+span:before,
.form .radio .checkbox input[type="radio"]+span:before,
.form .radio input[type="checkbox"]+span:before,
.form .radio input[type="radio"]+span:before,
.form .radio .checkbox input[type="checkbox"]:checked+span:after,
.form .radio .checkbox input[type="radio"]:checked+span:after,
.form .radio input[type="checkbox"]:checked+span:after,
.form .radio input[type="radio"]:checked+span:after {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(51, 51, 51, 0.5);
}

form .checkbox label,
form .radio label,
.form .checkbox label,
.form .radio label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 1.5em;
    vertical-align: middle
}

form .checkbox input[type="checkbox"],
form .checkbox input[type="radio"],
form .radio input[type="checkbox"],
form .radio input[type="radio"],
.form .checkbox input[type="checkbox"],
.form .checkbox input[type="radio"],
.form .radio input[type="checkbox"],
.form .radio input[type="radio"] {
    width: auto;
    opacity: 0;
    position: absolute
}

form .checkbox input[type="checkbox"]+span:before,
form .checkbox input[type="radio"]+span:before,
form .radio input[type="checkbox"]+span:before,
form .radio input[type="radio"]+span:before,
.form .checkbox input[type="checkbox"]+span:before,
.form .checkbox input[type="radio"]+span:before,
.form .radio input[type="checkbox"]+span:before,
.form .radio input[type="radio"]+span:before {
    content: '';
    z-index: 1;
    background: #fff;
}

form .checkbox input[type="checkbox"]:checked+span:before,
form .checkbox input[type="radio"]:checked+span:before,
form .radio input[type="checkbox"]:checked+span:before,
form .radio input[type="radio"]:checked+span:before,
.form .checkbox input[type="checkbox"]:checked+span:before,
.form .checkbox input[type="radio"]:checked+span:before,
.form .radio input[type="checkbox"]:checked+span:before,
.form .radio input[type="radio"]:checked+span:before {
    border-color: var(--cis1);
}

form .checkbox input[type="checkbox"]:checked+span:after,
form .checkbox input[type="radio"]:checked+span:after,
form .radio input[type="checkbox"]:checked+span:after,
form .radio input[type="radio"]:checked+span:after,
.form .checkbox input[type="checkbox"]:checked+span:after,
.form .checkbox input[type="radio"]:checked+span:after,
.form .radio input[type="checkbox"]:checked+span:after,
.form .radio input[type="radio"]:checked+span:after {
    content: '';
    z-index: 0;
    border: 2px solid #fff;
    background: var(--cis1)
}

form .checkbox input[type="checkbox"]+span img,
form .checkbox input[type="radio"]+span img,
form .radio input[type="checkbox"]+span img,
form .radio input[type="radio"]+span img,
.form .checkbox input[type="checkbox"]+span img,
.form .checkbox input[type="radio"]+span img,
.form .radio input[type="checkbox"]+span img,
.form .radio input[type="radio"]+span img {
    padding-right: .5em;
    max-height: 1em;
    vertical-align: text-bottom
}

form .checkbox input[type="radio"]+span:after,
form .checkbox input[type="radio"]+span:before,
form .radio input[type="radio"]+span:after,
form .radio input[type="radio"]+span:before,
.form .checkbox input[type="radio"]+span:after,
.form .checkbox input[type="radio"]+span:before,
.form .radio input[type="radio"]+span:after,
.form .radio input[type="radio"]+span:before {
    border-radius: 100%
}

form .checkbox input[type="checkbox"]+span:after,
form .checkbox input[type="checkbox"]+span:before,
form .radio input[type="checkbox"]+span:after,
form .radio input[type="checkbox"]+span:before,
.form .checkbox input[type="checkbox"]+span:after,
.form .checkbox input[type="checkbox"]+span:before,
.form .radio input[type="checkbox"]+span:after,
.form .radio input[type="checkbox"]+span:before {
    border-radius: 3px
}

form .checkbox input[type="radio"]:disabled+span,
form .checkbox input[type="checkbox"]:disabled+span,
form .radio input[type="radio"]:disabled+span,
form .radio input[type="checkbox"]:disabled+span,
.form .checkbox input[type="radio"]:disabled+span,
.form .checkbox input[type="checkbox"]:disabled+span,
.form .radio input[type="radio"]:disabled+span,
.form .radio input[type="checkbox"]:disabled+span {
    color: #ccc
}

form .checkbox input[type="radio"]:disabled+span:before,
form .checkbox input[type="checkbox"]:disabled+span:before,
form .radio input[type="radio"]:disabled+span:before,
form .radio input[type="checkbox"]:disabled+span:before,
.form .checkbox input[type="radio"]:disabled+span:before,
.form .checkbox input[type="checkbox"]:disabled+span:before,
.form .radio input[type="radio"]:disabled+span:before,
.form .radio input[type="checkbox"]:disabled+span:before {
    border-color: #ccc
}

form .checkbox input[type="radio"]:disabled+span:after,
form .checkbox input[type="checkbox"]:disabled+span:after,
form .radio input[type="radio"]:disabled+span:after,
form .radio input[type="checkbox"]:disabled+span:after,
.form .checkbox input[type="radio"]:disabled+span:after,
.form .checkbox input[type="checkbox"]:disabled+span:after,
.form .radio input[type="radio"]:disabled+span:after,
.form .radio input[type="checkbox"]:disabled+span:after {
    background: #ccc
}

form .checkbox input[type="radio"]:disabled:checked+span:before,
form .checkbox input[type="checkbox"]:disabled:checked+span:before,
form .radio input[type="radio"]:disabled:checked+span:before,
form .radio input[type="checkbox"]:disabled:checked+span:before,
.form .checkbox input[type="radio"]:disabled:checked+span:before,
.form .checkbox input[type="checkbox"]:disabled:checked+span:before,
.form .radio input[type="radio"]:disabled:checked+span:before,
.form .radio input[type="checkbox"]:disabled:checked+span:before {
    border-color: #ccc
}

form .checkbox input[type="radio"]:disabled:checked+span:after,
form .checkbox input[type="checkbox"]:disabled:checked+span:after,
form .radio input[type="radio"]:disabled:checked+span:after,
form .radio input[type="checkbox"]:disabled:checked+span:after,
.form .checkbox input[type="radio"]:disabled:checked+span:after,
.form .checkbox input[type="checkbox"]:disabled:checked+span:after,
.form .radio input[type="radio"]:disabled:checked+span:after,
.form .radio input[type="checkbox"]:disabled:checked+span:after {
    background: #ccc
}

form .checkbox.error,
form .radio.error,
.form .checkbox.error,
.form .radio.error {
    border: 1px solid var(--cis1);
    outline: 0
}

form .cube label,
.form .cube label {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    vertical-align: middle
}

form .cube label input[type='checkbox'],
form .cube label input[type='radio'],
.form .cube label input[type='checkbox'],
.form .cube label input[type='radio'] {
    position: absolute;
    left: -100%;
    top: -100%
}

form .cube label input+span,
.form .cube label input+span {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    text-align: center;
    min-width: 45px;
    height: 45px;
    line-height: 43px;
    padding: 0 .5em;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

form .cube label input+span img,
.form .cube label input+span img {
    max-height: 1em;
    vertical-align: middle;
    padding-right: .5em
}

form .cube label input:checked+span,
.form .cube label input:checked+span {
    border-color: var(--cis1);
    background: var(--cis1);
    color: #ffffff
}

form .cube label input:disabled+span,
.form .cube label input:disabled+span {
    background: none;
    color: #ccc;
    position: relative
}

form .cube label input:disabled+span:after,
.form .cube label input:disabled+span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 10
}

form .cube label input:disabled+span img,
.form .cube label input:disabled+span img {
    opacity: .5
}

form .cube.img img,
.form .cube.img img {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-height: none
}

form .cube.small label,
.form .cube.small label {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    vertical-align: middle
}

form .cube.small label input[type='checkbox'],
form .cube.small label input[type='radio'],
.form .cube.small label input[type='checkbox'],
.form .cube.small label input[type='radio'] {
    position: absolute;
    left: -100%;
    top: -100%
}

form .cube.small label input+span,
.form .cube.small label input+span {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    text-align: center;
    min-width: 33.75px;
    height: 33.75px;
    line-height: 31.75px;
    padding: 0 .5em;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

form .cube.small label input+span img,
.form .cube.small label input+span img {
    max-height: 1em;
    vertical-align: middle;
    padding-right: .5em
}

form .cube.small label input:checked+span,
.form .cube.small label input:checked+span {
    border-color: var(--cis1);
    background: var(--cis1);
    color: #ffffff
}

form .cube.small label input:disabled+span,
.form .cube.small label input:disabled+span {
    background: none;
    color: #ccc;
    position: relative
}

form .cube.small label input:disabled+span:after,
.form .cube.small label input:disabled+span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 10
}

form .cube.small label input:disabled+span img,
.form .cube.small label input:disabled+span img {
    opacity: .5
}

form .cube.small.img img,
.form .cube.small.img img {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-height: none
}

form .numSet button,
form .numSet .btn-prev,
form .numSet .btn-next,
.form .numSet button,
.form .numSet .btn-prev,
.form .numSet .btn-next {
    padding: 0 5px;
    height: 45px;
    min-width: 45px;
    line-height: 43px;
    text-align: center;
    border-color: #ebebeb;
    background: #ebebeb;
    color: #333;
    margin: 0
}

form .numSet .minus,
.form .numSet .minus {
    border-radius: 15px 0 0 15px
}

form .numSet .add,
.form .numSet .add {
    border-radius: 0 15px 15px 0
}

form .numSet input,
.form .numSet input {
    width: 45px;
    border-radius: 0;
    padding: 0;
    text-align: center
}

form .tips,
form .tips *,
.form .tips,
.form .tips * {
    color: #d13428
}

.agreementBlock,
.agreementBlock * {
    color: var(--cis1)
}

.priceFilter {
    margin-top: 32px;
    margin-bottom: 16px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 2px;
    background: rgba(213, 149, 142, 0.5);
}

.priceFilter .noUi-handle {
    width: 15px;
    height: 15px;
    cursor: pointer;
    border: 0;
    background: var(--cis3);
    border-radius: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}

.priceFilter .noUi-handle:before {
    display: none
}

.priceFilter .noUi-handle:after {
    display: none
}

.priceFilter .noUi-background {
    background: rgba(213, 149, 142, 0.5);
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.priceFilter .noUi-connect {
    background: var(--cis3);
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.showPrice {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.pageTitle:not([class*="pageTitleStyle-"]) {
    color: #ddc494;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .9;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 1.3em;
    background: url("../images/tw/icon.svg") no-repeat left 6px;
    background-size: 35px
}

.pageTitle:not([class*="pageTitleStyle-"])>* {
    line-height: .9;
    display: inline-block;
    vertical-align: middle
}

.pageTitle:not([class*="pageTitleStyle-"]) small {
    font-size: 19px;
    color: var(--cis1);
    padding-left: 0.5em;
    vertical-align: middle;
    font-weight: bold;
}
/* 
.pageTitleStyle-1 {
    color: #ddc494;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .9;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px
}

.pageTitleStyle-1>* {
    line-height: .9;
    display: inline-block;
    vertical-align: middle
}

.pageTitleStyle-1 small {
    font-size: 19px;
    color: #b3b3b3;
    padding-left: 0.5em;
    vertical-align: middle
}

.pageTitleStyle-1:before {
    content: "";
    font-family: fontawesome;
    vertical-align: middle;
    display: inline-block;
    color: var(--cis1)
}

.pageTitleStyle-2 {
    color: #ddc494;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .9;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 1.3em;
    background: url("../images/tw/icon.svg") no-repeat left 6px;
    background-size: 35px
}

.pageTitleStyle-2>* {
    line-height: .9;
    display: inline-block;
    vertical-align: middle
}

.pageTitleStyle-2 small {
    font-size: 19px;
    color: #b3b3b3;
    padding-left: 0.5em;
    vertical-align: middle
}

.pageTitleStyle-3 {
    color: #ddc494;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .9;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    position: relative
}

.pageTitleStyle-3>* {
    line-height: .9;
    display: inline-block;
    vertical-align: middle
}

.pageTitleStyle-3 small {
    font-size: 19px;
    color: #b3b3b3;
    padding-left: 0.5em;
    vertical-align: middle
}

.pageTitleStyle-3:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    border-color: var(--cis1);
    background: var(--cis3);
    width: 2em;
    height: 2em;
    position: absolute;
    top: -.5em;
    opacity: .2;
    z-index: 0;
    border-radius: 2px
}

.pageTitleStyle-3>span {
    padding-left: .5em;
    position: relative;
    z-index: 1
}

.pageTitleStyle-3 small {
    vertical-align: middle
}

.pageTitleStyle-4 {
    color: #ddc494;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .9;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px
}

.pageTitleStyle-4>* {
    line-height: .9;
    display: inline-block;
    vertical-align: middle
}

.pageTitleStyle-4 small {
    font-size: 19px;
    color: #b3b3b3;
    padding-left: 0.5em;
    vertical-align: middle
}

.pageTitleStyle-4:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background: url("../images/default/pagetitle_icon.svg") no-repeat center center;
    background-size: contain
}

.blockTitle:not([class*="blockTitleStyle-"]) {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.blockTitle:not([class*="blockTitleStyle-"])>* {
    line-height: 1.35
}

.blockTitle:not([class*="blockTitleStyle-"]) small {
    display: block;
    font-size: 19px;
    color: #999;
    font-weight: 300;
    letter-spacing: 1px
}

.blockTitle:not([class*="blockTitleStyle-"]).txtCenter {
    text-align: center
}

.blockTitle:not([class*="blockTitleStyle-"]).txtCenter:after {
    margin: auto;
    margin-top: 25.6px
}

.blockTitle:not([class*="blockTitleStyle-"]):after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: var(--cis1);
    margin-top: 16px
}

.blockTitleStyle-1 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.blockTitleStyle-1>* {
    line-height: 1.35
}

.blockTitleStyle-1 small {
    display: block;
    font-size: 19px;
    color: #999;
    font-weight: 300;
    letter-spacing: 1px
}

.blockTitleStyle-1.txtCenter {
    text-align: center
}

.blockTitleStyle-1.txtCenter:after {
    margin: auto;
    margin-top: 25.6px
}

.blockTitleStyle-1:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: var(--cis1);
    margin-top: 16px
}

.blockTitleStyle-2 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.blockTitleStyle-2>* {
    line-height: 1.35
}

.blockTitleStyle-2 small {
    display: block;
    font-size: 19px;
    color: #999;
    font-weight: 300;
    letter-spacing: 1px
}

.blockTitleStyle-2.txtCenter {
    text-align: center
}

.blockTitleStyle-2.txtCenter:after {
    margin: auto;
    margin-top: 25.6px
}

.blockTitleStyle-2>span {
    padding-left: .5em;
    padding-right: .5em;
    border: 2px solid var(--cis1);
    display: inline-block;
    border-radius: 2px
}

.blockTitleStyle-3 {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.blockTitleStyle-3>* {
    line-height: 1.35
}

.blockTitleStyle-3 small {
    display: block;
    font-size: 19px;
    color: #999;
    font-weight: 300;
    letter-spacing: 1px
}

.blockTitleStyle-3.txtCenter {
    text-align: center
}

.blockTitleStyle-3.txtCenter:after {
    margin: auto;
    margin-top: 25.6px
}

.blockTitleStyle-3:after {
    content: '';
    display: block;
    width: 50px;
    height: 10px;
    margin-top: 16px;
    background: radial-gradient(var(--cis1) 2px, transparent 1px), radial-gradient(var(--cis1) 2px, transparent 1px);
    background-size: 10px 10px
}

.boxTitle {
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #333
}

.boxTitle:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--cis1);
    margin-top: 1em
}

.itemTitle,
.downloadList .itemList.downloadListType1 .item .itemIcon {
    font-weight: bold;
    text-align: left;
    font-size: 24px;
    color: var(--cis1), #ddc494, #b3b3b3
}

.itemTitle .iconImg,
.downloadList .itemList.downloadListType1 .item .itemIcon .iconImg {
    vertical-align: middle;
    margin-right: 16px
}

.itemTitle .iconImg+span,
.downloadList .itemList.downloadListType1 .item .itemIcon .iconImg+span {
    display: inline-block;
    vertical-align: middle
}

.articleTitle {
    font-weight: bold;
    font-size: 24px;
    color: gray
}

.articleTitle:first-child {
    margin-top: 0
}
*/
.hrTitle {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin: 32px auto;
    text-align: center
}

.hrTitle:before,
.hrTitle:after {
    content: '';
    flex: 1;
    -webkit-flex: 1;
    border-top: 1px solid #b3b3b3
}

.hrTitle>* {
    padding: 1em;
    display: inline-block;
    max-width: 80%;
    color: var(--cis1);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400
}
/*
.menuListStyle_3,
.menuListStyle_4,
.breadcrumb,
.navMenu,
footer .companyInfo.style2,
footer .siteMap.type2,
footer .socialList,
.listStyle_content,
.listStyle_Multi,
.menuListStyle_1,
.proMenu,
.menuBlock,
footer .siteMap.type1,
.listStyle_faicon,
.menuListStyle_2,
footer .companyInfo,
.listStyle_border,
.menuListStyle_1 ul,
.proMenu ul,
.menuBlock ul,
.menuListStyle_1 .subMenu,
.proMenu .subMenu,
.menuBlock .subMenu,
footer .siteMap.type3,
.marquee ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menuListStyle_3 ul,
.menuListStyle_4 ul,
.breadcrumb ul,
.navMenu ul,
footer .companyInfo.style2 ul,
footer .siteMap.type2 ul,
footer .socialList ul,
.listStyle_content ul,
.listStyle_Multi ul,
.menuListStyle_1 ul,
.proMenu ul,
.menuBlock ul,
footer .siteMap.type1 ul,
.listStyle_faicon ul,
.menuListStyle_2 ul,
footer .companyInfo ul,
.listStyle_border ul,
.menuListStyle_1 ul ul,
.proMenu ul ul,
.menuBlock ul ul,
.menuListStyle_1 .subMenu ul,
.proMenu .subMenu ul,
.menuBlock .subMenu ul,
footer .siteMap.type3 ul,
.marquee ul ul,
.menuListStyle_3 ol,
.menuListStyle_4 ol,
.breadcrumb ol,
.navMenu ol,
footer .companyInfo.style2 ol,
footer .siteMap.type2 ol,
footer .socialList ol,
.listStyle_content ol,
.listStyle_Multi ol,
.menuListStyle_1 ol,
.proMenu ol,
.menuBlock ol,
footer .siteMap.type1 ol,
.listStyle_faicon ol,
.menuListStyle_2 ol,
footer .companyInfo ol,
.listStyle_border ol,
.menuListStyle_1 ul ol,
.proMenu ul ol,
.menuBlock ul ol,
.menuListStyle_1 .subMenu ol,
.proMenu .subMenu ol,
.menuBlock .subMenu ol,
footer .siteMap.type3 ol,
.marquee ul ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.menuListStyle_3>li,
.menuListStyle_4>li,
.breadcrumb>li,
.navMenu>li,
footer .companyInfo.style2>li,
footer .siteMap.type2>li,
footer .socialList>li {
    display: inline-block
}

.menuListStyle_3>li:before,
.menuListStyle_4>li:before,
.breadcrumb>li:before,
.navMenu>li:before,
footer .companyInfo.style2>li:before,
footer .siteMap.type2>li:before,
footer .socialList>li:before {
    text-align: center
}

.listStyle_content li,
.listStyle_Multi li,
.menuListStyle_1 li,
.proMenu li,
.menuBlock li,
footer .siteMap.type1 li {
    padding-left: 20px
}

.listStyle_content li:before,
.listStyle_Multi li:before,
.menuListStyle_1 li:before,
.proMenu li:before,
.menuBlock li:before,
footer .siteMap.type1 li:before {
    margin-left: -20px;
    width: 20px;
    display: inline-block;
    font-family: fontawesome;
    content: "\f105";
    color: var(--cis1);
    vertical-align: top
}

.listStyle_faicon,
.menuListStyle_2,
.menuListStyle_3,
footer .companyInfo,
footer .companyInfo.style2 {
    padding-left: 32px
}

.listStyle_faicon i,
.menuListStyle_2 i,
.menuListStyle_3 i,
footer .companyInfo i,
footer .companyInfo.style2 i {
    margin-left: -32px;
    width: 32px;
    text-align: center
}

.listStyle_border li,
.listStyle_Multi li,
.menuListStyle_1 li,
.proMenu li,
.menuBlock li {
    border-bottom: 1px solid #b3b3b3;
    line-height: 1.8;
    padding-top: .5em;
    padding-bottom: .5em
}

.menuListStyle_1 ul li,
.proMenu ul li,
.menuBlock ul li,
.menuListStyle_1 .subMenu li,
.proMenu .subMenu li,
.menuBlock .subMenu li {
    border: 0
}

.menuListStyle_1 a,
.proMenu a,
.menuBlock a {
    display: inline-block
}

.menuListStyle_1 a:focus,
.proMenu a:focus,
.menuBlock a:focus {
    color: #333
}

.menuListStyle_1 .active>a,
.proMenu .active>a,
.menuBlock .active>a {
    color: var(--cis1)
}

.menuListStyle_1 li:active:before,
.proMenu li:active:before,
.menuBlock li:active:before,
.menuListStyle_1 li:hover:before,
.proMenu li:hover:before,
.menuBlock li:hover:before,
.menuListStyle_1 li:focus:before,
.proMenu li:focus:before,
.menuBlock li:focus:before {
    content: "\f107"
}

.menuListStyle_1 li:active>a,
.proMenu li:active>a,
.menuBlock li:active>a,
.menuListStyle_1 li:hover>a,
.proMenu li:hover>a,
.menuBlock li:hover>a,
.menuListStyle_1 li:focus>a,
.proMenu li:focus>a,
.menuBlock li:focus>a {
    padding-left: 8px
}

.menuListStyle_3 {
    padding-left: 0
}

.menuListStyle_3 li {
    padding: 0 16px
}

.menuListStyle_3>li {
    padding-left: 32px;
    vertical-align: top
}

.menuListStyle_4 {
    padding-left: 0
}

.menuListStyle_4 li {
    padding: 0 16px
}

.menuListStyle_4>li {
    vertical-align: top
}

.menuListStyle_4>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    text-align: center
}

.tabList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start
}

.tabList .tabLabel {
    order: 0;
    -webkit-order: 0
}

.tabList .tabContent {
    order: 2;
    -webkit-order: 2;
    width: 100%
}

.tabList .tabContent img {
    max-width: 100%;
    height: auto
}

.tabList .tabLabel {
    position: relative
}

.tabList .tabLabel {
    padding: 16px 32px
}

.tabList .tabContent {
    padding: 57.6px 0;
    margin-top: -2px
}

.tabList .tabLabel {
    color: #333;
    border-bottom: 2px solid transparent
}

.tabList .tabLabel:hover {
    color: var(--cis1);
    border-bottom: 2px solid var(--cis1)
}

.tabList .tabLabel.active {
    color: var(--cis1);
    border-bottom: 2px solid var(--cis1)
}

.tabList .tabContent {
    border-top: 2px solid #b3b3b3
}

.tabList .tabLabel {
    font-size: 19px;
    font-weight: bold;
    cursor: pointer
}

.tabList .tabContent {
    display: none
}

.tabList .tabLabel.active+.tabContent {
    display: block
}

@media (max-width: 1024px) {
    .tabList {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .tabList .tabLabel {
        order: 0;
        -webkit-order: 0
    }
    .tabList .tabContent {
        order: 0;
        -webkit-order: 0
    }
    .tabList .tabLabel:focus+.tabContent {
        order: 0;
        -webkit-order: 0
    }
    .tabList .tabLabel {
        border-bottom: 2px solid #b3b3b3;
        position: relative
    }
    .tabList .tabLabel:after {
        font-family: FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        position: absolute;
        right: .5em
    }
    .tabList .tabLabel.active {
        color: #333;
        border-bottom: 2px solid var(--cis1)
    }
    .tabList .tabLabel.active:after {
        content: "\f107"
    }
    .tabList .tabLabel {
        padding: 16px 0;
        padding-right: 1.5em
    }
    .tabList .tabContent {
        padding: 16px 0
    }
}

.dateStyle_1 {
    display: inline-block
}

.dateStyle_1 .dateD {
    font-size: 36px;
    font-weight: 400;
    vertical-align: middle;
    line-height: .9;
    display: inline-block
}

.dateStyle_1 .dateD:after {
    content: '';
    border: 2px solid var(--cis1);
    vertical-align: middle;
    display: block;
    width: 100%;
    line-height: 2.7;
    margin: 16px 0
}

.dateStyle_1 .dateM {
    font-weight: 300;
    vertical-align: middle;
    line-height: .9;
    display: block
}

.dateStyle_1 .dateY {
    vertical-align: middle;
    line-height: .9;
    display: block
}

.dateStyle_2,
.newsList .itemList.newsListType1 .item .dateStyle,
.newsList .itemList.newsListType2 .item .dateStyle,
.pageDetail .dateStyle {
    display: inline-block
}

.dateStyle_2 .dateD,
.newsList .itemList.newsListType1 .item .dateStyle .dateD,
.newsList .itemList.newsListType2 .item .dateStyle .dateD,
.pageDetail .dateStyle .dateD {
    font-size: 36px;
    font-weight: 300;
    line-height: 1em
}

.dateStyle_2 .dateM,
.newsList .itemList.newsListType1 .item .dateStyle .dateM,
.newsList .itemList.newsListType2 .item .dateStyle .dateM,
.pageDetail .dateStyle .dateM {
    font-weight: 300;
    display: inline-block;
    line-height: 1em
}

.dateStyle_2 .dateY,
.newsList .itemList.newsListType1 .item .dateStyle .dateY,
.newsList .itemList.newsListType2 .item .dateStyle .dateY,
.pageDetail .dateStyle .dateY {
    display: inline-block;
    line-height: 1em
}

.dateStyle_2 .dateY:after,
.newsList .itemList.newsListType1 .item .dateStyle .dateY:after,
.newsList .itemList.newsListType2 .item .dateStyle .dateY:after,
.pageDetail .dateStyle .dateY:after {
    content: '';
    border: 2px solid var(--cis1);
    width: 100%;
    line-height: 2.7;
    margin: 0 12px
}

.dateStyle_3 {
    display: inline-block;
    text-align: center;
    border: 2px solid var(--cis1);
    padding: 16px;
    border-radius: 2px;
    min-width: 120px
}

.dateStyle_3 .dateD {
    font-size: 48px;
    font-weight: normal;
    vertical-align: middle;
    line-height: .9;
    display: block
}

.dateStyle_3 .dateM {
    font-weight: 300;
    vertical-align: middle;
    line-height: .9;
    display: inline-block
}

.dateStyle_3 .dateY {
    vertical-align: middle;
    line-height: .9;
    display: inline-block
}
*/

table th,
table td {
    padding: .5em;
    vertical-align: top;
    text-align: left
}

table tr:nth-child(even) td {
    background: #f2f2f2
}

table th {
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #b3b3b3
}

table td {
    border-bottom: 1px solid #ccc
}

table.rwdTable .th {
    display: none;
    white-space: nowrap
}

@media (max-width: 768px) {
    table.rwdTable,
    table.rwdTable tbody {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        width: 100%
    }
    table.rwdTable tr {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
        margin-bottom: 16px;
        display: table;
        width: 100%;
    }
    table.rwdTable tr td {
        display: table-row;
        width: 100%;
    }
    table.rwdTable tr td>*,
    table.rwdTable tr td .th {
        display: table-cell;
        padding: 0 .5em
    }
    table.rwdTable tr .th {
        width: 5em
    }
    table.rwdTable tr:first-child {
        display: none
    }
}
/*
section.block {
    margin-bottom: 64px
}

@media (max-width: 1600px) {
    section.block {
        margin-bottom: 64px
    }
}

@media (max-width: 1440px) {
    section.block {
        margin-bottom: 64px
    }
}

@media (max-width: 1200px) {
    section.block {
        margin-bottom: 48px
    }
}

@media (max-width: 992px) {
    section.block {
        margin-bottom: 32px
    }
} */

.editorBlock img {
    max-width: 100%;
    height: auto
}

.blockInfoTxt {
    color: #4d4d4d;
    margin-bottom: 32px
}

.slidBlock {
    overflow: hidden
}

.slidBlock .itemImg {
    display: inline-block;
    vertical-align: middle
}

.articleBlock,
.articleBlockStyle01,
.articleBlockStyle02,
.articleBlockStyle03,
.articleBlockStyle04 {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 16px 0;
    overflow: hidden
}

.articleBlock img,
.articleBlockStyle01 img,
.articleBlockStyle02 img,
.articleBlockStyle03 img,
.articleBlockStyle04 img {
    max-width: 100%;
    border-radius: 2px
}

.articleBlock .slidBlock .slidItem,
.articleBlockStyle01 .slidBlock .slidItem,
.articleBlockStyle02 .slidBlock .slidItem,
.articleBlockStyle03 .slidBlock .slidItem,
.articleBlockStyle04 .slidBlock .slidItem {
    padding: 16px
}

.articleBlockStyle01 img {
    width: 100%
}

.articleBlockStyle02 {
    min-height: 300px;
    padding: 57.6px;
    position: relative
}

.articleBlockStyle02>* {
    position: relative;
    z-index: 1
}

.articleBlockStyle02:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

.articleBlockStyle02,
.articleBlockStyle02 * {
    color: #ffffff !important
}

.articleBlockStyle02:after {
    background: rgba(0, 0, 0, 0.8)
}

.articleBlockStyle03 {
    padding: 57.6px 0;
    position: relative;
    background: rgba(51, 51, 51, 0.1)
}

.articleBlockStyle04 {
    padding: 0;
    background: rgba(51, 51, 51, 0.1)
}

.articleBlockStyle04 [class*="flex"] {
    align-items: stretch;
    -webkit-align-items: stretch;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.articleBlockStyle04 [class*="flex"]>* {
    padding: 57.6px
}

.articleBlockStyle04 [class*="flex"].colRight {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.articleBlockStyle04 .blockDecoBg {
    flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    background-size: 50%
}

.articleBlockStyle04 .blockContent {
    flex: 0 1 600px;
    -webkit-flex: 0 1 600px
}

@media (max-width: 1024px) {
    .articleBlockStyle04 [class*="flex"] {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .articleBlockStyle04 [class*="flex"]>* {
        padding: 16px
    }
    .articleBlockStyle04 .blockDecoBg,
    .articleBlockStyle04 .blockContent {
        width: 100%;
        flex: auto;
        -webkit-flex: auto
    }
    .articleBlockStyle04 .blockDecoBg {
        padding: 0;
        height: 300px;
        background-size: 100% auto !important;
        background-attachment: inherit !important;
        background-position: center center !important
    }
}

.timeLine {
    padding: 16px 0
}

.timeLine .item {
    flex-direction: row;
    align-items: stretch;
    -webkit-flex-direction: row;
    -webkit-align-items: stretch;
    padding-bottom: 0
}

.timeLine .item>.itemLine {
    flex: 1;
    -webkit-flex: 1
}

.timeLine .item>.itemContent {
    flex: 3;
    -webkit-flex: 3;
    padding-bottom: 64px
}

.timeLine .item .itemContent {
    display: flex;
    display: -webkit-flex
}

.timeLine .item .itemContent>.itemPic {
    width: 33%
}

.timeLine .item .itemContent>.itemTxt {
    width: 100%;
    padding-left: 64px
}

.timeLine .item .itemContent>.itemPic+.Txt {
    width: 67%
}

@media (max-width: 1024px) {
    .timeLine .item .itemContent {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .timeLine .item .itemContent>.itemPic {
        width: 50%
    }
    .timeLine .item .itemContent>.itemTxt {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .timeLine .item {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .timeLine .item .itemLine {
        padding-bottom: 32px
    }
    .timeLine .item .itemLine:before {
        display: none
    }
    .timeLine .item .itemContent>.itemPic {
        width: 100%
    }
}

.timeLine .item .itemTitle,
.timeLine .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .timeLine .item .itemIcon {
    color: #ddc494
}

.timeLine .item .itemImg img {
    max-width: 150%;
    max-height: 150%;
    min-width: 100%;
    min-height: 100%
}

.timeLine .item .itemImg:hover:before,
.timeLine .item .itemImg:hover:after {
    display: none
}

.timeLine .item .itemLine {
    position: relative;
    overflow: hidden;
    font-size: 36px
}

.timeLine .item .itemLine:before {
    content: '';
    position: absolute;
    width: 110%;
    top: 2em;
    left: 4em;
    z-index: 0;
    border-bottom: 1px dashed #b3b3b3
}

.timeLine .item .itemLine:after {
    content: '';
    position: absolute;
    height: 110%;
    top: 4em;
    left: 2em;
    z-index: 0;
    border-left: 1px dashed #b3b3b3
}

.timeLine .item:last-child .itemLine:after {
    display: none
}

@media (max-width: 768px) {
    .timeLine .item:last-child .itemLine:after {
        display: block
    }
}

.timeLine .item .itemStep {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    position: relative;
    z-index: 1;
    width: 4em;
    height: 4em;
    font-size: 36px;
    font-weight: 300;
    border: 1px solid var(--cis1);
    border-radius: 100%
}

.timeLine .item .itemStep>*:nth-child(2) {
    font-size: 16px
}

.timeLine .item .itemStep>* {
    line-height: 1em
}

.timeLineSlid.slidNav {
    padding-bottom: 0;
    position: relative
}

.timeLineSlid.slidNav .itemStep {
    min-width: 120px;
    max-width: 100%
}

.timeLineSlid.slidNav .itemStep>* {
    display: table;
    text-align: center;
    width: 100%
}

.timeLineSlid.slidNav .itemStep>* {
    line-height: 1.35
}

.timeLineSlid.slidNav .itemStep>*:first-child {
    font-size: 19px
}

.timeLineSlid.slidNav .itemStep {
    position: relative;
    z-index: 1;
    padding-bottom: 24px
}

.timeLineSlid.slidNav .itemStep:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 12px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    border-radius: 100%;
    background: #b3b3b3
}

.timeLineSlid.slidNav .slick-slide {
    padding: 0
}

.timeLineSlid.slidNav:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 57.6px;
    right: 57.6px;
    bottom: 6px;
    height: 1px;
    background: #b3b3b3
}

.timeLineSlid.slidNav .slick-slide {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.timeLineSlid.slidNav .slick-current {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform-origin: bottom;
    -webkit-transform-origin: bottom
}

.timeLineSlid.slidNav .slick-current .itemStep {
    color: var(--cis1)
}

.timeLineSlid.slidNav .slick-current .itemStep:after {
    background: var(--cis1)
}

@media (min-width: 769px) {
    .timeLineSlid .timeLineItem {
        display: flex;
        display: -webkit-flex
    }
    .timeLineSlid .timeLineItem>* {
        flex: 1;
        -webkit-flex: 1;
        padding: 16px
    }
    .timeLineSlid .timeLineItem>*:nth-child(2) {
        max-width: 33%
    }
}

.timeLineSlid.slidNav,
.timeLineSlid.slidContent {
    padding-left: 57.6px;
    padding-right: 57.6px
}

.timeLineSlid.slidNav .slick-arrow,
.timeLineSlid.slidContent .slick-arrow {
    opacity: 1
}

.timeLineSlid.slidNav .slick-arrow.slick-disabled,
.timeLineSlid.slidContent .slick-arrow.slick-disabled {
    opacity: .1
}

.timeLineSlid.slidNav .slick-arrow.slick-next,
.timeLineSlid.slidNav:hover .slick-arrow.slick-next,
.timeLineSlid.slidContent .slick-arrow.slick-next,
.timeLineSlid.slidContent:hover .slick-arrow.slick-next {
    right: 0
}

.timeLineSlid.slidNav .slick-arrow.slick-prev,
.timeLineSlid.slidNav:hover .slick-arrow.slick-prev,
.timeLineSlid.slidContent .slick-arrow.slick-prev,
.timeLineSlid.slidContent:hover .slick-arrow.slick-prev {
    left: 0
}

.timeLineSlid.slidNav {
    padding-left: 57.6px;
    padding-right: 57.6px;
    margin-bottom: 32px
}

@media (max-width: 768px) {
    .timeLineSlid.slidContent {
        padding-left: 16px;
        padding-right: 16px
    }
    .timeLineSlid.slidNav .itemStep {
        min-width: 0;
        padding-left: 1em;
        padding-right: 1em
    }
    .timeLineSlid.slidNav:after {
        left: 16px;
        right: 16px
    }
}

@media (min-width: 992px) {
    .timeLineSlid.slidNav.vType {
        margin-top: 57.6px;
        margin-bottom: 57.6px
    }
    .timeLineSlid.slidNav.vType .slick-list {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .timeLineSlid.slidNav.vType .slick-arrow {
        opacity: 1
    }
    .timeLineSlid.slidNav.vType .slick-arrow.slick-disabled {
        opacity: 0.1
    }
    .timeLineSlid.slidNav.vType .slick-arrow,
    .timeLineSlid.slidNav.vType:hover .slick-arrow {
        left: 50%;
        right: auto;
        transform: translateX(-50%) rotate(90deg);
        -webkit-transform: translateX(-50%) rotate(90deg)
    }
    .timeLineSlid.slidNav.vType .slick-arrow.slick-prev,
    .timeLineSlid.slidNav.vType:hover .slick-arrow.slick-prev {
        top: -57.6px;
        bottom: auto
    }
    .timeLineSlid.slidNav.vType .slick-arrow.slick-next,
    .timeLineSlid.slidNav.vType:hover .slick-arrow.slick-next {
        bottom: -57.6px;
        top: auto
    }
    .timeLineSlid.slidNav.vType:after {
        display: none
    }
    .timeLineSlid.slidNav.vType .itemStep {
        padding-bottom: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        height: 3em
    }
    .timeLineSlid.slidNav.vType .itemStep>* {
        width: auto
    }
    .timeLineSlid.slidNav.vType .itemStep:after {
        width: 100%;
        height: 1px
    }
}

.timeLineSlid.simple .slick-slide:nth-child(even) .timeLineItem>div {
    margin-top: 12em
}

.timeLineSlid.simple .slick-slide:nth-child(odd) .timeLineItem>div {
    margin-bottom: 12em
}

.timeLineSlid.simple .slick-list {
    overflow-y: visible;
    z-index: 1
}

.timeLineSlid.simple .timeLineItem p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
    height: 3.6em;
    overflow: hidden
}

.timeLineSlid.simple .timeLineItem .articleTitle {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
    height: 1.8em;
    overflow: hidden
}

.timeLineSlid.simple .timeLineItem .articleTitle {
    font-weight: normal
}

.timeLineSlid.simple .slick-list {
    position: relative;
    z-index: 0
}

.timeLineSlid.simple .slick-list:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #b3b3b3
}

.timeLineSlid.simple .slick-slide {
    position: relative;
    z-index: 10
}

.timeLineSlid.simple .slick-slide:after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--cis1);
    background: #F7F8F8
}

.timeLineSlid.simple .slick-slide:before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 2em;
    width: 1px;
    background: #b3b3b3;
    transform: translate(-50%, -50%) rotate(30deg);
    -webkit-transform: translate(-50%, -50%) rotate(30deg)
}

.timeLineSlid.simple .slick-slide:nth-child(even):before {
    margin-top: 15px;
    transform-origin: top center;
    -webkit-transform-origin: top center
}

.timeLineSlid.simple .slick-slide:nth-child(odd):before {
    margin-top: -15px;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center
}

@media (min-width: 769px) {
    .timeLineSlid.simple {
        padding-left: 57.6px;
        padding-right: 57.6px
    }
}

@media (max-width: 768px) {
    .timeLineSlid.simple {
        padding-left: 16px;
        padding-right: 16px
    }
    .timeLineSlid.simple .timeLineItem p,
    .timeLineSlid.simple .timeLineItem .articleTitle {
        height: auto
    }
    .timeLineSlid.simple .slick-slide:nth-child(even) .timeLineItem>div {
        margin-top: 0
    }
    .timeLineSlid.simple .slick-slide:nth-child(odd) .timeLineItem>div {
        margin-bottom: 0
    }
    .timeLineSlid.simple .slick-list:after {
        display: none
    }
    .timeLineSlid.simple .slick-slide:after {
        display: none
    }
    .timeLineSlid.simple .slick-slide:before {
        display: none
    }
    .timeLineSlid.simple .slick-dots {
        position: relative;
        margin-top: 2em;
        justify-content: flex-start;
        -webkit-justify-content: flex-start
    }
    .timeLineSlid.simple .slick-dots:after {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        height: 1px;
        background: #b3b3b3
    }
    .timeLineSlid.simple .slick-dots li {
        z-index: 1
    }
    .timeLineSlid.simple .slick-dots li button,
    .timeLineSlid.simple .slick-dots li .btn-prev,
    .timeLineSlid.simple .slick-dots li .btn-next {
        width: 15px;
        height: 15px;
        border-width: 2px;
        border-color: #b3b3b3;
        overflow: visible;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out
    }
    .timeLineSlid.simple .slick-dots li button:after,
    .timeLineSlid.simple .slick-dots li .btn-prev:after,
    .timeLineSlid.simple .slick-dots li .btn-next:after {
        background: #F7F8F8
    }
    .timeLineSlid.simple .slick-dots li button:before,
    .timeLineSlid.simple .slick-dots li .btn-prev:before,
    .timeLineSlid.simple .slick-dots li .btn-next:before {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: auto;
        bottom: 7.5px;
        left: 50%;
        height: 0;
        width: 1px;
        background: #b3b3b3;
        transform: translate(-50%, 0) rotate(30deg);
        -webkit-transform: translate(-50%, 0) rotate(30deg);
        transform-origin: bottom center;
        -webkit-transform-origin: bottom center;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out
    }
    .timeLineSlid.simple .slick-dots li.slick-active button:before,
    .timeLineSlid.simple .slick-dots li.slick-active .btn-prev:before,
    .timeLineSlid.simple .slick-dots li.slick-active .btn-next:before {
        background: var(--cis1);
        height: 2em
    }
    .timeLineSlid.simple .slick-dots li.slick-active button,
    .timeLineSlid.simple .slick-dots li.slick-active .btn-prev,
    .timeLineSlid.simple .slick-dots li.slick-active .btn-next {
        border-color: var(--cis1)
    }
}
/* 
.item {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-bottom: 64px;
    padding-top: 0
}

.item>* {
    max-width: 100%
}

@media (max-width: 768px) {
    .item {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .item>:nth-child(1),
    .item>:nth-child(2) {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }
} */

.item .itemContent {
    color: #8c8c8c
}

/* .itemImg {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 2px;
    height: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #f3f3f3
}

.w.itemImg {
    padding-bottom: 75%
}

.w.itemImg img {
    min-width: 0;
    min-height: 0
}

.h.itemImg {
    padding-bottom: 141.42857%
}

.h.itemImg img {
    min-width: 0;
    min-height: 0
}

.circle.itemImg {
    padding-bottom: 100%;
    border-radius: 100%
}

.circle.itemImg img {
    min-width: 0;
    min-height: 0
}

.itemImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.itemImg.eye:after {
    content: "\f06e"
}

.itemImg.share:after {
    content: "\f1e0"
}

.itemImg:not([class*="hoverEffect"]) {
    position: relative
}

.itemImg:not([class*="hoverEffect"]):before,
.itemImg:not([class*="hoverEffect"]):after {
    content: '';
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.itemImg:not([class*="hoverEffect"]):after {
    content: '\f065';
    font-family: FontAwesome;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: var(--cis3)
}

.itemImg:not([class*="hoverEffect"]):before {
    background: rgba(191, 93, 82, 0.5)
}

.itemImg:not([class*="hoverEffect"]):after {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 100%
}

.itemImg:not([class*="hoverEffect"]):before {
    bottom: 0;
    right: 0;
    left: 0;
    top: 100%;
    border-radius: 2px
}

.itemImg:not([class*="hoverEffect"]).active:before,
.itemImg:not([class*="hoverEffect"]):hover:before {
    opacity: 1;
    top: 0;
    z-index: 100
}

.itemImg:not([class*="hoverEffect"]).active:after,
.itemImg:not([class*="hoverEffect"]):hover:after {
    opacity: 1;
    top: 50%;
    z-index: 200
}

.itemImg.hoverEffect1 {
    position: relative
}

.itemImg.hoverEffect1:before,
.itemImg.hoverEffect1:after {
    content: '';
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.itemImg.hoverEffect1:after {
    content: '\f065';
    font-family: FontAwesome;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: var(--cis3)
}

.itemImg.hoverEffect1:before {
    background: rgba(191, 93, 82, 0.5)
}

.itemImg.hoverEffect1:after {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 100%
}

.itemImg.hoverEffect1:before {
    bottom: 0;
    right: 0;
    left: 0;
    top: 100%;
    border-radius: 2px
}

.itemImg.hoverEffect1.active:before,
.itemImg.hoverEffect1:hover:before {
    opacity: 1;
    top: 0;
    z-index: 100
}

.itemImg.hoverEffect1.active:after,
.itemImg.hoverEffect1:hover:after {
    opacity: 1;
    top: 50%;
    z-index: 200
}

.itemImg.hoverEffect2 {
    position: relative
}

.itemImg.hoverEffect2:before,
.itemImg.hoverEffect2:after {
    content: '';
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.itemImg.hoverEffect2:after {
    content: '\f065';
    font-family: FontAwesome;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: var(--cis3)
}

.itemImg.hoverEffect2:before {
    background: rgba(191, 93, 82, 0.5)
}

.itemImg.hoverEffect2:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 3em;
    height: 3em;
    font-size: 3em;
    background: rgba(191, 93, 82, 0)
}

.itemImg.hoverEffect2:before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1)
}

.itemImg.hoverEffect2.active:after,
.itemImg.hoverEffect2:hover:after {
    opacity: 1;
    width: 2em;
    height: 2em;
    font-size: 2em;
    z-index: 200
}

.itemImg.hoverEffect2.active:before,
.itemImg.hoverEffect2:hover:before {
    opacity: 1;
    z-index: 100
}

.itemImg.hoverEffect3 {
    position: relative
}

.itemImg.hoverEffect3:before,
.itemImg.hoverEffect3:after {
    content: '';
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.itemImg.hoverEffect3:after {
    content: '\f065';
    font-family: FontAwesome;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: var(--cis3)
}

.itemImg.hoverEffect3:before {
    background: rgba(191, 93, 82, 0.5)
}

.itemImg.hoverEffect3:after {
    left: auto;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 48px;
    font-size: 2em;
    background: rgba(191, 93, 82, 0);
    transform: none;
    -webkit-transform: none
}

.itemImg.hoverEffect3:before {
    bottom: -120px;
    left: -120px;
    width: 120px;
    height: 120px;
    background: rgba(191, 93, 82, 0);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
    z-index: 0;
    border-radius: 0
}

.itemImg.hoverEffect3.active:after,
.itemImg.hoverEffect3:hover:after {
    opacity: 1;
    z-index: 200
}

.itemImg.hoverEffect3.active:before,
.itemImg.hoverEffect3:hover:before {
    bottom: -60px;
    left: -60px;
    opacity: 1;
    z-index: 100;
    background: var(--cis3)
} */

.popBox {
    position: fixed;
    opacity: 0;
    z-index: 0;
    height: 0;
    width: 0;
    top: -100%;
    left: -100%;
    transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    background: rgba(255, 255, 255, 0)
}

.popBox .closeSpace {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1
}

@media (max-width: 440px) {
    .popBox .closeSpace {
        display: none
    }
}

.popBox .boxContent {
    position: absolute;
    top: 55%;
    left: -100%;
    width: 90%;
    max-width: 900px;
    overflow: hidden;
    opacity: 0;
    z-index: 100
}

@media (max-width: 440px) {
    .popBox .boxContent {
        width: 100%;
        height: 100%
    }
}

.popBox .mainContent {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 100
}

.popBox.open {
    opacity: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000
}

.popBox.open .boxContent {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 1
}

.popBox .boxContent {
    transition: top .5s ease-out;
    -webkit-transition: top .5s ease-out
}

.popBox .boxContent {
    background: #fff;
    padding-top: 2.5em;
    padding-bottom: 1em;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.popBox .boxContent .closeBtn {
    position: absolute;
    top: 5px;
    right: 15px
}

.popBox.open {
    background: rgba(255, 255, 255, 0.9)
}

.gotop,
.showCart {
    position: fixed;
    display: inline-block;
    cursor: pointer
}

.gotop img,
.showCart img {
    display: inline-block;
    vertical-align: middle
}

.gotop:hover,
.showCart:hover {
    opacity: .9
}

.gotop i,
.showCart i {
    display: none
}

.breadcrumb {
    background: none
}

.breadcrumb a {
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.breadcrumb li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb li:last-child a {
    color: var(--cis1)
}

@media (max-width: 1024px) {
    .breadcrumb {
        display: none
    }
}

.pageControl {
    padding: 57.6px 0;
    border-top: 1px solid rgba(191, 93, 82, 0.3)
}

.pageControl .disabled {
    position: relative
}

.pageControl .disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1
}

.pageControl .disabled * {
    position: relative;
    z-index: 0
}

.pageControl .disabled,
.pageControl .disabled:hover,
.pageControl .disabled:hover *,
.pageControl .disabled * {
    color: #ccc;
    border-color: #ccc;
    background: none
}

.pageNav {
    text-align: center;
    margin: 48px auto
}

.pageNav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.pageNav ul,
.pageNav ul li,
.pageNav ul a {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    display: -webkit-inline-flex;
    -webkit-align-items: center;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap
}

.pageNav ul li {
    width: 2.5em;
    height: 2.5em
}

.pageNav ul li a {
    width: 100%;
    height: 100%
}

.pageNav ul .prev a {
    border-radius: 2px 0 0 2px
}

.pageNav ul .next a {
    border-radius: 0 2px 2px 0
}

.pageNav ul li a {
    border: 1px solid #ddd;
    color: #b3b3b3
}

.pageNav ul li a:hover {
    background: #ddd;
    border-color: #eee;
    color: #333
}

.pageNav ul li+li a {
    border-left: 0
}

.pageNav ul .active a {
    background: var(--cis1);
    border-color: var(--cis1);
    color: #fff
}

.pageNav .disabled {
    position: relative
}

.pageNav .disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1
}

.pageNav .disabled * {
    position: relative;
    z-index: 0
}

.pageNav .disabled,
.pageNav .disabled:hover,
.pageNav .disabled:hover *,
.pageNav .disabled * {
    color: #ccc;
    border-color: #ccc;
    background: none
}

@media (min-width: 1025px) {
    .pageNav .total {
        display: none
    }
    .pageNav ul {
        max-width: 15em;
        position: relative;
        justify-content: flex-start;
        -webkit-justify-content: flex-start
    }
    .pageNav ul .prev,
    .pageNav ul .next {
        position: absolute;
        top: 0
    }
    .pageNav ul .prev {
        left: -2.5em
    }
    .pageNav ul .next {
        right: -2.5em
    }
    .pageNav ul:before,
    .pageNav ul:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #ddd;
        z-index: 0
    }
    .pageNav ul:before {
        width: 100%;
        height: 1px
    }
    .pageNav ul:after {
        width: 1px;
        height: 100%
    }
    .pageNav ul li:not(.prev):not(.next) a {
        border-width: 0 1px 1px 0
    }
    .pageNav ul li.prev a {
        border-right: 0
    }
}

@media (max-width: 1024px) {
    .pageNav {
        position: relative;
        overflow: hidden;
        height: 40px
    }
    .pageNav.open {
        height: auto
    }
    .pageNav ul {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        width: 100%
    }
    .pageNav ul li {
        order: 4;
        -webkit-order: 4;
        width: 25%;
        height: 40px
    }
    .pageNav ul .prev {
        order: 1;
        -webkit-order: 1;
        margin-bottom: 1em
    }
    .pageNav ul .next {
        order: 3;
        -webkit-order: 3;
        margin-bottom: 1em
    }
    .pageNav ul .total {
        order: 2;
        -webkit-order: 2;
        width: auto;
        margin-bottom: 1em;
        width: 50%
    }
    .pageNav ul li:not(.next):not(.prev):not(.total) a {
        border-width: 0
    }
}

@media (min-width: 768px) {
    .pageNav ul {
        max-width: 25em
    }
}



.banner.bgFix {
    height: 300px;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    transition: height .5s ease-out;
    -webkit-transition: height .5s ease-out
}

.banner.bgFix img {
    height: 300px;
    width: auto;
    max-width: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition: none;
    -webkit-transition: none
}

.banner.bgFix .mb {
    display: none
}

@media (max-width: 1024px) {
    .banner.bgFix {
        height: auto !important;
        transition: none;
        -webkit-transition: none
    }
    .banner.bgFix .pc {
        display: none
    }
    .banner.bgFix .mb {
        display: block
    }
    .banner.bgFix img {
        height: auto;
        width: auto;
        max-width: 100%;
        position: static;
        transform: none;
        -webkit-transform: none
    }
}

.banner.slideBanner {
    position: relative;
    overflow: hidden
}

.banner.slideBanner .slideItem {
    margin: 0;
    padding: 0
}

.banner.slideBanner .slideItem img {
    width: 100%
}

.banner.slideBanner img.mb {
    display: none
}

@media (max-width: 1024px) {
    .banner.slideBanner img.mb {
        display: block
    }
    .banner.slideBanner img.pc {
        display: none
    }
}

.banner.layerBanner {
    background: #F7F8F8
}

.banner.layerBanner .slick-track,
.banner.layerBanner .slick-list {
    height: 100%
}

.banner.layerBanner .layerItem img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

@media (orientation: landscape) {
    .banner.layerBanner .layerItem img {
        height: 100%;
        width: auto;
        max-width: none;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }
}

.bannerBlock {
    position: relative
}

.bannerBlock .scrollDown {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 0
}

.adBanner {
    overflow: hidden
}

.adBanner,
.adBanner * {
    border-radius: 0
}

.adBanner .mb {
    display: none
}

@media (max-width: 1024px) {
    .adBanner .pc {
        display: none
    }
    .adBanner .mb {
        display: block
    }
}

/* footer {
    margin-top: 57.6px;
    background: var(--cis1)
} */

/* footer .footerContent .footerType1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: wrap
}

footer .footerContent .footerType1>*:nth-child(1) {
    width: 75%;
    padding-right: 32px
}

footer .footerContent .footerType1>*:nth-child(2) {
    width: 25%;
    padding-left: 32px
}

footer .footerContent .footerType1 .copyRightTxt {
    text-align: left;
    border-top: 0
}

@media (max-width: 1200px) {
    footer .footerContent .footerType1 {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    footer .footerContent .footerType1>*:nth-child(1) {
        width: 100%;
        padding-right: 0
    }
    footer .footerContent .footerType1>*:nth-child(2) {
        width: 100%;
        padding-left: 0
    }
}

footer .footerContent .footerType2 {
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between
}

footer .footerContent .footerType3 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-flex-direction: column;
    text-align: center
}

footer .footerContent .footerType4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: wrap
}

footer .footerContent .footerType4>*:nth-child(1) {
    width: 25%;
    padding-right: 32px
}

footer .footerContent .footerType4>*:nth-child(2) {
    width: 75%;
    padding-left: 32px
}

footer .footerContent .footerType4 .copyRightTxt {
    text-align: left;
    border-top: 0
}

@media (max-width: 1200px) {
    footer .footerContent .footerType4 {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    footer .footerContent .footerType4>*:nth-child(1) {
        width: 100%;
        padding-right: 0
    }
    footer .footerContent .footerType4>*:nth-child(2) {
        width: 100%;
        padding-left: 0
    }
}

footer .footerContent .footerType5 {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center
}

footer .footerContent .footerType1,
footer .footerContent .footerType2,
footer .footerContent .footerType3,
footer .footerContent .footerType4,
footer .footerContent .footerStyle2 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 32px
}

footer .footerContent.copyright [class*="footerType"] {
    align-items: center;
    -webkit-align-items: center
}

footer .footerContent:not(.copyright) {
    padding: 16px 0
}

footer .footerContent.copyright {
    background: #ddc494
}

footer .footerContent.footerStyle2 {
    width: 1200px
}

footer .boxLine {
    border-top: 1px solid #fff
}

footer .companyInfo {
    padding-top: .8em;
    padding-bottom: .7em;
    color: #ffffff
}

footer .companyInfo i {
    color: #d5958e
}

footer .companyInfo a {
    color: #ffffff
}

footer .companyInfo a:hover {
    color: rgba(255, 255, 255, 0.7)
}

footer .companyInfo.style2 {
    padding-left: 0
}

footer .companyInfo.style2 li {
    padding-right: 48px
}

footer .companyInfo.style2 li:not(.footerLogo) {
    padding-left: 32px
}

@media (max-width: 1024px) {
    footer .companyInfo.style2 li {
        display: block
    }
}

footer .siteMap.type1 {
    padding-bottom: .7em
}

footer .siteMap.type1>li:before {
    color: rgba(51, 51, 51, 0.5)
}

footer .siteMap.type1 a {
    color: #ffffff
}

footer .siteMap.type2 {
    padding-top: .8em;
    padding-bottom: .7em
}

footer .siteMap.type2 li {
    border: 1px solid #666;
    border-width: 0 1px;
    padding: 0 1em;
    margin-left: -1px;
    line-height: 1.2
}

footer .siteMap.type2 a {
    color: #ffffff
}

footer .siteMap.type2 a:hover {
    color: rgba(255, 255, 255, 0.6)
}

@media (max-width: 1200px) {
    footer .siteMap.type2 li {
        min-width: 90px
    }
}

footer .siteMap.type3 {
    padding-bottom: .7em
}

footer .siteMap.type3>li {
    padding: 0 16px
}

footer .siteMap.type3>li>a {
    display: block;
    width: 100%
}

footer .siteMap.type3 a {
    color: #ffffff
}

footer .siteMap.type3 a:hover {
    opacity: .8
}

footer .siteMap.type3>li>a {
    border-bottom: 1px solid #fff
}

@media (max-width: 768px) {
    footer .siteMap.type3>li {
        width: 100%
    }
}

@media (max-width: 768px) {
    footer .siteMap.type3>li {
        padding: 0 16px
    }
    footer .siteMap.type3>li>a {
        padding-right: 1em;
        position: relative
    }
    footer .siteMap.type3>li>a:after {
        content: '+';
        position: absolute;
        right: 0
    }
    footer .siteMap.type3>li>a+ul {
        display: none
    }
    footer .siteMap.type3>li:hover>a:after {
        content: '-'
    }
    footer .siteMap.type3>li:hover>a+ul {
        display: block
    }
}

footer .footerInfo {
    font-size: 16px;
    color: #ffffff;
    padding-top: .8em;
    padding-bottom: .7em
}

footer .socialList {
    padding-top: .8em;
    padding-bottom: .7em
}

footer .socialList li {
    width: 2em;
    height: 2em;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-inline-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    text-align: center;
    border: 0 solid #fff;
    border-radius: 2px
}

footer .socialList li i {
    font-size: 19px
}

footer .socialList li>* {
    line-height: 1em;
    color: #fff
}

footer .socialList li:hover,
footer .socialList li:hover>* {
    color: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.6)
}

footer .copyRightTxt {
    padding-top: .8em;
    padding-bottom: .7em;
    text-align: center;
    font-size: 14px
}

footer .copyRightTxt span {
    display: inline-block
}

footer .copyRightTxt,
footer .copyRightTxt a {
    color: #ffffff
}

footer .copyRightTxt a:hover {
    color: rgba(255, 255, 255, 0.6)
}

footer .serviceInfo {
    color: #fff
}

footer .serviceInfo label {
    display: block
}

footer .serviceInfo span {
    font-size: 24px;
    font-weight: bold;
    line-height: 1
}

.copyrightTxt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.copyrightTxt img {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0
}

.googleMap {
    width: 100%;
    height: 450px
}

.googleMap+footer {
    margin-top: 0
}

.googleMap iframe,
.googleMap #map {
    width: 100%;
    height: 100%
} */

.searchForm form {
    padding: 32px;
    padding-top: 57.6px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%
}

.searchForm form input[type="text"] {
    margin-right: 2em;
    width: 500px;
    max-width: 100%
}

.sideAD {
    width: 90px;
    height: 270px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 0;
    left: -90px
}

.sideAD.active {
    opacity: 1;
    left: 0
}

@media (max-width: 1400px) {
    .sideAD {
        display: none
    }
}

.index .sideAD {
    display: none
}

.showCart {
    z-index: 2;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.sideCart .boxContent {
    top: 0;
    bottom: 0;
    left: auto;
    right: -100%;
    height: 100%;
    max-width: 500px
}

.sideCart.open .boxContent {
    left: auto;
    top: 0;
    right: 0;
    z-index: 100;
    transform: none;
    -webkit-transform: none
}

.sideCart .boxContent {
    transition: right .5s ease-out;
    -webkit-transition: right .5s ease-out
}

@media (max-width: 992px) {
    .sideCart .proTableList .tableItem {
        width: 100%
    }
    .sideCart .proTableList .tableItem .itemTitle,
    .sideCart .proTableList .tableItem .downloadList .itemList.downloadListType1 .item .itemIcon,
    .downloadList .itemList.downloadListType1 .item .sideCart .proTableList .tableItem .itemIcon,
    .sideCart .proTableList .tableItem .itemSP,
    .sideCart .proTableList .tableItem .itemPrice,
    .sideCart .proTableList .tableItem .itemQty {
        padding-right: 0
    }
    .sideCart .boxContent {
        overflow-y: auto !important
    }
    .sideCart .proTableList {
        overflow: visible !important
    }
}

.sideCart .boxContent {
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between
}

.sideCart .boxContent .closeBtn {
    position: absolute;
    top: 16px;
    right: 16px;
    line-height: 1
}

.sideCart .proTableList {
    display: block;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.sideCart .proTableList::-webkit-scrollbar {
    width: 5px
}

.sideCart .proTableList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.sideCart .proTableList::-webkit-scrollbar-thumb {
    background: var(--cis1)
}

.sideCart .proTableList .tableItem {
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 16px;
    padding-bottom: 16px
}

.sideCart .proTableList .tableItem .gridBox>*:nth-child(2) {
    padding-left: 1em;
    padding-right: 1em
}

.sideCart .cartInfo {
    font-weight: bold;
    display: table;
    width: 100%
}

.sideCart .cartInfo .cartTitle {
    background: #8c3d34;
    color: #fff;
    padding: 16px
}

.sideCart .cartInfo .cartTitle>* {
    margin: 0;
    line-height: 1.8
}

.sideCart .cartInfo [class^='btn'] {
    width: 100%;
    text-align: center
}

.sideCart .itemPrice {
    color: #333;
    font-weight: bold;
    padding-right: 1em
}

.sideCart .itemSP {
    color: #d13428
}

.sideCart .itemTitle,
.sideCart .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .sideCart .itemIcon {
    font-size: 19px
}

.sideCart .itemQty label {
    font-size: 14px;
    padding-right: .5em
}

.sideCart .itemImg {
    padding-bottom: 100%
}

.sideCart .itemImg img {
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto
}

.addCartPanel .shopForm * {
    transition: none;
    -webkit-transition: none
}

.loginPanel .boxContent {
    max-width: 1200px
}

.loginPanel .hrTitle {
    margin: 0
}

@media (max-width: 992px) {
    .loginPanel .userLogin {
        order: 2;
        -webkit-order: 2
    }
    .loginPanel .firstShop {
        order: 1;
        -webkit-order: 1
    }
    .loginPanel [class^='btn-'],
    .loginPanel button,
    .loginPanel .btn-prev,
    .loginPanel .btn-next {
        width: 100%;
        text-align: center
    }
}

.loginPanel_normal .boxContent {
    max-width: 300px
}

.loginPanel_normal .hrTitle {
    margin: 0
}

@media (max-width: 440px) {
    .loginPanel_normal .boxContent {
        height: auto;
        max-height: 100%
    }
}

.loginPanel_pwd .boxContent {
    max-width: 300px
}

.loginPanel_pwd .hrTitle {
    margin: 0
}

@media (max-width: 440px) {
    .loginPanel_pwd .boxContent {
        height: auto;
        max-height: 100%
    }
}

.eDM {
    background: #333;
    color: #fff;
    padding: 32px
}

.eDM+footer {
    margin-top: 0
}

.eDM form {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center
}

.eDM form input {
    margin: 16px
}

.eDM form label,
.eDM form button,
.eDM form .btn-prev,
.eDM form .btn-next {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    white-space: nowrap
}

.eDM form input {
    flex: 0 1 400px;
    -webkit-flex: 0 1 400px
}

@media (max-width: 440px) {
    .eDM form {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        -webkit-justify-content: flex-start
    }
    .eDM form label,
    .eDM form input,
    .eDM form button,
    .eDM form .btn-prev,
    .eDM form .btn-next {
        margin: 0;
        margin-bottom: 16px;
        width: 100%
    }
}

body {
    padding: 0;
    margin: 0
}

body * {
    box-sizing: border-box
}

#mbPanel,
.mbPanel {
    max-width: 100vw;
    overflow: hidden
}

#mbPanel .mbPanel_side.open,
.mbPanel .mbPanel_side.open {
    z-index: 100
}

#mbPanel .mbPanel_left,
.mbPanel .mbPanel_left {
    position: fixed;
    z-index: 100;
    width: 260px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0
}

#mbPanel .mbPanel_right,
.mbPanel .mbPanel_right {
    position: fixed;
    z-index: 100;
    width: 260px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    right: 0
}

#mbPanel .mbPanel_top,
.mbPanel .mbPanel_top {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 90%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0
}

#mbPanel .mbPanel_bottom,
.mbPanel .mbPanel_bottom {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 90%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    bottom: 0;
    left: 0
}

#mbPanel .mbPanel_page .mbPanel_content,
.mbPanel .mbPanel_page .mbPanel_content {
    padding-top: 60px;
    padding-bottom: 60px
}

#mbPanel .mbPanel_funNav.navTop,
.mbPanel .mbPanel_funNav.navTop {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0
}

#mbPanel .mbPanel_funNav.navBottom,
.mbPanel .mbPanel_funNav.navBottom {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    bottom: 0;
    left: 0
}

#mbPanel .mbPanel_funNav .mbPanel_content,
.mbPanel .mbPanel_funNav .mbPanel_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    overflow: hidden
}

#mbPanel .mbPanel_funNav .mbPanel_content>*,
.mbPanel .mbPanel_funNav .mbPanel_content>* {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    white-space: nowrap;
    text-align: center;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    height: 100%;
    min-width: 40px
}

#mbPanel .mbPanel_funNav .mbPanel_content>* img,
.mbPanel .mbPanel_funNav .mbPanel_content>* img {
    max-height: 100%
}

#mbPanel .mbPanel_subPanel,
.mbPanel .mbPanel_subPanel {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    position: absolute
}

#mbPanel .mbPanel_content,
.mbPanel .mbPanel_content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

[class^='mbPanel_'] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#mbPanel .mbPanel_left,
#mbPanel[data-mbPanel=''] .mbPanel_left,
.mbPanel .mbPanel_left,
.mbPanel[data-mbPanel=''] .mbPanel_left {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_right,
#mbPanel[data-mbPanel=''] .mbPanel_right,
.mbPanel .mbPanel_right,
.mbPanel[data-mbPanel=''] .mbPanel_right {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

#mbPanel .mbPanel_top,
#mbPanel[data-mbPanel=''] .mbPanel_top,
.mbPanel .mbPanel_top,
.mbPanel[data-mbPanel=''] .mbPanel_top {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_bottom,
#mbPanel[data-mbPanel=''] .mbPanel_bottom,
.mbPanel .mbPanel_bottom,
.mbPanel[data-mbPanel=''] .mbPanel_bottom {
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

#mbPanel .mbPanel_side,
#mbPanel[data-mbPanel=''] .mbPanel_side,
.mbPanel .mbPanel_side,
.mbPanel[data-mbPanel=''] .mbPanel_side {
    opacity: 0
}

#mbPanel .mbPanel_side.open,
#mbPanel[data-mbPanel=''] .mbPanel_side.open,
.mbPanel .mbPanel_side.open,
.mbPanel[data-mbPanel=''] .mbPanel_side.open {
    z-index: 200;
    opacity: 1;
    transform: translate(0);
    -webkit-transform: translate(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page,
#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page.open,
#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav.open,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page.open,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav.open {
    transform: translateX(260px);
    -webkit-transform: translateX(260px)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side {
    opacity: 0;
    perspective: 700px;
    -webkit-perspective: 700px;
    transform: translateX(-260px);
    -webkit-transform: translateX(-260px)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side .mbPanel_content,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side .mbPanel_content {
    opacity: 0;
    transform: rotateY(-115deg);
    -webkit-transform: rotateY(-115deg);
    transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open .mbPanel_content,
.mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open .mbPanel_content {
    opacity: 1;
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transition-delay: 70ms;
    -webkit-transition-delay: 70ms
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page,
#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page.open,
#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav.open,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page.open,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav.open {
    transform: translateX(260px);
    -webkit-transform: translateX(260px)
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side {
    opacity: 0
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side.open,
.mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side.open {
    opacity: 1
}

#mbPanel[data-mbPanel='mbPanel_effect03'],
.mbPanel[data-mbPanel='mbPanel_effect03'] {
    position: fixed;
    width: 100%;
    height: 100%;
    perspective: 1500px;
    -webkit-perspective: 1500px
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page,
#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform: translateZ(0) translateX(0) rotateY(0);
    -webkit-transform: translateZ(0) translateX(0) rotateY(0)
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page.open,
#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav.open,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page.open,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav.open {
    transform: translateZ(-100px) translateX(65%) rotateY(-45deg);
    -webkit-transform: translateZ(-100px) translateX(65%) rotateY(-45deg)
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side {
    position: absolute;
    opacity: 0
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side.open,
.mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side.open {
    opacity: 1
}

#mbPanel .mbPanel_subPanel,
.mbPanel .mbPanel_subPanel {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_subPanel.open,
.mbPanel .mbPanel_subPanel.open {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel .mbPanel_funNav.navTop.hide,
.mbPanel .mbPanel_funNav.navTop.hide {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_funNav.navBottom.hide,
.mbPanel .mbPanel_funNav.navBottom.hide {
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

#mbPanel,
.mbPanel {
    background: none
}

#mbPanel>[class^='mbPanel_'],
.mbPanel>[class^='mbPanel_'] {
    background: #F7F8F8
}

#mbPanel>[class^='mbPanel_'] .mbPanel_content,
.mbPanel>[class^='mbPanel_'] .mbPanel_content {
    background: none
}

#mbPanel .mbPanel_page .mbPanel_content,
.mbPanel .mbPanel_page .mbPanel_content {
    background: none
}

#mbPanel .mbPanel_content,
.mbPanel .mbPanel_content {
    padding: 0
}

#mbPanel .mbPanel_funNav .mbPanel_content>*,
.mbPanel .mbPanel_funNav .mbPanel_content>* {
    padding-left: .5em;
    padding-right: .5em
}

#mbPanel .mbPanel_funNav,
#mbPanel .mbPanel_left,
.mbPanel .mbPanel_funNav,
.mbPanel .mbPanel_left {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

#mbPanel .mbPanel_page .mbPanel_content,
#mbPanel .mbPanel_funNav .mbPanel_content,
.mbPanel .mbPanel_page .mbPanel_content,
.mbPanel .mbPanel_funNav .mbPanel_content {
    position: relative;
    z-index: 1
}

#mbPanel .mbPanel_page:before,
#mbPanel .mbPanel_funNav:before,
.mbPanel .mbPanel_page:before,
.mbPanel .mbPanel_funNav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

#mbPanel .mbPanel_page.open:before,
#mbPanel .mbPanel_funNav.open:before,
.mbPanel .mbPanel_page.open:before,
.mbPanel .mbPanel_funNav.open:before {
    opacity: 1;
    z-index: 100
}

#mbPanel .mbPanel_funNav.navTop,
.mbPanel .mbPanel_funNav.navTop {
    background: #fff
}

#mbPanel .mbPanel_funNav.navTop *,
.mbPanel .mbPanel_funNav.navTop * {
    color: #333
}

#mbPanel .mbPanel_funNav.navBottom,
.mbPanel .mbPanel_funNav.navBottom {
    background: var(--cis1)
}

#mbPanel .mbPanel_funNav.navBottom *,
.mbPanel .mbPanel_funNav.navBottom * {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px
}

#mbPanel .mbPanel_funNav.navBottom a,
.mbPanel .mbPanel_funNav.navBottom a {
    flex-direction: column;
    -webkit-flex-direction: column;
    position: relative;
    overflow: hidden
}

#mbPanel .panelMenu,
.mbPanel .panelMenu {
    position: relative;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}

#mbPanel .panelMenu .subMenu,
.mbPanel .panelMenu .subMenu {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    position: absolute
}

#mbPanel .panelMenu,
.mbPanel .panelMenu {
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#mbPanel .panelMenu .subMenu,
.mbPanel .panelMenu .subMenu {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .panelMenu .subMenu.open,
.mbPanel .panelMenu .subMenu.open {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel .panelMenu.styleGrid,
.mbPanel .panelMenu.styleGrid {
    height: 100%;
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0
}

#mbPanel .panelMenu.styleGrid,
#mbPanel .panelMenu.styleGrid .subMenu,
.mbPanel .panelMenu.styleGrid,
.mbPanel .panelMenu.styleGrid .subMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center
}

#mbPanel .panelMenu.styleGrid li,
.mbPanel .panelMenu.styleGrid li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display: -webkit-inline-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center
}

#mbPanel .panelMenu[data-styleGrid='3x3'] li,
.mbPanel .panelMenu[data-styleGrid='3x3'] li {
    width: 33.333%;
    height: 33.333%
}

#mbPanel .panelMenu[data-styleGrid='2x3'] li,
.mbPanel .panelMenu[data-styleGrid='2x3'] li {
    width: 50%;
    height: 33.333%
}

#mbPanel .panelMenu[data-styleGrid='2x2'] li,
.mbPanel .panelMenu[data-styleGrid='2x2'] li {
    width: 50%;
    height: 50%
}

#mbPanel .panelMenu .mainCloseBtn,
#mbPanel .panelMenu .back a,
#mbPanel .panelMenu .moreMenu,
.mbPanel #mbPanel .panelMenu .mainCloseBtn,
#mbPanel .mbPanel .panelMenu .mainCloseBtn,
.mbPanel #mbPanel .panelMenu .back a,
#mbPanel .mbPanel .panelMenu .back a,
.mbPanel #mbPanel .panelMenu .moreMenu,
#mbPanel .mbPanel .panelMenu .moreMenu,
.mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .back a,
.mbPanel .panelMenu .moreMenu {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

#mbPanel .panelMenu .mainCloseBtn span,
#mbPanel .panelMenu .back a span,
#mbPanel .panelMenu .moreMenu span,
.mbPanel #mbPanel .panelMenu .mainCloseBtn span,
#mbPanel .mbPanel .panelMenu .mainCloseBtn span,
.mbPanel #mbPanel .panelMenu .back a span,
#mbPanel .mbPanel .panelMenu .back a span,
.mbPanel #mbPanel .panelMenu .moreMenu span,
#mbPanel .mbPanel .panelMenu .moreMenu span,
.mbPanel .panelMenu .mainCloseBtn span,
.mbPanel .panelMenu .back a span,
.mbPanel .panelMenu .moreMenu span {
    width: 180px
}

#mbPanel .panelMenu .mainCloseBtn:after,
#mbPanel .panelMenu .back a:after,
#mbPanel .panelMenu .moreMenu:after,
.mbPanel #mbPanel .panelMenu .mainCloseBtn:after,
#mbPanel .mbPanel .panelMenu .mainCloseBtn:after,
.mbPanel #mbPanel .panelMenu .back a:after,
#mbPanel .mbPanel .panelMenu .back a:after,
.mbPanel #mbPanel .panelMenu .moreMenu:after,
#mbPanel .mbPanel .panelMenu .moreMenu:after,
.mbPanel .panelMenu .mainCloseBtn:after,
.mbPanel .panelMenu .back a:after,
.mbPanel .panelMenu .moreMenu:after {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0.5em;
    content: ""
}

#mbPanel .panelMenu,
#mbPanel .panelMenu ul,
.mbPanel .panelMenu,
.mbPanel .panelMenu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#mbPanel .panelMenu a,
.mbPanel .panelMenu a {
    display: inline-block;
    width: 100%;
    padding: 1em;
    word-wrap: break-word
}

#mbPanel .panelMenu .back a:after,
.mbPanel .panelMenu .back a:after {
    content: "\f060"
}

#mbPanel .panelMenu .moreMenu:after,
.mbPanel .panelMenu .moreMenu:after {
    content: "\f105"
}

#mbPanel .panelMenu .mainCloseBtn:after,
.mbPanel .panelMenu .mainCloseBtn:after {
    content: "\f00d"
}

#mbPanel .panelMenu .mainCloseBtn,
#mbPanel .panelMenu .back,
.mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .back {
    background: var(--cis1)
}

#mbPanel .panelMenu .mainCloseBtn,
#mbPanel .panelMenu .mainCloseBtn *,
#mbPanel .panelMenu .back,
#mbPanel .panelMenu .back *,
.mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .mainCloseBtn *,
.mbPanel .panelMenu .back,
.mbPanel .panelMenu .back * {
    font-size: 18px;
    color: #fff
}

#mbPanel .panelMenu .subMenu,
.mbPanel .panelMenu .subMenu {
    background: #F7F8F8
}

#mbPanel .panelMenu a,
.mbPanel .panelMenu a {
    border-color: #eee;
    border-width: 0 0 1px 0;
    border-style: solid
}

.pageLoading {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000
}

.pageLoading>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

@media (min-width: 1025px) {
    .marqueeBlock {
        height: 50px;
        overflow: hidden
    }
    .marqueeBlock a {
        display: block;
        line-height: 50px;
        overflow: hidden
    }
}

.marquee {
    /* overflow: hidden; */
    height: 50px;
    position: relative
}

.marquee ul {
    position: absolute;
    width: 100%
}

.marquee ul li {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .marquee {
        height: auto
    }
    .marquee ul {
        position: static
    }
    .marquee ul li {
        height: auto;
        white-space: normal;
        text-overflow: normal;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #e6e6e6;
        text-align: left
    }
}

.playFrame[data-playFrame="js"] img,
.playFrame[data-playFrame="css"] img {
    opacity: 0
}

.GDPR {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.8);
    transform: translate(0%, 100%);
    transition: all .3s ease-out
}

.GDPR>div:first-child {
    margin: 10px auto
}

.GDPR .gridBox {
    align-items: center
}

.GDPR .gridBox>*,
.GDPR .gridBox [class*='col_'] {
    padding: 0 32px
}

.GDPR.active {
    transform: translate(0%, 0%)
}

.GDPR__text {
    color: #FFF;
    margin-top: 0;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .GDPR__text {
        margin: 0
    }
}

.GDPR__btnArea {
    text-align: center
}

.GDPR__btn,
.GDPR__infoLink {
    display: inline-block;
    vertical-align: middle
}

.GDPR__btn {
    margin-right: 5px
}

.GDPR__infoLink {
    color: #FFF;
    text-decoration: underline
}

.slick-slider,
.slick-slider * {
    outline: 0
}

.slick-slider .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.slick-slider .slick-arrow.slick-next {
    right: -2em;
    padding: 0
}

.slick-slider .slick-arrow.slick-prev {
    left: -2em;
    padding: 0
}

.slick-slider .slick-arrow i {
    padding: .8em
}

.slick-slider .slick-arrow {
    opacity: 0
}

.slick-slider:hover .slick-arrow {
    opacity: 1
}

.slick-slider:hover .slick-arrow.slick-next {
    right: 0
}

.slick-slider:hover .slick-arrow.slick-prev {
    left: 0
}

.slick-slider .slick-dots {
    padding: 0;
    margin: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    list-style: none
}

.slick-slider .slick-dots li+li {
    margin-left: 10px
}

.slick-slider .slick-dots li button,
.slick-slider .slick-dots li .btn-prev,
.slick-slider .slick-dots li .btn-next {
    line-height: 0;
    color: transparent;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border-color: #333
}

.slick-slider .slick-dots li button:after,
.slick-slider .slick-dots li .btn-prev:after,
.slick-slider .slick-dots li .btn-next:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333;
    border-radius: 100%
}

.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li.slick-active .btn-prev,
.slick-slider .slick-dots li.slick-active .btn-next {
    border-color: var(--cis1)
}

.slick-slider .slick-dots li.slick-active button:after,
.slick-slider .slick-dots li.slick-active .btn-prev:after,
.slick-slider .slick-dots li.slick-active .btn-next:after {
    background: var(--cis1)
}

.slick-slider .slick-slide {
    padding: 3px
}

.language_google {
    position: relative
}

.language_google .googleTranslate {
    width: auto
}

.google_translate_element,
.googleTranslate {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0
}

.google_translate_element select,
.googleTranslate select {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.albumList .itemList .item>:nth-child(1) {
    width: 100%
}

.albumList .itemList .item>:nth-child(2) {
    width: 100%
}

.albumList .itemList .item .itemImg {
    padding-bottom: 100%
}

.albumList .itemList .item .itemImg img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none
}

@media (max-width: 1200px) {
    .albumList .itemList .item {
        width: 33.333%
    }
}

@media (max-width: 992px) {
    .albumList .itemList .item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .albumList .itemList .item {
        width: 50%
    }
}

@media (max-width: 440px) {
    .albumList .itemList .item {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 25.6px
    }
}

@media (max-width: 440px) {
    .albumList .itemList>div {
        margin-left: -8px;
        margin-right: -8px
    }
}

.albumList .itemTitle,
.albumList .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .albumList .itemIcon {
    font-size: 16px
}

.albumList .itemTitle:hover,
.albumList .downloadList .itemList.downloadListType1 .item .itemIcon:hover,
.downloadList .itemList.downloadListType1 .item .albumList .itemIcon:hover {
    color: var(--cis1)
}

@media (max-width: 440px) {
    .albumList .itemTitle,
    .albumList .downloadList .itemList.downloadListType1 .item .itemIcon,
    .downloadList .itemList.downloadListType1 .item .albumList .itemIcon {
        line-height: 1.3;
        margin-bottom: 10px;
        margin-top: 10px
    }
}

.albumList .dateStyle {
    font-size: 14px;
    line-height: 14px;
    color: gray;
    padding-left: 1.5em
}

.albumList .dateStyle i {
    color: var(--cis1);
    padding-right: .5em;
    margin-left: -1.5em
}

.albumList .dateStyle .dateY {
    padding-right: 1em
}

.albumList .itemTotal {
    font-size: 14px;
    color: gray
}

.albumList .itemTotal i {
    color: var(--cis1);
    padding-right: .5em
}

.itemList.photos .itemImg:after {
    content: "\f002"
}

.itemList.waterPhotos .item {
    padding: 16px
}

.itemList.waterPhotos .item .itemImg {
    padding-bottom: 0;
    height: auto
}

.itemList.waterPhotos .item .itemImg img {
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: noee;
    min-height: 0;
    min-width: 0;
    transform: none;
    -webkit-transform: none
}

.itemList.waterPhotos .item .itemImg:after {
    content: "\f002"
}

.videoList .itemList .item>:nth-child(1) {
    width: 100%
}

.videoList .itemList .item>:nth-child(2) {
    width: 100%
}

.videoList .itemList .item .itemImg {
    padding-bottom: 75%
}

.videoList .itemList .item .itemImg img {
    max-width: 200%;
    max-height: 200%;
    min-width: 100%;
    min-height: 100%
}

.videoList .itemList .item .itemImg:after {
    content: "\f04b"
}

.videoList .itemList .item .itemTitle,
.videoList .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .videoList .itemList.downloadListType1 .item .itemIcon {
    font-size: 16px
}

.videoList .itemList .item .itemTitle:hover,
.videoList .downloadList .itemList.downloadListType1 .item .itemIcon:hover,
.downloadList .videoList .itemList.downloadListType1 .item .itemIcon:hover {
    color: var(--cis1)
}

.videoList .itemList .item .dateStyle {
    font-size: 14px;
    line-height: 14px;
    color: gray
}

.videoList .itemList .item .dateStyle i {
    color: var(--cis1);
    padding-right: .5em
}

.videoList .itemList .item .itemTotal {
    font-size: 14px;
    color: #8c8c8c
}

@media (max-width: 1200px) {
    .videoList .itemList .item {
        width: 33.333%
    }
}

@media (max-width: 992px) {
    .videoList .itemList .item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .videoList .itemList .item {
        width: 100%
    }
}

.newsList .itemList .item {
    padding-top: 32px;
    padding-bottom: 32px
}

.newsList .itemList.newsListType1 .item {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.newsList .itemList.newsListType1 .item>:nth-child(1) {
    flex: 1 0 auto;
    -webkit-flex: 0 0 auto
}

.newsList .itemList.newsListType1 .item>:nth-child(2) {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

.newsList .itemList.newsListType1 .item .dateStyle {
    min-width: 150px
}

.newsList .itemList.newsListType1 .item [class*="dateStyle"] {
    margin-right: 32px
}

.newsList .itemList.newsListType2 .item {
    border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.newsList .itemList.newsListType2 .item>:nth-child(1) {
    width: 25%
}

.newsList .itemList.newsListType2 .item>:nth-child(2) {
    width: 75%
}

.newsList .itemList.newsListType2 .item>:nth-child(2) {
    padding-left: 64px
}

@media (max-width: 768px) {
    .newsList .itemList.newsListType2 .item>:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
        padding-top: 32px
    }
}

.newsList .itemList.newsListType2 .item .itemImg {
    padding-bottom: 100%
}

.newsList .itemList.newsListType2 .item .itemImg img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none
}

.faqList .itemList .item {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 32px;
    flex-direction: column;
    -webkit-flex-direction: column;
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    overflow: hidden
}

.faqList .itemList .item .itemTitle,
.faqList .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .faqList .itemList.downloadListType1 .item .itemIcon {
    padding: .5em 2.5em;
    display: inline-block;
    line-height: 1.5em;
    width: 100%;
    font-size: 19px;
    position: relative;
    cursor: pointer;
    background: rgba(191, 93, 82, 0.5)
}

.faqList .itemList .item .itemTitle:before,
.faqList .downloadList .itemList.downloadListType1 .item .itemIcon:before,
.downloadList .faqList .itemList.downloadListType1 .item .itemIcon:before {
    content: "\f059";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: .5em;
    margin-left: -1.5em
}

.faqList .itemList .item .itemTitle:after,
.faqList .downloadList .itemList.downloadListType1 .item .itemIcon:after,
.downloadList .faqList .itemList.downloadListType1 .item .itemIcon:after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: .5em;
    padding-left: .5em;
    position: absolute;
    right: .5em;
    top: 50%;
    color: #b3b3b3;
    transform: rotate(0) translateY(-50%);
    -webkit-transform: rotate(0) translateY(-50%)
}

.faqList .itemList .item .itemTitle:hover,
.faqList .downloadList .itemList.downloadListType1 .item .itemIcon:hover,
.downloadList .faqList .itemList.downloadListType1 .item .itemIcon:hover {
    background: #ffffff;
    color: var(--cis1)
}

.faqList .itemList .item .itemTitle:hover:before,
.faqList .downloadList .itemList.downloadListType1 .item .itemIcon:hover:before,
.downloadList .faqList .itemList.downloadListType1 .item .itemIcon:hover:before {
    color: var(--cis1)
}

.faqList .itemList .item.active .itemTitle,
.faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon,
.downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon {
    color: var(--cis1);
    background: #ffffff
}

.faqList .itemList .item.active .itemTitle:before,
.faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon:before,
.downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon:before {
    color: var(--cis1)
}

.faqList .itemList .item.active .itemTitle:after,
.faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon:after,
.downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon:after {
    transform-origin: center top;
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: center top;
    -webkit-transform: rotate(90deg) translateY(-50%);
    color: #333
}

.faqList .itemList .item .itemContent {
    padding: .5em 1em;
    border-top: 1px solid rgba(179, 179, 179, 0.5);
    color: #333
}

@media (max-width: 1024px) {
    .proCatalog {
        display: none
    }
}

.proList .itemList .item>:nth-child(1) {
    width: 100%
}

.proList .itemList .item>:nth-child(2) {
    width: 100%
}

.proList .itemList .item .itemImg {
    background: none;
    padding-bottom: 100%
}

.proList .itemList .item .itemImg img {
    max-width: none;
    max-height: none;
    width: auto;
    height: auto
}

.proList .itemList .item .itemImg:after {
    content: "\f067"
}

.proList .itemList .item .itemTitle,
.proList .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .proList .itemList.downloadListType1 .item .itemIcon {
    font-size: 16px
}

@media (max-width: 440px) {
    .proList .itemList .item .itemTitle,
    .proList .downloadList .itemList.downloadListType1 .item .itemIcon,
    .downloadList .proList .itemList.downloadListType1 .item .itemIcon {
        line-height: 1.3;
        margin-top: 10px
    }
}

.proList .itemList .item .itemInfo {
    font-size: 14px;
    color: gray
}

.proList .itemList .item .itemInfo i {
    color: #b3b3b3;
    padding-right: .5em
}

@media (max-width: 440px) {
    .proList .itemList .item .itemInfo {
        display: none
    }
}

.proList .itemList .item .itemAddCart {
    font-size: 14px;
    color: var(--cis1)
}

.proList .itemList .item .itemAddCart i {
    color: var(--cis1);
    padding-right: .5em
}

.proList .itemList .item .itemAddCart:hover {
    color: #ca7970
}

@media (max-width: 440px) {
    .proList .itemList .item .itemAddCart {
        display: none
    }
}

.proList .itemList .item .itemPrice {
    font-size: 19px;
    text-align: right;
    line-height: 1.35
}

.proList .itemList .item .del {
    text-decoration: line-through
}

.proList .itemList .item .tips {
    display: none
}

@media (max-width: 1200px) {
    .proList .itemList .item {
        width: 33.333%
    }
}

@media (max-width: 992px) {
    .proList .itemList .item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .proList .itemList .item {
        width: 50%
    }
}

@media (max-width: 440px) {
    .proList .itemList .item {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 25.6px
    }
}

@media (max-width: 440px) {
    .proList .itemList>div {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media (max-width: 440px) {
    .proList .itemList.listType2>div {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .proList .itemList.listType2 .itemContent {
        display: none
    }
}

@media (min-width: 440px) {
    .proList .itemList.listType2 .item {
        width: 100%;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
    .proList .itemList.listType2 .item>:nth-child(1) {
        width: auto;
        flex: 0 0 300px;
        -webkit-flex: 0 0 300px
    }
    .proList .itemList.listType2 .item>:nth-child(2) {
        width: auto;
        flex: auto;
        -webkit-flex: auto;
        padding-left: 16px
    }
}

@media (max-width: 768px) and (min-width: 440px) {
    .proList .itemList.listType2 .item {
        flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        width: 100%
    }
    .proList .itemList.listType2 .item>:nth-child(1) {
        width: auto !important;
        flex: 0 0 35%;
        -webkit-flex: 0 0 35%
    }
    .proList .itemList.listType2 .item>:nth-child(2) {
        width: auto !important
    }
}

@media (max-width: 1024px) {
    .proList>div {
        flex-direction: column;
        -webkit-flex-direction: column
    }
    .proList>div>div:nth-child(1) {
        width: 100%;
        margin-bottom: 32px
    }
    .proList>div>div:nth-child(2) {
        width: 100%;
        margin-bottom: 32px
    }
}

.proList.shop .itemList .item {
    position: relative
}

.proList.shop .itemList .item .itemAddCart,
.proList.shop .itemList .item .itemRemoveFavor,
.proList.shop .itemList .item .itemAddFavor {
    font-size: 14px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    position: relative
}

.proList.shop .itemList .item .itemAddCart *,
.proList.shop .itemList .item .itemRemoveFavor *,
.proList.shop .itemList .item .itemAddFavor * {
    line-height: 1;
    padding: 0
}

.proList.shop .itemList .item .itemAddCart,
.proList.shop .itemList .item .itemAddCart *,
.proList.shop .itemList .item .itemRemoveFavor,
.proList.shop .itemList .item .itemRemoveFavor *,
.proList.shop .itemList .item .itemAddFavor,
.proList.shop .itemList .item .itemAddFavor * {
    color: #fff
}

.proList.shop .itemList .item .itemAddCart.active,
.proList.shop .itemList .item .itemAddCart:hover,
.proList.shop .itemList .item .itemRemoveFavor.active,
.proList.shop .itemList .item .itemRemoveFavor:hover,
.proList.shop .itemList .item .itemAddFavor.active,
.proList.shop .itemList .item .itemAddFavor:hover {
    background: #fff
}

.proList.shop .itemList .item .itemAddCart.active,
.proList.shop .itemList .item .itemAddCart.active *,
.proList.shop .itemList .item .itemAddCart:hover,
.proList.shop .itemList .item .itemAddCart:hover *,
.proList.shop .itemList .item .itemRemoveFavor.active,
.proList.shop .itemList .item .itemRemoveFavor.active *,
.proList.shop .itemList .item .itemRemoveFavor:hover,
.proList.shop .itemList .item .itemRemoveFavor:hover *,
.proList.shop .itemList .item .itemAddFavor.active,
.proList.shop .itemList .item .itemAddFavor.active *,
.proList.shop .itemList .item .itemAddFavor:hover,
.proList.shop .itemList .item .itemAddFavor:hover * {
    color: var(--cis1)
}

.proList.shop .itemList .item .itemAddCart+*,
.proList.shop .itemList .item .itemRemoveFavor+*,
.proList.shop .itemList .item .itemAddFavor+* {
    margin-left: .5em
}

.proList.shop .itemList .item .itemAddCart .tips,
.proList.shop .itemList .item .itemRemoveFavor .tips,
.proList.shop .itemList .item .itemAddFavor .tips {
    display: none;
    position: absolute;
    width: 7em;
    height: 2em;
    bottom: -2.5em;
    text-align: center;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%)
}

.proList.shop .itemList .item .itemAddCart:hover .tips,
.proList.shop .itemList .item .itemRemoveFavor:hover .tips,
.proList.shop .itemList .item .itemAddFavor:hover .tips {
    display: inline-block
}

.proList.shop .itemList .item .itemPrice {
    text-align: left;
    padding-right: .5em
}

.proList.shop .itemList .item .itemIcon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    z-index: 100
}

.proList.shop .itemList .item .itemIcon i {
    font-style: normal
}

.proList.shop .itemList .item .itemIcon .spIcon {
    width: 3em;
    height: 3em;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    border-color: rgba(255, 255, 255, 0.5)
}

.proList.shop .itemList .item .itemIcon .spIcon * {
    line-height: 1;
    padding: 0
}

.proList.shop .itemList .item .itemIcon .spIcon,
.proList.shop .itemList .item .itemIcon .spIcon * {
    color: #fff
}

.proList.shop .itemList .item .itemIcon .spIcon.active,
.proList.shop .itemList .item .itemIcon .spIcon:hover {
    background: #fff
}

.proList.shop .itemList .item .itemIcon .spIcon.active,
.proList.shop .itemList .item .itemIcon .spIcon.active *,
.proList.shop .itemList .item .itemIcon .spIcon:hover,
.proList.shop .itemList .item .itemIcon .spIcon:hover * {
    color: var(--cis1)
}

.proList.shop .itemList .item .itemIcon .spIcon.red {
    background: #d13428
}

.proList.shop .itemList .item .itemIcon .spIcon.yellow {
    background: #f2ad13
}

.proList.shop .itemList .item .itemIcon .spIcon.org {
    background: #f24613
}

.proList.shop .itemList .item .itemIcon img {
    width: auto;
    height: auto;
    min-height: 0;
    min-width: 0;
    max-width: 35px;
    max-height: 35px;
    position: static;
    transform: none;
    -webkit-transform: none
}

@media (max-width: 768px) {
    .proList.shop .itemList .item .itemPrice {
        display: block
    }
}

@media (max-width: 440px) {
    .proList.shop .itemList .item .itemIcon {
        top: 5px;
        right: 5px
    }
    .proList.shop .itemList .item .itemIcon img {
        max-width: 30px;
        max-height: 30px
    }
}

.proList.shop.favorite .itemSpec {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column
}

.proList.shop.favorite .itemSpec img {
    max-width: 1em;
    max-height: 1em;
    display: inline;
    vertical-align: middle
}

.proList.shop.favorite .itemSpec label {
    font-size: 14px
}

.proInquiry .itemList .item {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding-bottom: 25.6px;
    margin-bottom: 25.6px
}

.proInquiry .itemList .item .itemContent {
    width: 100%
}

.proInquiry .itemList .item>* {
    padding: 0 16px
}

.proInquiry .itemList .item {
    border-bottom: 1px solid rgba(179, 179, 179, 0.5)
}

.proInquiry .itemList .item:last-child {
    border-color: transparent
}

.proInquiry .itemList .item .itemImg {
    background: none;
    width: 6em;
    padding-bottom: 6em
}

.proInquiry .itemList .item .itemImg:after {
    content: "\f067"
}

.proInquiry .itemList .item .itemTitle,
.proInquiry .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .proInquiry .itemList.downloadListType1 .item .itemIcon {
    font-size: 16px
}

.proInquiry .itemList .item .itemInfo {
    font-size: 14px;
    color: #999
}

.proInquiry .itemList .item .itemInfo i {
    color: #b3b3b3;
    padding-right: .5em
}

.proInquiry .itemList .item .itemNum {
    width: 4em;
    height: 2em;
    padding: 0;
    text-align: center;
    vertical-align: middle
}

@media (max-width: 768px) {
    .proInquiry .itemList .item>*:nth-child(1) {
        width: auto !important;
        padding-left: 0
    }
    .proInquiry .itemList .item>*:nth-child(2) {
        padding-right: 0
    }
    .proInquiry .itemList .item .itemImg {
        width: 4em;
        padding-bottom: 4em
    }
    .proInquiry .itemList .item .itemInfo {
        display: none
    }
}

.proDetail .itemProShow {
    position: relative
}

.proDetail .itemIcon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    z-index: 100
}

.proDetail .itemIcon i {
    font-style: normal
}

.proDetail .itemIcon .spIcon {
    width: 3em;
    height: 3em;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    border-color: rgba(255, 255, 255, 0.5)
}

.proDetail .itemIcon .spIcon * {
    line-height: 1;
    padding: 0
}

.proDetail .itemIcon .spIcon,
.proDetail .itemIcon .spIcon * {
    color: #fff
}

.proDetail .itemIcon .spIcon.active,
.proDetail .itemIcon .spIcon:hover {
    background: #fff
}

.proDetail .itemIcon .spIcon.active,
.proDetail .itemIcon .spIcon.active *,
.proDetail .itemIcon .spIcon:hover,
.proDetail .itemIcon .spIcon:hover * {
    color: var(--cis1)
}

.proDetail .itemIcon .spIcon.red {
    background: #d13428
}

.proDetail .itemIcon .spIcon.yellow {
    background: #f2ad13
}

.proDetail .itemIcon .spIcon.org {
    background: #f24613
}

.proDetail .itemIcon img {
    width: auto;
    height: auto;
    min-height: 0;
    min-width: 0;
    max-width: 35px;
    max-height: 35px;
    position: static;
    transform: none;
    -webkit-transform: none
}

.proDetail .itemImg {
    background: none;
    padding-bottom: 100%
}

.proDetail .itemImg:before,
.proDetail .itemImg:after {
    content: '\f00e'
}

@media (max-width: 1024px) {
    .proDetail .itemImg:before,
    .proDetail .itemImg:after {
        display: none
    }
}

.proDetail .itemSlickNav {
    padding: 32px 48px
}

.proDetail .itemSlickNav .itemImg {
    padding-bottom: 100%
}

.proDetail .itemSlickNav .itemImg img {
    height: 100%;
    width: auto;
    max-width: none
}

.proDetail .itemSlickNav .itemImg:before {
    content: ''
}

.proDetail .itemSlickNav .itemImg:after {
    display: none;
    content: ''
}

.proDetail .itemSlickNav .slick-current .itemImg:before {
    opacity: 1;
    top: 0;
    left: 50%;
    width: 100%;
    z-index: 100;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}

.proDetail .itemSlickNav .slick-arrow {
    opacity: 1
}

.proDetail .itemSlickNav .slick-arrow.slick-next {
    right: 0
}

.proDetail .itemSlickNav .slick-arrow.slick-prev {
    left: 0
}

@media (max-width: 1024px) {
    .proDetail .itemSlickNav {
        display: none
    }
}

.proDetail .itemForm {
    margin: 32px 0;
    padding: 32px 0;
    border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.proDetail .itemContent {
    margin: 57.6px 0;
    min-height: 320px
}

.proDetail .itemTitle,
.proDetail .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .proDetail .itemIcon {
    line-height: 1.35
}

.proDetail .itemSN {
    color: rgba(51, 51, 51, 0.5);
    font-size: 14px
}

.proDetail .itemPrice {
    font-size: 19px;
    font-weight: bold
}

.proDetail .itemPrice small {
    padding-left: 1em;
    font-weight: normal
}

.proDetail .itemSP {
    font-size: 19px
}

.proDetail .itemSP a {
    display: inline-block;
    margin-right: 1em;
    font-size: 19px;
    border-radius: 2px;
    color: #d13428
}

.proDetail .itemSP a:hover {
    opacity: .8
}

.proDetail .shopForm .formItem>* {
    display: inline-block;
    width: auto
}

.proDetail .shopForm .formItem>label {
    margin-right: 16px
}

@media (max-width: 440px) {
    .proDetail .shopForm .formItem>label {
        display: block
    }
}

.proDetail .stockTips {
    color: #333;
    padding-left: 1em
}

.proDetail .stockTips[data-stockStatus='1'] {
    color: gray
}

.proDetail .stockTips[data-stockStatus='2'] {
    color: #d13428
}

.proDetail .stockTips[data-stockStatus='3'] {
    color: #000
}

.proDetail .plusLink * {
    margin-right: 16px
}

.proDetail .plusLink *:last-child {
    margin-right: 0
}

.proDetail .hrTitle {
    margin: 16px auto
}

.proDetail .addFavort {
    width: 40px;
    height: 40px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1)
}

.proDetail .addFavort * {
    line-height: 1;
    padding: 0
}

.proDetail .addFavort,
.proDetail .addFavort * {
    color: #fff
}

.proDetail .addFavort.active,
.proDetail .addFavort:hover {
    background: #fff
}

.proDetail .addFavort.active,
.proDetail .addFavort.active *,
.proDetail .addFavort:hover,
.proDetail .addFavort:hover * {
    color: var(--cis1)
}

.proListFun form {
    align-items: center;
    -webkit-align-items: center
}

.proListFun .formItem {
    margin-bottom: 0
}

.proListFun .formItem label {
    display: inline-block
}

.proListFun .formItem select {
    width: auto;
    height: 2em;
    line-height: 2em
}

.proListFun .gridChange a {
    opacity: .5
}

.proListFun .gridChange a:hover {
    opacity: 1
}

.proListFun .gridChange a+a {
    margin-left: 1em
}

@media (max-width: 1200px) {
    .proListFun .gridChange {
        display: none
    }
}

@media (max-width: 1200px) {
    .proListFun .listCount {
        display: none
    }
}

@media (max-width: 1024px) {
    .proListFun {
        display: none
    }
}

@media (max-width: 1024px) {
    .sideFilter {
        display: none
    }
}

.proPlusBuy .item {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    margin-bottom: 16px
}

.proPlusBuy .item .itemImg {
    height: 60px;
    width: 60px;
    padding-bottom: 0
}

.proPlusBuy .item .itemImg:before,
.proPlusBuy .item .itemImg:after {
    display: none
}

@media (max-width: 440px) {
    .proPlusBuy .item .itemImg {
        height: 40px;
        width: 40px
    }
}

.proPlusBuy .item .checkbox label {
    padding-right: 0
}

.proPlusBuy .item .checkbox input[type="checkbox"]:not(:disabled)+span:before {
    border-color: var(--cis1)
}

.proPlusBuy .item select {
    height: 2em;
    line-height: 2em
}

.proPlusBuy .item .itemInfo {
    padding-left: 16px;
    padding-right: 16px;
    line-height: 1.35
}

.proPlusBuy .item .itemPrice {
    color: #d13428
}

@media (max-width: 768px) {
    .proPlusBuy .item {
        flex-direction: row;
        -webkit-flex-direction: row
    }
    .proPlusBuy .item .checkbox {
        flex: 0 0 30px;
        -webkit-flex: 0 0 30px
    }
    .proPlusBuy .item .itemInfo {
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto
    }
    .proPlusBuy .item .itemThumb {
        flex: 0 0 40px;
        -webkit-flex: 0 0 40px
    }
}

.relatedPro #relateProSlid {
    padding-left: 57.6px;
    padding-right: 57.6px;
    overflow: visible
}

.relatedPro #relateProSlid .slick-arrow {
    opacity: 1
}

.relatedPro #relateProSlid .slick-prev {
    left: 0
}

.relatedPro #relateProSlid .slick-next {
    right: 0
}

@media (max-width: 440px) {
    .relatedPro #relateProSlid {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }
    .relatedPro #relateProSlid .item {
        width: 50%
    }
}

.stickyFilter {
    display: none
}

@media (max-width: 1024px) {
    .stickyFilter {
        display: block;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 0;
        font-size: 14px;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        opacity: 1;
        z-index: 10;
        top: 0;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
    .stickyFilter .filterBtn {
        display: flex;
        align-items: center;
        justify-content: space-around;
        display: -webkit-flex;
        -webkit-align-items: center;
        -webkit-justify-content: space-around;
        height: 40px;
        position: relative;
        z-index: 1
    }
    .stickyFilter .filterBtn>* {
        flex: 1;
        -webkit-flex: 1
    }
    .stickyFilter *+* {
        border-left: 1px solid var(--cis1)
    }
    .stickyFilter.open {
        top: 60px;
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
    #proFilter .boxContent {
        overflow-y: auto
    }
    #proFilter .sideForm {
        height: auto;
        overflow: visible;
        max-height: none
    }
    #proListOrder .mainContent {
        height: 100%
    }
    #proListOrder form {
        height: 100%;
        margin: auto;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center
    }
}

.shopDetail_addFavor a .addFavor_circle {
    border: 1px #a9493f solid;
    background-color: #a9493f
}

.shopDetail_addFavor a .addFavor_circle i {
    color: #fff
}

.shopDetail_addFavor a p.tips {
    color: #a9493f
}

.shopDetail_addFavor a:hover .addFavor_circle {
    background-color: #fff
}

.shopDetail_addFavor a:hover .addFavor_circle i {
    color: #a9493f
}

.downloadList .itemList .item {
    padding-top: 32px;
    padding-bottom: 32px
}

.downloadList .itemList.downloadListType1 .item {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.downloadList .itemList.downloadListType1 .item>div:first-child {
    display: flex;
    display: -webkit-flex
}

.downloadList .itemList.downloadListType1 .item .itemIcon {
    display: inline-block;
    vertical-align: top;
    padding-right: 32px;
    color: var(--cis1)
}

.downloadList .itemList.downloadListType1 .item .itemLink {
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
    color: gray;
    padding-left: 32px
}

.downloadList .itemList.downloadListType1 .item .itemLink i {
    color: var(--cis1);
    padding-right: .5em
}

.downloadList .itemList.downloadListType1 .item a:hover,
.downloadList .itemList.downloadListType1 .item a:hover i {
    color: var(--cis1)
}

@media (max-width: 768px) {
    .downloadList .itemList.downloadListType1 .item {
        justify-content: flex-start;
        -webkit-justify-content: flex-start
    }
    .downloadList .itemList.downloadListType1 .item .itemLink {
        text-align: left;
        padding-left: 0
    }
    .downloadList .itemList.downloadListType1 .item .itemIcon {
        display: none
    }
}

.downloadList .itemList.downloadListType2 .item>:nth-child(1) {
    width: 100%
}

.downloadList .itemList.downloadListType2 .item>:nth-child(2) {
    width: 100%
}

.downloadList .itemList.downloadListType2 .item .itemImg {
    padding-bottom: 141.42857%
}

.downloadList .itemList.downloadListType2 .item .itemImg img {
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto
}

.downloadList .itemList.downloadListType2 .item .itemTitle,
.downloadList .itemList.downloadListType2 .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .itemList.downloadListType2 .item .itemIcon {
    font-size: 16px
}

.downloadList .itemList.downloadListType2 .item .itemTitle:hover,
.downloadList .itemList.downloadListType2 .itemList.downloadListType1 .item .itemIcon:hover,
.downloadList .itemList.downloadListType1 .itemList.downloadListType2 .item .itemIcon:hover {
    color: var(--cis1)
}

.downloadList .itemList.downloadListType2 .item .dateStyle {
    font-size: 14px;
    line-height: 14px;
    color: #8c8c8c
}

.downloadList .itemList.downloadListType2 .item .itemLink {
    font-size: 14px;
    color: gray
}

.downloadList .itemList.downloadListType2 .item .itemLink i {
    color: var(--cis1);
    padding-right: .5em
}

@media (max-width: 1200px) {
    .downloadList .itemList.downloadListType2 .item {
        width: 33.333%
    }
}

@media (max-width: 992px) {
    .downloadList .itemList.downloadListType2 .item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .downloadList .itemList.downloadListType2 .item {
        width: 100%
    }
}

.pageDetail .item>* {
    width: 100%
}

.pageDetail .itemImg {
    height: auto;
    padding-bottom: 0;
    margin: 32px auto;
    background: none
}

.pageDetail .itemImg img {
    position: static;
    transform: none;
    -webkit-transform: none
}

.pageDetail .itemImg:hover:before,
.pageDetail .itemImg:hover:after {
    display: none
}

.pageDetail .itemContent {
    color: #333;
    margin-bottom: 48px
}

.memberOrderList .noticPay.orderStatus,
.orderProList .noticPay.itemStatus {
    color: #d13428;
    text-decoration: underline
}

.memberOrderList .ship.orderStatus,
.orderProList .ship.itemStatus {
    color: var(--cis1)
}

.memberOrderList .done.orderStatus,
.orderProList .done.itemStatus {
    color: #aaa
}

.memberOrderList .light.orderStatus,
.orderProList .light.itemStatus {
    color: #d13428
}

.memberBlockLogin button,
.memberBlockLogin .btn-prev,
.memberBlockLogin .btn-next {
    margin-right: 1em
}

.orderProList th {
    white-space: nowrap
}

.orderProList td {
    vertical-align: top;
    width: auto;
    white-space: nowrap
}

.orderProList td label,
.orderProList td span {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.orderProList th,
.orderProList td {
    padding-left: 1em;
    padding-right: 1em
}

.orderProList .itemSP {
    color: #d13428
}

.orderProList .itemImg {
    padding-bottom: 100%
}

.orderProList .itemImg img {
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    min-width: 0
}

.orderProList .itemImg:before,
.orderProList .itemImg:after {
    display: none
}

.orderProList .itemPrice>*,
.orderProList .itemSpec>* {
    display: block;
    vertical-align: top;
    padding-right: .5em
}

.orderProList .itemPrice img,
.orderProList .itemSpec img {
    max-width: 1em;
    vertical-align: middle
}

.orderProList .itemPrice span,
.orderProList .itemSpec span {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center
}

.orderProList .itemPrice .th,
.orderProList .itemSpec .th {
    display: inline-block;
    padding-right: .5em
}

.orderProList .itemTitle,
.orderProList .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .orderProList .itemIcon {
    font-size: 16px;
    display: flex;
    display: -webkit-flex
}

.orderProList .itemTitle>:nth-child(1),
.orderProList .downloadList .itemList.downloadListType1 .item .itemIcon>:nth-child(1),
.downloadList .itemList.downloadListType1 .item .orderProList .itemIcon>:nth-child(1) {
    flex: 0 0 60px;
    -webkit-flex: 0 0 60px
}

.orderProList .itemTitle>:nth-child(2),
.orderProList .downloadList .itemList.downloadListType1 .item .itemIcon>:nth-child(2),
.downloadList .itemList.downloadListType1 .item .orderProList .itemIcon>:nth-child(2) {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

.orderProList .itemTitle>:nth-child(2)>*,
.orderProList .downloadList .itemList.downloadListType1 .item .itemIcon>:nth-child(2)>*,
.downloadList .itemList.downloadListType1 .item .orderProList .itemIcon>:nth-child(2)>* {
    white-space: normal;
    padding: 0 .5em
}

.orderProList .th {
    font-size: 14px
}

@media (max-width: 992px) {
    .orderProList th,
    .orderProList td {
        padding: 0 .5em
    }
}

@media (max-width: 768px) {
    .orderProList table.rwdTable tr {
        width: 100%;
        margin-bottom: 32px
    }
    .orderProList table.rwdTable tr td {
        display: block
    }
    .orderProList table.rwdTable tr .th {
        font-weight: bold;
        width: auto
    }
    .orderProList .itemPrice,
    .orderProList .itemSpec {
        display: table
    }
    .orderProList .itemPrice>div,
    .orderProList .itemSpec>div {
        display: table-row
    }
    .orderProList .itemPrice>div label,
    .orderProList .itemPrice>div span,
    .orderProList .itemSpec>div label,
    .orderProList .itemSpec>div span {
        display: table-cell;
        white-space: normal;
        vertical-align: top;
        padding: 0 .5em
    }
}

.orderProList .orderCoupon {
    display: block;
    margin: 16px 0
}

.orderProList .orderTotal {
    display: table;
    width: 100%;
    margin: 16px 0
}

.orderProList .orderTotal td {
    border: 0;
    background: none;
    padding: 0;
    padding-right: 1em
}

.orderProList .orderTotal .total {
    font-size: 19px
}

.orderProList .orderTotal .total>td {
    border-top: 1px solid #ccc
}

.orderProList .orderTotal .tips {
    color: #d13428;
    font-size: 19px;
    margin: 16px 0;
    display: inline-block;
    text-decoration: underline
}

.orderCancel,
.orderCancel:focus,
.orderCancel i {
    color: #d13428
}

.bonusBlock .blockInfo {
    margin-bottom: 16px
}

.bonusBlock .bonusTotal {
    display: block
}

.bonusBlock .bonusTotal span {
    color: #d13428
}

.bonusBlock .bonusUsed {
    display: block
}

.bonusBlock .bonusUsed span {
    color: gray
}

.payInformation {
    border: 1px solid var(--cis1);
    padding: 16px 32px;
    margin-bottom: 40px;
}

.checkOutStep ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.checkOutStep ul li {
    flex: 1;
    -webkit-flex: 1;
    text-align: center
}

.checkOutStep ul li .icon,
.checkOutStep ul li .txt {
    display: inline-block;
    width: 100%
}

.checkOutStep ul li .icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    font-size: 19px;
    position: relative;
    z-index: 1
}

.checkOutStep ul li .icon * {
    line-height: 1;
    padding: 0
}

.checkOutStep ul li .icon,
.checkOutStep ul li .icon * {
    color: #fff
}

.checkOutStep ul li .icon.active,
.checkOutStep ul li .icon:hover {
    background: #fff
}

.checkOutStep ul li .icon.active,
.checkOutStep ul li .icon.active *,
.checkOutStep ul li .icon:hover,
.checkOutStep ul li .icon:hover * {
    color: var(--cis1)
}

.checkOutStep ul li .icon,
.checkOutStep ul li .icon:hover {
    background: #b3b3b3;
    border-color: #b3b3b3
}

.checkOutStep ul li .icon i,
.checkOutStep ul li .icon:hover i {
    color: #fff
}

.checkOutStep ul li .txt {
    margin-top: -31px;
    padding-top: 31px;
    position: relative;
    border-top: 2px solid #b3b3b3;
    z-index: 0
}

.checkOutStep ul li .txt,
.checkOutStep ul li .txt * {
    text-align: center
}

.checkOutStep ul li.active .icon {
    background: var(--cis1);
    border-color: var(--cis1)
}

.checkOutStep ul li.active .txt {
    border-color: var(--cis1)
}

@media (max-width: 768px) {
    .checkOutStep {
        position: relative;
        padding-bottom: 110px
    }
    .checkOutStep ul li .txt {
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px
    }
    .checkOutStep ul li:not(.active) .txt {
        display: none
    }
}

.checkOutStep_Style1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.checkOutStep_Style1 ul li {
    flex: 1;
    -webkit-flex: 1;
    text-align: center
}

.checkOutStep_Style1 ul li .icon,
.checkOutStep_Style1 ul li .txt {
    display: inline-block;
    width: 100%
}

.checkOutStep_Style1 ul li .icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    font-size: 19px;
    position: relative;
    z-index: 1
}

.checkOutStep_Style1 ul li .icon * {
    line-height: 1;
    padding: 0
}

.checkOutStep_Style1 ul li .icon,
.checkOutStep_Style1 ul li .icon * {
    color: #fff
}

.checkOutStep_Style1 ul li .icon.active,
.checkOutStep_Style1 ul li .icon:hover {
    background: #fff
}

.checkOutStep_Style1 ul li .icon.active,
.checkOutStep_Style1 ul li .icon.active *,
.checkOutStep_Style1 ul li .icon:hover,
.checkOutStep_Style1 ul li .icon:hover * {
    color: var(--cis1)
}

.checkOutStep_Style1 ul li .icon,
.checkOutStep_Style1 ul li .icon:hover {
    background: #b3b3b3;
    border-color: #b3b3b3
}

.checkOutStep_Style1 ul li .icon i,
.checkOutStep_Style1 ul li .icon:hover i {
    color: #fff
}

.checkOutStep_Style1 ul li .txt {
    margin-top: -31px;
    padding-top: 31px;
    position: relative;
    border-top: 2px solid #b3b3b3;
    z-index: 0
}

.checkOutStep_Style1 ul li .txt,
.checkOutStep_Style1 ul li .txt * {
    text-align: center
}

.checkOutStep_Style1 ul li.active .icon {
    background: var(--cis1);
    border-color: var(--cis1)
}

.checkOutStep_Style1 ul li.active .txt {
    border-color: var(--cis1)
}

@media (max-width: 768px) {
    .checkOutStep_Style1 {
        position: relative;
        padding-bottom: 110px
    }
    .checkOutStep_Style1 ul li .txt {
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px
    }
    .checkOutStep_Style1 ul li:not(.active) .txt {
        display: none
    }
}

.checkOutStep_Style2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
    overflow: hidden
}

.checkOutStep_Style2 ul li {
    flex: 1;
    -webkit-flex: 1;
    position: relative;
    background: #ccc;
    margin-right: 52.5px;
    line-height: 70px;
    height: 70px
}

.checkOutStep_Style2 ul li:before {
    content: "";
    border-top: 35px solid #ccc;
    border-bottom: 35px solid #ccc;
    border-left: 35px solid transparent;
    position: absolute;
    right: 100%;
    top: 0
}

.checkOutStep_Style2 ul li:after {
    content: "";
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #ccc;
    position: absolute;
    right: -35px;
    top: 0;
    z-index: 1
}

.checkOutStep_Style2 ul li .icon,
.checkOutStep_Style2 ul li .txt {
    display: inline-block;
    vertical-align: middle
}

.checkOutStep_Style2 ul li .icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    border-radius: 100%;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 19px;
    position: relative;
    z-index: 1
}

.checkOutStep_Style2 ul li .icon * {
    line-height: 1;
    padding: 0
}

.checkOutStep_Style2 ul li .icon,
.checkOutStep_Style2 ul li .icon * {
    color: #fff
}

.checkOutStep_Style2 ul li .icon.active,
.checkOutStep_Style2 ul li .icon:hover {
    background: #fff
}

.checkOutStep_Style2 ul li .icon.active,
.checkOutStep_Style2 ul li .icon.active *,
.checkOutStep_Style2 ul li .icon:hover,
.checkOutStep_Style2 ul li .icon:hover * {
    color: var(--cis1)
}

.checkOutStep_Style2 ul li .icon,
.checkOutStep_Style2 ul li .icon:hover {
    background: #b3b3b3;
    border-color: #b3b3b3
}

.checkOutStep_Style2 ul li .icon i,
.checkOutStep_Style2 ul li .icon:hover i {
    color: #fff
}

.checkOutStep_Style2 ul li .txt {
    position: relative;
    z-index: 0;
    line-height: 1.5
}

.checkOutStep_Style2 ul li .txt,
.checkOutStep_Style2 ul li .txt * {
    text-align: left
}

.checkOutStep_Style2 ul li .txt .articleTitle {
    line-height: 1.3
}

.checkOutStep_Style2 ul li.active {
    background: #d5958e
}

.checkOutStep_Style2 ul li.active:not(:first-child):before {
    border-top-color: #d5958e;
    border-bottom-color: #d5958e
}

.checkOutStep_Style2 ul li.active:after {
    border-left-color: #d5958e
}

.checkOutStep_Style2 ul li.active .icon {
    background: var(--cis1);
    border-color: var(--cis1)
}

.checkOutStep_Style2 ul li.active .txt {
    border-color: var(--cis1)
}

.checkOutStep_Style2 ul li.active .txt,
.checkOutStep_Style2 ul li.active .txt * {
    color: #fff
}

@media (max-width: 1024px) {
    .checkOutStep_Style2 {
        position: relative;
        padding-bottom: 110px
    }
    .checkOutStep_Style2 ul {
        padding-left: 35px;
        padding-right: 35px
    }
    .checkOutStep_Style2 ul:before {
        content: "";
        border-top: 35px solid #ccc;
        border-bottom: 35px solid #ccc;
        border-left: 35px solid transparent;
        position: absolute;
        left: 0;
        top: 0
    }
    .checkOutStep_Style2 ul:after {
        content: "";
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 35px solid #ccc;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }
    .checkOutStep_Style2 ul {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        overflow: visible
    }
    .checkOutStep_Style2 ul li {
        text-align: center;
        position: static;
        margin-right: 0
    }
    .checkOutStep_Style2 ul li:before,
    .checkOutStep_Style2 ul li:after {
        display: none
    }
    .checkOutStep_Style2 ul li .icon {
        margin-left: 0;
        margin-right: 0
    }
    .checkOutStep_Style2 ul li .txt {
        width: 100%;
        position: absolute;
        text-align: center;
        top: 86px;
        left: 0
    }
    .checkOutStep_Style2 ul li.active {
        background: #ccc
    }
    .checkOutStep_Style2 ul li.active .txt,
    .checkOutStep_Style2 ul li.active .txt * {
        color: #333;
        white-space: nowrap;
        text-align: center;
        line-height: 1.5
    }
    .checkOutStep_Style2 ul li:not(.active) .txt {
        display: none
    }
}

.checkOutStep_Style3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
    overflow: hidden
}

.checkOutStep_Style3 ul li {
    flex: 1;
    -webkit-flex: 1;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    margin-left: 16px;
    margin-right: 16px;
    line-height: 70px;
    height: 70px
}

.checkOutStep_Style3 ul li .icon,
.checkOutStep_Style3 ul li .txt {
    display: inline-block;
    vertical-align: middle
}

.checkOutStep_Style3 ul li .icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid var(--cis1);
    background: var(--cis1);
    border-radius: 100%;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 19px;
    position: relative;
    z-index: 1
}

.checkOutStep_Style3 ul li .icon * {
    line-height: 1;
    padding: 0
}

.checkOutStep_Style3 ul li .icon,
.checkOutStep_Style3 ul li .icon * {
    color: #fff
}

.checkOutStep_Style3 ul li .icon.active,
.checkOutStep_Style3 ul li .icon:hover {
    background: #fff
}

.checkOutStep_Style3 ul li .icon.active,
.checkOutStep_Style3 ul li .icon.active *,
.checkOutStep_Style3 ul li .icon:hover,
.checkOutStep_Style3 ul li .icon:hover * {
    color: var(--cis1)
}

.checkOutStep_Style3 ul li .icon,
.checkOutStep_Style3 ul li .icon:hover {
    border: 0;
    background: #ccc
}

.checkOutStep_Style3 ul li .icon i,
.checkOutStep_Style3 ul li .icon:hover i {
    color: #fff
}

.checkOutStep_Style3 ul li .txt {
    position: relative;
    z-index: 0;
    line-height: 1.5
}

.checkOutStep_Style3 ul li .txt,
.checkOutStep_Style3 ul li .txt * {
    text-align: left
}

.checkOutStep_Style3 ul li .txt .articleTitle {
    line-height: 1.3;
    font-weight: normal;
    font-size: 19px
}

.checkOutStep_Style3 ul li.active {
    border-bottom-color: #d5958e;
    border-bottom-width: 1px
}

.checkOutStep_Style3 ul li.active .icon {
    background: #d5958e;
    border-color: var(--cis1)
}

@media (max-width: 1024px) {
    .checkOutStep_Style3 {
        position: relative;
        padding-bottom: 110px
    }
    .checkOutStep_Style3 ul {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        overflow: visible;
        border-style: solid;
        border-color: #ccc;
        border-width: 1px
    }
    .checkOutStep_Style3 ul li {
        border: 0;
        text-align: center;
        position: static;
        margin-right: 0
    }
    .checkOutStep_Style3 ul li:before,
    .checkOutStep_Style3 ul li:after {
        display: none
    }
    .checkOutStep_Style3 ul li .icon {
        margin-left: 0;
        margin-right: 0
    }
    .checkOutStep_Style3 ul li .txt {
        width: 100%;
        position: absolute;
        text-align: center;
        top: 86px;
        left: 0
    }
    .checkOutStep_Style3 ul li.active {
        border: 0
    }
    .checkOutStep_Style3 ul li.active .txt,
    .checkOutStep_Style3 ul li.active .txt * {
        color: #333;
        white-space: nowrap;
        text-align: center;
        line-height: 1.5
    }
    .checkOutStep_Style3 ul li:not(.active) .txt {
        display: none
    }
}

.checkOutForm .tips {
    color: #d13428
}

.checkOutForm .invoiceInfo {
    display: none;
    margin: 16px 0
}

.checkOutForm .invoiceInfo.open,
.checkOutForm .invoiceInfo.active {
    display: block
}

.checkOutForm .marketInfo input:disabled {
    color: #333
}

.indexContent_14+footer {
    margin-top: 0
}

.indexContent_14>[class*="articleBlockStyle"] {
    margin: 0
}

form .numSet input {
    width: 70px
}

.form .numSet input {
    width: 70px
}

.tabList_center {
    justify-content: center
}

.proList .itemList .item .itemPrice {
    color: #ff5353
}

.proDetail .itemTitle,
.proDetail .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .proDetail .itemIcon {
    color: #005dbc;
    font-size: 30px
}

.share_social {
    margin-top: 10px
}

.share_social ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.share_social ul li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.share_social ul li .social_txt {
    font-size: 16px;
    line-height: 30px
}

.share_social ul li .btn_clipboard {
    cursor: pointer
}

.proList_bgColor .itemList>:first-child {
    padding-left: -16px;
    padding-right: -16px
}

.proList_bgColor .itemList .item {
    padding-left: 16px;
    padding-right: 16px
}

.proList_bgColor .itemList .item>:nth-child(2) {
    padding: 20px;
    background-color: #eeeeee
}

.proList_FullLine {
    padding-right: 32px;
    padding-left: 32px
}

.proList_FullLine .itemList .item {
    padding-top: 32px;
    padding-bottom: 32px;
    border: 1px solid #cccccc;
    border-right: 0;
    border-bottom: 0
}

.proList_FullLine .itemList .item:nth-child(4n) {
    border-right: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(1) {
    border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(2) {
    border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(3) {
    border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(4) {
    border-bottom: 1px solid #cccccc
}

.proList_line>div:first-child {
    margin-left: -16px;
    margin-right: -16px
}

.proList_line .itemList .item {
    padding-left: 16px;
    padding-right: 16px
}

.proList_line .itemList .item .item_group {
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #cccccc
}

.proList_line .itemList .item .item_group .itemTitle,
.proList_line .downloadList .itemList.downloadListType1 .item .item_group .itemIcon,
.downloadList .proList_line .itemList.downloadListType1 .item .item_group .itemIcon {
    text-align: center
}

.proList_line .itemList .item .item_group .itemImg {
    border-radius: 10px 10px 0 0
}

>.proList_line .itemList .item .item_group:nth-child(2) {
    padding: 15px
}

.newsListType3>div:first-child {
    margin-left: -16px;
    margin-right: -16px
}

.newsListType3 .item {
    padding-left: 16px;
    padding-right: 16px
}

.newsListType3 .item a {
    width: 100%;
    display: block;
    padding: 10px 20px 15px;
    background-color: #fff;
    border: 1px solid #ececec;
    transition: all .5s
}

.newsListType3 .item a:hover {
    box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35)
}

.newsListType3 .item .itemImg:before {
    display: none
}

.newsListType3 .item .itemImg:after {
    display: none
}

.newsListType3 .item:hover .news_readMore .newsReadMore_txt {
    color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon {
    background-color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon:before {
    background-color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon:after {
    background-color: #0050A3
}

.newsListType3 .dateStyle_4>div:nth-child(2) {
    text-align: left
}

.newsListType3 .dateStyle_4 .dateLM {
    color: #e5e5e5;
    font-size: 65px;
    margin-right: 12px;
    font-weight: 400
}

.newsListType3 .dateStyle_4 span {
    line-height: 1.5;
    display: block
}

.newsListType3 .dateStyle_4 .dateM {
    color: #a2546e;
    font-size: 17px;
    letter-spacing: 0.15em;
    font-weight: 800
}

.newsListType3 .dateStyle_4 .dateYD {
    color: #626262;
    font-size: 15px;
    letter-spacing: 0.15em
}

.newsListType3 .newsItem_block {
    text-align: center;
    margin-top: 15px
}

.newsListType3 .newsItem_block .itemTitle,
.newsListType3 .newsItem_block .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType3 .newsItem_block .itemIcon,
.newsListType3 .newsItem_block .itemContent {
    overflow: hidden
}

.newsListType3 .newsItem_block .itemTitle,
.newsListType3 .newsItem_block .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType3 .newsItem_block .itemIcon {
    height: 96px
}

.newsListType3 .newsItem_block .itemContent {
    height: 64px
}

.newsListType3 .newsItem_block .news_tag {
    color: #fff;
    font-size: 13px;
    padding: 2px 8px;
    letter-spacing: 0.15em;
    display: inline-block;
    margin-bottom: 15px
}

.newsListType3 .newsItem_block .news_readMore {
    text-align: center;
    margin-top: 20px
}

.newsListType3 .newsItem_block .news_readMore .newsReadMore_txt {
    margin: 0;
    color: #a4a4a4;
    letter-spacing: 0.35em
}

.newsListType3 .newsItem_block .news_readMore .addIcon {
    position: relative;
    display: inline-block;
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 23px;
    border-radius: 24px;
    background-color: #a4a4a4
}

.newsListType3 .newsItem_block .news_readMore .addIcon:before {
    content: '';
    position: absolute;
    top: 12px;
    width: 65px;
    height: 1px;
    background-color: #a4a4a4;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    left: 40px
}

.newsListType3 .newsItem_block .news_readMore .addIcon:after {
    content: '';
    position: absolute;
    top: 12px;
    width: 65px;
    height: 1px;
    background-color: #a4a4a4;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    right: 40px
}

.newsTag_cis1 {
    background: #8daa8e
}

.newsTag_cis2 {
    background: #5d6c7a
}

.newsListType4 .itemTitle,
.newsListType4 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType4 .itemIcon,
.newsListType4 .itemContent {
    overflow: hidden
}

.newsListType4 .itemTitle,
.newsListType4 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType4 .itemIcon {
    height: 96px
}

.newsListType4 .itemContent {
    height: 64px
}

.newsListType4 a {
    width: 100%;
    display: block
}

.newsListType4 .time_date {
    position: relative
}

.newsListType4 .time_date .dateStyle {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 5;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7)
}

.newsListType4 .time_date .dateStyle:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid #ffffff
}

.newsListType4 .time_date .dateStyle span {
    display: block;
    line-height: 1
}

.newsListType4 .time_date .dateStyle .dateD {
    font-size: 30px;
    padding-top: 5px
}

.newsListType4 .time_date .dateStyle .dateM {
    font-size: 16px;
    padding-top: 3px
}

.newsListType5 .itemTitle,
.newsListType5 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType5 .itemIcon {
    height: calc(100% - 32px)
}

.newsListType5 .dateStyle {
    position: relative;
    color: #0050A3;
    text-align: right
}

.newsListType5 .dateStyle:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 100px;
    height: 1px;
    background: #cccccc;
    content: '';
    display: inline-block;
    width: auto
}

.newsList .itemList.newsListType5 .item>a:nth-child(1) {
    width: 25%
}

.newsList .itemList.newsListType5 .item>a:nth-child(2) {
    width: 75%;
    padding-left: 30px
}

.newsList .itemList.newsListType5 .item .itemImg2 {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #f3f3f3;
    padding: 5px 5px 94.8% 5px;
    border: 1px solid #cccccc;
    position: relative;
    border-radius: 0
}

.newsList .itemList.newsListType5 .item .itemImg2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px)
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px)
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line::before {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 1px;
    height: 15px;
    left: 0;
    top: 0;
    transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line::after {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 1px;
    height: 15px;
    right: 0;
    bottom: 0;
    transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2::before {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 15px;
    height: 1px;
    left: 0;
    top: 0;
    transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2::after {
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 15px;
    height: 1px;
    right: 0;
    bottom: 0;
    transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item:hover .itemImg2::before {
    width: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2::after {
    width: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2 .itemImg_line::before {
    height: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2 .itemImg_line::after {
    height: 100%
}

.newsList .itemList.newsListType6 {
    text-align: center
}

.newsList .itemList.newsListType6 .itemTitle,
.newsList .itemList.newsListType6 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsList .itemList.newsListType6 .itemIcon,
.newsList .itemList.newsListType6 .itemContent {
    overflow: hidden
}

.newsList .itemList.newsListType6 .itemTitle,
.newsList .itemList.newsListType6 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsList .itemList.newsListType6 .itemIcon {
    height: 96px
}

.newsList .itemList.newsListType6 .itemContent {
    height: 64px
}

.newsList .itemList.newsListType6 .item a {
    width: 100%;
    display: block
}

.newsList .itemList.newsListType6 .item .itemNumber span {
    color: #a2a2a2;
    font-size: 40px;
    position: relative;
    padding: 0 70px
}

.newsList .itemList.newsListType6 .item .itemNumber span:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 5px;
    width: 53px;
    height: 1px;
    background: #cccccc;
    left: 0
}

.newsList .itemList.newsListType6 .item .itemNumber span:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 5px;
    width: 53px;
    height: 1px;
    background: #cccccc;
    right: 0
}

.newsList .itemList.newsListType6 .item .dateStyle {
    font-size: 14px
}

.newsList .itemList.newsListType6 .item .itemImg {
    margin: 15px 0
}

.newsList .itemList.newsListType6 .item .itemImg img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden
}

.newsList .itemList.newsListType6 .item .itemImg:hover img {
    transform: scale(1.1) translate(-50%, -50%)
}

@media (max-width: 1200px) {
    .proList_FullLine .itemList .item:nth-child(4n) {
        border-right: 0
    }
    .proList_FullLine .itemList .item:nth-last-child(4) {
        border-bottom: 0
    }
    .proList_FullLine .itemList .item:nth-child(3n) {
        border-right: 1px solid #cccccc
    }
    .proList_FullLine .itemList .item:last-child {
        border-right: 1px solid #cccccc
    }
}

@media (max-width: 992px) {
    .proList_FullLine .itemList .item:nth-child(3n) {
        border-right: 0
    }
    .proList_FullLine .itemList .item:nth-last-child(3) {
        border-bottom: 0
    }
    .proList_FullLine .itemList .item:nth-child(2n) {
        border-right: 1px solid #cccccc
    }
    .newsListType3 .item {
        width: 50%
    }
    .newsList .itemList.newsListType5>div {
        width: 100%
    }
}

@media (max-width: 440px) {
    .proList_FullLine {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (max-width: 667px) {
    .newsListType3 .item {
        width: 100%
    }
}

@media (max-width: 768px) {
    .newsList .itemList.newsListType5 .item {
        padding-top: 0;
        padding-bottom: 0
    }
    >.newsList .itemList.newsListType5 .item:nth-child(2) {
        padding-left: 0;
        margin-top: 15px
    }
    .newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line img {
        max-width: calc(100% - 16px);
        max-height: calc(100% - 16px)
    }
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.history_v1 ul {
    list-style: none;
    padding-left: 0;
    position: relative
}

.history_v1 ul:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b3b3b3
}

.history_v1 ul li {
    margin-bottom: 30px;
    position: relative
}

.history_v1 ul li:hover .date {
    color: #ffffff;
    background-color: #0050A3
}

.history_v1 ul li:hover .txt {
    font-weight: bold
}

.history_v1 ul li .date {
    width: 90px;
    height: 90px;
    text-align: center;
    border: 2px solid #0050A3;
    background-color: #ffffff;
    border-radius: 45px;
    position: absolute;
    left: calc(50% - 45px)
}

.history_v1 ul li .date span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.history_v1 ul li .date:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.history_v1 ul li .txt {
    padding-top: 35px;
    width: calc(50% - 60px);
    min-height: 90px;
    line-height: 1.3
}

.history_v1 ul li:nth-child(odd) .txt {
    float: right;
    text-align: left
}

.history_v1 ul li:nth-child(even) .txt {
    float: left;
    text-align: right
}

.history_v2 ul {
    display: flex;
    position: relative;
    list-style: none;
    padding-left: 0;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.history_v2 ul:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b3b3b3
}

.history_v2 ul li {
    width: calc(50% - 30px);
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative
}

.history_v2 ul li:nth-child(even) {
    margin-top: 80px
}

.history_v2 ul li:nth-child(even) .dot {
    right: calc(100% + 18px)
}

.history_v2 ul li:nth-child(even):before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 12px 9px 0;
    border-color: transparent #fff transparent transparent;
    top: 26px;
    right: calc(100% - 1px)
}

.history_v2 ul li .dot {
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 100%;
    top: 23px
}

.history_v2 ul li .dot:before {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    background: #0c4a9c;
    border-radius: 100%;
    top: 5px;
    left: 5px
}

.history_v2 ul li:nth-child(odd) {
    text-align: right
}

.history_v2 ul li:nth-child(odd) .dot {
    left: calc(100% + 21px)
}

.history_v2 ul li:nth-child(odd):before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 12px;
    border-color: transparent transparent transparent #fff;
    top: 26px;
    left: calc(100% - 1px)
}

@media screen and (min-width: 769px) {
    .history_v2 ul li:nth-child(odd) {
        margin-left: 0;
        margin-right: auto
    }
}

.history_v2 ul li .date {
    color: #0c4a9c
}

.history_v2 ul li .txt {
    color: #333333
}

.history_v3 .hisGroup {
    margin: 50px 0
}

.history_v3 .hisGroup .year {
    font-size: 70px;
    line-height: 1;
    font-weight: bold
}

.history_v3 .hisGroup ul {
    padding-left: 80px
}

.history_v3 .hisGroup ul li {
    display: flex;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px
}

.history_v3 .hisGroup ul li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #da251d;
    border-radius: 100%;
    left: 0;
    top: 9px
}

.history_v3 .hisGroup ul li span:nth-child(2) {
    padding-left: 50px
}

@media (max-width: 768px) {
    .history_v1 ul:before {
        display: none
    }
    .history_v1 ul li {
        margin-bottom: 15px;
        padding-bottom: 25px;
        border-bottom: 1px solid #b3b3b3
    }
    .history_v1 ul li .date {
        position: relative;
        text-align: left;
        width: 100%;
        height: auto;
        left: 0;
        border: 0;
        background-color: transparent
    }
    .history_v1 ul li .date span br {
        display: none
    }
    .history_v1 ul li .txt {
        width: 100%;
        padding-top: 5px;
        min-height: auto
    }
    .history_v1 ul li:nth-child(odd) .txt {
        float: none;
        text-align: left
    }
    .history_v1 ul li:nth-child(even) .txt {
        float: none;
        text-align: left
    }
    .history_v1 ul li:hover .date {
        color: #000000;
        background-color: transparent
    }
    .history_v1 ul li:hover .txt {
        font-weight: normal
    }
    .history_v2 ul {
        justify-content: flex-end
    }
    .history_v2 ul:before {
        left: 15px
    }
    .history_v2 ul li {
        width: calc(100% - 50px)
    }
    .history_v2 ul li:nth-child(odd) {
        text-align: left;
        margin-top: 20px
    }
    .history_v2 ul li:nth-child(odd):before {
        left: -12px;
        border-width: 9px 12px 9px 0;
        border-color: transparent #fff transparent transparent
    }
    .history_v2 ul li:nth-child(odd) .dot {
        left: calc(100% + 21px);
        left: -46px;
        right: auto
    }
    .history_v2 ul li:nth-child(even) {
        margin-top: 20px
    }
    .history_v2 ul li:nth-child(even) .dot {
        left: -46px;
        right: auto
    }
    .history_v3 .hisGroup ul {
        padding-left: 40px
    }
    .history_v3 .hisGroup ul li {
        display: block;
        margin-bottom: 10px
    }
    .history_v3 .hisGroup ul li span {
        display: block
    }
    .history_v3 .hisGroup ul li span:nth-child(2) {
        padding-left: 0
    }
    .history_v3 .hisGroup .year {
        font-size: 40px
    }
}

.menuListStyle_3 {
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px
}

.menuListStyle_3 li {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 20px
}

.menuListStyle_3 li a {
    display: block;
    padding: 5px 30px;
    border-radius: 10px;
    color: #666666;
    border: 1px solid #333;
    background-color: transparent
}

.menuListStyle_3 li:hover a,
.menuListStyle_3 li:focus a,
.menuListStyle_3 li.active a {
    color: #ffffff;
    border-color: var(--cis1);
    background-color: var(--cis1)
}

@media screen and (max-width: 768px) {
    .menuListStyle_3 li {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .menuListStyle_3 li {
        width: 100%
    }
}

.inquiry_info {
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.inquiry_info i {
    font-size: 45px;
    display: block
}

.indexContent_18 .idxw18_section {
    padding: 50px 0
}

.indexContent_18 .idxw18_section p {
    font-size: 17px;
    letter-spacing: 1px
}

.indexContent_18 .idxw18_section01 {
    display: flex
}

.indexContent_18 .idxw18_section01>div:nth-child(1) {
    width: 35%;
    flex: 0 0 35%
}

.indexContent_18 .idxw18_section01>div:nth-child(2) {
    width: 65%;
    flex: 0 0 65%;
    padding-left: 4%
}

.indexContent_18 .idxw18_title {
    font-family: "Times New Roman"
}

.indexContent_18 .idxw18_title .number {
    color: #2a261e;
    font-size: 50px;
    line-height: 1.3;
    font-weight: bold
}

.indexContent_18 .idxw18_title .line {
    width: 2px;
    height: 40px;
    background-color: #2a261e
}

.indexContent_18 .idxw18_title .txt {
    color: #b58963
}

.indexContent_18 .idxw18_title .txt .ch {
    font-size: 25px;
    font-weight: bold
}

.indexContent_18 .idxw18_title .txt .en {
    font-size: 20px
}

.indexContent_18 .btn_reservation a {
    display: block
}

.indexContent_18 .btn_reservation a span {
    display: inline-block;
    vertical-align: middle
}

.indexContent_18 .btn_reservation a .btn {
    text-align: center;
    color: #b58963;
    background-color: #191919;
    padding: 6px 30px;
    font-family: "Times New Roman"
}

.indexContent_18 .btn_reservation a .btn i {
    font-size: 20px;
    margin-right: 5px
}

.indexContent_18 .btn_reservation a .tel {
    font-size: 30px;
    color: #2a261e;
    margin-left: 20px
}

.indexContent_18 .btn_reservation a:hover {
    opacity: 0.6
}

.indexContent_18 .line_w18 {
    text-align: center;
    padding: 50px 0
}

.indexContent_18 .idxw18_section02 {
    display: flex
}

.indexContent_18 .idxw18_section02>div {
    flex: 0 0 50%;
    width: 50%
}

.indexContent_18 .idxw18_section02>div:nth-child(1) {
    margin-left: -16px
}

.indexContent_18 .idxw18_section02>div:nth-child(2) {
    max-width: 576px;
    padding-left: 5%;
    align-self: flex-end
}

.indexContent_18 .idxw18_section02 .btn_reservation a .btn {
    font-size: 23px;
    font-weight: bold;
    width: 100%
}

.indexContent_18 .idxw18_section03 .idxw18_title {
    font-family: "Times New Roman"
}

.indexContent_18 .idxw18_section03 .idxw18_title .number {
    display: inline-block
}

.indexContent_18 .idxw18_section03 .idxw18_title .txt {
    display: inline-block;
    vertical-align: 5px;
    margin-left: 20px
}

.indexContent_18 .idxw18_section03 .flex4c>* {
    padding: 0
}

.indexContent_18 .idxw18_section03 .flex4c img {
    width: 100%
}

.indexContent_18 .idxw18_section03 .morePro {
    padding: 44px 0;
    text-align: center;
    background-color: #191919
}

.indexContent_18 .idxw18_section03 .morePro .Bbox_1c {
    position: relative
}

.indexContent_18 .idxw18_section03 .morePro .line {
    position: absolute;
    width: 2px;
    height: 143px;
    background-color: #ffffff;
    left: 32px;
    top: -90px
}

.indexContent_18 .idxw18_section03 .morePro p {
    color: #ffffff;
    display: inline-block
}

.indexContent_18 .idxw18_section03 .morePro .btn_more {
    color: #1a1a1a;
    font-size: 22px;
    font-weight: bold;
    padding: 0 15px;
    margin-left: 30px;
    display: inline-block;
    background-color: #b48862;
    font-family: "Times New Roman"
}

.indexContent_18 .idxw18_section03 .morePro .btn_more:hover {
    opacity: 0.6
}

.indexContent_19 .idxw19_pro .itemImg {
    padding-bottom: 75%
}

.indexContent_19 .indexAbout {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px
}

.indexContent_19 .indexAbout.indexAbout2 .mb {
    display: none
}

.indexContent_19 .indexAbout .aboutImg {
    position: relative;
    z-index: 0;
    padding: 0
}

.indexContent_19 .indexAbout .aboutImg .itemImg {
    border-radius: 0;
    padding-bottom: 45.042%
}

.indexContent_19 .indexAbout .aboutImg img {
    max-width: none;
    max-height: none
}

.indexContent_19 .indexAbout .aboutContent {
    position: relative;
    z-index: 1;
    background: #725438;
    color: #fff
}

.indexContent_19 .indexAbout .aboutContent * {
    position: relative;
    z-index: 1;
    color: #fff
}

.indexContent_19 .indexAbout .aboutContent:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #725438;
    -ms-transform: skew(-15deg) translateX(-15%);
    transform: skew(-15deg) translateX(-15%);
    -webkit-transform: skew(-15deg) translateX(-15%);
    z-index: 0
}

.indexContent_19 .indexAbout .aboutContent .blockTitle:after {
    background: #fff
}

.indexContent_19 .indexAbout .aboutContent2 {
    position: relative;
    z-index: 1;
    background: #725438;
    color: #fff
}

.indexContent_19 .indexAbout .aboutContent2 * {
    position: relative;
    z-index: 1;
    color: #fff
}

.indexContent_19 .indexAbout .aboutContent2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #725438;
    -ms-transform: skew(15deg) translateX(15%);
    transform: skew(15deg) translateX(15%);
    -webkit-transform: skew(15deg) translateX(15%);
    z-index: 0
}

.indexContent_19 .indexAbout .aboutContent2 .blockTitle:after {
    background: #fff
}

.indexContent_20 .idxw20_title {
    color: #000;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: rgba(255, 255, 255, 0.5)
}

.indexContent_20 .idxw20_title:before {
    background-color: #fff;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px
}

.indexContent_20 .idxw20_title span {
    padding: 10px 30px;
    position: relative;
    display: block;
    z-index: 1
}

.indexContent_20 .idxw20_title_line {
    width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff
}

.indexContent_20 .idxw20_title_s {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #ffffff
}

.indexContent_20 .articleBlockStyle01 {
    padding-top: 50px;
    position: relative
}

.indexContent_20 .articleBlockStyle01:after {
    content: "";
    position: absolute;
    background-color: #e7dcd6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 600px;
    z-index: -1
}

.indexContent_20 .articleBlockStyle01 .itemImg img {
    border: 5px solid #ffffff
}

.indexContent_20 .idxw20_about {
    margin: 30px 0
}

.indexContent_20 .idxw20_about .flex2c {
    align-items: center;
    background-color: #e7dcd6
}

.indexContent_20 .idxw20_about .flex2c>div {
    padding: 0
}

.indexContent_20 .idxw20_about p {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto
}

.indexContent_20 .idxw20_about .more {
    text-align: center;
    display: block
}

.indexContent_21 .idxw21_about {
    color: #ffffff;
    padding: 100px 140px;
    background-color: #45583c
}

.indexContent_21 .idxw21_about .idxw21_title {
    font-size: 65px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 10px
}

.indexContent_21 .idxw21_about p {
    padding-left: 170px;
    margin-top: 40px
}

.indexContent_21 .idxw21_about_img {
    margin-top: -100px
}

.indexContent_22 .idxw22_about {
    position: relative;
    margin: 30px 0
}

.indexContent_22 .idxw22_about.lt .idxw22About_img {
    text-align: right
}

.indexContent_22 .idxw22_about.rt .idxw22About_frame {
    right: 0
}

.indexContent_22 .idxw22_about.rt .idxw22About_frame .idxw22_title {
    text-align: right
}

.indexContent_22 .idxw22_about .idxw22About_frame {
    position: absolute;
    max-width: 620px
}

.indexContent_22 .idxw22_about .idxw22About_frame .idxw22_title {
    font-size: 35px;
    font-family: "Times New Roman"
}

.indexContent_22 .idxw22_about .idxw22About_frame .idxw22About_txt {
    padding: 20px;
    background-color: #e5f7fb
}

.indexContent_22 .idxw22_about .idxw22About_frame .idxw22About_txt p {
    margin-top: 0
}

.indexContent_22 .idxw22_about .idxw22About_frame .moreLink {
    text-align: right
}

.indexContent_22 .idxw22_about .idxw22About_frame .moreLink .more {
    padding: 5px 50px;
    display: inline-block;
    text-align: center;
    background-color: #fdfefe
}

.indexContent_22 .idxw22_news .flex3c>div {
    position: relative
}

.indexContent_22 .idxw22_news .number {
    position: absolute;
    left: 30px;
    top: 10px;
    color: #000000;
    font-size: 50px;
    font-family: "Times New Roman";
    z-index: 5
}

.indexContent_22 .idxw22_news .itemImg {
    padding-bottom: 135%;
    border-radius: 0
}

.indexContent_22 .idxw22_news .itemImg:hover:before,
.indexContent_22 .idxw22_news .itemImg:hover:after {
    display: none
}

.indexContent_22 .idxw22_news p {
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    background-color: #e5f7fa
}

.indexContent_23 .idxw23_about {
    position: relative;
    margin: 30px 0
}

.indexContent_23 .idxw23_about.lt .idxw23About_img {
    right: 0
}

.indexContent_23 .idxw23_about.rt .idxw23About_frame {
    margin-right: 0;
    margin-left: auto
}

.indexContent_23 .idxw23_about .idxw23About_frame {
    position: relative;
    max-width: 800px;
    padding-top: 10%;
    z-index: 5
}

.indexContent_23 .idxw23_about .idxw23About_frame .idxw23_title {
    font-size: 35px;
    font-weight: bold
}

.indexContent_23 .idxw23_about .idxw23About_frame .idxw23About_txt {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5)
}

.indexContent_23 .idxw23_about .idxw23About_frame .idxw23About_txt p {
    margin-top: 0
}

.indexContent_23 .idxw23_about .idxw23About_img {
    position: absolute
}

.indexContent_23 .idxw23_title-s {
    color: #d20023;
    font-size: 20px;
    font-weight: bold
}

.indexContent_23 .moreLink .more {
    padding: 5px 50px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border: 3px solid #000
}

.indexContent_23 .idxw23_proInfo {
    margin: 30px 0
}

.indexContent_23 .idxw23_proInfo .idxw23ProInfo_title {
    margin-top: 20px;
    font-weight: bold
}

.indexContent_23 .idxw23_proInfo .idxw23ProInfo_title span {
    color: #d20023;
    display: block;
    font-size: 30px
}

.indexContent_23 .idxw23_proInfo .idxw23ProInfo_title small {
    color: #000;
    font-size: 18px
}

.indexContent_23 .idxw23_proInfo .moreLink {
    margin-top: 30px
}

.indexContent_23 .idxw23_info {
    margin: 30px 0;
    position: relative
}

.indexContent_23 .idxw23_info .idxw23Info_frame {
    max-width: 600px;
    padding: 70px 0
}

.indexContent_23 .idxw23_info .idxw23Info_frame .idxw23Info_title {
    color: #000000;
    font-size: 40px;
    line-height: 1.3;
    font-weight: bold
}

.indexContent_23 .idxw23_info .idxw23Info_frame .idxw23Info_title span {
    color: #d20023
}

.indexContent_24 .idxw24_title {
    color: #333333;
    font-size: 50px;
    line-height: 1.3
}

.indexContent_24 .idxw24_title.tlLine,
.indexContent_24 .idxw24_title.trLine {
    position: relative
}

.indexContent_24 .idxw24_title.tlLine:before,
.indexContent_24 .idxw24_title.trLine:before {
    content: "";
    position: absolute;
    width: 75px;
    height: 1px;
    background-color: #000000;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.indexContent_24 .idxw24_title.tlLine:before {
    left: -90px
}

.indexContent_24 .idxw24_title.trLine:before {
    right: -90px
}

.indexContent_24 .idxw24_title.tmLine:after {
    content: "";
    width: 1px;
    height: 75px;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000
}

.indexContent_24 .idxw24_subTitle {
    color: #000;
    font-size: 35px
}

.indexContent_24 .idxw24_list {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #d7e6e1
}

.indexContent_24 .idxw24_list .slidBlock {
    margin-top: 50px
}

.indexContent_24 .idxw24_list .slidBlock .slidItem .itemImg {
    border-radius: 100%;
    background-color: transparent
}

.indexContent_24 .idxw24_list .slidBlock .slidItem .itemImg img {
    border-radius: 100%
}

.indexContent_24 .idxw24_list .more {
    color: #333;
    padding: 2px 30px;
    border-radius: 35px;
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #333
}

.indexContent_24 .idxw24_blk {
    margin-top: 50px
}

.indexContent_24 .idxw24_blk [class^="flex"] {
    align-items: center
}

.indexContent_24 .idxw24_blk .flex2cL1 .idxw24_txtFrame,
.indexContent_24 .idxw24_blk .flex2cL2 .idxw24_txtFrame {
    max-width: 300px
}

.indexContent_24 .idxw24_blk .flex2cL1 .idxw24_txtFrame {
    margin-right: 0;
    margin-left: auto
}

.indexContent_24 .idxw24_blk .flex2c .idxw24_txtFrame {
    text-align: center
}

.productdetail .itemForm .formItem {
    width: 100%
}

.dateStyle4 span {
    color: #aaa;
    font-size: 18px
}

.dateStyle4 .dateD {
    font-weight: 300
}

.dateStyle4 .dateM {
    font-weight: 300
}

.dateStyle4 .dateY::after {
    display: none
}

.newsListType1 .itemTitle,
.newsListType1 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType1 .itemIcon,
.newsListType2 .itemTitle,
.newsListType2 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsListType2 .itemIcon,
.newsStyle1 .itemTitle,
.newsStyle1 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsStyle1 .itemIcon {
    font-weight: bold
}

.newsStyle1 .dateStyle5 span {
    color: #aaa;
    font-style: italic
}

.newsStyle1 .dateStyle5 a {
    color: #cf0a2c;
    margin-left: 5px
}

.newsStyle1 .dateStyle5 .dateY:after {
    content: "-";
    margin-left: 2px;
    margin-right: -2px
}

.newsStyle1 .dateStyle5 .dateM:after {
    content: "-";
    margin-left: 2px;
    margin-right: -2px
}

.newsList .itemList.newsListType1 .item {
    align-items: center
}

.newsList .itemList.newsStyle2 .item {
    border-top: 0
}

.newsStyle2 .itemTitle,
.newsStyle2 .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .itemList.downloadListType1 .item .newsStyle2 .itemIcon {
    font-weight: bold
}

.newsStyle2 .dateStyle6 span {
    color: #aaa
}

.noLRspace * {
    padding-left: 0;
    padding-right: 0
}

.proList.proList_twoCloumn_pltr .Bbox_in_3c>div>div {
    width: 50%
}

.proList.proList_twoCloumn_pltr .itemList .item>div {
    width: 50%
}

.proList.proList_twoCloumn_pltr .itemList .item>div:nth-child(1) {
    border: 1px solid #CCC;
    border-right: 0
}

.proList.proList_twoCloumn_pltr .itemList .item>div:nth-child(2) {
    padding: 16px 16px 74px 16px;
    background-color: #f0f0f0;
    border: 1px solid #CCC;
    border-left: 0;
    position: relative
}

.proList.proList_twoCloumn_pltr .itemList .item .itemImg {
    padding-bottom: 65.75%
}

.proList.proList_twoCloumn_pltr .itemList .item .itemImg:before,
.proList.proList_twoCloumn_pltr .itemList .item .itemImg:after {
    display: none
}

.proList.proList_twoCloumn_pltr .itemList .item .itemTitle,
.proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .itemIcon,
.downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .itemIcon {
    font-size: 23px;
    color: var(--cis1)
}

.proList.proList_twoCloumn_pltr .itemList .item .itemTitle>*,
.proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .itemIcon>*,
.downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .itemIcon>* {
    display: block
}

.proList.proList_twoCloumn_pltr .itemList .item .itemTitle small,
.proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .itemIcon small,
.downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .itemIcon small {
    line-height: 1.4
}

.proList.proList_twoCloumn_pltr .itemList .item .itemTitle:after,
.proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .itemIcon:after,
.downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .itemIcon:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #231815;
    margin-top: 16px
}

.proList.proList_twoCloumn_pltr .itemList .item .Bbox_flexBetween,
.proList.proList_twoCloumn_pltr .itemList .item .pageControl,
.proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .item,
.downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .item {
    position: absolute;
    bottom: 16px
}

.proList.proList_twoCloumn_pltr .item_btn {
    color: #fff !important;
    font-size: 16px !important;
    text-align: center;
    background: #33231f;
    padding: 0.3em 2em
}

.proList.proList_twoCloumn_pltr .item_btn i {
    color: #fff !important;
    padding-right: .5em
}

.capability_1 .Bbox_view_full {
    padding: 0
}

.capability_blk .capability_group {
    position: relative
}

.capability_blk .capability_group .capability_txtFrame {
    position: absolute;
    top: -200px;
    padding: 70px;
    width: 100%;
    max-width: 500px;
    min-height: 500px;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 5
}

.capability_blk .capability_group .capability_txtFrame.capability_txtFrameL {
    left: 13%
}

.capability_blk .capability_group .capability_txtFrame.capability_txtFrameR {
    right: 13%
}

.capability_blk .capability_group .capability_txtFrame.shape_circle {
    border-radius: 50%
}

.capability_blk .capability_group .capability_txtFrame.shape_circle .capability_inner {
    height: 320px
}

.capability_blk .capability_group .capability_txtFrame.shape_diamond {
    transform: rotate(45deg);
    max-width: 500px
}

.capability_blk .capability_group .capability_txtFrame.shape_diamond .capability_inner {
    height: 300px;
    transform: rotate(-45deg) translate(0, 10px)
}

.capability_blk .capability_group .capability_txtFrame .capability_inner {
    height: 350px;
    overflow: hidden
}

.capability_blk .capability_group .capability_img {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 900px;
    overflow: hidden
}

.capability_blk .capability_group .capability_img img {
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
    max-height: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1440px) {
    .indexContent_22 .idxw22_about .idxw22About_frame {
        position: relative;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }
    .indexContent_22 .idxw22_about.lt .idxw22About_img,
    .indexContent_22 .idxw22_about.rt .idxw22About_img {
        text-align: center;
        margin-top: 30px
    }
    .indexContent_22 .idxw22_about.rt .idxw22About_frame .idxw22_title {
        text-align: left
    }
    .indexContent_23 .idxw23_about .idxw23About_frame {
        max-width: 100%;
        padding-top: 30px
    }
    .indexContent_23 .idxw23_about .idxw23About_img {
        position: relative;
        text-align: center
    }
    .indexContent_23 .idxw23_info {
        margin: 30px 0;
        position: relative
    }
    .indexContent_23 .idxw23_info .idxw23Info_frame {
        max-width: 600px;
        padding: 35px 0
    }
}

@media screen and (max-width: 1300px) {
    .indexContent_20 .idxw19_about .flex2c {
        background-color: transparent
    }
    .indexContent_20 .idxw19_about .flex2c>div:nth-child(1),
    .indexContent_20 .idxw19_about .flex2c>div:nth-child(2) {
        width: 100%
    }
    .indexContent_20 .idxw19_about .flex2c>div:nth-child(1) {
        margin-bottom: 30px;
        text-align: center
    }
    .indexContent_20 .idxw19_about .flex2c>div:nth-child(2) {
        padding: 30px;
        background-color: #e7dcd6
    }
}

@media screen and (max-width: 1200px) {
    .idxw18_section03 .morePro p {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .indexContent_24 .idxw24_blk .flex2cL1 .idxw24_txtFrame,
    .indexContent_24 .idxw24_blk .flex2cL2 .idxw24_txtFrame {
        max-width: 100%
    }
    .indexContent_24 .idxw24_blk .idxw24_title {
        font-size: 35px
    }
    .product .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .product .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .proList>div>div:nth-child(1) {
        margin-left: 0;
        margin-right: 0
    }
    .proList .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        float: none;
        width: 100%
    }
    .proList .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        float: none;
        width: 100%
    }
    .productdetail .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        width: 100%
    }
    .productdetail .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        width: 100%
    }
    .capability_blk .capability_group .capability_txtFrame {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        min-height: auto;
        z-index: 5
    }
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameL,
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameR {
        left: 0;
        right: 0;
        margin: auto
    }
    .capability_blk .capability_group .capability_txtFrame.shape_circle {
        border-radius: 0
    }
    .capability_blk .capability_group .capability_txtFrame.shape_diamond {
        transform: none;
        max-width: auto
    }
    .capability_blk .capability_group .capability_txtFrame.shape_diamond .capability_inner {
        transform: none
    }
}

@media screen and (max-width: 992px) {
    .indexContent_18 .line_w18 {
        padding: 0
    }
    .indexContent_18 .idxw18_section01 {
        flex-wrap: wrap
    }
    .indexContent_18 .idxw18_section01>div:nth-child(1),
    .indexContent_18 .idxw18_section01>div:nth-child(2) {
        flex: 0 0 100%;
        width: 100%
    }
    .indexContent_18 .idxw18_section02 {
        flex-wrap: wrap;
        padding-left: 32px;
        padding-right: 32px
    }
    .indexContent_18 .idxw18_section02>div:nth-child(1),
    .indexContent_18 .idxw18_section02>div:nth-child(2) {
        flex: 0 0 100%;
        width: 100%
    }
    .indexContent_18 .idxw18_section02>div:nth-child(1) {
        margin-left: 0;
        order: 1;
        margin-top: 30px
    }
    .indexContent_18 .idxw18_section02>div:nth-child(2) {
        max-width: 100%;
        padding-left: 0
    }
    .indexContent_18 .idxw18_section02 .btn_reservation {
        text-align: center
    }
    .indexContent_18 .idxw18_section02 .btn_reservation a .btn {
        width: auto
    }
    .indexContent_18 .idxw18_section03 .morePro p {
        display: block;
        margin-left: 15px;
        margin-right: 15px
    }
    .indexContent_18 .idxw18_section03 .morePro .btn_more {
        margin-left: 0
    }
    .indexContent_21 .idxw21_about {
        padding: 50px 70px
    }
    .indexContent_21 .idxw21_about .idxw21_title {
        font-size: 50px;
        letter-spacing: 5px
    }
    .indexContent_21 .idxw21_about p {
        padding-left: 0;
        margin-top: 20px
    }
    .indexContent_23 .idxw23_info .idxw23Info_frame .idxw23Info_title {
        font-size: 30px
    }
    .indexContent_24 .idxw24_title {
        font-size: 35px
    }
    .indexContent_24 .idxw24_title.tlLine:before,
    .indexContent_24 .idxw24_title.trLine:before {
        display: none
    }
    .indexContent_24 .idxw24_title.tmLine:after {
        display: none
    }
    .indexContent_24 .idxw24_blk [class^="flex"]>div {
        width: 100%
    }
    .indexContent_24 .idxw24_blk .flex2cL1>div:nth-child(1) {
        order: 1
    }
    .indexContent_24 .idxw24_blk .flex2c>div:nth-child(1) {
        text-align: center
    }
    .indexContent_24 .idxw24_blk .flex2c .idxw24_txtFrame .idxw24_title,
    .indexContent_24 .idxw24_blk .flex2c .idxw24_txtFrame p {
        text-align: left
    }
    .proList.proList_twoCloumn_pltr .Bbox_in_3c>div>div {
        width: 100%;
        padding-bottom: 32px
    }
    .capability_blk .capability_group .capability_txtFrame {
        width: auto
    }
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameL,
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameR {
        left: 15px;
        right: 15px
    }
}

@media screen and (max-width: 768px) {
    .indexContent_19 .indexAbout.indexAbout2 .pc {
        display: none
    }
    .indexContent_19 .indexAbout.indexAbout2 .mb {
        display: block
    }
    .indexContent_21 .idxw21_about {
        padding: 25px 40px
    }
    .indexContent_21 .idxw21_about .idxw21_title {
        font-size: 40px;
        line-height: 1.5
    }
    .indexContent_21 .idxw21_about_img {
        margin-top: 30px
    }
    .proList.proList_twoCloumn_pltr .itemList .item>div:nth-child(1) {
        border-right: 1px solid #CCC;
        border-bottom: 0
    }
    .proList.proList_twoCloumn_pltr .itemList .item>div:nth-child(2) {
        border-left: 1px solid #CCC;
        border-top: 0
    }
    .capability_blk .capability_group .capability_txtFrame {
        position: relative;
        top: 0;
        transform: none;
        padding: 15px 30px
    }
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameL,
    .capability_blk .capability_group .capability_txtFrame.capability_txtFrameR {
        left: 0;
        right: 0
    }
    .capability_blk .capability_group .capability_txtFrame .capability_inner {
        height: auto;
        overflow: auto
    }
    .capability_blk .capability_group .capability_txtFrame.shape_circle .capability_inner,
    .capability_blk .capability_group .capability_txtFrame.shape_diamond .capability_inner {
        height: auto
    }
    .capability_blk .capability_group .capability_img {
        padding-bottom: 0;
        height: auto;
        overflow: auto
    }
    .capability_blk .capability_group .capability_img img {
        position: relative;
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        top: 0;
        left: 0;
        transform: none
    }
}

@media screen and (max-width: 480px) {
    .indexContent_18 .btn_reservation a .tel {
        display: block;
        margin-left: 0
    }
    .indexContent_21 .idxw21_about {
        padding: 20px 30px
    }
    .indexContent_21 .idxw21_about .idxw21_title {
        font-size: 35px;
        line-height: 1.3
    }
}

@media screen and (max-width: 440px) {
    .product .Bbox_in_2c_L3>div>div:nth-of-type(2) {
        padding-left: 32px;
        padding-right: 32px
    }
    .product .Bbox_in_2c_L9>div>div:nth-of-type(1) {
        padding-left: 32px;
        padding-right: 32px
    }
    .proList.proList_twoCloumn_pltr .itemList .item>div:nth-child(2) {
        padding-bottom: 16px
    }
    .proList.proList_twoCloumn_pltr .itemList .item .Bbox_flexBetween,
    .proList.proList_twoCloumn_pltr .itemList .item .pageControl,
    .proList.proList_twoCloumn_pltr .downloadList .itemList.downloadListType1 .item .item,
    .downloadList .proList.proList_twoCloumn_pltr .itemList.downloadListType1 .item .item {
        position: relative;
        bottom: 0;
        margin-top: 50px
    }
    .proList.proList_twoCloumn_pltr .item_btn {
        display: block !important
    }
}

.proList.proList_dece .itemList .item {
    align-items: center;
    width: 100%
}

.proList.proList_dece .itemList .item .imgBox {
    width: 55%;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}

.proList.proList_dece .itemList .item .txtBox {
    width: 45%;
    padding: 30px 60px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}

.proList.proList_dece .itemList .item:nth-child(2n) .imgBox {
    order: 2;
    right: 35px
}

.proList.proList_dece .itemList .item:nth-child(2n) .txtBox {
    order: 1;
    left: 0;
    z-index: 3
}

.proList.proList_dece .itemList .item:nth-child(2n-1) .imgBox {
    order: 1;
    left: 0
}

.proList.proList_dece .itemList .item:nth-child(2n-1) .txtBox {
    order: 2;
    right: 35px
}

.proList.proList_dece .itemList .item .blockTitle {
    color: #000;
    margin-bottom: 20px
}

.proList.proList_dece .itemList .item .itemInfo {
    color: #000;
    font-size: 16px
}

.proList.proList_dece .itemList .item .itemInfo p {
    margin: 10px 0
}

.proList.proList_dece .itemList .item .itemInfo p:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .proList.proList_dece .itemList .item .imgBox {
        z-index: 2;
        width: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
        top: 0
    }
    .proList.proList_dece .itemList .item .txtBox {
        position: inherit;
        display: block;
        width: 100%;
        top: 0;
        padding: 20px
    }
    .proList.proList_dece .itemList .item:nth-child(2n) .imgBox {
        order: 1;
        right: 0
    }
    .proList.proList_dece .itemList .item:nth-child(2n) .txtBox {
        order: 2;
        left: 0
    }
}

.newsnoimg {
    display:none;
}

@media (min-width: 769px) {
    .newsnoimg {
        display:block;
    }
}

label span.payTypeTxt,label span.noticPay {
    color: var(--cis1);
}