* {
        margin: 0;
        padding: 0px;
    }

    .bg_black_ {
        background-color: black;
        overflow: hidden;
        font-family: 'Roboto', sans-serif !important;
    }

    .boxpic {
        cursor: pointer;
    }

    .boxpic:hover .boxpic2 {
        display: block;
        opacity: 1;
    }

    .boxpic2 {
        display: block;
        position: absolute;
        left: 23%;
        top: 83%;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 0;
    }

    .ddrbg4 {
        overflow: hidden;
    }

    .parent {
        display: list-item;
        table-layout: fixed;
    }

    .font24 {
        font-weight: 400;
    }

    .font26 {
        font-size: 26px;
        font-weight: 800;
    }

    .picm {
        display: none;
    }

    .picm2 {
        display: block;
    }

    .prpl0 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .cta,
    .ctb,
    .ctc,
    .ctd,
    .cte,
    .ctf,
    .ctg,
    .cth,
    .cti,
    .ctj,
    .ctk,
    .ctl,
    .cth {
        cursor: pointer;
        font-size: 22px !important;
    }

    .ccbbg1,
    .ccbbg2,
    .ccbbg3,
    .ccbbg4,
    .ccbbg5,
    .ccbbg6,
    .ccbbg7,
    .ccbbg8,
    .ccbbg9,
    .ccbbg10 {

        min-height: 730px;
        position: relative;
        overflow: hidden;
    }

    .ccbbg1 {
        min-height: 810px;
    }

    .ccbbg7 {
        min-height: 970px;
    }

    .ccbbg8 {
        min-height: 920px;
    }

    .ccbbg5 {
        min-height: 350px;
    }

    .ccbbg6 {
        min-height: 550px;
    }

    .pich900 {
        max-height: 700px;
    }

    .txtshadow {
        text-shadow: 0.1em 0.1em 0.3em black
    }

    .casebg1 {
        background-image: url("");
        background-size: cover;
        background-color: #000;
        background-position: center;
    }

    .ddrbg0 {
        background-image: url("");
        background-size: cover;
        background-color: #f6f6f6;
        background-position: center center;
    }

    .ddrbg1 {
        background-image: url("");
        background-size: cover;
        background-color: black;
        background-position: center center;
    }

    .ddrbg2 {
        background-image: url("none");
        background-size: cover;
        background-color: black;
        background-position: center center;
    }

    .ddrbg3 {
        background-image: url("");
        background-size: cover;
        background-color: black;
        background-position: top center;
    }

    .ddrbg3a {
        background-image: url("");
        background-size: cover;
        background-color: black;
        background-position: top center;
    }

    .ddrbg4 {
        background-image: url("none");
        background-size: cover;
        background-color: black;
        background-position: center center;
    }

    .ddrbg5 {
        background-image: url("");
        background-size: cover;
        background-color: #1e1e1e;
        background-position: center center;
    }

    .ddrbg6 {
        background-image: url("none");
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg7 {
        background-image: url("none");
        background-size: cover;
        background-color: #ccc8bf;
        background-position: center;
    }

    .ddrbg8 {
        background-image: url(../../../img/CTEC750TG/bg8.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg9 {
        background-image: url(../../../img/CTEC750TG/bg9.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg10 {
        background-image: url(../../../img/CTEC750TG/bg10.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg11 {
        background-image: url(../../../img/CTEC750TG/bg11.jpg);
        background-size: cover;
        background-color: black;
        background-position: center top 16%;
    }

    .ddrbg12 {
        background-image: url(../../../img/CTEC750TG/bg12.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg13 {
        background-image: url(../../../img/CTEC750TG/bg13.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg14 {
        background-image: url(../../../img/CTEC750TG/bg14.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg15 {
        background-image: url(../../../img/CTEC750TG/bg15.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg16 {
        background-image: url(../../../img/CTEC750TG/bg16.jpg);
        background-size: cover;
        background-color: black;
        background-position: center;
    }

    .ddrbg17 {
        background-image: url(../../../img/CTEC750TG/bg17.jpg);
        background-size: cover;
        background-color: black;
        background-position: bottom;
    }

    .ddrbg18 {
        
        background-size: cover;
        background-color: rgb(255, 255, 255);
        background-position: center;
    }

    .layoutCenterfind {
        top: 10%;
        transform: translate(-10%, 10%);
    }

    .bannerLBox_ram {
        width: 33.3333333%;
    }

    .iNewsMask .btn-wrap,
    .iActionBR .btn-wrap {
        text-align: center;
        width: 100%;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    .iNewsMask .btn-wrap,
    .iActionBR .btn-wrap {
        margin-top: unset;
        margin: unset;
        padding: 20px 0;
        font-size: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        -webkit-transform: translateY(75%);
        transform: translateY(75%);
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        background: black;
    }

    .iNewsMask .g-btn,
    .iActionBR .g-btn {
        /* position: relative; */
        display: inline-block;
        width: 100%;
        height: 50px;
        font-size: 24px;
        line-height: 45px;
        text-align: center;
        white-space: nowrap;
        margin: 0;
        padding: 0 20px;
        /* border-style: solid; */
        /* border-width: 1px; */
        font-weight: 600;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-transition: background .22s cubic-bezier(.86, .13, .71, .94) .22s, color .2s cubic-bezier(.86, .13, .71, .94) .22s;
        -o-transition: background .22s cubic-bezier(.86, .13, .71, .94) .22s, color .2s cubic-bezier(.86, .13, .71, .94) .22s;
        -webkit-transition: background .22s cubic-bezier(.86, .13, .71, .94), color .2s cubic-bezier(.86, .13, .71, .94);
        -webkit-transition-delay: .22s, .22s;
        transition: background .22s cubic-bezier(.86, .13, .71, .94) .22s, color .2s cubic-bezier(.86, .13, .71, .94) .22s;
        border-color: #505050;
        background-color: #fff;
        color: #a0a0a0;
    }

    .bannerLBox_ram>a>img {
        transform: scale(1, 1);
        transition: all 1s ease-out;
    }

    .bannerLBox_ram:hover a>img {
        transform: scale(1.2, 1.2);
    }

    .iNewsMask {
        background: none;
    }

    .box1 {
        padding: 32px;
        min-height: 100px;
    }

    .box1txt {
        width: 8%;
        border-bottom: 3px solid #fff;
        margin-bottom: 40px;
    }

    .boxblack {
        box-sizing: border-box;
        padding: 25px;
        background-color: #0000;
        width: 65%;
        min-height: 400px;
        margin: 0 auto;
        display: block;
    }


    .w85 {
        width: 100%;
    }

    .txttt {
        position: absolute;
        bottom: -30px;
        left: 19%;
        width: 500px;
        text-align: center;
    }

    /*-- 輪播 -- */
    ul {
        list-style: none;
    }

    * {
        margin: 0;
        padding: 0;
    }

    #ads,
    #ads2 {
        width: 996px;
        height: 560px;
        margin: 0px auto;
        position: relative;
    }

    #ads img,
    #ads2 img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
    }

    #ads img.show,
    #ads2 img.show {
        display: block;
    }

    #ads ul,
    #ads2 ul {
        position: absolute;
        bottom: 10px;
        left: 40%;
    }

    #ads ul li,
    #ads2 ul li {
        width: 12px;
        height: 12px;
        float: left;
        background: rgba(255, 255, 255, 0.7);
        margin-right: 8px;
        border-radius: 50%;
        cursor: pointer;
    }

    #ads ul li.active,
    #ads2 ul li.active {
        background: #ff0000;
    }

    /*-- 輪播end -- */

    .z-index6_a {

        right: 2%;
        bottom: 2%;
        position: absolute;
        text-align: right;
        z-index: 55;
        opacity: 0.6;
    }

    .z-index6_b {
        right: 30%;
        bottom: 10%;
        position: absolute;
        z-index: 55;
    }

    .z-index6_c {
        left: 4.6%;
        top: 2%;
        position: absolute;
        z-index: 3;
        animation-iteration-count: infinite;

        animation: picOpacity_1 3s;
        -webkit-animation: txtOpacity_1 3ss;
        opacity: 0;
    }

    .z-index7 {
        bottom: 5%;
    }


    @keyframes picOpacity_1 {

        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }

    }




    .z-index3 {
        position: absolute;
        z-index: 3;

    }

    .z-index2 {
        position: absolute;
        z-index: 2;
    }


    .TOUGHLIQUIDUltra .carousel-indicators li {
        margin-left: 4px;
        margin-right: 4px;
        width: 15px;
        height: 15x;
        line-height: 20px;
        color: #000;
    }

    .TOUGHLIQUIDUltra .carousel-indicators .active {
        margin-left: 4px;
        margin-right: 4px;
        width: 22px;
        height: 22px;
        line-height: 20px;
        color: rgb(32, 32, 32);
        background-color: #fff;
    }

    .TOUGHLIQUIDUltra .carousel-indicators li {
        text-indent: 0px;
        border: 2px solid #695b33;
        background-color: rgba(255, 255, 255, 0.425);
        width: 20px;
        height: 20px;
    }


    #intro .play-btn {
        width: 94px;
        height: 94px;
        background: radial-gradient(#f82249 50%, rgba(101, 111, 150, 0.15) 52%);
        border-radius: 50%;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

    #intro .play-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-40%) translateY(-50%);
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    #intro .play-btn:before {
        content: '';
        position: absolute;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate-btn 2s;
        animation: pulsate-btn 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 2px solid rgba(163, 163, 163, 0.4);
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }

    #intro .play-btn:hover::after {
        border-left: 15px solid #f82249;
        -webkit-transform: scale(20);
        transform: scale(20);
    }

    #intro .play-btn:hover::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-40%) translateY(-50%);
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        -webkit-animation: none;
        animation: none;
        border-radius: 0;
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important;
    }

    @-webkit-keyframes pulsate-btn {
        0% {
            -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 0;
        }
    }

    @keyframes pulsate-btn {
        0% {
            -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            opacity: 0;
        }
    }


    .w70 {
        width: 70%;
    }

    .posre {
        position: relative;
    }

    .effbtn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 14px 19px;
        display: inline-block;
        margin: 7px 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        transform: translate(0%, 0%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #ff3d3d00;
        border-radius: 4.2px;
        border: 2px solid #fff;
    }

    a:visited,
    .alink:visited {
        color: #ffffff;
        text-decoration: none;
    }

    .effbtn:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }


    .effbtn-1 {
        /* border: 3px solid #fff; */
        color: #fff;
    }

    .effbtn-1f:after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .effbtn-1f {
        overflow: hidden;
    }

    .effbtn-1f:after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .effbtn-1f:hover,
    .effbtn-1f:active {
        color: #cd0e0e;
    }

    .effbtn-1f:hover:after {
        height: 75%;
        opacity: 1;
    }

    .effbtn-1f:active:after {
        height: 130%;
        opacity: 1;
    }

    .boxSoftware {
        display: inline-block;
        margin: 0 auto;
        width: 800px;
    }



    .layoutCenter {
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 4 !important;
    }

    .layoutCenter20 {
        top: 15% !important;
    }

    .z-index2 {
        z-index: 2;
        position: absolute;
    }

    #NUMBER {
        position: relative;
        width: 350px;
        margin: 0 auto;
        overflow: hidden;
    }

    #NUMBER ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 800px;
        margin: 0 auto;
        padding-top: 10px;
    }

    #NUMBER li {
        position: relative;
        cursor: pointer;
        float: left;
        display: block;
        width: 45px;
        height: 45px;

        text-indent: -9999px;
        white-space: nowrap;
        line-height: 0;
        text-align: center;
        border: 1px solid #777;
        margin-right: 5px;
        border-radius: 45px;
        overflow: hidden;


    }

    #NUMBER li div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    #NUMBER li.NOW {
        color: #fff;

    }

    #NUMBER li.NOW div {
        background-color: rgb(182, 93, 255);

    }

    #NUMBER li:nth-child(1).NOW div {
        background-color: rgb(8, 13, 80);
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,fce300+25,00ff19+48,2600ff+73,ff3afb+100 */
        background: #ff0000;
        /* Old browsers */
        background: -moz-linear-gradient(left, #ff0000 0%, #fce300 25%, #00ff19 48%, #2600ff 73%, #ff3afb 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ff0000 0%, #fce300 25%, #00ff19 48%, #2600ff 73%, #ff3afb 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ff0000 0%, #fce300 25%, #00ff19 48%, #2600ff 73%, #ff3afb 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff3afb', GradientType=1);
        /* IE6-9 */
    }

    #NUMBER li:nth-child(2).NOW div {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32ff54+0,ffdb28+52,ff0000+100 */
        background: #32ff54;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #32ff54 0%, #ffdb28 52%, #ff0000 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #32ff54 0%, #ffdb28 52%, #ff0000 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #32ff54 0%, #ffdb28 52%, #ff0000 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32ff54', endColorstr='#ff0000', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    #NUMBER li:nth-child(3).NOW div {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c32dd+1,a31fc4+53,ff0000+100 */
        background: #2c32dd;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #2c32dd 1%, #a31fc4 53%, #ff0000 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #2c32dd 1%, #a31fc4 53%, #ff0000 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #2c32dd 1%, #a31fc4 53%, #ff0000 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c32dd', endColorstr='#ff0000', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    #NUMBER li:nth-child(4).NOW div {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,fcee28+30,40d32a+100 */
        background: #ff0000;
        /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%, #fcee28 30%, #40d32a 100%);
        /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%, #fcee28 30%, #40d32a 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ff0000 0%, #fcee28 30%, #40d32a 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#40d32a', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    #NUMBER li:nth-child(5).NOW div {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,d62aa8+100 */
        background: #ff0000;
        /* Old browsers */
        background: -moz-linear-gradient(left, #ff0000 0%, #d62aa8 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ff0000 0%, #d62aa8 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ff0000 0%, #d62aa8 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d62aa8', GradientType=1);
        /* IE6-9 */
    }

    .lightMode>.nav>li>a {
        font-size: 15px;
        color: #ccc;
    }

    .lightMode>.nav>li {
        margin: 2px;
    }

    .lightMode>.nav-pills>li.active>a,
    .lightMode>.nav-pills>li.active>a:focus,
    .lightMode>.nav-pills>li.active>a:hover {
        color: #ff0000;
        background-color: #0000;
        font-size: 13px;
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        color: #ff0000;
        background-color: #0000;
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover {
        color: #ff0000;
        background-color: #0000;
    }

    .threelightMode {
        position: relative;
        width: 800px;
        margin: 0 auto;
        padding-bottom: 4%;
        padding-top: 30px;
    }

    .nav>li {
        position: revert;
    }

    .nav-pills>li {
        float: none;
    }

    .twolightMode>.nav>li>a,
    .threelightMode>.nav>li>a {

        /* color: rgb(70, 70, 70);
            background-color: #fff;
            border: 1px solid rgb(70, 70, 70);
            margin-right: 5px;
            margin-top: 5px; */
    }

    .threelightMode>.nav>li>.aa01,
    .threelightMode>.nav>li.active>.aa01 {
        position: absolute;
        left: 46%;
        top: 4%;
    }

    .threelightMode>.nav>li>.aa02 {
        position: absolute;
        left: 39%;
        top: 17%;
    }

    .threelightMode>.nav>li>.aa03 {
        position: absolute;
        left: 65%;
        top: 30%;
    }

    .threelightMode>.nav>li>.aa04 {
        position: absolute;
        left: 47%;
        top: 57%;
    }

    .threelightMode>.nav>li>.aa05 {
        position: absolute;
        left: 65%;
        top: 76%;
    }

    .twolightMode>.nav-pills>li.active>a,
    .twolightMode>.nav-pills>li.active>a:focus,
    .twolightMode>.nav-pills>li.active>a:hover,
    .threelightMode>.nav-pills>li.active>a,
    .threelightMode>.nav-pills>li.active>a:focus,
    .threelightMode>.nav-pills>li.active>a:hover {
        /* color: #fff;
            background-color: #ff0000; */

    }

    .twolightMode>.nav>li>a:hover,
    .threelightMode>.nav>li>a:hover>.point {
        background-color: #ff0;
        /*
            color: #ff0000;
            background-color: #ff0000;
            border: 1px solid rgb(141, 141, 141);
            margin-right: 5px; */
    }

    .lightMode {
        display: block;
        width: 280px;
        margin: 0 auto;
        padding-top: 15px;
        /* border: 2px #fff solid; */
        padding: 13px;
    }

    .lightMode2 {
        display: block;
        width: 635px;
        margin: 0 auto;
        padding-top: 15px;
    }

    .lightalltxt {
        top: 0%;
        z-index: 9;
    }

    /**/
    .nav-tabs {
        border-bottom: 0px solid #ddd;
        width: 450px;
        margin: 0 auto;
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 4px 4px;
        color: #fff;
    }


    .nav>li>a {
        padding: 10px 10px;
        border: 1px solid #fff;
        margin-left: 35px;
    }

    .linebox {
        display: block;
        width: 660px;
        min-height: 120px;
        margin: 0 auto;
        border: 2px #1f1f1f solid;
        padding: 16px;
    }

    .point {
        width: 18px;
        height: 18px;
        background-color: rgba(255, 255, 255, 0.8);
        position: relative;
        border-radius: 50%;
    }

    /* 设置动画前颜色 */
    .point-flicker:after {
        background-color: #fff;
    }

    /* 设置动画后颜色 */
    .point-flicker:before {
        background-color: rgba(255, 255, 255, 0.2);
    }

    /* 设置动画 */
    .point-flicker:before,
    .point-flicker:after {
        content: '';
        width: 80px;
        height: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        border-radius: 50%;
        /* CSS3 animation 属性 网址 */
        /* https://www.w3school.com.cn/cssref/pr_animation.asp */
        animation: warn 1.5s ease-out 0s infinite;
    }


    @keyframes warn {
        0% {
            transform: scale(0.5);
            opacity: 0.1;
        }

        30% {
            opacity: 0.1;
        }

        100% {
            transform: scale(1.4);
            opacity: 0;
        }
    }



    .line01 {
        display: block;
        width: 0%;
        height: 1px;
        background-color: #ccc;
    }

    .w785 {
        width: 785px;
        margin: 0 auto;
        position: relative;
    }

    .line02txt {
        opacity: 0;
        animation: txtOpacity_0 3s;
        -webkit-animation: txtOpacity_0 3s;
    }

    .line02txta {
        opacity: 1;
        animation: txtOpacity_1 3s;
        -webkit-animation: txtOpacity_1 3s;
    }

    .line03txt {
        opacity: 0;
        animation: txtOpacity_0 3s;
        -webkit-animation: txtOpacity_0 3s;
    }

    .line03txta {
        opacity: 1;
        animation: txtOpacity_1 3s;
        -webkit-animation: txtOpacity_1 3s;
    }

    .line04txt {
        opacity: 0;
        animation: txtOpacity_0 3s;
        -webkit-animation: txtOpacity_0 3s;
    }

    .line04txta {
        opacity: 1;
        animation: txtOpacity_1 3s;
        -webkit-animation: txtOpacity_1 3ss;
    }

    @keyframes txtOpacity_0 {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes txtOpacity_1 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }


    .line02 {
        display: block;
        /* width: 975%; */
        width: 1%;
        height: 1px;
        background-color: #ccc;

        animation: line02bb 2s;
        -webkit-animation: line02bb 2s;
    }

    .line02a {
        display: block;
        /* width: 975%; */
        width: 975%;
        height: 1px;
        background-color: #ccc;

        animation: line02b 2s;
        -webkit-animation: line02b 2s;
    }

    @keyframes line02b {
        from {
            width: 20%;
        }

        to {
            width: 975%;
        }
    }

    @keyframes line02bb {
        from {
            width: 975%;
        }

        to {
            width: 20%;
        }
    }



    .line03 {
        display: block;
        /* width: 340%; */
        width: 1%;
        height: 1px;
        background-color: #ccc;

        animation: line03bb 2s;
        -webkit-animation: line03bb 2s;
    }

    .line03a {
        display: block;
        /* width: 340%; */
        width: 340%;
        height: 1px;
        background-color: #ccc;

        animation: line03b 2s;
        -webkit-animation: line03b 2s;
    }

    @keyframes line03b {
        from {
            width: 20%;
        }

        to {
            width: 340%;
        }
    }

    @keyframes line03bb {
        from {
            width: 340%;
        }

        to {
            width: 20%;
        }
    }


    .line04 {
        display: block;
        margin-left: 49%;
        width: 1px;
        /* height: 115px; */
        height: 1px;
        background-color: #ccc;

        animation: line04bb 2s;
        -webkit-animation: line04bb 2s;
    }

    .line04a {
        display: block;
        margin-left: 49%;
        /* height: 115px; */
        height: 115px;
        background-color: #ccc;

        animation: line04b 2s;
        -webkit-animation: line04b 2s;
    }

    @keyframes line04b {
        from {
            height: 1px;
        }

        to {
            height: 115px;
        }
    }

    @keyframes line04bb {
        from {
            height: 115px;
        }

        to {
            height: 1px;
        }
    }


    /* .line04a,
        .line03a,
        .line02a {
            width: 90%;
            animation: chartAA 2s;
            -webkit-animation: chartAA 2s;
        } */

    .bg_colorblack {
        background-color: black;
    }

    .par18 {
        padding-left: 25%;
    }

    .pal18 {
        padding-right: 25%;
    }

    .ccc {
        clear: both;
    }

    .font60 {
        font-size: 70px;
        line-height: 78px;
        font-weight: 600;
    }

    .font45 {
        font-size: 36px !important;
        font-weight: 600;
        letter-spacing: 2px;
    }

    @media (max-width: 992px) {
        .font45 {
            font-size: 22px !important;
        }

    }

    .fontW400 {
        font-weight: 800 !important;
        letter-spacing: 2px;
    }


    .font30 {
        font-size: 28px;
        font-weight: 600;
    }

    .font28 {
        font-size: 24px;
        font-weight: 600;
    }



    .w495 {
        width: 495px;
        padding-top: 100px;
    }

    .text-red {
        color: #ff0000;
    }

    .colorW,
    .ColorW {
        color: #fff;
    }

    .paddtop1 {
        padding-top: 1%;
    }

    .paddtop3 {
        padding-top: 3%;
    }

    .paddtop5 {
        padding-top: 5%;
    }

    .paddtop20 {
        padding-top: 11%;
    }

    .paddtop40 {
        padding-top: 40%;
    }

    .w40 {
        width: 30%;
        text-align: center;
        margin: 0 auto;
    }

    .w42 {
        width: 42%;
        text-align: center;
        margin: 0 auto;
    }

    .w45 {
        width: 40%;
        text-align: center;
        margin: 0 auto;
    }

    .w60 {
        width: 60%;
        margin: 0 auto;
    }

    .w80 {
        width: 85%;
        margin: 0 auto;
    }

    .w95 {
        width: 95%;
        margin: 0 auto;
    }

    .w62 {
        width: 66%;
        text-align: center;
        margin: 0 auto;
    }

    .videoRi {
        position: absolute;
        right: -12%;
        height: 100%;
        width: auto;
    }

    .videoli {
        position: absolute;
        left: 0;
        height: 100%;
        width: auto;
    }

    .bg6blank {
        height: 800px;
        width: 1px;
        display: block;
    }

    .margin-left20 {
        margin-left: 10%;
        padding-top: 10%;
    }

    .logopaddtop10 {
        padding-top: 20px;
    }

    .cherrylogo {
        width: 13%;
    }

    .margin-right20 {
        margin-right: 20px;
    }

    .padding-topA {
        padding-top: 800px;

    }

    .colorW666 {
        color: #fff;
    }

    .colorWB {
        color: #333;
    }

    .max1680 {
        max-width: 1800px;
    }

    .max1680_a {
        max-width: 1680px;
    }


    .rboxing {
        display: block;
        width: 30%;
        min-height: 700px;
        background-color: #f0f8ff00;
        padding: 1%;
    }

    .lboxing {
        display: block;
        width: 86%;
        margin: 0 auto;

        background-color: #f0f8ff00;
        padding: 1%;

    }

    .z-index4a {
        position: absolute;
        z-index: 4;
    }

    .z-index4 {
        z-index: 4;
        position: absolute;
        top: 15%;
        left: -30%;
        opacity: 0;
    }

    .z-index5 {
        z-index: 5;
        position: relative;
        opacity: 0;
    }

    .z-index6 {
        z-index: 6;
        position: absolute !important;
        /* top: 15%; */
        /* left: 30%; */
        text-align: center;
        margin-left: 15%;
    }

    .z-index6-2 {
        z-index: 6;
        position: absolute !important;
        top: 19%;
        /* left: 30%; */
        text-align: center;
        margin-left: 8.5%;
    }

    .z-index6aa {
        z-index: 6;
        position: absolute;
        top: 30%;
        left: 61%;
        text-align: left;
    }

    .z-index6bb {
        z-index: 6;
        position: absolute;
        top: 79%;
        left: 53%;
        text-align: left;
    }


    .z-index6a {
        z-index: 6;
        position: absolute;
        top: 50%;
    }

    .z-index7 {
        z-index: 7;
        position: absolute;
        left: 25%;
    }

    .z-index7pic {
        position: absolute;
        left: 30%;
        z-index: 8;
    }

    .z-index7pica {
        position: relative;
    }

    .z-index7txt1 {
        z-index: 10;
        position: absolute;
        top: 13%;
        left: 31%;
    }

    .z-index7txt2 {
        z-index: 10;
        position: absolute;
        top: 71%;
        left: 0%;
    }

    .z-index7txt3 {
        z-index: 10;
        position: absolute;
        top: 68%;
        left: 83%;
    }

    .z-index7txt4 {
        z-index: 10;
        position: absolute;
        top: 68%;
        left: 64%;
    }

    .z-index8 {
        z-index: 15;
        position: absolute;

    }



    .box333 {
        box-sizing: border-box;
        padding: 25px;
        background-color: #0008;
        width: 85%;
        margin: 0 auto;
        display: block;
        z-index: 6;
        position: absolute;
        top: 6466%;
        left: 15%;
    }

    .hh500 {
        min-height: 400px;
    }

    /* .boxa4{
                        display: none;
                }
                .boxa3{
                display: none;
                }
                .boxa2{
                display: none;
                }
                .boxa1{
                display: none;
                } */

    .lightPoint1 {
        left: 10%;
        top: 0%;
        opacity: 0;
    }

    .lightPoint2 {
        left: 10%;
        top: 0%;
        opacity: 0;
    }

    .lightPoint3 {
        left: 10%;
        top: 0%;
        opacity: 0;
    }

    .lightPoint4 {
        left: 10%;
        top: 0%;
        opacity: 0;
    }

    .right00 {
        right: -12%
    }


    .lineAA {
        /* width: 0%; */
        animation: lineAA 2s;
        -webkit-animation: lineAA 2s;
        /* Safari and Chrome */
    }

    @keyframes lineAA {
        from {
            width: 0%;
        }

        to {
            width: 559%;
        }
    }

    .chartA,
    .chartB,
    .chartC,
    .chartD {
        display: block;
        height: 80px;
        background-color: #327993;
        position: relative;
        box-shadow: -2px 1px 48px rgba(112, 112, 255, 0.5);
    }

    .chartTxt {
        line-height: 80px;
        text-align: right;
        padding-right: 5px;
        color: #fff;
        font-size: 20px;
    }

    .chartA:after,
    .chartB:after,
    .chartC:after,
    .chartD:after {
        content: "";
        display: block;
        width: 400px;
        height: 80px;
        background: rgb(167, 167, 167);
        position: absolute;
        z-index: 2;
        opacity: 0.1;
        top: 0px;

    }

    .chartA {
        width: 90%;
        animation: chartA 2s;
        -webkit-animation: chartA 2s;
    }

    .chartB {
        width: 40%;
        animation: chartB 2s;
        -webkit-animation: chartB 2s;
    }

    .chartC {
        width: 70%;
        animation: chartC 2s;
        -webkit-animation: chartC 2s;
    }

    .chartD {
        width: 30%;
        animation: chartD 2s;
        -webkit-animation: chartD 2s;
    }

    .chartAA {
        animation: chartAA 2s;
        -webkit-animation: chartAA 2s;
        /* Safari and Chrome */
    }

    @keyframes chartAA {
        from {
            width: 20%;
        }

        to {
            width: 90%;
        }
    }

    @keyframes chartA {
        from {
            width: 90%;
        }

        to {
            width: 20%;
        }
    }


    .chartBB {
        animation: chartBB 2s;
        -webkit-animation: chartBB 2s;
        /* Safari and Chrome */
    }

    @keyframes chartBB {
        from {
            width: 20%;
        }

        to {
            width: 40%;
        }
    }

    @keyframes chartB {
        from {
            width: 40%;
        }

        to {
            width: 20%;
        }
    }

    .chartCC {
        animation: chartCC 2s;
        -webkit-animation: chartCC 2s;
        /* Safari and Chrome */
    }

    @keyframes chartCC {
        from {
            width: 20%;
        }

        to {
            width: 70%;
        }
    }

    @keyframes chartC {
        from {
            width: 70%;
        }

        to {
            width: 20%;
        }
    }




    .chartDD {
        animation: chartDD 2s;
        -webkit-animation: chartDD 2s;
        /* Safari and Chrome */
    }

    @keyframes chartDD {
        from {
            width: 20%;
        }

        to {
            width: 30%;
        }
    }

    @keyframes chartD {
        from {
            width: 30%;
        }

        to {
            width: 20%;
        }
    }


    .enter {

        animation: enter2 1s;
        -webkit-animation: enter2 1s;

    }


    @keyframes enter {
        from {
            RIGHT: -30%;
            opacity: 0.1;
        }

        to {
            RIGHT: 4%;
            opacity: 1;
        }
    }


    @media (min-width: 1920px) {

        .max1680 {
            max-width: 1920px;
        }



        .ccbbg1,
        .ccbbg2,
        .ccbbg3,
        .ccbbg4,
        .ccbbg7,
        .ccbbg8,
        .ccbbg9,
        .ccbbg10 {
            position: relative;
            min-height: 850px;
        }


        .ccbbg1 {
            min-height: 1080px;
        }


        .z-index6_c {
            left: 11%;
        }

        .carousel-indicators {
            bottom: 20px;
        }

        .ccbbg6 {
            min-height: 1100px;
        }

        .w80 {
            width: 74%;
        }

        .videoRi {
            right: 0%;
        }

        .right00 {
            right: -13%
        }

        .z-index7 {
            bottom: 10%;
        }

    }

    @media (min-width: 2560px) {
        .max1680 {
            max-width: 1920px !important;
        }

        .w80 {
            width: 74% !important;
        }
    }


    @media (max-width: 1919px) {

        #ads,
        #ads2 {
            width: 691px;
            height: 413px;
            margin: 0px auto;
            position: relative;
            /* padding-top: 60px; */
        }

        .txttt {
            position: absolute;
            width: 450px;
            left: 10%;
        }

    }

    @media (max-width: 1366px) {
        .videoRi {
            position: absolute;
            right: -27%;
            width: auto;
        }


        #ads,
        #ads2 {
            width: 691px;
            height: 413px;
            margin: 0px auto;
            position: relative;
            /* padding-top: 60px; */
        }

        .txttt {
            position: absolute;
            width: 450px;
            left: 10%;
        }

        .carousel-indicators {
            bottom: 0px;
        }

    }

    @media (max-width: 1320px) {

        #ads,
        #ads2 {
            width: 450px;
            height: 283px;
            margin: 0px auto;
            position: relative;
            /* padding-top: 60px; */
        }

        .txttt {
            position: absolute;
            width: 450px;
            left: -1%;
        }



    }

    @media (max-width: 992px) {

        .carousel-indicators {
            width: 100%;
            left: 30%;
            bottom: 0px !important;
        }

        .TOUGHLIQUIDUltra .carousel-indicators li,
        .TOUGHLIQUIDUltra .carousel-indicators li.active {
            width: 20px;
            height: 20px;

        }

        .boxpic2 {
            top: 15%;
        }

        .bannerLBox_ram {
            width: 100%;
        }


        .colorWB {
            color: #333;
        }

        .pich900 {
            max-height: 350px;
        }

        .carousel-indicators {}

        .w1490 {
            max-width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .z-index6 {
            z-index: 6;
            position: absolute;
            top: 15%;
            left: 0%;
            text-align: center;
        }

        .z-index6_a {

            right: 5%;
            bottom: 2%;
            position: absolute;
            text-align: right;
            z-index: 55;
            opacity: 0.6;
        }

        .z-index6_c {
            left: 0%;
            top: 0%;
        }

        .z-index6aa,
        .z-index6bb {
            left: 0;
        }


        .linebox {
            display: block;
            width: 460px;
            margin: 0 auto;
            border: 2px #1f1f1f solid;
            padding: 16px;
        }

        .threelightMode {
            width: 600px;
        }

        .box333 {
            box-sizing: border-box;
            padding: 25px;
            background-color: #0008;
            width: 85%;
            margin: 0 auto;
            display: block;
            z-index: 6;
            position: absolute;
            top: 75%;
            left: 8%;
        }


        .w785 {
            width: 100%;
            margin: 0 auto;
        }

        /* .line02txt,
            .line03txt,
            .line04txt {
                opacity: 1;
            } */

        #ads {
            width: 450px;
            height: 253px;
            margin: 0px auto;
            position: relative;
        }

        #ads ul {
            position: absolute;
            bottom: -15px;
            left: 38%;
        }

        .txttt {
            position: absolute;
            bottom: -40px;
            left: 0%;
            width: 450px;
            text-align: center;

        }

        .tab-content {
            padding: 50px;
        }

        .videoRi {
            position: relative;
            right: 0;
            height: auto;
            width: 100%;
        }

        .videoli {
            position: relative;
            left: 0;
            height: auto;
            width: 100%;
        }

        .ddrbg0 {}

        .ddrbg1 {
            background-image: none;
            background-size: 0px;
        }

        .ddrbg2 {
            /* background-image: none;*/
            background-position: left top;


        }



        .ddrbg3a {
            background-image: none;
            background-size: 0px;
        }

        .ddrbg4 {
            background-image: none;
            background-size: 0px;
        }

        .ddrbg5 {
            background-image: none;
            background-size: 0px;
        }

        .ddrbg6 {
            background-image: none;
            background-size: 0px;
        }

        .ddrbg11 {
            min-height: 800px !important;
            background-position: top right -5px;
        }


        .casebg1 {
            background-image: none;
            background-size: 0px;
        }

        .rboxing {

            width: 100%;
        }

        .lboxing {

            width: 100%;
            padding: 7%;

        }


        .par18 {
            padding-left: 0%;
        }

        .pal18 {
            padding-right: 0%;
        }

        .z-index4 {
            z-index: 4;
            position: relative;
            top: 0%;
            left: 0%;
            opacity: 1;
        }

        .z-index5 {
            z-index: 5;
            position: relative;
            top: 0%;
            RIGHT: 0%;
            opacity: 1;
        }

        .z-index7txt {
            z-index: 10;
            position: absolute;
            left: 2%;
        }



        .z-index7pic {
            position: relative;
            left: 0%;
            z-index: 8;
        }


        .chartA:after,
        .chartB:after,
        .chartC:after,
        .chartD:after {
            content: "";
            display: block;
            width: 100%;

        }

        .lightalltxt {
            top: 30%;
            z-index: 9;
        }

        .colorW666 {
            color: #666;
        }

        .picm {
            display: block;
        }

        .picm2 {
            display: none;
        }

        .w40 {
            width: 85%;
        }

        .w60 {
            width: 85%;
        }

        .w45 {
            width: 80%;

        }

        .layoutCenter {
            position: relative;
            top: 0%;
            transform: translate(0%, 0%);
            padding-top: 20px;
            padding-bottom: 20px;
            z-index: 555;
        }

        .layoutCenterfind {
            top: 0%;
            transform: translate(0%, 0%);
        }

        .ccbbg1,
        .ccbbg2,
        .ccbbg3,
        .ccbbg4,
        .ccbbg5,
        .ccbbg6,
        .ccbbg7,
        .ccbbg8,
        .ccbbg9,
        .ccbbg10 {

            min-height: auto;
        }

        .ccbbg1 {
            position: relative;
            min-height: 250px;
        }

        .ccbbg4 {
            position: relative;
            min-height: 820px;

        }

        .ccbbg7 {
            position: relative;
            min-height: 920px;

        }


        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            padding-right: 0px;
            padding-left: 0px;

        }

        .bg_black_ {
            background-color: black;
            padding-top: 0px;
            overflow: hidden;
            font-family: 'Roboto', sans-serif !important;
        }

        .pich900 {
            max-height: auto;
        }

        .layoutCenter5 {
            position: relative;
            top: 0%;
            transform: translate(0%, 0%);
            padding-top: 20px;
            padding-bottom: 20px;
            z-index: 555;
        }

        .lightMode {
            display: block;
            width: 280px;
            margin: 0 auto;
            padding-top: 15px;
        }

        .lightMode2 {
            width: 640px;
        }

        .prl0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        @media (max-width: 640px) {
            .lightMode2 {
                width: 80%;
            }
        }
    }

    @media (max-width: 480px) {

        .nav-tabs {
            border-bottom: 0px solid #ddd;
            width: 300px;
            margin: 0 auto;
        }

        .nav-tabs>li {
            float: none;
            margin-bottom: -1px;
        }

        #ads,
        #ads2 {
            width: 300px;
            height: 153px;
            margin: 0px auto;
            position: relative;
        }

        #ads ul,
        #ads2 ul {
            position: absolute;
            bottom: -43px;
            left: 31%;
        }

        .txttt {
            position: absolute;
            bottom: -60px;
            left: 0%;
            width: 100%;
            text-align: center;
        }

    }




    .right0 {
        right: 0;
    }

    .left0 {
        left: 0%;
    }

    .right00 {
        right: 0%
    }

    .bg_black_ {
        background-color: black;

    }

    #footer>table {
        margin: 0 auto;
    }

    .w350 {
        width: 400px;
    }

    .ileft {
        text-align: left;
    }

    .iright {
        text-align: right;
    }

    .floatL {
        float: left;
    }

    .floatR {
        float: right;
    }

    .txt110 {
        font-size: 240px;
        padding: 11px 27px;
        margin: 9px;
    }

    .prl0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .txt110a {
        font-size: 91px;
        line-height: 80px;
        padding-right: 8px;
        background: linear-gradient(to right, rgb(255, 230, 0), rgb(255, 255, 255));
        -webkit-background-clip: text;
        color: transparent;
        background-size: 800% 800%;
        -webkit-animation: AnimationName2 4s ease infinite;
        -moz-animation: AnimationName2 4s ease infinite;
        animation: AnimationName2 4s ease infinite;

    }

    @-webkit-keyframes AnimationName2 {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-moz-keyframes AnimationName2 {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes AnimationName2 {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }


    .li110 {
        line-height: 50px;

    }



    .txt110 {
        color: #fff;
        /* height: 176px; */
        background: linear-gradient(270deg, #28e0b0, #c328e0, #ff9b00, #e0286b) center / cover;
        background-size: 800% 800%;
        -webkit-animation: AnimationName 5s ease infinite;
        -moz-animation: AnimationName 5s ease infinite;
        animation: AnimationName 5s ease infinite;
    }

    @-webkit-keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-moz-keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    .effect3 {

        animation: light03 2s;
        -moz-animation: light03 2s;
        -webkit-animation: light03 2s;
        -o-animation: light03 2s;
        animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
    }

    @keyframes light03 {
        0% {
            opacity: 0.1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-moz-keyframes light03
    /* Firefox */

        {
        0% {
            opacity: 0.1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-webkit-keyframes light03
    /* Safari and Chrome */

        {
        0% {
            opacity: 0.1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-o-keyframes light03
    /* Opera */

        {
        0% {
            opacity: 0.1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    .effect4 {

        animation: light04 3s;
        -moz-animation: light04 3s;
        -webkit-animation: light04 3s;
        -o-animation: light04 3s;
        animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
    }

    @keyframes light04 {
        0% {
            opacity: 0.1;
        }

        40% {
            opacity: 1;
        }

        60% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-moz-keyframes light04 {
        /* Firefox */

        0% {
            opacity: 0.1;
        }

        40% {
            opacity: 1;
        }

        60% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-webkit-keyframes light04
    /* Safari and Chrome */

        {
        0% {
            opacity: 0.1;
        }

        40% {
            opacity: 1;
        }

        60% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-o-keyframes light04
    /* Opera */

        {
        0% {
            opacity: 0.1;
        }

        40% {
            opacity: 1;
        }

        60% {
            opacity: 1;
        }

        100% {
            opacity: 0.1;
        }
    }


    .effect5 {

        animation: light05 3s;
        -moz-animation: light05 3s;
        -webkit-animation: light05 3s;
        -o-animation: light05 3s;
        animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
    }

    @keyframes light05 {
        0% {
            opacity: 1;
        }

        40% {
            opacity: 0.1;
        }

        60% {
            opacity: 0.1;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes light05 {
        /* Firefox */

        0% {
            opacity: 1;
        }

        40% {
            opacity: 0.1;
        }

        60% {
            opacity: 0.1;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes light05
    /* Safari and Chrome */

        {
        0% {
            opacity: 1;
        }

        40% {
            opacity: 0.1;
        }

        60% {
            opacity: 0.1;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes light05
    /* Opera */

        {
        0% {
            opacity: 1;
        }

        40% {
            opacity: 0.1;
        }

        60% {
            opacity: 0.1;
        }

        100% {
            opacity: 1;
        }
    }

    .hover {
        position: relative;
    }

    .hover img {
        position: absolute;
        /* CSS3淡出淡入效果,1秒 */
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
    }

    .hover img:nth-of-type(2):hover {
        opacity: 0;
        /*滑鼠滑入時，透明度變0*/
    }

    .nav>li>a {
        padding: 10px 10px;
    }

    .blackbox {
        background-color: #00000000;
        padding: 25px 0;
        width: 70%;
    }

    .blackbox80 {
        background-color: #8d8d8da6;
        padding: 25px 0;
        width: 85%;
    }

    .padding4 {
        padding: 0.5%;
    }

    .padding-top3 {
        padding-top: 2%;
    }

    .padding-top5 {
        padding-top: 4%;
    }

    .padding-bot5 {
        padding-bottom: 4%;
    }

    @media (max-width: 992px) {
        .blackbox {
            padding: 3%;
            width: 80%;
            margin: 0 auto;
        }

        .blackbox80 {
            background-color: #8d8d8d00;
        }

        .z-index6 {
            top: 3%;
            margin-left: 0%;
            position: relative !important;
        }

        .z-index6-2 {
            position: relative !important;
        }

        .padding4 {
            padding: 4%;
        }

        .padding-top3 {
            padding-top: 6%;
        }

    }




    .boxPic1 {}

    .boxPic2 {
        opacity: 0;
    }

    .layoutCenter2 {
        position: absolute !important;
        top: 50%;
        transform: translate(0%, -50%);
        padding-top: 0px;
        padding-bottom: 0px;
        z-index: 3;
    }

    @media (max-width: 992px) {

        .layoutCenter2 {
            position: absolute !important;
            top: 0%;
            transform: translate(0%, 0%);
            padding-top: 20px;
            padding-bottom: 20px;
            z-index: 555;
        }

        .boxPic1 {
            transform: translate(0%, 90%);
        }

        .boxPic2 {
            transform: translate(0%, 90%);
        }

    }

    .blackbox.z-index7 {
        padding: 18px;
        color: #fff;
        width: 60%;
    }

    .BlackContact,
    .BlackContact2 {
        list-style: none;
    }

    .BlackContact li,
    .BlackContact2 li {
        width: 33.333%;
        float: left;
        line-height: 40px;
        border-right: 1px solid #919191;
    }

    .BlackContact2 li {
        width: 49%;
    }

    .BlackContact li.font45,
    .BlackContact2 li.font45 {
        padding-bottom: 0px;
    }

    .BlackContact li:last-child,
    .BlackContact2 li:last-child {
        border-right: 0px solid #919191;
    }

    @media (max-width: 992px) {
        .blackbox.z-index7 {
            width: 80%;
        }

        .z-index7 {
            left: 50%;
            right: 50%;
            margin-left: -40%;
            bottom: 10%;
        }


    }

    .ccc {
        clear: both;
    }

    /*下載機制*/
    #loading {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    /* 新增以下樣式 */
    .loading {
        overflow: hidden;
    }

    body {
        position: fixed;
    }

    .loader {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        border: 3px solid;
        border-color: #FFF #FFF transparent transparent;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }

    .loader::after,
    .loader::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;

        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader::before {
        width: 32px;
        height: 32px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation 1.5s linear infinite;
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes rotationBack {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(-360deg);
        }
    }



    .picm {
        display: none !important;
    }

    .picm2 {
        display: block !important;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        WIDTH: 100%;
    }

    @media (max-width: 992px) {
        .picm {
            display: block !important;
        }

        .picm2 {
            display: none !important;
        }


    }

    .boxstxt {
        position: absolute;
        left: 2%;
        top: 4%;
        z-index: 55;
        border: 3px solid #fff !important;
        padding: 10px;
        padding: 5px;
        color: #fff;
        display: block;
        width: 200px;
        line-height: 24px;
    }



    /*添加淡入淡出的css*/
    .LCDDisplay.carousel-fade .carousel-inner .item,
    .cuLCDDisplay.carousel-fade .carousel-inner .item,
    .CPUMonitoring.carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -ms-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
    }

    .LCDDisplay.carousel-fade .carousel-inner .active,
    .cuLCDDisplay.carousel-fade .carousel-inner .active,
    .CPUMonitoring.carousel-fade .carousel-inner .active {
        opacity: 1;
    }

    .LCDDisplay.carousel-fade .carousel-inner .active.left,
    .LCDDisplay.carousel-fade .carousel-inner .active.right,
    .LCDDisplay.carousel-fade .carousel-inner .active.left,
    .LCDDisplay.carousel-fade .carousel-inner .active.right,
    .CPUMonitoring.carousel-fade .carousel-inner .active.left,
    .CPUMonitoring.carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
    }

    .LCDDisplay.carousel-fade .carousel-inner .next.left,
    .LCDDisplay.carousel-fade .carousel-inner .prev.right,
    .LCDDisplay.carousel-fade .carousel-inner .next.left,
    .LCDDisplay.carousel-fade .carousel-inner .prev.right,
    .CPUMonitoring.carousel-fade .carousel-inner .next.left,
    .CPUMonitoring.carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }



    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings' !important;
        src: url(https://www.thermaltake.com/../../../css/font/glyphicons-halflings-regular.eot) !important;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphicon-chevron-left:before {
        content: "\e079";
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        top: 50% !important;
    }

    .carousel-control.right,
    .carousel-control.left {
        z-index: 99;

    }

    @media screen and (min-width: 768px) {

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -70px !important;
            ;
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -70px !important;
            ;
        }

    }



    .colorY {
        color: #fce300;
    }

    .font36 {
        font-size: 68px;
        letter-spacing: 1px;
    }

    .font37 {
        font-size: 31px;
        font-weight: 400;
        letter-spacing: 7px !important;
    }

    .airflow {
        position: absolute;
        Z-INDEX: 444 !important;
    }

    .airflow2 {
        transform: translate(20%, -50%) !important;
    }

    .airflow3 {
        transform: translate(0%, -50%) !important;
    }


    .txtReference {
        position: absolute;
        right: 0%;
        width: 100%;
        text-align: right !important;
        bottom: 0%;
        z-index: 55688;
        padding-right: 2%;
    }

    .txtReference1 {
        transform: translate(0%, 1256%);
    }


    .airflowtxt {
        bottom: 5%;
        padding-right: 21%;
    }

    .font-weight200 {
        font-weight: 200;
    }

    .font50 {
        font-size: 50px;
        font-weight: 600;
    }
    @media (max-width: 1366px) {
        .font36 {
            font-size: 36px;
        }

        .font37 {
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 5px !important;
        }
        .font50 {
            font-size: 36px;
            font-weight: 600;
        }
        .airflow > .font45{
                padding-bottom: 0px;
        }
        

    }

    @media (max-width: 992px) {

        .font36 {
            font-size: 36px;
        }

        .font37 {
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 5px !important;
        }

        .font45 .fontW400 .icenter {
            text-align: left;
            width: 85%;
        }

        .airflow {
            position: relative;
        }

        .airflow2 {
            transform: translate(0%, 0%) !important;
        }

        .txtReference {
            padding-right: 3%;
            bottom: 0;
            font-size: 12px !important;
        }

        .txtReference1 {
            transform: translate(-1%, 0%);
            font-size: 12px !important;
        }

        .font50 {
            font-size: 20px;
            font-weight: 600;
        }

    }



    #mySupp3642 .carousel-indicators{
        bottom: -10px;
        z-index: 9999999;
    }
    


    .table-center1 {
        display: flex;
        justify-content: center;
        padding: 2% 0 5% 0;
    }

    .pt65 {
        padding-top: 65%;
    }

    .Idlechart {
        margin-left: 10%;
    }

    @media (min-width: 1920px) {
        .Idlechart {
            margin-left: 17%;
        }
    }



    .myHighEndE .carousel-indicators li.active {
        width: 24%;
        height: 70px;
        line-height: 30px;
        color: #fff;
        background-color: #747474;
        border: 3px solid #747474;
    }

    .myHighEndE .carousel-indicators li {
        text-indent: 0px;
        border: 0px solid #695b33;
        color: #000;
        background-color: #fff;
        width: 24%;
        height: 70px;
        line-height: 25px;
        font-size: 20px;
        transition: 0.7s;
        border: 3px solid #747474;
        margin: 0 30px;
        padding: 3px;
        border-radius: 100px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .myHighEndE .carousel-indicators li:nth-child(3),
    .myHighEndE .carousel-indicators li:nth-child(1),
    .myHighEndE .carousel-indicators li:nth-child(2) {
        line-height: 60px;
    }

    .myHighEndE .carousel-indicators li:nth-child(1) {

        border-right: 0px solid #747474;
    }


    .myHighEndE .carousel-indicators li:nth-child(3) {
        border-left: 0px solid #747474;
    }

    .myHighEndE .carousel-indicators {
        position: absolute;
        top: 4%;
        left: 0%;
        z-index: 15;
        margin-left: 0%;
        width: 100%;
        height: 40px;
        text-align: center;
        list-style: none;
        display: flex;
    }


    @media (max-width: 992px) {
        .myHighEndE .carousel-indicators {
            position: relative;
            padding-top: 40px;
            width: 80%;
            height: 280px;
            margin: 0 auto;
            display: block;
            top: 0%;
            left: 0%;
            margin-left: 1%;

        }

        .myHighEndE .carousel-indicators li,
        .myHighEndE .carousel-indicators li.active {
            width: 100%;
            height: 60px;
            font-size: 17px;
        }



        .ccbbg4 {
            min-height: 380px;
        }

    }



    .RadiatorCapacitymenu {
        position: absolute;
        z-index: 999;
        display: block;
        width: 600px;
        height: 40px;
        line-height: 40px;
        margin-left: -300px;
        top: 14%;
        left: 50%;
        cursor: pointer;
    }

    .RadiatorCapacitymenu ul li {
        float: left;
        width: 16%;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        color: #fff;
        border-right: 1px solid #ccc;
        cursor: pointer;
    }

    .RadiatorCapacitymenu ul li:last-child {
        border-right: 0px solid #ccc;
    }

    .RadiatorCapacity ul li {
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        font-size: 17px;
        line-height: 24px;
        color: #fff;
        width: 200px;
        height: 200px;


        background-color: #c1f5c700;
    }

    /*Top*/
    .RadiatorCapacity ul li:nth-child(1) {
        top: 22%;
        left: 38%;
        width: 25%;
        height: 0.8%;
        display: flex;
        flex-direction: row;
        transform: rotatey(180deg);
    }

    /*font*/
    .RadiatorCapacity ul li:nth-child(2) {
        top: 33%;
        left: 66%;
        width: 0.5%;
        height: 50%;
        display: flex;
        flex-direction: column;
    }

    /*bot*/
    .RadiatorCapacity ul li:nth-child(3) {
        top: 90%;
        left: 38%;
        /* width: 25%; */
        width: 25%;
        height: 0.8%;
        display: flex;
        flex-direction: row;
        transform: rotatey(180deg);
    }

    /*Rear*/
    .RadiatorCapacity ul li:nth-child(4) {
        top: 33%;
        left: 33%;
        width: 0.5%;
        height: 50%;
    }

    /*Side*/
    .RadiatorCapacity ul li:nth-child(5) {
        top: 34%;
        left: 55%;
        width: 6.5%;
        height: 49%;
    }

    /*120mm*/
    .Radiator120 .RadiatorTop .line,
    .Radiator120 .RadiatorFront .line,
    .Radiator120 .RadiatorBot .line,
    .Radiator120 .RadiatorRear .line,
    .Radiator120 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(1) {
        background-color: #f72585;
        transition: 1s;

    }

    .Radiator120 .RadiatorTop .line {
        width: 28%;
        /**/
        height: 70%;
        margin-right: 10px;

    }

    .Radiator120 .RadiatorFront .line {
        width: 37%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    .Radiator120 .RadiatorBot .line {
        width: 0%;
        /**/
        height: 70%;
        margin-right: 10px;

    }

    .Radiator120 .RadiatorRear .line {
        width: 37%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    .Radiator120 .RadiatorSide .line {
        width: 92%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    /*140mm*/
    .Radiator140 .RadiatorTop .line,
    .Radiator140 .RadiatorFront .line,
    .Radiator140 .RadiatorBot .line,
    .Radiator140 .RadiatorRear .line,
    .Radiator140 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(2) {
        background-color: #b5179e;
        transition: 1s;
    }

    .Radiator140 .RadiatorTop .line {
        width: 40%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator140 .RadiatorFront .line {
        width: 37%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator140 .RadiatorBot .line {
        width: 40%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator140 .RadiatorRear .line {
        width: 37%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator140 .RadiatorSide .line {
        width: 92%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }


    /*240mm*/
    .Radiator240 .RadiatorTop .line,
    .Radiator240 .RadiatorFront .line,
    .Radiator240 .RadiatorBot .line,
    .Radiator240 .RadiatorRear .line,
    .Radiator240 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(3) {
        background-color: #7209b7;
        transition: 1s;
    }

    .Radiator240 .RadiatorTop .line {
        width: 58%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator240 .RadiatorFront .line {
        width: 37%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator240 .RadiatorBot .line {
        width: 58%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator240 .RadiatorRear .line {
        width: 37%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator240 .RadiatorSide .line {
        width: 92%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    /*280mm*/
    .Radiator280 .RadiatorTop .line,
    .Radiator280 .RadiatorFront .line,
    .Radiator280 .RadiatorBot .line,
    .Radiator280 .RadiatorRear .line,
    .Radiator280 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(4) {
        background-color: #3f37c9;
        transition: 1s;
    }

    .Radiator280 .RadiatorTop .line {
        width: 0%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator280 .RadiatorFront .line {
        width: 37%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator280 .RadiatorBot .line {
        width: 68%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator280 .RadiatorRear .line {
        width: 37%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator280 .RadiatorSide .line {
        width: 92%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }


    /*360mm*/
    .Radiator360 .RadiatorTop .line,
    .Radiator360 .RadiatorFront .line,
    .Radiator360 .RadiatorBot .line,
    .Radiator360 .RadiatorRear .line,
    .Radiator360 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(5) {
        background-color: #4361ee;
        transition: 1s;
    }

    .Radiator360 .RadiatorTop .line {
        display: none;
    }

    .Radiator360 .RadiatorFront .line {
        width: 37%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator360 .RadiatorBot .line {
        width: 78%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator360 .RadiatorRear .line {
        width: 37%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator360 .RadiatorSide .line {
        width: 92%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    /*420mm*/
    .Radiator420 .RadiatorTop .line,
    .Radiator420 .RadiatorFront .line,
    .Radiator420 .RadiatorBot .line,
    .Radiator420 .RadiatorRear .line,
    .Radiator420 .RadiatorSide .line,
    .RadiatorCapacitymenu ul li:nth-child(6) {
        background-color: #4895ef;
        transition: 1s;
    }

    .Radiator420 .RadiatorTop .line {
        display: none;
    }

    .Radiator420 .RadiatorFront .line {
        width: 37%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator420 .RadiatorBot .line {
        width: 0%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .Radiator420 .RadiatorRear .line {
        width: 37%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    .Radiator420 .RadiatorSide .line {
        width: 92%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    @media (min-width: 1920px) {

        .RadiatorCapacity ul li:nth-child(1) {
            left: 35%;
        }

        .RadiatorCapacity ul li:nth-child(2) {
            left: 65%;
        }

        .RadiatorCapacity ul li:nth-child(3) {
            left: 35%;
        }

        .RadiatorCapacity ul li:nth-child(4) {
            left: 35%;
        }

        .RadiatorCapacity ul li:nth-child(5) {
            width: 6.5%;
            left: 54%;
        }
    }


    @media (max-width: 1366px) {
        .RadiatorCapacity ul li:nth-child(2) {
            left: 70%;
        }

        .RadiatorCapacity ul li:nth-child(4) {
            left: 29%;
        }

        .RadiatorCapacity ul li:nth-child(5) {
            width: 8.5%;
        }

    }



    @media (max-width: 992px) {

        .RadiatorCapacity {
            position: relative;
            margin-top: 20%;
        }

        .RadiatorCapacitymenu {
            position: absolute;
            z-index: 999;
            display: block;
            width: 80%;
            height: 40px;
            line-height: 40px;
            margin-left: -40%;
            top: 2%;
            left: 58%;
        }

        .RadiatorCapacitymenu ul li {
            width: 28%;
            border-right: 0px solid #ccc;
        }

        .RadiatorCapacity ul li:nth-child(1) {
            top: 21%;
            left: 28%;
            width: 38%;
        }

        .RadiatorCapacity ul li:nth-child(2) {
            left: 75%;
        }

        .RadiatorCapacity ul li:nth-child(3) {
            top: 87%;
            left: 28%;
            /* width: 38%; */
            width: 0%;
        }

        .RadiatorCapacity ul li:nth-child(4) {
            left: 25%;
        }

        .RadiatorCapacity ul li:nth-child(5) {
            width: 12.5%;
        }

    }


    .CustomLCapacitymenu {
        position: absolute;
        z-index: 999;
        display: block;
        width: 600px;
        height: 40px;
        line-height: 40px;
        margin-left: -300px;
        top: 14%;
        left: 50%;
        cursor: pointer;
    }

    .CustomLCapacitymenu ul li {
        float: left;
        width: 19%;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        color: #fff;
        border-right: 1px solid #ccc;
        cursor: pointer;
    }

    .CustomLCapacitymenu ul li:last-child {
        border-right: 0px solid #ccc;
    }

    .CustomLCapacity ul li {
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        font-size: 17px;
        line-height: 24px;
        color: #fff;
        width: 200px;
        height: 200px;


        background-color: #c1f5c700;
    }

    /*Top*/
    .CustomLCapacity ul li:nth-child(1) {
        top: 22%;
        left: 38%;
        width: 25%;
        height: 0.8%;
        display: flex;
        flex-direction: row;
        transform: rotatey(180deg);
    }

    /*font*/
    .CustomLCapacity ul li:nth-child(2) {
        top: 33%;
        left: 66%;
        width: 0.5%;
        height: 50%;
        display: flex;
        flex-direction: column;
    }

    /*bot*/
    .CustomLCapacity ul li:nth-child(3) {
        top: 90%;
        left: 38%;
        width: 25%;
        height: 0.8%;
        display: flex;
        flex-direction: row;
        transform: rotatey(180deg);
    }

    /*Rear*/
    .CustomLCapacity ul li:nth-child(4) {
        top: 33%;
        left: 33%;
        width: 0.5%;
        height: 50%;
    }

    /*Side*/
    .CustomLCapacity ul li:nth-child(5) {
        top: 34%;
        left: 55%;
        width: 6.5%;
        height: 49%;
    }

    /*120mm*/
    .CustomL120 .CustomLTop .line,
    .CustomL120 .CustomLFront .line,
    .CustomL120 .CustomLBot .line,
    .CustomL120 .CustomLRear .line,
    .CustomL120 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(1) {
        background-color: #f72585;
        transition: 1s;

    }

    .CustomL120 .CustomLTop .line {
        width: 28%;
        /**/
        height: 70%;
        margin-right: 10px;

    }

    .CustomL120 .CustomLFront .line {
        width: 37%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    .CustomL120 .CustomLBot .line {
        width: 28%;
        /**/
        height: 70%;
        margin-right: 10px;

    }

    .CustomL120 .CustomLRear .line {
        width: 37%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    .CustomL120 .CustomLSide .line {
        width: 92%;
        height: 28%;
        /**/
        margin-bottom: 10px;

    }

    /*140mm*/
    .CustomL140 .CustomLTop .line,
    .CustomL140 .CustomLFront .line,
    .CustomL140 .CustomLBot .line,
    .CustomL140 .CustomLRear .line,
    .CustomL140 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(2) {
        background-color: #b5179e;
        transition: 1s;
    }

    .CustomL140 .CustomLTop .line {
        width: 40%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL140 .CustomLFront .line {
        width: 37%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL140 .CustomLBot .line {
        width: 40%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL140 .CustomLRear .line {
        width: 37%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL140 .CustomLSide .line {
        width: 92%;
        height: 40%;
        /**/
        margin-bottom: 10px;
    }


    /*240mm*/
    .CustomL240 .CustomLTop .line,
    .CustomL240 .CustomLFront .line,
    .CustomL240 .CustomLBot .line,
    .CustomL240 .CustomLRear .line,
    .CustomL240 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(3) {
        background-color: #7209b7;
        transition: 1s;
    }

    .CustomL240 .CustomLTop .line {
        width: 58%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL240 .CustomLFront .line {
        width: 37%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL240 .CustomLBot .line {
        width: 58%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL240 .CustomLRear .line {
        width: 37%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL240 .CustomLSide .line {
        width: 92%;
        height: 58%;
        /**/
        margin-bottom: 10px;
    }

    /*280mm*/
    .CustomL280 .CustomLTop .line,
    .CustomL280 .CustomLFront .line,
    .CustomL280 .CustomLBot .line,
    .CustomL280 .CustomLRear .line,
    .CustomL280 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(4) {
        background-color: #3f37c9;
        transition: 1s;
    }

    .CustomL280 .CustomLTop .line {
        width: 0%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL280 .CustomLFront .line {
        width: 37%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL280 .CustomLBot .line {
        width: 68%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL280 .CustomLRear .line {
        width: 37%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL280 .CustomLSide .line {
        width: 92%;
        height: 68%;
        /**/
        margin-bottom: 10px;
    }


    /*360mm*/
    .CustomL360 .CustomLTop .line,
    .CustomL360 .CustomLFront .line,
    .CustomL360 .CustomLBot .line,
    .CustomL360 .CustomLRear .line,
    .CustomL360 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(5) {
        background-color: #4361ee;
        transition: 1s;
    }

    .CustomL360 .CustomLTop .line {
        display: none;
    }

    .CustomL360 .CustomLFront .line {
        width: 37%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL360 .CustomLBot .line {
        width: 78%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL360 .CustomLRear .line {
        width: 37%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL360 .CustomLSide .line {
        width: 92%;
        height: 78%;
        /**/
        margin-bottom: 10px;
    }

    /*420mm*/
    .CustomL420 .CustomLTop .line,
    .CustomL420 .CustomLFront .line,
    .CustomL420 .CustomLBot .line,
    .CustomL420 .CustomLRear .line,
    .CustomL420 .CustomLSide .line,
    .CustomLCapacitymenu ul li:nth-child(6) {
        background-color: #4895ef;
        transition: 1s;
    }

    .CustomL420 .CustomLTop .line {
        display: none;
    }

    .CustomL420 .CustomLFront .line {
        width: 37%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL420 .CustomLBot .line {
        width: 0%;
        /**/
        height: 70%;
        margin-right: 10px;
    }

    .CustomL420 .CustomLRear .line {
        width: 37%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    .CustomL420 .CustomLSide .line {
        width: 92%;
        height: 92%;
        /**/
        margin-bottom: 10px;
    }

    @media (min-width: 1920px) {

        .CustomLCapacity ul li:nth-child(1) {
            left: 35%;
        }

        .CustomLCapacity ul li:nth-child(2) {
            left: 65%;
        }

        .CustomLCapacity ul li:nth-child(3) {
            left: 35%;
        }

        .CustomLCapacity ul li:nth-child(4) {
            left: 35%;
        }

        .CustomLCapacity ul li:nth-child(5) {
            width: 6.5%;
            left: 54%;
        }
    }

    @media (max-width: 1366px) {
        .CustomLCapacity ul li:nth-child(2) {
            left: 70%;
        }

        .CustomLCapacity ul li:nth-child(4) {
            left: 29%;
        }

        .CustomLCapacity ul li:nth-child(5) {
            width: 8.5%;
        }

    }



    @media (max-width: 992px) {

        .CustomLCapacity {
            position: relative;
            margin-top: 20%;
        }

        .CustomLCapacitymenu {
            position: absolute;
            z-index: 999;
            display: block;
            width: 80%;
            height: 40px;
            line-height: 40px;
            margin-left: -40%;
            top: 2%;
            left: 58%;
        }

        .CustomLCapacitymenu ul li {
            width: 28%;
            border-right: 0px solid #ccc;
        }

        .CustomLCapacity ul li:nth-child(1) {
            top: 21%;
            left: 28%;
            width: 38%;
        }

        .CustomLCapacity ul li:nth-child(2) {
            left: 75%;
        }

        .CustomLCapacity ul li:nth-child(3) {
            top: 87%;
            left: 28%;
            width: 38%;
        }

        .CustomLCapacity ul li:nth-child(4) {
            left: 25%;
        }

        .CustomLCapacity ul li:nth-child(5) {
            width: 12.5%;
        }

    }




    .myStorage .carousel-indicators li.active {

        width: 380px;
        height: 60px;
        line-height: 50px;
        color: #fff;
        font-size: 24px;
        background-color: #747474;
        border: 3px solid #747474;

    }

    .myStorage .carousel-indicators li {
        text-indent: 0px;
        border: 0px solid #695b33;
        color: #000;
        background-color: #fff;
        width: 380px;
        height: 60px;
        line-height: 50px;
        font-size: 24px;
        transition: 0.7s;
        border: 3px solid #747474;
        margin: 0 -2px;
        padding: 3px;
        border-radius: 0px;
    }

    .myStorage .carousel-indicators {
        position: absolute;
        top: 8%;
        left: 40%;
        z-index: 15;
        width: 80%;
        height: 60px;
        text-align: center;
        list-style: none;
    }



    .z-indexbg9,
    .z-indexbg9_1,
    .z-indexbg9_2,
    .z-indexbg9_3,
    .z-indexbg9_4 {
        position: absolute;
    }

    .layoutbg9 {
        position: relative;
        transform: translate(70%, 0%);
    }

    .z-indexbg9 {
        z-index: 4;
        position: relative;
    }

    .z-indexbg9_1 {
        z-index: 4;
    }

    .z-indexbg9_2 {
        z-index: 5;
    }

    .z-indexbg9_3 {
        z-index: 6;
    }

    .z-indexbg9_4 {
        z-index: 4;
    }

    @media (max-width: 992px) {
        .z-indexbg9 {
            position: relative;
        }

        .layoutbg9 {
            transform: translate(0%, 0%);
        }


    }



    .shape-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    @media (max-width: 992px) {
        .shape-box {
            width: 92%;
            margin-top: 3%;
        }
    }

    .shape-ex3 a {
        width: 280px;
        height: 40px;
        display: block;
        cursor: pointer;
        line-height: 38px;
        color: #fff;
        background-color: transparent;
        border: 2px solid #fff;
        position: relative;
        transition: all .3s linear;
        margin: 10px 5px;
        border-radius: 20px;
        font-weight: 400;
    }

    .colorbg a {
        width: 280px;
        height: 40px;
        display: block;
        cursor: pointer;
        line-height: 38px;
        color: #000;
        background-color: #fff;
        border: 2px solid #000;
        position: relative;
        transition: all .3s linear;
        margin: 10px auto;
        border-radius: 20px;
    }


    .shape-ex3>p {
        position: relative;
        z-index: 1;
        line-height: 40px;
        font-weight: 200;
    }

    .shape-ex3 a::before {
        content: "";
        width: 0%;
        height: 100%;
        display: block;
        border-radius: 20px;
        color: #fff;
        background-color: #fff;
        position: absolute;

        top: 0;
        left: 0;
        z-index: -1;
        transition: all .3s ease;
    }

    .colorbg a::before {
        content: "";
        width: 0%;
        height: 100%;
        display: block;
        border-radius: 20px;
        color: #000;
        background-color: #000;
        position: absolute;

        top: 0;
        left: 0;
        z-index: -1;
        transition: all .3s ease;
    }

    .shape-ex3 a:hover {
        color: #000;
    }

    .colorbg a:hover {
        color: rgb(119, 18, 145);
    }


    .shape-ex3 a:hover::before {
        width: 100%;
    }

    .w40 {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .font20 {
        font-size: 20px;
    }
    .shapew400 a{
        width: 95%;
    }

    @media (max-width: 1280px) {
        .shape-ex3 a {
            width: 310px;
        }

        .colorbg a {
            width: 310px;
        }


    }

    @media (max-width: 992px) {
        .shape-ex3 a {
            width: 310px;
        }

        .colorbg a {
            width: 310px;
        }
    }



    .CTE750 .carousel-indicators li.active {
        margin-left: 4px;
        margin-right: 4px;
        width: 280px;
        height: 280px;
        line-height: 20px;
        color: rgb(32, 32, 32);
        border-radius: 250px;
        border: 5px solid #1cc2ff;
    }

    .CTE750 .carousel-indicators li {
        text-indent: 0px;
        border: 0px solid #695b33;
        background-color: rgba(255, 255, 255, 0);
        width: 80px;
        height: 80px;
        transition: 1s;
        border-radius: 80px;
    }

    .CTE750 .carousel-indicators {
        position: absolute;
        top: -23%;
        left: 36%;
        z-index: 15;
        width: 24%;
        text-align: center;
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    @media (max-width: 992px) {
        .CTE750 .carousel-indicators {
            position: absolute;
            top: 5%;
        }

        .CTE750 .carousel-indicators li.active {
            width: 100px;
            height: 100px;
        }

    }



    .temperSpec {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }

    .temperBotWrap h3 {
        margin: 0;
        padding: 10px;
    }

    .temperPic ul,
    .temperSpec ul {
        list-style: none;
    }

    .temperSpec ul li {
        /* padding: 2px 0 2px 10px;
    box-sizing: border-box;
    margin: 0; */
        min-height: 30px;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        color: #fff;
    }

    .titleSpecb {
        display: block;
        font-weight: 600;
        width: 120px;
        float: left;
    }

    @media (max-width: 992px) {
        .titleSpecb {
            height: 30px;
        }
    }



    .table-center1 {
        display: flex;
        justify-content: center;
        padding: 2% 0 5% 0;
    }

    .pt65 {
        padding-top: 65%;
    }

    .Idlechart {
        margin-left: 10%;
    }

    @media (min-width: 1920px) {
        .Idlechart {
            margin-left: 17%;
        }
    }



    .myHighEndE .carousel-indicators li.active {
        width: 24%;
        height: 70px;
        line-height: 30px;
        color: #fff;
        background-color: #747474;
        border: 3px solid #747474;
    }

    .myHighEndE .carousel-indicators li {
        text-indent: 0px;
        border: 0px solid #695b33;
        color: #000;
        background-color: #fff;
        width: 24%;
        height: 70px;
        line-height: 25px;
        font-size: 20px;
        transition: 0.7s;
        border: 3px solid #747474;
        margin: 0 30px;
        padding: 3px;
        border-radius: 100px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .myHighEndE .carousel-indicators li:nth-child(3),
    .myHighEndE .carousel-indicators li:nth-child(1),
    .myHighEndE .carousel-indicators li:nth-child(2) {
        line-height: 60px;
    }

    .myHighEndE .carousel-indicators li:nth-child(1) {

        border-right: 0px solid #747474;
    }


    .myHighEndE .carousel-indicators li:nth-child(3) {
        border-left: 0px solid #747474;
    }

    .myHighEndE .carousel-indicators {
        position: absolute;
        top: 4%;
        left: 0%;
        z-index: 15;
        margin-left: 0%;
        width: 100%;
        height: 40px;
        text-align: center;
        list-style: none;
        display: flex;
    }


    @media (max-width: 992px) {
        .myHighEndE .carousel-indicators {
            position: relative;
            padding-top: 40px;
            width: 80%;
            height: 280px;
            margin: 0 auto;
            display: block;
            top: 0%;
            left: 0%;
            margin-left: 1%;

        }

        .myHighEndE .carousel-indicators li,
        .myHighEndE .carousel-indicators li.active {
            width: 100%;
            height: 60px;
            font-size: 17px;
        }



        .ccbbg4 {
            min-height: 380px;
        }

    }



    .picm {
        display: none !important;
    }

    .picm2 {
        display: block !important;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        WIDTH: 100%;
    }

    @media (max-width: 992px) {
        .picm {
            display: block !important;
        }

        .picm2 {
            display: none !important;
        }
    }

    .boxstxt {
        position: absolute;
        left: 2%;
        top: 4%;
        z-index: 55;
        border: 3px solid #fff !important;
        padding: 10px;
        padding: 5px;
        color: #fff;
        display: block;
        width: 200px;
        line-height: 24px;
    }

    .caseDimensions ul li {
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        font-size: 17px;
        line-height: 24px;
        color: #fff;
        width: 200px;
        height: 200px;
        background-color: #00ff1a00;

    }

    .caseDimensions ul li:nth-child(1) {
        top: 25%;
        left: 15%;
    }

    .caseDimensions ul li:nth-child(2) {
        top: 25%;
        left: 75%;
    }

    .caseDimensions ul li:nth-child(3) {
        top: 60%;
        left: 15%;
    }

    .caseDimensions ul li:nth-child(4) {
        top: 60%;
        left: 75%;
    }

    .caseDimensions ul li>img {
        display: block;
        width: 150px;
        height: 125px;
    }

    .caseDimensions ul li>span {
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-weight: 800;
        letter-spacing: 2;
        color: #0b83ff;
    }

    .caseDimensions ul li .line {
        position: absolute;
        width: 200px;
        height: 2px;
        background-color: #00c9ff;
        top: 50%;
        left: 100%;
        margin-left: 10%;

        animation: chartAA 1s;
        -webkit-animation: chartAA 1s;
    }

    @keyframes chartAA {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    .caseDimensions ul li:nth-child(2) .line,
    .caseDimensions ul li:nth-child(4) .line {
        transform: rotateY(180deg);
        transform: rotateX(180deg);
        left: -130%;
    }

    .caseDimensions ul li:nth-child(1) .line {
        width: 180%;
    }

    .caseDimensions ul li:nth-child(2) .line {
        width: 180%;
    }

    .z-indexSVG {
        position: absolute;
        z-index: 3;
        left: 0.3%;
    }

    .path {
        fill: none;
        stroke: #fff;
        stroke-miterlimit: 10;
        stroke-width: 8px;
    }

    @media (max-width: 992px) {

        .caseDimensions ul li .line {
            display: none;
        }

        .caseDimensions ul li {
            position: relative;
            width: 40%;
            float: left;
            overflow: hidden;
            left: 9% !important;
        }

        .path {
            stroke-width: 0px;
        }

    }



    .myStorage .carousel-indicators li.active {

        width: 380px;
        height: 60px;
        line-height: 50px;
        color: #fff;
        font-size: 24px;
        background-color: #747474;
        border: 3px solid #747474;

    }

    .myStorage .carousel-indicators li {
        text-indent: 0px;
        border: 0px solid #695b33;
        color: #000;
        background-color: #fff;
        width: 380px;
        height: 60px;
        line-height: 50px;
        font-size: 24px;
        transition: 0.7s;
        border: 3px solid #747474;
        margin: 0 -2px;
        padding: 3px;
        border-radius: 0px;
    }

    .myStorage .carousel-indicators {
        position: absolute;
        top: 8%;
        left: 40%;
        z-index: 15;
        width: 80%;
        height: 60px;
        text-align: center;
        list-style: none;
    }



    .z-indexbg16,
    .z-indexbg16_1,
    .z-indexbg16_2,
    .z-indexbg16_3,
    .z-indexbg16_4,
    .z-indexbg16_5 {
        position: absolute;
    }

    .layoutbg16 {
        top: 0%;
        transform: translate(0%, 0%);
    }

    .z-indexbg16 {
        z-index: 5;
        position: relative;
    }

    .z-indexbg16_1 {
        z-index: 4;
    }

    .z-indexbg16_2 {
        z-index: 5;
    }

    .z-indexbg16_3 {
        z-index: 5;
    }

    .z-indexbg16_4 {
        z-index: 11;
    }

    .z-indexbg16_5 {
        z-index: 6;
    }

    @media (max-width: 992px) {
        .z-indexbg16 {
            position: relative;
        }
    }



    .z-indexbg17,
    .z-indexbg17_1,
    .z-indexbg17_2 {
        position: absolute;
    }

    .layoutbg17 {
        top: 0%;
        transform: translate(0%, 0%);
    }

    .z-indexbg17 {
        z-index: 5;
        position: relative;
    }

    .z-indexbg17_1 {
        z-index: 6;
    }

    @media (max-width: 992px) {
        .z-indexbg17 {
            position: relative;

        }
    }



    .supportBox {
        overflow-x: auto;
    }

    .supportBox .rwdTable {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .supportBox .rwdTable thead {
        font-size: 15px;
        line-height: 25px;
        color: #FFF;
        background: #3a3a3a;
        background: -moz-linear-gradient(top, #e6e6e6 0%, #c5c5c5 100%);
        background: -webkit-linear-gradient(top, #e6e6e6 0%, #c5c5c5 100%);
        background: linear-gradient(to bottom, #e6e6e6 0%, #c5c5c5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#c5c5c5', GradientType=0);
    }

    .supportBox .rwdTable thead th {
        width: 15%;
        /* padding: 10px 0; */
        font-size: 15px;
        /* padding: 5px 10px; */
        padding: 5px 5px;
        font-weight: normal;
        text-align: center;
        /* color: #a4a4a4; */
        color: #555;
    }

    .supportBox .rwdTable tbody td {
        padding: 3px 6px;
        line-height: 25px;
        /* color: #7f7f7f; */
        font-size: 15px;
        /* color: #FFF; */
        color: #555;
        font-weight: normal;
        text-align: center;
    }

    .supportBox .rwdTable tbody tr {
        /* border-bottom: 1px solid #353535; */
        border-bottom: 1px solid #ccc;
    }



    #myPerfectly .carousel-indicators {
        bottom: 0px;
    }

    #myPerfectly.TOUGHLIQUIDUltra .carousel-indicators .active {
        background-color: #645858;
    }

	
										.picm {
											display: none !important;
										}

										.picm2 {
											display: block !important;
										}

										.carousel-inner>.item>a>img,
										.carousel-inner>.item>img {
											WIDTH: 100%;
										}


										.l10 {
											transform: translate(7.5%, -30%) !important;
										}

										@media (min-width: 1920px) {

											.l10 {
												transform: translate(20.5%, -30%) !important;
											}
										}

										@media (max-width: 992px) {
											.picm {
												display: block !important;
											}

											.picm2 {
												display: none !important;
											}

											.l10 {
												transform: translate(1%, 13%) !important;
											}


										}

										.boxstxt {
											position: absolute;
											left: 2%;
											top: 4%;
											z-index: 55;
											border: 3px solid #fff !important;
											padding: 10px;
											padding: 5px;
											color: #fff;
											display: block;
											width: 200px;
											line-height: 24px;
										}
									
                                    
															.FanCapacitymenu {
																position: absolute;
																z-index: 999;
																display: block;
																width: 400px;
																height: 40px;
																line-height: 40px;
																margin-left: -200px;
																top: 14%;
																left: 50%;
																cursor: pointer;
															}

															.FanCapacitymenu ul li {
																float: left;
																width: 33%;
																height: 30px;
																line-height: 30px;
																font-size: 20px;
																color: #fff;
																border-right: 1px solid #ccc;
																cursor: pointer;
															}

															.FanCapacitymenu ul li:last-child {
																border-right: 0px solid #ccc;
															}

															.FanCapacity ul li {
																position: absolute;
																z-index: 999;
																top: 0px;
																left: 0px;
																font-size: 17px;
																line-height: 24px;
																color: #fff;
																width: 200px;
																height: 200px;

																background-color: #c1f5c700;
															}

															/*Top*/
															.FanCapacity ul li:nth-child(1) {
																top: 22%;
																left: 38%;
																width: 25%;
																height: 0.8%;
																display: flex;
																flex-direction: row;
																transform: rotatey(180deg);
															}

															/*font*/
															.FanCapacity ul li:nth-child(2) {
																top: 33%;
																left: 66%;
																width: 0.5%;
																height: 50%;
																display: flex;
																flex-direction: column;
															}

															/*bot*/
															.FanCapacity ul li:nth-child(3) {
																top: 90%;
																left: 38%;
																width: 25%;
																height: 0.8%;
																display: flex;
																flex-direction: row;
																transform: rotatey(180deg);
															}

															/*Rear*/
															.FanCapacity ul li:nth-child(4) {
																top: 33%;
																left: 33%;
																width: 0.5%;
																height: 50%;
															}

															/*Side*/
															.FanCapacity ul li:nth-child(5) {
																top: 34%;
																left: 55%;
																width: 6.5%;
																height: 49%;
															}



															/*120mm*/
															.fan120 .fanTop .line,
															.fan120 .fanFront .line,
															.fan120 .fanBot .line,
															.fan120 .fanRear .line,
															.fan120 .fanSide .line,
															.FanCapacitymenu ul li:nth-child(1) {
																background-color: #b5179e;
																transition: 1s;
															}

															.fan120 .fanTop .line {
																width: 30%;
																height: 70%;
																margin-right: 10px;

															}

															.fan120 .fanFront .line {
																width: 37%;
																height: 28%;
																margin-bottom: 10px;

															}

															.fan120 .fanBot .line {
																width: 32%;
																height: 70%;
																margin-right: 10px;

															}

															.fan120 .fanRear .line {
																width: 37%;
																height: 28%;
																margin-bottom: 10px;

															}

															.fan120 .fanSide .line {
																width: 92%;
																height: 28%;
																margin-bottom: 10px;

															}

															/*140mm*/
															.fan140 .fanTop .line,
															.fan140 .fanFront .line,
															.fan140 .fanBot .line,
															.fan140 .fanRear .line,
															.fan140 .fanSide .line,
															.FanCapacitymenu ul li:nth-child(2) {
																background-color: #560bad;
																transition: 1s;
															}

															.fan140 .fanTop .line {
																width: 30%;
																height: 70%;
																margin-right: 10px;
															}

															.fan140 .fanFront .line {
																width: 37%;
																height: 28%;
																margin-bottom: 10px;
															}

															.fan140 .fanBot .line {
																width: 32%;
																height: 70%;
																margin-right: 10px;
															}

															.fan140 .fanRear .line {
																width: 37%;
																height: 28%;
																margin-bottom: 10px;
															}

															.fan140 .fanSide .line {
																width: 92%;
																height: 28%;
																margin-bottom: 10px;
															}

															/*200mm*/
															.fan200 .fanTop .line,
															.fan200 .fanFront .line,
															.fan200 .fanBot .line,
															.fan200 .fanRear .line,
															.fan200 .fanSide .line,
															.FanCapacitymenu ul li:nth-child(3) {
																background-color: #3f37c9;
																transition: 1s;
															}

															.fan200 .fanTop .line {
																display: none;
															}

															.fan200 .fanFront .line {
																width: 37%;
																height: 48%;
																margin-bottom: 10px;
															}

															.fan200 .fanFront .line:nth-child(3) {
																display: none;
															}

															.fan200 .fanBot .line {
																display: none;
															}

															.fan200 .fanRear .line {
																width: 37%;
																height: 48%;
																margin-bottom: 10px;
															}

															.fan200 .fanRear .line:nth-child(3) {
																display: none;
															}

															.fan200 .fanSide .line {
																display: none;
															}

															@media (min-width: 1920px) {

																.FanCapacity ul li:nth-child(1) {
																	left: 36%;
																}

																.FanCapacity ul li:nth-child(2) {
																	left: 64%;
																	width: 1%;
																}

																.FanCapacity ul li:nth-child(3) {
																	left: 38%;
																	width: 22%;
																}

																.FanCapacity ul li:nth-child(4) {
																	left: 35%;
																	width: 1%;
																}

																.FanCapacity ul li:nth-child(5) {
																	left: 54%;
																	width: 6.5%;
																}

															}

															@media (max-width: 1366px) {
																.FanCapacity ul li:nth-child(2) {
																	left: 70%;
																}

																.FanCapacity ul li:nth-child(4) {
																	left: 29%;
																}

																.FanCapacity ul li:nth-child(5) {
																	width: 8.5%;
																}

															}

															@media (max-width: 992px) {
																.FanCapacity {
																	margin-top: 20%;
																	position: relative;
																}

																.FanCapacitymenu {
																	width: 80%;
																	margin-left: -40%;
																	top: 2%;
																}

																.FanCapacity ul li:nth-child(1) {
																	top: 21%;
																	left: 36%;
																	width: 30%;
																}

																.FanCapacity ul li:nth-child(2) {
																	left: 75%;
																	width: 1%;
																}

																.FanCapacity ul li:nth-child(3) {
																	top: 88%;
																	left: 36%;
																	width: 30%;
																}

																.FanCapacity ul li:nth-child(4) {
																	left: 25%;
																	width: 1%;
																}

																.FanCapacity ul li:nth-child(5) {
																	left: 57%;
																	width: 9.5%;
																}
															}
														
                                                        
                                                        .RadiatorCapacitymenu {
                                                            position: absolute;
                                                            z-index: 999;
                                                            display: block;
                                                            width: 600px;
                                                            height: 40px;
                                                            line-height: 40px;
                                                            margin-left: -300px;
                                                            top: 14%;
                                                            left: 50%;
                                                            cursor: pointer;
                                                        }

                                                        .RadiatorCapacitymenu ul li {
                                                            float: left;
                                                            width: 16%;
                                                            height: 30px;
                                                            line-height: 30px;
                                                            font-size: 20px;
                                                            color: #fff;
                                                            border-right: 1px solid #ccc;
                                                            cursor: pointer;
                                                        }

                                                        .RadiatorCapacitymenu ul li:last-child {
                                                            border-right: 0px solid #ccc;
                                                        }

                                                        .RadiatorCapacity ul li {
                                                            position: absolute;
                                                            z-index: 999;
                                                            top: 0px;
                                                            left: 0px;
                                                            font-size: 17px;
                                                            line-height: 24px;
                                                            color: #fff;
                                                            width: 200px;
                                                            height: 200px;


                                                            background-color: #c1f5c700;
                                                        }

                                                        /*Top*/
                                                        .RadiatorCapacity ul li:nth-child(1) {
                                                            top: 22%;
                                                            left: 38%;
                                                            width: 25%;
                                                            height: 0.8%;
                                                            display: flex;
                                                            flex-direction: row;
                                                            transform: rotatey(180deg);
                                                        }

                                                        /*font*/
                                                        .RadiatorCapacity ul li:nth-child(2) {
                                                            top: 33%;
                                                            left: 66%;
                                                            width: 0.5%;
                                                            height: 50%;
                                                            display: flex;
                                                            flex-direction: column;
                                                        }

                                                        /*bot*/
                                                        .RadiatorCapacity ul li:nth-child(3) {
                                                            top: 90%;
                                                            left: 38%;
                                                            /* width: 25%; */
                                                            width: 25%;
                                                            height: 0.8%;
                                                            display: flex;
                                                            flex-direction: row;
                                                            transform: rotatey(180deg);
                                                        }

                                                        /*Rear*/
                                                        .RadiatorCapacity ul li:nth-child(4) {
                                                            top: 33%;
                                                            left: 33%;
                                                            width: 0.5%;
                                                            height: 50%;
                                                        }

                                                        /*Side*/
                                                        .RadiatorCapacity ul li:nth-child(5) {
                                                            top: 34%;
                                                            left: 55%;
                                                            width: 6.5%;
                                                            height: 49%;
                                                        }

                                                        /*120mm*/
                                                        .Radiator120 .RadiatorTop .line,
                                                        .Radiator120 .RadiatorFront .line,
                                                        .Radiator120 .RadiatorBot .line,
                                                        .Radiator120 .RadiatorRear .line,
                                                        .Radiator120 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(1) {
                                                            background-color: #f72585;
                                                            transition: 1s;

                                                        }

                                                        .Radiator120 .RadiatorTop .line {
                                                            width: 28%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;

                                                        }

                                                        .Radiator120 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 28%;
                                                            /**/
                                                            margin-bottom: 10px;

                                                        }

                                                        .Radiator120 .RadiatorBot .line {
                                                            width: 0%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;

                                                        }

                                                        .Radiator120 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 28%;
                                                            /**/
                                                            margin-bottom: 10px;

                                                        }

                                                        .Radiator120 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 28%;
                                                            /**/
                                                            margin-bottom: 10px;

                                                        }

                                                        /*140mm*/
                                                        .Radiator140 .RadiatorTop .line,
                                                        .Radiator140 .RadiatorFront .line,
                                                        .Radiator140 .RadiatorBot .line,
                                                        .Radiator140 .RadiatorRear .line,
                                                        .Radiator140 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(2) {
                                                            background-color: #b5179e;
                                                            transition: 1s;
                                                        }

                                                        .Radiator140 .RadiatorTop .line {
                                                            width: 40%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator140 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 40%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator140 .RadiatorBot .line {
                                                            width: 40%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator140 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 40%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator140 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 40%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }


                                                        /*240mm*/
                                                        .Radiator240 .RadiatorTop .line,
                                                        .Radiator240 .RadiatorFront .line,
                                                        .Radiator240 .RadiatorBot .line,
                                                        .Radiator240 .RadiatorRear .line,
                                                        .Radiator240 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(3) {
                                                            background-color: #7209b7;
                                                            transition: 1s;
                                                        }

                                                        .Radiator240 .RadiatorTop .line {
                                                            width: 58%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator240 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 58%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator240 .RadiatorBot .line {
                                                            width: 58%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator240 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 58%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator240 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 58%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        /*280mm*/
                                                        .Radiator280 .RadiatorTop .line,
                                                        .Radiator280 .RadiatorFront .line,
                                                        .Radiator280 .RadiatorBot .line,
                                                        .Radiator280 .RadiatorRear .line,
                                                        .Radiator280 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(4) {
                                                            background-color: #3f37c9;
                                                            transition: 1s;
                                                        }

                                                        .Radiator280 .RadiatorTop .line {
                                                            width: 0%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator280 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 68%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator280 .RadiatorBot .line {
                                                            width: 68%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator280 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 68%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator280 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 68%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }


                                                        /*360mm*/
                                                        .Radiator360 .RadiatorTop .line,
                                                        .Radiator360 .RadiatorFront .line,
                                                        .Radiator360 .RadiatorBot .line,
                                                        .Radiator360 .RadiatorRear .line,
                                                        .Radiator360 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(5) {
                                                            background-color: #4361ee;
                                                            transition: 1s;
                                                        }

                                                        .Radiator360 .RadiatorTop .line {
                                                            display: none;
                                                        }

                                                        .Radiator360 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 78%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator360 .RadiatorBot .line {
                                                            width: 78%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator360 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 78%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator360 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 78%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        /*420mm*/
                                                        .Radiator420 .RadiatorTop .line,
                                                        .Radiator420 .RadiatorFront .line,
                                                        .Radiator420 .RadiatorBot .line,
                                                        .Radiator420 .RadiatorRear .line,
                                                        .Radiator420 .RadiatorSide .line,
                                                        .RadiatorCapacitymenu ul li:nth-child(6) {
                                                            background-color: #4895ef;
                                                            transition: 1s;
                                                        }

                                                        .Radiator420 .RadiatorTop .line {
                                                            display: none;
                                                        }

                                                        .Radiator420 .RadiatorFront .line {
                                                            width: 37%;
                                                            height: 92%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator420 .RadiatorBot .line {
                                                            width: 0%;
                                                            /**/
                                                            height: 70%;
                                                            margin-right: 10px;
                                                        }

                                                        .Radiator420 .RadiatorRear .line {
                                                            width: 37%;
                                                            height: 92%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        .Radiator420 .RadiatorSide .line {
                                                            width: 92%;
                                                            height: 92%;
                                                            /**/
                                                            margin-bottom: 10px;
                                                        }

                                                        @media (min-width: 1920px) {

                                                            .RadiatorCapacity ul li:nth-child(1) {
                                                                left: 35%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(2) {
                                                                left: 65%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(3) {
                                                                left: 35%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(4) {
                                                                left: 35%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(5) {
                                                                width: 6.5%;
                                                                left: 54%;
                                                            }
                                                        }


                                                        @media (max-width: 1366px) {
                                                            .RadiatorCapacity ul li:nth-child(2) {
                                                                left: 70%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(4) {
                                                                left: 29%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(5) {
                                                                width: 8.5%;
                                                            }

                                                        }



                                                        @media (max-width: 992px) {

                                                            .RadiatorCapacity {
                                                                position: relative;
                                                                margin-top: 20%;
                                                            }

                                                            .RadiatorCapacitymenu {
                                                                position: absolute;
                                                                z-index: 999;
                                                                display: block;
                                                                width: 80%;
                                                                height: 40px;
                                                                line-height: 40px;
                                                                margin-left: -40%;
                                                                top: 2%;
                                                                left: 58%;
                                                            }

                                                            .RadiatorCapacitymenu ul li {
                                                                width: 28%;
                                                                border-right: 0px solid #ccc;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(1) {
                                                                top: 21%;
                                                                left: 28%;
                                                                width: 38%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(2) {
                                                                left: 75%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(3) {
                                                                top: 87%;
                                                                left: 28%;
                                                                /* width: 38%; */
                                                                width: 0%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(4) {
                                                                left: 25%;
                                                            }

                                                            .RadiatorCapacity ul li:nth-child(5) {
                                                                width: 12.5%;
                                                            }

                                                        }
                                                    
                                                    
                                                    .CustomLCapacitymenu {
                                                        position: absolute;
                                                        z-index: 999;
                                                        display: block;
                                                        width: 600px;
                                                        height: 40px;
                                                        line-height: 40px;
                                                        margin-left: -300px;
                                                        top: 14%;
                                                        left: 50%;
                                                        cursor: pointer;
                                                    }

                                                    .CustomLCapacitymenu ul li {
                                                        float: left;
                                                        width: 19%;
                                                        height: 30px;
                                                        line-height: 30px;
                                                        font-size: 20px;
                                                        color: #fff;
                                                        border-right: 1px solid #ccc;
                                                        cursor: pointer;
                                                    }

                                                    .CustomLCapacitymenu ul li:last-child {
                                                        border-right: 0px solid #ccc;
                                                    }

                                                    .CustomLCapacity ul li {
                                                        position: absolute;
                                                        z-index: 999;
                                                        top: 0px;
                                                        left: 0px;
                                                        font-size: 17px;
                                                        line-height: 24px;
                                                        color: #fff;
                                                        width: 200px;
                                                        height: 200px;


                                                        background-color: #c1f5c700;
                                                    }

                                                    /*Top*/
                                                    .CustomLCapacity ul li:nth-child(1) {
                                                        top: 22%;
                                                        left: 38%;
                                                        width: 25%;
                                                        height: 0.8%;
                                                        display: flex;
                                                        flex-direction: row;
                                                        transform: rotatey(180deg);
                                                    }

                                                    /*font*/
                                                    .CustomLCapacity ul li:nth-child(2) {
                                                        top: 33%;
                                                        left: 66%;
                                                        width: 0.5%;
                                                        height: 50%;
                                                        display: flex;
                                                        flex-direction: column;
                                                    }

                                                    /*bot*/
                                                    .CustomLCapacity ul li:nth-child(3) {
                                                        top: 90%;
                                                        left: 38%;
                                                        width: 25%;
                                                        height: 0.8%;
                                                        display: flex;
                                                        flex-direction: row;
                                                        transform: rotatey(180deg);
                                                    }

                                                    /*Rear*/
                                                    .CustomLCapacity ul li:nth-child(4) {
                                                        top: 33%;
                                                        left: 33%;
                                                        width: 0.5%;
                                                        height: 50%;
                                                    }

                                                    /*Side*/
                                                    .CustomLCapacity ul li:nth-child(5) {
                                                        top: 34%;
                                                        left: 55%;
                                                        width: 6.5%;
                                                        height: 49%;
                                                    }

                                                    /*120mm*/
                                                    .CustomL120 .CustomLTop .line,
                                                    .CustomL120 .CustomLFront .line,
                                                    .CustomL120 .CustomLBot .line,
                                                    .CustomL120 .CustomLRear .line,
                                                    .CustomL120 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(1) {
                                                        background-color: #f72585;
                                                        transition: 1s;

                                                    }

                                                    .CustomL120 .CustomLTop .line {
                                                        width: 28%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;

                                                    }

                                                    .CustomL120 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 28%;
                                                        /**/
                                                        margin-bottom: 10px;

                                                    }

                                                    .CustomL120 .CustomLBot .line {
                                                        width: 28%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;

                                                    }

                                                    .CustomL120 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 28%;
                                                        /**/
                                                        margin-bottom: 10px;

                                                    }

                                                    .CustomL120 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 28%;
                                                        /**/
                                                        margin-bottom: 10px;

                                                    }

                                                    /*140mm*/
                                                    .CustomL140 .CustomLTop .line,
                                                    .CustomL140 .CustomLFront .line,
                                                    .CustomL140 .CustomLBot .line,
                                                    .CustomL140 .CustomLRear .line,
                                                    .CustomL140 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(2) {
                                                        background-color: #b5179e;
                                                        transition: 1s;
                                                    }

                                                    .CustomL140 .CustomLTop .line {
                                                        width: 40%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL140 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 40%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL140 .CustomLBot .line {
                                                        width: 40%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL140 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 40%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL140 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 40%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }


                                                    /*240mm*/
                                                    .CustomL240 .CustomLTop .line,
                                                    .CustomL240 .CustomLFront .line,
                                                    .CustomL240 .CustomLBot .line,
                                                    .CustomL240 .CustomLRear .line,
                                                    .CustomL240 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(3) {
                                                        background-color: #7209b7;
                                                        transition: 1s;
                                                    }

                                                    .CustomL240 .CustomLTop .line {
                                                        width: 58%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL240 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 58%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL240 .CustomLBot .line {
                                                        width: 58%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL240 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 58%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL240 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 58%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    /*280mm*/
                                                    .CustomL280 .CustomLTop .line,
                                                    .CustomL280 .CustomLFront .line,
                                                    .CustomL280 .CustomLBot .line,
                                                    .CustomL280 .CustomLRear .line,
                                                    .CustomL280 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(4) {
                                                        background-color: #3f37c9;
                                                        transition: 1s;
                                                    }

                                                    .CustomL280 .CustomLTop .line {
                                                        width: 0%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL280 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 68%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL280 .CustomLBot .line {
                                                        width: 68%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL280 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 68%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL280 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 68%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }


                                                    /*360mm*/
                                                    .CustomL360 .CustomLTop .line,
                                                    .CustomL360 .CustomLFront .line,
                                                    .CustomL360 .CustomLBot .line,
                                                    .CustomL360 .CustomLRear .line,
                                                    .CustomL360 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(5) {
                                                        background-color: #4361ee;
                                                        transition: 1s;
                                                    }

                                                    .CustomL360 .CustomLTop .line {
                                                        display: none;
                                                    }

                                                    .CustomL360 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 78%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL360 .CustomLBot .line {
                                                        width: 78%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL360 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 78%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL360 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 78%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    /*420mm*/
                                                    .CustomL420 .CustomLTop .line,
                                                    .CustomL420 .CustomLFront .line,
                                                    .CustomL420 .CustomLBot .line,
                                                    .CustomL420 .CustomLRear .line,
                                                    .CustomL420 .CustomLSide .line,
                                                    .CustomLCapacitymenu ul li:nth-child(6) {
                                                        background-color: #4895ef;
                                                        transition: 1s;
                                                    }

                                                    .CustomL420 .CustomLTop .line {
                                                        display: none;
                                                    }

                                                    .CustomL420 .CustomLFront .line {
                                                        width: 37%;
                                                        height: 92%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL420 .CustomLBot .line {
                                                        width: 0%;
                                                        /**/
                                                        height: 70%;
                                                        margin-right: 10px;
                                                    }

                                                    .CustomL420 .CustomLRear .line {
                                                        width: 37%;
                                                        height: 92%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    .CustomL420 .CustomLSide .line {
                                                        width: 92%;
                                                        height: 92%;
                                                        /**/
                                                        margin-bottom: 10px;
                                                    }

                                                    @media (min-width: 1920px) {

                                                        .CustomLCapacity ul li:nth-child(1) {
                                                            left: 35%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(2) {
                                                            left: 65%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(3) {
                                                            left: 35%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(4) {
                                                            left: 35%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(5) {
                                                            width: 6.5%;
                                                            left: 54%;
                                                        }
                                                    }

                                                    @media (max-width: 1366px) {
                                                        .CustomLCapacity ul li:nth-child(2) {
                                                            left: 70%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(4) {
                                                            left: 29%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(5) {
                                                            width: 8.5%;
                                                        }

                                                    }



                                                    @media (max-width: 992px) {

                                                        .CustomLCapacity {
                                                            position: relative;
                                                            margin-top: 20%;
                                                        }

                                                        .CustomLCapacitymenu {
                                                            position: absolute;
                                                            z-index: 999;
                                                            display: block;
                                                            width: 80%;
                                                            height: 40px;
                                                            line-height: 40px;
                                                            margin-left: -40%;
                                                            top: 2%;
                                                            left: 58%;
                                                        }

                                                        .CustomLCapacitymenu ul li {
                                                            width: 28%;
                                                            border-right: 0px solid #ccc;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(1) {
                                                            top: 21%;
                                                            left: 28%;
                                                            width: 38%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(2) {
                                                            left: 75%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(3) {
                                                            top: 87%;
                                                            left: 28%;
                                                            width: 38%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(4) {
                                                            left: 25%;
                                                        }

                                                        .CustomLCapacity ul li:nth-child(5) {
                                                            width: 12.5%;
                                                        }

                                                    }