.section {
    position: relative;
    color: #fff;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    background-color: #000;
    margin: 0 auto;
}

body {
    margin: 0
}

#tab11 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-family: 'myriadsetpro-thinthin', Arial;
    margin: 0 auto
}

#tab11 div, #tab11 ul, #tab11 ol, #tab11 dl, #tab11 dt, #tab11 dd, #tab11 li, #tab11 dl, #tab11 h1, #tab11 h2, #tab11 h3, #tab11 h4, #tab11 p {
    margin: 0;
    padding: 0;
    font-style: normal
}

#tab11 ol, #tab11 ul, #tab11 li {
    list-style: none
}

#tab11 img {
    border: 0;
    vertical-align: middle;
    -webkit-user-drag: none
}

#tab11 .big-img {
    width: 100%
}

#tab11 .tab11-pc {
    display: block
}

#tab11 .tab11-phone {
    display: none !important
}

#tab11 .showDelay_1 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

#tab11 .showDelay_2 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: .2s !important;
    -o-transition-delay: .2s !important;
    transition-delay: .2s !important
}

#tab11 .showDelay_3 {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition-delay: .6s !important;
    -o-transition-delay: .6s !important;
    transition-delay: .6s !important
}

#tab11 .scaleDelay {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

#tab11 .transform-show {
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    opacity: 1 !important
}

#tab11 .transHide1, #tab11 .transHide2, #tab11 .transHide3 {
    display: inherit !important;
    opacity: 0 !important;
    -webkit-transform: translateY(100px) !important;
    -ms-transform: translateY(100px) !important;
    transform: translateY(100px) !important
}

#tab11 .se {
    position: relative
}

#tab11 .sect5 .box .item-ul ul li .tit:lang(ru) {
    height: 76px;
    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
}

#tab11 .sect5 .box .item-ul ul li .tit:lang(jp) {
    font-size: 1.7vw
}

#tab11 .sect16 .box2 ul .tit:lang(fr) {
    font-size: 2.5vw
}

#tab11 .sect1 .box {
    position: absolute;
    width: 38%;
    left: 13%;
    top: 23%
}

#tab11 .sect1 .box .wordBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#tab11 .sect1 .box .wordBox .word {
    color: #ff250b;
    line-height: 1;
    font-size: 1.5vw
}

#tab11 .sect1 .box .title {
    font-size: 7vw;
    line-height: .8;
    position: relative
}

#tab11 .sect1 .box .tit {
    font-size: 2.3vw;
    line-height: 1
}

#tab11 .sect1 .box .msg {
    font-size: 1.5vw;
    line-height: 1.3;
    margin-top: 20px
}

#tab11 .sect1 .box .buy {
    background-color: #f73d22;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 3vw;
    font-size: 24px;
    margin-top: 3vw
}

#tab11 .sect1 .box .buy:hover {
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

#tab11 .sect2 .box {
    width: 80%;
    padding: 5vw 0;
    max-width: 1400px;
    min-width: 768px;
    margin: 0 auto
}

#tab11 .sect2 .box .item-ul {
    font-size: 0
}

#tab11 .sect2 .box .item-ul .item-li {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    opacity: 1;
    z-index: 11;
    border-radius: 10px;
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s
}

#tab11 .sect2 .box .item-ul .item-li .item-li-box {
    position: relative;
    height: 100%;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}

#tab11 .sect2 .box .item-ul .item-li .item-li-box .big-img:hover {
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#tab11 .sect2 .box .item-ul .item-li img {
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
    border-radius: 10px
}

#tab11 .sect2 .box .item-ul .item-li .item-word {
    position: absolute;
    z-index: 1;
    color: #fff
}

#tab11 .sect2 .box .item-ul .item-li .item-word .lab {
    background-image: -o-linear-gradient(45deg, #2762BC 50%, #4486D3 90%);
    background-image: linear-gradient(45deg, #2762BC 50%, #4486D3 90%);
    border-radius: 3px;
    color: #fff;
    font-size: .85vw;
    padding: 2px 10px;
    margin-bottom: 10px;
    line-height: 1.5;
    display: table
}

#tab11 .sect2 .box .item-ul .item-li .item-word .tit {
    font-size: 2vw;
    line-height: 1;
    margin-bottom: 10px
}

#tab11 .sect2 .box .item-ul .item-li .item-word .msg {
    line-height: 1;
    font-size: 1.1vw;
    margin-bottom: 10px
}

#tab11 .sect2 .box .item-ul .item-li a {
    position: absolute;
    bottom: 10%;
    z-index: 1;
    right: 5%;
    width: 2vw;
    height: 2vw;
    overflow: hidden;
    border-radius: 2vw;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle
}

#tab11 .sect2 .box .item-ul .item-li a img {
    max-width: 100%;
    height: auto;
    width: 100%;
    vertical-align: bottom;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

#tab11 .sect2 .box .item-ul .item-li-1 {
    width: 32.33%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-1 .item-word {
    left: 5%;
    top: 10%
}

#tab11 .sect2 .box .item-ul .item-li-2 {
    width: 65.66%;
    margin: .5%;
    text-align: right
}

#tab11 .sect2 .box .item-ul .item-li-2 .item-word {
    right: 5%;
    top: 10%
}

#tab11 .sect2 .box .item-ul .item-li-2 .item-word .tit {
    font-size: 1.8vw;
    font-weight: bold
}

#tab11 .sect2 .box .item-ul .item-li-2 .item-word .msg {
    font-size: 1.3vw;
    line-height: 1.2;
}

#tab11 .sect2 .box .item-ul .item-li-3 {
    width: 32.33%;
    margin: .5%;
    vertical-align: bottom
}

#tab11 .sect2 .box .item-ul .item-li-3 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#tab11 .sect2 .box .item-ul .item-li-3 .item-word {
    left: 5%;
    bottom: 10%
}

#tab11 .sect2 .box .item-ul .item-li-4 {
    width: 32.33%;
    margin: .5%;
    margin-top: -6.5%
}

#tab11 .sect2 .box .item-ul .item-li-4 div {
    height: 50%;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

#tab11 .sect2 .box .item-ul .item-li-4 div .big-img {
    height: 100%
}

#tab11 .sect2 .box .item-ul .item-li-4 div:nth-child(2) {
    margin-top: 10px
}

#tab11 .sect2 .box .item-ul .item-li-4 .item-word {
    height: auto;
    left: 10%;
    top: 5%
}

#tab11 .sect2 .box .item-ul .item-li-6 {
    margin: .5%;
    margin-top: -6.5%;
    width: 32.33%
}

#tab11 .sect2 .box .item-ul .item-li-6 .item-word {
    left: 10%;
    top: 5%
}

#tab11 .sect2 .box .item-ul .item-li-7 {
    width: 65.66%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-7 .item-word {
    left: 2.7%;
    bottom: 5%
}

#tab11 .sect2 .box .item-ul .item-li-7 .item-word .msg {
    font-size: 1.5vw
}

#tab11 .sect2 .box .item-ul .item-li-8 {
    width: 32.33%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-8 img {
    height: 100%
}

#tab11 .sect2 .box .item-ul .item-li-8 .item-word {
    left: 5%;
    bottom: 5%
}

#tab11 .sect2 .box .item-ul .item-li-8 .item-word p {
    display: inline-block;
    margin: 0 10px
}

#tab11 .sect2 .box .item-ul .item-li-8 .item-word p .msg {
}

#tab11 .sect2 .box .item-ul .item-li-9 {
    width: 32.33%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-9 .item-word {
    left: 5%;
    bottom: 5%
}

#tab11 .sect2 .box .item-ul .item-li-10 {
    width: 32.33%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-10 img {
    height: 100%
}

#tab11 .sect2 .box .item-ul .item-li-10 .item-word {
    left: 5%;
    bottom: 5%
}

#tab11 .sect2 .box .item-ul .item-li-11 {
    width: 32.33%;
    margin: .5%
}

#tab11 .sect2 .box .item-ul .item-li-11 img {
    height: 100%
}

#tab11 .sect2 .box .item-ul .item-li-11 .item-word {
    left: 5%;
    top: 10%
}

#tab11 .sect3 .box3 {
    position: relative;
    overflow: hidden;
    background-color: #000
}

#tab11 .sect3 .box3 .boxIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2)
}

#tab11 .sect3 .box3 .box {
    width: 100%
}

#tab11 .sect3 .box3 .box .img {
    height: 100%
}

#tab11 .sect3 .box3 .box .p {
    position: absolute;
    width: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%;
    opacity: 0;
    z-index: 3;
    text-align: center;
    color: #000
}

#tab11 .sect3 .box3 .box .p .tit {
    font-size: 3vw;
    line-height: 1;
}

#tab11 .sect3 .box3 .box .p .msg {
    margin-top: 1vw;
    font-size: 2vw;
    line-height: 1.3;
    font-weight: 400
}

#tab11 .sect3 .box3 .box .iframe {
    position: absolute;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0%;
    left: 0%;
    z-index: 1
}

#tab11 .sect3 .box3 .box .iframe p {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: transparent;
    font-size: 5vw;
    text-align: center;
    line-height: 1
}

#tab11 .sect3 .box4 {
    background-color: #fff;
    overflow: hidden;
    position: relative
}

#tab11 .sect3 .box4 .word {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px
}

#tab11 .sect3 .box4 .word .tit {
    font-size: 4vw;
    line-height: 1;
    color: #000
}

#tab11 .sect3 .box4 .word .msg {
    font-size: 1.5vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect3 .box4 img {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -o-object-fit: cover;
    object-fit: cover
}

#tab11 .sect4 .box {
    padding: 4vw 0;
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center
}

#tab11 .sect4 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect4 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #010101;
    margin-bottom: 20px
}

#tab11 .sect4 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect4 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect4 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #010101;
    margin-top: 20px
}

#tab11 .sect4 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect4 .box ul {
    margin-top: 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
}

#tab11 .sect4 .box ul li {
    margin: 0 1vw
}

#tab11 .sect4 .box .videoBox {
    margin-top: 4vw;
    position: relative
}

#tab11 .sect4 .box .videoBox .word {
    position: absolute;
    width: 100%;
    bottom: 10%
}

#tab11 .sect4 .box .videoBox .word ul {
    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
}

#tab11 .sect4 .box .videoBox .word ul li {
    margin: 0 5vw
}

#tab11 .sect4 .box .videoBox .word ul li .word-tit {
    font-size: 3vw;
    color: #fff;
    line-height: 1
}

#tab11 .sect4 .box .videoBox .word ul li .word-msg {
    margin-top: 10px;
    font-size: 2.2vw;
    background-color: #fff;
    color: #000;
    padding: 3px 30px;
    border-radius: 25px;
    line-height: 1
}

#tab11 .sect5 .box {
    padding-top: 4vw;
    width: 80%;
    position: relative;
    margin: 0 auto;
    min-width: 1050px;
    -webkit-transition: ease-in-out;
    -o-transition: ease-in-out;
    transition: ease-in-out;
    text-align: center
}

#tab11 .sect5 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect5 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #010101;
    margin-bottom: 20px
}

#tab11 .sect5 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect5 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect5 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #010101;
    margin-top: 20px
}

#tab11 .sect5 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect5 .box .imgBox {
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 65%;
    margin: 0 auto
}

#tab11 .sect5 .box .imgBox .imgContent {
    margin: 0 auto;
    margin-top: 50px;
    position: relative
}

#tab11 .sect5 .box .imgBox .imgContent .img1 {
    position: absolute;
    width: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50%
}

#tab11 .sect5 .box .item-ul {
    position: relative;
    opacity: 0
}

#tab11 .sect5 .box .item-ul ul {
    font-size: 0
}

#tab11 .sect5 .box .item-ul ul li {
    width: 33.33%;
    margin: 1vw 0;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

#tab11 .sect5 .box .item-ul ul li .tit {
    font-size: 2vw;
    line-height: 1;
    color: #010101;
    margin-top: 20px
}

#tab11 .sect5 .box .item-ul ul li .msg {
    font-size: 1.1vw;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect5 .box .item-ul .line-1 {
    position: absolute;
    width: 100%;
    background-image: -o-linear-gradient(45deg, #fff 10%, #7c7c7c, 60%, #fff 90%);
    background-image: linear-gradient(45deg, #fff 10%, #7c7c7c, 60%, #fff 90%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px
}

#tab11 .sect5 .box .item-ul .line-2 {
    position: absolute;
    width: 2px;
    background-image: -o-linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    background-image: linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    left: 33.33%;
    top: 0;
    height: 100%
}

#tab11 .sect5 .box .item-ul .line-3 {
    position: absolute;
    width: 2px;
    background-image: -o-linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    background-image: linear-gradient(45deg, #fff 10%, #a7a7a7, 60%, #fff 90%);
    left: 66.66%;
    top: 0;
    height: 100%
}

#tab11 .sect6 .box {
    padding-bottom: 4vw;
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: left
}

#tab11 .sect6 .box ul {
    font-size: 0
}

#tab11 .sect6 .box ul li {
    display: inline-block;
    position: relative;
    margin: .5%
}

#tab11 .sect6 .box ul li .li-item {
    position: absolute;
    top: 5%;
    left: 5%
}

#tab11 .sect6 .box ul li .li-item div:nth-child(1) {
    width: 70%
}

#tab11 .sect6 .box ul li .li-item div:nth-child(2) {
    margin-top: 3vw;
    width: 60%
}

#tab11 .sect6 .box ul li .li-item .tit {
    font-size: 3vw;
    margin-top: 10px;
    line-height: 1;
    color: #fff
}

#tab11 .sect6 .box ul li .li-item .msg {
    font-size: 1.5vw;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect6 .box ul li:nth-child(1) {
    width: 99%
}

#tab11 .sect6 .box ul li:nth-child(2) {
    width: 39%
}

#tab11 .sect6 .box ul li:nth-child(3) {
    width: 59%
}

#tab11 .sect7 .box {
    padding: 4vw 0;
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center
}

#tab11 .sect7 .box ul {
    margin-top: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

#tab11 .sect7 .box ul li {
    margin: .5vw
}

#tab11 .sect7 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect7 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #010101;
    margin-bottom: 20px
}

#tab11 .sect7 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect7 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect7 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #010101;
    margin-top: 20px
}

#tab11 .sect7 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect7 .box .imgBox {
    width: 100%;
    margin: 0 auto;
    position: relative
}

#tab11 .sect7 .box .imgBox img {
    width: 80%;
    margin: 0 auto;
    padding-top: 10vw
}

#tab11 .sect7 .box .imgBox .equalizer {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 10%;
    height: 35%;
    width: 100%;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar {
    width: 1.8rem;
    margin: 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span {
    display: block;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #fff;
    width: 100%;
    margin-top: 1px;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    opacity: 1
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(1) {
    background-color: #98c3a5
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(2) {
    background-color: #98c3a5
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(3) {
    background-color: #98c3a5
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(4) {
    background-color: #98c3a5
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(5) {
    background-color: #98c3a5
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(6) {
    background-color: #98c3a5bb
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(7) {
    background-color: #98c3a5bb
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(8) {
    background-color: #98c3a5bb
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(9) {
    background-color: #98c3a5bb
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(10) {
    background-color: #98c3a5bb
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(11) {
    background-color: #98c3a577
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(12) {
    background-color: #98c3a577
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(13) {
    background-color: #98c3a577
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(14) {
    background-color: #98c3a577
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(15) {
    background-color: #98c3a577
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(16) {
    background-color: #98c3a527
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(17) {
    background-color: #98c3a527
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(18) {
    background-color: #98c3a527
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(19) {
    background-color: #98c3a527
}

#tab11 .sect7 .box .imgBox .equalizer .equalizer-bar span:nth-child(20) {
    background-color: #98c3a527
}

#tab11 .sect8 .box {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 11;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

#tab11 .sect8 .box .content {
    z-index: 11;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

#tab11 .sect8 .box img {
    width: 300px
}

#tab11 .sect8 .box .big-img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

#tab11 .sect8 .box .msg {
    margin-top: 30px;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.3;
    color: #000
}

#tab11 .sect8 .iframe {
    z-index: 10;
    opacity: 0;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%
}

#tab11 .sect9 .box1 {
    position: relative
}

#tab11 .sect9 .box1 .word {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 5vw;
    line-height: 1;
    color: #54d4ff;
    text-shadow: 1px 2px 1px #6b6b6b
}

#tab11 .sect9 .box2 {
    position: relative
}

#tab11 .sect9 .box2 .word {
    position: absolute;
    width: 80%;
    text-align: center;
    left: 50%;
    top: 15%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2.5vw;
    line-height: 1.1;
    color: #fff
}

#tab11 .sect10 .box {
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -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
}

#tab11 .sect10 .box .word {
    padding-left: 20px
}

#tab11 .sect10 .box .word .tit {
    font-size: 3.5vw;
    line-height: 1;
    font-style: italic;
    color: #54d4ff
}

#tab11 .sect10 .box .word .msg {
    font-size: 2.5vw;
    line-height: 1;
    color: #54d4ff
}

#tab11 .sect10 .box2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect10 .box2 .tit {
    font-size: 8vw;
    font-weight: bold;
    line-height: .7;
    position: relative;
    color: #54d4ff
}

#tab11 .sect10 .box2 .tit::before {
    content: "224938";
    position: absolute;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    top: 100%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #54d4ff0f), to(transparent));
    background-image: -o-linear-gradient(bottom, #54d4ff0f 20%, transparent);
    background-image: linear-gradient(0deg, #54d4ff0f 20%, transparent)
}

#tab11 .sect10 .box4 {
    position: absolute;
    cursor: pointer;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect10 .box3 {
    position: relative;
    background-color: #000;
    display: none
}

#tab11 .sect10 .box3 .box3-content {
    width: 80%;
    margin: 0 auto;
    max-width: 1050px;
    overflow: hidden;
    border-radius: 5px
}

#tab11 .sect10 .box3 .box3-content .top {
    background-color: #266cdf;
    text-align: center;
    color: #fff;
    padding: 2vw 0;
    line-height: 1;
    font-size: 3vw
}

#tab11 .sect10 .box3 .box3-content .bottom {
    background-color: #ced1f2;
    padding: 20px
}

#tab11 .sect10 .box3 .box3-content .bottom li:nth-child(1) .round {
    background-color: #266ce1
}

#tab11 .sect10 .box3 .box3-content .bottom li:nth-child(2) .round {
    background-color: #59c5e9
}

#tab11 .sect10 .box3 .box3-content .bottom li:nth-child(3) .round {
    background-color: #a688e9
}

#tab11 .sect10 .box3 .box3-content .bottom li:nth-child(4) .round {
    background-color: #70d4bd
}

#tab11 .sect10 .box3 .box3-content .bottom ul li {
    background-color: #fff;
    margin: 1vw;
    border-radius: 8px;
    border: 1px solid #8b8b8b;
    padding: 1vw
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box {
    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
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .left {
    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
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .left .round {
    text-align: center;
    height: 80px;
    font-size: 24px;
    border-radius: 50%;
    width: 80px;
    line-height: 70px;
    color: #fff;
    border: 5px solid #bbd3f7
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .left .number {
    font-size: 4vw;
    line-height: 1;
    margin-left: 30px
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .right {
    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
}

#tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .right .msg {
    font-size: 1.5vw;
    line-height: 1;
    margin-right: 2vw
}

#tab11 .sect11 .box {
    width: 80%;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect11 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect11 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #53d5ff;
    margin-bottom: 20px
}

#tab11 .sect11 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect11 .box .line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect11 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    margin-top: 20px
}

#tab11 .sect11 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect11 .box2 {
    width: 80%;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: left;
    color: #fff;
    position: absolute
}

#tab11 .sect11 .box2 ul {
    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
}

#tab11 .sect11 .box2 ul li {
    width: 50%;
    padding: 2.5vw;
    margin: 0 1vw;
    background-color: rgba(0, 0, 0, .7)
}

#tab11 .sect11 .box2 ul li .tit {
    font-size: 3vw;
    line-height: 1;
    padding-left: 10px;
    color: #000;
    background-image: -o-linear-gradient(45deg, #1996afc0 20%, #236e811a 50%, transparent 100%);
    background-image: linear-gradient(45deg, #1996afc0 20%, #236e811a 50%, transparent 100%)
}

#tab11 .sect11 .box2 ul li .msg-1 {
    margin-top: 1vw;
    font-size: 2.5vw;
    line-height: 1
}

#tab11 .sect11 .box2 ul li .msg-2 {
    font-size: 2vw;
    line-height: 1.3
}

#tab11 .sect11 .box2 ul li .progressBar-1::before {
    width: 50%
}

#tab11 .sect11 .box2 ul li .progressBar-2::before {
    width: 80%
}

#tab11 .sect11 .box2 ul li .progressBar {
    width: 100%;
    margin-top: 1vw;
    position: relative;
    height: 15px;
    background-color: #0b1729;
    border-radius: 10px;
    border: 1px solid #003a6998
}

#tab11 .sect11 .box2 ul li .progressBar::before {
    content: "";
    position: absolute;
    height: 15px;
    border-radius: 10px;
    left: 0;
    background-image: url("images/sect12-progressBar.webp")
}

#tab11 .sect11 .box2 .msg {
    text-align: center;
    margin-top: 5vw;
    font-size: 1.5vw;
    font-weight: 400;
    color: #fff;
    line-height: 1
}

#tab11 .sect12 .box {
    width: 80%;
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect12 .box ul {
    margin-top: 3vw;
    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
}

#tab11 .sect12 .box ul li {
    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 5%
}

#tab11 .sect12 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect12 .box ul li .word .tit {
    font-size: 2vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect12 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect12 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect12 .box .title {
    font-size: 3vw;
    line-height: 1;

    color: #53d5ff;
    margin-bottom: 20px
}

#tab11 .sect12 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect12 .box .line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect12 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    margin-top: 20px
}

#tab11 .sect12 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect12 .swiper-container {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 4vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect12 .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    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: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    z-index: 1;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

#tab11 .sect12 .swiper-container .swiper-slide-active, #tab11 .sect12 .swiper-container .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    position: relative;
    z-index: 11
}

#tab11 .sect12 .swiper-container .swiper-slide-active::before, #tab11 .sect12 .swiper-container .swiper-slide-duplicate-active::before {
    content: "";
    width: 120%;
    z-index: -1;
    height: 25%;
    background-image: url(images/sect12-swiper-1.webp);
    background-size: 100% 100%;
    position: absolute;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#tab11 .sect12 .box2 {
    width: 80%;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: left;
    color: #fff;
    position: absolute
}

#tab11 .sect12 .box2 ul {
    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
}

#tab11 .sect12 .box2 ul li {
    width: 50%;
    padding: 2.5vw;
    margin: 0 1vw;
    background-color: rgba(0, 0, 0, .7)
}

#tab11 .sect12 .box2 ul li .tit {
    font-size: 3vw;
    line-height: 1;
    color: #fff
}

#tab11 .sect12 .box2 ul li .progressBar-1::before {
    width: 50%
}

#tab11 .sect12 .box2 ul li .progressBar-2::before {
    width: 80%
}

#tab11 .sect12 .box2 ul li .progressBar {
    width: 100%;
    position: relative;
    height: 15px;
    margin-top: 10px;
    margin-bottom: 1vw;
    background-color: #0b1729;
    border-radius: 10px;
    border: 1px solid #02457c3d
}

#tab11 .sect12 .box2 ul li .progressBar::before {
    content: "";
    position: absolute;
    height: 15px;
    border-radius: 10px;
    left: 0;
    background-image: url("images/sect12-progressBar.webp")
}

#tab11 .sect12 .box2 .msg {
    text-align: left;
    margin-top: 1vw;
    font-size: 1.5vw;
    font-weight: 400;
    color: #fff;
    line-height: 1
}

#tab11 .sect13 {
    overflow: hidden;
    background-color: #000
}

#tab11 .sect13 .box {
    position: absolute;
    z-index: 11;
    text-align: center;
    width: 80%;
    left: 50%;
    top: 37%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4vw;
    line-height: 1;
    color: #55d3ff
}

#tab11 .sect13 .iframe {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, black), color-stop(60%, rgba(0, 0, 0, 0.24)), color-stop(90%, black));
    background-image: -o-linear-gradient(bottom, black 30%, rgba(0, 0, 0, 0.24) 60%, black 90%);
    background-image: linear-gradient(0deg, black 30%, rgba(0, 0, 0, 0.24) 60%, black 90%)
}

#tab11 .sect13 img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: ease-in-out 3s;
    -o-transition: ease-in-out 3s;
    transition: ease-in-out 3s;
    z-index: -1
}

#tab11 .sect14 .msg {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 46%;
    font-size: 2vw;
    padding: .5vw 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .24);
    border-radius: 10px;
    text-align: center
}

#tab11 .sect14 .box {
    width: 80%;
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect14 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect14 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #53d5ff;
    margin-bottom: 20px
}

#tab11 .sect14 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect14 .box .line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect14 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    margin-top: 20px
}

#tab11 .sect14 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect14 .imgBox div {
    z-index: 111;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10%
}

#tab11 .sect14 .img1 {
    position: absolute;
    top: 0%
}

#tab11 .sect14 .img2 {
    opacity: 0;
    position: absolute;
    width: 33%;
    left: 48%;
    top: 30%
}

#tab11 .sect14 .img3 {
    opacity: 0;
    width: 16%;
    position: absolute;
    left: 54%;
    top: 32.5%
}

#tab11 .sect14 .img4 {
    opacity: 0;
    width: 12%;
    position: absolute;
    left: 54.5%;
    top: 34.3%
}

#tab11 .sect14 .img5 {
    opacity: 0;
    width: 12%;
    position: absolute;
    left: 66%;
    top: 30.4%
}

#tab11 .sect15 .box {
    width: 80%;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect15 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect15 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #53d5ff;
    margin-bottom: 20px
}

#tab11 .sect15 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect15 .box .line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect15 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    margin-top: 20px
}

#tab11 .sect15 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect15 .box ul {
    margin-top: 6vw;
    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
}

#tab11 .sect15 .box ul li {
    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 5%
}

#tab11 .sect15 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect15 .box ul li .word .tit {
    font-size: 2vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect15 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect16 .box {
    width: 100%;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect16 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect16 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #53d5ff;
    margin-bottom: 20px
}

#tab11 .sect16 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect16 .box .line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect16 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #fff;
    margin-top: 20px
}

#tab11 .sect16 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #fff
}

#tab11 .sect16 .box ul {
    margin-top: 6vw;
    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
}

#tab11 .sect16 .box ul li {
    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 5%
}

#tab11 .sect16 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect16 .box ul li .word .tit {
    font-size: 2vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect16 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #fff;
    line-height: 1.3
}

#tab11 .sect16 .box2 {
    width: 80%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #06070e;
    padding: 2vw 0;
    min-width: 1050px;
    text-align: center;
    position: absolute
}

#tab11 .sect16 .box2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#tab11 .sect16 .box2 ul .tit {
    font-size: 3vw;
    color: #fff;
    line-height: 1
}

#tab11 .sect16 .box2 ul .msg {
    font-size: 1.3vw;
    color: #fff;
    line-height: 1;
    margin-top: 10px
}

#tab11 .sect16 .box2 .msg {
    font-size: 1.3vw;
    margin-top: 2vw;
    color: #fff;
    line-height: 1
}

#tab11 .sect17 .box {
    width: 80%;
    padding: 4vw 0;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center
}

#tab11 .sect17 .box .tit {
    font-size: 4vw;
    color: #000;
    line-height: 1
}

#tab11 .sect17 .box .msg {
    margin-top: 20px;
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect18 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding: 4vw 0
}

#tab11 .sect18 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect18 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect18 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect18 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect18 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px
}

#tab11 .sect18 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #000
}

#tab11 .sect18 .box ul {
    margin: 4vw 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
}

#tab11 .sect18 .box ul li {
    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 5%
}

#tab11 .sect18 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect18 .box ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect18 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect19 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding: 4vw 0
}

#tab11 .sect19 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect19 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect19 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect19 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect19 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px
}

#tab11 .sect19 .box .msg-2 {
    font-size: 1.3vw;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.3;
    color: #000
}

#tab11 .sect19 .box ul {
    margin: 4vw 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
}

#tab11 .sect19 .box ul li {
    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 5%
}

#tab11 .sect19 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect19 .box ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect19 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect19 .box2 {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding: 4vw 0
}

#tab11 .sect19 .box2 .msg {
    font-size: 2vw;
    font-weight: 400;
    color: #333;
    line-height: 1.3;
    margin-bottom: 4vw
}

#tab11 .sect19 .box2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#tab11 .sect19 .box2 ul li {
    width: 48%;
    margin: 0 1%
}

#tab11 .sect20 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding: 4vw 0
}

#tab11 .sect20 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect20 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect20 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect20 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect20 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px;
    margin-bottom: 4vw
}

#tab11 .sect20 .box ul {
    margin: 4vw 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
}

#tab11 .sect20 .box ul li {
    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 5%
}

#tab11 .sect20 .box ul li .word {
    text-align: left;
    padding-left: 20px
}

#tab11 .sect20 .box ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect20 .box ul li .word .msg {
    font-size: 1.1vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect21 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding-top: 6vw
}

#tab11 .sect21 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect21 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect21 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect21 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect21 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px;
    margin-bottom: 4vw
}

#tab11 .sect21 .box ul {
    margin: 4vw 0;
    font-size: 0
}

#tab11 .sect21 .box ul li {
    width: 45%;
    margin: 2.5%;
    display: inline-block;
    vertical-align: top
}

#tab11 .sect21 .box ul li .word {
    text-align: left;
    padding-left: 20px;
    padding-top: 2vw
}

#tab11 .sect21 .box ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect21 .box ul li .word .msg {
    font-size: 1.1vw;
    margin-top: 10px;
    color: #000;
    line-height: 1.3
}

#tab11 .sect22 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding-top: 2vw
}

#tab11 .sect22 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect22 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect22 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect22 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect22 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px
}

#tab11 .sect22 .box .msg-2 {
    font-size: 1.3vw;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect22 .box ul {
    margin-top: 4vw;
    font-size: 0
}

#tab11 .sect22 .box ul li {
    width: 45%;
    margin: 2.5%;
    display: inline-block;
    vertical-align: top
}

#tab11 .sect22 .box ul li .word {
    text-align: left;
    padding-left: 20px;
    padding-top: 2vw
}

#tab11 .sect22 .box ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect22 .box ul li .word .msg {
    font-size: 1.1vw;
    margin-top: 10px;
    color: #000;
    line-height: 1.3
}

#tab11 .sect22 .box2 {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding: 4vw 0
}

#tab11 .sect22 .box2 .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect22 .box2 .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect22 .box2 .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect22 .box2 .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect22 .box2 .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px
}

#tab11 .sect22 .box2 .msg-2 {
    font-size: 1.3vw;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101
}

#tab11 .sect22 .box2 ul {
    margin: 4vw 0;
    font-size: 0
}

#tab11 .sect22 .box2 ul li {
    width: 45%;
    margin: 2.5%;
    display: inline-block;
    vertical-align: top
}

#tab11 .sect22 .box2 ul li .word {
    text-align: left;
    padding-left: 20px;
    padding-top: 2vw
}

#tab11 .sect22 .box2 ul li .word .tit {
    font-size: 2vw;
    color: #000;
    line-height: 1.3
}

#tab11 .sect22 .box2 ul li .word .msg {
    font-size: 1.1vw;
    margin-top: 10px;
    color: #000;
    line-height: 1.3
}

#tab11 .sect23 .box {
    width: 80%;
    margin: 0 auto;
    min-width: 1050px;
    text-align: center;
    padding-top: 6vw
}

#tab11 .sect23 .box .lab {
    font-size: 2vw;
    line-height: 1.3;
    color: #000
}

#tab11 .sect23 .box .title {
    font-size: 3vw;
    line-height: 1;
    color: #000;
    margin-bottom: 20px
}

#tab11 .sect23 .box .line {
    background-color: gray;
    position: relative;
    width: 20%;
    margin: 0 auto;
    height: 2px
}

#tab11 .sect23 .box .line::before {
    content: "";
    position: absolute;
    background-color: #000;
    height: 4px;
    width: 60%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab11 .sect23 .box .msg-1 {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    margin-top: 20px
}

#tab11 .sect23 .box .msg-2 {
    font-size: 1.3vw;
    margin-top: 10px;
    line-height: 1.3;
    color: #010101;
    margin-bottom: 4vw
}

#tab11 .sect23 .box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#tab11 .sect23 .box ul li .word {
    text-align: center
}

#tab11 .sect23 .box ul li .word .color {
    font-size: 1.5vw;
    color: #fff;
    line-height: 1.3;
    padding: 5px 30px;
    border-radius: 25px
}

#tab11 .sect23 .box ul li .word .grey {
    background-color: #3d4650
}

#tab11 .sect23 .box ul li .word .silver {
    color: #000;
    background-color: #cdd4da
}

#tab11 .sect23 .box ul li .word .green {
    background-color: #005764
}

#tab11 .sect23 .box .msg {
    font-size: 1.5vw;
    line-height: 1.3;
    color: #010101;
    margin-top: 4vw
}

#tab11 .sect24 .box {
    width: 80%;
    margin: 0 auto;
    color: #666;
    padding: 4vw 0
}

#tab11 .sect24 .box .title {
    font-size: 2vw;
    line-height: 1;
    color: #000;
    padding: 2vw 0
}

#tab11 .sect24 .box .tableBox {
    width: 100%
}

#tab11 .sect24 .box .tableBox tr {
    border-bottom: 1px solid #6d6d6d
}

#tab11 .sect24 .box .tableBox td {
    text-align: left;
    width: 50%;
    font-size: 1.3vw;
    line-height: 1.2;
    padding: 10px 10px
}

#tab11 .waveBox {
    width: 80%;
    margin: 0 auto;
    transform: translateY(0.41666vw);
    -webkit-transform: translateY(0.41666vw);
    -moz-transform: translateY(20.41666vw);
    -ms-transform: translateY(20.41666vw);
    -o-transform: translateY(20.41666vw)
}

#tab11 .wave-left {
    position: relative;
    width: 30.27083vw;
    height: 3.29166vw;
    -webkit-transform: translate(0, -2.9375vw);
    -ms-transform: translate(0, -2.9375vw);
    transform: translate(0, -2.9375vw)
}

#tab11 .wave-right {
    position: relative;
    width: 30.427vw;
    height: 3.646vw;
    -webkit-transform: translate(33.125vw, -6.521vw);
    -ms-transform: translate(33.125vw, -6.521vw);
    transform: translate(33.125vw, -6.521vw)
}

#tab11 .wave-left span, #tab11 .wave-right span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(images/wave.webp) no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: scale(0.053) rotateX(0);
    transform: scale(0.053) rotateX(0);
    opacity: 0
}

#tab11 .wave-left span:nth-child(1), #tab11 .wave-right span:nth-child(1) {
    -webkit-transform: scale(1) rotateX(0);
    -ms-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
    top: 4.17vw;
    -webkit-animation: wave 5.6s linear 0s infinite;
    animation: wave 5.6s linear 0s infinite
}

#tab11 .wave-left span:nth-child(2), #tab11 .wave-right span:nth-child(2) {
    -webkit-transform: scale(0.7) rotateX(0);
    -ms-transform: scale(0.7) rotateX(0);
    transform: scale(0.7) rotateX(0);
    top: 3.39vw;
    -webkit-animation: wave 5.6s linear .8s infinite;
    animation: wave 5.6s linear .8s infinite
}

#tab11 .wave-left span:nth-child(3), #tab11 .wave-right span:nth-child(3) {
    -webkit-transform: scale(0.4) rotateX(0);
    -ms-transform: scale(0.4) rotateX(0);
    transform: scale(0.4) rotateX(0);
    top: 2.6vw;
    -webkit-animation: wave 5.6s linear 1.6s infinite;
    animation: wave 5.6s linear 1.6s infinite
}

#tab11 .wave-left span:nth-child(4), #tab11 .wave-right span:nth-child(4) {
    -webkit-transform: scale(0.2) rotateX(0);
    -ms-transform: scale(0.2) rotateX(0);
    transform: scale(0.2) rotateX(0);
    top: 1.82vw;
    -webkit-animation: wave 5.6s linear 2.4s infinite;
    animation: wave 5.6s linear 2.4s infinite
}

#tab11 .wave-left span:nth-child(5), #tab11 .wave-right span:nth-child(5) {
    -webkit-transform: scale(0.1) rotateX(0);
    -ms-transform: scale(0.1) rotateX(0);
    transform: scale(0.1) rotateX(0);
    top: 1.04vw;
    -webkit-animation: wave 5.6s linear 3.2s infinite;
    animation: wave 5.6s linear 3.2s infinite
}

#tab11 .wave-left span:nth-child(6), #tab11 .wave-right span:nth-child(6) {
    -webkit-transform: scale(0.4) rotateX(0);
    -ms-transform: scale(0.4) rotateX(0);
    transform: scale(0.4) rotateX(0);
    top: .26vw;
    -webkit-animation: wave 5.6s linear 4s infinite;
    animation: wave 5.6s linear 4s infinite
}

#tab11 .wave-left span:nth-child(7), #tab11 .wave-right span:nth-child(7) {
    -webkit-transform: scale(0.2) rotateX(0);
    -ms-transform: scale(0.2) rotateX(0);
    transform: scale(0.2) rotateX(0);
    top: 0;
    -webkit-animation: wave 5.6s linear 4.8s infinite;
    animation: wave 5.6s linear 4.8s infinite
}

@keyframes wave {
    0% {
        -webkit-transform: scale(0.053) rotateX(0);
        transform: scale(0.053) rotateX(0);
        opacity: .25;
        top: 0
    }

    30% {
        -webkit-transform: scale(0.13) rotateX(0);
        transform: scale(0.13) rotateX(0);
        opacity: .25;
        top: 1.56vw
    }

    40% {
        opacity: .25;
        top: 2.38vw
    }

    50% {
        top: 3.17vw;
        opacity: .25
    }

    60% {
        top: 4.17vw;
        opacity: .25
    }

    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0);
        opacity: .05;
        top: 4.17vw
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(0.053) rotateX(0);
        transform: scale(0.053) rotateX(0);
        opacity: .25;
        top: 0
    }

    30% {
        -webkit-transform: scale(0.13) rotateX(0);
        transform: scale(0.13) rotateX(0);
        opacity: .25;
        top: 1.56vw
    }

    40% {
        opacity: .25;
        top: 2.38vw
    }

    50% {
        top: 3.17vw;
        opacity: .25
    }

    60% {
        top: 4.17vw;
        opacity: .25
    }

    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0);
        opacity: .05;
        top: 4.17vw
    }
}

#tab11 .buy-link-item ul {
    font-size: 0
}

#tab11 .buy-link-item ul li {
    display: inline-block;
    width: auto
}

#tab11 .buy-link-item {
    padding-top: 0px;
    padding: 2vw 0;
    text-align: center
}

#tab11 .buy-link-item a {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    padding: .8em 1.2em;
    background: #ff5959;
    color: #fff;
    margin: 10px;
    border-radius: 6px
}

#tab11 .buy-link-item a.btn2 {
    background: #ff5959
}

#tab11 .buy-link-item a:hover {
    background: #ff0036
}

#tab11 .buy-link-item a .icon {
    display: inline-block;
    max-height: 20px
}

#tab11 .buy-link-item a span {
    display: inline-block
}

#tab11 .buy-link-item .btn2 .span2 {
    font-size: 18px
}

@media screen and (min-width: 768px)and (max-width: 1050px) {
    #tab11 .sect14 .box, #tab11 .sect19 .box2, #tab11 .sect23 .box, #tab11 .sect22 .box2, #tab11 .sect22 .box, #tab11 .sect21 .box, #tab11 .sect20 .box, #tab11 .sect19 .box, #tab11 .sect18 .box, #tab11 .sect17 .box, #tab11 .sect16 .box2, #tab11 .sect16 .box, #tab11 .sect15 .box, #tab11 .sect12 .box, #tab11 .sect12 .box2, #tab11 .sect11 .box2, #tab11 .sect11 .box, #tab11 .sect6 .box, #tab11 .sect5 .box, #tab11 .sect4 .box {
        width: 90%;
        min-width: auto
    }

    #tab11 .sect10 .box img {
        width: 30%
    }

    #tab11 .sect7 .box {
        width: 100%;
        min-width: auto
    }

    #tab11 .wave-left {
        position: relative;
        width: 43%;
        height: 3.29166vw;
        -webkit-transform: translate(2vw, -2.9375vw);
        -ms-transform: translate(2vw, -2.9375vw);
        transform: translate(2vw, -2.9375vw)
    }

    #tab11 .wave-right {
        position: relative;
        width: 36%;
        height: 3.646vw;
        -webkit-transform: translate(46.125vw, -6.521vw);
        -ms-transform: translate(46.125vw, -6.521vw);
        transform: translate(46.125vw, -6.521vw)
    }
}

@media screen and (max-width: 767px) {
    #tab11 .sect1 .box .wordBox {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left
    }

    #tab11 .sect5 .box .item-ul ul li .tit:lang(ru) {
        height: 42px
    }

    #tab11 .sect5 .box .item-ul ul li:lang(jp) {
        vertical-align: top
    }

    #tab11 .sect5 .box .item-ul ul li:lang(jp) .msg {
        height: 42px
    }

    #tab11 .sect5 .box .item-ul ul li:lang(de) {
        vertical-align: top
    }

    #tab11 .sect5 .box .item-ul ul li:lang(de) .tit {
        height: 40px;
        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
    }

    #tab11 .sect6 .box ul li .li-item:lang(de) div:nth-child(1) {
        width: 90%
    }

    #tab11 .sect6 .box ul li .li-item:lang(de) div:nth-child(2) {
        width: 90%
    }

    #tab11 .sect6 .box ul li .li-item:lang(it) div:nth-child(1) {
        width: 90%
    }

    #tab11 .sect6 .box ul li .li-item:lang(it) div:nth-child(2) {
        width: 90%
    }

    #tab11 .sect5 .box .item-ul ul li:lang(it) {
        vertical-align: top
    }

    #tab11 .sect5 .box .item-ul ul li:lang(it) .msg {
        height: 50px
    }

    #tab11 .sect6 .box ul li .li-item:lang(pt) div:nth-child(1) {
        width: 90%
    }

    #tab11 .sect6 .box ul li .li-item:lang(pt) div:nth-child(2) {
        width: 90%
    }

    #tab11 .sect5 .box .item-ul ul li:lang(pt) {
        vertical-align: top
    }

    #tab11 .sect5 .box .item-ul ul li:lang(pt) .msg {
        height: 50px
    }

    #tab11 .sect6 .box ul li .li-item:lang(fr) div:nth-child(1) {
        width: 90%
    }

    #tab11 .sect6 .box ul li .li-item:lang(fr) div:nth-child(2) {
        width: 90%
    }

    #tab11 .sect5 .box .item-ul ul li:lang(fr) {
        vertical-align: top
    }

    #tab11 .sect5 .box .item-ul ul li:lang(fr) .msg {
        height: 30px
    }

    #tab11 .tab11-pc {
        display: none !important
    }

    #tab11 .tab11-phone {
        display: initial !important
    }

    #tab11 .phone-fontSize-1 {
        font-size: 5vw !important
    }

    #tab11 .phone-fontSize-2 {
        font-size: 6vw !important
    }

    #tab11 .phone-fontSize-3 {
        font-size: 4vw !important
    }

    #tab11 .phone-fontSize-4 {
        font-size: 3vw !important
    }

    #tab11 .se .box {
        max-width: none;
        width: 96%
    }

    #tab11 .sect4 .box {
        padding: 8vw 0
    }

    #tab11 .sect5 .box .imgBox .imgContent {
        margin-top: 6vw
    }

    #tab11 .sect13 {
        padding: 10vw 0
    }

    #tab11 .sect13 .iframe {
        top: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, black), color-stop(60%, rgba(0, 0, 0, 0.1)), color-stop(90%, black));
        background-image: -o-linear-gradient(bottom, black 30%, rgba(0, 0, 0, 0.1) 60%, black 90%);
        background-image: linear-gradient(0deg, black 30%, rgba(0, 0, 0, 0.1) 60%, black 90%)
    }

    #tab11 .sect6 .box ul li:nth-child(1) .li-item {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #tab11 .sect5 .box {
        padding-top: 0
    }

    #tab11 .sect3 .box4 .word {
        margin-bottom: 6vw
    }

    #tab11 .sect21 .box ul li .word, #tab11 .sect22 .box ul li .word {
        padding-left: 0
    }

    #tab11 .sect5 .box .imgBox .imgContent .img1 {
        position: relative;
        width: 100%
    }

    #tab11 .sect1 .box {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 8%;
        text-align: center
    }

    #tab11 .sect1 .box .title {
        font-size: 10vw
    }

    #tab11 .sect1 .box .title sup {
        top: 0;
        border: 1px solid #000;
        color: #000;
        padding: 3px 5px;
        border-radius: 50px;
        font-size: 12px;
        vertical-align: top
    }

    #tab11 .sect1 .box .tit {
        font-size: 5vw
    }

    #tab11 .sect1 .box .msg {
        font-size: 3.5vw;
        margin-top: 10px
    }

    #tab11 .sect1 .box .buy {
        margin-top: 2vw;
        font-size: 3.5vw
    }

    #tab11 .sect18 .box .msg-2, #tab11 .sect14 .box .msg-2, #tab11 .sect9 .box2 .word, #tab11 .sect5 .box .imgBox, #tab11 .sect19 .box .msg-2, #tab11 .sect16 .box .msg-2, #tab11 .sect15 .box .msg-2, #tab11 .sect11 .box .msg-2, #tab11 .sect7 .box .msg-2, #tab11 .sect5 .box .msg-2, #tab11 .sect4 .box .msg-2 {
        width: 100%
    }

    #tab11 .sect5 .box .item-ul {
        opacity: 1;
        margin: 5vw 0
    }

    #tab11 .sect5 .box .item-ul ul li .tit {
        font-size: 3.8vw;
        margin-top: 2vw
    }

    #tab11 .sect5 .box .item-ul ul li .msg {
        font-size: 3vw
    }

    #tab11 .sect5 .box .item-ul ul li img {
        width: 40%
    }

    #tab11 .sect7 .box .imgBox img {
        width: 100%;
        padding-top: 5vw
    }

    #tab11 .sect7 .box ul li {
        margin: 1vw
    }

    #tab11 .sect16 .box2 {
        bottom: 5%
    }

    #tab11 .sect6 .box ul li {
        margin: 0
    }

    #tab11 .sect6 .box ul li .li-item img {
        width: 35px
    }

    #tab11 .sect6 .box ul li:nth-child(1) {
        width: 100%
    }

    #tab11 .sect6 .box ul li:nth-child(1) .li-item {
        top: 5%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    #tab11 .sect6 .box ul li:nth-child(2) {
        width: 38%;
        margin: 2% 1% 0 1%
    }

    #tab11 .sect6 .box ul li:nth-child(3) {
        width: 58%;
        margin: 2% 1% 0 1%
    }

    #tab11 .sect15 .box .title, #tab11 .sect11 .box .title, #tab11 .sect16 .box .title, #tab11 .sect14 .box .title, #tab11 .sect12 .box .title {
        margin-bottom: 2vw
    }

    #tab11 .sect15 .box .msg-1, #tab11 .sect11 .box .msg-1, #tab11 .sect16 .box .msg-1, #tab11 .sect14 .box .msg-1, #tab11 .sect12 .box .msg-1 {
        margin-top: 2vw
    }

    #tab11 .sect16 .box .msg-2 {
        margin-top: 1vw
    }

    #tab11 .sect23 .box ul li .word .color {
        padding: 5px 15px
    }

    #tab11 .sect8 .box {
        height: auto;
        width: 100%;
        position: relative
    }

    #tab11 .sect8 .box .content {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #tab11 .sect8 .box .msg {
        margin-top: 2vw
    }

    #tab11 .sect8 .box img {
        width: 25%
    }

    #tab11 .sect10 {
        height: 90vh
    }

    #tab11 .sect10 .box {
        top: 10%
    }

    #tab11 .sect10 .box img {
        width: 10%
    }

    #tab11 .sect10 .box2 {
        top: 25%
    }

    #tab11 .sect10 .box2 .tit {
        font-size: 15vw
    }

    #tab11 .sect10 .box3 {
        position: absolute;
        top: 40%;
        width: 80%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block
    }

    #tab11 .sect10 .box3 .box3-content {
        width: 100%;
        max-width: none
    }

    #tab11 .sect10 .box3 .box3-content .top {
        padding: 4vw 0
    }

    #tab11 .sect10 .box3 .box3-content .bottom {
        padding: 5px
    }

    #tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .left .number {
        margin-left: 2vw
    }

    #tab11 .sect10 .box3 .box3-content .bottom ul li .li-item-box .left .round {
        width: 50px;
        height: 50px;
        font-size: 12px;
        line-height: 40px
    }

    #tab11 .sect10 .big-img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #tab11 .sect12 .box2 ul li .progressBar {
        height: 7px
    }

    #tab11 .sect12 .box2 ul li .progressBar::before {
        height: 7px
    }

    #tab11 .sect3 .box4 img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    #tab11 .sect18 .box ul li:nth-child(1) img {
        width: 30%
    }

    #tab11 .sect18 .box ul li .word {
        padding-left: 1vw
    }

    #tab11 .sect18 .box ul li:nth-child(2) img {
        width: 15%
    }

    #tab11 .sect21 .box ul li:nth-child(2) .word .tit {
        font-size: 3.5vw !important
    }

    #tab11 .sect22 .box2 ul li, #tab11 .sect22 .box ul li, #tab11 .sect21 .box ul li {
        width: 48%;
        margin: 1%
    }

    #tab11 .sect24 .box .title {
        font-size: 5vw
    }

    #tab11 .sect24 .box .tableBox td {
        font-size: 3vw
    }

    #tab11 .sect2 .box ul {
        padding: 5vw 0;
        font-size: 0
    }

    #tab11 .sect2 .box ul li {
        display: inline-block;
        position: relative;
        width: 48%;
        margin: 1%
    }

    #tab11 .sect2 .box ul li .item-word {
        position: absolute;
        z-index: 1;
        color: #fff
    }

    #tab11 .sect2 .box ul li .item-word .tit {
        font-size: 5vw;
        line-height: 1;
        margin-bottom: 5px
    }

    #tab11 .sect2 .box ul li .item-word .msg {
        line-height: 1;
        font-size: 3vw;
    }

    #tab11 .sect2 .box ul li a {
        position: absolute;
        bottom: 10%;
        z-index: 1;
        right: 5%;
        width: 5vw;
        height: 5vw;
        overflow: hidden;
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        vertical-align: middle
    }

    #tab11 .sect2 .box ul li a img {
        max-width: 100%;
        height: auto;
        width: 100%;
        vertical-align: bottom;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    #tab11 .sect2 .box ul .item-li-1 .item-word {
        left: 5%;
        top: 10%
    }

    #tab11 .sect2 .box ul .item-li-2 .item-word {
        right: 5%;
        top: 10%;
        text-align: right
    }

    #tab11 .sect2 .box ul .item-li-3 .item-word {
        left: 5%;
        top: 10%
    }

    #tab11 .sect2 .box ul .item-li-4 .item-word {
        right: 5%;
        top: 10%;
        text-align: right
    }

    #tab11 .sect2 .box ul .item-li-6 .item-word {
        left: 5%;
        top: 10%
    }

    #tab11 .sect2 .box ul .item-li-7 .item-word {
        right: 5%;
        top: 10%;
        text-align: right
    }

    #tab11 .sect2 .box ul .item-li-8 .item-word {
        left: 5%;
        top: 10%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #tab11 .sect2 .box ul .item-li-8 .item-word p {
        margin-right: 10px
    }

    #tab11 .sect2 .box ul .item-li-9 .item-word {
        left: 5%;
        bottom: 10%
    }

    #tab11 .sect2 .box ul .item-li-10 .item-word {
        left: 5%;
        bottom: 10%
    }

    #tab11 .sect4 .box ul {
        font-size: 0;
        display: block
    }

    #tab11 .sect4 .box ul li {
        width: 30%;
        display: inline-block
    }

    #tab11 .sect4 .box ul li img {
        width: 100%
    }

    #tab11 .sect11 .box {
        top: 5%
    }

    #tab11 .sect11 .box2 ul li .tit {
        background-image: -o-linear-gradient(45deg, #1996afc0 20%, #236e811a 80%, transparent 100%);
        background-image: linear-gradient(45deg, #1996afc0 20%, #236e811a 80%, transparent 100%)
    }

    #tab11 .sect11 .box2 ul li .progressBar {
        height: 8px
    }

    #tab11 .sect11 .box2 ul li .progressBar::before {
        height: 8px
    }

    #tab11 .sect12 {
        overflow: hidden
    }

    #tab11 .sect12 .box {
        top: 2%
    }

    #tab11 .sect12 .box .msg-2 {
        width: 100%
    }

    #tab11 .sect12 .box ul {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    #tab11 .sect12 .box ul li {
        margin: 0
    }

    #tab11 .sect12 .box ul li img {
        width: 40px
    }

    #tab11 .sect12 .box ul li .word {
        padding-left: 1vw
    }

    #tab11 .sect12 .big-img {
        width: 130%;
        margin-left: -15%
    }

    #tab11 .sect14 {
        background-color: #000
    }

    #tab11 .sect14 .box {
        top: 0
    }

    #tab11 .sect14 .msg {
        bottom: 5%;
        width: 100%;
        left: 0
    }

    #tab11 .sect15 {
        background-color: #000
    }

    #tab11 .sect15 .box {
        top: 2%
    }

    #tab11 .sect15 .box img {
        width: 25%
    }

    #tab11 .sect15 .box .title {
        font-size: 4.5vw !important
    }

    #tab11 .sect16 .box {
        top: 1%
    }

    #tab11 .sect16 .big-img {
        height: 100%
    }

    #tab11 .sect3 .box4 .box, #tab11 .sect14 .box, #tab11 .sect19 .box2, #tab11 .sect23 .box, #tab11 .sect22 .box2, #tab11 .sect22 .box, #tab11 .sect21 .box, #tab11 .sect20 .box, #tab11 .sect19 .box, #tab11 .sect18 .box, #tab11 .sect17 .box, #tab11 .sect16 .box2, #tab11 .sect16 .box, #tab11 .sect15 .box, #tab11 .sect12 .box, #tab11 .sect12 .box2, #tab11 .sect11 .box2, #tab11 .sect11 .box, #tab11 .sect5 .box, #tab11 .sect4 .box {
        width: 96%;
        min-width: auto;
        margin: 0 auto
    }

    #tab11 .sect6 .box, #tab11 .sect7 .box {
        width: 100%;
        min-width: auto
    }

    #tab11 .wave-left {
        position: relative;
        width: 43%;
        height: 3.29166vw;
        -webkit-transform: translate(2vw, -2.9375vw);
        -ms-transform: translate(2vw, -2.9375vw);
        transform: translate(2vw, -2.9375vw)
    }

    #tab11 .wave-right {
        position: relative;
        width: 36%;
        height: 3.646vw;
        -webkit-transform: translate(46.125vw, -6.521vw);
        -ms-transform: translate(46.125vw, -6.521vw);
        transform: translate(46.125vw, -6.521vw)
    }

    #tab11 .buy-link-item a {
        font-size: 16px !important;
        margin: auto !important;
        padding: .6em 0 !important
    }

    #tab11 .buy-link-item ul li {
        width: 40% !important;
        margin: 10px 10px;
        background: #ff5959;
        border-radius: 6px
    }

    #tab11 .social .sect-bd p {
        font-size: 1.6em
    }

    #tab11 .social .sect-bd .invite a {
        font-size: 20px !important
    }
}