@charset "utf-8";
/* CSS Document */

@media (min-width: 1100px) and (max-width: 1500px) {
    .choice_title {
        width: 70.2%;
    }
    .topSlider .sliderBox {
        padding-left: 80px;
        padding-right: 40px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        right: 15%;
    }
    .howchooseBox {
        background: url(../images/howchooseacomdomainname_1440.20260827.jpg) top center
            no-repeat;
        background-size: cover;
        height: 540px;
    }
    .howchooseBox.visible {
        background: url(../images/howchooseacomdomainname_1440.20260827.jpg) 0 0
            no-repeat;
    }
    .tabbox {
        padding: 0;
    }
    .rotateBox {
        margin-right: 0;
        width: 900px;
    }

    .tabitem_right {
        padding-left: 50px;
    }
    .howchoose {
        padding-top: 80px;
    }
    .termPage {
        padding: 50px 30px;
    }
    .websiteDtl {
        padding: 50px 30px;
    }
    .footerBox {
        width: 100%;
        padding: 40px 30px;
    }
    .watchVideoBox {
        max-width: none;
        margin-left: -28%;
        width: 56%;
        height: 472px;
        min-height: auto;
    }
    .bc-player-vJVBLg3XR_default.vjs-fluid,
    .bc-player-vJVBLg3XR_default.vjs-fluid.vjs-16-9 {
        padding-top: 0;
        height: 100%;
    }
    .comhowUse {
        width: 90%;
    }
    .indexsearchBox,
    .howchoose {
        width: 100%;
    }
    .startSearchBox,
    .search-result {
        width: 940px;
    }
    .indexsearchtext:before {
        right: 85px;
    }
    .cookie_right_btn {
        width: 30%;
    }
    .cookie_btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 0;
    }
    /* GrowMore 1100-1500 */
    .grow-section {
        max-width: 90%;
    }
    .grow-com-section {
        max-width: 90%;
        margin: 30px auto;
    }
    .grow-com-text {
        margin-left: 40px;
    }
}
@media (min-width: 768px) and (max-width: 1099px) {
    .choice_title {
        width: 70.2%;
    }
    .wwwcaozuo {
        padding-left: 5%;
        display: flex;
        justify-content: space-around;
    }
    .wwwcaozuo span {
        width: auto;
    }
    .wwwcaozuo strong {
        width: auto;
    }
    .wwwcaozuo img {
        width: 30px;
    }
    .video-share-group {
        width: 90%;
        height: auto;
        padding: 0;
        box-sizing: border-box;
    }
    .video-share-group video {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .indexsearchtext:before {
        right: -30px;
    }
    .tipBox {
        flex-direction: column;
        padding: 24px;
    }
    .tipBox .tipLft {
        width: 100%;
    }
    .tipBox .tipCont {
        padding-left: 0;
        margin-top: 14px;
    }
    .footerBox {
        width: 100%;
        padding: 40px 30px;
    }
    .stepTip {
        flex-direction: column;
    }
    .stepTip .stepTipRgt {
        padding-left: 0;
        padding-top: 14px;
    }
    .stepTip .stepTipLft {
        width: 100%;
    }
    .websiteDtl .articlelist {
        width: 240px;
    }
    .trustBox p {
        font-size: 16px;
    }
    .sclPage h3 {
        font-size: 24px;
    }
    .mediaList {
        margin: 24px 0 20px 20px;
    }
    .comhowUse {
        width: 80%;
        padding: 0;
    }
    .tabbox {
        display: flex;
    }
    .tabitemLft {
        width: 100%;
    }
    .tabitem,
    .smallshow {
        display: block;
    }
    .tabitem_1 {
        padding-right: 40px;
        flex: 1;
    }
    .tabitem_2 {
        padding-left: 40px;
        flex: 1;
    }
    .mobilehide {
        display: none;
    }
    .tabitem_right {
        padding-left: 0;
    }
    .tabitemRgt h3 {
        line-height: 1;
        font-size: 20px;
        margin: 20px 0 50px;
    }
    .tabitemRgt p {
        font-size: 16px;
        line-height: 26px;
    }
    .tabitemRgt ul li {
        font-size: 16px;
        padding: 7px 0 7px 45px;
    }
    .icon_item h3 {
        font-size: 24px;
    }
    .icon_item p {
        line-height: 30px;
        font-size: 15px;
    }
    .startSearch.visible {
        width: 80%;
        padding: 80px 0 115px 0;
    }
    .startSearch p {
        font-size: 16px;
    }
    .topmenu {
        position: relative;
    }
    .menuLink {
        display: block;
        order: 1;
        width: 75px;
        height: 100px;
        background: url(../images/icon_menu.20260827.png) center no-repeat;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .menuLinkClose {
        background: url(../images/icon_menu_close.20260827.png) center no-repeat #142e4f;
    }
    .topmenu .menu {
        display: none;
    }
    .mobile_nav {
        position: fixed;
        background: #142e4f;
        top: 100px;
        width: 100%;
        left: 0;
        height: 100%;
        display: none;
        line-height: 1;
    }
    .nswm-form-new {
        display: flex;
        width: 100%;
        border-radius: 20px;
    }
    .mobile_navitem {
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid #73b7dc;
        padding: 24px 0 28px;
    }
    .mobile_navitem h4 {
        font-size: 18px;
        color: #fff;
        line-height: 1;
    }
    .mobile_navitem a {
        display: block;
        font-size: 16px;
        line-height: 1;
        margin-top: 20px;
    }
    .term {
        margin-right: 60px;
        margin-left: 0;
        display: none;
    }
    .mobile_navterm {
        width: 90%;
        margin: 0 auto;
    }
    .mobile_navterm h3 {
        color: #fff;
        font-size: 18px;
        margin-top: 90px;
    }
    .mobile_navterm p {
        text-align: right;
        margin: 10px 0;
        font-size: 16px;
    }
    .mobile_navterm .nswm-form-new:before {
        content: "";
        background: url(../images/com.20260827.svg) 0 0 no-repeat;
        background-size: contain;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        width: 93px;
        height: 23px;
        top: 50%;
        right: 220px;
        margin-top: -11px;
    }
    .navsearch_btn {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 40px 40px 0;
        background: #f2821d;
        width: 205px;
        height: 78px;
        border: none;
        cursor: pointer;
        line-height: 78px;
        color: #fff;
        font-size: 24px;
        text-align: center;
    }
    .mobile_navterm .userSearchBar {
        width: 100%;
        border: 1px solid #d0d9e8;
        height: 80px;
        border-radius: 50px;
    }
    .mobile_navterm .userSearchBar .nswm-form-new input {
        height: 100%;
        font-size: 20px;
        font-style: italic;
        background: none;
        border: none;
        outline: none;
        width: 750px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 33px;
        letter-spacing: 1px;
        color: var(--color-text-heading);
        text-indent: 30px;
    }
    .topmenu .menu ul {
        display: flex;
        flex-direction: column;
    }
    .topmenu .menu ul li {
        margin: 0 auto;
        width: 85%;
        max-width: 100%;
        height: auto;
        border-bottom: 1px solid #73b7da;
    }
    .topmenu .menu ul li a {
        padding: 24px 0;
        display: block;
        font-weight: 600;
        color: var(--color-link-primary);
    }
    .topmenu .menu ul li a:active,
    .topmenu .menu ul li a:hover {
        text-decoration: none;
        color: var(--color-link-primary);
    }
    .comhowUse {
        margin-top: 60px;
        width: 90%;
    }
    .startSearch.visible {
        width: 90%;
    }
    .startSearchBox {
        width: 90%;
        padding: 80px 0 65px 0;
    }
    .rotateBox {
        height: 444px;
    }
    .rtImg1,
    .rtImg1.visible,
    .rtImg2,
    .rtImg2.visible,
    .rtImg3,
    .rtImg3.visible,
    .rtImg4,
    .rtImg4.visible {
        top: 350px;
    }
    .sliderPaging {
        bottom: 5%;
    }
    .rtImg2 {
        background-position: 320px 0;
    }
    .rtImg4 {
        background-position: 150px 0;
    }
    .watchVideoBox {
        padding: 20px;
        margin-left: -40%;
        width: 80%;
    }
    .watchVideoBoxClose {
        top: -40px;
        right: 0;
        filter: contrast(0);
    }
    .watchVideoBox {
        height: 363px;
    }
    .optionBox {
        width: 80%;
    }
    .rtImg1,
    .rtImg1.visible {
        background-position: 160px 90px;
        background-size: 750px;
    }
    .rtImg2,
    .rtImg2.visible {
        background-position: 460px 90px;
        background-size: 750px;
    }
    .rtImg3,
    .rtImg3.visible {
        background-position: 160px 90px;
        background-size: 750px;
    }
    .rtImg4,
    .rtImg4.visible {
        background-position: 250px 90px;
        background-size: 750px;
    }
    .serviceh2 h2 {
        padding-top: 30px;
        font-size: 20px;
    }
    .servicebox {
        width: 92%;
    }
    .servicebox p {
        font-size: 13px;
        line-height: 28px;
    }
    .serviceh2 {
        height: auto;
    }
    .servicebox ul li {
        font-size: 14px;
    }
    .servicebox ul {
        margin-left: 5px;
    }
    .serviceh2 h2 {
        width: 90%;
    }
    .servicebox {
        padding-top: 30px;
    }
    .servicebox .h4,
    .servicebox h4 {
        font-size: 16px;
        padding-bottom: 20px;
    }
    /* GrowMore 768-1099 */
    .grow-net-hero-overlay {
        max-width: 90%;
    }
    .theme-net .grow-hero .grow-hero-overlay {
        width: 100% !important;
        padding: 0 40px !important;
        line-height: 50px;
        align-items: flex-start !important;
        text-align: left;
    }
    .theme-net .grow-hero .grow-hero-overlay h1 {
        font-size: 36px;
        margin-bottom: 0;
    }
    .grow-section {
        max-width: 90%;
        gap: 40px;
        padding: 30px 20px;
    }
    .grow-intro {
        padding: 50px 20px;
    }
    .grow-intro h2 {
        font-size: 36px;
    }
    .grow-com-section {
        max-width: 90%;
        margin: 20px auto;
        align-items: stretch;
    }
    .grow-com-section .grow-img {
        flex: 0 0 40%;
    }
    .grow-com-section .grow-img > img {
        height: 100%;
        object-fit: cover;
    }
    .grow-com-section .grow-com-text {
        flex: 0 0 60%;
        padding: 24px 28px;
        gap: 20px;
    }
    .grow-com-text h3 {
        font-size: 24px;
    }
    .grow-com-text p {
        font-size: 14px;
    }
    .grow-com-text .grow-link {
        margin-top: 0;
    }
    /* .net theme tablet overrides */
    .theme-net .menuLink {
        background-image: url(../images/icon_menu_yellow.20260827.png);
    }
    .theme-net .menuLinkClose {
        background-image: url(../images/icon_menu_close_yellow.20260827.png);
    }

    .search-result {
        width: 83%;
        margin: -20px auto 0;
    }
    .search-web h5 {
        font-size: 14px;
        line-height: 20px;
        padding: 20px;
    }
    .search-web h1 {
        font-size: 18px;
    }
    .wwwcaozuo {
        display: block;
        font-size: 12px;
        padding-left: 25%;
    }
    .wwwcaozuo span {
        width: 100%;
        font-size: 12px;
        display: block;
        text-align: left;
        padding: 10px;
    }
    .wwwcaozuo strong {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px;
    }
    .wwwcaozuo:before {
        display: none;
    }

    .search-web-no {
        padding: 20px;
    }
    .search-web-no p {
        font-size: 12px;
    }

    .website-list ul li {
        width: 100%;
        font-size: 16px;
        padding: 15px 0;
        margin-bottom: 15px;
        height: auto;
    }
    .website-list h3 {
        font-size: 20px;
    }

    .weblists {
        position: fixed;
        width: 90%;
        padding: 10px;
        left: 50%;
        margin-left: -45%;
        bottom: 20px;
        border-radius: 20px;
    }
    .weblists h2 {
        font-size: 20px;
        padding: 0;
    }
    .weblists h3 {
        font-size: 14px;
        padding: 0;
    }
    .listclose {
        top: 20px;
        right: 20px;
    }
    .listclose img {
        width: 18px;
    }
    .weblists ul {
        width: 100%;
        height: 350px;
        padding: 10px;
    }
    .weblists ul li a {
        font-size: 14px;
        letter-spacing: 0;
        padding: 10px;
    }

    .indexsearchBox {
        width: 640px;
    }
    .indexsearchtext {
        width: 55%;
    }
    .indexsearchtext input {
        width: 100%;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 150px;
    }
    .fwtklink {
        width: 640px;
        padding: 20px 0;
    }
    * {
        line-height: 1.3;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
    }
    p {
        font-size: 14px;
    }
    .wwwinfo .tips {
        font-size: 14px;
    }
    .wwwinfo ul li {
        font-size: 14px;
        padding-left: 46px;
        background-position: 0 0;
        line-height: 1.5;
    }
    .tipBox .tipCont {
        font-size: 16px;
    }
    .wwwinfo .avrgReadTime {
        margin: 10px 0 24px 0;
    }
    .wwwinfo .tips {
        margin-top: 24px;
        margin-bottom: 40px;
    }
    .wwwinfo h2,
    .wwwinfo ul li {
        padding-bottom: 24px;
    }
    .tipBox {
        padding: 30px;
        margin: 20px 0 40px 0;
    }
    .tipBox .tipCont {
        padding-left: 30px;
    }
    .linkstep ul li {
        padding: 5px 0;
    }
    .stepmapss .sitelink,
    .stepmapss .sitelink a {
        font-size: 14px;
    }
    .stepmapss .siteImg {
        margin: 40px 0;
    }
    .stepmapss .step p {
        padding-bottom: 24px;
    }
    .linkstep ul,
    .guideLink ul {
        margin: 24px 0 24px 20px;
    }
    .stepmapss .step {
        margin-top: 40px;
    }
    .stepTip {
        padding: 30px;
    }
    .stepmapss .childList ul li {
        margin: 0 0 24px 40px;
    }
    .stepmapss .remenbernow {
        padding: 30px;
        font-size: 16px;
        word-break: break-word;
    }
    .dentistEmail b {
        font-size: 15px;
    }
    .wwwinfo .othsername {
        margin-bottom: 24px;
    }
    .yinxiaoitem {
        margin-top: 40px;
    }
    .yinxiaoitem p {
        padding-bottom: 24px;
    }
    .trustBox {
        padding: 30px;
    }
    .fourWay ul li {
        padding-left: 0;
    }
    .fourWay ul li .fourWayCont {
        padding-left: 20px;
    }
    .guideLink ul li {
        padding: 2px 0;
    }
    .guideBox {
        margin-top: 40px;
    }
    .sclPage {
        padding: 40px 0;
    }
    .sclPage h3 {
        font-size: 28px;
    }
    .mediaList ul li {
        margin-bottom: 0;
        padding: 0 0 24px 20px;
    }
    .waysBox ul ul {
        flex-direction: column;
    }
    .waysBox ul ul li {
        padding-left: 0;
        padding-top: 40px;
        background: url(../images/arwBltMbl.20260827.png) center 16px no-repeat;
    }
    .waysBox ul {
        margin-left: 20px;
    }
    .forwardBox p {
        padding-bottom: 24px;
    }
    .mediaList {
        margin: 24px 0 40px 40px;
    }
    .knowBox {
        flex-direction: column;
    }
    .knowBox .knowBoxLft {
        width: 100%;
        padding: 24px 0;
    }
    .knowBox .knowBoxRgt {
        padding: 24px;
    }
    .frwrdName h5,
    .frwrdName p {
        padding-bottom: 24px;
    }
    .tipBox .tipLft {
        padding: 20px 0;
    }
    .termPage .date {
        font-size: 16px;
    }
    .termBox ul li,
    .termList ul li {
        font-size: 14px;
    }
    .termBox .subHdng {
        font-size: 18px;
    }
    .termBox ul li {
        padding: 12px 20px;
    }
    .sclPage video {
        width: 100%;
        height: 300px;
    }
    .howchoose {
        width: 100%;
        padding: 80px 30px 0 30px;
    }
    .startSearch.visible,
    .startSearchBox {
        width: 100%;
        padding: 80px 30px 115px 30px;
    }
    .comhowUse {
        width: 100%;
        padding: 0 30px;
    }
    .findsearch .readySearch {
        width: 100%;
    }
    .rtImg4 {
        background-position: 100px 0;
    }
    .tollPopUpBox {
        width: 300px;
        height: 200px;
        font-size: 14px;
        line-height: 1.7;
        padding: 15px;
        left: -80px;
    }
    .cookieBanner {
        font-size: 13px;
    }
    .cookie_right_btn {
        width: 30%;
    }
    .cookie_btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 0;
    }
}
@media (max-width: 767px) {
    * {
        line-height: 1.3;
    }
    .websiteDtl .shortPage {
        height: 935px;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        flex: none;
    }
    .websiteDtl .shortPage1 {
        height: 670px;
    }
    .websiteDtl .shortPage2 {
        height: 1290px;
    }
    .relative_text {
        font-size: 18px;
        margin: 40px 0;
    }

    .shortPage.open {
        height: auto;
    }
    .closeShort {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
    }
    .close_mask {
        width: 100%;
        height: 200px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 1)
        );
    }
    .shortPage1 .close_mask,
    .shortPage2 .close_mask {
        height: 100px;
        background: #fff;
    }
    .shortPage1 .close_button,
    .shortPage2 .close_button {
        margin-bottom: 0;
    }
    .close_button {
        font-family: Montserrat, sans-serif;
        width: 180px;
        height: 43px;
        font-size: 18px;
        padding: 10px 30px;
        background-color: var(--color-accent);
        color: #fff;
        border-radius: var(--radius-pill);
        font-weight: bold;
        text-align: center;
        margin: 0 auto 25px;
        position: relative;
        top: 0;
        left: 0;
    }
    .wwwinfo ul li {
        font-size: 14px;
        padding-left: 46px;
        background-position: 0 0;
        line-height: 1.5;
    }
    .wwwinfo h2,
    .wwwinfo ul li {
        padding-bottom: 24px;
    }
    .linkstep ul li {
        padding: 5px 0;
    }
    .stepmapss .remenbernow {
        padding: 30px 22px;
        font-size: 16px;
        word-break: break-word;
    }
    .findsearch h3 b {
        display: block;
    }
    .swiper-container {
        height: 500px;
    }
    .pcshow {
        display: none;
    }
    .mobileshow {
        display: block;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
    }
    .swiper-pagination-bullet {
        margin: 0 18px;
    }
    .wwwcaozuo {
        padding-left: 5%;
        font-size: 12px;
        display: flex;
        justify-content: space-around;
    }
    .wwwcaozuo span {
        width: auto;
    }
    .wwwcaozuo strong {
        width: auto;
    }
    .wwwcaozuo img {
        width: 30px;
    }
    .video-share-group {
        width: 90%;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
    }
    .video-share-group video {
        width: 100%;
        height: auto;
    }
    .wwwcaozuo:before {
        display: none;
    }
    .indexsearchtext:before {
        right: -30px;
    }
    .tipBox {
        flex-direction: column;
        padding: 24px;
    }
    .tipBox .tipLft {
        width: 100%;
        font-size: 20px;
        padding: 20px 0;
    }
    .tipBox .tipCont {
        padding-left: 0;
        margin-top: 14px;
    }
    .stepTip {
        flex-direction: column;
    }
    .stepTip .stepTipRgt {
        padding-left: 0;
        padding-top: 14px;
    }
    .stepTip .stepTipLft {
        width: 100%;
        font-size: 20px;
        padding: 24px 0;
    }
    .sclPage h3 {
        font-size: 24px;
    }
    .mediaList {
        margin: 24px 0 20px 20px;
    }
    .topmenu .menu {
        display: none;
    }
    .tabitemLft {
        width: 100%;
    }
    .tabitem,
    .smallshow {
        display: block;
        margin-top: 0;
    }
    .tabitem {
        margin-top: 70px;
    }
    .mobilehide {
        display: none;
    }
    .tabitem_right {
        padding: 0;
    }
    .tabitemRgt h3 {
        line-height: 1;
        font-size: 20px;
        margin: 20px 0 50px;
    }
    .tabitemRgt p {
        font-size: 16px;
        line-height: 26px;
    }
    .tabitemRgt ul li {
        font-size: 16px;
        padding: 7px 0 7px 45px;
        background-position: 0 50%;
    }
    .icon_item {
        padding: 0;
        margin: 80px 0;
    }
    .icon_item h3 {
        font-size: 24px;
        text-align: left;
    }
    .icon_item p {
        line-height: 30px;
        font-size: 15px;
    }
    .startSearch p {
        font-size: 16px;
    }
    .topmenu {
        position: relative;
    }
    .menuLink {
        display: block;
        order: 1;
        width: 75px;
        height: 100px;
        background: url(../images/icon_menu.20260827.png) center no-repeat;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .menuLinkClose {
        background: url(../images/icon_menu_close.20260827.png) center no-repeat #142e4f;
    }
    .topmenu .menu {
        display: none;
    }
    .mobile_nav {
        position: fixed;
        background: #142e4f;
        top: 100px;
        width: 100%;
        left: 0;
        height: 100%;
        display: none;
        line-height: 1;
    }
    .nswm-form-new {
        display: flex;
        width: 100%;
        border-radius: 20px;
    }
    .mobile_navitem {
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid #73b7dc;
        padding: 24px 0 28px;
    }
    .mobile_navitem h4 {
        font-size: 18px;
        color: #fff;
        line-height: 1;
    }
    .mobile_navitem a {
        display: block;
        font-size: 16px;
        line-height: 1;
        margin-top: 20px;
    }
    .term {
        margin-right: 60px;
        margin-left: 0;
        display: none;
    }
    .mobile_navterm {
        width: 90%;
        margin: 0 auto;
    }
    .mobile_navterm h3 {
        color: #fff;
        font-size: 18px;
        margin-top: 65px;
    }
    .mobile_navterm p {
        text-align: right;
        margin: 10px 0;
        font-size: 16px;
    }
    .mobile_navterm .nswm-form-new:before {
        content: "";
        background: url(../images/com.20260827.svg) 0 0 no-repeat;
        background-size: contain;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        width: 51px;
        height: 13px;
        top: 50%;
        right: 85px;
        margin-top: -6px;
    }
    .navsearch_btn {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 40px 40px 0;
        background: #f2821d;
        width: 80px;
        height: 48px;
        border: none;
        cursor: pointer;
        line-height: 48px;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }
    .mobile_navterm .userSearchBar {
        width: 100%;
        border: 1px solid #d0d9e8;
        height: 50px;
        border-radius: 50px;
    }
    .mobile_navterm .userSearchBar .nswm-form-new input {
        height: 100%;
        font-size: 14px;
        /* font-style: italic; */
        background: none;
        border: none;
        outline: none;
        width: 750px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 33px;
        letter-spacing: 1px;
        color: var(--color-text-heading);
        padding-left: 20px;
    }
    .nswm-form-new input[type="search" i] {
        appearance: none;
        box-sizing: border-box;
        padding: 1px 2px;
    }
    .topmenu .menu ul {
        display: flex;
        flex-direction: column;
    }
    .topmenu .menu ul li {
        margin: 0;
        border-top: 1px solid var(--color-header-bg);
        width: 100%;
        max-width: 100%;
    }
    .topmenu .menu ul li a {
        padding: 24px 0;
        display: block;
        font-weight: 600;
        color: var(--color-link-primary);
    }
    .topmenu .menu ul li a:active,
    .topmenu .menu ul li a:hover {
        text-decoration: none;
        color: var(--color-link-primary);
    }
    .topmenu .menu ul li:first-child {
        border: none;
    }
    .comhowUse {
        margin-top: 60px;
        width: 80%;
    }
    .startSearchBox {
        width: 90%;
        padding: 80px 0 65px 0;
    }
    .rotateBox {
        height: 444px;
    }
    .rtImg1,
    .rtImg1.visible,
    .rtImg2,
    .rtImg2.visible,
    .rtImg3,
    .rtImg3.visible,
    .rtImg4,
    .rtImg4.visible {
        top: 350px;
    }
    .sliderPaging {
        bottom: 5%;
    }
    .rtImg2 {
        background-position: 320px 0;
    }
    .rtImg4 {
        background-position: 150px 0;
    }
    .watchVideoBox {
        padding: 20px;
        margin-left: -40%;
        width: 80%;
    }
    .watchVideoBoxClose {
        top: -40px;
        right: 0;
        filter: contrast(0);
    }
    .watchVideoBox {
        height: 363px;
    }
    .optionBox {
        width: 80%;
    }
    .rtImg1,
    .rtImg1.visible {
        background-position: 160px 90px;
        background-size: 750px;
    }
    .rtImg2,
    .rtImg2.visible {
        background-position: 460px 90px;
        background-size: 750px;
    }
    .rtImg3,
    .rtImg3.visible {
        background-position: 160px 90px;
        background-size: 750px;
    }
    .rtImg4,
    .rtImg4.visible {
        background-position: 250px 90px;
        background-size: 750px;
    }

    .rotateBox {
        -webkit-clip-path: ellipse(90% 100% at 29% 52%);
        clip-path: ellipse(90% 100% at 29% 52%);
    }
    .topSlider .sliderBox p {
        line-height: 26px;
    }
    .topSlider .sliderBox p em {
        display: inline-block;
    }
    .pchsow {
        display: none;
    }
    .topSlider .sliderBox p.mobileshow {
        display: inline-block;
        margin: 0;
        padding: 0;
        display: none;
    }
    .readybuss .videoBtn {
        height: 43px;
        padding: 0;
        height: 42px;
        padding: 0;
        display: flex;
        margin: 20px auto;
        align-items: center;
        justify-content: center;
    }
    #share-sina {
        font-size: 0;
        width: 35px;
        height: 30px;
        background-size: 24px;
    }
    .sherebox {
        text-align: center;
        right: 0;
        top: auto;
        bottom: 0;
        padding: 8px 0 8px 10px;
    }
    .videobox .close {
        background: transparent;
        top: -34px;
    }
    .howchoose h2 {
        text-align: left;
    }
    .howchoose h2 b {
        display: block;
    }
    a.videoBtn {
        height: auto;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    .dskImg {
        display: none !important;
    }
    .mblImg {
        display: block !important;
        width: 100%;
    }
    .blogHero_cover {
        height: 220px;
    }
    .websiteDtl {
        flex-direction: column;
    }
    .websiteDtl .wwwinfo {
        padding-right: 0;
    }
    .websiteDtl {
        padding: 40px 24px;
    }
    header {
        padding: 0 24px 0 12px;
    }

    .wwwinfo .othsername strong {
        font-size: 16px;
    }
    .defineReq h2 {
        word-break: break-word;
    }
    .articletit {
        text-align: center;
    }
    .articletit span {
        display: flex;
        height: 6px;
        width: 84px;
        background: #b3b3b3;
        margin: 12px auto;
    }
    .articlelist ul li {
        margin-top: 24px;
    }

    .stepmapss .childList ul li {
        margin: 0 0 24px 30px;
        padding: 0 0 0 10px;
    }
    .websiteDtl .articlelist {
        width: 100%;
        margin-top: 60px;
    }
    .articlelist ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .trustBox p {
        font-size: 14px;
    }
    .elevateBox p {
        padding-bottom: 24px;
    }
    .elevateBoxImg {
        margin: 20px 0 40px 0;
    }
    .fourWay ul li {
        flex-direction: column;
    }
    .fourWay ul li .fourWayCont {
        padding-left: 0;
    }
    .fourWay ul li .fourWayIcon {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 24px 0;
    }
    .fourWay ul li {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .footerTop {
        flex-direction: column;
        padding-bottom: 0;
    }
    .footerTop .ftrRgt {
        padding: 40px 0;
    }
    .footer {
        text-align: center;
    }
    .footer .footer_line1 {
        color: var(--color-link-hover);
        margin: 40px 0;
    }
    .termPage {
        padding: 40px 24px;
    }
    .termBox ul {
        margin: 15px 0 0 0;
    }
    .termBox ul li {
        padding: 10px;
    }
    .sclPage video {
        height: 200px;
    }
    header .logo {
        width: 104px;
    }
    .howchoose {
        padding: 60px 12% 0 10%;
    }
    .howchoose ul li .iconimg img {
        width: 30px;
    }
    .howchoose ul {
        flex-direction: column;
    }
    .howchoose ul li {
        margin-bottom: 70px;
    }
    .howchoose ul li .iconimg {
        position: relative;
        margin-bottom: 20px;
    }
    .howchoose ul li:nth-child(1) .iconimg::before,
    .howchoose ul li:nth-child(2) .iconimg::before,
    .howchoose ul li:nth-child(3) .iconimg::before {
        content: "发挥创意";
        position: absolute;
        top: 20px;
        left: 50px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }
    .howchoose ul li:nth-child(2) .iconimg::before {
        content: "展开描绘";
    }
    .howchoose ul li:nth-child(3) .iconimg::before {
        content: "探索位置";
    }
    .howchoose ul li h5 {
        display: none;
    }
    .howchoose ul li:nth-child(2) {
        padding: 0;
    }
    .howchoose ul li p {
        line-height: 1.8;
    }
    .howchooseBox {
        background-size: cover;
        height: auto;
    }
    .howchooseBox {
        background: url(../images/howchooseacomdomainname_Mbl.20260827.png) center bottom
            no-repeat;
        background-size: cover;
        height: auto;
    }
    .readyfor {
        padding: 0 10%;
    }
    .rotateDiv {
        width: 389px;
        height: 389px;
    }
    .rtImg {
        border-radius: 500px;
    }
    .rtImg1,
    .rtImg1.visible,
    .rtImg2,
    .rtImg2.visible,
    .rtImg3,
    .rtImg3.visible,
    .rtImg4,
    .rtImg4.visible {
        top: auto;
        right: auto;
        bottom: 0;
        left: -50px;
        width: 250px;
        height: 250px;
        background-size: 450px;
        width: 200px;
        height: 200px;
        bottom: 45px;
        left: 30px;
    }
    .rtImg1,
    .rtImg1.visible {
        background-position: -200px 10px;
    }
    .rtImg2,
    .rtImg2.visible {
        background-position: -170px 30px;
    }
    .rtImg3,
    .rtImg3.visible {
        background-position: -200px 40px;
    }
    .rtImg4,
    .rtImg4.visible {
        background-position: -170px 20px;
    }
    .rotateDiv {
        top: -195px;
        left: 0;
        right: auto;
    }
    .rotateBox {
        order: 2;
    }
    .topSlider .sliderBox {
        margin: 0 12px;
        width: auto;
        flex: 1;
        padding: 40px 0 30px 0;
        min-height: 300px;
        width: 90%;
        padding-top: 50px;
    }
    .rotateBox {
        width: 195px;
        height: 225px;
    }
    .upSlide {
        transform: rotate(90deg);
    }
    .downSlide {
        transform: rotate(-90deg);
    }
    .startSearch.visible,
    .startSearchBox {
        width: 100%;
        padding: 50px 12px 65px 12px;
    }
    .optionBox {
        padding: 16px;
        height: auto;
    }
    .optionBox p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
    }
    .optionBox .optBtnBox .optBtn {
        font-size: 14px;
        line-height: 32px;
        width: 106px;
        height: 33px;
    }
    .optionBox .optBtnBox {
        margin: 20px 0 0 0;
    }
    .optionBoxTrans {
        align-items: flex-start;
        padding-top: 120px;
    }
    .findsearch .nswm-form button {
        width: 84px;
        font-size: 14px;
    }
    .findsearch .nswm-form button::before {
        width: 60px;
        height: 15px;
        top: 16px;
        left: -70px;
        background-size: 100%;
    }
    .findsearch .readySearch {
        height: 50px;
        width: 100%;
    }
    .findsearch .nswm-form input {
        height: 50px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 2%;
    }
    .findsearch .nswm-form {
        border-radius: 20px;
    }
    .findsearch h3 {
        padding-bottom: 40px;
    }
    .readybuss h4 {
        margin-bottom: 50px;
        letter-spacing: 2px;
    }
    .readybuss h1 {
        letter-spacing: 2px;
    }
    .findsearch .nswm-form button::before {
        display: none;
    }
    .tollPopUpBox {
        position: fixed;
        left: 10%;
        width: 80%;
        height: auto;
    }
    .indexsearchBox {
        width: 350px;
        height: 50px;
        margin-top: 40px;
    }
    .fwtklink {
        width: 350px;
    }
    .indexsearchtext {
        width: 55%;
        margin: 0 0 0 20px;
    }

    .indexsearchbtn {
        width: 80px;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
    }
    .indexsearchtext input {
        font-size: 12px;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
    .indexsearchtext:before {
        right: -90px;
        top: 20px;
        background-size: 45px;
    }
    .footerBox {
        width: 100%;
        padding: 40px 30px;
    }
    .howchoose {
        width: 100%;
        padding: 60px 12% 0 10%;
    }
    .ftrRgt ul li {
        text-align: center;
        display: block;
        margin: 0;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 50px;
    }
    .choice_title {
        width: 70.2%;
    }
    .choiceicon_content {
        display: block;
    }
    .search-result {
        width: 83%;
        margin: -20px auto 0;
    }
    .search-web-no {
        padding: 20px;
    }
    .search-web-no p {
        font-size: 12px;
    }
    .search-web h5 {
        font-size: 14px;
        line-height: 20px;
        padding: 20px;
    }
    .search-web h1 {
        font-size: 18px;
    }
    .weblists {
        position: fixed;
        width: 90%;
        padding: 10px;
        left: 50%;
        margin-left: -45%;
        bottom: 20px;
        border-radius: 20px;
    }
    .weblists h2 {
        font-size: 20px;
        padding: 0;
    }
    .weblists h3 {
        font-size: 14px;
        padding: 0;
    }
    .listclose {
        top: 20px;
        right: 20px;
    }
    .listclose img {
        width: 18px;
    }
    .weblists ul {
        width: 100%;
        height: 350px;
        padding: 10px;
    }
    .weblists ul li a {
        font-size: 14px;
        letter-spacing: 0;
        padding: 10px;
    }
    .serviceh2 {
        height: auto;
    }
    .serviceh2 h2 {
        padding-top: 30px;
        font-size: 20px;
        width: 90%;
    }
    .servicebox {
        width: 92%;
        padding-top: 30px;
    }
    .servicebox p {
        font-size: 13px;
        line-height: 28px;
    }
    .servicebox ul {
        margin-left: 5px;
    }
    .servicebox ul li {
        font-size: 14px;
    }
    .servicebox .h4,
    .servicebox h4 {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .servicebox strong {
        _line-height: 28px;
    }
    .cookieBanner .cookie_left_text {
        font-size: 12px;
        line-height: 18px;
    }
    .cookie_left_text {
        width: 88%;
        position: static;
        margin: 40px auto 20px;
        padding: 0;
    }
    .cookie_right_btn {
        position: static;
        width: 88%;
        margin: 0 auto 20px;
        transform: none;
        -webkit-transform: none;
        font-size: 12px;
    }
    .cookie_btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 0;
        font-weight: bold;
    }
    .cookie_close {
        top: 8px;
        right: 8px;
        transform: none;
        -webkit-transform: none;
    }
    .cookieslist_content {
        height: calc(100% - 220px);
    }
    .cookie_slide_btn {
        width: 100%;
        border-radius: 6px;
        font-size: 12px;
    }
    .cookie_list_btn {
        width: 85%;
        position: absolute;
        bottom: 40px;
        left: 30px;
    }
    .cookieSlider {
        width: 100%;
    }
    .cookieslist_view i {
        margin-top: 2px;
    }
    .cookieslist_view.active i {
        margin-top: 5px;
    }
    .cookie_text h3 {
        font-size: 21px;
    }
    .cookie_text p {
        line-height: 20px;
    }
    .cookieslist_view span {
        text-decoration: none;
    }
    /* GrowMore mobile */
    .theme-net .grow-hero .grow-hero-overlay {
        width: 100% !important;
        padding: 0 24px !important;
        box-sizing: border-box;
        text-align: left;
        transform: translateY(48px);
    }
    .grow-intro {
        padding: 40px 31px;
    }
    .grow-intro h2 {
        font-size: 36px;
    }
    .grow-com-intro {
        padding: 56px 24px 32px;
    }
    .grow-com-intro h2 {
        max-width: 100%;
    }
    .theme-net .grow-intro {
        padding: 56px 24px 32px;
    }
    .grow-section {
        flex-direction: column;
        gap: 30px;
        padding: 30px 20px;
    }
    .grow-section.reverse {
        flex-direction: column;
    }
    .grow-section.pad-lg {
        padding: 30px 20px;
    }
    .grow-section .grow-img {
        width: 100%;
    }
    .grow-section .grow-text {
        width: 100%;
    }
    .grow-section .grow-text h3 {
        font-size: 22px;
    }
    .grow-bottom-text {
        padding: 20px;
        font-size: 12px;
    }
    .grow-com-section {
        flex-direction: column;
        margin: 20px auto;
        padding: 0;
    }
    .grow-com-section.reverse {
        flex-direction: column;
    }
    .grow-com-section .grow-img {
        width: 100%;
    }
    .grow-com-section .grow-com-text {
        width: 100%;
        margin-left: 0;
        padding: 24px 20px;
        gap: 16px;
    }
    .grow-com-section .grow-com-text h3 {
        font-size: 22px;
    }
    .grow-com-section .grow-com-text p {
        font-size: 14px;
    }
    .grow-com-section .grow-img .play-btn img {
        width: 50px;
        height: 50px;
    }
    .grow-com-text .grow-link {
        font-size: 14px;
        margin-top: 0px;
    }
    /* .net theme mobile overrides */
    .theme-net .grow-section {
        padding: 30px 0;
        gap: 20px;
    }
    .theme-net .grow-section:first-of-type {
        padding: 64px 0;
    }
    .theme-net .grow-section .grow-img {
        display: flex;
        justify-content: center;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .theme-net .grow-section .grow-img picture {
        display: block;
        max-width: 100%;
    }
    .theme-net .grow-section .grow-img img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .theme-net .grow-section .grow-text {
        width: 100%;
        text-align: left;
        padding: 0 20px;
        padding-top: 0 !important;
    }
    .theme-net .menuLink {
        background-image: url(../images/icon_menu_yellow.20260827.png);
    }
    .theme-net .menuLinkClose {
        background-image: url(../images/icon_menu_close_yellow.20260827.png);
    }
    .theme-net .grow-hero .grow-hero-bg {
        object-position: center top;
    }
}

@media (max-width: 1099px) {
    .mobile_navterm .userSearchBar {
        overflow: hidden;
    }
    .mobile_navterm .nswm-form-new {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 93px 205px;
        align-items: center;
        height: 100%;
        position: relative;
        border-radius: inherit;
    }
    .mobile_navterm .userSearchBar .nswm-form-new input {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        min-width: 0;
        height: 100%;
        margin: 0;
        padding: 0 16px 0 30px;
        text-indent: 0;
    }
    .mobile_navterm .nswm-form-new:before {
        grid-column: 2;
        grid-row: 1;
        position: static;
        justify-self: center;
        margin: 0;
    }
    .mobile_navterm .navsearch_btn {
        grid-column: 3;
        grid-row: 1;
        position: static;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .mobile_navterm .nswm-form-new {
        grid-template-columns: minmax(0, 1fr) 62px 64px;
    }
    .mobile_navterm .userSearchBar .nswm-form-new input {
        padding: 0 8px 0 20px;
    }
}
/*@media (min-width:376px) and (max-width:500px) {

	.indexsearchtext:before{ right:-80px; top:20px; background-size:45px; }
	.betips{ width:95%; line-height:26px; font-size: 13px;}
	.topSlider .sliderBox h2 b{ display:block; color:#333; font-weight:bold}
	.topSlider .sliderBox p{ display:inline-block }
	.term p a{ }
	.term{ margin-right:52px;}
	.term p{ padding:9px 0; }
	.tab ul li b{ font-weight:bold; display:block}
	.tab ul li.active b{ display:block; font-weight:bold; color:#f2821d}
	.tabitemRgt ul li a em{ font-style:normal; display:block; color:#00a1de}
	.userSearchBar{ }
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ right:auto; bottom:30px; left:auto; width:100%}
	.readybuss h1{ letter-spacing:5px;}
	.readybuss h4{ letter-spacing:0; margin-bottom:50px;}
	.readybuss .videoBtn{}
	.tabitemRgt h3{ margin-bottom:50px;}
	.tabitemRgt p{ margin-bottom:50px;}
	.indexsearchBox{ height:50px; }
	.indexsearchtext{ margin:0; margin-left:20px;}
	.indexsearchtext input{ font-size:14px;}
	.indexsearchbtn{ width:80px; height:50px; font-size:14px; line-height:50px;}
	.fwtklink{ font-size:12px;}
	.cta-links p, .cta-links a { font-size: 13px; }
	.cta-links { margin-top: 20px; }
	.startSearchBox{ padding-bottom:30px;}
	.tabitemRgt p{ letter-spacing:0; }
	.comhowUse{ padding:0 20px; }
	.indexsearchtext input{ font-size:12px;}
	.ftrRgt ul li{ text-align:center; display:block; margin:0; }
	.userSearchBar {
		width: 177px
	}
	.tabbox {
		padding: 0;
	}
	.tabitem {
		flex-direction: column
	}
	.tabitemLft {
		width: 100%
	}
	.tab ul li {
		padding: 30px 5px
	}
	a.findBtn, a.videoBtn {
		display: block;
		margin: 20px auto;
		width: 200px
	}
	.watchVideoBox {
		padding: 10px;
		margin-left: -45%;
		width: 90%
	}
	.watchVideoBox {
		height: 220px;
		margin-top: -110px
	}
	.topSlider .sliderBox {
		min-height: 500px
	}
	.topSlider {
		position: relative
	}
	.rotateBox {
		position: absolute;
		top: 0;
		right: 0
	}
	.topSlider .sliderBox {
		width:90%;
		flex: none; padding-left:10px;

	}
}
@media (min-width:361px) and (max-width:375px) {
	.topSlider .sliderBox {
		width: 90%
	}

	h1 {
		font-size: 24px
	}
	h4 {
		font-size: 14px
	}
	a.findBtn, a.videoBtn {
		margin: 10px auto;
		font-size: 14px;
	}
}
@media (min-width:321px) and (max-width:360px) {
	.readybuss .videoBtn{ height:36px;}
	a.findBtn{ height:36px;}
	.userSearchBar {
		width: 157px
}
	}
@media (max-width:320px) {
	h1 {
		font-size: 24px
	}
	h2 {
		font-size: 20px
	}
	h3 {
		font-size: 18px
	}
	h4 {
		font-size: 16px
	}
	.menu {
		width: 320px
	}
	.menuLink {
		width: 55px
	}
	.term {
		margin-right: 40px
	}
	header .logo {
		width: 70px
	}
	.readybuss h4 {
		font-size: 14px;
		margin-bottom: 10px
	}
	.readybuss h1 {
		font-size: 20px;
		margin-bottom: 10px
	}
	.userSearchBar {
		width: 150px
	}
}*/