html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
    margin: 0;
    padding: 0
}

body {
    overflow-x: hidden
}

#watch .active .translateY {
    transform: translateY(0);
    opacity: 1
}

#watch .active .translate_X,
#watch .active .translateX {
    transform: translateX(0);
    opacity: 1
}

#watch .time_8s {
    transition: all .8s ease
}

#watch .translateY {
    transform: translateY(3.90625vw);
    opacity: 0
}

#watch .translate_X {
    transform: translateX(-3.90625vw);
    opacity: 0
}

#watch .translateX {
    transform: translateX(3.90625vw);
    opacity: 0
}

@font-face {
    font-family: 'H_bold';
    src: url('https://d13pvy8xd75yde.cloudfront.net/global/Hios/15/HurmeGeometricSans3%20Bold.otf') format('opentype')
}

#watch .tips {
    color: #333 !important;
    font-weight: 400;
    font-size: .703125vw;
    text-align: right;
    padding-right: 7.03125vw
}

@media(max-width:1080px) {
    #watch .tips {
        font-size: 1.296vw;
        padding-right: 5.556vw
    }
}

#watch .white .t3 {
    color: #999
}

#watch .black .t3 {
    color: #333
}

#watch .t1 {
    font-family: 'H_bold';
    font-weight: 600;
    font-size: 3.359375vw
}

@media(max-width:1080px) {
    #watch .t1 {
        font-size: 5.556vw
    }
}

#watch .t3 {
    font-weight: 400;
    font-size: 1.40625vw;
    margin-top: 1.5625vw
}

@media(max-width:1080px) {
    #watch .t3 {
        font-size: 2.593vw;
        margin-top: unset
    }
}

#watch .txt {
    line-height: 105%;
    color: #000
}

#watch .center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

#watch .section {
    position: relative
}

#watch .section1 {
    background: linear-gradient(180deg, #879cb1 0, #f7f9fa 100%);
    padding: 5.7421875vw 0 2.890625vw
}

@media(max-width:1080px) {
    #watch .section1 {
        padding: 11.111vw 0 16.667vw
    }
}

#watch .section1 .watch {
    width: 72.734375vw;
    height: 41.71875vw;
    display: flex;
    margin: auto
}

@media(max-width:1080px) {
    #watch .section1 .watch {
        width: 88.948vw;
        height: 51.019vw
    }
}

#watch .section1 .sub {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 2.109375vw;
    padding: 0 0 2.03125vw
}

@media(max-width:1080px) {
    #watch .section1 .sub {
        padding: 0 0 20.833vw;
        gap: 5.556vw
    }
}

#watch .section1 .sub>img {
    width: 43.2421875vw;
    height: 4.8828125vw
}

@media(max-width:1080px) {
    #watch .section1 .sub>img {
        width: 80vw;
        height: 8.889vw
    }
}

#watch .section1 .sub .list {
    display: flex;
    gap: 5.546875vw
}

@media(max-width:1080px) {
    #watch .section1 .sub .list {
        gap: 11.296vw
    }
}

#watch .section1 .sub .list .txt {
    font-weight: 400;
    font-size: 1.2890625vw;
    max-width: 17.21875vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section1 .sub .list .txt {
        font-size: 2.593vw;
        max-width: 21.852vw
    }
}

#watch .section1 .sub .list .txt:nth-child(2):after {
    content: '';
    width: .078125vw;
    height: 1.953125vw;
    position: absolute;
    left: -2.734375vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000
}

@media(max-width:1080px) {
    #watch .section1 .sub .list .txt:nth-child(2):after {
        width: .185vw;
        height: 3.704vw;
        left: -5.556vw
    }
}

#watch .section1 .sub .list .txt:nth-child(2):before {
    content: '';
    width: .078125vw;
    height: 1.953125vw;
    position: absolute;
    right: -2.734375vw;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media(max-width:1080px) {
    #watch .section1 .sub .list .txt:nth-child(2):before {
        width: .185vw;
        height: 3.704vw;
        right: -5.556vw
    }
}

#watch .section2 {
    padding: 8.90625vw 0 5.3125vw
}

@media(max-width:1080px) {
    #watch .section2 {
        padding: 20.37vw 0 20.37vw
    }
}

#watch .section2 .bg_color {
    background: #f0f0f0;
    border-radius: 1.7578125vw
}

@media(max-width:1080px) {
    #watch .section2 .bg_color {
        border-radius: 2.963vw
    }
}

#watch .section2 .f88 {
    font-weight: 600;
    font-size: 3.4375vw;
    background: linear-gradient(180deg, #879cb1 12.74%, #101010 79.25%);
    color: transparent;
    -webkit-background-clip: text
}

@media(max-width:1080px) {
    #watch .section2 .f88 {
        font-size: 6.296vw
    }
}

#watch .section2 .t2 {
    font-weight: 600;
    font-size: 1.40625vw
}

@media(max-width:1080px) {
    #watch .section2 .t2 {
        font-size: 2.593vw
    }
}

#watch .section2 .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .78125vw
}

@media(max-width:1080px) {
    #watch .section2 .box {
        flex-flow: column;
        gap: 1.852vw
    }
}

#watch .section2 .box .left {
    display: flex;
    flex-flow: column;
    gap: .78125vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left {
        gap: 1.852vw
    }
}

#watch .section2 .box .left .top {
    width: 41.796875vw;
    height: 16.640625vw;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media(max-width:1080px) {
    #watch .section2 .box .left .top {
        width: 88.889vw;
        height: 33.333vw
    }
}

#watch .section2 .box .left .top>img {
    transform: translateY(-1.09375vw);
    width: 22.34375vw;
    height: 18.671875vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .top>img {
        width: 47.201vw;
        height: 39.444vw;
        transform: translateY(-3.333vw)
    }
}

#watch .section2 .box .left .bottom {
    display: flex;
    gap: .78125vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom {
        flex-flow: row-reverse;
        gap: 1.852vw
    }
}

#watch .section2 .box .left .bottom .l2 {
    display: flex;
    flex-flow: column;
    gap: .78125vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 {
        gap: 1.852vw
    }
}

#watch .section2 .box .left .bottom .l2 .call {
    width: 20.625vw;
    height: 12.8125vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 .call {
        width: 43.519vw;
        height: 27.222vw
    }
}

#watch .section2 .box .left .bottom .l2 .call .t2 {
    position: absolute;
    top: 1.5625vw;
    left: 2.1875vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 .call .t2 {
        top: 3.333vw;
        left: 1.852vw
    }
}

#watch .section2 .box .left .bottom .l2 .call>img {
    width: 14.4921875vw;
    position: absolute;
    right: 0;
    bottom: 0
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 .call>img {
        width: 34.352vw
    }
}

#watch .section2 .box .left .bottom .l2 .days {
    width: 20.625vw;
    height: 12.8125vw;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 .days {
        width: 43.519vw;
        height: 27.222vw
    }
}

#watch .section2 .box .left .bottom .l2 .days>img {
    width: 5.390625vw;
    height: 8.7109375vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .l2 .days>img {
        width: 12.778vw;
        height: 20.648vw
    }
}

#watch .section2 .box .left .bottom .r2 {
    width: 20.390625vw;
    height: 26.40625vw;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .r2 {
        width: 43.519vw;
        height: 56.296vw
    }
}

#watch .section2 .box .left .bottom .r2 .t2 {
    display: flex;
    align-items: center;
    gap: .625vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .r2 .t2 {
        gap: 1.852vw
    }
}

#watch .section2 .box .left .bottom .r2>img {
    width: 14.140625vw;
    height: 18.3984375vw
}

@media(max-width:1080px) {
    #watch .section2 .box .left .bottom .r2>img {
        width: 31.312vw;
        height: 40.741vw
    }
}

#watch .section2 .box .right {
    display: flex;
    flex-flow: column;
    gap: .78125vw
}

@media(max-width:1080px) {
    #watch .section2 .box .right {
        gap: 1.852vw;
        display: grid;
        grid-template-columns: 43.519vw 43.519vw;
        grid-template-rows: 27.778vw 24.074vw
    }
}

#watch .section2 .box .right .r_i1 {
    width: 25.3906vw;
    height: 21.5234vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i1 {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        height: 100%
    }
}

#watch .section2 .box .right .r_i1 .t2 {
    position: absolute;
    top: 1.5625vw;
    text-align: center;
    left: 0;
    right: 0
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i1 .t2 {
        top: 3.333vw
    }
}

#watch .section2 .box .right .r_i1>img {
    width: 100%;
    position: absolute;
    right: 0;
    bottom:0vw
}

#watch .section2 .box .right .r_i2 {
    width: 25.3906vw;
    height: 21.5234vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i2 {
        grid-column: 1 / 2;
        grid-row: 2;
        width: 88.889vw;
        height: 100%
    }
}

#watch .section2 .box .right .r_i2 .t2 {
    position: absolute;
    top: 1.5625vw;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 1;
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i3 .t2 {
        width: 16.389vw;
        right: unset;
        left: 5.556vw;
        top: 8.889vw;
        text-align: left
    }
}

#watch .section2 .box .right .r_i2>img {
    position: absolute;
    width: 100%
}
@media(min-width:1081px) {
    #watch .section2 .box .right .r_i2>img {
    position: absolute;
    bottom: 4vw;
    width: 100%
}
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i3>img {
        width: 56.756vw;
        height: 20.741vw;
        top: 0;
        right: 1.3vw;
        margin: auto
    }
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i3>img {
        width: 56.756vw;
        height: 20.741vw;
        top: 0;
        right: 1.3vw;
        margin: auto
    }
}

#watch .section2 .box .right .r_i3 {
    width: 25.390625vw;
    height: 12.8125vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i2 {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        height: 100%
    }
}

#watch .section2 .box .right .r_i3 .t2 {
    position: absolute;
    top: 1.5625vw;
    text-align: center;
    left: 0;
    right: 0
}

#watch .section2 .box .right .r_i3>img {
    width: 100%
}

@media(max-width:1080px) {
    #watch .section2 .box .right .r_i3>img {
        height: 100%
    }
}

#watch .section2 .tips {
    margin-top: 3.90625vw
}

@media(max-width:1080px) {
    #watch .section2 .tips {
        margin-top: 5.556vw
    }
}

@media(max-width:1080px) {
    #watch .section3 .mob {
        justify-content: center
    }

    #watch .section3 .mob .t3 {
        width: 88.889vw;
        text-align: left;
        margin-top: 3.704vw
    }
}

#watch .section3 .sub {
    text-align: center;
    top: 8.90625vw;
    width: 57.65625vw
}

@media(max-width:1080px) {
    #watch .section3 .sub {
        width: 88.889vw;
        text-align: left
    }
}

#watch .section3>img {
    width: 100%
}

#watch .section4 {
    padding: 8.59375vw 0 3.90625vw;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 8.6328125vw
}

@media(max-width:1080px) {
    #watch .section4 {
        padding: 24.074vw 0 31.481vw;
        gap: 0
    }

    #watch .section4 .mob {
        justify-content: center
    }

    #watch .section4 .mob .t3 {
        width: 88.889vw;
        text-align: left;
        margin-top: 3.704vw
    }
}

#watch .section4 .sub {
    text-align: center;
    width: 57.65625vw
}

@media(max-width:1080px) {
    #watch .section4 .sub {
        width: 88.889vw;
        text-align: left
    }
}

#watch .section4>img {
    width: 50.15625vw;
    height: 44.9609375vw
}

@media(max-width:1080px) {
    #watch .section4>img {
        width: 88.934vw;
        height: 79.722vw;
        margin: 11.111vw auto 5.556vw
    }
}

#watch .section5 {
    padding-bottom: 14.0625vw
}

#watch .section5 .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.875vw
}

@media(max-width:1080px) {
    #watch .section5 .box {
        flex-flow: column;
        gap: 5.556vw
    }
}

#watch .section5 .box .bg0 {
    width: 33.046875vw;
    height: 43.75vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section5 .box .bg0 {
        width: 88.889vw;
        height: 108.333vw
    }
}

#watch .section5 .box .bg0 .sub {
    position: absolute;
    top: 3.90625vw;
    left: 2.5vw;
    width: 27.6171875vw
}

@media(max-width:1080px) {
    #watch .section5 .box .bg0 .sub {
        top: 7.407vw;
        left: 3.704vw;
        width: 77.315vw
    }
}

#watch .section5 .box .bg0 .sub .t1 {
    font-size: 1.875vw
}

@media(max-width:1080px) {
    #watch .section5 .box .bg0 .sub .t1 {
        font-size: 4.444vw
    }
}

#watch .section5 .box .bg0 .sub .t3 {
    font-size: 1.171875vw
}

@media(max-width:1080px) {
    #watch .section5 .box .bg0 .sub .t3 {
        font-size: 2.593vw;
        margin-top: 2.778vw
    }
}

#watch .section5 .box .bg0>img {
    width: 100%;
    height: 100%
}

@media(max-width:1080px) {
    #watch .section6 .mob {
        bottom: 9.259vw;
        width: 88.889vw
    }
}

#watch .section6 .sub {
    width: 57.65625vw;
    top: 6.25vw;
    text-align: center
}
#watch .section6 .tips {
    
    color: #333 !important;
    font-weight: 400;
    font-size: .703125vw;
    text-align: right;
    padding-right: 0;
}
#watch .section6 .sub1 {
    width: 57.65625vw;
    top: 6.25vw;
    text-align: center;
    margin-top: 50vw;
    margin-left: 35vw;
}
@media(max-width:1080px) {
    #watch .section6 .sub {
        width: 88.889vw;
        text-align: left;
        top: 16.667vw
    }
    #watch .section6 .t3 {
        padding-bottom: 13vw;
    }
    #watch .section6 .tips {
    
    color: #333 !important;
    font-weight: 400;
    font-size: 1.296vw;
    text-align: right;
    padding-right: 0;
}
}

#watch .section6>img {
    width: 100%
}

#watch .section7 .box {
    height: 67.3046875vw
}

@media(max-width:1080px) {
    #watch .section7 .box {
        height: 178.611vw
    }
}

#watch .section7 .box .left {
    position: absolute;
    top: 21.484375vw;
    left: 7.03125vw;
    width: 36.328125vw
}

@media(max-width:1080px) {
    #watch .section7 .box .left {
        width: 100%;
        top: 24.074vw;
        padding: 0 5.556vw;
        left: unset
    }
}

@media(max-width:1080px) {
    #watch .section7 .box .right .mob {
        position: absolute;
        bottom: 31.204vw;
        padding: 0 5.556vw
    }
}

#watch .section7 .box .right>p {
    position: absolute;
    top: 7.8125vw;
    right: 13vw;
    font-weight: 600;
    font-size: 5.859375vw;
    background: linear-gradient(180deg, #879cb1 12.74%, #101010 79.25%);
    color: transparent;
    -webkit-background-clip: text
}

@media(max-width:1080px) {
    #watch .section7 .box .right>p {
        font-size: 9.259vw;
        top: 37.037vw;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }
}

#watch .section7 .box .right>p span {
    font-weight: 400;
    font-size: 21.640625vw
}

@media(max-width:1080px) {
    #watch .section7 .box .right>p span {
        font-size: 35.185vw
    }
}

#watch .section7 .box .right>img {
    width: 64.84375vw;
    height: 28.28125vw;
    position: absolute;
    bottom: 8.203125vw;
    right: 2.65625vw
}

@media(max-width:1080px) {
    #watch .section7 .box .right>img {
        width: 100vw;
        height: 67.037vw;
        bottom: 37.5vw
    }
}

#watch .section7 .box .tips {
    position: absolute;
    bottom: 9.765625vw;
    right: 0
}

@media(max-width:1080px) {
    #watch .section7 .box .tips {
        bottom: 24.074vw
    }
}

#watch .section8 .t1 {
    text-align: center;
    margin-bottom: 5.078125vw
}

@media(max-width:1080px) {
    #watch .section8 .t1 {
        margin-bottom: 11.111vw;
        text-align: left;
        padding: 0 5.556vw
    }
}

#watch .section8 .section8_active {
    font-weight: 400;
    font-size: 22.890625vw;
    opacity: .1;
    text-align: center;
    position: absolute;
    bottom: -3.90625vw;
    left: 0;
    right: 0;
    z-index: -1;
    letter-spacing: 1.953125vw
}

@media(max-width:1080px) {
    #watch .section8 .section8_active {
        font-size: 31.481vw
    }
}

#watch .section8>img {
    width: 66.3671875vw;
    height: 36.7578125vw;
    margin: auto;
    display: block
}

@media(max-width:1080px) {
    #watch .section8>img {
        width: 89.106vw;
        height: 49.352vw
    }
}

#watch .section9 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 7.03125vw 0 0
}

@media(max-width:1080px) {
    #watch .section9 {
        padding: 26.481vw 0 0
    }

    #watch .section9 .mob {
        font-weight: 400;
        font-size: 2.593vw;
        padding: 5.556vw 5.556vw 0
    }
}

#watch .section9 .i {
    width: 81.796875vw;
    height: 51.71875vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section9 .i {
        width: 88.981vw;
        height: 120.37vw
    }
}

#watch .section9 .i>img {
    width: 100%
}

#watch .section9 .i .sub {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width:1080px) {
    #watch .section9 .i .sub {
        width: 88.981vw;
        height: 25.926vw;
        border-bottom-right-radius: 3.704vw;
        border-bottom-left-radius: 3.704vw;
        bottom: 0;
        top: unset;
        background: #000
    }
}

#watch .section9 .i .sub>img {
    width: 12.0703125vw;
    height: 19.609375vw;
    position: absolute;
    left: 6.9140625vw;
    bottom: 3.515625vw
}

@media(max-width:1080px) {
    #watch .section9 .i .sub>img {
        width: 25.926vw;
        height: 42.13vw;
        left: 5.556vw;
        bottom: 4.907vw
    }
}

#watch .section9 .i .sub .t1 {
    font-size: 2.34375vw;
    width: 16.171875vw;
    position: absolute;
    bottom: 3.6328125vw;
    left: 22.890625vw
}

@media(max-width:1080px) {
    #watch .section9 .i .sub .t1 {
        font-size: 5.556vw;
        width: 37.778vw;
        left: unset;
        right: 6.667vw;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center
    }
}

#watch .section9 .i .sub .line {
    width: 1px;
    height: 6.25vw;
    position: absolute;
    right: 38.5546875vw;
    bottom: 3.3203125vw;
    background: white
}

#watch .section9 .i .sub .right {
    width: 29.296875vw;
    font-weight: 400;
    font-size: 1.25vw;
    position: absolute;
    right: 6.9140625vw;
    bottom: 4.21875vw
}

#watch .section10 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 2.34375vw 0 0
}

@media(max-width:1080px) {
    #watch .section10 {
        padding: 16.667vw 0 0
    }

    #watch .section10 .mob {
        font-weight: 400;
        font-size: 2.593vw;
        padding: 5.556vw 5.556vw 0
    }
}

#watch .section10 .i {
    width: 81.796875vw;
    height: 51.71875vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section10 .i {
        width: 88.981vw;
        height: 120.37vw
    }
}

#watch .section10 .i>img {
    width: 100%
}

#watch .section10 .i .sub {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width:1080px) {
    #watch .section10 .i .sub {
        width: 88.981vw;
        height: 25.926vw;
        border-bottom-right-radius: 3.704vw;
        border-bottom-left-radius: 3.704vw;
        bottom: 0;
        top: unset;
        background: #000
    }
}

#watch .section10 .i .sub>img {
    width: 12.0703125vw;
    height: 19.609375vw;
    position: absolute;
    left: 6.9140625vw;
    bottom: 3.515625vw
}

@media(max-width:1080px) {
    #watch .section10 .i .sub>img {
        width: 25.926vw;
        height: 42.13vw;
        left: 5.556vw;
        bottom: 4.907vw
    }
}

#watch .section10 .i .sub .t1 {
    font-size: 2.34375vw;
    width: 16.171875vw;
    position: absolute;
    bottom: 3.6328125vw;
    left: 22.890625vw
}

@media(max-width:1080px) {
    #watch .section10 .i .sub .t1 {
        font-size: 5vw;
        width: 38vw;
        left: unset;
        right: 6.667vw;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center
    }
}

#watch .section10 .i .sub .line {
    width: 1px;
    height: 6.25vw;
    position: absolute;
    right: 38.5546875vw;
    bottom: 3.3203125vw;
    background: white
}

#watch .section10 .i .sub .right {
    width: 29.296875vw;
    font-weight: 400;
    font-size: 1.25vw;
    position: absolute;
    right: 6.9140625vw;
    bottom: 4.21875vw
}

#watch .section11 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 2.34375vw 0 0
}

@media(max-width:1080px) {
    #watch .section11 {
        padding: 16.667vw 0 0
    }

    #watch .section11 .mob {
        font-weight: 400;
        font-size: 2.593vw;
        padding: 5.556vw 5.556vw 0
    }
}

#watch .section11 .i {
    width: 81.796875vw;
    height: 51.71875vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section11 .i {
        width: 88.981vw;
        height: 120.37vw
    }
}

#watch .section11 .i>img {
    width: 100%
}

#watch .section11 .i .sub {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width:1080px) {
    #watch .section11 .i .sub {
        width: 88.981vw;
        height: 25.926vw;
        border-bottom-right-radius: 3.704vw;
        border-bottom-left-radius: 3.704vw;
        bottom: 0;
        top: unset;
        background: #000
    }
}

#watch .section11 .i .sub>img {
    width: 12.0703125vw;
    height: 19.609375vw;
    position: absolute;
    left: 6.9140625vw;
    bottom: 3.515625vw
}

@media(max-width:1080px) {
    #watch .section11 .i .sub>img {
        width: 25.926vw;
        height: 42.13vw;
        left: 5.556vw;
        bottom: 4.907vw
    }
}

#watch .section11 .i .sub .t1 {
    font-size: 2.34375vw;
    width: 16.171875vw;
    position: absolute;
    bottom: 3.6328125vw;
    left: 22.890625vw
}

@media(max-width:1080px) {
    #watch .section11 .i .sub .t1 {
        font-size: 5.556vw;
        width: 37.778vw;
        left: unset;
        right: 6.667vw;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center
    }
}

#watch .section11 .i .sub .line {
    width: 1px;
    height: 6.25vw;
    position: absolute;
    right: 38.5546875vw;
    bottom: 3.3203125vw;
    background: white
}

#watch .section11 .i .sub .right {
    width: 29.296875vw;
    font-weight: 400;
    font-size: 1.25vw;
    position: absolute;
    right: 6.9140625vw;
    bottom: 4.21875vw
}

#watch .section12 {
    height: 86.71875vw
}

@media(max-width:1080px) {
    #watch .section12 {
        height: 209.074vw
    }

    #watch .section12 .mob {
        font-weight: 400;
        font-size: 2.593vw;
        position: absolute;
        bottom: 14.815vw;
        width: 100%;
        padding: 0 5.556vw;
        color: #333
    }
}

#watch .section12 .top {
    display: flex;
    justify-content: space-between;
    margin: 14.453125vw 9.1015625vw 0 16.015625vw;
    height: 28.4375vw
}

@media(max-width:1080px) {
    #watch .section12 .top {
        height: auto;
        display: block;
        margin: unset
    }
}

#watch .section12 .top .left {
    width: 36.1328125vw
}

@media(max-width:1080px) {
    #watch .section12 .top .left {
        width: 100%;
        padding: 24.074vw 5.556vw 0
    }
}

#watch .section12 .top .left b {
    font-weight: 600;
    font-size: 2.34375vw;
    top: 6.6796875vw;
    position: relative
}

@media(max-width:1080px) {
    #watch .section12 .top .left b {
        font-size: 5.556vw;
        top: 11.111vw;
        display: flex;
        flex-flow: column
    }
}

#watch .section12 .top .left b span {
    font-size: 5.859375vw;
    background: linear-gradient(180deg, #879cb1 12.74%, #101010 79.25%);
    color: transparent;
    -webkit-background-clip: text
}

@media(max-width:1080px) {
    #watch .section12 .top .left b span {
        font-size: 13.889vw
    }
}

@media(max-width:1080px) {
    #watch .section12 .top .right {
        position: absolute;
        right: 5.556vw;
        top: 48.519vw
    }
}

#watch .section12 .top .right>img {
    width: 23.203125vw
}

@media(max-width:1080px) {
    #watch .section12 .top .right>img {
        width: 55vw;
        height: 67.407vw
    }
}

#watch .section12 .run {
    width: 67.96875vw;
    height: 36.015625vw;
    border-radius: 1.5625vw;
    background: #f5f5f5;
    position: absolute;
    top: 35.7421875vw;
    left: 0;
    right: 0;
    margin: auto
}

@media(max-width:1080px) {
    #watch .section12 .run {
        width: 88.889vw;
        height: 55.556vw;
        border-radius: 3.704vw;
        top: unset;
        bottom: 26.667vw
    }
}

#watch .section12 .run>img {
    position: absolute;
    bottom: 0;
    width: 62.34375vw;
    height: 44.4140625vw
}

@media(max-width:1080px) {
    #watch .section12 .run>img {
        width: 100%;
        height: 71.852vw;
        object-fit: contain;
        bottom: -4.074vw
    }
}

@media(max-width:1080px) {
    #watch .section13 .mob {
        padding: 0 5.556vw;
        margin-bottom: 5.556vw
    }
}

#watch .section13 .sub {
    width: 69vw;
    text-align: center;
    margin: auto
}

@media(max-width:1080px) {
    #watch .section13 .sub {
        width: 100%;
        padding: 0 5.556vw;
        text-align: left
    }
}

#watch .section13>img {
    width: 89.1015625vw;
    height: 32.6171875vw;
    display: block;
    margin: 8.2421875vw auto 7.1484375vw
}

@media(max-width:1080px) {
    #watch .section13>img {
        width: 89.034vw;
        height: 32.593vw;
        margin: 11.111vw auto 7.407vw
    }
}

#watch .section14 {
    padding: 7.6171875vw 0 7.8125vw
}

@media(max-width:1080px) {
    #watch .section14 {
        padding: 19.259vw 0 20.37vw
    }
}

#watch .section14 .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.875vw
}

@media(max-width:1080px) {
    #watch .section14 .box {
        flex-flow: column;
        gap: 5.556vw
    }
}

#watch .section14 .box>div {
    width: 33.046875vw;
    height: 43.671875vw;
    border-radius: 3.28125vw;
    background: #ededed;
    display: flex;
    flex-flow: column;
    align-items: center
}

@media(max-width:1080px) {
    #watch .section14 .box>div {
        width: 88.889vw;
        height: 103.519vw;
        border-radius: 7.778vw
    }
}

#watch .section14 .box>div .sub {
    padding: 3.90625vw 1.875vw 1.640625vw
}

@media(max-width:1080px) {
    #watch .section14 .box>div .sub {
        padding: 9.259vw 4.444vw 6.574vw
    }
}

#watch .section14 .box>div .sub .t1 {
    font-size: 1.875vw
}

@media(max-width:1080px) {
    #watch .section14 .box>div .sub .t1 {
        font-size: 4.444vw
    }
}

#watch .section14 .box>div .sub .t3 {
    font-size: 1.171875vw
}

@media(max-width:1080px) {
    #watch .section14 .box>div .sub .t3 {
        font-size: 2.593vw;
        margin-top: 2.778vw
    }
}

#watch .section14 .box>div>img {
    width: 15vw;
    height: 24.375vw
}

@media(max-width:1080px) {
    #watch .section14 .box>div>img {
        width: 37.436vw;
        height: 60.833vw
    }
}