@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Oswald:500");
@import url("https://fonts.googleapis.com/css?family=Muli:200,300,400,700,900");
.Bbox_flexBetween,
.pageControl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: space-between
}

.row {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.middle-gutters {
    overflow: hidden
}

.middle-gutters .row {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.middle-gutters .row>.col,
.middle-gutters .row>[class*=col-] {
    padding-right: 7.5px;
    padding-left: 7.5px
}

.small-gutters {
    overflow: hidden
}

.small-gutters .row {
    margin-right: -3.75px;
    margin-left: -3.75px
}

.small-gutters .row>.col,
.small-gutters .row>[class*=col-] {
    padding-right: 3.75px;
    padding-left: 3.75px
}

@media screen and (max-width:1024px) {
    .small-gutters>.col:first-child,
    .small-gutters>[class*=col-]:first-child {
        padding-right: 0;
        margin-bottom: 15px
    }
    .small-gutters>.col:last-child,
    .small-gutters>[class*=col-]:last-child {
        padding-left: 0
    }
}

.colV {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.colLeft {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.colRight {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.colCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.colBetween {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.colVCenter {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.colVEnd {
    -ms-flex-align: flex-end;
    -webkit-box-align: end;
    align-items: flex-end
}

.col,
.col-1,
.col-2,
.col-2_5,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-2_5,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-2_5,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-2_5,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-2_5,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xs-2_5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-auto2 {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.col-2_5 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
    .col-sm-2_5 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
    .col-md-2_5 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
    .order-md-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
    .col-lg-2_5 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
    .col-xl-2_5 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

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

body,
html {
    padding: 0;
    margin: 0;
    min-height: 100%
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
button,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
samp,
section,
small,
span,
strike,
summary,
textarea,
time,
tt,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

::-moz-selection {
    color: #ffffff;
    background: #0050A3
}

::selection {
    color: #ffffff;
    background: #0050A3
}

.container_full {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto
}

.container,
.headerStyle05>.topLinkContent {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container,
    .headerStyle05>.topLinkContent {
        width: 768px
    }
}

@media (min-width:992px) {
    .container,
    .headerStyle05>.topLinkContent {
        width: 992px
    }
}

@media screen and (min-width:1200px) and (max-width:1499px) {
    .container,
    .headerStyle05>.topLinkContent {
        width: 1200px
    }
}

@media (min-width:1500px) {
    .container,
    .headerStyle05>.topLinkContent {
        width: 1440px
    }
}

img {
    height: auto;
    max-width: 100%
}

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

a:focus,
a:hover {
    color: #0050A3
}

a.a_link {
    color: #0050A3
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ol {
    margin: 0;
    padding: 0;
    list-style: none
}

p {
    margin-bottom: 1em
}

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

.checkBox_group .signIcon:after,
.checkBox_group .signIcon:before,
.faqItem_main .faqItem .faqItem_head,
.faqItem_main .faqItem .faqItem_head i,
.faqItemStyle-1 .faqItem .faqItem_head,
.faqItemStyle-1 .faqItem .faqItem_head i,
.faqItemStyle-2 .faqItem .faqItem_head,
.faqItemStyle-2 .faqItem .faqItem_head i,
.headerStyle02,
.headerStyle02 .header_inner .logo img,
.headerStyle07 .navBar .navMenu>li.navMenu_control,
.itemImgHover:after,
.itemImgHover:before,
.listStyle :not(ul):not(.subMenu),
.listStyle_border :not(ul):not(.subMenu),
.listStyle_content :not(ul):not(.subMenu),
.listStyle_faicon :not(ul):not(.subMenu),
.listStyle_Multi :not(ul):not(.subMenu),
.menuListStyle_1 :not(ul):not(.subMenu),
.menuListStyle_1 li:active:before,
.menuListStyle_1 li:focus:before,
.menuListStyle_1 li:hover:before,
.menuListStyle_2 :not(ul):not(.subMenu),
.menuListStyle_3 :not(ul):not(.subMenu),
.menuListStyle_4 :not(ul):not(.subMenu),
.radioBox_group .signIcon:after,
.radioBox_group .signIcon:before,
.slick-slider .slick-arrow,
.switch_password .toggle-password,
a,
header .navBar .navBarContent .logo img,
header .navBar .navMenu.hoverEffect_02>li>a>span:after,
header .navBar .navMenu.hoverEffect_03>li>a>span:after,
header .navBar .navMenu.navMenu2>li>a,
header .navBar .navMenu.navMenu2>li>a:hover,
header .navBar .navMenu.navMenu2>li>a span,
header .navBar .navMenu>li.moreMenu,
header .navBar .navMenu>li.multiMenu,
header .navBar .navMenu>li.multiMenu .inner,
header .navBar .navMenu>li.multiMenu .inner .inner_menu a,
header .topLink {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.text-rcenter,
.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.mb {
    display: none!important
}

.cke_editable,
.editor,
.editorBlock {}

.cke_editable img,
.editorBlock img,
.editor img {
    max-width: 100%!important;
    height: auto
}

.cke_editable iframe,
.cke_editable table,
.editorBlock iframe,
.editorBlock table,
.editor iframe,
.editor table {
    max-width: 100%
}

.cke_editable a,
.editor a,
.editorBlock a {
    cursor: pointer
}

.cke_editable a:link,
.editor a:link,
.editorBlock a:link {
    text-decoration: underline;
    color: #0000ff
}

.cke_editable a:visited,
.editor a:visited,
.editorBlock a:visited {
    text-decoration: underline;
    color: purple
}

.cke_editable a:active,
.editor a:active,
.editorBlock a:active {
    text-decoration: underline;
    color: red
}

.cke_editable b,
.editor b,
.editorBlock b {
    font-weight: bold
}

.cke_editable span[lang=EN-US],
.editorBlock span[lang=EN-US],
.editor span[lang=EN-US] {
    font-style: italic
}

.cke_editable ul,
.editorBlock ul,
.editor ul {
    list-style-type: disc;
    padding-left: 30px
}

.cke_editable ol,
.editorBlock ol,
.editor ol {
    list-style-type: decimal;
    padding-left: 30px
}

.cke_editable em,
.editorBlock em,
.editor em {
    font-style: italic
}

.cke_editable a.btn-cis1,
.editor a.btn-cis1,
.editorBlock a.btn-cis1 {
    color: #fff;
    text-decoration: none
}

.cke_editable .overlap2 .btnBlock a,
.editor .overlap2 .btnBlock a,
.editorBlock .overlap2 .btnBlock a {
    color: #333;
    text-decoration: none
}

.cke_editable .overlap2 .btnBlock a:focus,
.cke_editable .overlap2 .btnBlock a:hover,
.editor .overlap2 .btnBlock a:focus,
.editor .overlap2 .btnBlock a:hover,
.editorBlock .overlap2 .btnBlock a:focus,
.editorBlock .overlap2 .btnBlock a:hover {
    color: #0050A3
}

.cke_editable .overlap4 .overlapBtn,
.editor .overlap4 .overlapBtn,
.editorBlock .overlap4 .overlapBtn {
    color: #333;
    text-decoration: none
}

.cke_editable .overlap4 .overlapBtn:focus,
.cke_editable .overlap4 .overlapBtn:hover,
.editor .overlap4 .overlapBtn:focus,
.editor .overlap4 .overlapBtn:hover,
.editorBlock .overlap4 .overlapBtn:focus,
.editorBlock .overlap4 .overlapBtn:hover {
    color: #0050A3
}

.cke_editable .listBlock .imgBox img,
.editor .listBlock .imgBox img,
.editorBlock .listBlock .imgBox img {
    height: 100%
}

.cke_editable .listBlock .moreBtn,
.editor .listBlock .moreBtn,
.editorBlock .listBlock .moreBtn {
    color: #0050A3;
    text-decoration: none
}

.cke_editable .historyType6 .timeLineContentBox .dot,
.editor .historyType6 .timeLineContentBox .dot,
.editorBlock .historyType6 .timeLineContentBox .dot {
    margin: 0;
    -webkit-animation: none;
    animation: none
}

.cke_editable .historyType5 .timeLineContentBox .date span,
.editor .historyType5 .timeLineContentBox .date span,
.editorBlock .historyType5 .timeLineContentBox .date span {
    font-family: "Lato", arial, "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC", "微軟正黑體", "Microsoft JhengHei"
}

.cke_editable .imgHoverBox img,
.editor .imgHoverBox img,
.editorBlock .imgHoverBox img {
    max-width: none!important
}

.cke_editable a.large-btn,
.editor a.large-btn,
.editorBlock a.large-btn {
    color: #fff;
    text-decoration: none
}

.cke_editable .imgHoverBox span a,
.editor .imgHoverBox span a,
.editorBlock .imgHoverBox span a {
    color: #fff;
    text-decoration: none
}

@media (max-width:1200px) {
    .L_hide {
        display: none
    }
}

@media (max-width:1024px) {
    .hamburger_hide {
        display: none
    }
}

@media (max-width:992px) {
    .container_full {
        padding-right: 15px;
        padding-left: 15px
    }
    .text-lcenter,
    .text-rcenter {
        text-align: center
    }
    .M_hide {
        display: none
    }
}

@media (max-width:768px) {
    .pc {
        display: none
    }
    .mb {
        display: block!important
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeDown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -30px);
        transform: translate(0, -30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -30px);
        transform: translate(0, -30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(30px, 0);
        transform: translate(30px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes shakeX {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.v4_animate {
    opacity: 0
}

.v4_animate.in {
    -webkit-animation: fadeIn 1s ease-in-out forwards;
    animation: fadeIn 1s ease-in-out forwards
}

.v4_animate.fadeUp.in {
    -webkit-animation: fadeUp 1s ease-in-out forwards;
    animation: fadeUp 1s ease-in-out forwards
}

.v4_animate.fadeDown.in {
    -webkit-animation: fadeDown 1s ease-in-out forwards;
    animation: fadeDown 1s ease-in-out forwards
}

@media (max-width:767px) {
    .v4_animate.fadeDown.in {
        -webkit-animation: fadeUp 1s ease-in-out forwards;
        animation: fadeUp 1s ease-in-out forwards
    }
}

.v4_animate.fadeRight.in {
    -webkit-animation: fadeRight 1s ease-in-out forwards;
    animation: fadeRight 1s ease-in-out forwards
}

@media (max-width:767px) {
    .v4_animate.fadeRight.in {
        -webkit-animation: fadeUp 1s ease-in-out forwards;
        animation: fadeUp 1s ease-in-out forwards
    }
}

.v4_animate.fadeLeft.in {
    -webkit-animation: fadeLeft 1s ease-in-out forwards;
    animation: fadeLeft 1s ease-in-out forwards
}

@media (max-width:767px) {
    .v4_animate.fadeLeft.in {
        -webkit-animation: fadeUp 1s ease-in-out forwards;
        animation: fadeUp 1s ease-in-out forwards
    }
}

@media (min-width:768px) {
    .v4_animate.delay_01 {
        -webkit-animation-delay: 0.1s!important;
        animation-delay: 0.1s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_02 {
        -webkit-animation-delay: 0.2s!important;
        animation-delay: 0.2s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_03 {
        -webkit-animation-delay: 0.3s!important;
        animation-delay: 0.3s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_04 {
        -webkit-animation-delay: 0.4s!important;
        animation-delay: 0.4s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_05 {
        -webkit-animation-delay: 0.5s!important;
        animation-delay: 0.5s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_06 {
        -webkit-animation-delay: 0.6s!important;
        animation-delay: 0.6s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_07 {
        -webkit-animation-delay: 0.7s!important;
        animation-delay: 0.7s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_08 {
        -webkit-animation-delay: 0.8s!important;
        animation-delay: 0.8s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_09 {
        -webkit-animation-delay: 0.9s!important;
        animation-delay: 0.9s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_10 {
        -webkit-animation-delay: 1s!important;
        animation-delay: 1s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_11 {
        -webkit-animation-delay: 1.1s!important;
        animation-delay: 1.1s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_12 {
        -webkit-animation-delay: 1.2s!important;
        animation-delay: 1.2s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_13 {
        -webkit-animation-delay: 1.3s!important;
        animation-delay: 1.3s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_14 {
        -webkit-animation-delay: 1.4s!important;
        animation-delay: 1.4s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_15 {
        -webkit-animation-delay: 1.5s!important;
        animation-delay: 1.5s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_16 {
        -webkit-animation-delay: 1.6s!important;
        animation-delay: 1.6s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_17 {
        -webkit-animation-delay: 1.7s!important;
        animation-delay: 1.7s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_18 {
        -webkit-animation-delay: 1.8s!important;
        animation-delay: 1.8s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_19 {
        -webkit-animation-delay: 1.9s!important;
        animation-delay: 1.9s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_20 {
        -webkit-animation-delay: 2s!important;
        animation-delay: 2s!important
    }
}

@media (min-width:768px) {
    .v4_animate.delay_21 {
        -webkit-animation-delay: 2.1s!important;
        animation-delay: 2.1s!important
    }
}

body {
    color: #333333;
    font-size: 18px;
    font-family: "Lato", arial, "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC", "微軟正黑體", "Microsoft JhengHei";
    line-height: 1.8;
    font-weight: inherit
}

.h1,
h1 {
    font-size: 2.625em
}

.h2,
h2 {
    font-size: 2em
}

.h3,
h3 {
    font-size: 1.5em
}

.h4,
h4 {
    font-size: 1.125em
}

.h5,
h5 {
    font-size: 1em
}

.h6,
h6 {
    font-size: 0.75em
}

@media (max-width:768px) {
    body {
        font-size: 14px
    }
}

.strong_txt {
    font-weight: bold
}

.common_bk_txt {
    color: #000000
}

.common_bk_txt strong {
    font-weight: bold
}

.common_bk_txt a,
.common_bk_txt span {
    color: #5c5e5d
}

.common_red_txt {
    color: #ff0000
}

.common_red_txt strong {
    font-weight: bold
}

.common_gy_txt {
    color: #5c5e5d
}

.common_gy_txt strong {
    font-weight: bold
}

.common_gy_txt a {
    color: #5c5e5d;
    text-decoration: underline
}

.common_wh_txt {
    color: #ffffff
}

.common_wh_txt strong {
    font-weight: bold
}

.rwd_img {
    display: block;
    height: auto;
    max-width: 100%
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.img-circle,
.img-rectangle {
    display: block;
    text-align: center;
    overflow: hidden
}

.img-circle {
    border-radius: 50%
}

.img-circle img {
    border-radius: 50%
}

.img-rectangle {
    border-radius: 5px
}

.img-rectangle img {
    border-radius: 5px
}

.itemImg {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden
}

.itemImg img {
    display: block;
    height: 100%;
    width: 100%;
    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%)
}

.itemImg.noneImg {
    background-color: #0050A3;
    background-image: url("../images_v4/noImage.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.itemImg.noneImg img {
    display: none
}

.itemImg.square {
    padding-bottom: 100%
}

.itemImg.traight {
    padding-bottom: 133.333%
}

.itemImg.a4 {
    padding-bottom: 141.42857%
}

.itemImg.customSize {
    padding-bottom: 31.655%
}

.itemImg.customSize2 {
    padding-bottom: 46.155%
}

.itemImgHover:hover:after,
.itemImgHover:hover:before {
    opacity: 1
}

.itemImgHover:after,
.itemImgHover:before {
    position: absolute;
    opacity: 0
}

.itemImgHover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 80, 163, 0.5);
    z-index: 1
}

.itemImgHover:after {
    content: "";
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-family: FontAwesome;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #0050A3;
    z-index: 2
}

.itemImgHover.hoverEffect1:hover:before {
    top: 0
}

.itemImgHover.hoverEffect1:hover:after {
    top: 50%
}

.itemImgHover.hoverEffect1:before {
    top: 100%
}

.itemImgHover.hoverEffect1:after {
    top: 45%
}

.itemImgHover.hoverEffect2:hover:after {
    font-size: 2em
}

.itemImgHover.hoverEffect2:after {
    font-size: 3em;
    background-color: transparent
}

.itemImgHover.hoverEffect3:hover:before {
    bottom: -60px;
    left: -60px;
    background: #0050A3
}

.itemImgHover.hoverEffect3:before {
    top: auto;
    bottom: -120px;
    left: -120px;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.itemImgHover.hoverEffect3:after {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 48px;
    height: 48px;
    background-color: transparent
}

.imgHoverBox {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.imgHoverBox img {
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease
}

.imgHoverBox span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease
}

.imgHoverBox span a {
    display: block;
    color: #fff
}

.imgHoverBox:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.imgHoverBox:hover span {
    background-color: #19c0d6;
    border-color: #19c0d6
}

.img-scrollBox {
    overflow: visible
}

.imgBox180 {
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto
}

.imgBox270 {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
}

.sectionBlock {
    margin: 50px 0
}

.sectionBlock_mt {
    margin-top: 50px
}

.sectionBlock_mb {
    margin-bottom: 50px
}

.sectionBlock_pd {
    padding: 50px 0
}

.sectionBlock_pt {
    padding-top: 50px
}

.sectionBlock_pb {
    padding-bottom: 50px
}

.sectionBlock_pt_half {
    padding-top: 25px
}

.innerBlock {
    margin: 50px 0
}

.innerBlock .halfBgBlock>div .halfBgBlock_inner {
    width: 81%
}

.innerBlock_mt {
    margin-top: 50px
}

.innerBlock_mb {
    margin-bottom: 50px
}

.innerBlock_pd {
    padding: 50px 0
}

.innerBlock_pt {
    padding-top: 50px
}

.innerBlock_pb {
    padding-bottom: 50px
}

.innerBlock_half {
    margin: 25px 0
}

.innerBlock_half_mt {
    margin-top: 25px
}

.innerBlock_half_mb {
    margin-bottom: 25px
}

.innerBlock_half_pt {
    padding-top: 25px
}

.innerBlock_half_pb {
    padding-bottom: 25px
}

.innerBlock_small {
    margin: 15px 0
}

.innerBlock_small_mt {
    margin-top: 15px
}

.innerBlock_small_mb {
    margin-bottom: 15px
}

.sectionBlock_pd {
    padding: 25px 0
}

.innerBlock_small {
    margin: 25px 0
}

.innerBlockMB_small {
    margin-bottom: 25px
}

.contBlock_300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_400 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_500 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_700 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_950 {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_1000 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_1100 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_1200 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.contBlock_1300 {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.halfBgBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #666666;
    overflow: hidden
}

.halfBgBlock>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.halfBgBlock>div .itemImg {
    padding-bottom: 0;
    height: 100%
}

.halfBgBlock>div .halfBgBlock_inner {
    width: 60%;
    position: relative;
    padding-top: 71.6px;
    padding-bottom: 71.6px;
    z-index: 4
}

.halfBgBlock>div .halfBgBlock_inner .blockTitle>small,
.halfBgBlock>div .halfBgBlock_inner .blockTitle>span {
    color: #ffffff
}

.halfBgBlock>div .halfBgBlock_inner .articleTitle,
.halfBgBlock>div .halfBgBlock_inner p {
    color: #ffffff
}

.halfBgBlock.halfBgBlock_rBlk>div:nth-child(2) .halfBgBlock_inner {
    margin-left: 8.333333%;
    margin-right: auto
}

.halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2) {
    position: relative
}

.halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #666666;
    -webkit-transform: skew(-10deg) translateX(-7.5%);
    -ms-transform: skew(-10deg) translateX(-7.5%);
    transform: skew(-10deg) translateX(-7.5%);
    z-index: 3
}

.halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2) .halfBgBlock_inner {
    margin-left: 0
}

.halfBgBlock.halfBgBlock_lBlk>div:first-child .halfBgBlock_inner {
    margin-left: auto;
    margin-right: 8.333333%
}

.halfBgBlock.halfBgBlock_lBlk_angle>div:first-child {
    position: relative
}

.halfBgBlock.halfBgBlock_lBlk_angle>div:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #666666;
    -webkit-transform: skew(10deg) translateX(7.5%);
    -ms-transform: skew(10deg) translateX(7.5%);
    transform: skew(10deg) translateX(7.5%);
    z-index: 4
}

.halfBgBlock.halfBgBlock_lBlk_angle>div:first-child .halfBgBlock_inner {
    margin-right: 0
}

.fullBlock_2c {
    background-color: #e3e4e4
}

.fullBlock_2c .itemImg {
    padding-bottom: 420px
}

.fullBlock_2c .inner_txtFrame {
    padding: 0 70px
}

.fullBlock_2c .inner_txtFrame>.row {
    min-height: 420px
}

.fullBlock_2c a {
    display: block
}

.fullBlock_2c a .blockTitle {
    margin-bottom: 0;
    padding-bottom: 5px
}

.fullBlock_2c a .blockTitle>small,
.fullBlock_2c a .blockTitle>span {
    color: #ffffff
}

.fullBlock_2c a.bg_dark {
    background-color: #666666
}

.fullBlock_2c a.bg_light {
    background-color: #8b8b8b
}

@media (max-width:1440px) {
    .halfBgBlock.halfBgBlock_lBlk>div:first-child .halfBgBlock_inner,
    .halfBgBlock.halfBgBlock_lBlk_angle>div:first-child .halfBgBlock_inner {
        width: 100%;
        margin: 0;
        padding-left: 30px
    }
    .halfBgBlock.halfBgBlock_rBlk>div:nth-child(2) .halfBgBlock_inner,
    .halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2) .halfBgBlock_inner {
        width: 100%;
        margin: 0;
        padding-right: 30px
    }
    .halfBgBlock.halfBgBlock_lBlk:not(.halfBgBlock_lBlk_angle)>div:first-child .halfBgBlock_inner {
        padding-right: 30px
    }
    .halfBgBlock.halfBgBlock_rBlk:not(.halfBgBlock_rBlk_angle)>div:nth-child(2) .halfBgBlock_inner {
        padding-left: 30px
    }
    .fullBlock_2c .inner_txtFrame {
        padding: 0 30px
    }
}

@media (max-width:1200px) {
    .halfBgBlock.halfBgBlock_lBlk_angle>div:first-child:before {
        -webkit-transform: skew(10deg) translateX(10%);
        -ms-transform: skew(10deg) translateX(10%);
        transform: skew(10deg) translateX(10%)
    }
    .halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2):before {
        -webkit-transform: skew(-10deg) translateX(-10%);
        -ms-transform: skew(-10deg) translateX(-10%);
        transform: skew(-10deg) translateX(-10%)
    }
}

@media (max-width:992px) {
    .graphicExchange>.col:first-child,
    .graphicExchange>[class*=col-]:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .halfBgBlock {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .halfBgBlock>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .halfBgBlock>div .itemImg {
        padding-bottom: 0;
        height: 100%
    }
    .halfBgBlock>div .itemImg img {
        position: relative;
        max-width: 100%;
        width: auto;
        height: auto;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .halfBgBlock>div .halfBgBlock_inner {
        width: 100%;
        padding: 30px
    }
    .halfBgBlock.halfBgBlock_rBlk>div:nth-child(2) .halfBgBlock_inner {
        margin-left: 0;
        margin-right: 0
    }
    .halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2):before {
        display: none
    }
    .halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2) .halfBgBlock_inner {
        margin-left: 0
    }
    .halfBgBlock.halfBgBlock_lBlk>div:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .halfBgBlock.halfBgBlock_lBlk>div:first-child .halfBgBlock_inner {
        margin-left: 0;
        margin-right: 0
    }
    .halfBgBlock.halfBgBlock_lBlk_angle>div:first-child:before {
        display: none
    }
    .halfBgBlock.halfBgBlock_lBlk_angle>div:first-child .halfBgBlock_inner {
        margin-right: 0
    }
    .innerBlock .halfBgBlock>div .halfBgBlock_inner {
        width: 100%
    }
    .m_order1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .fullBlock_2c .itemImg {
        padding-bottom: 46.155%
    }
    .fullBlock_2c .inner_txtFrame {
        padding: 5px 30px 0 30px
    }
    .fullBlock_2c .inner_txtFrame>.row {
        padding-top: 25px
    }
}

@media (max-width:768px) {
    .innerBlock,
    .sectionBlock {
        margin-top: 25px;
        margin-bottom: 25px
    }
    .halfBgBlock.halfBgBlock_lBlk>div:first-child .halfBgBlock_inner,
    .halfBgBlock.halfBgBlock_lBlk_angle>div:first-child .halfBgBlock_inner {
        padding-left: 15px
    }
    .halfBgBlock.halfBgBlock_rBlk>div:nth-child(2) .halfBgBlock_inner,
    .halfBgBlock.halfBgBlock_rBlk_angle>div:nth-child(2) .halfBgBlock_inner {
        padding-right: 15px
    }
    .halfBgBlock.halfBgBlock_lBlk:not(.halfBgBlock_lBlk_angle)>div:first-child .halfBgBlock_inner {
        padding-right: 15px
    }
    .halfBgBlock.halfBgBlock_rBlk:not(.halfBgBlock_rBlk_angle)>div:nth-child(2) .halfBgBlock_inner {
        padding-left: 15px
    }
    .fullBlock_2c .inner_txtFrame {
        padding-left: 15px;
        padding-right: 15px
    }
    .fullBlock_2c .inner_txtFrame .blockTitle {
        margin-bottom: 10px
    }
    .fullBlock_2c .inner_txtFrame>.row {
        padding-top: 20px
    }
}

.cartBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.cartBox .cartBox_cart {
    font-size: 16px
}

.cartBox .cartBox_cart a {
    color: #0050A3
}

.cartBox .cartBox_cart a i {
    margin-right: 5px
}

.cartBox .cartBox_price {
    color: #ff5353;
    font-size: 19px;
    text-align: right
}

@media (max-width:768px) {
    .innerBlock,
    .sectionBlock {
        margin-top: 25px;
        margin-bottom: 25px
    }
    .innerBlock .row>div,
    .sectionBlock .row>div {
        margin-bottom: 15px
    }
    .innerBlock .row>div:last-child,
    .sectionBlock .row>div:last-child {
        margin-bottom: 0
    }
    .sectionBlock_pd {
        padding-top: 25px;
        padding-bottom: 25px
    }
    .sectionBlock_pd .row>div {
        margin-bottom: 15px
    }
    .sectionBlock_pd .row>div:last-child {
        margin-bottom: 0
    }
    .innerBlock_mb,
    .sectionBlock_mb {
        margin-bottom: 25px
    }
    .innerBlock_mb .row>div,
    .sectionBlock_mb .row>div {
        margin-bottom: 15px
    }
    .innerBlock_mb .row>div:last-child,
    .sectionBlock_mb .row>div:last-child {
        margin-bottom: 0
    }
    .innerBlock_mt {
        margin-top: 25px
    }
    .innerBlock_pd {
        padding: 25px
    }
    .innerBlock_pt {
        padding-top: 25px
    }
    .innerBlock_pb {
        padding-bottom: 25px
    }
}

.contBlock_1110 {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.contBlock_800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.circleBlock1 a {
    display: block;
    text-align: center;
    margin-bottom: 32px
}

.circleBlock1 .imgBox {
    width: 252px;
    height: 252px;
    margin: 0 auto
}

.circleBlock1 .subBlockTitle {
    margin-top: 48px
}

.circleBlock1 p {
    padding: 0 0 16px 0;
    line-height: 2
}

.circleBlock1 .underLine {
    margin-top: 20px
}

.itemBlock1 .blockTitle span {
    font-size: 28px;
    line-height: 1.5
}

.itemBlock1 .blockTitle small {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #999;
    margin-top: 8px
}

.circleBlock2 {
    margin-top: 20px
}

.circleBlock2 .linkItem {
    padding: 15px
}

.circleBlock2 .linkItem a {
    display: block;
    width: 100%;
    height: auto
}

.circleBlock2 .imgBorderLine:before {
    content: "";
    position: absolute;
    top: 25%;
    bottom: 55%;
    left: 0;
    width: 100%;
    border: 1px solid #0050A3;
    border-width: 0 1px
}

.circleBlock2 .subBlockTitle {
    margin-top: 0
}

.circleBlock2 .btn-cis1 {
    border-radius: 3px;
    border: 1px #0050A3 solid;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 15px 0;
    display: inline-block;
    min-width: 126px;
    height: 36px;
    line-height: 36px
}

@media (max-width:576px) {
    .circleBlock2 .imgBorderLine:before {
        display: none
    }
}

.imgTextarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 430px
}

.imgTextarea>div {
    width: 50%;
    position: relative;
    overflow: hidden
}

.imgTextarea>div img {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: none
}

.imgTextarea article {
    width: 50%;
    padding: 32px
}

.imgTextarea article i {
    font-size: 24px
}

.imgTextarea .rightImg img {
    left: 0
}

@media (max-width:768px) {
    .imgTextarea>div {
        width: 100%;
        margin-bottom: 0
    }
    .imgTextarea>div img {
        max-width: 100%;
        position: static
    }
    .imgTextarea article {
        width: 100%
    }
}

.abstract {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.fullItem a {
    display: block;
    width: 100%;
    color: inherit
}

.fullItem .imgBox {
    width: 100%;
    position: relative
}

.fullItem .imgBox img {
    display: block;
    width: 100%;
    height: auto
}

.fullItem .imgBox i {
    display: block;
    font-size: 52px;
    color: #fff
}

.fullItem .imgBox .iconName {
    display: block;
    color: #fff
}

.fullItem .hoverBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.fullItem .hoverBox img {
    display: block
}

.fullItem:hover .hoverBox {
    opacity: 1
}

.fullItem .textBox {
    width: 100%;
    padding: 0 15px
}

.overlapBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.overlapBox article p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.8;
    margin-bottom: 0;
    font-size: 18px;
    color: #8c8c8c
}

.overlapBox .imgBox {
    overflow: hidden;
    background-position: center center;
    background-size: cover
}

.overlapBox .imgBox img {
    display: block;
    width: 100%;
    height: auto
}

.overlapBox .blockTitle span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5
}

.overlap1 .overlapBox {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #eee
}

.overlap1 .textBox {
    width: 33.33333333%;
    padding: 9.76% 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.overlap1 article p {
    line-height: 2
}

.overlap1 .imgBox {
    width: 66.66666%
}

.overlap2 .overlapBox {
    position: relative
}

.overlap2 .blockTitle {
    margin-bottom: 26px
}

.overlap2 .blockTitle span {
    line-height: 1
}

.overlap2 .textBox {
    width: 29.5%;
    padding-left: 3%;
    padding-right: 3%
}

.overlap2 article {
    width: 42.85%;
    padding: 6% 10.3%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    background-color: #eee;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.overlap2 article p {
    -webkit-line-clamp: 4
}

.overlap2 .imgBox {
    width: 70.5%;
    height: 600px
}

.overlap2 .btnBlock {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}

.overlap2 .btnBlock a {
    display: block;
    width: 100%;
    max-width: 152px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
    background-color: #0050A3;
    color: #fff
}

.overlap2 .LBox {
    left: 0
}

.overlap2 .RBox {
    right: 0
}

.overlap3 {
    background-color: #eee;
    padding-top: 70px;
    padding-bottom: 70px
}

.overlap3 article {
    width: 40%;
    padding-top: 6.7%
}

.overlap3 article p {
    -webkit-line-clamp: 10
}

.overlap3 .imgBox {
    width: 60%
}

.overlap4 {
    margin-top: 70px;
    margin-bottom: 70px
}

.overlap4 .overlapBox {
    position: relative
}

.overlap4 .textBox {
    width: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    border-top: 7px #D7D7D7 solid;
    border-bottom: 7px #D7D7D7 solid
}

.overlap4 .textBox>div {
    width: 100%;
    height: auto;
    padding: 12%;
    position: relative
}

.overlap4 .textBox>div .borderL,
.overlap4 .textBox>div .borderR {
    width: 7px;
    height: 33.33333%;
    background-color: #D7D7D7;
    position: absolute
}

.overlap4 .textBox>div .borderL {
    bottom: -7px;
    left: 0
}

.overlap4 .textBox>div .borderR {
    top: -7px;
    right: 0
}

.overlap4 .textBox p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.overlap4 .overlapBtn {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 50px;
    padding: 10px;
    border: 1px #D7D7D7 solid
}

.overlap4 .BoxBorderL {
    right: 57%;
    border-left: 7px #D7D7D7 solid
}

.overlap4 .BoxBorderL .overlapBtn {
    margin: 0 0 0 auto
}

.overlap4 .BoxBorderR {
    left: 57%;
    border-right: 7px #D7D7D7 solid
}

.overlap4 .BoxBorderR .overlapBtn {
    margin: 0 auto 0 0
}

.overlap4 .imgBox {
    width: 60%
}

.overlap4 .blockTitle span {
    line-height: 1.3
}

.overlap5 .overlapBox {
    position: relative
}

.overlap5 .textBox {
    width: 48.86%;
    padding: 60px 90px;
    background-color: rgba(247, 247, 247, 0.8);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.overlap5 .LBox {
    left: 0
}

.overlap5 .RBox {
    right: 0
}

.overlap5 .blockTitle span {
    color: #0050A3
}

.overlap5 .imgBox {
    width: 66.05%
}

.counterBlock {
    width: 100%;
    width: 100%;
    background: url("../images_v4/orgation_back.jpg") no-repeat;
    background-size: cover;
    color: #fff
}

.counterList .item {
    padding-top: 30px;
    padding-bottom: 30px
}

.counterList .numberBox {
    font-size: 24px
}

.counterList .countup {
    font-size: 49px;
    font-weight: bold
}

.counterList sub,
.counterList sup {
    margin-left: 5px
}

.counterList .subBlockTitle {
    margin-top: 0;
    color: #fff
}

.bgParallax.counterBlock2 {
    padding: 100px 15px 50px 15px
}

.counterList2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.counterList2 .item {
    width: calc((100% - 120px) / 4);
    position: relative;
    border-left: 2px #0050A3 solid;
    border-right: 2px #0050A3 solid;
    border-bottom: 2px #0050A3 solid;
    color: #fff;
    padding: 0 20px 20px 20px;
    margin: 0 15px 50px 15px;
    text-align: center
}

.counterList2 .item:before {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #0050A3;
    position: absolute;
    top: 0;
    left: 0
}

.counterList2 .item:after {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #0050A3;
    position: absolute;
    top: 0;
    right: 0
}

.counterList2 .item .iconBox {
    font-size: 36px;
    line-height: 36px;
    color: #0050A3;
    -webkit-transform: translateY(-17px);
    -ms-transform: translateY(-17px);
    transform: translateY(-17px)
}

@media (max-width:767px) {
    .counterList2 .item {
        width: calc(50% - 30px)
    }
}

@media (max-width:460px) {
    .counterList2 .item {
        width: 100%;
        margin: 0 auto 50px auto
    }
}

.counterList2 .numberBox {
    font-size: 32px
}

.counterList2 .subBlockTitle {
    color: #fff
}

@media (max-width:1440px) {
    .overlap2 .imgBox {
        height: 500px
    }
    .overlap2 article {
        padding: 4.59% 10.3%
    }
}

@media (max-width:1200px) {
    .overlap5 .textBox {
        padding: 60px
    }
}

@media (min-width:992px) {
    .overlap5 .dotsL .slick-dots {
        margin-right: 33.03%
    }
    .overlap5 .dotsR .slick-dots {
        margin-left: 33.03%
    }
    .overlap5 p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media (max-width:992px) {
    .overlapBox .orderBox {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .overlap1 .imgBox,
    .overlap1 .textBox {
        width: 100%;
        height: 460px
    }
    .overlap2 .imgBox,
    .overlap2 .textBox {
        width: 100%
    }
    .overlap2 .textBox {
        display: none
    }
    .overlap2 article {
        width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: 9% 10.3%
    }
    .overlap3 .imgBox,
    .overlap3 article {
        width: 100%;
        margin-bottom: 50px
    }
    .overlap4 .overlapBox>div:first-child {
        margin-bottom: 15px
    }
    .overlap4 .imgBox,
    .overlap4 .textBox {
        width: 100%
    }
    .overlap4 .textBox {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .overlap5 .imgBox,
    .overlap5 .textBox {
        width: 100%
    }
    .overlap5 .textBox {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:520px) {
    .overlap5 .textBox {
        padding: 60px 0
    }
}

.listBlock {
    width: 100%
}

.listBlock .listBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px #ccc solid
}

.listBlock .imgBox {
    width: 50%
}

.listBlock .imgBox img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.listBlock .textBox {
    width: 50%;
    padding: 5%
}

.listBlock .textBox p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.listBlock .moreBtn {
    width: 120px;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    color: #0050A3;
    background: transparent;
    border: 1px #19c0d6 solid;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.listBlock .moreBtn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    background: -o-linear-gradient(315deg, #0050A3 0%, #19c0d6 100%);
    background: linear-gradient(135deg, #0050A3 0%, #19c0d6 100%);
    z-index: -1;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.listBlock .moreBtn:hover {
    color: #fff
}

.listBlock .moreBtn:hover:before {
    width: 105%;
    right: auto;
    left: 0
}

@media (max-width:1199px) {
    .listBlock .listBox {
        margin-bottom: 15px
    }
}

@media (max-width:576px) {
    .listBlock .imgBox,
    .listBlock .textBox {
        width: 100%
    }
}

.listBlock2 .itemBox {
    display: block;
    width: 100%;
    padding: 20px;
    margin-bottom: 50px
}

.listBlock2 .itemBox.borderItem {
    border: 1px #d6d6d6 solid
}

.listBlock2 .subBlockTitle {
    height: 39px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.listBlock2 .itemContent {
    height: 96px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width:768px) {
    .listBlock2 .itemContent {
        height: 75px
    }
}

.graphicBox {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.graphicBox .textBox {
    width: 33.3333%;
    padding-right: 60px
}

.graphicBox .imgBox {
    width: 66.6666%
}

.graphicBox .subBlockTitle {
    margin-bottom: 12px
}

@media (max-width:992px) {
    .graphicBox .imgBox,
    .graphicBox .textBox {
        width: 100%
    }
    .graphicBox .textBox {
        padding-right: 0
    }
}

.hoverLinkList .item {
    width: 100%;
    display: block;
    position: relative
}

.hoverLinkList .item img {
    width: 100%;
    display: block
}

.hoverLinkList .item .textBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hoverLinkList .item .textBox .blockTitle small,
.hoverLinkList .item .textBox .blockTitle span {
    color: #fff
}

.hoverLinkList .item:hover .textBox {
    background-color: rgba(0, 0, 0, 0)
}

.subscribeBlock {
    width: 100%;
    background-color: #0050A3;
    color: #fff
}

.subscribeContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px
}

.subscribeContent .RBox {
    width: 462px
}

.subscribeContent .LBox {
    width: calc(100% - 462px)
}

.subscribeContent form {
    width: 100%;
    max-width: 462px;
    height: 42px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px #fff solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subscribeContent input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block
}

.subscribeContent .btn,
.subscribeContent .textBox {
    height: 42px
}

.subscribeContent .textBox {
    width: calc(100% - 126px);
    line-height: 42px;
    padding: 0 15px;
    background: transparent;
    color: #fff
}

.subscribeContent .textBox::-webkit-input-placeholder {
    color: #fff
}

.subscribeContent .textBox::-moz-placeholder {
    color: #fff
}

.subscribeContent .textBox:-ms-input-placeholder {
    color: #fff
}

.subscribeContent .textBox::-ms-input-placeholder {
    color: #fff
}

.subscribeContent .textBox::placeholder {
    color: #fff
}

.subscribeContent .btn {
    width: 126px;
    line-height: 42px;
    text-align: center;
    background-color: #19c0d6;
    color: #fff
}

@media screen and (max-width:576px) {
    .subscribeContent .LBox,
    .subscribeContent .RBox {
        width: 100%
    }
    .subscribeContent .LBox {
        margin-bottom: 5px
    }
}

.listBlock3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 26px
}

.listBlock3 .listContent {
    width: 100%;
    max-width: 1600px;
    padding-left: 56px;
    position: relative
}

.listBlock3 .listBg {
    width: 100%;
    background: url(../images_v4/capability-bg2.jpg) no-repeat center center/cover;
    padding-top: 55px;
    padding-bottom: 90px
}

.listBlock3 .listFlexBox {
    width: 100%;
    max-width: 1189px;
    padding-left: 75px;
    padding-right: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.listBlock3 .listFlexBox .item {
    width: 25%;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 34px;
    color: #fff
}

@media screen and (max-width:1199px) {
    .listBlock3 .listFlexBox .item {
        width: 33.3333%
    }
}

@media screen and (max-width:768px) {
    .listBlock3 .listFlexBox .item {
        width: 50%
    }
}

@media screen and (max-width:500px) {
    .listBlock3 .listFlexBox .item {
        width: 100%
    }
}

.listBlock3 .listFlexBox .item p {
    font-size: 16px;
    line-height: 1.3
}

.listBlock3 .subBlockTitle {
    font-size: 48px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 6px
}

.listBlock3 .textImg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.listBlock4,
.listBlock5 {
    background: url("../images_v4/orgation_back.jpg") no-repeat;
    background-size: cover;
    color: #fff;
    padding: 70px 0 100px 0
}

.listBlock4 .blockTitle small,
.listBlock4 .blockTitle span,
.listBlock4 .subBlockTitle,
.listBlock5 .blockTitle small,
.listBlock5 .blockTitle span,
.listBlock5 .subBlockTitle {
    color: #fff
}

.listBlock4 .item,
.listBlock5 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.listBlock4 .item .iconBox,
.listBlock5 .item .iconBox {
    width: 60px;
    text-align: center;
    margin-right: 20px
}

.listBlock4 .item .iconBox i,
.listBlock5 .item .iconBox i {
    width: 100%;
    line-height: 60px;
    font-size: 35px;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.listBlock4 .item .iconBox img,
.listBlock5 .item .iconBox img {
    width: 100%
}

.listBlock4 .item .textBox,
.listBlock5 .item .textBox {
    width: calc(100% - 80px)
}

.listBlock4 .item:hover,
.listBlock5 .item:hover {
    background-color: #19c0d6
}

.listBlock4 .item:hover .iconBox i,
.listBlock5 .item:hover .iconBox i {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.listBlock4 .item:nth-child(2n) {
    border-right: 0
}

.listBlock4 .item:last-child,
.listBlock4 .item:nth-last-child(2) {
    border-bottom: 0
}

.listBlock5 .item:nth-child(3n) {
    border-right: 0
}

.listBlock5 .item:last-child,
.listBlock5 .item:nth-last-child(2),
.listBlock5 .item:nth-last-child(3) {
    border-bottom: 0
}

@media screen and (max-width:991px) {
    .listBlock5 .item:nth-child(3n) {
        border-right: 1px rgba(255, 255, 255, 0.3) solid
    }
    .listBlock5 .item:nth-child(2n) {
        border-right: 0
    }
    .listBlock5 .item:nth-last-child(3) {
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid
    }
}

@media screen and (max-width:768px) {
    .listBlock4 .row .item,
    .listBlock5 .row .item {
        margin-bottom: 0
    }
    .listBlock4 .iconBox,
    .listBlock5 .iconBox {
        width: 40px
    }
    .listBlock4 .textBox,
    .listBlock5 .textBox {
        width: calc(100% - 60px)
    }
}

@media screen and (max-width:575px) {
    .listBlock4,
    .listBlock5 {
        padding: 70px 0
    }
    .listBlock4 .item,
    .listBlock5 .item {
        border-right: 0
    }
    .listBlock4 .item:nth-last-child(2) {
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid
    }
    .listBlock5 .item:nth-child(3n) {
        border-right: 0
    }
    .listBlock5 .item:nth-last-child(2) {
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid
    }
}

.listBlock6,
.listBlock7,
.listBlock8 {
    padding: 70px 0 50px 0;
    background: url("../images_v4/orgation_back.jpg") no-repeat;
    background-size: cover
}

.listBlock6 .blockTitle,
.listBlock7 .blockTitle,
.listBlock8 .blockTitle {
    margin-bottom: 50px
}

.listBlock6 .itemList,
.listBlock7 .itemList,
.listBlock8 .itemList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.listBlock6 .item,
.listBlock7 .item,
.listBlock8 .item {
    position: relative;
    color: #fff;
    text-align: center;
    margin: 0 15px 70px 15px;
    padding: 30px;
    border: 2px #fff solid
}

.listBlock6 .item .iconBox,
.listBlock7 .item .iconBox,
.listBlock8 .item .iconBox {
    width: 80%;
    font-size: 56px;
    line-height: 80px;
    margin: 0 auto;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px)
}

.listBlock6 .item .iconBox i,
.listBlock7 .item .iconBox i,
.listBlock8 .item .iconBox i {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.listBlock6 .item .linkBox,
.listBlock7 .item .linkBox,
.listBlock8 .item .linkBox {
    display: inline-block;
    padding: 10px;
    position: absolute;
    left: 50%;
    bottom: -26px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.listBlock6 .item .btn,
.listBlock7 .item .btn,
.listBlock8 .item .btn {
    display: inline-block;
    width: 100px;
    background-color: #fff;
    color: #0050A3
}

.listBlock6 .item:hover .iconBox i,
.listBlock7 .item:hover .iconBox i,
.listBlock8 .item:hover .iconBox i {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.listBlock6 .blockTitle small,
.listBlock6 .blockTitle span,
.listBlock6 .subBlockTitle,
.listBlock7 .blockTitle small,
.listBlock7 .blockTitle span,
.listBlock7 .subBlockTitle,
.listBlock8 .blockTitle small,
.listBlock8 .blockTitle span,
.listBlock8 .subBlockTitle {
    color: #fff
}

.listBlock6 .item {
    width: calc((100% - 90px) / 3)
}

@media (max-width:991px) {
    .listBlock6 .item {
        width: 100%
    }
}

.listBlock7 .item {
    width: calc((100% - 120px) / 4)
}

@media (max-width:1024px) {
    .listBlock7 .item {
        width: calc((100% - 60px) / 2)
    }
}

@media (max-width:576px) {
    .listBlock7 .item {
        width: 100%
    }
}

.listBlock8 .item {
    width: calc((100% - 150px) / 5)
}

@media (max-width:1366px) {
    .listBlock8 .item {
        width: calc((100% - 90px) / 3)
    }
}

@media (max-width:992px) {
    .listBlock8 .item {
        width: calc((100% - 60px) / 2)
    }
}

@media (max-width:576px) {
    .listBlock8 .item {
        width: 100%
    }
}

.graphicBlock .graphicBox2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.graphicBlock .textBox {
    width: 40.5%;
    padding-right: 4%
}

@media screen and (max-width:1024px) {
    .graphicBlock .textBox {
        width: 100%;
        padding-left: 4%;
        margin-bottom: 50px
    }
}

.graphicBlock .imgBox {
    width: 39%
}

.graphicBlock .imgBox img {
    width: 100%;
    display: block
}

@media screen and (max-width:1024px) {
    .graphicBlock .imgBox {
        width: 100%
    }
}

.slideBlock5 .swiper-button-next,
.slideBlock5 .swiper-button-prev {
    background: #0050A3;
    color: #fff;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: auto;
    bottom: 0
}

@media (max-width:992px) {
    .slideBlock5 .swiper-button-next,
    .slideBlock5 .swiper-button-prev {
        display: none
    }
}

.slideBlock5 .swiper-button-prev {
    left: auto;
    right: 44px
}

.slideBlock5 .swiper-button-next {
    right: 0
}

.slideBlock5 .swiper-slide a,
.slideBlock5 .swiper-slide img {
    display: block;
    width: 100%
}

.slideBlock5 .swiper-pagination {
    width: 70px;
    background-color: #0050A3;
    color: #fff;
    font-size: 13px;
    padding: 3px 14px;
    border-radius: 50px;
    display: none
}

@media (max-width:992px) {
    .slideBlock5 .swiper-pagination {
        display: block
    }
}

.slideBlock5 .swiper-pagination-fraction {
    left: auto;
    right: 10px
}

.cawareList {
    width: 100%;
    max-width: 1795px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cawareList .LBox {
    width: 40%;
    padding: 6px
}

.cawareList .MBox {
    width: 50%;
    padding: 6px
}

.cawareList .SBox {
    width: 20%;
    padding: 6px
}

.cawareList .cawRow1,
.cawareList .cawRow2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cawareList .imgBg {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.cawareList .imgBg img {
    display: block;
    width: 100%
}

.cawareList .hoverBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.cawareList .title {
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 32px
}

@media screen and (max-width:576px) {
    .cawareList .title {
        font-size: 18px
    }
}

.cawareList .textBox {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width:992px) {
    .cawareList .textBox {
        display: none
    }
}

.cawareList .textBox p {
    line-height: 1.2
}

@media screen and (max-width:1439px) {
    .cawareList .textBox p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.cawareList .textBox li {
    position: relative;
    padding-left: 22px
}

.cawareList .textBox li i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.8
}

.cawareList .hoverTitle {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    padding: 0 38px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media screen and (max-width:576px) {
    .cawareList .hoverTitle {
        font-size: 18px
    }
}

.cawareList .cawRow1 .hoverBox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 166px 26px 0px 26px
}

@media screen and (min-width:1440px) and (max-width:1760px) {
    .cawareList .cawRow1 .hoverBox {
        padding: 100px 26px 0px 26px
    }
}

@media screen and (min-width:1271px) and (max-width:1439px) {
    .cawareList .cawRow1 .hoverBox {
        padding: 70px 26px 0px 26px
    }
}

.cawareList .cawRow1 .hoverBox:before {
    content: "";
    display: block;
    width: 1px;
    height: 166px;
    background-color: #fff;
    position: absolute;
    left: 78px;
    top: 0;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

@media screen and (min-width:1440px) and (max-width:1760px) {
    .cawareList .cawRow1 .hoverBox:before {
        left: 53px;
        height: 100px
    }
}

@media screen and (min-width:1271px) and (max-width:1439px) {
    .cawareList .cawRow1 .hoverBox:before {
        left: 40px;
        height: 70px
    }
}

.cawareList .cawRow1 .hoverTitle {
    bottom: 0
}

.cawareList .cawRow1 .hoverTitle:after {
    content: "";
    display: block;
    width: 1px;
    height: 46px;
    background-color: #fff;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    margin-top: 7px;
    margin-left: 16px
}

.cawareList .cawRow2 .hoverBox {
    padding: 40px 26px 0px 26px
}

.cawareList .cawRow2 .hoverBox:after {
    content: "";
    display: block;
    width: 1px;
    height: 166px;
    background-color: #fff;
    position: absolute;
    left: 78px;
    bottom: -8px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

@media screen and (min-width:1440px) and (max-width:1760px) {
    .cawareList .cawRow2 .hoverBox:after {
        left: 53px;
        height: 100px
    }
}

@media screen and (min-width:1271px) and (max-width:1439px) {
    .cawareList .cawRow2 .hoverBox:after {
        left: 40px;
        height: 70px
    }
}

.cawareList .cawRow2 .hoverTitle {
    top: 0
}

.cawareList .cawRow2 .hoverTitle:before {
    content: "";
    display: block;
    width: 1px;
    height: 46px;
    background-color: #fff;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    margin-top: 7px;
    margin-left: 16px
}

.cawareList .imgBg:hover .hoverBox {
    opacity: 1
}

.cawareList .imgBg:hover .hoverTitle {
    opacity: 0
}

.cawareList .item1 .hoverBox {
    background-image: url(../images_v4/index/Hospital.jpg);
    color: #009CDE
}

.cawareList .item1 .hoverBox:before {
    background-color: #009CDE
}

.cawareList .item2 .hoverBox {
    background-image: url(../images_v4/index/bio-lab.jpg);
    color: #892A75
}

.cawareList .item2 .hoverBox:before {
    background-color: #892A75
}

.cawareList .item3 .hoverBox {
    background-image: url(../images_v4/index/ghost_kitchen.jpg);
    color: #A9404B
}

.cawareList .item3 .hoverBox:before {
    background-color: #A9404B
}

.cawareList .item4 .hoverBox {
    background-image: url(../images_v4/index/Cafe.jpg);
    color: #563D28
}

.cawareList .item4 .hoverBox:before {
    background-color: #563D28
}

.cawareList .item5 .hoverBox {
    background-image: url(../images_v4/index/facility.jpg);
    color: #3f3f3f
}

.cawareList .item5 .hoverBox:after {
    background-color: #3f3f3f
}

.cawareList .item6 .hoverBox {
    background-image: url(../images_v4/index/kitchen_bath.jpg);
    color: #D56E48
}

.cawareList .item6 .hoverBox:after {
    background-color: #D56E48
}

.cawareList .item7 .hoverBox {
    background-image: url(../images_v4/index/wild-fields.jpg);
    color: #0070CD
}

.cawareList .item7 .hoverBox:after {
    background-color: #0070CD
}

.cawareList .item8 .hoverBox {
    background-image: url(../images_v4/index/G2G.jpg);
    color: #562c
}

.cawareList .item8 .hoverBox:after {
    background-color: #562c
}

@media screen and (max-width:1270px) {
    .cawareList.pcList {
        display: none
    }
}

.cawareList.mbList {
    max-width: 1118px;
    display: none
}

@media screen and (max-width:1270px) {
    .cawareList.mbList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.cawareList.mbList .hoverBox {
    padding: 40px 26px 0px 26px
}

@media screen and (max-width:576px) {
    .cawareList.mbList .hoverBox {
        padding: 15px 15px 0 15px
    }
}

.cawareList.mbList .hoverBox:after {
    content: "";
    display: block;
    width: 1px;
    height: 166px;
    background-color: #fff;
    position: absolute;
    left: 78px;
    bottom: -8px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

@media screen and (max-width:1270px) {
    .cawareList.mbList .hoverBox:after {
        left: 40px;
        height: 70px
    }
}

@media screen and (max-width:576px) {
    .cawareList.mbList .hoverBox:after {
        left: 24px;
        height: 34px
    }
}

.cawareList.mbList .hoverTitle {
    bottom: 0
}

@media screen and (max-width:576px) {
    .cawareList.mbList .hoverTitle {
        padding: 0 15px
    }
}

.cawareList.mbList .hoverTitle:after {
    content: "";
    display: block;
    width: 1px;
    height: 46px;
    background-color: #fff;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    margin-top: 7px;
    margin-left: 16px
}

@media screen and (max-width:576px) {
    .cawareList.mbList .hoverTitle:after {
        left: 0;
        height: 34px
    }
}

.cawareList.mbList .item1 .hoverBox:after {
    background-color: #009CDE
}

.cawareList.mbList .item2 .hoverBox:after {
    background-color: #892A75
}

.cawareList.mbList .item3 .hoverBox:after {
    background-color: #A9404B
}

.cawareList.mbList .item4 .hoverBox:after {
    background-color: #563D28
}

.cawareList.mbList .item5 .hoverBox:after {
    background-color: #3f3f3f
}

.cawareList.mbList .item6 .hoverBox:after {
    background-color: #D56E48
}

.cawareList.mbList .item7 .hoverBox:after {
    background-color: #0070CD
}

.cawareList.mbList .item8 .hoverBox:after {
    background-color: #562c
}

.cawareListBlock1 .cawRow1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cawareListBlock1 .cawRow2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cawareListBlock2 .cawRow1 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cawareListBlock2 .cawRow2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cawareListBlock3 .cawRow1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cawareListBlock3 .cawRow2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cawareListBlock4 .cawRow1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cawareListBlock4 .cawRow2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.floatMainBlock {
    width: 90%;
    margin: 0 auto;
    padding: 0 5%;
    background-color: #fff;
    position: relative;
    margin-top: -28%;
    margin-bottom: 50px
}

.floatMainBlock .container {
    width: 100%;
    max-width: 1440px
}

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

@media screen and (max-width:768px) {
    .floatMainBlock .container {
        margin-top: -60%
    }
}

.floatMainBox {
    padding: 50px 0
}

@media screen and (max-width:1024px) {
    .floatMainBox {
        padding-top: 1px
    }
}

.editTab .tabList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px #0050A3 solid
}

.editTab .tabList a {
    display: inline-block;
    width: 100%;
    max-width: 330px;
    background-color: #0050A3;
    color: #fff;
    padding: 20px 15px;
    text-align: center
}

.editTab .tabList a.active {
    background-color: #19c0d6
}

.editTab .tabList span:first-child {
    padding-right: 10px;
    margin-right: 15px;
    border-right: 1px #fff solid
}

.editTab .tabContent {
    width: 100%;
    padding-top: 50px;
    overflow-x: hidden
}

.editTab .tabBox {
    width: 100%;
    height: 0;
    overflow: hidden
}

.editTab .tabBox.active {
    height: auto
}

.tabSlide {
    width: 100%
}

.tabSlide .imgBox {
    width: 100%;
    max-width: 330px;
    margin: 0 auto
}

.scheduleTable {
    width: 100%;
    margin-top: 30px
}

.scheduleTable .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scheduleTable .item div {
    padding: 20px 15px
}

.scheduleTable .item div:first-child {
    width: 20%
}

.scheduleTable .item div:nth-child(2) {
    width: 35%
}

.scheduleTable .item div:last-child {
    width: 45%
}

.scheduleTable div.item:nth-child(odd) {
    background-color: #0050A3;
    color: #fff
}

.lightBoxDataBlock {
    display: none
}

.lightData {
    width: 100%;
    max-width: 94%;
    max-width: 690px;
    max-height: 480px;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px #0050A3 solid;
    border-bottom-width: 12px;
    padding: 20px 15px 15px 15px
}

.lightData .imgBox {
    width: 200px;
    margin: 0 auto
}

.lightData .subBlockTitle span {
    display: block;
    font-weight: bold;
    line-height: 1.3
}

.lightData .subBlockTitle small {
    display: block;
    font-size: 16px
}

.icon_mbm {
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block
}

.icon-link {
    color: #cccccc;
    margin-left: 30px;
    font-size: 16px;
    display: inline-block
}

.icon-link i {
    font-weight: bold;
    color: #0050A3;
    margin-right: 5px
}

.icon-link:hover {
    color: #0050A3
}

@media (max-width:440px) {
    .icon-link {
        margin-left: 5px
    }
}

.icon_mbm {
    width: 31px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 5px
}

.icon_fb {
    background-image: url(../images_v4/icon/icon_fb-mbm.svg)
}

.icon_google {
    background-image: url(../images_v4/icon/icon_google-mbm.svg)
}

.icon_line {
    background-image: url(../images_v4/icon/icon_line-mbm.svg)
}

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

.btn-cis1,
.btn-gray2,
.btn-gray,
.btn-orange,
.btn-pink,
.btn-white,
.btn-white2 {
    font-size: 16px;
    border-radius: 5px;
    min-width: 192px;
    text-align: center;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 0.5em
}

.btn-cis1 i,
.btn-gray2 i,
.btn-gray i,
.btn-orange i,
.btn-pink i,
.btn-white2 i,
.btn-white i {
    font-size: 15px;
    margin-right: 5px
}

@media (max-width:1024px) {
    .btn-cis1,
    .btn-gray2,
    .btn-gray,
    .btn-orange,
    .btn-pink,
    .btn-white,
    .btn-white2 {
        font-size: 14px
    }
}

.btn-orange,
.btn-pink {
    color: #ffffff
}

.btn-cis1,
.btn-gray2,
.btn-gray,
.btn-white,
.btn-white2 {
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    margin: 1em 0;
    cursor: pointer
}

.btn-cis1 {
    border-color: #0050A3;
    background-color: #0050A3
}

.btn-white {
    color: #000000;
    border-color: #999999;
    background-color: #ffffff
}

.btn-white:focus,
.btn-white:hover {
    color: #000000
}

.btn-white2 {
    color: #4D4D4D;
    border-color: #EBEBEB;
    background-color: #ffffff
}

.btn-white2:focus,
.btn-white2:hover {
    color: #4D4D4D;
    border-color: #858585
}

.btn-gray {
    border-color: #858585;
    background-color: #858585
}

.btn-gray2 {
    color: #4D4D4D;
    border-color: #EBEBEB;
    background-color: #EBEBEB
}

.btn-gray2:hover {
    color: #4D4D4D
}

.btn-orange {
    background-color: #ff9933
}

.btn-pink {
    background-color: #ff5353
}

.even_btn a,
.even_btn button {
    margin-right: 15px
}

.even_btn a:last-child,
.even_btn button:last-child {
    margin-right: 0
}

[class^=moreBtn] {
    display: inline-block;
    font-size: 16px
}

.moreBtn1,
.moreBtn2 {
    min-width: 140px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px #0050A3 solid;
    background-color: #0050A3;
    color: #fff
}

.moreBtn1:hover,
.moreBtn2:hover {
    color: #fff
}

.moreBtn2 {
    border-radius: 23px
}

.moreBtn3:after {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: bold;
    -webkit-transform: translate3d(6px, 0, 0);
    transform: translate3d(6px, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.moreBtn3:hover:after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

a.large-btn {
    width: 100%;
    background-color: #0050A3;
    color: #fff;
    font-size: 22px;
    padding: 48px 25.6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

a.large-btn i {
    font-size: 36px;
    margin-right: 15px
}

a.large-btn>span {
    display: inline-block;
    text-align: center
}

a.large-btn>span span {
    display: block;
    line-height: 1
}

a.large-btn>span small {
    display: block;
    font-size: 13px
}

a.large-btn:hover {
    background: #19c0d6!important
}

@media (max-width:768px) {
    .large-btn-group>div {
        margin-bottom: 0!important
    }
}

.bg_gray {
    background-color: #e6e6e6
}

.bgParallax {
    min-height: 360px;
    padding: 120px 15px;
    position: relative;
    background-size: cover;
    background-attachment: fixed
}

.bgParallax:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

.bgParallax .container {
    position: relative;
    z-index: 1
}

.bgParallax .blockTitle>small,
.bgParallax .blockTitle>span {
    color: #ffffff
}

.bgParallax .articleTitle,
.bgParallax p {
    color: #ffffff
}

.parallax1 {
    color: #fff;
    min-height: 355px;
    padding: 58px 15px
}

.parallax1 .container {
    max-width: 1170px
}

.parallax1 .contentBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.parallax1 .LBox {
    width: 30%
}

.parallax1 .RBox {
    width: 67%
}

.parallax1 .LBox,
.parallax1 .RBox {
    padding: 15px
}

.parallax1 .blockTitle span:first-child {
    font-size: 30px
}

.parallax1 .blockTitle small {
    display: block;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 1;
    line-height: 1.5
}

.parallax1 .underLine {
    margin: 16px 0 0 0
}

.parallax1 p {
    margin: 16px 0;
    line-height: 2
}

.parallaxTextBox {
    width: 600px;
    padding: 57.6px 42.6px
}

.parallaxLeftTextBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.no-text-parallax {
    height: 120px
}

.bgParallax2 .paddingBox {
    padding-left: 5%;
    padding-right: 5%
}

.bgParallax2 .parallaxText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.bgParallax2 .blockTitle {
    width: 100%
}

.bgParallax2 p {
    width: 720px
}

.bgParallax2 .btn-gray {
    margin-left: 60px
}

.bgParallax3 {
    width: 100%;
    padding-top: 184px;
    padding-bottom: 178px
}

.bgParallax3 .parallaxContent {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.bgParallax3 .textBox {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width:1024px) {
    .bgParallax3 .textBox {
        width: 60%
    }
}

@media screen and (max-width:768px) {
    .bgParallax3 .textBox {
        width: 62%
    }
}

@media screen and (max-width:576px) {
    .bgParallax3 .textBox {
        width: 100%
    }
}

.bgParallax3 .blockTitle span {
    color: #fff;
    margin-bottom: 12px
}

.bgParallax3 .blockTitle small {
    color: #19c0d6;
    font-weight: bold;
    margin-bottom: 10px
}

.bgParallax3 p {
    width: 100%;
    max-width: 540px;
    color: #fff
}

.bgParallax3 .btnGroup {
    margin-top: 30px
}

.bgParallax3 .btn {
    min-width: 155px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px
}

.bgParallax3 .btn:hover {
    color: #19c0d6
}

@media (max-width:1300px) {
    .parallaxTextBox {
        width: 100%
    }
}

@media (min-width:1109px) {
    .bgParallax2 {
        padding: 158px 15px
    }
    .bgParallax2 .btn-gray {
        margin-bottom: 0
    }
}

@media (max-width:1109px) {
    .bgParallax2 .parallaxText>div,
    .bgParallax2 .parallaxText>p {
        width: 100%
    }
}

.bgParallax4 {
    min-height: auto;
    padding: 60px 15px
}

.bgParallax4 .subBlockTitle {
    color: #858585;
    margin-bottom: 25px
}

.bgParallax4 .contactBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bgParallax4 .LBox,
.bgParallax4 .RBox {
    width: 50%;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 50px 30px;
    position: relative
}

.bgParallax4 .LBox:hover,
.bgParallax4 .RBox:hover {
    background-color: #fff
}

@media (max-width:768px) {
    .bgParallax4 .LBox,
    .bgParallax4 .RBox {
        width: 100%;
        padding: 20px 30px
    }
}

.bgParallax4 .RBox:before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 60px);
    background-color: #aaa;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1
}

@media (max-width:768px) {
    .bgParallax4 .RBox:before {
        width: calc(100% - 60px);
        height: 1px;
        top: 0;
        left: 30px
    }
}

.bgParallax4 .phone {
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    color: #0050A3
}

.bgParallax4 .phone a {
    color: #0050A3
}

.bgParallax4 .phone a:hover {
    text-decoration: underline
}

.bgParallax4 .btn {
    width: 225px;
    height: 45px;
    background: #0050A3;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    letter-spacing: 1.5px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.bgParallax4 .btn:before {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.bgParallax4 .btn:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.bgParallax4 .btn:hover {
    background-color: #19c0d6;
    letter-spacing: 3.5px
}

.bgParallax4 .btn:hover:before {
    opacity: 1
}

.bgParallax4 .btn:hover:after {
    opacity: 1;
    right: 22px
}

@media (min-width:661px) {
     ::-webkit-full-page-media,
     :future,
     :root .bgParallax {
        background-size: 100% auto!important;
        background-attachment: fixed!important
    }
}

@media (max-width:660px) {
     ::-webkit-full-page-media,
     :future,
     :root .bgParallax {
        background-size: auto 100%!important;
        background-attachment: scroll!important
    }
}

.goTop {
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 140px
}

@media (max-width:992px) {
    .goTop {
        right: 0;
        bottom: 0
    }
    .goTop img {
        max-width: 60px
    }
}

.pageNumber {
    text-align: center;
    margin: 50px 0
}

.pageNumber ul li {
    display: inline-block;
    color: #5c5e5d;
    font-size: 20px
}

.pageNumber ul li a {
    color: #5c5e5d
}

.pageNumber ul li.active a,
.pageNumber ul li:hover a {
    color: #0050A3
}

.pageNumber ul li.prev {
    margin-right: 70px
}

.pageNumber ul li.next {
    margin-left: 70px
}

.hr_line {
    border-bottom: 1px solid #e5e5e5
}

.pageControl {
    padding: 30px 0;
    margin-top: 60px;
    border-top: 1px solid rgba(51, 51, 51, 0.3)
}

.disabled {
    position: relative
}

.disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1
}

.disabled * {
    position: relative;
    z-index: 0
}

.disabled,
.disabled *,
.disabled:hover,
.disabled:hover * {
    color: #ccc;
    border-color: #ccc;
    background: none
}

.breadcrumb {
    padding: 10px 0;
    text-align: right
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #cc
}

.breadcrumb li:last-child a {
    color: #0050A3
}

.breadcrumb a {
    font-size: 13px;
    font-weight: 400;
    color: #999
}

.coverAd {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.coverAd .adBg {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.coverAd .adBox {
    width: 90%;
    max-width: 800px;
    border: 7px #fff solid;
    position: relative;
    z-index: 2
}

.coverAd .closeBtn {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    border: 3px #fff solid;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 1
}

.coverAd .closeBtn i {
    margin-bottom: 2px
}

.coverAd .imgBox {
    width: 100%;
    max-height: 80vh;
    overflow: auto
}

.coverAd .imgBox img {
    display: block;
    width: 100%;
    height: auto
}

@media (max-width:1300px) {
    .bgParallax .container {
        width: 100%
    }
}

@media (max-width:1024px) {
    .breadcrumb {
        display: none
    }
    .parallaxTextBox {
        width: 100%;
        padding: 15px
    }
}

@media (max-width:992px) {
    .pageNumber {
        margin-top: 40px
    }
    .pageNumber ul li {
        font-size: 18px
    }
}

@media (max-width:768px) {
    .pageNumber ul li {
        font-size: 16px
    }
    .parallax1 .LBox,
    .parallax1 .RBox {
        width: 100%
    }
}

.pageTitle h2,
.pageTitle span {
    color: #0050A3;
    font-size: 32px;
    font-weight: bold
}

.pageTitleStyle-1 {
    position: relative;
    margin-bottom: 15px
}

.pageTitleStyle-1 h2,
.pageTitleStyle-1 span {
    color: #0050A3;
    font-size: 32px;
    font-weight: bold
}

.pageTitleStyle-1:after,
.pageTitleStyle-1:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0
}

.pageTitleStyle-1:before {
    width: 50px;
    background-color: #0050a3;
    z-index: 1
}

.pageTitleStyle-1:after {
    width: 100%;
    background-color: #e5e5e5
}

.pageTitleStyle-2 {
    margin-bottom: 15px
}

.pageTitleStyle-2 h2,
.pageTitleStyle-2 span {
    color: #0050A3;
    font-size: 32px;
    font-weight: bold
}

.pageTitleStyle-2 h2,
.pageTitleStyle-2 span {
    font-size: 48px;
    display: block;
    line-height: 1.3
}

.pageTitleStyle-2 h1,
.pageTitleStyle-2 small {
    color: #5C5E5D;
    display: block;
    font-size: 24px
}

.pageTitleStyle-2 h1 {
    margin: 0
}

.pageTitleStyle-3 {
    position: relative;
    margin-bottom: 15px
}

.pageTitleStyle-3 h2,
.pageTitleStyle-3 span {
    color: #0050A3;
    font-size: 32px;
    font-weight: bold
}

.pageTitleStyle-3 span {
    color: #5c5e5d;
    display: block
}

.pageTitleStyle-3:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    background-color: #0050a3;
    z-index: 1
}

.blockTitle {
    margin-bottom: 15px
}

.blockTitle span {
    color: #0050A3;
    font-size: 32px;
    display: block
}

.blockTitle span span {
    color: #cccccc;
    display: inline-block;
    margin-left: 5px
}

.blockTitle small {
    color: #858585;
    font-size: 22px
}

.blockTitle .titleDot {
    width: 100%
}

.blockTitle .titleDot span {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #0050A3;
    margin: 3px
}

.subBlockTitle {
    color: #0050A3;
    font-size: 22px;
    margin-top: 10px
}

.subBlockInfo {
    color: #333333;
    font-size: 16px
}

.subBlockTxt {
    color: #999999;
    font-size: 14px;
    margin-bottom: 0
}

.subBlockTxt i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle
}

.boxTitle span {
    color: #0050A3;
    font-size: 22px;
    font-weight: bold
}

.articleTitle {
    color: #5C5E5D;
    font-size: 22px
}

.underLine {
    display: block;
    width: 30px;
    height: 3px;
    background: #0050A3;
    margin: 0 auto
}

@media (max-width:1024px) {
    .pageTitleStyle-2 {
        margin-top: 36px
    }
}

@media (max-width:768px) {
    .pageTitle span,
    .pageTitleStyle-1 span {
        font-size: 28px
    }
    .pageTitleStyle-2 span {
        font-size: 45px
    }
    .blockTitle span {
        font-size: 28px
    }
    .blockTitle small {
        font-size: 15px
    }
    .articleTitle,
    .boxTitle,
    .subBlockTitle {
        font-size: 20px
    }
}

.no-margin-top {
    margin-top: 0
}

.no-margin-left {
    margin-left: 0
}

.no-margin-right {
    margin-right: 0
}

.no-margin-bottom {
    margin-bottom: 0
}

.no-padding-left {
    padding-left: 0
}

.no-padding-right {
    padding-right: 0
}

.no-padding-top {
    padding-top: 0
}

.no-padding-bottom {
    padding-bottom: 0
}

.spaceList {
    margin: 30px 0
}

.spaceList .row>.col,
.spaceList .row>[class*=col-] {
    margin-bottom: 30px
}

.spaceList .subBlockTxt i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle
}

.spaceList_big {
    margin: 30px 0
}

.spaceList_big .row>.col,
.spaceList_big .row>[class*=col-] {
    margin-bottom: 50px
}

.spaceList_big .subBlockTxt i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle
}

.spaceList_small {
    margin: 30px 0
}

.spaceList_small .row>.col,
.spaceList_small .row>[class*=col-] {
    margin-bottom: 15px
}

.spaceList_small .subBlockTxt i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle
}

.spaceList_xs {
    margin: 30px 0
}

.spaceList_xs .row>.col,
.spaceList_xs .row>[class*=col-] {
    margin-bottom: 7.5px
}

.spaceList_xs .subBlockTxt i {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle
}

.photoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px
}

.photoList .photoList_item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    width: 33.33%;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 6px
}

.photoList .photoList_item.w {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    width: 66.66%
}

.photoList .photoList_item .itemImg {
    padding-bottom: 338px
}

.tabList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    margin-top: 50px
}

.tabList.tabListStyle02 .tabLabel {
    max-width: 100%;
    text-align: left;
    margin-bottom: 15px;
    padding-right: 2.5em
}

.tabList.tabListStyle02 .tabLabel:first-child {
    border-left: 0;
    border-right: 0
}

.tabList.tabListStyle02 .tabLabel:nth-child(3) {
    border-left: 0;
    border-right: 0
}

.tabList.tabListStyle02 .tabLabel:after {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    right: 15px
}

.tabList.tabListStyle02 .tabLabel.active {
    color: #4a4e5c
}

.tabList.tabListStyle02 .tabLabel.active:after {
    content: ""
}

.tabList.tabListStyle02 .tabContent {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-order: 0;
    border-top: 0
}

.tabList .tabLabel {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-order: 0;
    position: relative;
    padding: 5.8px 15px 3.8px 15px;
    color: #4a4e5c;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    font-size: 18px;
    font-weight: bold;
    max-width: 330px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.tabList .tabLabel:first-child {
    border-right: 0
}

.tabList .tabLabel:nth-child(3) {
    border-left: 0
}

.tabList .tabLabel:hover {
    background-color: #f2f2f2
}

.tabList .tabContent {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-order: 2;
    width: 100%;
    padding: 30px 15px;
    margin-top: -1px;
    border-top: 1px solid #f2f2f2;
    display: none
}

.tabList .tabContent img {
    max-width: 100%;
    height: auto
}

.tabList .tabLabel.active {
    background-color: #f2f2f2
}

.tabList .tabLabel.active+.tabContent {
    display: block
}

.contSocial_list li {
    display: inline-block;
    margin-right: 10px;
    height: 42px;
    overflow: hidden
}

.contSocial_list li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 5px
}

.contSocial_list li a span {
    font-size: 40px
}

.contSocial_list li a span:before {
    color: #858585
}

.contSocial_list li a:hover span:before {
    color: #0050A3
}

.contSocial_list li:last-child {
    margin-right: 0
}

.list_faicon {
    padding-left: 30px
}

.list_faicon li {
    color: #000000
}

.list_faicon li i {
    color: #858585;
    width: 30px;
    font-size: 19px;
    margin-left: -30px;
    text-align: center
}

.classification_menu {
    margin: 30px 0
}

.classification_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.classification_menu ul li {
    padding: 0 15px
}

.classification_menu ul li a {
    display: block;
    margin: 5px 50px;
    padding: 5px 0;
    position: relative
}

.classification_menu ul li a:after {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    display: block
}

.classification_menu ul li a:hover {
    border-color: #0050A3
}

.classification_menu ul li a:hover:after {
    background-color: #0050A3
}

.classification_menu ul li.active a {
    border-color: #0050A3
}

.classification_menu ul li.active a:after {
    background-color: #0050A3
}

@media screen and (max-width:768px) {
    .classification_menu ul li a {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (max-width:440px) {
    .classification_menu ul {
        display: block
    }
    .classification_menu ul li {
        padding: 0
    }
}

.topSideMenuStyle02 {
    width: 100%
}

.topSideMenuStyle02 ul li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 10px 5px 10px
}

.topSideMenuStyle02 ul li a {
    width: 100%;
    border-radius: 50px;
    letter-spacing: 1px;
    color: #0050A3;
    padding: 10px 20px;
    line-height: 1em;
    font-size: 18px;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    border: 1px solid #0050A3;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.topSideMenuStyle02 ul li a:before {
    content: "";
    border-radius: 50px;
    width: 0%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0%;
    background: #0050A3;
    background: -o-linear-gradient(315deg, #19c0d6 0%, #0050A3 100%);
    background: linear-gradient(135deg, #19c0d6 0%, #0050A3 100%);
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.topSideMenuStyle02 ul li a:after {
    display: none
}

.topSideMenuStyle02 ul li:hover a {
    color: #fff
}

.topSideMenuStyle02 ul li:hover a:before {
    width: 105%;
    right: auto;
    left: 0;
    color: #fff
}

@media screen and (max-width:1024px) {
    .topSideMenuStyle02 ul li:hover a {
        color: #0050A3
    }
    .topSideMenuStyle02 ul li:hover a:before {
        display: none
    }
}

.topSideMenuStyle02 ul li.active a {
    background: #0050A3;
    background: -o-linear-gradient(315deg, #19c0d6 0%, #0050A3 100%);
    background: linear-gradient(135deg, #19c0d6 0%, #0050A3 100%);
    color: #fff
}

.topSideMenuStyle02 ul li.active a:before {
    display: none
}

.topSideMenuStyle03 {
    width: 100%
}

.topSideMenuStyle03 ul li {
    border: 1px #333 solid;
    border-radius: 10px;
    padding: 5px 50px;
    margin: 0 17px 20px 17px
}

.topSideMenuStyle03 ul li a {
    margin: 0;
    padding: 0
}

.topSideMenuStyle03 ul li.active,
.topSideMenuStyle03 ul li:hover {
    background-color: #0050A3;
    border: 1px solid #0050A3
}

.topSideMenuStyle03 ul li.active a,
.topSideMenuStyle03 ul li:hover a {
    color: #fff
}

.topSideMenuStyle03 ul li.active a:after,
.topSideMenuStyle03 ul li:hover a:after {
    display: none
}

.topSideMenuStyle04 {
    border-bottom: 3px solid #0050A3
}

.topSideMenuStyle04 ul li.active,
.topSideMenuStyle04 ul li:hover {
    background-color: #0050A3
}

.topSideMenuStyle04 ul li.active a,
.topSideMenuStyle04 ul li:hover a {
    color: #fff
}

.topSideMenuStyle04 ul li.active a:after,
.topSideMenuStyle04 ul li:hover a:after {
    display: none
}

.listStyle,
.listStyle_border,
.listStyle_content,
.listStyle_faicon,
.listStyle_Multi,
.menuListStyle_1,
.menuListStyle_1 .subMenu,
.menuListStyle_1 ul,
.menuListStyle_2,
.menuListStyle_3,
.menuListStyle_4 {
    margin: 0;
    padding: 0;
    list-style: none
}

.listStyle_border ol,
.listStyle_border ul,
.listStyle_content ol,
.listStyle_content ul,
.listStyle_faicon ol,
.listStyle_faicon ul,
.listStyle_Multi ol,
.listStyle_Multi ul,
.listStyle ol,
.listStyle ul,
.menuListStyle_1 .subMenu ol,
.menuListStyle_1 .subMenu ul,
.menuListStyle_1 ol,
.menuListStyle_1 ul,
.menuListStyle_2 ol,
.menuListStyle_2 ul,
.menuListStyle_3 ol,
.menuListStyle_3 ul,
.menuListStyle_4 ol,
.menuListStyle_4 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menuListStyle_3>li,
.menuListStyle_4>li {
    display: inline-block
}

.menuListStyle_3>li:before,
.menuListStyle_4>li:before {
    text-align: center
}

.listStyle li {
    line-height: 3
}

.listStyle_content li,
.listStyle_Multi li,
.menuListStyle_1 li {
    padding-left: 20px
}

.listStyle_content li:before,
.listStyle_Multi li:before,
.menuListStyle_1 li:before {
    margin-left: -20px;
    width: 20px;
    display: inline-block;
    font-family: fontawesome;
    content: "";
    color: #0050A3;
    vertical-align: top
}

.listStyle_faicon,
.menuListStyle_2,
.menuListStyle_3 {
    padding-left: 20px
}

.listStyle_faicon i,
.menuListStyle_2 i,
.menuListStyle_3 i {
    margin-left: -20px;
    width: 20px
}

.listStyle_border li,
.listStyle_Multi li,
.menuListStyle_1 li {
    border-bottom: 1px solid #b3b3b3;
    line-height: 3
}

.menuListStyle_1 .subMenu li,
.menuListStyle_1 ul li {
    border: 0
}

.menuListStyle_1 a {
    display: inline-block
}

.menuListStyle_1 a:focus {
    color: #19c0d6
}

.menuListStyle_1 .active>a {
    color: #0050A3
}

.menuListStyle_1 li:active:before,
.menuListStyle_1 li:focus:before,
.menuListStyle_1 li:hover:before {
    content: ""
}

.menuListStyle_1 li:active>a,
.menuListStyle_1 li:focus>a,
.menuListStyle_1 li:hover>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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    text-align: center
}

.share_social {
    margin-top: 10px;
    margin-bottom: 20px
}

.share_social ul li {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top
}

.share_social ul li .social_txt {
    font-size: 16px;
    line-height: 30px
}

.share_social ul li .btn_clipboard {
    cursor: pointer
}

@media (max-width:1024px) {
    .tabList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .tabList .tabLabel {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-order: 0;
        position: relative;
        padding-right: 2.5em;
        max-width: 100%;
        margin-bottom: 15px;
        text-align: left
    }
    .tabList .tabLabel:first-child {
        border-left: 0
    }
    .tabList .tabLabel:nth-child(3) {
        border-right: 0
    }
    .tabList .tabLabel:focus+.tabContent {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-order: 0
    }
    .tabList .tabLabel:after {
        font-family: FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        right: 15px
    }
    .tabList .tabLabel.active {
        color: #4a4e5c
    }
    .tabList .tabLabel.active:after {
        content: ""
    }
    .tabList .tabContent {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-order: 0;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width:992px) {
    .photoList .photoList_item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%
    }
    .photoList .photoList_item.w {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%
    }
    .photoList .photoList_item .pc {
        display: none
    }
    .photoList .photoList_item .mb {
        display: block!important
    }
}

@media (max-width:576px) {
    .spaceList_big .row>.col,
    .spaceList_big .row>[class*=col-] {
        margin-bottom: 30px
    }
}

.contactContent [class*=pageTitle] {
    margin-bottom: 20px
}

.contactContent [class*=pageTitle]+p label {
    margin-bottom: 0
}

.contactContent [class*=pageTitle]+p label.must:before {
    margin-right: 0
}

.form_group {
    margin-bottom: 15px
}

label {
    display: inline-block;
    margin-bottom: 5px
}

label.must:before {
    color: #0050A3;
    content: "*";
    margin-right: 5px
}

.cont_form input,
.cont_form select,
.cont_form textarea {
    color: #4d4d4d;
    font-size: 16px;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    font-family: "微軟正黑體", "Microsoft JhengHei"
}

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

.cont_form input:focus,
.cont_form select:focus,
.cont_form textarea:focus {
    border-color: #0050A3;
    -webkit-box-shadow: 0 0 2px rgba(0, 102, 153, 0.85);
    box-shadow: 0 0 2px rgba(0, 102, 153, 0.85)
}

.cont_form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images_v4/icon/arrow_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center
}

.cont_form select option:disabled {
    background: none;
    border-color: transparent;
    padding-left: 0;
    color: #ddd
}

.cont_form textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 120px
}

.cont_form #twzipcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.cont_form #twzipcode input,
.cont_form #twzipcode select {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    max-width: 153px
}

.cont_form #twzipcode select {
    margin-right: 30px
}

@media (max-width:992px) {
    .cont_form input,
    .cont_form select,
    .cont_form textarea {
        font-size: 13px
    }
}

@media (max-width:768px) {
    .cont_form input,
    .cont_form select,
    .cont_form textarea {
        font-size: 14px
    }
    .cont_form #twzipcode {
        display: block
    }
    .cont_form #twzipcode input,
    .cont_form #twzipcode select {
        display: inline-block;
        margin-bottom: 15px
    }
    .cont_form #twzipcode select {
        margin-right: 15px
    }
    .cont_form #twzipcode input:last-child {
        margin-bottom: 0
    }
}

@media (max-width:370px) {
    .cont_form #twzipcode input,
    .cont_form #twzipcode select {
        max-width: 100%;
        margin-right: 0
    }
}

.authenticateCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.authenticateCode input {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 210px;
    flex: 0 1 210px;
    max-width: 210px;
    margin-right: 30px
}

.authenticateCode img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    max-width: 100px;
    margin-right: 20px
}

.authenticateCode .icon-link {
    margin-left: 0
}

.authenticateCode a {
    color: #cccccc;
    font-size: 16px
}

.authenticateCode a i {
    font-weight: bold;
    color: #0050A3;
    margin-right: 5px
}

.authenticateCode a:hover {
    color: #0050A3
}

.authenticateCode button {
    margin: 0;
    height: 44px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 192px;
    flex: 0 1 192px;
    max-width: 192px
}

@media (max-width:768px) {
    .authenticateCode {
        display: block
    }
    .authenticateCode img,
    .authenticateCode input {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        margin-bottom: 15px
    }
    .authenticateCode a {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 15px
    }
    .authenticateCode button {
        width: 100%
    }
}

@media (max-width:370px) {
    .authenticateCode input {
        max-width: 100%;
        margin-right: 0
    }
}

.switch_password {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 5px
}

.switch_password .toggle-password {
    margin-left: 0;
    cursor: pointer
}

.formLine {
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 2px dotted #E5E5E5
}

@media (max-width:992px) {
    .form_date .row>div {
        margin-bottom: 15px
    }
    .form_date .row>div:last-child {
        margin-bottom: 0
    }
}

.checkBox_group input,
.radioBox_group input {
    display: none
}

.checkBox_group input:checked~label,
.radioBox_group input:checked~label {
    color: #000000
}

.checkBox_group input:checked~label .signIcon:before,
.radioBox_group input:checked~label .signIcon:before {
    border-color: #0050A3
}

.checkBox_group input:checked~label .signIcon:after,
.radioBox_group input:checked~label .signIcon:after {
    color: #0050A3
}

.checkBox_group label,
.radioBox_group label {
    cursor: pointer;
    color: #cccccc;
    margin-bottom: 0
}

.checkBox_group .signIcon,
.radioBox_group .signIcon {
    position: relative;
    margin-right: 5px;
    vertical-align: sub
}

.checkBox_group .signIcon:after,
.checkBox_group .signIcon:before,
.radioBox_group .signIcon:after,
.radioBox_group .signIcon:before {
    content: "";
    color: #cccccc;
    text-align: center
}

.checkBox_group .signIcon:before,
.radioBox_group .signIcon:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #ffffff;
    border: 2px solid #cccccc
}

.checkBox_group a,
.radioBox_group a {
    color: #5c5e5d;
    text-decoration: underline
}

.checkBox_group input:checked~label .signIcon:after {
    content: "✔"
}

.checkBox_group .signIcon:before {
    border-radius: 2px
}

.checkBox_group .signIcon:after {
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    margin: auto
}

.radioBox_group input:checked~label .signIcon:after {
    content: "";
    width: 12px;
    height: 12px;
    display: block
}

.radioBox_group .signIcon {
    display: inline-block;
    width: 20px;
    height: 20px
}

.radioBox_group .signIcon:after,
.radioBox_group .signIcon:before {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.radioBox_group .signIcon:after {
    margin: auto;
    background-color: #0050A3;
    width: 0;
    height: 0;
    line-height: 12px
}

.even_controlBox .radioBox_group {
    margin-right: 15px
}

.even_controlBox .radioBox_group:last-child {
    margin-right: 0
}

.responsive_tbl {
    min-height: 0.01%;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 30px
}

.responsive_tbl .dataTables_wrapper .dataTables_length {
    float: right;
    margin-bottom: 20px
}

.responsive_tbl .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
    float: none;
    text-align: center
}

.responsive_tbl .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #ffffff
}

.responsive_tbl .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0
}

.responsive_tbl table {
    width: 100%!important;
    border-collapse: collapse
}

.responsive_tbl table.dataTable tr th {
    color: #5c5e5d;
    background-color: #f6f6f6;
    border-bottom-color: #e5e5e5
}

.responsive_tbl table.dataTable tr th:first-child {
    text-align: left;
    width: 50%
}

.responsive_tbl table.dataTable tr td {
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

.responsive_tbl table.dataTable tr td:first-child {
    text-align: left
}

.tableList {
    width: 100%
}

.tableList tr td,
.tableList tr th {
    padding: 16px
}

.tableList tr th {
    color: #5c5e5d;
    text-align: left;
    font-weight: bold;
    background-color: #ffffff;
    border-bottom: 2px solid #999999;
    vertical-align: middle;
    white-space: nowrap
}

.tableList tr td {
    width: auto;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: 1px solid #E5E5E5
}

.tableList tr td a:hover {
    color: #0050A3;
    text-decoration: underline
}

.tableList tr td .tips_cancel {
    color: #cccccc
}

.tableList tr td .tips_noticPay {
    color: #ff0000
}

.tableList tr td .tips_noticPay:hover {
    color: #ff0000;
    border-color: #ff0000
}

.tableList tr td .tips_shipping {
    color: #0050A3
}

.tableList tr td .tips_details {
    color: #5c5e5d
}

.tableList tr td .tips_details i {
    color: #0050A3;
    margin-right: 5px
}

.tableList tr td .tips_active {
    color: #5c5e5d;
    font-size: 14px
}

.tableList tr td .copyCoupon {
    margin-left: 5px
}

.tableList tr td .order_proImg {
    margin-bottom: 0
}

.tableList tr:nth-child(odd) td {
    background-color: #F2F2F2
}

.tableListType1 {
    width: 100%
}

.tableListType1 tr td,
.tableListType1 tr th {
    padding: 16px
}

.tableListType1 tr th {
    color: #5c5e5d;
    text-align: left;
    font-weight: bold;
    background-color: #ffffff;
    border-bottom: 2px solid #999999;
    vertical-align: middle;
    white-space: nowrap
}

.tableListType1 tr td {
    width: auto;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: 1px solid #E5E5E5
}

.tableListType1 tr td a:hover {
    color: #0050A3;
    text-decoration: underline
}

.tableListType1 tr td .tips_cancel {
    color: #cccccc
}

.tableListType1 tr td .tips_noticPay {
    color: #ff0000
}

.tableListType1 tr td .tips_noticPay:hover {
    color: #ff0000;
    border-color: #ff0000
}

.tableListType1 tr td .tips_shipping {
    color: #0050A3
}

.tableListType1 tr td .tips_details {
    color: #5c5e5d
}

.tableListType1 tr td .tips_details i {
    color: #0050A3;
    margin-right: 5px
}

.tableListType1 tr td .tips_active {
    color: #5c5e5d;
    font-size: 14px
}

.tableListType1 tr td .copyCoupon {
    margin-left: 5px
}

.tableListType1 tr td .order_proImg {
    margin-bottom: 0
}

.tableListType1 tr:nth-child(odd) td {
    background-color: #F2F2F2
}

@media (max-width:768px) {
    .rwdTable table thead {
        display: none
    }
    .rwdTable table tr {
        width: 100%;
        display: block;
        margin-bottom: 32px
    }
    .rwdTable table tr td {
        display: block;
        padding: calc(16px / 2)
    }
}

.orderTotal {
    display: table;
    width: 100%;
    margin: 16px 0
}

.orderTotal tr td {
    color: #5c5e5d
}

.orderTotal tr td:first-child {
    font-weight: bold;
    padding-right: 1.5em
}

.orderTotal tr td span {
    color: #cccccc
}

.orderTotal tr:nth-last-child(2) td {
    padding-bottom: 10px
}

.orderTotal .total {
    font-size: 20px
}

.orderTotal .total>td {
    padding-top: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc
}

.orderTotal .tips {
    color: #d13428;
    font-size: 19px;
    margin: 16px 0;
    display: inline-block;
    text-decoration: underline
}

.filterTable .selectBlock {
    width: 100%;
    max-width: 508px;
    margin-bottom: 52px
}

.filterTable .selectTitle {
    margin-bottom: 12px
}

.filterTable .selectBox {
    width: 100%;
    position: relative
}

.filterTable .selectBox:after {
    content: "";
    display: block;
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.filterTable select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px 15px;
    border: 1px #ccc solid
}

.filterTable .tableTitle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px
}

.filterTable table {
    width: 100%;
    text-align: center
}

.filterTable table tr {
    border-bottom: 1px #ccc solid
}

.filterTable table tr:nth-child(2n) {
    background-color: #D6D6D6
}

.filterTable table tr:first-child {
    border-top: 1px #ccc solid
}

.filterTable table tr:not(:first-child):hover {
    background-color: #0050A3;
    color: #fff
}

.filterTable table th {
    padding: 7px 15px
}

.filterTable table td {
    padding: 16px 15px 8px 15px
}

#mbPanel {
    display: none
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 10
}

header.header_bg:not(.scroll) {
    background-image: url(../images_v4/header/header_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

header .logo a {
    display: block
}

header.scroll {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

header.scroll .topLink {
    height: 0;
    opacity: 0;
    overflow: hidden
}

header.scroll .navBar .navBarContent .logo {
    line-height: 0
}

header.scroll .navBar .navBarContent .logo img {}

header .topLink .topLinkMenu {
    text-align: right;
    line-height: 1.6
}

header .topLink .topLinkMenu li {
    padding-left: 1em;
    padding-right: 1em
}

header .topLink .topLinkMenu li a {
    font-size: 14px;
    display: block
}

header .topLink .topLinkMenu li:first-child {
    padding-left: 0
}

header .topLink .topLinkMenu li:last-child {
    padding-right: 0
}

header .topLink .topLinkMenu>li {
    display: inline-block
}

header .topLink .topLinkMenu>li>a {
    color: #ffffff
}

header .topLink .topLinkMenu>li>a i {
    margin-right: 5px
}

header .topLink .topLinkMenu>li.moreMenu {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    padding-bottom: 3px
}

header .topLink .topLinkMenu>li.moreMenu>ul {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    min-width: 230px;
    background-color: #ffffff
}

header .topLink .topLinkMenu>li.moreMenu>ul li {
    padding: 0.6em 1.2em;
    background-color: #ffffff;
    border-bottom: 1px solid #eee
}

header .topLink .topLinkMenu>li.moreMenu>ul li a {
    width: 100%;
    display: block;
    line-height: 1.5;
    font-size: 14px;
    text-align: left
}

header .topLink .topLinkMenu>li.moreMenu>ul li:hover {
    background-color: rgba(170, 170, 170, 0.2)
}

header .topLink .topLinkMenu>li.moreMenu>ul li:last-child {
    border-bottom: 3px solid #111
}

header .topLink .topLinkMenu>li.moreMenu:hover {
    overflow: visible
}

header .topLink .topLinkMenu>li.moreMenu:hover ul {
    opacity: 1;
    z-index: 5
}

header .topLink .topLinkMenu>li.lanMoreMenu .fa-angle-down {
    margin-right: 0;
    margin-left: 5px
}

header .navBar .navBarContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    position: relative
}

header .navBar .navBarContent .logo {
    line-height: 0
}

header .navBar .navBarContent .logo img {
    height: 90px
}

header .navBar .navMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .navBar .navMenu.hoverEffect_01>li>a>span {
    position: relative
}

header .navBar .navMenu.hoverEffect_01>li>a>span:after {
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    background-color: #111
}

@media screen and (max-width:1200px) {
    header .navBar .navMenu.hoverEffect_01>li>a {
        height: 60px!important;
        line-height: 50px!important
    }
}

header .navBar .navMenu.hoverEffect_01>li:hover span:after {
    opacity: 1;
    height: 2px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

header .navBar .navMenu.hoverEffect_02>li>a>span:after {
    position: absolute;
    width: 0;
    height: 3px;
    border: 0;
    left: 50%;
    bottom: 0;
    background-color: #0050A3
}

header .navBar .navMenu.hoverEffect_02>li:hover span:after {
    width: 100%;
    left: 0;
    right: 0
}

header .navBar .navMenu.hoverEffect_03>li>a>span {
    position: relative
}

header .navBar .navMenu.hoverEffect_03>li>a>span:after {
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    background-color: #111
}

header .navBar .navMenu.hoverEffect_03>li:hover span:after {
    width: 100%
}

header .navBar .navMenu.navIconLt i {
    margin-right: 5px
}

@media screen and (max-width:1200px) {
    header .navBar .navMenu.navIconLt i {
        display: block;
        text-align: center;
        margin-right: 0
    }
}

header .navBar .navMenu.navIconTop i {
    display: block;
    text-align: center
}

header .navBar .navMenu.navIconHover i {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

header .navBar .navMenu.navIconHover>li.moreMenu:hover i {
    opacity: 1
}

header .navBar .navMenu li a {
    color: #000000;
    display: block;
    font-size: 16px
}

header .navBar .navMenu>li {
    vertical-align: top
}

header .navBar .navMenu>li>a {
    height: 90px;
    padding-left: 1em;
    padding-right: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    position: relative
}

header .navBar .navMenu>li>a>span {
    display: block
}

header .navBar .navMenu>li>a>span:after {
    content: "";
    position: absolute
}

header .navBar .navMenu>li>a:hover span .subWord {
    margin-top: -2.5em
}

header .navBar .navMenu>li.moreMenu {
    position: relative;
    overflow: hidden
}

header .navBar .navMenu>li.moreMenu>ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;
    min-width: 230px;
    z-index: 5
}

header .navBar .navMenu>li.moreMenu>ul li {
    background: #fff;
    border-bottom: 1px solid #eee
}

header .navBar .navMenu>li.moreMenu>ul li a {
    width: 100%;
    display: block;
    line-height: 1.5;
    text-align: center;
    padding: 0.6em 1em;
    text-align: left
}

header .navBar .navMenu>li.moreMenu>ul li:hover>a {
    background-color: rgba(170, 170, 170, 0.2)
}

header .navBar .navMenu>li.moreMenu>ul li:last-child {
    border-bottom: 3px solid #111
}

header .navBar .navMenu>li.moreMenu>ul li.moreMenu {
    position: relative
}

header .navBar .navMenu>li.moreMenu>ul li.moreMenu>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .navBar .navMenu>li.moreMenu>ul li.moreMenu>a:after {
    content: "";
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    line-height: 2;
    font-family: FontAwesome
}

header .navBar .navMenu>li.moreMenu>ul li.moreMenu:hover ul {
    opacity: 1;
    z-index: 6
}

header .navBar .navMenu>li.moreMenu>ul li.moreMenu>ul {
    position: absolute;
    top: 0;
    min-width: 230px;
    background-color: #f8f8f8;
    z-index: 5;
    opacity: 0
}

header .navBar .navMenu>li.moreMenu:hover {
    overflow: visible
}

header .navBar .navMenu>li.multiMenu {
    position: relative
}

header .navBar .navMenu>li.multiMenu .inner {
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    z-index: 100;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 25px;
    background-color: #ffffff
}

header .navBar .navMenu>li.multiMenu .inner .navTitle {
    width: 255px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 255px;
    flex: 0 0 255px
}

header .navBar .navMenu>li.multiMenu .inner .navTitle small,
header .navBar .navMenu>li.multiMenu .inner .navTitle span {
    color: #0050A3;
    display: block
}

header .navBar .navMenu>li.multiMenu .inner .navTitle span {
    font-size: 24px;
    font-weight: bold
}

header .navBar .navMenu>li.multiMenu .inner .inner_menu {
    width: calc(100% - 255px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 255px);
    flex: 0 0 calc(100% - 255px);
    padding-left: 52px;
    border-left: 1px solid #D3D3D3
}

header .navBar .navMenu>li.multiMenu .inner .inner_menu a:hover {
    opacity: 0.6
}

header .navBar .navMenu>li.multiMenu .inner .inner_menu a .itemImg {
    padding-bottom: 30%
}

header .navBar .navMenu>li.multiMenu .inner.wide {
    top: calc(100% - 15px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header .navBar .navMenu>li.multiMenu .inner.wide>li {
    width: 16.66666%;
    padding: 1em;
    border-bottom: 0
}

header .navBar .navMenu>li.multiMenu .inner.wide li:last-child {
    border-bottom: 0
}

header .navBar .navMenu>li.multiMenu .inner.wide .menuTitle {
    color: #0050A3;
    border-bottom: 1px #0050A3 solid
}

header .navBar .navMenu>li.multiMenu:hover {
    position: static
}

header .navBar .navMenu>li.multiMenu:hover .inner {
    overflow: visible
}

header .navBar .navMenu.navMenuStyle_line>li {
    position: relative
}

header .navBar .navMenu.navMenuStyle_line>li:first-child>a:before {
    content: "";
    width: 1px;
    height: 25px;
    background-color: #0050A3;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0
}

header .navBar .navMenu.navMenuStyle_line>li>a {
    position: relative
}

header .navBar .navMenu.navMenuStyle_line>li>a:after {
    content: "";
    width: 1px;
    height: 25px;
    background-color: #0050A3;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0
}

header .navBar .navMenu.navMenuStyle_circle>li>a>span {
    border: 1px #0050A3 solid;
    border-radius: 33px;
    padding: 0 10px
}

header .navBar .navMenu.navMenu2>li>a {
    overflow: hidden;
    display: block;
    line-height: 90px;
    text-align: center
}

header .navBar .navMenu.navMenu2>li>a span {
    display: block
}

header .navBar .navMenu.navMenu2>li>a:hover .subWord {
    margin-top: -5.5em
}

header .navBar .navMenu.navMenu5 .menuImgIcon {
    display: block;
    margin: 0 auto;
    height: 32px;
    width: auto
}

header .navBar .navMenu.navMenu5 i {
    margin-left: 5px
}

.btn-list {
    position: relative;
    margin-top: -6px;
    z-index: 10
}

.btn-list button {
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.btn-list button i {
    color: #000000;
    font-size: 35px
}

.mobile-menu-btn {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    width: 27px;
    height: 30px;
    outline: 0
}

.mobile-menu-btn span:before {
    top: -8px
}

.mobile-menu-btn span:after {
    bottom: -8px
}

.mobile-menu-btn span:after,
.mobile-menu-btn span:before {
    content: ""
}

.mobile-menu-btn span,
.mobile-menu-btn span:after,
.mobile-menu-btn span:before {
    display: block;
    background-color: black;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 27px
}

.mobile-menu-btn.active span {
    background-color: transparent
}

.mobile-menu-btn.active span:after,
.mobile-menu-btn.active span:before {
    background-color: black;
    top: 0
}

.mobile-menu-btn.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu-btn.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.open_menu {
    overflow: hidden
}

.open_menu .headerStyle02 .header_inner .fullMenu {
    height: 100%;
    overflow-y: scroll
}

.open_menu .headerStyle03 .fullMenu {
    height: 100%;
    overflow-y: scroll
}

.open_menu .headerStyle03 .fullMenu .fullMenu_title {
    display: block
}

.open_menu .headerStyle07 .fullMenu {
    height: 100%;
    overflow-y: scroll
}

.headerStyle01 .topLink {
    color: #ffffff;
    background-color: #0050A3
}

.headerStyle01 .navBar .navMenu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle02 {
    padding-left: 5%;
    padding-right: 5%
}

.headerStyle02.scroll {
    padding-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.headerStyle02.scroll .header_inner .logo img {}

.headerStyle02.scroll .header_inner .fullMenu .fullMenu_inner .fullMenu_nav {
    padding-top: 70px
}

.headerStyle02 .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerStyle02 .header_inner .logo {
    line-height: 0;
    z-index: 1
}

.headerStyle02 .header_inner .logo a {
    display: block
}

.headerStyle02 .header_inner .logo img {
    height: 90px
}

.headerStyle02 .header_inner .menu_blk {
    padding-left: 15px;
    border-left: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.headerStyle02 .header_inner .menu_blk a {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle
}

.headerStyle02 .header_inner .menu_blk .btn_register {
    padding: 3px 10px;
    background: #3479ca;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin-left: 15px
}

.headerStyle02 .header_inner .menu_blk .btn-list {
    margin-left: 15px
}

.headerStyle02 .header_inner .fullMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav {
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav.fullMenu_nav_2c ul {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul {
    margin-left: auto;
    margin-right: 0;
    min-width: 30%
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li {
    padding: 0 30px
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a {
    color: #333333;
    display: block;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.5;
    position: relative
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    left: -5px;
    z-index: -1;
    width: 0;
    height: 30px;
    background-color: #62d1be;
    -webkit-animation: navHover_recovery 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards;
    animation: navHover_recovery 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards
}

.headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a:hover:after {
    -webkit-animation: navHover_start 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms 1 normal forwards;
    animation: navHover_start 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms 1 normal forwards
}

.headerStyle09 {
    position: static;
    background: none
}

.headerStyle09 .headerContent {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.headerStyle09 .headerContent .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerStyle09 .logo {
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.headerStyle09 nav {
    width: 100%;
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerStyle09 .navBar {
    width: 100%
}

.headerStyle09 .navBar .navMenu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerStyle09 .navBar .navMenu>li>a {
    height: 60px
}

.headerStyle09 .scrollNav {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    display: none
}

.headerStyle09 .scrollNav .navBarContent {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle09.scroll .navBar .navBarContent .logo {
    line-height: 0
}

.headerStyle09.scroll .navBar .navBarContent .logo img {
    height: 60px!important
}

.headerStyle09.sticky .headerContent {
    position: static
}

.headerStyle09.sticky .logo {
    position: fixed;
    top: 0;
    left: 15px;
    z-index: 9999;
    height: 90px;
    width: auto
}

.headerStyle09.sticky .logo img {
    display: block;
    height: 100%;
    width: auto
}

.headerStyle09.sticky .scrollNav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.headerStyle09.sticky .scrollNav .navBar .navMenu>li>a {
    height: 90px
}

.headerStyle10 {
    position: static;
    background-color: transparent
}

.headerStyle10 .headerContent {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.headerStyle10 .topLink {
    width: 100%;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.headerStyle10 .topLink .topLinkMenu {
    width: 100%
}

.headerStyle10 .topLink .topLinkLine li {
    border-right: 1px #fff solid
}

.headerStyle10 .topLink .topLinkLine li:last-child {
    border-right: 0
}

.headerStyle10 .navigationPC {
    width: 100%;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-top: 5px solid #0050A3;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.headerStyle10 .navigationPC .logo {
    height: 70px
}

.headerStyle10 .navigationPC .logo img {
    width: auto;
    height: 100%
}

.headerStyle10 .navBar {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.headerStyle10 .navBar .navMenu {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerStyle10 .navBar .navMenu>li>a {
    height: 70px
}

.headerStyle10.scroll .headerContent {
    background-color: rgba(255, 255, 255, 0.8)
}

.headerStyle10.scroll .navigationPC {
    border-top: 0;
    background-color: transparent
}

.headerStyle10.scroll .topLink {
    padding: 0
}

.headerStyle11 .headerBox {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.headerStyle11 .LBox {
    width: 250px
}

.headerStyle11 .RBox {
    width: calc(100% - 250px)
}

.headerStyle11 .topLink .topLinkMenu>li>a {
    color: #000
}

.headerStyle11 .navMenu {
    width: 100%
}

.headerStyle12 .topBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerStyle12 .navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0050A3;
    border-radius: 30px;
    margin-bottom: -30px;
    padding: 0 1em
}

.headerStyle12 .navBar .navMenu>li>a {
    height: 60px;
    color: #fff
}

.headerStyle12 .navBar .navMenu>li>a>span {
    line-height: 1.2;
    text-align: center
}

.headerStyle12 .navBar .navMenu>li>a small {
    font-size: 12px;
    color: #ccc
}

.headerStyle12 .navBar .navMenu>li:hover>a {
    color: #ccc
}

.headerStyle12 .navBar .navMenu>li:hover>a small {
    color: #bbb
}

.headerStyle12 .navBar .navMenu.navMenuStyle_line>li>a:after {
    background-color: #fff
}

.headerStyle12 .navBar .navMenu.navMenuStyle_line>li:first-child>a:before {
    background-color: #fff
}

.headerStyle12 .navBar .navMenu.hoverEffect_01>li>a>span:after,
.headerStyle12 .navBar .navMenu.hoverEffect_02>li>a>span:after,
.headerStyle12 .navBar .navMenu.hoverEffect_03>li>a>span:after {
    background-color: #19c0d6
}

.headerStyle12 .socialBar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1em
}

.headerStyle12 .socialBar a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-right: 1em
}

.headerStyle12 .socialBar a:last-child {
    margin-right: 0
}

.headerStyle13 {
    background-color: transparent
}

.headerStyle13 .logoBox {
    width: 30.479%;
    max-width: 580px;
    height: 119.13px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerStyle13 .logoBox:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 119.83px 0 0px 80px;
    border-color: transparent transparent transparent #0050A3
}

.headerStyle13 .logo {
    width: calc(100% - 80px);
    height: 119.13px;
    background-color: #0050A3;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headerStyle13 .logo div {
    width: 100%;
    max-width: 240px
}

.headerStyle13 .topLink {
    padding-right: 13%;
    background-color: #19c0d6
}

.headerStyle13 .navBar .navBarContent {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle13 .navBar .navBarContent>div {
    width: 100%;
    position: relative;
    padding-right: 13%
}

.headerStyle13 .navBar .navMenu>li>a {
    height: 79px
}

.headerStyle13 .navBar .navMenu>li.multiMenu .inner.wide {
    top: 100%;
    background-color: #fff
}

.headerStyle13 .otherLink {
    display: block;
    width: 150px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0
}

.headerStyle13 .otherLink img {
    width: 100%;
    display: block
}

@-webkit-keyframes navHover_start {
    0% {
        left: 0;
        right: auto;
        width: 0
    }
    to {
        left: 0;
        right: auto;
        width: 100%
    }
}

@keyframes navHover_start {
    0% {
        left: 0;
        right: auto;
        width: 0
    }
    to {
        left: 0;
        right: auto;
        width: 100%
    }
}

@-webkit-keyframes navHover_recovery {
    0% {
        left: auto;
        right: 0;
        width: 100%
    }
    to {
        left: auto;
        right: 0;
        width: 0
    }
}

@keyframes navHover_recovery {
    0% {
        left: auto;
        right: 0;
        width: 100%
    }
    to {
        left: auto;
        right: 0;
        width: 0
    }
}

.headerStyle03 .navBar .container_full {
    padding-right: 0
}

.headerStyle03 .navBar .navBarContent>div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px
}

.headerStyle03 .navBar .navBarContent>div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.headerStyle03 .navBar .navBarContent>div:nth-child(2) .navMenu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle03 .navBar .navBarContent>div:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px
}

.headerStyle03 .navBar .navBarContent>div .navMenu .navMenu_icon i {
    font-size: 25px
}

.headerStyle03 .subNavMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px
}

.headerStyle03 .subNavMenu li a {
    color: #ffffff;
    display: block;
    text-align: center;
    width: 100px;
    height: 100%
}

.headerStyle03 .subNavMenu li a i {
    display: block
}

.headerStyle03 .subNavMenu li a .inner {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.headerStyle03 .subNavMenu li:nth-child(odd) a {
    background-color: #3fc7f8
}

.headerStyle03 .subNavMenu li:nth-child(2n) a {
    background-color: #606363
}

.headerStyle03 .btn-list {
    display: block;
    width: 100px;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
    background-color: #3fc7f8;
    height: 90px;
    margin-top: 0;
    cursor: pointer;
    display: none
}

.headerStyle03 .btn-list .mobile-menu-btn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.headerStyle03 .btn-list .mobile-menu-btn span {
    background-color: #ffffff;
    width: 12px
}

.headerStyle03 .btn-list .mobile-menu-btn span:after,
.headerStyle03 .btn-list .mobile-menu-btn span:before {
    width: 22px;
    background-color: #ffffff
}

.headerStyle03 .btn-list .mobile-menu-btn.active span {
    background-color: transparent
}

.headerStyle03 .fullMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #eaeff4;
    -webkit-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.headerStyle03 .fullMenu .fullMenu_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_nav {
    padding-top: 90px;
    max-width: 720px;
    padding-right: 15px;
    padding-left: 15px
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_nav .row {
    padding: 0 15px
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_nav .fullMenuNav_list ul li {
    margin-bottom: 10px
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_nav .fullMenuNav_list ul li a {
    display: block;
    color: #111;
    font-weight: bold
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_social {
    text-align: right;
    border-top: 1px solid #333;
    padding: 20px;
    margin-top: 10px;
    padding-bottom: 50px
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_social ul li {
    display: inline-block;
    margin-left: 5px
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_social ul li a {
    display: block
}

.headerStyle03 .fullMenu .fullMenu_inner .fullMenu_social ul li a i {
    font-size: 26px
}

.headerStyle03 .fullMenu .fullMenu_title {
    position: fixed;
    top: 50%;
    right: -70px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg) translate(-52.5px, -50%);
    -ms-transform: rotate(90deg) translate(-52.5px, -50%);
    transform: rotate(90deg) translate(-52.5px, -50%);
    font-size: 105px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
    z-index: -1;
    display: none
}

.headerStyle04 .navBar .navBarContent>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    width: 33.33%
}

.headerStyle04 .navBar .navBarContent>div:first-child .topLink .topLinkMenu {
    text-align: left
}

.headerStyle04 .navBar .navBarContent>div:nth-child(2) {
    text-align: center
}

.headerStyle04 .navBar .navBarContent .navMenuContent {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.headerStyle04 .navBar .navBarContent .navMenuContent .navMenu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerStyle04 .topLink .topLinkMenu>li>a {
    color: #666666
}

.headerStyle04.scroll .navBar .navBarContent>div:first-child,
.headerStyle04.scroll .navBar .navBarContent>div:nth-child(3) {
    display: none
}

.headerStyle04.scroll .navBar .navBarContent>div.logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px
}

.headerStyle04.scroll .navBar .navBarContent>div.navMenuContent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 120px);
    flex: 0 0 calc(100% - 120px);
    padding-left: 30px
}

.headerStyle04.scroll .navBar .navBarContent>div.navMenuContent .navMenu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle05>.topLinkContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerStyle05 .navBar .navBarContent {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerStyle05 .navBar .navBarContent>div:first-child,
.headerStyle05 .navBar .navBarContent>div:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headerStyle05 .navBar .navBarContent>div.logo {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.headerStyle05 .navBar .navBarContent>div.logo img {
    height: 80px
}

.headerStyle05 .navBar .navBarContent>div:last-child .navMenu.navIconLt {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle05 .topLink .topLinkMenu>li>a {
    color: #666666
}

@media screen and (max-width:1200px) {
    .headerStyle05 .navBar .navBarContent>div:first-child,
    .headerStyle05 .navBar .navBarContent>div:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .headerStyle05 .navBar .navMenu>li>a {
        padding-left: 0.8em;
        padding-right: 0.8em
    }
}

.headerStyle06 .navBar .navBarContent>div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.headerStyle06 .navBar .navBarContent>div:first-child .topLink .topLinkMenu {
    text-align: left
}

.headerStyle06 .navBar .navBarContent>div:nth-child(2) {
    text-align: center
}

.headerStyle06 .navBar .navBarContent .navMenuContent {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-top: 1px solid #0050A3
}

.headerStyle06 .navBar .navBarContent .navMenuContent .navMenu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerStyle06 .navBar .navBarContent .topLink .topLinkMenu>li>a {
    color: #666666
}

.headerStyle06.scroll .navBar .navBarContent>div:nth-child(2) {
    display: none
}

.headerStyle06.scroll .navBar .navBarContent>div.logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 241px;
    flex: 0 0 241px
}

.headerStyle06.scroll .navBar .navBarContent>div.navMenuContent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 241px);
    flex: 0 0 calc(100% - 241px);
    padding-left: 30px;
    border-top: 0
}

.headerStyle06.scroll .navBar .navBarContent>div.navMenuContent .navMenu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerStyle07 {
    position: absolute;
    height: 100%
}

.headerStyle07 .slogn img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.headerStyle07 .scrollDown {
    position: absolute;
    right: -10px;
    bottom: 9%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 2
}

.headerStyle07 .scrollDown a {
    color: #000;
    display: block;
    font-size: 13px
}

.headerStyle07 .scrollDown a:hover {
    color: #000
}

.headerStyle07 .scrollDown a img {
    display: none
}

.headerStyle07 .topLink .topLinkMenu>li>a {
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7)
}

.headerStyle07 .topLink .topLinkMenu>li>a:hover {
    text-shadow: none;
    color: #3d261e
}

.headerStyle07 .header_top {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5
}

.headerStyle07 .header_top .headerTopContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1500px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.headerStyle07 .swiper-container {
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto
}

.headerStyle07 .swiper-container .swiper-slide {
    background-position: center top
}

.headerStyle07 .swiper-container-horizontal>.swiper-pagination-bullets {
    top: 0;
    bottom: 0;
    right: 30px;
    left: auto;
    margin: auto;
    width: auto;
    height: 8px
}

.headerStyle07 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin-bottom: 10px
}

.headerStyle07 #bgVideo {
    height: 100vh;
    width: 100%
}

.headerStyle07 .navBar {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 6.5%;
    margin: 0 auto;
    max-width: 1140px;
    z-index: 5
}

.headerStyle07 .navBar .navMenuContent {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto
}

.headerStyle07 .navBar .navMenu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headerStyle07 .navBar .navMenu>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    text-align: center
}

.headerStyle07 .navBar .navMenu>li>a {
    height: 60px
}

.headerStyle07 .navBar .navMenu>li.navMenu_icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    position: relative
}

.headerStyle07 .navBar .navMenu>li.navMenu_icon span {
    font-size: 14px;
    margin-left: 5px
}

.headerStyle07 .navBar .navMenu>li.navMenu_icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 14px;
    background-color: #BAB7B2
}

.headerStyle07 .navBar .navMenu>li.navMenu_control {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    position: relative;
    background-color: #0050A3
}

.headerStyle07 .navBar .navMenu>li.navMenu_control .swiper-button-next,
.headerStyle07 .navBar .navMenu>li.navMenu_control .swiper-button-prev {
    fill: #ffffff;
    width: 52px;
    height: 60px;
    line-height: 65px;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-image: none
}

.headerStyle07 .navBar .navMenu>li.navMenu_control:hover {
    background-color: rgba(0, 80, 163, 0.7)
}

.headerStyle07 .btn-list {
    position: fixed;
    top: 25px;
    left: 25px;
    display: none
}

.headerStyle07 .fullMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 5
}

.headerStyle07 .fullMenu .fullMenu_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_nav {
    padding-top: 90px;
    padding-right: 15px;
    padding-left: 15px
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_nav .fullMenuNav_list ul li {
    margin-bottom: 20px;
    text-align: center
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_nav .fullMenuNav_list ul li a {
    display: block;
    color: #111;
    font-weight: bold
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_nav .fullMenuNav_list ul li.navMenu_icon a i {
    margin-right: 5px
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_social {
    text-align: center
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_social ul li {
    display: inline-block;
    margin-left: 5px
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_social ul li a {
    display: block
}

.headerStyle07 .fullMenu .fullMenu_inner .fullMenu_social ul li a i {
    font-size: 30px
}

@media (max-width:1440px) {
    header .navBar .navMenu>li.multiMenu .inner.wide>li {
        width: 20%
    }
}

@media (max-width:1366px) {
    .headerStyle12 .navBar .navMenu>li>a small {
        display: block
    }
}

@media (max-width:1200px) {
    .headerStyle01 .navBar .navBarContent {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .headerStyle01 .navBar .navMenu>li.multiMenu .inner .navTitle {
        width: 200px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }
    .headerStyle01 .navBar .navMenu>li.multiMenu .inner .inner_menu {
        width: calc(100% - 200px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px)
    }
    .headerStyle03 .navBar .navBarContent>div:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }
    .headerStyle03 .subNavMenu li.hide {
        display: none
    }
    .headerStyle05 .navBar .navMenu.navIconLt i {
        margin-right: 0;
        display: block;
        text-align: center
    }
    header .navBar .navMenu>li.multiMenu .inner.wide>li {
        width: 25%
    }
    .headerStyle09.sticky .logo img {
        height: 60px
    }
}

@media (max-width:1024px) {
    header:not(.headerStyle02,
    .headerStyle03,
    .headerStyle07,
    .headerStyle09,
    .headerStyle10) {
        display: none
    }
    #mbPanel {
        display: block
    }
    #mbPanel .headerStyle01 {
        display: none
    }
    .headerStyle02 {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav {
        position: static;
        padding-top: 100px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul {
        left: 0;
        width: 100%
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a {
        font-size: 45px
    }
    .headerStyle03 .navBar .navMenu {
        display: none
    }
    .headerStyle03 .btn-list {
        display: block
    }
    .headerStyle07 .header_top {
        display: none
    }
    .headerStyle07 .navBar .navMenu {
        display: none
    }
    .headerStyle07 .btn-list {
        display: block
    }
    .headerStyle07 .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 5px
    }
    .headerStyle07 .scrollDown {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 20px;
        text-align: center;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .headerStyle07 .scrollDown a img {
        display: block;
        width: 65px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }
    .headerStyle09 .headerContent,
    .headerStyle09 .headerStyle09_Nav,
    .headerStyle09 .scrollNav,
    .headerStyle09.sticky .scrollNav {
        display: none
    }
    .headerStyle10 .headerContent {
        display: none
    }
}

@media (max-width:768px) {
    .headerStyle02:before {
        content: "";
        background-color: #fff;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li {
        padding-left: 15px;
        padding-right: 15px
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a {
        font-size: 30px
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav ul li a:after {
        display: none
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav.fullMenu_nav_2c {
        display: block
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav.fullMenu_nav_2c ul {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (max-width:576px) {
    .headerStyle03 .navBar .navBarContent>div:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .headerStyle03 .navBar .navBarContent>div .logo img {
        height: 60px
    }
    .headerStyle03 .navBar .navBarContent>div:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }
    .headerStyle03 .subNavMenu {
        height: 60px
    }
    .headerStyle03 .subNavMenu li a {
        width: 60px
    }
    .headerStyle03 .subNavMenu li a i {
        font-size: 30px
    }
    .headerStyle03 .subNavMenu li a span {
        display: none
    }
    .headerStyle03 .btn-list {
        width: 60px;
        height: 60px
    }
}

@media (max-width:576px) {
    .headerStyle02 .header_inner .logo,
    .headerStyle02 .header_inner .menu_blk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .headerStyle02 .header_inner .logo img {
        height: 75px
    }
    .headerStyle02 .header_inner .menu_blk {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 0;
        border-left: 0
    }
    .headerStyle02 .header_inner .menu_blk .btn_singIn {
        border-left: 1px solid #e6e6e6;
        padding-left: 15px
    }
    .headerStyle02 .header_inner .menu_blk .btn_register {
        display: none
    }
    .headerStyle02 .header_inner .fullMenu .fullMenu_inner .fullMenu_nav {
        padding-top: 85px
    }
}

h1 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    margin: 10px
}

[class^=bannerStyle] {
    line-height: 0;
    overflow: hidden
}

#bgVideo {
    width: 100%;
    height: 600px;
    position: relative;
    z-index: 0
}

#bgVideo:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1
}

.loading {
    z-index: 4
}

.loading img[src=""] {
    display: none
}

.loading[data-active=no] {
    display: none
}

.loading[data-active=""] {
    display: none
}

.bannerBlock {
    position: relative
}

.bannerBlock .scrollDown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    text-align: center;
    z-index: 2
}

.bannerBlock .scrollDown a {
    display: block
}

.bannerBlock .scrollDown a .scrollDown_txt {
    color: #ffffff
}

.bannerBlock .scrollDown a:hover .scrollDown_txt {
    color: #ffffff
}

.bannerBlock .scrollDown .scroll_effect {
    animation: scrollDown_bounce 1.5s infinite;
    -webkit-animation: scrollDown_bounce 1.5s infinite;
    -moz-animation: scrollDown_bounce 1.5s infinite
}

@-webkit-keyframes scrollDown_bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes scrollDown_bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.bannerBlock .scrollDown .scroll_wave {
    position: relative
}

.bannerBlock .scrollDown .scroll_wave .scrollDown_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    margin: 2px auto;
    width: 16px;
    height: 16px;
    animation: scroll_wave 1s infinite;
    -webkit-animation: scroll_wave 1s infinite;
    -moz-animation: scroll_wave 1s infinite
}

.bannerBlock .scrollDown .scroll_wave .scrollDown_arrows.one {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate
}

.bannerBlock .scrollDown .scroll_wave .scrollDown_arrows.two {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px
}

.bannerBlock .scrollDown .scroll_wave .scrollDown_arrows.three {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-direction: alternate;
    margin-top: -6px
}

@-webkit-keyframes scroll_wave {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0.5
    }
    to {
        opacity: 1
    }
}

@keyframes scroll_wave {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0.5
    }
    to {
        opacity: 1
    }
}

.bannerBlock .scrollDown .scrollDown_mouse {
    width: 30px;
    height: 50px;
    margin: 0 auto;
    border: 2px solid #ffffff;
    border-radius: 50px;
    position: relative
}

.bannerBlock .scrollDown .scrollDown_mouse:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 2px;
    height: 10px;
    background-color: #ffffff;
    -webkit-animation: scrollDown_mouse 2s infinite;
    animation: scrollDown_mouse 2s infinite
}

@-webkit-keyframes scrollDown_mouse {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes scrollDown_mouse {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.bannerBlock img.mb,
.bannerBlock img.pc {
    width: 100%
}

.bannerStyle01 a,
.bannerStyle02 a {
    display: block
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.bannerStyle03 [class^=swiper-button-],
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle03 .swiper-pagination-bullet,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle03 .swiper-pagination-bullet:before {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.bannerStyle03 .swiper-container {
    width: 100%;
    height: 28vw;
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease
}

.bannerStyle03 .swiper-container.loading {
    opacity: 0;
    visibility: hidden
}

.bannerStyle03 .swiper-container:hover .swiper-button-next,
.bannerStyle03 .swiper-container:hover .swiper-button-prev {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.bannerStyle03 .swiper-slide {
    background-position: center;
    background-size: cover
}

.bannerStyle03 .swiper-slide .entity-img {
    display: none
}

.bannerStyle03 .swiper-slide .content {
    position: absolute;
    top: 40%;
    left: 0;
    width: 50%;
    padding-left: 5%;
    color: #fff
}

.bannerStyle03 .swiper-slide .content .title {
    font-size: 2.6em;
    font-weight: bold;
    margin-bottom: 30px
}

.bannerStyle03 .swiper-slide .content .caption {
    display: block;
    font-size: 13px;
    line-height: 1.4
}

.bannerStyle03 [class^=swiper-button-] {
    width: 44px;
    opacity: 0;
    visibility: hidden
}

.bannerStyle03 .swiper-button-prev {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.bannerStyle03 .swiper-button-next {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px)
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9px;
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 0.4
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0px solid #fff;
    border-radius: 50%
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    opacity: 1
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border-width: 1px
}

@media (max-width:1180px) {
    .bannerStyle03 .swiper-slide .content .title {
        font-size: 25px;
        margin-bottom: 10px
    }
    .bannerStyle03 .swiper-slide .content .caption {
        font-size: 12px
    }
}

@media (max-width:1023px) {
    .bannerStyle03 .swiper-container {
        height: 40vw
    }
    .bannerStyle03 .swiper-container.swiper-container-coverflow {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .bannerStyle03 .swiper-container {
        height: 65vh
    }
    .bannerStyle03 .swiper-slide .content .caption {
        display: none
    }
}

@media (max-width:480px) {
    .bannerStyle03 .swiper-container {
        height: 40vh
    }
}

.bannerStyle04 .gallery-top {
    height: 100%;
    width: 100%
}

.bannerStyle04 .gallery-thumbs {
    height: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0
}

.bannerStyle04 .gallery-thumbs .swiper-slide {
    height: 100%
}

.bannerStyle04 .gallery-thumbs .swiper-slide img {
    width: 100%
}

.bannerStyle04 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.bannerStyle05 .swiper-slide {
    font-size: 18px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 200px 60px
}

.bannerStyle05 .swiper-slide .title {
    font-size: 41px;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: 1.8
}

.bannerStyle05 .swiper-slide .subtitle {
    font-size: 21px
}

.bannerStyle05 .swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3
}

.bannerStyle05 .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
    background-position: center
}

@media (max-width:1023px) {
    .bannerStyle05 .swiper-slide {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .bannerStyle05 .swiper-slide {
        padding: 30vh 30px;
        min-height: 65vh
    }
    .bannerStyle05 .swiper-slide .title {
        font-size: 25px
    }
    .bannerStyle05 .swiper-slide .text {
        display: none
    }
}

@media (max-width:480px) {
    .bannerStyle05 .swiper-slide {
        min-height: 40vh;
        padding-top: 20vh;
        padding-bottom: 20vh
    }
}

.bannerStyle06 {
    margin-bottom: 50px
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle06 .swiper-pagination-bullet,
.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle06 .swiper-pagination-bullet:before,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.bannerStyle06 [class^=swiper-button-] {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.bannerStyle06 .bannerStyle07 .swiper-slide,
.bannerStyle06 [class^=swiper-slide-shadow-],
.bannerStyle07 .bannerStyle06 .swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.bannerStyle06 .swiper-container {
    width: 100%;
    height: 34vw;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.6s ease, transform 0.3s ease;
    transition: opacity 0.6s ease, transform 0.3s ease;
    transition: opacity 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.bannerStyle06 .swiper-container:hover .swiper-button-next,
.bannerStyle06 .swiper-container:hover .swiper-button-prev {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.bannerStyle06 .swiper-container.loading {
    opacity: 0
}

.bannerStyle06 .swiper-container.scale-out {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.bannerStyle06 .swiper-container.scale-in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.bannerStyle06 .swiper-slide {
    background-position: center;
    background-size: cover;
    -webkit-perspective: 1600px;
    perspective: 1600px
}

.bannerStyle06 .swiper-slide.swiper-slide-active {
    z-index: 2
}

.bannerStyle06 .swiper-slide .entity-img {
    display: none
}

.bannerStyle06 .swiper-slide .content {
    position: absolute;
    top: 40%;
    left: 0;
    width: 50%;
    padding-left: 5%;
    color: #fff;
    -webkit-transform: translateZ(100px) translateX(100px);
    transform: translateZ(100px) translateX(100px)
}

.bannerStyle06 .swiper-slide .content .title {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 30px
}

.bannerStyle06 .swiper-slide .content .caption {
    display: block;
    font-size: 12px;
    line-height: 1.4
}

.bannerStyle06 [class^=swiper-button-] {
    width: 44px;
    opacity: 0;
    visibility: hidden
}

.bannerStyle06 .swiper-button-prev {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.bannerStyle06 .swiper-button-next {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px)
}

.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9px;
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 0.4
}

.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0px solid #fff;
    border-radius: 50%
}

.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    opacity: 1
}

.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border-width: 1px
}

@media (max-width:1180px) {
    .bannerStyle06 .swiper-slide .content .title {
        font-size: 25px;
        margin-bottom: 10px
    }
    .bannerStyle06 .swiper-slide .content .caption {
        font-size: 12px
    }
}

@media (max-width:768px) {
    .bannerStyle06 .swiper-container {
        height: 65vw
    }
    .bannerStyle06 .swiper-slide .content {
        padding-left: 0
    }
    .bannerStyle06 .swiper-slide .content .caption {
        display: none
    }
}

.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle07 .swiper-pagination-bullet,
.bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle07 .swiper-pagination-bullet:before,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle07 .swiper-pagination-bullet,
.bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .bannerStyle07 .swiper-pagination-bullet:before,
.bannerStyle07 .bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.bannerStyle07 .bannerStyle03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.bannerStyle07 .bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.bannerStyle07 .bannerStyle06 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before,
.bannerStyle07 [class^=swiper-button-] {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.bannerStyle06 .bannerStyle07 [class^=swiper-slide-shadow-],
.bannerStyle07 .bannerStyle06 [class^=swiper-slide-shadow-],
.bannerStyle07 .swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.bannerStyle07 .swiper-container {
    width: 100%;
    height: 65vh;
    -webkit-transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.6s ease, transform 0.3s ease;
    transition: opacity 0.6s ease, transform 0.3s ease;
    transition: opacity 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.bannerStyle07 .swiper-container.nav-slider {
    width: 20%;
    padding-left: 5px
}

.bannerStyle07 .swiper-container.nav-slider .swiper-slide {
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.bannerStyle07 .swiper-container.nav-slider .swiper-slide.swiper-slide-active {
    opacity: 1
}

.bannerStyle07 .swiper-container.nav-slider .swiper-slide .content {
    width: 100%
}

.bannerStyle07 .swiper-container.nav-slider .swiper-slide .content .title {
    font-size: 20px
}

.bannerStyle07 .swiper-container:hover .swiper-button-next,
.bannerStyle07 .swiper-container:hover .swiper-button-prev {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.bannerStyle07 .swiper-container.loading {
    opacity: 0;
    visibility: hidden
}

.bannerStyle07 .swiper-slide {
    overflow: hidden
}

.bannerStyle07 .swiper-slide .slide-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.bannerStyle07 .swiper-slide .entity-img {
    display: none
}

.bannerStyle07 .swiper-slide .content {
    position: absolute;
    top: 40%;
    left: 0;
    width: 50%;
    padding-left: 5%;
    color: #fff
}

.bannerStyle07 .swiper-slide .content .title {
    font-size: 2.6em;
    font-weight: bold;
    margin-bottom: 30px
}

.bannerStyle07 .swiper-slide .content .caption {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.7s ease;
    -o-transition: opacity 0.3s ease, transform 0.7s ease;
    transition: opacity 0.3s ease, transform 0.7s ease;
    transition: opacity 0.3s ease, transform 0.7s ease, -webkit-transform 0.7s ease
}

.bannerStyle07 .swiper-slide .content .caption.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.bannerStyle07 [class^=swiper-button-] {
    width: 44px;
    opacity: 0;
    visibility: hidden
}

.bannerStyle07 .swiper-button-prev {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.bannerStyle07 .swiper-button-next {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px)
}

@media (max-width:768px) {
    .bannerStyle07 .swiper-slide .content .caption {
        display: none
    }
    .bannerStyle07 .swiper-slide .content .title {
        font-size: 2.5em
    }
}

@media (max-width:480px) {
    .bannerStyle07 .swiper-container {
        height: 40vh
    }
}

.bannerStyle08 {
    width: 100%;
    height: 100vh
}

.bannerStyle08 .swiper-container {
    width: 100%;
    height: 100%
}

.bannerStyle08 .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    overflow: hidden
}

.bannerStyle08 .slide-image {
    position: absolute;
    top: -200px;
    left: -200px;
    width: calc(100% + 400px);
    height: calc(100% + 400px);
    background-position: 50% 50%;
    background-size: cover
}

.bannerStyle08 .slide-title {
    font-size: 4rem;
    line-height: 1;
    max-width: 50%;
    white-space: normal;
    word-break: break-word;
    color: #FFF;
    z-index: 100;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-weight: normal
}

@media (min-width:45em) {
    .bannerStyle08 .slide-title {
        font-size: 7vw;
        max-width: none
    }
}

.bannerStyle08 .slide-title span {
    white-space: pre;
    display: inline-block;
    opacity: 0
}

.bannerStyle08 .slideshow {
    position: relative
}

.bannerStyle08 .slideshow-pagination {
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    z-index: 10
}

.bannerStyle08 .slideshow-pagination-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerStyle08 .slideshow-pagination-item .pagination-number {
    opacity: 0.5
}

.bannerStyle08 .slideshow-pagination-item:focus,
.bannerStyle08 .slideshow-pagination-item:hover {
    cursor: pointer
}

.bannerStyle08 .slideshow-pagination-item:last-of-type .pagination-separator {
    width: 0
}

.bannerStyle08 .slideshow-pagination-item.active .pagination-number {
    opacity: 1
}

.bannerStyle08 .slideshow-pagination-item.active .pagination-separator {
    width: 10vw
}

.bannerStyle08 .slideshow-navigation-button {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 5rem;
    z-index: 1000;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #FFF
}

.bannerStyle08 .slideshow-navigation-button:focus,
.bannerStyle08 .slideshow-navigation-button:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5)
}

.bannerStyle08 .slideshow-navigation-button.prev {
    left: 0
}

.bannerStyle08 .slideshow-navigation-button.next {
    right: 0
}

.bannerStyle08 .pagination-number {
    font-size: 1.8rem;
    color: #FFF;
    font-family: "Oswald", sans-serif;
    padding: 0 0.5rem
}

.bannerStyle08 .pagination-separator {
    display: none;
    position: relative;
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.25);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (min-width:45em) {
    .bannerStyle08 .pagination-separator {
        display: block
    }
}

.bannerStyle08 .pagination-separator-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

@media (max-width:768px) {
    .bannerStyle08 {
        height: 65vh
    }
    .bannerStyle08 .slide-title {
        max-width: 70%;
        font-size: 2.5em
    }
    .bannerStyle08 .slideshow-pagination {
        bottom: 20px
    }
}

@media (max-width:480px) {
    .bannerStyle08 {
        height: 40vh
    }
}

.bannerStyle09 .swiper-container {
    width: 100%;
    height: 650px;
    margin: 0 auto
}

.bannerStyle09 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerStyle09 .carousel__transform {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bannerStyle09 .swiper-slide-next,
.bannerStyle09 .swiper-slide-prev {
    display: block;
    z-index: 999
}

@media (min-width:677px) {
    .bannerStyle09 .swiper-slide-next,
    .bannerStyle09 .swiper-slide-prev {
        width: 10%!important
    }
}

.bannerStyle09 .swiper-slide-next:after,
.bannerStyle09 .swiper-slide-prev:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 42, 57, 0.6)
}

@media (min-width:677px) {
    .bannerStyle09 .swiper-slide-active {
        width: 80%!important
    }
}

.bannerStyle09 .swiper-slide-active .carousel__container__inner {
    opacity: 1
}

.bannerStyle09 .swiper__buttonblock__left,
.bannerStyle09 .swiper__buttonblock__right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    cursor: pointer;
    z-index: 1
}

.bannerStyle09 .swiper__buttonblock__left .swiper-button-next,
.bannerStyle09 .swiper__buttonblock__left .swiper-button-prev,
.bannerStyle09 .swiper__buttonblock__right .swiper-button-next,
.bannerStyle09 .swiper__buttonblock__right .swiper-button-prev {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.bannerStyle09 .swiper__buttonblock__right {
    right: 0
}

.bannerStyle09 .swiper__hovered__prev .swiper-slide-prev:after {
    background-color: transparent
}

.bannerStyle09 .swiper__hovered__prev .swiper-slide-prev .carousel__container {
    width: 200%;
    position: absolute;
    left: 0;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.bannerStyle09 .swiper__hovered__prev .swiper-slide-prev .carousel__container:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 42, 57, 0.6);
    top: 0;
    bottom: 0;
    width: 100%
}

.bannerStyle09 .swiper__hovered__prev .swiper-slide-prev .carousel-onhover {
    text-align: right;
    width: 140px;
    right: 15px;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.bannerStyle09 .swiper__hovered__next .swiper-slide-next:after {
    background-color: transparent
}

.bannerStyle09 .swiper__hovered__next .swiper-slide-next .carousel__container {
    width: 200%;
    position: absolute;
    right: 0;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.bannerStyle09 .swiper__hovered__next .swiper-slide-next .carousel__container:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 42, 57, 0.6);
    top: 0;
    bottom: 0;
    width: 100%
}

.bannerStyle09 .swiper__hovered__next .swiper-slide-next .carousel-onhover {
    text-align: left;
    width: 140px;
    left: 15px;
    opacity: 1
}

.bannerStyle09 .button__prev__hovered .swiper-button-prev {
    right: auto;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    left: 20px
}

.bannerStyle09 .button__next__hovered .swiper-button-next {
    left: auto;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    right: 20px
}

.bannerStyle09 .swiper-slide-active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.bannerStyle09 .carousel__container {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerStyle09 .carousel__container .carousel-onhover {
    position: absolute;
    color: #fff;
    opacity: 0;
    z-index: 1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.bannerStyle09 .carousel__container__inner {
    width: 290px;
    text-align: left;
    margin-left: 10%;
    opacity: 0;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.bannerStyle09 .carousel__container__inner h1 {
    font-size: 45px;
    line-height: 1.11;
    color: #ffffff;
    text-transform: uppercase;
    margin: 11px 0
}

.bannerStyle09 .carousel__container__inner p {
    font-family: "Arial MT";
    font-size: 16px;
    line-height: 1.56;
    color: #ffffff;
    margin-bottom: 29px
}

.bannerStyle09 .carousel__container__inner .button__bg__red {
    color: #ffffff;
    text-decoration: none
}

@media (max-width:768px) {
    .bannerStyle09 .swiper-container {
        width: 100%;
        height: 65vh;
        margin: 0 auto
    }
    .bannerStyle09 .carousel__container__inner h1 {
        font-size: 35px
    }
}

@media (max-width:480px) {
    .bannerStyle09 .swiper-container {
        height: 40vh
    }
    .bannerStyle09 .carousel__container__inner p {
        display: none
    }
}

.bannerStyle10 .swiper-wrapper {
    height: 65vh;
    font-family: Muli, Helvetica Neue, Helvetica, Arial, sans-serif
}

.bannerStyle10 .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.bannerStyle10 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #010101;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bannerStyle10 .swiper-slide .content {
    -webkit-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    -o-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    opacity: 0;
    padding: 2rem 4rem;
    color: #fff;
    margin: 30px;
    position: relative;
    line-height: 1
}

.bannerStyle10 .swiper-slide .content h2,
.bannerStyle10 .swiper-slide .content p {
    margin: 1em 0
}

.bannerStyle10 .swiper-slide .content:after {
    -webkit-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    -o-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    content: "";
    border: 1px solid;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0.5rem;
    top: 0.5rem
}

.bannerStyle10 .swiper-slide .content:before {
    -webkit-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    -o-transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    transition: all 0.58s cubic-bezier(0.8, 0.14, 0.94, 0.81);
    content: "";
    border: 1px solid;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: -0.5rem;
    top: -0.5rem
}

.bannerStyle10 .swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.8, 0.14, 0.94, 0.81);
    -o-transition-timing-function: cubic-bezier(0.8, 0.14, 0.94, 0.81);
    transition-timing-function: cubic-bezier(0.8, 0.14, 0.94, 0.81);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0.39, 1);
    -o-transition-timing-function: cubic-bezier(1, 0.01, 0.39, 1);
    transition-timing-function: cubic-bezier(1, 0.01, 0.39, 1)
}

.bannerStyle10 .swiper-slide.animate-up .content {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.bannerStyle10 .swiper-slide.animate-down .content {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.bannerStyle10 .swiper-slide.transitioned .content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.6s 0.11s ease;
    -o-transition: all 0.6s 0.11s ease;
    transition: all 0.6s 0.11s ease
}

.bannerStyle10 button {
    padding: 0.5rem 1.5rem;
    font-size: 18px;
    background: #fff;
    border: none;
    font-family: Muli, sans-serif;
    font-weight: 100;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.11rem;
    border: 1px solid #fff;
    color: #212121;
    cursor: pointer
}

.bannerStyle10 .swiper-pagination-bullet {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
    -webkit-transition: box-shadow 0.3s ease;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    background: transparent;
    width: 15px;
    height: 15px;
    padding: 0;
    text-indent: -999em;
    background: rgba(255, 255, 255, 0.3);
    position: relative;
    margin: 5px 0;
    opacity: 1
}

.bannerStyle10 .swiper-pagination-bullet:before {
    content: "";
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease;
    transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    outline: none;
    border-radius: 50%;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute
}

.bannerStyle10 .swiper-pagination-bullet:hover {
    -webkit-box-shadow: 0 0 0 1px white;
    box-shadow: 0 0 0 1px white;
    border: none;
    border-radius: 50%;
    background: transparent
}

.bannerStyle10 .swiper-pagination-bullet:hover:before {
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    background-color: white
}

.bannerStyle10 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-box-shadow: 0 0 0 1px white;
    box-shadow: 0 0 0 1px white;
    border: none;
    border-radius: 50%;
    background: transparent
}

.bannerStyle10 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    background-color: white
}

@media (max-width:480px) {
    .bannerStyle10 .swiper-wrapper {
        height: 40vh
    }
}

.bannerStyle11 .swiper-slide img {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1)
}

.bannerStyle11 .swiper-slide-active img {
    -o-transition: all 2s ease-in;
    transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transform: scale(1.25)
}

@media (max-width:768px) {
    h1 {
        font-size: 25px
    }
    .pc {
        display: none
    }
    .mb {
        display: block!important
    }
}

.pageBanner {
    line-height: 0
}

.bannerStyle01 .swiper-button-next,
.bannerStyle01 .swiper-button-prev,
.bannerStyle02 .swiper-button-next,
.bannerStyle02 .swiper-button-prev,
.bannerStyle03 .swiper-button-next,
.bannerStyle03 .swiper-button-prev,
.bannerStyle04 .swiper-button-next,
.bannerStyle04 .swiper-button-prev,
.bannerStyle05 .swiper-button-next,
.bannerStyle05 .swiper-button-prev,
.bannerStyle06 .swiper-button-next,
.bannerStyle06 .swiper-button-prev,
.bannerStyle07 .swiper-button-next,
.bannerStyle07 .swiper-button-prev,
.bannerStyle09 .swiper-button-next,
.bannerStyle09 .swiper-button-prev,
.bannerStyle11 .swiper-button-next,
.bannerStyle11 .swiper-button-prev {
    background-image: none;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bannerStyle01 .swiper-button-next i,
.bannerStyle01 .swiper-button-prev i,
.bannerStyle02 .swiper-button-next i,
.bannerStyle02 .swiper-button-prev i,
.bannerStyle03 .swiper-button-next i,
.bannerStyle03 .swiper-button-prev i,
.bannerStyle04 .swiper-button-next i,
.bannerStyle04 .swiper-button-prev i,
.bannerStyle05 .swiper-button-next i,
.bannerStyle05 .swiper-button-prev i,
.bannerStyle06 .swiper-button-next i,
.bannerStyle06 .swiper-button-prev i,
.bannerStyle07 .swiper-button-next i,
.bannerStyle07 .swiper-button-prev i,
.bannerStyle09 .swiper-button-next i,
.bannerStyle09 .swiper-button-prev i,
.bannerStyle11 .swiper-button-next i,
.bannerStyle11 .swiper-button-prev i {
    font-size: 52px;
    color: #fff
}

@media (max-width:1024px) {
    .bannerBlock .scrollDown img {
        width: 30px;
        height: auto
    }
}

.cowboyPageBanner01 {
    position: relative;
    background: #ccc
}

.cowboyPageBanner01 .banner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    min-width: 305px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cowboyPageBanner01 .banner_content .banner_txt_one {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    padding: 0;
    margin: 0
}

@media (max-width:480px) {
    .cowboyPageBanner01 .banner_content .banner_txt_one {
        font-size: 16px
    }
}

.cowboyPageBanner01 .banner_content .banner_txt_two {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3;
    padding: 0;
    margin: 0
}

@media (max-width:991px) {
    .cowboyPageBanner01 .banner_content .banner_txt_two {
        font-size: 36px
    }
}

@media (max-width:480px) {
    .cowboyPageBanner01 .banner_content .banner_txt_two {
        font-size: 32px;
        line-height: 1
    }
}

.cowboyPageBanner01 .banner_content .banner_txt_three {
    color: #fff;
    font-size: 13px;
    letter-spacing: 3px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3;
    padding: 0;
    margin: 15px 0 0
}

@media (max-width:480px) {
    .cowboyPageBanner01 .banner_content .banner_txt_three {
        font-size: 12px;
        margin: 5px 0 0
    }
}

.cowboyPageBanner01 .banner_content .banner_line {
    display: inline-block;
    width: 33%;
    height: 20px;
    background: url("https://www.jaj.com.tw/images/banner-bg-line.jpg") right 0 top 10px repeat-x
}

@media (max-width:1024px) {
    .cowboyPageBanner01 .banner_content .banner_line {
        width: 38%
    }
}

@media (max-width:640px) {
    .cowboyPageBanner01 .banner_content .banner_line {
        width: 32%
    }
}

.cowboyPageBanner01 .banner_content .banner_line_logo {
    display: inline-block
}

footer {
    font-size: 14px
}

footer strong {
    font-weight: bold
}

footer .ftMenu_title {
    font-weight: bold;
    margin-bottom: 5px
}

footer .copyRight {
    color: inherit;
    position: relative
}

footer .copyRight .copyrightTxt {
    color: inherit;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px
}

footer .copyRight .copyrightTxt a {
    display: inline-block
}

footer .copyRight .copyrightTxt img {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 0;
    left: 0
}

footer .ftMenu_list li {
    margin-bottom: 5px
}

footer .ftMenu_list li a {
    display: block;
    color: inherit
}

footer .ftMenu_list li a i {
    font-size: 20px;
    margin-right: 5px
}

footer .ftMenu_list li a:hover {
    color: #0050A3
}

footer .ftMenu_list.ftMenuList_arrow li a {
    position: relative;
    padding-left: 18px
}

footer .ftMenu_list.ftMenuList_arrow li a:before {
    content: "";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

footer .ftMenu_vList li {
    display: inline-block;
    margin-right: calc(45 / 850 * 100%)
}

footer .ft_search {
    position: relative;
    width: 350px
}

footer .ft_search form {
    position: absolute;
    width: 100%;
    left: -500px;
    top: -15px
}

footer .ft_search form input[type=text] {
    width: 100%;
    height: 38px;
    padding-left: 10px;
    border-radius: 20px;
    border: 1px solid #8EAAC8;
    color: #fff;
    background: rgba(255, 255, 255, 0.1)
}

footer .ft_search form a {
    position: absolute;
    top: 7px;
    right: 15px
}

footer .ft_search form a i {
    color: #ffffff;
    font-size: 20px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

footer .ft_info ul li {
    display: inline-block;
    margin-right: 45px
}

footer .ft_info ul li a {
    color: inherit;
    display: inline-block
}

footer .ft_info ul li i {
    margin-right: 5px
}

footer .ft_info ul li:last-child {
    margin-right: 0
}

footer .ft_info ul li.ftInfo_addr a {
    color: #0050A3;
    border-bottom: 1px solid #0050A3
}

footer .ft_info ul li.ftInfo_addr span {
    margin-right: 10px
}

footer .ft_info ul li.ftInfo_addr i {
    margin-right: 0
}

footer .ft_social ul li {
    display: inline-block;
    margin-right: 15px
}

footer .ft_social ul li a {
    color: inherit;
    display: block;
    font-size: 23px
}

footer .ft_social ul li:last-child {
    margin-right: 0
}

footer .ft_social.ftSocial_circle ul li a {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    width: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    background-color: #ffffff
}

footer .ft_social.ftSocial_circle ul li a:hover {
    color: #ffffff;
    border-color: #19c0d6;
    background-color: #19c0d6
}

footer .copyRight_content {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e6e6e6
}

footer .copyRight_content .row>div:nth-child(2) {
    text-align: right
}

footer .copyRight_bg {
    color: #fff;
    padding: 25px;
    text-align: center;
    background: #111
}

footer .consulting_line p {
    margin-bottom: 0
}

footer .consulting_line .number {
    font-size: 40px;
    line-height: 50px
}

.footerBGStyle_01 {
    position: relative;
    color: #ffffff;
    background-color: #000000
}

.footerBGStyle_01:after,
.footerBGStyle_01:before {
    content: "";
    position: absolute;
    background-size: 100%;
    width: 150px
}

.footerBGStyle_01:before {
    background-image: url(../images_v4/footer/ft-bl.png);
    left: 0;
    bottom: 0;
    height: 144px
}

.footerBGStyle_01:after {
    background-image: url(../images_v4/footer/ft-tr.png);
    right: 0;
    top: 0;
    height: 168px
}

.footerBGStyle_02 {
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images_v4/footer/ft-bg.jpg)
}

.footerBGStyle_02 .ftSmall_txt {
    color: #93aecf
}

.footerStyle01 {
    color: #ffffff;
    font-size: 14px;
    padding: 140px 0 20px
}

.footerStyle01 .ft_blk {
    margin-bottom: 50px
}

.footerStyle01 .ft_blk a {
    color: #ffffff
}

.footerStyle02 {
    padding: 70px 0 20px
}

.footerStyle02 .ft_logo {
    margin-bottom: 40px
}

.footerStyle02 .copyRight {
    color: #93aecf
}

.footerStyle02 .copyRight .copyrightTxt {
    color: #93aecf
}

.footerStyle03 {
    color: #ffffff;
    padding-top: 45px;
    padding-bottom: 22px;
    border-top: 1px solid #e6e6e6;
    background-color: #0050A3
}

.footerStyle03 .ftMenu_list li {
    margin-bottom: 25px
}

.footerStyle03 .ftMenu_list li a {
    color: #ffffff
}

.footerStyle03 .ftMenu_list li a:hover {
    color: #cccccc
}

.footerStyle03 .ft_logo {
    text-align: right
}

.footerStyle03 .ft_info {
    text-align: right
}

.footerStyle03 .ft_info ul li {
    display: block;
    margin-right: 0
}

.footerStyle03 .ft_social ul li a {
    color: #ffffff
}

.footerStyle03 .copyRight {
    color: #ffffff
}

.footerStyle04 {
    background-color: #0050A3;
    color: #ffffff
}

.footerStyle04 .ft_top {
    width: 1170px;
    padding: 70px 0;
    margin-left: auto;
    margin-right: auto
}

.footerStyle04 .ft_top .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footerStyle04 .ft_mid {
    text-align: center;
    padding-bottom: 25px
}

.footerStyle04 .ft_bottom {
    padding: 25px 15px 15px 15px;
    border-top: 2px solid #ffffff
}

.footerStyle04 .copyRight {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #eeeeee
}

.footerStyle05 {
    color: #ffffff;
    background-color: #1a1c1e
}

.footerStyle05 .slogan_txt {
    text-align: center;
    padding: 80px 0 45px 0
}

.footerStyle05 .slogan_txt span {
    display: block
}

.footerStyle05 .slogan_txt small {
    display: block;
    font-style: italic;
    margin-top: 15px;
    font-size: 12px
}

.footerStyle05 .ftMenu_list {
    padding: 25px 0 22px 0;
    border: 1px solid #383b3e;
    border-left: 0;
    border-right: 0;
    text-align: center
}

.footerStyle05 .ftMenu_list li {
    margin: 0 30px;
    display: inline-block
}

.footerStyle05 .ft_logo {
    padding: 30px 0 60px 0;
    text-align: center
}

.footerStyle05 .container_full {
    padding: 23px 50px;
    background-color: #000000
}

.footerStyle05 .ft_info {
    text-align: center
}

.footerStyle06 {
    padding: 50px 0;
    background-color: #0050A3;
    color: #ffffff
}

.footerStyle06 .ftMenu_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerStyle06 .ftMenu_list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%
}

.footerStyle06 .ftMenu_list li a:hover {
    color: #cccccc
}

.footerStyle06 .ft_info ul li {
    display: block
}

.footerStyle06 .copyRight,
.footerStyle06 .ft_social {
    text-align: center;
    margin-top: 10px
}

.footerStyle07 {
    text-align: center;
    text-shadow: 0 -1px 0 #fff, 0.33px -0.99px 0 #fff, 0.66px -0.66px 0 #fff, 0.99px -0.33px 0 #fff, 1px 0 0 #fff, 0.99px 0.33px 0 #fff, 0.66px 0.66px 0 #fff, 0.33px 0.99px 0 #fff, 0 1px 0 #fff, -0.33px 0.99px 0 #fff, -0.66px 0.66px 0 #fff, -0.99px 0.33px 0 #fff, -1px 0 0 #fff, -0.99px -0.33px 0 #fff, -0.66px -0.66px 0 #fff, -0.33px -0.99px 0 #fff
}

.footerStyle07 .footerbg_triangle {
    height: 675px;
    overflow: hidden;
    position: relative
}

.footerStyle07 .footerbg_triangle:after,
.footerStyle07 .footerbg_triangle:before {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    bottom: -160px;
    width: 50%
}

.footerStyle07 .footerbg_triangle:after {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(72, 183, 208, 0)), color-stop(50%, #48b7d0)) top right/100% 100% no-repeat;
    background: -o-linear-gradient(top left, rgba(72, 183, 208, 0) 50%, #48b7d0 50%) top right/100% 100% no-repeat;
    background: linear-gradient(to bottom right, rgba(72, 183, 208, 0) 50%, #48b7d0 50%) top right/100% 100% no-repeat;
    right: 0
}

.footerStyle07 .footerbg_triangle:before {
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(64, 166, 42, 0)), color-stop(50%, #40a62a)) top left/100% 100% no-repeat;
    background: -o-linear-gradient(top right, rgba(64, 166, 42, 0) 50%, #40a62a 50%) top left/100% 100% no-repeat;
    background: linear-gradient(to bottom left, rgba(64, 166, 42, 0) 50%, #40a62a 50%) top left/100% 100% no-repeat;
    left: 0
}

.footerStyle07 .footerbg_triangle .ft_inner {
    position: absolute;
    width: 100%;
    bottom: 50px;
    padding: 0 10px;
    z-index: 10
}

.footerStyle07 .footerbg_triangle .ft_inner .ft_info,
.footerStyle07 .footerbg_triangle .ft_inner .ft_logo,
.footerStyle07 .footerbg_triangle .ft_inner .ft_social {
    margin-bottom: 10px
}

.footerStyle07 .footerbg_triangle .ft_inner .ft_social {
    text-shadow: none
}

.footerStyle07 .footerbg_triangle .ft_inner .ft_info ul li {
    display: block;
    margin-right: 0
}

.footerStyle07 .footerbg_triangle .ft_inner .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footerStyle07 .footerbg_triangle .ft_inner .slogan_txt {
    color: #ffffff;
    font-size: 57px;
    line-height: 50px;
    text-shadow: none
}

.footerStyle07 .footerbg_triangle .ft_inner .slogan_txt span {
    display: block
}

.footerStyle07 .footerbg_triangle .ft_inner .slogan_txt small {
    display: block;
    font-size: 15px
}

.footerStyle07 .big_phone i {
    font-size: 23px
}

.footerStyle07 .big_phone span {
    font-size: 36px
}

.footerStyle08 {
    padding: 80px 0 50px
}

.footerStyle08 .ft_logo {
    margin-bottom: 30px
}

.footerStyle08 .ft_social {
    margin-top: 30px;
    margin-bottom: 30px
}

.footerStyle08 .ft_menuList_t2 .ftMenu_list li a {
    font-weight: bold
}

.footerStyle09 {
    margin-top: 50px
}

.footerStyle09 .ft_top {
    margin-bottom: 30px
}

.footerStyle09 .ft_mid {
    margin-bottom: 40px
}

.footerStyle09 .ft_bottom .ft_info ul li:nth-last-child(2) {
    display: block;
    margin-right: 0
}

.footerStyle09 .ft_bottom .ft_social {
    text-align: center;
    margin: 60px 0 40px
}

.footerStyle10 {
    background-color: #0050A3;
    color: #fff;
    font-size: 16px
}

.footerStyle10 .footerContent {
    padding: 15px
}

.footerStyle10 .ftMenu_list {
    padding: 5px 0 10px 0
}

.footerStyle10 .ftMenu_list li {
    display: inline-block;
    margin: 0 10px
}

.footerStyle10 a {
    color: #fff
}

.footerStyle10 a:hover {
    color: #0050A3
}

.footerStyle10 .logoBlock {
    margin: 33px 0 27px 0
}

.footerStyle10 .footerLeft {
    padding-right: 30px
}

.footerStyle10 .footerRight {
    padding-left: 30px
}

.footerStyle10 .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerStyle10 .copyright p {
    margin: 0
}

.footerStyle10>div:last-child {
    background-color: #0050A3
}

.footerStyle10 .footerInfo i {
    margin-right: 5px
}

.footerStyle10 .socialList li {
    display: inline-block;
    margin-right: 20px
}

.footerStyle10 .socialList li a {
    font-size: 17px
}

.footerStyle10 .socialList li:last-child {
    margin-right: 0
}

.footerStyle11 .ft_info ul li:last-child,
.footerStyle11 .ft_info ul li:nth-last-child(2) {
    margin-right: 28px
}

.footerStyle11 {
    background: #0050A3;
    color: #fff;
    font-size: 16px
}

.footerStyle11 a {
    color: #fff
}

.footerStyle11 a:hover {
    color: #ebebeb
}

.footerStyle11 .footerContent {
    padding-top: 40px;
    padding-bottom: 28px
}

.footerStyle11 .ft_logo {
    margin-bottom: 16px
}

.footerStyle11 .ft_info li {
    margin: 0 28px 5px 28px
}

.footerStyle11 .ft_info li i {
    color: #fff
}

.footerStyle11 .ft_social {
    margin-top: 5px
}

.footerStyle11 .ft_social li {
    margin: 0 7px
}

.footerStyle11 .ft_social li a i {
    font-size: 19px
}

.footerStyle11 .copyRight {
    background: #0050A3;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 14px
}

.footerStyle11 .copyRight a:hover {
    color: #ebebeb
}

.ft_block {
    margin-bottom: 15px
}

.link_map {
    color: #ffffff;
    width: 68px;
    margin-left: 10px;
    padding: 2px 10px 3px 10px;
    border-radius: 3px;
    border: 1px solid #ffffff
}

@media (max-width:1440px) {
    .footerStyle04 .ft_top {
        width: 100%
    }
}

@media (max-width:1200px) {
    footer .ft_search {
        width: 290px
    }
    footer .ft_search form {
        left: -323px;
        top: 0
    }
    .footerStyle07 {
        margin-top: -100px
    }
    .footerStyle07 .footerbg_triangle:after,
    .footerStyle07 .footerbg_triangle:before {
        background-size: 50% 100%
    }
    .footerStyle07 .footerbg_triangle .ft_inner .slogan_txt {
        color: #0050A3;
        margin-bottom: 20px
    }
    .footerStyle10 .footerLeft {
        padding-right: 15px
    }
    .footerStyle10 .footerRight {
        padding-left: 15px
    }
    .footerStyle10 .ftMenu_list li {
        margin-bottom: 10px
    }
    .footerStyle10 .footerInfo li {
        margin-bottom: 5px
    }
}

@media (max-width:992px) {
    #ft_hide {
        display: none
    }
    footer .ft_search {
        margin-bottom: 15px
    }
    footer .ft_search form {
        left: 0;
        position: relative
    }
    footer .ft_info ul li:nth-last-child(2) {
        margin-right: 0
    }
    footer .copyRight_bg {
        padding: 10px 15px
    }
    .footerStyle01 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .footerStyle01 .ft_blk {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footerStyle01 .copyRight {
        text-align: center
    }
    .footerStyle02 {
        padding-top: 30px;
        text-align: center
    }
    .footerStyle02 .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footerStyle03 .ftMenu_list.tfnav li {
        display: block;
        margin-right: 0;
        margin-bottom: 0
    }
    .footerStyle03 .ftMenu_list.tfnav li a {
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6
    }
    .footerStyle03 .ftMenu_list.bfnav {
        margin-top: 25px
    }
    .footerStyle04 .ft_mid {
        padding-top: 25px
    }
    .footerStyle05 {
        padding-top: 50px
    }
    .footerStyle05 .ft_logo {
        padding-bottom: 30px
    }
    .footerStyle05 .ft_social {
        text-align: center
    }
    .footerStyle06 .ft_info {
        margin-top: 10px;
        text-align: center
    }
    .footerStyle06 .ft_info ul li {
        margin-right: 0
    }
    .footerStyle08 {
        padding: 30px 0 20px;
        text-align: center
    }
    .footerStyle09 {
        margin-top: 30px;
        text-align: center
    }
    .footerStyle09 .ft_logo {
        margin-bottom: 10px
    }
    .footerStyle09 .ft_mid,
    .footerStyle09 .ft_top {
        margin-bottom: 20px
    }
    .footerStyle09 .ft_bottom .ft_social {
        margin-top: 20px;
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    footer .ft_search {
        margin: 20px auto 10px auto
    }
    footer .ft_info ul li {
        display: block;
        margin-right: 0
    }
    footer .consulting_line .number {
        font-size: 35px;
        line-height: 45px
    }
    .footerBGStyle_01:after,
    .footerBGStyle_01:before {
        display: none
    }
    .footerStyle01 .ft_logo {
        text-align: center
    }
    .footerStyle01 .ft_blk {
        text-align: center;
        margin-bottom: 20px
    }
    .footerStyle03 {
        padding-top: 22px
    }
    .footerStyle07 {
        margin-top: -130px;
        position: relative;
        z-index: -1
    }
    .footerStyle07 .footerbg_triangle .ft_inner .slogan_txt {
        font-size: 50px;
        line-height: 43px;
        text-shadow: 0 -1px 0 #fff, 0.33px -0.99px 0 #fff, 0.66px -0.66px 0 #fff, 0.99px -0.33px 0 #fff, 1px 0 0 #fff, 0.99px 0.33px 0 #fff, 0.66px 0.66px 0 #fff, 0.33px 0.99px 0 #fff, 0 1px 0 #fff, -0.33px 0.99px 0 #fff, -0.66px 0.66px 0 #fff, -0.99px 0.33px 0 #fff, -1px 0 0 #fff, -0.99px -0.33px 0 #fff, -0.66px -0.66px 0 #fff, -0.33px -0.99px 0 #fff
    }
    .footerStyle07 .footerbg_triangle .ft_inner .slogan_txt small {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .socialList {
        margin-top: 10px
    }
}

@media (max-width:575px) {
    .footerStyle01 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .footerStyle07 {
        margin-top: -50px
    }
    .footerStyle07 .footerbg_triangle .ft_inner {
        bottom: 25px
    }
}

.footerStyle12 {
    padding: 40px 0;
    background-color: black
}

@media (max-width:1024px) {
    .footerStyle12 {
        padding: 30px 0
    }
}

.footerStyle12 .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1024px) {
    .footerStyle12 .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footerStyle12 [class^=ft_] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media (min-width:1025px) {
    .footerStyle12 [class^=ft_] {
        padding: 0 30px
    }
}

@media (max-width:1024px) {
    .footerStyle12 [class^=ft_] {
        text-align: center
    }
}

@media (min-width:1025px) {
    .footerStyle12 [class^=ft_]+[class^=ft_] {
        border-left: 1px solid rgba(255, 255, 255, 0.2)
    }
}

.footerStyle12 [class^=ft_] p:first-child {
    color: #0098d2;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width:1024px) {
    .footerStyle12 [class^=ft_] p:first-child {
        line-height: 1.3
    }
}

.footerStyle12 [class^=ft_] p:nth-child(2) {
    margin-bottom: 0
}

@media (max-width:1024px) {
    .footerStyle12 [class^=ft_] p:nth-child(2) {
        line-height: 1.3
    }
}

.footerStyle12 [class^=ft_] p:nth-child(2) a {
    color: #fff;
    font-size: 16px
}

.footerStyle12 [class^=ft_] span {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 28.8px
}

@media (max-width:1024px) {
    .footerStyle12 [class^=ft_] span {
        display: inline;
        line-height: 19px
    }
}

@media (max-width:1024px) {
    .footerStyle12 .ft_logo {
        width: 30%;
        min-width: unset;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        text-align: right
    }
}

@media (max-width:1024px) {
    .footerStyle12 .ft_info {
        display: none;
        padding: 0 0 20px
    }
}

.footerStyle12 .suckblc {
    width: calc(70% - 40px);
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.2)
}

@media (min-width:1025px) {
    .footerStyle12 .suckblc {
        display: none
    }
}

.footerStyle12 .suckblc p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.footerStyle12 .suckblc p a {
    color: #fff
}

.footerStyle12 .suckblc p span {
    color: #0098d2
}

@media (max-width:680px) {
    .footerStyle12 .suckblc p span {
        display: block
    }
}

@media (max-width:680px) {
    .footerStyle12 .suckblc p {
        line-height: 1.3
    }
    .footerStyle12 .suckblc p+p {
        margin-top: 10px
    }
}

@media (max-width:1024px) {
    .footerStyle12 .ft_copyright {
        width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.2)
    }
}

.footerStyle13 {
    padding-bottom: 15px;
    background-color: #0050A3
}

.footerStyle13 .ftMenu_list_area {
    padding: 33px 0;
    border-bottom: 1px solid #fff
}

@media (max-width:1024px) {
    .footerStyle13 .ftMenu_list_area {
        display: none
    }
}

.footerStyle13 .ftMenu_list_area .ftMenu_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footerStyle13 .ftMenu_list_area .ftMenu_list li {
    margin: 0 7.5px
}

.footerStyle13 .ftMenu_list_area .ftMenu_list li a {
    color: #fff;
    font-size: 18px
}

.footerStyle13 .ftMenu_list_area .ftMenu_list li a:hover {
    color: #8ac3ff
}

.footerStyle13 .ft_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.3;
    padding: 30px 0
}

@media (max-width:991px) {
    .footerStyle13 .ft_info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footerStyle13 .ft_info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px
}

@media (max-width:1199px) {
    .footerStyle13 .ft_info div {
        padding: 0 15px
    }
}

.footerStyle13 .ft_info div+div {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media (min-width:992px) {
    .footerStyle13 .ft_info div+div {
        position: relative
    }
    .footerStyle13 .ft_info div+div:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 30px;
        background: #fff;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (max-width:991px) {
    .footerStyle13 .ft_info div+div {
        margin-top: 10px
    }
}

.footerStyle13 .ft_info div i {
    color: #fff;
    font-size: 30px;
    margin-right: 8px
}

@media (max-width:1199px) {
    .footerStyle13 .ft_info div i {
        font-size: 26px
    }
}

@media (max-width:1024px) {
    .footerStyle13 .ft_info div i {
        font-size: 22px
    }
}

.footerStyle13 .ft_info div a {
    color: #fff;
    font-size: 16px
}

.footerStyle13 .ft_info div a:hover {
    color: #8ac3ff
}

.footerStyle13 .ft_social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footerStyle13 .ft_social ul li {
    position: relative;
    margin: 0;
    padding: 0 12.5px
}

.footerStyle13 .ft_social ul li a {
    color: #fff
}

.footerStyle13 .ft_social ul li+li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 45%;
    background: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.footerStyle13 .ft_copyright {
    line-height: 1.5;
    text-align: center;
    margin-top: 5px
}

.footerStyle13 .ft_copyright span {
    display: block;
    color: #fff;
    font-size: 16px
}

.footerStyle13 .ft_copyright span:nth-child(2) {
    color: rgba(255, 255, 255, 0.5)
}

#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: 60%;
    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: 60%;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    white-space: nowrap;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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_] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#mbPanel .mbPanel_left,
#mbPanel[data-mbPanel=""] .mbPanel_left,
.mbPanel .mbPanel_left,
.mbPanel[data-mbPanel=""] .mbPanel_left {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_right,
#mbPanel[data-mbPanel=""] .mbPanel_right,
.mbPanel .mbPanel_right,
.mbPanel[data-mbPanel=""] .mbPanel_right {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

#mbPanel .mbPanel_top,
#mbPanel[data-mbPanel=""] .mbPanel_top,
.mbPanel .mbPanel_top,
.mbPanel[data-mbPanel=""] .mbPanel_top {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_bottom,
#mbPanel[data-mbPanel=""] .mbPanel_bottom,
.mbPanel .mbPanel_bottom,
.mbPanel[data-mbPanel=""] .mbPanel_bottom {
    -ms-transform: translateY(100%);
    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;
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transform: translate(0)
}

#mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_funNav,
#mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_page,
.mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_funNav,
.mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_page {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_funNav.open,
#mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_page.open,
.mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_funNav.open,
.mbPanel[data-mbPanel=mbPanel_effect01] .mbPanel_page.open {
    -ms-transform: translateX(260px);
    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;
    -ms-transform: translateX(-260px);
    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);
    -ms-transform-origin: 100% 0%;
    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;
    -ms-transform: translateX(0);
    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);
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    -o-transition-delay: 70ms;
    transition-delay: 70ms;
    -webkit-transition-delay: 70ms
}

#mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_funNav,
#mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_page,
.mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_funNav,
.mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_page {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_funNav.open,
#mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_page.open,
.mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_funNav.open,
.mbPanel[data-mbPanel=mbPanel_effect02] .mbPanel_page.open {
    -ms-transform: translateX(260px);
    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_funNav,
#mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_page,
.mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_funNav,
.mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_page {
    -ms-transform-origin: 50% 50%;
    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_funNav.open,
#mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_page.open,
.mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_funNav.open,
.mbPanel[data-mbPanel=mbPanel_effect03] .mbPanel_page.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 {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_subPanel.open,
.mbPanel .mbPanel_subPanel.open {
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

#mbPanel .mbPanel_funNav.navTop.hide,
.mbPanel .mbPanel_funNav.navTop.hide {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_funNav.navBottom.hide,
.mbPanel .mbPanel_funNav.navBottom.hide {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

#mbPanel,
.mbPanel {
    background: none
}

#mbPanel>[class^=mbPanel_],
.mbPanel>[class^=mbPanel_] {
    background: #fff
}

#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: 0.5em;
    padding-right: 0.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_funNav .mbPanel_content,
#mbPanel .mbPanel_page .mbPanel_content,
.mbPanel .mbPanel_funNav .mbPanel_content,
.mbPanel .mbPanel_page .mbPanel_content {
    position: relative;
    z-index: 1
}

#mbPanel .mbPanel_funNav:before,
#mbPanel .mbPanel_page:before,
.mbPanel .mbPanel_funNav:before,
.mbPanel .mbPanel_page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    opacity: 0;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

#mbPanel .mbPanel_funNav.open:before,
#mbPanel .mbPanel_page.open:before,
.mbPanel .mbPanel_funNav.open:before,
.mbPanel .mbPanel_page.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: #0050A3
}

#mbPanel .mbPanel_funNav.navBottom *,
.mbPanel .mbPanel_funNav.navBottom * {
    color: rgba(255, 255, 255, 0.6)
}

#mbPanel .mbPanel_funNav.navBottom a,
.mbPanel .mbPanel_funNav.navBottom a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding-top: 5px
}

#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 {
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#mbPanel .panelMenu .subMenu,
.mbPanel .panelMenu .subMenu {
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%)
}

#mbPanel .panelMenu .subMenu.open,
.mbPanel .panelMenu .subMenu.open {
    -ms-transform: translateX(0);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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 .back a,
#mbPanel .panelMenu .mainCloseBtn,
#mbPanel .panelMenu .moreMenu,
.mbPanel .panelMenu .back a,
.mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .moreMenu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

#mbPanel .panelMenu .back a span,
#mbPanel .panelMenu .mainCloseBtn span,
#mbPanel .panelMenu .moreMenu span,
.mbPanel .panelMenu .back a span,
.mbPanel .panelMenu .mainCloseBtn span,
.mbPanel .panelMenu .moreMenu span {
    width: 180px
}

#mbPanel .panelMenu .back a:after,
#mbPanel .panelMenu .mainCloseBtn:after,
#mbPanel .panelMenu .moreMenu:after,
.mbPanel .panelMenu .back a:after,
.mbPanel .panelMenu .mainCloseBtn: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: ""
}

#mbPanel .panelMenu .moreMenu:after,
.mbPanel .panelMenu .moreMenu:after {
    content: ""
}

#mbPanel .panelMenu .mainCloseBtn:after,
.mbPanel .panelMenu .mainCloseBtn:after {
    content: ""
}

#mbPanel .panelMenu .back,
#mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .back,
.mbPanel .panelMenu .mainCloseBtn {
    background: #333
}

#mbPanel .panelMenu .back,
#mbPanel .panelMenu .back *,
#mbPanel .panelMenu .mainCloseBtn,
#mbPanel .panelMenu .mainCloseBtn *,
.mbPanel .panelMenu .back,
.mbPanel .panelMenu .back *,
.mbPanel .panelMenu .mainCloseBtn,
.mbPanel .panelMenu .mainCloseBtn * {
    font-size: 18px;
    color: #fff
}

#mbPanel .panelMenu .subMenu,
.mbPanel .panelMenu .subMenu {
    background: #fff
}

#mbPanel .panelMenu a,
.mbPanel .panelMenu a {
    border-color: #eeeeee;
    border-width: 0 0 1px 0;
    border-style: solid
}

.forcmp {
    padding-top: 50px!important
}

@media (min-width:1025px) {
    .cowboy_mbPanel_1 {
        display: none
    }
}

.cowboy_mbPanel_1 .cmpTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #fff;
    z-index: 100
}

.cowboy_mbPanel_1 .cmpTop>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 3)
}

.cowboy_mbPanel_1 .cmpTop>div a {
    display: block;
    color: #333;
    font-size: 38px;
    font-weight: bold;
    line-height: 1
}

.cowboy_mbPanel_1 .cmpTop>div a img {
    display: block;
    max-height: 45px
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 24px
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn div {
    width: 30px;
    height: 4px;
    border-radius: 30px;
    background: #333;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn.open:before {
    width: 30.5px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg)
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn.open div {
    opacity: 0
}

.cowboy_mbPanel_1 .cmpTop>div a.cmpBtn.open:after {
    width: 30.5px;
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.cowboy_mbPanel_1 .cmpContent {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_1 .cmpContent.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_1 .cmpContent .cmpLang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

.cowboy_mbPanel_1 .cmpContent .cmpLang a {
    color: #333;
    font-size: 16px;
    margin: 0 7.5px
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu>p {
    color: #0050A3;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li>a {
    display: block;
    color: #333;
    font-size: 16px;
    padding: 12px 15px 10px;
    border-top: 1px solid #0050A3;
    border-bottom: 0px solid #0050A3;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li>a.active {
    color: #0050A3
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li>a.open {
    border-bottom: 1px solid #0050A3
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li a {
    display: block;
    color: #999;
    font-size: 16px;
    padding: 12px 15px 10px 47px
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li a.active {
    color: #0050A3
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li .submenu li a {
    padding: 12px 15px 10px 79px;
    border-bottom: 0
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li .submenu li a.active {
    color: #0050A3
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li:not(:last-child) a {
    border-bottom: 1px solid #999
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li:not(:last-child) .submenu {
    border-bottom: 1px solid #999
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav>li .submenu li:last-child .submenu {
    border-top: 1px solid #999
}

.cowboy_mbPanel_1 .cmpContent .cmpMenu .cmpNav .moremenu>a:after {
    content: "";
    font-family: FontAwesome
}

.cowboy_mbPanel_1 .cmpFooter {
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 10px 15px;
    background: #fff;
    border-top: 2px solid #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_1 .cmpFooter.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_1 .cmpFooter p {
    color: #333;
    font-size: 14px;
    text-align: center;
    margin: 0
}

.cowboy_mbPanel_1 .cmpBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_1 .cmpBottom.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_1 .cmpBottom>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cowboy_mbPanel_1 .cmpBottom>div a {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1
}

.cowboy_mbPanel_1 .cmpBottom>div a p {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin: 3px 0 0
}

@media (min-width:1025px) {
    .cowboy_mbPanel_2 {
        display: none
    }
}

.cowboy_mbPanel_2 .cmpTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #fff;
    z-index: 100
}

.cowboy_mbPanel_2 .cmpTop>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 3)
}

.cowboy_mbPanel_2 .cmpTop>div a {
    display: block;
    color: #333;
    font-size: 38px;
    font-weight: bold;
    line-height: 1
}

.cowboy_mbPanel_2 .cmpTop>div a img {
    display: block;
    max-height: 45px
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 24px
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn div {
    width: 30px;
    height: 4px;
    border-radius: 30px;
    background: #333;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn.open:before {
    width: 30.5px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg)
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn.open div {
    opacity: 0
}

.cowboy_mbPanel_2 .cmpTop>div a.cmpBtn.open:after {
    width: 30.5px;
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.cowboy_mbPanel_2 .cmpContent {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpContent.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_2 .cmpContent .cmpLang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

.cowboy_mbPanel_2 .cmpContent .cmpLang a {
    color: #333;
    font-size: 16px;
    margin: 0 7.5px
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu>p {
    color: #0050A3;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li {
    border-top: 1px solid #0050A3
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li>a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #333;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    padding: 12px 15px 10px
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li>a.active {
    color: #0050A3
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li .submenu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 40px;
    border-top: 1px solid #0050A3
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li .submenu li a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #999;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    padding: 12px 15px 10px
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav>li .submenu li a.active {
    color: #0050A3
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav .moremenu>a {
    position: relative
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav .moremenu>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 1px;
    background: #333
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav .moremenu>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 1px;
    height: 10px;
    background: #333;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpContent .cmpMenu .cmpNav .moremenu>a.open:after {
    height: 0
}

.cowboy_mbPanel_2 .cmpFooter {
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 10px 15px;
    background: #fff;
    border-top: 2px solid #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpFooter.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_2 .cmpFooter p {
    color: #333;
    font-size: 14px;
    text-align: center;
    margin: 0
}

.cowboy_mbPanel_2 .cmpBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_2 .cmpBottom.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_2 .cmpBottom>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cowboy_mbPanel_2 .cmpBottom>div a {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1
}

.cowboy_mbPanel_2 .cmpBottom>div a p {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin: 3px 0 0
}

@media (min-width:1025px) {
    .cowboy_mbPanel_3 {
        display: none
    }
}

.cowboy_mbPanel_3 .cmpTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #fff;
    z-index: 100
}

.cowboy_mbPanel_3 .cmpTop>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% / 3)
}

.cowboy_mbPanel_3 .cmpTop>div a {
    display: block;
    color: #333;
    font-size: 38px;
    font-weight: bold;
    line-height: 1
}

.cowboy_mbPanel_3 .cmpTop>div a img {
    display: block;
    max-height: 45px
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 30px;
    height: 24px
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn div {
    width: 30px;
    height: 4px;
    border-radius: 30px;
    background: #333;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn.open:before {
    width: 30.5px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg)
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn.open div {
    opacity: 0
}

.cowboy_mbPanel_3 .cmpTop>div a.cmpBtn.open:after {
    width: 30.5px;
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.cowboy_mbPanel_3 .cmpContent {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpContent.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_3 .cmpContent .cmpLang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0
}

.cowboy_mbPanel_3 .cmpContent .cmpLang a {
    color: #333;
    font-size: 16px;
    margin: 0 7.5px
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu>p {
    color: #0050A3;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav {
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li {
    border-top: 1px solid #0050A3
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li>a {
    display: block;
    color: #333;
    font-size: 16px;
    padding: 12px 30px 10px 15px
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li>a.active {
    color: #0050A3
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -o-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu.show {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -o-transition: visibility 0s 0s;
    transition: visibility 0s 0s
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu li a {
    display: block;
    color: #333;
    font-size: 16px;
    padding: 12px 30px 10px 15px
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu li a.active {
    color: #0050A3
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu li:first-child a {
    position: relative;
    color: #0050A3;
    border-top: 1px solid #0050A3;
    border-bottom: 1px solid #0050A3
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav>li .submenu li:first-child a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav .moremenu>a {
    position: relative
}

.cowboy_mbPanel_3 .cmpContent .cmpMenu .cmpNav .moremenu>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: FontAwesome;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.cowboy_mbPanel_3 .cmpFooter {
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 10px 15px;
    background: #fff;
    border-top: 2px solid #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpFooter.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_3 .cmpFooter p {
    color: #333;
    font-size: 14px;
    text-align: center;
    margin: 0
}

.cowboy_mbPanel_3 .cmpBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #0050A3;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.cowboy_mbPanel_3 .cmpBottom.open {
    opacity: 1;
    visibility: visible
}

.cowboy_mbPanel_3 .cmpBottom>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cowboy_mbPanel_3 .cmpBottom>div a {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1
}

.cowboy_mbPanel_3 .cmpBottom>div a p {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin: 3px 0 0
}

.modal {
    width: 90%;
    max-width: 1200px;
    display: none
}

.modal .subBlockTitle {
    margin-top: 0;
    font-size: 30px
}

.modal .subBlockTxt {
    font-size: 16px
}

.modal.modal_half {
    max-width: 600px
}

.fancybox-close-small:after {
    font-size: 30px;
    right: 10px;
    top: 10px;
    outline: 0!important
}

.fancybox-slide>div {
    padding: 30px
}

.addCart_control {
    margin-top: 30px
}

.addCart_control label {
    margin-right: 15px
}

.addCart_control .prod_specification {
    margin-bottom: 15px
}

.addCart_control .prod_specification select {
    max-width: 190px
}

.addCart_control .prod_num {
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #b3b3b3
}

.addCart_control .prod_num>div {
    display: inline-block;
    vertical-align: middle
}

.srh_content {
    margin-top: 40px;
    margin-bottom: 20px
}

@media (max-width:440px) {
    .addCart_control .prod_specification select {
        max-width: 100%
    }
    .addCart_control .prod_num>div {
        display: block
    }
}

#sideCart_modal {
    max-width: 500px;
    float: right;
    height: 100%;
    margin: 0;
    overflow-y: hidden;
    padding-left: 15px;
    padding-right: 15px
}

#sideCart_modal [class^=btn-] {
    min-width: 100%
}

#sideCart_modal .proInquiry {
    display: block;
    height: calc(100% - 178px);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

#sideCart_modal .proInquiry .proInquiry_item>div:nth-child(2) {
    -ms-flex: 1 0 calc(100% - 215px);
    -webkit-box-flex: 1;
    flex: 1 0 calc(100% - 215px);
    max-width: calc(100% - 215px);
    margin-left: 15px;
    margin-right: 15px
}

@media (max-width:576px) {
    #sideCart_modal .proInquiry .proInquiry_item>div:nth-child(2) {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

#sideCart_modal .subBlockTitle {
    font-size: 16px
}

.sideCart_content {
    height: 100%;
    padding-top: 15px;
    position: relative
}

.sideCart_content .btn_close {
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer
}

.sideCart_content .cartInfo .cartTitle {
    color: #ffffff;
    padding: 15px;
    background-color: #0050A3
}

.sideCart_content .cartInfo .cartTitle h5 span {
    color: #19c0d6
}

.pageLoading {
    position: fixed;
    background: white;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000
}

.pageLoading>* {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.floatIconBar {
    z-index: 10;
    right: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.floatIconBar {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.floatIconBar a {
    margin-bottom: 10px
}

.floatIconBar a:last-child {
    margin-bottom: 0
}

.gotop,
.inquiryInfo,
.showCart {
    display: inline-block;
    cursor: pointer
}

.gotop img,
.inquiryInfo img,
.showCart img {
    display: inline-block;
    vertical-align: middle
}

.gotop:hover,
.inquiryInfo:hover,
.showCart:hover {
    opacity: 0.9
}

.gotop {
    position: fixed;
    z-index: 10;
    right: 15px;
    bottom: 10%
}

.showCart {
    color: #ffffff;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: #00abea
}

.showCart i {
    color: #ffffff
}

.inquiryInfo {
    color: #333333
}

.inquiryInfo i {
    font-size: 45px;
    display: block
}

.floatIcon {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #0050A3;
    color: #fff;
    border-radius: 12px;
    text-align: center
}

.floatIcon i {
    font-size: 24px;
    margin-bottom: 2px
}

.floatIcon span {
    display: block;
    width: 100%;
    padding: 0 5px;
    font-size: 14px;
    line-height: 1
}

.floatIcon:hover {
    color: #fff
}

@media (max-width:1024px) {
    .floatIcon {
        width: 60px;
        height: 60px;
        -ms-flex-line-pack: center;
        align-content: center
    }
    .floatIcon i {
        font-size: 20px;
        margin-bottom: 3px
    }
    .floatIcon span {
        font-size: 12px
    }
}

.marqueeBlock {
    background-color: #0050A3
}

.marqueeBlock .marquee {
    height: 2em;
    position: relative;
    overflow: hidden
}

.marqueeBlock .marquee ul {
    width: 100%;
    position: absolute
}

.marqueeBlock .marquee ul li {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.marqueeBlock .marquee ul li a {
    color: #fff
}

.marqueeBlock .marquee ul :not(ul):not(.subMenu) {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

@media (min-width:1025px) {
    .marqueeBlock {
        height: 50px;
        overflow: hidden
    }
    .marqueeBlock .marquee {
        height: 50px
    }
    .marqueeBlock .marquee a {
        display: block;
        line-height: 50px;
        overflow: hidden
    }
}

@media (max-width:1024px) {
    .marqueeBlock .marquee {
        height: auto
    }
    .marqueeBlock .marquee ul {
        position: static
    }
    .marqueeBlock .marquee ul li {
        height: auto;
        white-space: normal;
        margin: 0;
        padding: 0.5em 0;
        border-bottom: 1px solid #e6e6e6;
        text-align: left
    }
}

.cowboySidemenu_2>li>a {
    position: relative;
    display: block;
    color: #333;
    font-size: 18px;
    padding: 5px 0 5px 15px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_2>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_2>li>a.active,
.cowboySidemenu_2>li>a:hover {
    color: #0050A3
}

.cowboySidemenu_2>li>a.active {
    font-weight: 700
}

.cowboySidemenu_2>li>a.active:before {
    background: #0050A3
}

.cowboySidemenu_2>li .submenu {
    padding-left: 34px
}

.cowboySidemenu_2>li .submenu.open {
    padding-bottom: 5px
}

.cowboySidemenu_2>li .submenu li a {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #333;
    font-size: 16px;
    padding: 5px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_2>li .submenu li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #0050A3;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_2>li .submenu li a.active,
.cowboySidemenu_2>li .submenu li a:hover {
    color: #0050A3
}

.cowboySidemenu_2>li .submenu li a.active:after,
.cowboySidemenu_2>li .submenu li a:hover:after {
    width: 100%
}

.cowboySidemenu_2>li .submenu li a.active {
    font-weight: 700
}

.cowboySidemenu_3>li>a {
    display: block;
    color: #333;
    font-size: 18px;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_3>li>a:hover {
    color: #0050A3;
    padding: 5px 10px 5px 15px
}

.cowboySidemenu_3>li>a.active {
    color: #fff;
    font-weight: 700;
    background: #0050A3
}

.cowboySidemenu_3>li .submenu {
    padding-left: 34px
}

.cowboySidemenu_3>li .submenu.open {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.cowboySidemenu_3>li .submenu li a {
    display: block;
    color: #333;
    font-size: 16px;
    padding: 5px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_3>li .submenu li a:hover {
    color: #0050A3;
    padding: 5px 0 5px 5px
}

.cowboySidemenu_3>li .submenu li a.active {
    color: #0050A3;
    font-weight: 700
}

.cowboySidemenu_4 {
    margin-top: 10px;
    padding: 20px 10px;
    background: #F6F6F6;
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg)
}

.cowboySidemenu_4>li {
    -webkit-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    transform: skewY(5deg)
}

.cowboySidemenu_4>li>a {
    display: block;
    color: #333;
    font-size: 18px;
    padding: 5px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_4>li>a:before {
    content: "";
    display: inline-block;
    color: #333;
    font-family: "FontAwesome";
    margin-right: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_4>li>a.active,
.cowboySidemenu_4>li>a:hover {
    color: #0050A3
}

.cowboySidemenu_4>li>a.active:before,
.cowboySidemenu_4>li>a:hover:before {
    color: #0050A3
}

.cowboySidemenu_4>li>a:hover:before {
    margin-right: 10px
}

.cowboySidemenu_4>li>a.active {
    font-weight: 700
}

.cowboySidemenu_4>li>a.open:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cowboySidemenu_4>li .submenu {
    padding-left: 34px
}

.cowboySidemenu_4>li .submenu.open {
    padding-bottom: 5px
}

.cowboySidemenu_4>li .submenu li a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #333;
    font-size: 16px;
    padding: 5px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_4>li .submenu li a:before {
    content: "";
    display: inline-block;
    color: #333;
    font-family: "FontAwesome";
    margin-right: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.cowboySidemenu_4>li .submenu li a.active,
.cowboySidemenu_4>li .submenu li a:hover {
    color: #0050A3
}

.cowboySidemenu_4>li .submenu li a.active:before,
.cowboySidemenu_4>li .submenu li a:hover:before {
    color: #0050A3
}

.cowboySidemenu_4>li .submenu li a:hover:before {
    margin-right: 10px
}

.cowboySidemenu_4>li .submenu li a.active {
    font-weight: 700
}

.cowboySidemenu_4>li .submenu li a.open:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.slick-slider {
    overflow: hidden
}

.slick-slider,
.slick-slider * {
    outline: 0
}

.slick-slider .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    color: #ffffff;
    border-radius: 5px;
    background-color: #0050A3
}

.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: 0.8em
}

.slick-slider .slick-arrow:hover {
    cursor: pointer;
    background-color: #005dbc
}

.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 {
    font-size: 10px;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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 {
    line-height: 0;
    color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border-color: #333333
}

.slick-slider .slick-dots li button:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #333333;
    border-radius: 100%
}

.slick-slider .slick-dots li.slick-active button {
    border-color: #0050A3
}

.slick-slider .slick-dots li.slick-active button:after {
    background: #0050A3
}

.slick-slider .slidItem {
    margin-left: 15px;
    margin-right: 15px
}

.slidBlock2 .slidItem {
    margin-left: 3px;
    margin-right: 3px
}

.bannerStyle12 .slidItem {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.bannerStyle12 .mb {
    display: none
}

@media screen and (max-width:768px) {
    .bannerStyle12 .pc {
        display: none
    }
    .bannerStyle12 .mb {
        display: block
    }
}

.product .menuListStyle_1 {
    padding-right: 32px
}

.prod_slider {
    margin-bottom: 50px
}

.prod_slider .slick-slider.slider-for .slick-arrow {
    opacity: 1
}

.prod_slider .slick-slider.slider-for .slick-arrow.slick-prev {
    left: 0
}

.prod_slider .slick-slider.slider-for .slick-arrow.slick-next {
    right: 0
}

.prod_slider .slick-slider.slider-nav .slick-arrow {
    position: relative;
    opacity: 1;
    left: 0;
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    border-radius: 0;
    background-color: #f0f0f0
}

.prod_slider .slick-slider.slider-nav .slick-arrow i {
    color: #aaaaaa;
    font-weight: bold
}

.prod_slider .slick-slider.slider-nav .slick-arrow:hover i {
    color: #ff5353
}

.prod_slider .slick-slider.slider-nav .slick-arrow.slick-prev {
    top: 0;
    margin-bottom: 3px
}

.prod_slider .slick-slider.slider-nav .slick-arrow.slick-next {
    margin-top: 3px
}

.prod_slider .slick-vertical .slick-slide {
    margin: 3px 0
}

.prod_slider img:hover {
    cursor: pointer
}

.slideNavBottom {
    margin-top: 15px
}

.slideNavBottom .slick-slide {
    margin: 0 3px
}

.proList {
    margin-top: 50px
}

.proList .proItem {
    margin-bottom: 30px
}

.proList .subBlockTitle {
    color: #333333;
    font-size: 16px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5
}

.proList .cartBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 27px
}

.proList .proList_style-1 .itemImgHover.hoverEffect1:after {
    display: none
}

.proList .proList_style-1 .itemImgHover.hoverEffect1>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width:1024px) {
    .proList .proList_style-1 .itemImgHover.hoverEffect1>div {
        display: none
    }
}

.proList .proList_style-1 .itemImgHover.hoverEffect1>div div {
    margin: 0 15px;
    width: 40px;
    color: #fff;
    font-size: 28px;
    line-height: 40px;
    background: #0050A3;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.proList .proList_style-1 .itemImgHover.hoverEffect1:hover>div {
    opacity: 1;
    visibility: visible
}

.proList .proList_style-1 .itemImgHover.hoverEffect1:hover>div div:hover {
    color: #0050A3;
    background: #fff
}

.proList .proList_style-1 .subBlockTxt {
    margin-top: 10px
}

.proList .proList_style-1 .subBlockTitle {
    margin-top: 0
}

.proList .editBox {
    width: 100%
}

.proList .editBox img {
    max-width: 100%
}

.productListBlock {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productListBlock .subBlockTitle {
    font-size: 16px;
    height: 48px;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5
}

.productdetail .pageTitleStyle-2 {
    margin-bottom: 40px
}

.prod_title {
    color: #0050A3;
    font-size: 32px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 10px
}

.centerProTitle {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

.prod_price {
    margin-top: 10px;
    margin-bottom: 10px
}

.prod_price span {
    font-size: 22px;
    color: #ff5353;
    font-weight: bold;
    display: block
}

.prod_price small {
    color: #aaaaaa;
    font-weight: bold
}

.prod_info {
    color: #4a4e5c;
    margin-top: 10px;
    margin-bottom: 10px
}

.prod_info .prodInfo_title {
    padding: 10px 0 15px
}

.prod_info ul li {
    padding-left: 15px
}

.prod_info ul li:before {
    content: "●";
    color: #4a4e5c;
    margin-left: -15px;
    width: 15px;
    display: inline-block
}

.prod_num {
    margin-top: 10px;
    margin-bottom: 10px
}

.prod_num p {
    margin-bottom: 5px
}

.prod_num .number-spinner {
    max-width: 190px;
    line-height: 44px;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
    overflow: hidden;
    position: relative;
    display: table
}

.prod_num .number-spinner input {
    height: 44px;
    max-height: 44px;
    line-height: 44px;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    float: left;
    width: 100%;
    text-align: center
}

.prod_num .number-spinner input:focus {
    outline: none
}

.prod_num .number-spinner .ns-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    cursor: pointer
}

.prod_num .number-spinner .ns-btn a {
    height: 44px;
    min-height: 44px;
    width: 44px;
    padding: 0;
    max-width: 44px;
    line-height: 44px;
    border-radius: 0;
    border: none;
    text-align: center;
    position: relative;
    background: #f0f0f0;
    color: #aaaaaa;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}

.prod_num .number-spinner .ns-btn .icon-minus:after {
    color: #aaaaaa;
    content: "−";
    font-size: 25px;
    line-height: 44px;
    font-weight: bold
}

.prod_num .number-spinner .ns-btn .icon-plus:after {
    color: #ff5353;
    content: "+";
    font-size: 28px;
    line-height: 42px;
    font-weight: bold
}

.prod_num .number-spinner .ns-btn:first-child {
    border-right: 1px solid #bcbcbc
}

.prod_num .number-spinner .ns-btn:last-child {
    border-left: 1px solid #bcbcbc
}

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

.prod_btn button {
    cursor: pointer;
    margin-right: 15px
}

.prod_btn button:last-child {
    margin-right: 0
}

.shopCart .shopDel {
    color: gray;
    margin-right: 10px;
    text-decoration: line-through
}

.shopCart .shopPrice {
    color: #ff5353;
    font-size: 19px
}

.shopCart_btn a {
    color: #ffffff;
    font-size: 14px;
    width: 25px;
    height: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid #666666;
    background: #666666;
    position: relative
}

.shopCart_btn a .tips {
    display: none;
    position: absolute;
    width: 7em;
    height: 2em;
    bottom: -2.5em;
    text-align: center;
    z-index: 100;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.shopCart_btn a:hover {
    color: #666666;
    background-color: #ffffff
}

.shopCart_btn a:hover .tips {
    color: #666666;
    display: inline-block
}

.proInquiry {
    margin-bottom: 30px
}

.proInquiry .proInquiry_item {
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.proInquiry .proInquiry_item>div:first-child {
    -ms-flex: 1 0 115px;
    -webkit-box-flex: 1;
    flex: 1 0 115px;
    max-width: 115px
}

.proInquiry .proInquiry_item>div:nth-child(2) {
    -ms-flex: 1 0 calc(100% - 230px);
    -webkit-box-flex: 1;
    flex: 1 0 calc(100% - 230px);
    max-width: calc(100% - 230px);
    margin-left: 30px;
    margin-right: 30px
}

.proInquiry .proInquiry_item>div:nth-child(3) {
    -ms-flex: 1 0 55px;
    -webkit-box-flex: 1;
    flex: 1 0 55px;
    max-width: 55px
}

@media (max-width:576px) {
    .proInquiry .proInquiry_item {
        display: block;
        margin-bottom: 15px
    }
    .proInquiry .proInquiry_item>div:first-child,
    .proInquiry .proInquiry_item>div:nth-child(2),
    .proInquiry .proInquiry_item>div:nth-child(3) {
        max-width: 100%
    }
    .proInquiry .proInquiry_item>div:nth-child(2) {
        margin: 15px 0
    }
    .proInquiry .proInquiry_item .itemImg {
        padding-bottom: 50%;
        width: 50%
    }
}

.proInquiry .subBlock_item {
    margin-bottom: 10px
}

.proInquiry .subBlock_item .subBlockTitle {
    margin-top: 0
}

.proInquiry .itemImg:after {
    font-size: 18px
}

.proInquiry .prod_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.proInquiry .prod_num .number-spinner {
    margin-left: 15px
}

.proInquiry .icon-link {
    margin-left: 0
}

.proInquiry .icon-link i {
    font-weight: normal
}

.shopdetail .shopCart_btn {
    margin-top: 10px
}

@media (min-width:1025px) {
    .shopdetail .shopCart_btn {
        display: block
    }
}

@media (max-width:992px) {
    .prod_title {
        margin-top: 15px
    }
    .prod_slider .slick-slider.slider-for .slick-arrow {
        font-size: 60px;
        background-color: transparent
    }
    .prod_slider .slick-slider.slider-for .slick-arrow i {
        padding: 0
    }
    .proList {
        margin-top: 0
    }
    .tabList.tabListStyle02 .tabLabel {
        margin-bottom: 0
    }
    .tabList .tabLabel {
        margin-bottom: 0
    }
    .tabList .tabContent {
        border-top: 0
    }
}

@media (max-width:440px) {
    .prod_num .number-spinner {
        max-width: 100%;
        width: 100%
    }
    .prod_num .number-spinner .ns-btn {
        width: 50px
    }
    .prod_num .number-spinner .ns-btn a {
        max-width: 100%;
        width: 100%
    }
    .prod_btn button {
        margin-right: 0;
        margin-bottom: 10px;
        min-width: 100%
    }
}

.productListStyle03 .proItem .subBlockTitle {
    margin-top: 5px
}

.productListStyle03 .proItem>div:nth-child(2) {
    background-color: #eee;
    padding: 20px
}

.productListStyle04 {
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle04 .proItem {
    border: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0
}

.productListStyle04>div:nth-child(4n) {
    border-right: 1px #ccc solid
}

.productListStyle04>div:last-child,
.productListStyle04>div:nth-last-child(2),
.productListStyle04>div:nth-last-child(3),
.productListStyle04>div:nth-last-child(4) {
    border-bottom: 1px #ccc solid
}

.productListStyle05 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle05 .proItem {
    width: calc((100% - 15px) / 2);
    border: 1px #ccc solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productListStyle05 .proImgBox {
    display: block;
    width: 50%
}

.productListStyle05 .productBrief {
    width: 50%;
    padding: 13px 24px 0 24px
}

.productListStyle05 .subBlockTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    color: #0050A3
}

.productListStyle05 .underLine {
    width: 24px;
    margin: 8px 0 0 0
}

.productListStyle05 .productBriefText {
    margin-top: 15px;
    font-size: 13px;
    height: 19px;
    color: #808080;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: 0
}

.productListStyle05 .buttonGroup {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 19px
}

.productListStyle05 .addItemAddCart {
    min-width: 108px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    border-radius: 0;
    margin: 0 10px 0 0
}

.productListStyle05 .addItemAddCart i {
    margin-right: 2px
}

.productListStyle05 .moreText {
    line-height: 1
}

.productListStyle06 {
    width: 100%
}

.productListStyle06 .productsTopList {
    width: 100%;
    margin-bottom: 35px
}

.productListStyle06 .productsTopList ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productListStyle06 .productsTopList ul li {
    height: 60px;
    margin: 0 4px 15px 4px
}

.productListStyle06 .productsTopList ul a {
    display: block;
    width: 200px;
    height: 40px;
    font-size: 19px;
    text-align: center;
    line-height: 40px;
    background-color: #B3B3B3;
    color: #fff
}

.productListStyle06 .productsTopList ul li.active a {
    background-color: #0050A3
}

.productListStyle06 .productsTopList ul li.active .triangle {
    display: block
}

.productListStyle06 .productsTopList .triangle {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #0050A3 transparent transparent transparent;
    margin: 0 auto
}

.productListStyle06 .proItem {
    display: block
}

.productListStyle06 .productFeature {
    width: 100%;
    height: 120px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 16px
}

.productListStyle07 .proItemBorder {
    width: 100%;
    border: 1px #ccc solid
}

.productListStyle07 .proImgBox {
    display: block
}

.productListStyle07 .productBrief {
    width: 100%;
    padding: 10px 20px
}

.productListStyle07 .underLine {
    margin: 15px 0
}

.productListStyle07 .productBriefText {
    width: 100%;
    height: 38px;
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: 0
}

.productListStyle07 .moreText {
    display: block;
    text-align: right
}

.productListStyle07 .btn-cis1 {
    min-width: 132px;
    height: 40px;
    line-height: 40px;
    border-radius: 0
}

.productListStyle08 {
    width: 100%
}

.productListStyle08 .productTopMenu {
    width: 100%
}

.productListStyle08 .productTopMenu div {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle08 .productTopMenu ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productListStyle08 .productTopMenu .productMainMenu {
    margin-bottom: 10px
}

.productListStyle08 .productTopMenu .productMainMenu li {
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #fff;
    background-color: #ccc;
    text-align: center;
    margin-bottom: 10px
}

.productListStyle08 .productTopMenu .productMainMenu li a {
    display: block;
    font-size: 20px;
    font-weight: bold
}

.productListStyle08 .productTopMenu .productMainMenu li.active,
.productListStyle08 .productTopMenu .productMainMenu li:hover {
    background-color: #0050A3
}

.productListStyle08 .productTopMenu .productMainMenu li.active a,
.productListStyle08 .productTopMenu .productMainMenu li:hover a {
    color: #fff
}

.productListStyle08 .productTopMenu .productSubMenu li {
    min-width: 110px;
    text-align: center;
    margin-bottom: 15px
}

.productListStyle08 .productTopMenu .productSubMenu li a {
    font-size: 18px;
    line-height: 1
}

.productListStyle08 .productTopMenu .productSubMenu li:not(:last-child):after {
    content: "│";
    color: #999;
    margin: 0 20px
}

.productListStyle08 .productTopMenu .productSubMenu li.active a {
    color: #0050A3
}

.productListStyle08 .productListBlock {
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle08 .proItem {
    width: 33.33333333%
}

.productListStyle08 .proItemBorder {
    width: 100%;
    border: 8px solid rgba(111, 185, 247, 0);
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms
}

.productListStyle08 .proItemBorder:hover {
    border-color: #0050A3
}

.productListStyle08 .productBrief {
    width: 100%;
    padding: 5px 18px 0 18px;
    text-align: center
}

.productListStyle09 {
    padding: 0 9px
}

.productListStyle09 .proItem {
    width: 33.3333333%;
    padding: 6px
}

.productListStyle09 .proItem a {
    width: 100%;
    display: block
}

.productListStyle09 .productBrief {
    width: 100%;
    height: 65px;
    padding: 0 12px;
    background-color: #E3E3E3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.productListStyle09 .leftLine {
    width: 1px;
    height: 40px;
    margin-right: 6px;
    border-right: 1px #FF0000 solid
}

.productListStyle09 .subBlockTitle {
    width: calc(100% - 6px);
    height: 44px;
    margin-bottom: 10px;
    line-height: 1.4
}

.productListStyle10 {
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle10 .proItem {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 70px
}

.productListStyle10 .imgBox {
    display: block;
    width: 66.1%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}

.productListStyle10 .imgBox a {
    display: block
}

.productListStyle10 .imgBox .itemImg {
    padding-bottom: 63.473%
}

.productListStyle10 .productBrief {
    width: 48.87%;
    padding: 6.7% 7% 8.3% 7%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

.productListStyle10 .subBlockTitle {
    height: 27px;
    font-size: 18px;
    font-weight: bold;
    color: #0050A3;
    -webkit-line-clamp: 1
}

.productListStyle10 .underLine {
    width: 20px;
    margin: 13px 0
}

.productListStyle10>div.proItem:nth-child(odd) .productBrief {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    right: 0
}

.productListStyle10>div.proItem:nth-child(2n) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.productListStyle10>div.proItem:nth-child(2n) .imgBox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.productListStyle10>div.proItem:nth-child(2n) .productBrief {
    left: 0
}

.productListStyle10 .productBriefText {
    width: 100%;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 15px;
    color: #999
}

.productListStyle11 .proItemBorder {
    width: 100%;
    border: 1px #eee solid
}

.productListStyle11 .productBrief {
    width: 100%;
    padding: 10px 20px
}

.productListStyle11 .subBlockTitle {
    margin-top: 0
}

.productListStyle11 .subBlockTxt {
    width: 100%;
    height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.productListStyle12 .proItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px
}

.productListStyle12 .imgBox {
    width: 66.1%
}

.productListStyle12 .itemImg {
    padding-bottom: 63.473%
}

.productListStyle12 .productBrief {
    width: 33.9%
}

.productListStyle12 .subBlockTitle {
    height: 27px;
    font-size: 18px;
    font-weight: bold;
    color: #0050A3;
    -webkit-line-clamp: 1
}

.productListStyle12 .underLine {
    width: 20px;
    margin-top: 12px;
    margin-bottom: 9px
}

.productListStyle12 div.proItem:nth-child(odd) .productBrief {
    padding-left: 30px
}

.productListStyle12 div.proItem:nth-child(odd) .underLine {
    margin-left: 0
}

.productListStyle12 div.proItem:nth-child(2n) .imgBox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.productListStyle12 div.proItem:nth-child(2n) .productBrief {
    padding-right: 30px;
    text-align: right
}

.productListStyle12 div.proItem:nth-child(2n) .underLine {
    margin-right: 0
}

.productListStyle12 .productBriefText {
    width: 100%;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 15px;
    color: #999
}

.productListStyle13 {
    padding-left: 15px;
    padding-right: 15px
}

.productListStyle13 .proItem {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    border: 1px #ddd solid;
    -webkit-box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.productListStyle13 .proItemBox {
    width: 100%;
    position: relative;
    overflow: hidden
}

.productListStyle13 .proItemBox a {
    display: block;
    width: 100%
}

.productListStyle13 .productBrief {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    padding: 20px 15px 10px 15px
}

.productListStyle13 .productBrief:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.productListStyle13 .productBriefBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 4
}

.productListStyle13 .proIcon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #000;
    display: inline-block;
    position: relative
}

.productListStyle13 .proIcon img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.productListStyle13 .proIcon .white {
    opacity: 1
}

.productListStyle13 .proIcon .red {
    opacity: 0
}

.productListStyle13 .proTextBlock {
    width: calc(100% - 70px);
    padding-left: 15px
}

.productListStyle13 .subBlockTitle {
    height: 29px;
    -webkit-line-clamp: 1;
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px #000 solid;
    margin-bottom: 7px
}

.productListStyle13 .productBriefText {
    color: #333333;
    font-size: 16px;
    height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5
}

.productListStyle13 .proItem:hover {
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.8)
}

.productListStyle13 .proItem:hover .productBrief:before {
    background-color: #0050A3
}

.productListStyle13 .proItem:hover .productBriefText,
.productListStyle13 .proItem:hover .subBlockTitle {
    color: #fff
}

.productListStyle13 .proItem:hover .subBlockTitle {
    border-bottom: 1px #fff solid
}

.productListStyle13 .proItem:hover .proIcon {
    background-color: #fff
}

.productListStyle13 .proItem:hover .proIcon .white {
    opacity: 0
}

.productListStyle13 .proItem:hover .proIcon .red {
    opacity: 1
}

.productListStyle14 {}

.productListStyle14 .rowList {
    width: 100%
}

.productListStyle14 .productList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 75px
}

.productListStyle14 .productList .item {
    width: 25%;
    border: 1px #ccc solid;
    position: relative
}

.productListStyle14 .productList .item a {
    display: block;
    width: 100%
}

.productListStyle14 .productList .select {
    width: 150px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4
}

.productListStyle14 .productList .select .angleBox {
    width: 100%;
    padding-top: 14px;
    padding-right: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.productListStyle14 .productList .select .angleBox:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 150px 90px 0;
    border-color: transparent #F2EEEB transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.productListStyle14 .productList .select label {
    width: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.productListStyle14 .productList .select label.noVisible {
    visibility: hidden
}

.productListStyle14 .productList .select input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    border: 1px #D6D6D6 solid;
    border-radius: 50%;
    background-color: #fff;
    position: relative
}

.productListStyle14 .productList .select input[type=checkbox]:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 3px #fff solid;
    background-color: #606060;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}

.productListStyle14 .productList .select input[type=checkbox]:hover:before {
    opacity: 1
}

.productListStyle14 .productList .select input[type=checkbox]:checked:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FontAwesome";
    font-size: 12px;
    width: 17px;
    height: 17px;
    color: #fff;
    background-color: #0B97DE;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.productListStyle14 .productList .select input[type=checkbox]:checked+span {
    opacity: 0
}

.productListStyle14 .productList .select span {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px
}

.productListStyle14 .productList .proName {
    font-size: 16px;
    font-weight: 700;
    color: #0099ff;
    margin-top: 10px;
    margin-bottom: 17px;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.productListStyle14 .productList .proInfo {
    min-height: 159px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 17px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.productListStyle14 .productList .tagBlock {
    width: 100%;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.productListStyle14 .productList .tagBlock .tag {
    display: inline-block;
    min-width: 54px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border: 1px #ccc solid;
    margin: 0 3px 5px 3px;
    font-size: 12px
}

.productListStyle14 .productList .temperature {
    width: 100%;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productListStyle14 .productList .temperature .tag {
    font-size: 12px;
    margin: 0 17px 17px 17px
}

.productListStyle14 .productList .cirle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 auto 12px auto
}

.productListStyle14 .productList .tempGreen {
    background-color: #00D354
}

.productListStyle14 .productList .tempOrange {
    background-color: #FF9215
}

.productListStyle14 .productList .btnGroup {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.productListStyle14 .productList .btnGroup .btn {
    display: block;
    width: 197px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    border: 1px #ccc solid;
    border-radius: 22.5px;
    margin: 0 auto 17px auto;
    background: #fff
}

.productListStyle14 .productList .btnGroup .linearBg {
    color: #fff;
    border: 0;
    background: #0050A3;
    background: -webkit-gradient(linear, left top, right top, from(#0050A3), to(#19c0d6));
    background: -o-linear-gradient(left, #0050A3 0%, #19c0d6 100%);
    background: linear-gradient(to right, #0050A3 0%, #19c0d6 100%)
}

.productListStyle14 .productList .btnGroup .cancelBtn {
    display: none
}

.productListStyle14 .productList .item:hover .proInfo {
    opacity: 0
}

.productListStyle14 .productList .item:hover .btnGroup {
    opacity: 1
}

.productListStyle14 .productList .item.checked .proInfo {
    opacity: 0
}

.productListStyle14 .productList .item.checked .btnGroup {
    opacity: 1
}

.productListStyle14 .productList .item.checked .btnGroup .compareBtn,
.productListStyle14 .productList .item.checked .btnGroup .detaileBtn {
    display: none
}

.productListStyle14 .productList .item.checked .btnGroup .cancelBtn {
    display: block
}

.productListStyle14 .fullChecked .item:not(.checked) label {
    display: none
}

.productListStyle14 .fullChecked .item:not(.checked) .compareBtn {
    display: none
}

.compareBarBox {
    width: 100%;
    max-width: 417px;
    position: fixed;
    left: 50%;
    bottom: 100px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    display: none
}

.compareBar {
    width: 100%;
    height: 58px;
    margin: 0 auto;
    background: #0050A3;
    background: -webkit-gradient(linear, left top, right top, from(#0050A3), to(#19c0d6));
    background: -o-linear-gradient(left, #0050A3 0%, #19c0d6 100%);
    background: linear-gradient(to right, #0050A3 0%, #19c0d6 100%);
    color: #fff;
    border-radius: 29px;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
    padding: 10px 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compareBar .cancel,
.compareBar .num {
    width: 70px
}

.compareBar .start {
    width: calc(100% - 140px);
    border-left: 1px #fff solid;
    border-right: 1px #fff solid
}

.compareBar .start a {
    display: block;
    width: 100%;
    color: #fff
}

.compareBar .cancel,
.compareBar .num,
.compareBar .start {
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 16px
}

.compareBar .cancel {
    cursor: pointer
}

.compareTableContent {
    width: 100%;
    margin-bottom: 196px
}

.compareTableBox {
    width: 100%
}

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

.compareTable th {
    border-bottom: 2px #716D6A solid;
    padding-bottom: 14px
}

.compareTable td,
.compareTable th {
    border-right: 3px #fff solid
}

.compareTable td:last-child,
.compareTable th:last-child {
    border-right: 0
}

.compareTable td {
    width: 21%;
    padding: 12px 15px 10px 15px;
    border-bottom: 1px #ccc solid
}

.compareTable td:first-child {
    width: 16%;
    text-align: left;
    padding: 12px 3.8% 10px 3.8%
}

.compareTable tr:not(:first-child):hover {
    background-color: #0050A3;
    color: #fff
}

.productListStyle09_full .proItem {
    width: 25%
}

.productListStyle09_full .proItem .subBlockTitle {
    height: 28px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.proTitleBlock1 {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px #0050A3 solid;
    font-weight: bold;
    color: #0050A3;
    padding: 10px;
    margin-bottom: 50px;
    cursor: pointer
}

.proTitleBlock1:hover {
    background-color: #0050A3;
    color: #fff
}

.product [class^=moreBtn] {
    font-size: 14px
}

.product .moreBtn1,
.product .moreBtn2 {
    min-width: 130px;
    height: 38px;
    line-height: 38px
}

.product .moreBtn2 {
    border-radius: 19px
}

@media (max-width:1200px) {
    .productListStyle14 .productList .item {
        width: 33.3333%
    }
}

@media (max-width:1024px) {
    .productListStyle09_full .proItem {
        width: 33.3333333%
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .product .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:992px) {
    .productListStyle04>div:nth-child(4n) {
        border-right: 0
    }
    .productListStyle04>div:nth-child(2n) {
        border-right: 1px #ccc solid
    }
    .productListStyle04>div:nth-last-child(3),
    .productListStyle04>div:nth-last-child(4) {
        border-bottom: 0
    }
    .productListStyle05 .proItem {
        width: 100%
    }
    .productListStyle08 .productTopMenu .productMainMenu li {
        width: 135px;
        height: 40px;
        line-height: 40px
    }
    .productListStyle08 .proItem {
        width: 50%
    }
    .productListStyle09 .proItem {
        width: 50%
    }
}

@media (max-width:768px) {
    .productListStyle08 .productListBlock {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .productListStyle08 .proItem {
        width: calc((100% - 15px)/2)
    }
    .productListStyle08 .proItemBorder {
        border: none
    }
    .productListStyle08 .productBrief {
        padding: 5px 0 0 0
    }
    .productListStyle10 .imgBox {
        width: 100%
    }
    .productListStyle10 .productBrief {
        width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .productListStyle10>div.proItem:nth-child(2n) .imgBox {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .productListStyle10>div.proItem:nth-child(2n) .productBrief {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .productListStyle12 .imgBox {
        width: 100%;
        margin-bottom: 15px
    }
    .productListStyle12 .productBrief {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .productListStyle12 div.proItem:nth-child(odd) .productBrief {
        padding-left: 0
    }
    .productListStyle12 div.proItem:nth-child(2n) .imgBox {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .productListStyle12 div.proItem:nth-child(2n) .productBrief {
        padding-right: 0;
        text-align: left;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .productListStyle12 div.proItem:nth-child(2n) .underLine {
        margin-left: 0;
        margin-right: auto
    }
    .productListStyle14 .productList .item {
        width: 50%
    }
}

@media (max-width:576px) {
    .productListStyle09_full .proItem {
        width: 50%
    }
}

@media (max-width:500px) {
    .productListStyle14 .productList .item {
        width: 100%
    }
    .productListStyle14 .productList .btnGroup,
    .productListStyle14 .productList .select {
        display: none
    }
}

@media (max-width:480px) {
    .productListStyle05 .proImgBox {
        width: 100%
    }
    .productListStyle05 .productBrief {
        width: 100%
    }
}

.newsList {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsList .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsList .item a {
    display: block
}

.newsList .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsList .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType1 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType1 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType1 .item a {
    display: block
}

.newsListType1 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType1 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType1 .item {
    border-top: 1px solid #d6d6d6
}

.newsListType1 .item a:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 32px
}

.newsListType1 .item a:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:768px) {
    .newsListType1 .item {
        display: block
    }
    .newsListType1 .item a:first-child,
    .newsListType1 .item a:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.newsListType2 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType2 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType2 .item a {
    display: block
}

.newsListType2 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType2 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType2 .item {
    border-top: 1px solid #d6d6d6
}

.newsListType2 .item a:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.newsListType2 .item a:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 75%;
    padding-left: 64px
}

@media (max-width:992px) {
    .newsListType2 .item a:nth-child(2) {
        padding-left: 32px
    }
}

@media (max-width:768px) {
    .newsListType2 .item {
        display: block
    }
    .newsListType2 .item a:first-child,
    .newsListType2 .item a:nth-child(2) {
        width: 100%;
        padding-left: 0
    }
}

.newsListType3 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType3 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType3 .item a {
    display: block
}

.newsListType3 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType3 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType3 .item a {
    width: 100%;
    padding: 20px 20px 30px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.newsListType3 .item a .itemTitle {
    height: 86px
}

.newsListType3 .item a .itemContent {
    height: 56px
}

.newsListType3 .item a .dateStyle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.newsListType3 .item a .dateStyle .dateLM {
    color: #e5e5e5;
    font-size: 65px;
    margin-right: 12px;
    font-weight: 400
}

.newsListType3 .item a .dateStyle span {
    line-height: 1.5;
    display: block
}

.newsListType3 .item a .dateStyle .dateM {
    color: #a2546e;
    font-size: 17px;
    letter-spacing: 0.15em;
    font-weight: 800
}

.newsListType3 .item a .dateStyle .dateYD {
    color: #626262;
    font-size: 15px;
    letter-spacing: 0.15em
}

.newsListType3 .item a .itemImg:before {
    display: none
}

.newsListType3 .item a .itemImg:after {
    display: none
}

.newsListType3 .item a .newsItem_block {
    text-align: center;
    margin-top: 16px
}

.newsListType3 .item a .newsItem_block .news_tag {
    color: #fff;
    font-size: 13px;
    padding: 2px 8px;
    letter-spacing: 0.15em;
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #0050A3
}

.newsListType3 .item a .newsItem_block .news_readMore {
    text-align: center;
    margin-top: 16px
}

.newsListType3 .item a .newsItem_block .news_readMore .newsReadMore_txt {
    color: #a4a4a4;
    letter-spacing: 0.35em
}

.newsListType3 .item a .newsItem_block .news_readMore .addIcon {
    position: relative;
    display: inline-block;
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 24px;
    background-color: #a4a4a4
}

.newsListType3 .item a .newsItem_block .news_readMore .addIcon:after,
.newsListType3 .item a .newsItem_block .news_readMore .addIcon:before {
    content: "";
    position: absolute;
    top: 12px;
    width: 65px;
    height: 1px;
    background-color: #a4a4a4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.newsListType3 .item a .newsItem_block .news_readMore .addIcon:before {
    left: 40px
}

.newsListType3 .item a .newsItem_block .news_readMore .addIcon:after {
    right: 40px
}

.newsListType3 .item a:hover {
    -webkit-box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35);
    box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35)
}

.newsListType3 .item a:hover .news_readMore .newsReadMore_txt {
    color: #0050A3
}

.newsListType3 .item a:hover .news_readMore .addIcon {
    background-color: #0050A3
}

.newsListType3 .item a:hover .news_readMore .addIcon:before {
    background-color: #0050A3
}

.newsListType3 .item a:hover .news_readMore .addIcon:after {
    background-color: #0050A3
}

.newsListType4 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType4 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType4 .item a {
    display: block
}

.newsListType4 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType4 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType4 .item a {
    width: 100%
}

.newsListType4 .item a .time_date {
    position: relative
}

.newsListType4 .item a .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 .item a .time_date .dateStyle:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid #ffffff
}

.newsListType4 .item a .time_date .dateStyle span {
    display: block;
    line-height: 1
}

.newsListType4 .item a .time_date .dateStyle .dateD {
    font-size: 30px;
    padding-top: 5px
}

.newsListType4 .item a .time_date .dateStyle .dateM {
    font-size: 16px;
    padding-top: 3px
}

.newsListType5 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType5 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType5 .item a {
    display: block
}

.newsListType5 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType5 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType5 .item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.newsListType5 .item a:first-child {
    width: 25%
}

.newsListType5 .item a:nth-child(2) {
    width: 75%;
    padding-left: 30px;
    position: relative
}

.newsListType5 .item a .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
}

.newsListType5 .item a .itemImg2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -ms-transform: translate(-50%, -50%);
    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)
}

.newsListType5 .item a .itemImg2 .itemImg_line img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px)
}

.newsListType5 .item a .itemImg2 .itemImg_line:before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 1px;
    height: 15px;
    left: 0;
    top: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.newsListType5 .item a .itemImg2 .itemImg_line:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 1px;
    height: 15px;
    right: 0;
    bottom: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.newsListType5 .item a .itemImg2:before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 15px;
    height: 1px;
    left: 0;
    top: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.newsListType5 .item a .itemImg2:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #0050A3;
    width: 15px;
    height: 1px;
    right: 0;
    bottom: 0;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.newsListType5 .item a:hover .itemImg2:before {
    width: 100%
}

.newsListType5 .item a:hover .itemImg2:after {
    width: 100%
}

.newsListType5 .item a:hover .itemImg2 .itemImg_line:before {
    height: 100%
}

.newsListType5 .item a:hover .itemImg2 .itemImg_line:after {
    height: 100%
}

.newsListType5 .item a .dateStyle {
    position: relative
}

.newsListType5 .item a .dateStyle:after {
    position: absolute;
    right: 0;
    top: 50%;
    left: 100px;
    height: 1px;
    background: #cccccc;
    content: "";
    display: inline-block;
    width: auto
}

.newsListType5 .item a .dateStyle .date {
    color: #0050A3
}

.newsListType5 .item a .moreStyleBlock {
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0
}

.newsListType5 .item a .moreStyleBlock span {
    display: inline-block
}

.newsListType5 .item a .moreStyleBlock .borderLine {
    width: calc(100% - 104px);
    height: 1px;
    border-bottom: 1px #ccc solid
}

.newsListType6 {
    margin-top: 32px;
    margin-bottom: 32px
}

.newsListType6 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px
}

.newsListType6 .item a {
    display: block
}

.newsListType6 .item a .itemTitle {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType6 .item a .itemContent {
    color: #8c8c8c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.newsListType6 .item {
    text-align: center
}

.newsListType6 .item a {
    width: 100%;
    display: block
}

.newsListType6 .item a .dateStyle {
    font-size: 14px
}

.newsListType6 .item .itemImg {
    margin: 15px 0
}

.newsListType6 .item .itemImg img {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden
}

.newsListType6 .item .itemImg:hover img {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    -ms-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%)
}

.newsListType6 .item .itemNumber span {
    color: #a2a2a2;
    font-size: 40px;
    position: relative;
    padding: 0 70px
}

.newsListType6 .item .itemNumber span:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 5px;
    width: 53px;
    height: 1px;
    background: #cccccc;
    left: 0
}

.newsListType6 .item .itemNumber span:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 5px;
    width: 53px;
    height: 1px;
    background: #cccccc;
    right: 0
}

.dateStyle_1 {
    display: inline-block
}

.dateStyle_1 .dateD {
    font-size: 42px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
    display: inline-block
}

.dateStyle_1 .dateD:after {
    content: "";
    border: 2px solid #0050A3;
    vertical-align: middle;
    display: block;
    width: 100%;
    line-height: 3;
    margin: 16px 0
}

.dateStyle_1 .dateM {
    font-weight: 300;
    vertical-align: middle;
    line-height: 1;
    display: block
}

.dateStyle_1 .dateY {
    vertical-align: middle;
    line-height: 1;
    display: block
}

.dateStyle_2 {
    display: inline-block
}

.dateStyle_2 .dateD {
    font-size: 42px;
    font-weight: 300;
    line-height: 1em
}

.dateStyle_2 .dateM {
    font-weight: 300;
    display: inline-block;
    line-height: 1em
}

.dateStyle_2 .dateY {
    display: inline-block;
    line-height: 1em
}

.dateStyle_2 .dateY:after {
    content: "";
    border: 2px solid #0050A3;
    background-color: #0050A3;
    width: 100%;
    line-height: 3;
    margin: 0 14px
}

.dateStyle_3 {
    display: inline-block;
    text-align: center;
    border: 2px solid #0050A3;
    padding: 15px;
    border-radius: 5px;
    min-width: 120px
}

.dateStyle_3 .dateD {
    font-size: 48px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1;
    display: block
}

.dateStyle_3 .dateM {
    font-weight: 300;
    vertical-align: middle;
    line-height: 1;
    display: inline-block
}

.dateStyle_3 .dateY {
    vertical-align: middle;
    line-height: 1;
    display: inline-block
}

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

.newsD_main {
    margin-bottom: 50px
}

.newsD_main .editor {
    margin: 30px 0
}

.newD_img {
    line-height: 0
}

.newsListType7 .item a .itemContent {
    -webkit-line-clamp: 3
}

.newsListType7 .item .moreStyleBlock {
    width: 100%;
    text-align: right
}

.newsListType8 .item a .itemContent {
    -webkit-line-clamp: 3
}

.newsListType8 .item .dateStyle4 {
    text-align: right
}

.newsListType9 .item {
    padding-left: 15px;
    padding-right: 15px
}

.newsListType9 .item a .itemContent {
    -webkit-line-clamp: 3
}

.newsListType9 .item a:nth-child(2) {
    width: calc(75% - 160px);
    padding-right: 30px
}

.newsListType9 .item .dateStyle_3 {
    border: 2px #000 solid;
    border-radius: 0;
    width: 160px;
    background-color: #fff
}

.newsListType9>div>div.item:nth-child(odd) {
    background-color: #F2F2F2
}

.indexnewsList {
    width: 100%
}

.indexnewsList li {
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    line-height: 2;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.indexnewsList li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.indexnewsList li a span {
    display: inline-block
}

.indexnewsList li .newsTime {
    width: 74px;
    height: 32px;
    background: #0050A3;
    border-radius: 15px;
    font-size: 12px;
    padding: 3px 0.5em;
    margin-right: 0.5em;
    color: #fff
}

.indexnewsList li .indexNewsListText {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.more-text {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 16px;
    text-decoration: underline
}

@media (max-width:768px) {
    .newsListType9 .item a {
        margin-bottom: 15px
    }
    .newsListType9 .item a:nth-child(2) {
        width: 100%;
        padding-right: 0
    }
}

@media (max-width:576px) {
    .newsListType5 .item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .newsListType5 .item a .moreStyleBlock {
        position: static;
        width: 100%
    }
    .newsListType5 .item a:first-child {
        width: 100%;
        margin: 0 auto 15px auto
    }
    .newsListType5 .item a:nth-child(2) {
        width: 100%;
        padding-left: 0
    }
}

.newsListType10 .newsNumber {
    display: block;
    width: 60px;
    text-align: center
}

.newsListType10 p {
    width: calc(100% - 120px);
    margin-bottom: 0
}

.newsListType10 i {
    width: 60px;
    text-align: center;
    color: #0050A3
}

.newsListType10 p,
.newsListType10 span {
    color: #5c5e5d
}

.newsListType10 .item {
    border-bottom: 1px solid #e5e5e5;
    padding: 0
}

.newsListType10 .item a {
    width: 100%;
    padding: 12.5px 0
}

.newsListType10 .item a .itemTitle {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: normal
}

.newsListType10 .item a:hover {
    background-color: #0050A3
}

.newsListType10 .item a:hover i,
.newsListType10 .item a:hover p,
.newsListType10 .item a:hover span {
    color: #fff
}

.newsListType13 .item,
.newsListType14 .item,
.newsListType15 .item,
.newsListType16 .item {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 50px
}

.newsListType16 .overlap3 {
    padding-left: 3%;
    padding-right: 3%
}

.newsListType17 .item {
    padding-top: 0;
    padding-bottom: 0
}

.newsListType17 .overlap4 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0
}

.newsListType13 .blockTitle span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.5
}

.newsListType13 p {
    color: #8c8c8c
}

.newsListType18 .item {
    display: block;
    width: 100%;
    padding: 20px 20px 30px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    margin-bottom: 32px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.newsListType18 .item:hover {
    -webkit-box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35);
    box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35)
}

.newsListType18 .imgBox {
    width: 100%;
    position: relative
}

.newsListType18 .classified {
    width: 150px;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: -16px;
    z-index: 3;
    background-color: #0050A3;
    color: #fff;
    padding: 2px 10px;
    font-size: 16px
}

.newsListType18 .textBox {
    padding-top: 36px
}

.newsListType18 .itemContent {
    height: 64px
}

@media (max-width:768px) {
    .newsListType18 .itemContent {
        height: 50px
    }
}

.newsListType18 .linkBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 28px
}

.newsListType18 .more {
    text-decoration: underline
}

.newsAside>div {
    margin-bottom: 20px
}

.asideNewsTitle {
    width: 100%;
    background: #19c0d6;
    background: -webkit-gradient(linear, left top, right top, from(#19c0d6), to(#0050A3));
    background: -o-linear-gradient(left, #19c0d6 0%, #0050A3 100%);
    background: linear-gradient(to right, #19c0d6 0%, #0050A3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="$cis2", endColorstr="$cis1", GradientType=1);
    color: #fff;
    text-align: center;
    padding: 10px 35px
}

.asideNewsList {
    width: 100%;
    background-color: #f1f1f1;
    border-left: 5px #ddd solid
}

.asideNewsList a,
.asideNewsList li,
.asideNewsList ul {
    width: 100%
}

.asideNewsList li {
    border-bottom: 1px #ddd solid
}

.asideNewsList a {
    display: block;
    padding: 10px 35px
}

.asideNewsList a:hover {
    cursor: pointer;
    color: #0050A3
}

.asideNewsList2 {
    margin: 50px 0
}

.asideNewsList2 li {
    padding-bottom: 5px;
    border-bottom: 1px #ddd solid
}

.asideNewsList2 a {
    display: block;
    width: 100%;
    margin: 10px 0 15px 0;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.asideNewsList2 .date {
    font-size: 14px
}

.asideImg img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.asideImg a {
    display: block;
    overflow: hidden
}

.asideImg a:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width:991px) {
    .newsAside {
        display: none
    }
}

@media (max-width:420px) {
    .newsdetail .pageControl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.historyDate1 {
    color: #0050A3
}

.historyDate1 span {
    font-size: 22px
}

.historyDate1 small {
    font-size: 19px
}

.historyDate2 {
    color: #000;
    line-height: 1.5
}

.historyDate2 span {
    font-size: 19px
}

.historyDate2 small {
    font-size: 16px
}

.history-slide-btn {
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 5px;
    background-color: #0050A3;
    color: #fff;
    position: absolute
}

.timeLineBox {
    width: 100%;
    margin-bottom: 50px;
    position: relative
}

.timeLineBox .timeLineSlick {
    padding-left: 57.6px;
    padding-right: 57.6px
}

.timeLineBox .timeLineSlick .slick-arrow {
    opacity: 1
}

.timeLineBox .timeStep {
    min-width: 120px;
    max-width: 100%
}

.timeLineBox .timeStep small,
.timeLineBox .timeStep span {
    display: block
}

.timeLineBox .timeStep:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #A2A2A2;
    margin: 7px auto 0 auto
}

.timeLineBox .grayLine {
    width: calc(100% - 115.2px);
    height: 1px;
    border-bottom: 1px #A2A2A2 solid;
    position: absolute;
    left: 50%;
    bottom: 6px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.timeLineBox .slick-current .historyDate2 {
    color: #0050A3
}

.timeLineBox .slick-current .timeStep:after {
    background-color: #0050A3
}

.timeLineBox .slick-slider .slick-arrow.slick-prev {
    left: 0
}

.timeLineBox .slick-slider .slick-arrow.slick-next {
    right: 0
}

.timeLineBox .slick-disabled,
.timeLineBox .slick-disabled:hover {
    background-color: #DFE8F0
}

.historySlick {
    width: 100%
}

@media (min-width:992px) {
    .historyType1 .timeLineBox {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0
    }
    .historyType1 .timeLineBox .timeLineSlick {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 57.6px;
        padding-bottom: 57.6px
    }
    .historyType1 .timeLineBox .timeLineSlick .slick-list {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .historyType1 .timeLineBox .timeStep {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 3em
    }
    .historyType1 .timeLineBox .timeStep small,
    .historyType1 .timeLineBox .timeStep span {
        display: inline-block
    }
    .historyType1 .timeLineBox .timeStep:after {
        width: 100%;
        height: 1px
    }
    .historyType1 .timeLineBox .grayLine {
        display: none
    }
    .historyType1 .timeLineBox .slick-slider .slick-arrow.slick-prev {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .historyType1 .timeLineBox .slick-slider .slick-arrow.slick-prev i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .historyType1 .timeLineBox .slick-slider .slick-arrow.slick-next {
        top: auto;
        bottom: 0;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .historyType1 .timeLineBox .slick-slider .slick-arrow.slick-next i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.historyType3 .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.historyType3 .itemLine {
    width: 330px;
    position: relative;
    overflow: hidden
}

.historyType3 .itemStep {
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0050A3;
    border-radius: 100%;
    font-size: 42px;
    z-index: 1;
    background-color: #fff;
    position: relative
}

.historyType3 .itemStep span {
    display: block;
    line-height: 1em;
    color: #999
}

.historyType3 .itemStep small {
    display: block;
    font-size: 16px;
    line-height: 1em
}

.historyType3 .itemStep:before {
    content: "";
    position: absolute;
    width: 180px;
    top: 75px;
    left: 150px;
    z-index: -1;
    border-bottom: 1px dashed #b3b3b3
}

.historyType3 .itemLine:after {
    content: "";
    position: absolute;
    height: 110%;
    top: 150px;
    left: 75px;
    z-index: -1;
    border-left: 1px dashed #b3b3b3
}

.historyType3 div.itemBox:last-child .itemLine:after {
    display: none
}

.historyType3 .itemContent {
    width: calc(100% - 300px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 22px
}

.historyType3 .itemContent .imgBox {
    width: 210px
}

.historyType3 .itemContent .itemText {
    width: calc(100% - 210px);
    padding-left: 30px
}

@media (max-width:1024px) {
    .historyType3 .itemLine {
        width: 240px
    }
    .historyType3 .itemStep:before {
        width: 90px
    }
    .historyType3 .itemContent {
        width: calc(100% - 240px);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .historyType3 .itemContent .itemText {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width:520px) {
    .historyType3 .itemBox {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .historyType3 .itemLine {
        width: 240px;
        height: 180px
    }
    .historyType3 .itemStep:before {
        display: none
    }
    .historyType3 div.itemBox:last-child .itemLine:after {
        display: block
    }
    .historyType3 .itemContent {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 64px
    }
    .historyType3 .itemContent .imgBox {
        width: 100%
    }
}

.historyType4 .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.historyType4 .itemLine {
    position: relative;
    overflow: hidden
}

.historyType4 .itemLine .itemStep {
    width: 150px;
    height: 150px;
    font-size: 42px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px #0050A3 solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.historyType4 .itemLine .itemStep span {
    color: #999;
    display: block;
    line-height: 1em
}

.historyType4 .itemLine .itemStep small {
    display: block;
    font-size: 16px;
    line-height: 1em
}

.historyType4 .itemLine:after {
    content: "";
    position: absolute;
    height: 110%;
    top: 75px;
    left: 75px;
    z-index: -1;
    border-left: 1px dashed #b3b3b3
}

.historyType4 div.itemBox:last-child .itemLine:after {
    display: none
}

.historyType4 .itemContent {
    width: calc(100% - 210px);
    border-bottom: 1px dashed #b3b3b3;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-left: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.historyType4 .itemContent .itemText {
    width: calc(100% - 210px);
    padding-right: 15px
}

.historyType4 .itemContent .imgBox {
    width: 210px
}

@media (max-width:1024px) {
    .historyType4 .itemContent .itemText {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width:520px) {
    .historyType4 .itemLine {
        padding-bottom: 30px
    }
    .historyType4 .itemContent {
        width: 100%;
        margin-left: 0
    }
    .historyType4 .itemContent .imgBox {
        width: 100%
    }
}

.historyType5 .timeLineContentBox {
    width: 100%
}

.historyType5 .timeLineContentBox .timeLine {
    width: 100%;
    position: relative
}

.historyType5 .timeLineContentBox .timeLine:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b3b3b3
}

.historyType5 .timeLineContentBox .itemStep {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    position: relative
}

.historyType5 .timeLineContentBox .itemStep .eventList {
    display: inline-block;
    margin-right: 15px;
    width: calc(50% - 60px)
}

.historyType5 .timeLineContentBox .itemStep:hover .date {
    background-color: #0050A3
}

.historyType5 .timeLineContentBox .itemStep:hover .date span {
    color: #fff
}

.historyType5 .timeLineContentBox li.itemStep:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.historyType5 .timeLineContentBox li.itemStep:nth-child(odd) .eventList {
    margin-left: 15px;
    margin-right: 0
}

.historyType5 .timeLineContentBox li.itemStep:nth-child(2n) .eventList {
    text-align: right
}

.historyType5 .timeLineContentBox .date {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 1px #0050A3 solid;
    background-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: calc(50% - 45px)
}

.historyType5 .timeLineContentBox .date span {
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #333;
    line-height: 1
}

@media (max-width:768px) {
    .historyType5 .timeLineContentBox .timeLine {
        position: static
    }
    .historyType5 .timeLineContentBox .timeLine:before {
        display: none
    }
    .historyType5 .timeLineContentBox .date {
        width: 100%;
        height: auto;
        position: static;
        border: none;
        border-radius: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .historyType5 .timeLineContentBox .itemStep {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px;
        padding-bottom: 25px;
        border-bottom: 1px solid #b3b3b3
    }
    .historyType5 .timeLineContentBox .itemStep .eventList {
        width: 100%;
        margin: 0
    }
    .historyType5 .timeLineContentBox li.itemStep:nth-child(odd) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .historyType5 .timeLineContentBox li.itemStep:nth-child(odd) .eventList {
        margin: 0
    }
    .historyType5 .timeLineContentBox li.itemStep:nth-child(2n) .eventList {
        text-align: left
    }
}

.historyType6 .timeLineContentBox {
    width: 100%
}

.historyType6 .timeLineContentBox .timeLine {
    width: 100%;
    position: relative
}

.historyType6 .timeLineContentBox .timeLine:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #b3b3b3
}

.historyType6 .timeLineContentBox .itemStep {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    position: relative
}

.historyType6 .timeLineContentBox .itemStep .eventList {
    display: inline-block;
    margin-right: 15px;
    width: calc(50% - 35px)
}

.historyType6 .timeLineContentBox .itemStep:hover .date {
    background-color: #0050A3
}

.historyType6 .timeLineContentBox .itemStep:hover .date span {
    color: #fff
}

.historyType6 .timeLineContentBox div.itemStep:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.historyType6 .timeLineContentBox div.itemStep:nth-child(odd) .eventList {
    margin-left: 15px;
    margin-right: 0
}

.historyType6 .timeLineContentBox div.itemStep:nth-child(2n) .eventList {
    text-align: right
}

.historyType6 .timeLineContentBox .dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #19c0d6;
    position: absolute;
    left: calc(50% - 10px)
}

.historyType6 .timeLineContentBox .dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0050A3
}

@media (max-width:768px) {
    .historyType6 .timeLineContentBox .timeLine:before {
        left: 10px
    }
    .historyType6 .timeLineContentBox .itemStep {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .historyType6 .timeLineContentBox .itemStep .eventList {
        width: calc(100% - 35px);
        margin-right: 0;
        margin-left: 15px
    }
    .historyType6 .timeLineContentBox div.itemStep:nth-child(2n) .eventList {
        text-align: left
    }
    .historyType6 .timeLineContentBox .dot {
        left: 0
    }
}

.historyType7 .historyItem {
    width: 100%;
    padding-top: 26px;
    padding-bottom: 24px;
    border-bottom: 1px #B3B3B3 dashed
}

.historyType7 .historyItem .year {
    font-size: 42px;
    font-weight: bold;
    color: #0050A3;
    line-height: 1.2
}

.historyType7 .historyItem .eventList {
    width: 100%;
    padding-left: 32px
}

.historyType7 .historyItem .eventList li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 32px
}

.historyType7 .historyItem .eventList li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #19c0d6;
    border-radius: 100%;
    top: 9px;
    left: 0
}

.historyType7 .historyItem .eventList li .month {
    display: inline-block;
    margin-right: 32px;
    white-space: nowrap
}

.historyType7 .historyItem .eventList li span {
    display: inline-block
}

.historyType7 div.historyItem:first-child {
    padding-top: 0
}

@media (max-width:768px) {
    .historyType7 .historyItem .eventList {
        padding-left: 0
    }
    .historyType7 .historyItem .eventList li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px
    }
    .historyType7 .historyItem .listText {
        width: 100%
    }
}

.historyType8 .timeLineContentBox {
    width: 100%
}

.historyType8 .timeLine {
    width: 100%;
    position: relative
}

.historyType8 .timeLine:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #0050A3
}

@media (max-width:991px) {
    .historyType8 .timeLine:before {
        left: 45px
    }
}

.historyType8 .date {
    width: 90px;
    height: 50px;
    border: 1px #0050A3 solid;
    position: absolute;
    left: calc(50% - 45px);
    background-color: #fff;
    color: #0050A3;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.historyType8 .date span {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.historyType8 .date span:before {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #0050A3;
    position: absolute;
    top: 34px;
    z-index: -1
}

@media (max-width:991px) {
    .historyType8 .date {
        left: 0
    }
}

.historyType8 .itemStep {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.historyType8 .itemStep:hover .date {
    background-color: #0050A3;
    color: #fff
}

.historyType8 .eventList {
    width: calc(50% - 90px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px #0050A3 solid;
    padding: 20px;
    background-color: #fff
}

@media (max-width:991px) {
    .historyType8 .eventList {
        width: calc(100% - 140px)
    }
}

@media (max-width:520px) {
    .historyType8 .eventList {
        width: calc(100% - 110px)
    }
}

.historyType8 .textBox {
    width: 66.6666%;
    padding-right: 20px
}

@media (max-width:1199px) {
    .historyType8 .textBox {
        width: 100%;
        padding-right: 0
    }
}

@media (max-width:991px) {
    .historyType8 .textBox {
        width: 66.6666%;
        padding-right: 20px
    }
}

@media (max-width:520px) {
    .historyType8 .textBox {
        width: 100%;
        padding-right: 0
    }
}

.historyType8 .imgBox {
    width: 33.3333%
}

@media (max-width:1199px) {
    .historyType8 .imgBox {
        width: 100%
    }
}

@media (max-width:991px) {
    .historyType8 .imgBox {
        width: 33.3333%
    }
}

@media (max-width:520px) {
    .historyType8 .imgBox {
        width: 100%
    }
}

.historyType8 li.itemStep:nth-child(2n) .date span:before {
    right: 100%;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

@media (max-width:991px) {
    .historyType8 li.itemStep:nth-child(2n) .date span:before {
        right: auto;
        left: 100%;
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
}

@media (max-width:991px) {
    .historyType8 li.itemStep:nth-child(2n) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.historyType8 li.itemStep:nth-child(odd) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.historyType8 li.itemStep:nth-child(odd) .date span:before {
    left: 100%;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.historyType9 {
    width: 100%;
    padding-bottom: 100px
}

.historyType9 .titleBg {
    width: 100%
}

.historyType9 .titleBg.fixed {
    position: fixed;
    top: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 4
}

.historyType9 .titleBg.ended {
    position: static
}

.historyType9 .historyBox {
    width: 100%;
    position: relative
}

.historyType9 .timeLine {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.historyType9 .timeLine.fixed {
    position: fixed;
    top: 202px
}

.historyType9 .timeLine.ended {
    position: absolute;
    top: unset;
    bottom: 0
}

.historyType9 .point {
    font-weight: bold;
    color: #0050A3;
    margin-bottom: 30px;
    position: relative
}

.historyType9 .point.active {
    color: #19c0d6
}

.historyType9 .point:after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: #0050A3;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.historyType9 .item {
    width: calc(50% - 70px);
    border: 1px #0050A3 solid;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.historyType9 .item:nth-child(odd) {
    margin: 0 0 0 auto
}

.historyType9 .item:nth-child(2n) {
    margin: 0 auto 0 0
}

.historyType9 .item .imgBox,
.historyType9 .item .textBox {
    padding: 15px
}

.historyType9 .item .textBox {
    width: 60%
}

.historyType9 .item .imgBox {
    width: 40%
}

.historyType9 .item .date {
    color: #0050A3;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .historyType9 {
        padding-bottom: 30px
    }
    .historyType9 .historyBox {
        position: static
    }
    .historyType9 .timeLine {
        display: none
    }
    .historyType9 .item {
        width: 100%
    }
    .historyType9 .item:nth-child(2n),
    .historyType9 .item:nth-child(odd) {
        margin: 0 0 30px 0
    }
}

@media (max-width:460px) {
    .historyType9 .item .imgBox,
    .historyType9 .item .textBox {
        width: 100%
    }
    .historyType9 .item .textBox {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.historyType10 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 60px
}

@media (max-width:640px) {
    .historyType10 .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}

.historyType10 .item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #ddd;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:640px) {
    .historyType10 .item:before {
        top: unset;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }
}

.historyType10 .item .year {
    width: 50%;
    padding: 0 60px 0 0
}

@media (max-width:768px) {
    .historyType10 .item .year {
        padding: 0 30px 0 0
    }
}

@media (max-width:640px) {
    .historyType10 .item .year {
        width: 100%;
        padding: 0
    }
}

.historyType10 .item .year p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #141414;
    font-size: 36px;
    margin: 0 0 0 auto;
    border-bottom: 1px solid #0050A3
}

@media (max-width:640px) {
    .historyType10 .item .year p {
        margin: 0 auto
    }
}

.historyType10 .item .content {
    width: 50%;
    text-align: left;
    padding: 15px 0 15px 60px
}

@media (max-width:768px) {
    .historyType10 .item .content {
        padding: 15px 0 15px 30px
    }
}

@media (max-width:640px) {
    .historyType10 .item .content {
        width: 100%;
        padding: 15px 0
    }
}

.historyType10 .item .content p {
    color: #141414;
    font-size: 15px;
    margin-bottom: 0
}

.historyType10 .item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width:640px) {
    .historyType10 .item:nth-child(odd) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.historyType10 .item:nth-child(odd) .year {
    padding: 0 0 0 60px
}

@media (max-width:768px) {
    .historyType10 .item:nth-child(odd) .year {
        padding: 0 0 0 30px
    }
}

@media (max-width:640px) {
    .historyType10 .item:nth-child(odd) .year {
        padding: 0
    }
}

.historyType10 .item:nth-child(odd) .year p {
    margin: 0 auto 0 0
}

@media (max-width:640px) {
    .historyType10 .item:nth-child(odd) .year p {
        margin: 0 auto
    }
}

.historyType10 .item:nth-child(odd) .content {
    text-align: right;
    padding: 15px 60px 15px 0
}

@media (max-width:768px) {
    .historyType10 .item:nth-child(odd) .content {
        padding: 15px 30px 15px 0
    }
}

@media (max-width:640px) {
    .historyType10 .item:nth-child(odd) .content {
        text-align: left;
        padding: 15px 0
    }
}

.faqItem_main .faqItem .faqItem_body,
.faqItem_main .faqItem .faqItem_head {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5
}

.faqItem_main .faqItem .faqItem_head {
    color: #5c5e5d;
    font-size: 20px;
    cursor: pointer
}

.faqItem_main .faqItem .faqItem_body {
    color: #999999;
    display: none
}

.faqItem_main .faqItem.faqItem_current .faqItem_body {}

.faqItemStyle-1 .faqItem .faqItem_body,
.faqItemStyle-1 .faqItem .faqItem_head {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5
}

.faqItemStyle-1 .faqItem .faqItem_head {
    color: #5c5e5d;
    font-size: 20px;
    cursor: pointer
}

.faqItemStyle-1 .faqItem .faqItem_body {
    color: #999999;
    display: none
}

.faqItemStyle-1 .faqItem.faqItem_current .faqItem_body {}

.faqItemStyle-1 .faqItem .faqItem_body,
.faqItemStyle-1 .faqItem .faqItem_head {
    padding: 15px 20px 30px 20px
}

.faqItemStyle-1 .faqItem .faqItem_head {
    padding-left: 32px;
    border-left: 6px solid #ffffff
}

.faqItemStyle-1 .faqItem .faqItem_head i {
    margin-left: -25px;
    width: 25px;
    text-align: center
}

.faqItemStyle-1 .faqItem .faqItem_head:hover {
    border-left-color: #0050A3;
    background-color: #f5fcff
}

.faqItemStyle-1 .faqItem.faqItem_current .faqItem_body,
.faqItemStyle-1 .faqItem.faqItem_current .faqItem_head {
    background-color: #f5fcff
}

.faqItemStyle-1 .faqItem.faqItem_current .faqItem_head {
    border-left-color: #0050A3
}

.faqItemStyle-1 .faqItem.faqItem_current .faqItem_head i {
    color: #0050A3;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faqItemStyle-2 {
    counter-reset: num
}

.faqItemStyle-2 .faqItem .faqItem_body,
.faqItemStyle-2 .faqItem .faqItem_head {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5
}

.faqItemStyle-2 .faqItem .faqItem_head {
    color: #5c5e5d;
    font-size: 20px;
    cursor: pointer
}

.faqItemStyle-2 .faqItem .faqItem_body {
    color: #999999;
    display: none
}

.faqItemStyle-2 .faqItem.faqItem_current .faqItem_body {}

.faqItemStyle-2 .faqItem .faqItem_body,
.faqItemStyle-2 .faqItem .faqItem_head {
    padding: 12.5px 60px 12.5px 70px
}

.faqItemStyle-2 .faqItem .faqItem_head {
    position: relative
}

.faqItemStyle-2 .faqItem .faqItem_head:before {
    counter-increment: num;
    content: counter(num);
    width: 35px;
    margin-left: -35px;
    display: inline-block
}

.faqItemStyle-2 .faqItem .faqItem_head:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 20px;
    margin: auto;
    content: "";
    color: #0050A3;
    font-family: FontAwesome
}

.faqItemStyle-2 .faqItem .faqItem_head:hover {
    color: #ffffff;
    background-color: #0050A3
}

.faqItemStyle-2 .faqItem .faqItem_head:hover:after {
    color: #f5fcff
}

.faqItemStyle-2 .faqItem.faqItem_current .faqItem_head {
    color: #ffffff;
    background-color: #0050A3
}

.faqItemStyle-2 .faqItem.faqItem_current .faqItem_head:after {
    content: "";
    color: #f5fcff
}

.faqItemStyle-2 .faqItem.faqItem_current .faqItem_body {
    padding-left: 50px;
    padding-right: 50px
}

.faq_searchForm .cont_form {
    margin-bottom: 50px
}

.faq_searchForm .cont_form p {
    margin-bottom: 5px;
    font-weight: bold
}

.faq_searchForm .cont_form button {
    margin: 0;
    width: 100%
}

@media (max-width:992px) {
    .faqItem_main .faqItem .faqItem_head {
        font-size: 18px
    }
    .faq_searchForm .cont_form {
        margin-bottom: 20px
    }
    .faq_searchForm .cont_form>div {
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .faqItem_main .faqItem .faqItem_head {
        font-size: 16px
    }
    .faqItem_main .faqItem .faqItem_head:before {
        width: 30px;
        margin-left: -30px
    }
    .faqItem_main .faqItem .faqItem_head:after {
        right: 10px
    }
    .faqItem_main .faqItem .faqItem_body,
    .faqItem_main .faqItem .faqItem_head {
        padding-left: 40px;
        padding-right: 34px
    }
    .faqItem_main.faqItemStyle-2 .faqItem.faqItem_current .faqItem_body {
        padding-left: 40px;
        padding-right: 40px
    }
}

.google_map {
    position: relative;
    height: 0;
    overflow: hidden
}

.google_map embed,
.google_map iframe,
.google_map img,
.google_map object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contMapStyle01 .google_map {
    padding-bottom: 72.465%
}

.contMapStyle01 .blockTitle {
    margin-bottom: 0
}

.contMapStyle01 .list_faicon {
    margin-bottom: 15px
}

.contMapStyle02 .cont_infoFrame {
    max-width: 690px;
    width: 100%;
    padding: 15px;
    position: absolute;
    right: 240px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    background-color: #0050A3;
    z-index: 1
}

.contMapStyle02 .cont_companyInfo {
    padding: 20px 30px;
    height: 100%;
    border: 1px solid #0099ff
}

.contMapStyle02 .cont_companyInfo .blockTitle {
    margin-bottom: 0
}

.contMapStyle02 .cont_companyInfo .blockTitle span {
    color: #ffffff
}

.contMapStyle02 .cont_companyInfo .boxTitle span {
    color: #0099ff
}

.contMapStyle02 .list_faicon {
    margin-bottom: 20px
}

.contMapStyle02 .list_faicon li {
    color: #ffffff
}

.contMapStyle02 .list_faicon li a {
    color: #ffffff
}

.contMapStyle02 .list_faicon li i {
    color: #ea4335
}

.contMapStyle02 .contSocial_list li a span:before {
    color: #ffffff
}

.contMapStyle02 .contSocial_list li a:hover span:before {
    color: #0099ff
}

.contMapStyle02 .google_map {
    padding-bottom: 600px
}

.contMapStyle03 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f1f1f1
}

.contMapStyle03 .cont_infoFrame {
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    overflow: hidden
}

.contMapStyle03 .cont_infoFrame>.row>div:last-child {
    background-color: #ffffff
}

.contMapStyle03 .google_map {
    padding-bottom: 52.152%
}

.contMapStyle03 .cont_companyInfo {
    padding: 70px 30px
}

.contMapStyle03 .a_link {
    font-size: 19px
}

.contMapStyle03 .cont_companyInfoStyle2 .blockTitle {
    margin-bottom: 0
}

.cont_spBlk .cont_spBlkContainer {
    max-width: 1680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cont_spBlk .cont_spBlkContainer .cont_full2C:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%;
    padding-right: 15px
}

.cont_spBlk .cont_spBlkContainer .cont_full2C:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%;
    padding-left: 15px;
    padding-right: 15px
}

.cont_spBlk .cont_spBlkContainer .cont_full2C .itemImg {
    padding-bottom: 100%
}

@media (max-width:1700px) {
    .cont_spBlk .cont_spBlkContainer {
        max-width: 100%
    }
    .cont_spBlk .cont_spBlkContainer .cont_full2C:first-child,
    .cont_spBlk .cont_spBlkContainer .cont_full2C:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .cont_spBlk .cont_spBlkContainer .cont_full2C:first-child {
        padding-left: 15px
    }
}

@media (max-width:1440px) {
    .contMapStyle03 .google_map {
        padding-bottom: 65%
    }
}

@media (max-width:1200px) {
    .contMapStyle02 .cont_infoFrame {
        left: 0;
        right: 0;
        margin: auto
    }
    .contMapStyle03 .google_map {
        padding-bottom: 450px
    }
    .contMapStyle03 .cont_companyInfo {
        padding: 30px
    }
    .cont_spBlk .cont_spBlkContainer .cont_full2C:first-child,
    .cont_spBlk .cont_spBlkContainer .cont_full2C:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:992px) {
    .contMapStyle02 .google_map {
        padding-bottom: 0;
        overflow: unset;
        height: 100%
    }
    .contMapStyle02 .cont_infoFrame {
        position: relative;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin-bottom: 30px
    }
    .contMapStyle02 .cont_mapIframe {
        height: 450px
    }
    .contMapStyle02 .cont_mapIframe iframe {
        position: relative
    }
}

@media (max-width:768px) {
    .cont_companyInfoStyle2 {
        text-align: center
    }
}

.albumDetailContent .Bbox_flexBetween .dateStyle,
.albumDetailContent .pageControl .dateStyle {
    margin-right: 10px
}

.gdprBlock {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out
}

.gdprBlock:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.gdprBlock .gdprBlock_cont {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gdprBlock .gdprBlock_cont .gdprBlockItem__lt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
}

.gdprBlock .gdprBlock_cont .gdprBlockItem__rt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
}

.gdprBlock.show {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%)
}

.GDPR__btnArea {
    position: relative
}

.gdprBlock__txt {
    color: #FFFFFF;
    margin: 10px;
    text-align: center;
    position: relative
}

.gdpr__Btn {
    display: block;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    width: 200px;
    padding: 12px 10px;
    display: block;
    margin: 20px auto 10px auto;
    text-decoration: none;
    border-radius: 50px;
    background-color: #2663ad
}

.gdpr__Btn:hover {
    color: #ffffff
}

.gdpr__Link {
    display: block;
    vertical-align: middle;
    text-align: center
}

a.gdpr__Link {
    color: #FFFFFF;
    margin-bottom: 10px;
    text-decoration: underline
}

@media (max-width:768px) {
    .gdprBlock_cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block
    }
    .gdpr__Btn {
        margin-bottom: 10px
    }
}

.memberContent .blockTitle span {
    font-weight: bold
}

.fast_loginBtn a {
    margin-top: 0;
    margin-right: 15px
}

.fast_loginBtn a:last-child {
    margin-right: 0
}

.SignUp_now button {
    margin-top: 0
}

.checkout_now button {
    margin-top: 0;
    margin-right: 15px
}

.noticepay_list {
    padding: 10px 15px;
    margin-bottom: 50px;
    background-color: #FFFFCC
}

.noticepay_list ul li {
    color: #5c5e5d;
    margin-bottom: 5px
}

.noticepay_list ul li:last-child {
    margin-bottom: 0
}

.noticepay_list ul li span {
    color: #000000;
    font-weight: bold
}

.mbm_payInfo {
    border: 1px solid #000000;
    padding: 25px
}

.mbm_payInfo .mbmPayInfo_title {
    color: #5c5e5d
}

.mbm_payInfo .mbmPayInfo_title span {
    color: #000000;
    font-weight: bold
}

.mbm_payInfo img {
    margin-bottom: 15px
}

.mbm_payInfo img:last-child {
    margin-bottom: 0
}

.mbm_orderProItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex
}

.mbm_orderProItem>div:first-child {
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    -webkit-flex: 0 0 70px
}

.mbm_orderProItem>div:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    white-space: normal
}

.checkOutStep {
    margin: 90px 0
}

.checkOutStep ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

.checkOutStep ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    text-align: center
}

.checkOutStep ul li .icon {
    display: inline-block;
    width: 100%;
    width: 60px;
    height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    border: 1px solid #ababab;
    background: #ababab;
    font-size: 19px;
    position: relative;
    z-index: 1;
    color: #fff;
    background: #B3B3B3;
    border-color: #B3B3B3
}

.checkOutStep ul li .txt {
    display: inline-block;
    width: 100%;
    margin-top: -31px;
    padding-top: 40px;
    position: relative;
    border-top: 2px solid #B3B3B3;
    z-index: 0;
    text-align: center
}

.checkOutStep ul li .txt .stepTitle {
    color: #808080;
    font-size: 20px;
    font-weight: bold
}

.checkOutStep ul li .txt .stepTxt {
    color: #333333;
    font-size: 16px;
    font-weight: bold
}

.checkOutStep ul li.active .icon {
    background: #0050A3;
    border-color: #0050A3
}

.checkOutStep ul li.active .txt {
    border-color: #0050A3
}

.checkOutStep ul li.active .txt .stepTitle {
    color: #0050A3
}

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

.checkCoupon {
    margin-top: 30px
}

.thankyouBlk {
    margin-bottom: 30px
}

.thankyouBlk p {
    margin-top: 10px
}

.invoiceInfo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.twzipcode_form_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.twzipcode_form_2 select {
    color: #4d4d4d;
    font-size: 16px;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    font-family: "微軟正黑體", "Microsoft JhengHei";
    margin-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images_v4/icon/arrow_down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center
}

.twzipcode_form_2 input,
.twzipcode_form_2 select {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    max-width: 153px
}

@media (max-width:768px) {
    .twzipcode_form_2 {
        display: block
    }
    .twzipcode_form_2 input,
    .twzipcode_form_2 select {
        display: inline-block;
        margin-bottom: 15px
    }
    .twzipcode_form_2 select {
        margin-right: 15px
    }
    .twzipcode_form_2 input:last-child {
        margin-bottom: 0
    }
}

@media (max-width:370px) {
    .twzipcode_form_2 input,
    .twzipcode_form_2 select {
        max-width: 100%;
        margin-right: 0
    }
}

.sitemapList {
    width: 100%;
    padding-left: 20px
}

.sitemapList .moreMenu ul {
    padding-left: 20px
}

.sitemapList .moreMenu ul li {
    list-style-type: circle
}

.sitemapList a:link {
    color: #333333;
    text-decoration: none
}

.sitemapList a:visited {
    color: #333333
}

.v4_k06 .circleDeco:before {
    border-color: #3d261e
}

.v4_k06 .circleDeco:after {
    border-color: rgba(61, 38, 30, 0.5)
}

.v4_k06 .subBlockTitle {
    font-weight: 300;
    font-size: 24px;
    color: #333
}

.v4_k06 .underLine {
    background: #3d261e
}

.v4_k06 .slick-slider .slick-arrow {
    background-color: #3d261e
}

.v4_k06 .itemImgHover:before {
    background-color: rgba(61, 38, 30, 0.5)
}

.v4_k06 .itemImgHover:after {
    background-color: #3d261e
}

.v4_k06 .footerStyle10 {
    background-color: #3d261e
}

.v4_k06 .footerStyle10>div:last-child {
    background-color: #db6636
}

.v4_k06 section:last-child {
    margin-bottom: 3px
}

.v4_k06 section:last-child .underLine {
    margin-top: 20px;
    margin-bottom: 20px
}

.v4_k12 {
    font-family: "Cormorant", "sans-serif", "MingLiU", "PMingLiU", "細明體", "新細明體"
}

.v4_k12 .headerStyle01 .topLink {
    background-color: #3e7775
}

.v4_k12 .headerStyle01 .navBar {
    background-color: #000
}

.v4_k12 .headerStyle01 .navBar .navMenu>li>a {
    color: #fff
}

.v4_k12 .headerStyle01 .navBar .navMenu.hoverEffect_01>li>a>span:after {
    display: none
}

.v4_k12 header .navBar .navMenu.navMenuStyle_line>li:first-child>a:before,
.v4_k12 header .navBar .navMenu.navMenuStyle_line>li>a:after {
    display: none
}

.v4_k12 .slick-slider .slick-arrow {
    background-color: #3e7775
}

.v4_k12 .titleDot span {
    background: #3e7775
}

.v4_k12 .circleBlock2 .imgBorderLine:before {
    border-color: #3e7775
}

.v4_k12 .circleBlock2 .subBlockTitle {
    font-size: 32px;
    color: gray
}

.v4_k12 .circleBlock2 p {
    font-size: 15px;
    color: #666
}

.v4_k12 .btn-cis1 {
    background: #3e7775;
    border-color: #3e7775
}

.v4_k12 .footerStyle10 {
    background-color: #3e7775
}

.v4_k12 .footerStyle10>div:last-child {
    background-color: #333
}

.v4_k12 footer a:hover {
    color: #999
}

.v4_k14 .headerStyle01 .topLink {
    background-color: #ff5b51
}

.v4_k14 .headerStyle01 .navBar {
    background-color: #000
}

.v4_k14 .headerStyle01 .navBar .navMenu>li>a {
    color: #fff
}

.v4_k14 .headerStyle01 .navBar .navMenu.hoverEffect_01>li>a>span:after {
    background-color: #ff5b51
}

.v4_k14 header .navBar .navMenu.navMenuStyle_line>li:first-child>a:before,
.v4_k14 header .navBar .navMenu.navMenuStyle_line>li>a:after {
    display: none
}

.v4_k14 .slick-slider .slick-arrow {
    background-color: #ff5b51
}

.v4_k14 .footerStyle11 {
    background: #ff5b51
}


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