@charset "utf-8";
body,html{font-family:"PingFang SC","Microsoft YaHei",sans-serif;width:100%;height:100%}
a:hover{text-decoration: none;}
.section{width:100%;height:auto;float:left;}
.text-justify{text-align: justify;}
.shiro{display:none}
.link-secondary {color:#f8fafc !important;}
.w-10{width: 10%!important;}
.w-20{width: 20%!important;}
.w-30{width: 30%!important;}
.w-40{width: 40%!important;}
.w-60{width: 60%!important;}
.w-70{width: 70%!important;}
.w-80{width: 80%!important;}
.w-90{width: 90%!important;}
.p-1r5{padding:1.5rem;}
.h-10px{height: 10px!important;}
.h-20px{height: 20px!important;}
.h-30px{height: 30px!important;}
.h-40px{height: 40px!important;}
.h-50px{height: 50px!important;}
.h-60px{height: 60px!important;}
.lh-xl{line-height: 2!important;}
.lh-xxl{line-height: 2.5!important;}
.text-18{font-size:18px;}
.px-md-12{padding-right: 12rem!important;padding-left: 12rem!important;}
.carousel-item{transition:transform .4s ease-in-out;}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background-color: rgba(0, 0, 0, .3);*/}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;cursor: pointer;}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}
.carousel-control-next, .carousel-control-prev{width: 5%;}
.carousel-control-next .icon, .carousel-control-prev .icon{--tblr-icon-size: 3rem;}
.list-group-item.active{background-color: rgba(var(--tblr-indigo-rgb), 1);color: #fff;}
.carotable .carousel-control-prev{left: -5%;}
.carotable .carousel-control-next{right: -5%;}
.ms-n1,.mx-n1{margin-left: -0.25rem!important}
.ms-n2,.mx-n2{margin-left: -0.5rem!important}
.ms-n3,.mx-n3{margin-left: -1rem!important}
.ms-n4,.mx-n4{margin-left: -2rem!important}
.ms-n5,.mx-n5{margin-left: -4rem!important}
.me-n1,.mx-n1{margin-right: -0.25rem!important}
.me-n2,.mx-n2{margin-right: -0.5rem!important}
.me-n3,.mx-n3{margin-right: -1rem!important}
.me-n4,.mx-n4{margin-right: -2rem!important}
.me-n5,.mx-n5{margin-right: -4rem!important}
.h-150{width: 100%;height: 150px;object-fit: cover;}
.h-230{width: 100%;height: 230px;object-fit: cover;}
.h-240{width: 100%;height: 240px;object-fit: cover;}
.h-250{width: 100%;height: 250px;object-fit: cover;}
.h-300{width: 100%;height: 300px;object-fit: cover;}
.h-400{width: 100%;height: 400px;object-fit: cover;}
.h-500{width: 100%;height: 500px;object-fit: cover;}


.header{padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header.fixed-top{position: fixed !important;background-color: #fff; box-shadow: -2px -3px 7px 0px #d0cecebd;}
.index .header.fixed-top{position: fixed!important;background-color: rgba(0, 0, 0, .4);}
.header .navbar-brand img{height: 45px;}
.header .navbar-brand .logo{display: block;}
.header .navbar-brand .logow{display: none;}
.index .header .navbar-brand .logo{display: none;}
.index .header .navbar-brand .logow{display: block;}
.header .navbar-nav .nav-link{font-size: 1rem;font-weight: bold;padding: 1rem 0.8rem;}
.header .navbar-nav .nav-item:last-child .nav-link{padding-right: 0;}
.header .navbar-nav .nav-item .nav-link i{transition: all 0.3s ease-out;}
.header .navbar-nav .nav-item .nav-link:hover i{transform: rotate(360deg);transition: all 0.3s ease-out;}
.index .header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;top:98%;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;border: 0;}
.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;padding: .6rem 1.5rem;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-indigo);color: #fff;}
/*.header .navbar-nav .nav-item1 .dropdown-menu{display: flex!important;flex-direction: row;}*/
.header .navbar-nav .hov-dropdown .dropdown-menu{min-width: 520px;max-width: 800px;}
.header .navbar-nav .nav-item5 .dropdown-menu{min-width: 470px;max-width: 690px;}
.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center{overflow: hidden;border-bottom: 1px solid #eee;transition: all 0.3s ease-out;}
.header .navbar-nav .hov-dropdown .dropdown-menu .col-md-5 a{color:#333;}
.header .navbar-nav .hov-dropdown .dropdown-menu .dropdown-a{color:#333;}
.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center:hover{background: #4263eb;transition: all 0.3s ease-out;}
.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center:hover a,.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center:hover h3,.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center:hover small,.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center:hover i{color:#fff;}

.header .navbar-nav .hov-dropdown .dropdown-menu .list-group{width: 250px;}
.header .navbar-nav .hov-dropdown .dropdown-menu .list-group .list-group-item h3{white-space: nowrap;}
.header .navbar-nav .hov-dropdown .dropdown-menu .list-group .list-group-item p{height: 40px;line-height: 20px;overflow: hidden;}
.header .navbar-nav .hov-dropdown .dropdown-menu dl dt .dropdown-item{font-size: 1rem;font-weight: bold;}
.header .navbar-nav .hov-dropdown .dropdown-menu .list-group .list-group-item:hover,.header .navbar-nav .hov-dropdown .dropdown-menu .list-group a:hover.list-group-item{background-color: var(--tblr-indigo);color: #fff;}
.header .navbar{background: #fff;}
.header .navbar  .nav-link{color: #333!important;}
.banner .carousel-item .btxt h1{font-size: 36px!important;padding-top: 2rem;}
.banner .icon{--tblr-icon-size: 3rem;}

.btn-lightblue{--tblr-btn-bg:#e6f0ff;--tblr-btn-color:#666666;--tblr-btn-border-color:#fff;--tblr-btn-hover-border-color:#fff;--tblr-btn-hover-bg:#d7e4f9;}
.btn-lightpink{--tblr-btn-bg: #dedbf2;--tblr-btn-color:#666666;--tblr-btn-border-color:#fff;--tblr-btn-hover-border-color:#fff;--tblr-btn-hover-bg: #cfcaf3;}
.text-audience{color: #58409B;}
.bg-e7f1ff{background-color: #e7f1ff;}
.bg-e2edff{background-color: #e2edff;}
.bg-f1f5ff{background-color: #f1f5ff;}
.bg-e6f0ff{background-color: #e6f0ff;}
.bg-f5f9fe{background-color: #f5f9fe;}
.bg-gradient-blue1{background-image: url(../tiktok/artsec-c01.jpg);background-repeat: no-repeat;background-size: cover;}   
.bg-gradient-blue2{background-image: url(../tiktok/artsec-c02.jpg);background-repeat: no-repeat;background-size: cover;}  
.bg-gradient-blue3{background-image: url(../tiktok/artsec-c03.jpg);background-repeat: no-repeat;background-size: cover;}  
.bg-gradient-blue4{background-image: url(../tiktok/artsec-c04.jpg);background-repeat: no-repeat;background-size: cover;} 
.bg1{background-image: url(../tiktok/index-marketing.webp);background-repeat: no-repeat;background-size: cover;}
.bgi1{background-image: url(../tiktok/bgi1.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-moon{background-image: url(../tiktok/bg-google02.jpg);background-repeat: no-repeat; background-position: bottom right;}
.bgform{background-image: url(../tiktok/bgform.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-elliptic-left{background-image: url(../tiktok/bg-elliptic-left.png);background-repeat: no-repeat;background-size: auto 100%;}
.bg-darkblue{background-image: url(../tiktok/bg-darkblue.png);background-repeat: no-repeat;background-size: cover;}
.bg-darkblue1{background-image: url(../tiktok/bg-darkblue1.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-darkplay{background-image: url(../tiktok/bg-darkplay.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbw{background-image: url(../tiktok/bg-lightbw.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbwc{background-image: url(../tiktok/bg-lightbwc.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbt{background-image: url(../tiktok/bg-lightbt1.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbr{background-image: url(../tiktok/bg-lightbr.png);background-repeat: no-repeat;background-size: 100% 100%;}
.bg-cardok{background-image: url(../tiktok/bg-cardok.png); background-repeat: no-repeat;background-position: left bottom;background-size: 100%;}
.bg-cardone{background-image: url(../tiktok/bg-cardone.png); background-repeat: no-repeat;background-position: right bottom;background-size: auto 60%;}
.bg-darklinkedin{background-image: url(../tiktok/bg-darklinkedin.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lighthalfball{background-image: url(../tiktok/bg-lighthalfball.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbarrow{background-image: url(../tiktok/bg-lightbarrow.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightsingle{background-image: url(../tiktok/bg-lightsingle.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightb2c1{background-image: url(../tiktok/bg-lightb2c1.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-stripe{background-image: url(../tiktok/bg-stripe.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-bluetiktok{background-image: url(../tiktok/bg-bluetiktok.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom center;}
.bg-lighttiktok{background-image: url(../tiktok/bg-lighttiktok.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-artsec{background-image: url(../tiktok/bg-artsec.jpg);background-repeat: no-repeat;background-size: cover;background-position: right center;}
.bg-whitecircle{background:#fbfbfc url(../tiktok/bg-whitecircle.jpg);background-repeat: no-repeat;background-size: cover;background-position: top right;}
.bg-darkbluenr{background:#fbfbfc url(../tiktok/bg-darkbluenr.jpg);background-repeat: no-repeat;background-size: cover;background-position: right center;}
.bg-blueball{background:#fbfbfc url(../tiktok/bg-blueball.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom center;}
.bg-process{background:#fbfbfc url(../tiktok/bg-process.jpg);background-repeat: no-repeat;background-size: cover;background-position: top right;}
.bg-webcon1{background:#fbfbfc url(../tiktok/bg-webcon1.jpg);background-repeat: no-repeat;background-size: cover;background-position:right center;}
.bg-mapdot{background: #ffffff url(../tiktok/bg-mapdot.png) no-repeat bottom right;}
.bg-mountain{background: #263141 url(../tiktok/bg-mountain.jpg) no-repeat center bottom;}
.bg-clrtr{background-image:url(../tiktok/bg-clrtr.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-trapezoid{overflow: hidden;}
.bg-trapezoid:before,.bg-trapezoid:after{display: block;content: "";width:100%;height: 30px;position: absolute;right: -30%; background-color: #26f5ed;transform: rotate(45deg);}
.bg-trapezoid:after{top: auto;bottom: 0; transform: rotate(-45deg);opacity: .15;}
.text-instagram{background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color:transparent;background-image: linear-gradient(#4d54eb, transparent 60%), linear-gradient(90deg, #fbcf6d, transparent), linear-gradient(-90deg, #f03e5d, transparent), linear-gradient(-90deg, #f00e60, transparent);}
.text-messenger{background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color:transparent;background-image: linear-gradient(#f54f8d, transparent 60%), linear-gradient(90deg, #5364ff, transparent), linear-gradient(-90deg, #7d49ff, transparent), linear-gradient(-90deg, #ff577a, transparent);}
.iquick{background-image: url(../tiktok/iquick.jpg);background-repeat: no-repeat;background-size: cover;}
.gradient-blue{background: linear-gradient(to right, #15c2f1, #1c90fc, #1c90fc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.dbline:before,.dbline:after{display: block;content: ""; width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: linear-gradient(to right, #1c4d58, #171b3e);}
.dbline:after{top: auto;bottom: 0;}

.card{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.bbcard.card.active,.bbcard.card:hover{background-image: url(../tiktok/bgi2.jpg);
	background-repeat: no-repeat;background-size: cover;color: #fff;}
.bbcard.card.active .list-group-item,.bbcard.card:hover .list-group-item{color: #fff;border-color: rgba(255, 255, 255, .2);}
.iserv a{color: #333;}
.iserv .card.active p a,.iserv .card:hover p a,.iserv .card:hover .col-md-6 a{color: #fff;}
.iserv .card.active .text-indigo,.iserv .card:hover .text-indigo{color: #fff!important;}
.iserv .card.active .fa-inverse,.iserv .card:hover .fa-inverse{color: var(--tblr-indigo);}
.icoop .col-1{width: 85px;}
.iquick .card.active,.iquick .card:hover{background:linear-gradient(#5492f0,#2d72db);color: #fff;border: 1px #65a0f3 solid;
    border-radius: 12px;}
.iquick .card.active .text-muted,.iquick .card:hover .text-muted{color: rgba(var(--tblr-white-rgb),.8)!important;}
.iquick .card.active .btn-outline-info,.iquick .card:hover .btn-outline-info{color: rgba(var(--tblr-white-rgb),.8)!important;border-color:rgba(var(--tblr-white-rgb),.8)!important;}

.taboola-par{width: 135px;height: 60px;display: inline-block;background-image: url(../tiktok/taboola-partner.png); background-repeat: no-repeat;overflow: hidden;}
.par-usatoday{background-position: 0 0;}
.par-theweather{background-position: 0 -60px;}
.par-msn{background-position: 0 -120px;}
.par-nbc{background-position: 0 -180px;}
.par-businsider{background-position: 0 -240px;}
.par-bloomberg{background-position: 0 -300px;}
.par-cbsnews{background-position: 0 -360px;}
.par-fox{background-position: 0 -420px;}
.icon50{width: 50px;height: 50px;display: inline-block;background-image: url(../tiktok/icons50.png); background-repeat: no-repeat;overflow: hidden;}
.icon50-deske{background-position: 0 0;}
.icon50-bag{background-position: -50px 0;}
.icon50-brandr{background-position: -100px 0;}
.icon50-speaker{background-position: -150px 0;}
.icon50-page{background-position: 0px -50px;}
.icon50-id{background-position: -50px -50px;}
.icon50-tagpink{background-position: -100px -50px;}
.icon50-kol{background-position: -150px -50px;}
.icon50-mplay{background-position: 0 -100px;}
.icon50-tagblue{background-position: -50px -100px;}
.icon50-block{background-position: -100px -100px;}
.icon50-mailopen{background-position: -150px -100px;}
.icon50-edu{background-position: 0px -150px;}
.icon50-3c{background-position: -50px -150px;}
.icon50-finance{background-position: -100px -150px;}
.icon50-app{background-position: -150px -150px;}
.icon50-home{background-position: 0px -200px;}
.icon50-makeup{background-position: -50px -200px;}
.icon50-cloth{background-position: -100px -200px;}
.icon50-pet{background-position: -150px -200px;}
.icon50-machinery{background-position: 0px -250px;}
.icon50-lighting{background-position: -50px -250px;}
.icon50-hardware{background-position: -100px -250px;}
.icon50-energy{background-position: -150px -250px;}

.icon50-chartok{background-position: 0px -300px;}
.icon50-columnuser{background-position: -50px -300px;}
.icon50-fileok{background-position: -100px -300px;}
.icon50-squadiamond{background-position: -150px -300px;}
.icon50-threediamond{background-position: 0px -350px;}
.icon50-filetag{background-position: -50px -350px;}
.icon50-blockcom{background-position: -100px -350px;}
.icon50-deskrocket{background-position: -150px -350px;}
.icon50-squasearch{background-position: 0px -400px;}
.icon50-rotaup{background-position: -50px -400px;}
.icon50-charcolup{background-position: -100px -400px;}
.icon50-twoset{background-position: -150px -400px;}
.icon50-deskf{background-position: 0px -450px;}
.icon50-imgbulb{background-position: -50px -450px;}
.icon50-headset{background-position: -100px -450px;}
.icon50-diamondup{background-position: -150px -450px;}
.icon50-deskmobile{background-position: 0px -500px;}
.icon50-videofire{background-position: -50px -500px;}
.icon50-headok{background-position: -100px -500px;}
.icon50-facebookok{background-position: -150px -500px;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: var(--tblr-indigo);border-width: 4px;background:#4263eb; color: #fff;border-radius: 0px;}
/*.nav-tabs .nav-item.show .fa-fw .nav-link, .nav-tabs .nav-link.active .fa-fw{color: #fff;}*/
.branch .hvr-sweep-to-bottom:before{background-color: rgba(0, 0, 0, .3);}

.bg-darkblue1 .nav-tabs .nav-item.show .nav-link,.bg-darkblue1  .nav-tabs .nav-link.active{border-color: var(--tblr-indigo);border-width: 1px;background:#4263eb;}

.banner{ margin-top: 5.4rem;}
.banner .btxt{font-size: 14px !important;}
.banner a{ font-size: 1rem;border-radius: 7px;color: #fff;}

.corporate-video{background: url(../allimg/banner/bg-corporate-video.jpg) no-repeat center;
color: #fff;background-size: 100%; margin-top: 5rem; color: #000;}
.corporate-video .icon{--tblr-icon-size: 3rem;}

.home-padding{padding: 0 15rem;}

.carousel-caption{left: 11% !important;}

.bg-googlePromotion{background: url(../tiktok/bg-google.jpg) no-repeat center;}
.bg-googlePromotion .align-items-start{background: #fff;}
.bg-googlePromotion .nav-pills{background: #e2f0fb;}
.bg-googlePromotion .nav-link { width: 12rem;height: 5rem;justify-content: center;} 
.bg-googlePromotion .nav-pills .nav-link.active{color: #fff!important;background-color: #0467fd!important;border-radius: 0;}

.btn-dark-blue{background: #0467fd; color: #fff!important;--tblr-btn-active-bg:#0467fd;--tblr-btn-active-color:#fff;}
.btn-dark-blue:hover{background:#0467fdc4;border: 0;}
.dark-blue{background: #0467fd; color: #fff!important;}
.text-dark-blue{color: #0467fd;}
.bg-google03{background: url(../tiktok/bg-google03.jpg) no-repeat center;background-size: 100%;overflow: hidden;}
.bg-google05{background: url(../tiktok/bg-google05.jpg) no-repeat center;}
.bg-google06{background: url(../tiktok/bg-google06.jpg) no-repeat center;}
.bg-google07{background: url(../tiktok/bg-google07.jpg) no-repeat center;}

.box-shadow{box-shadow: 0px 0px 10px -3px #dbdbdb;}
.google-border span{border: 1px solid #e5eefb;padding: 6px 14px;border-radius: 20px;}
.google-circle{text-align: center;width: 40%;border-radius: 50px;background: #0467fd;color: #fff;}
.indicate-box p{margin: 2px 0;}
.big-circle{border-radius: 100px;color: #fff;margin-top: 37%;}
.left-circle{width: 45%;background: #0467fd;border-radius: 114px; text-align: center;}
.right-circle{width: 45%;background: #7174fa;border-radius: 114px; text-align: center;}
.google-circle2{text-align: center;width: 40%;background: #7174fa;border-radius: 50px;color: #fff;}

.clearfix .banner{display: none;}
.dropdown-right{position: absolute;left: 140px;}
.bg-google-shoping01{background: #d9ead3; height: 79%;}
.bg-google-shoping02{background: #c9daf8;}
.bg-google-shoping03{background: #fce5cd; height: 79%;}
.bg-google04{background: url(../tiktok/bg-google04.jpg) no-repeat center;}
.google-shoping-btn{background: #3e82f1;color: #fff; --tblr-btn-hover-bg: #3e82f1d6 !important;--tblr-btn-hover-color: #fff!important;}

.google-shoping-box{background: #ffffff54;border-radius: 15px;}
.google-shoping-table td{border: 1px solid #efefef;height: 90px;padding-left: 40px;}
.google-shoping-table2 td{border: 1px solid #efefef;height: 90px;line-height: 1.5rem;}
.google-sa-table td{border: 1px solid #efefef;height: 90px;}

.google-sa-table table td:first-child{width: 10%;}
.google-sa-table table td:nth-child(3){width: 27%;}
.google-sa-table table td:nth-child(5){width: 18%;}

.google-sa-table02 td{border: 1px solid #efefef;height: 90px;}
.google-sa-table02 table td:nth-child(5){width: 27%;}


.google-sa-table03 td{border: 1px solid #efefef;}
.google-sa-table03 table td:nth-child(2){width: 20%;}
.google-sa-table03 table td:nth-child(3){width: 15%;}
.google-sa-table03 table td:nth-child(4){width: 20%;}
.google-sa-table03 table td:nth-child(5){width: 20%;}
.google-sa-table03 table tr:nth-child(3){ vertical-align: top;}



.bg-google04 .card .lh-lg{line-height: 2!important;}

.btn-warning{--tblr-btn-bg: #fabc05!important; --tblr-btn-hover-bg: #fabc05b0 !important;}

.google-shoping-foot .btn{width: 100%; padding: 17px;}
.bg-google04 p{margin-bottom: 0!important;}

.youtube .nav-pills .nav-link.active{color: #ffffff;background-color: #227ae7;}
.youtube .nav-item{ background: #e7eaf5;border-radius: 3px;} 
.youtube-table td{border: 1px solid #5d6777;height: 60px;line-height: 1.5rem;}
.youtube-table02 td{border: 1px solid #d8d8d8;}

.youtube-table03{    border: 1px solid #afb2ca;border-radius: 30px;overflow: hidden;}
.youtube-table03 table td{border: 1px solid #d8d8d81a;height: 95px;}

.youtube-table03 table td:first-child{width: 10%;}
.youtube-table03 table td:nth-child(2){width: 10%;}
.youtube-table03 table td:nth-child(3){width: 10%;}
.youtube-table03 table td:nth-child(4){width: 15%;}
.youtube-table03 table td:nth-child(5){width: 15%;padding:0 20px;}
.youtube-table03 table td:nth-child(6){width: 15%;padding:0 20px;}
.youtube-table03 table td:nth-child(7){text-align: justify;padding:0 20px;}



.bg-youtube01{background: #3c3d3e;}
.youtube-line{background: #efefea; height: 1px;}

.pmax-text tr td:nth-child(3){vertical-align: top;}

.bg-warning{background: #fabc05!important;}
.bg-primary{background: #3e82f1!important;}


.card-box p{margin-bottom: 0!important;}
.google-table{border: 1px solid #afb2ca;border-radius: 20px;}
.border-secondary {border-color: #d8d8d81a!important;}
.border-dark-subtle {border-color: #d8d8d81a!important;}
.bg-google08{background: url(../tiktok/bg-google08.jpg) no-repeat center;}
.bg-google-sa01{background: url(../tiktok/bg-google-sa01.jpg) no-repeat center;}

.google-sa-btn{ background: #388aff;border: 0;width: 100%;color: #fff;}
.bg-google-sa{background: #f1f7ff;}
.bg-google-discover {background: #f2f2f2;}

.dropdown-right .list-group{display: none;}
.successful-case .btn-outline-primary {--tblr-btn-bg: #e7eaf5; --tblr-btn-color: #333;    --tblr-btn-border-color:  #e7eaf5;}

.num-box{width: 7%;}

.swiper {height: 100%;  }
.swiper-slide {text-align: center;font-size: 18px;justify-content: center; align-items: center;  border-radius: 30px;}
.swiper-slide img {display: block;width: 100%; height: 100%; object-fit: cover; }
.swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size)/ 44 * 40);}
.swiper-button-next .icon,.swiper-button-prev .icon {--tblr-icon-size: 3rem;}
.flowline span{width: 100%;height: 50px;border-radius: 10px;box-shadow: none;}

.selectbox .nav-tabs .nav-link.active{ background-color: #4263eb; color: #fff;border-bottom: 1px solid #4263eb;}
.bg-tiktok{background: url(/web/allimg/page/process-bg.jpg) center/cover fixed no-repeat;}
.bg-darks{background:linear-gradient(to right, #151637, #232958);;}
.bg-darks .card{background: #01324b;border: 0.1px solid #00888b;}
.bg-darks .card:hover{background: #4581fb; border: 0;}
.iserv{background-image: url(../tiktok/bg2.jpg);background-repeat: no-repeat;background-size: cover;}
.iserv .card:hover .ibox img:first-child{display: none;}
.iserv .card:hover .ibox img:last-child{display: block!important;}
.btn-blues{background: #4581fb;color: #fff;border: 0;}
.h-triangle {display: none; left: -5%;top: 11%;width: 0; height: 0; border-right: 68px solid #4581fb;border-top: 51px solid transparent;border-bottom: 53px solid transparent;}
.iquick .card{border: 1px #65a0f3 solid;border-radius: 12px;}
/*.icoop{background-image: url(../tiktok/icoop.png);background-repeat: no-repeat;background-size: cover;}*/

.img-thumbnail{border: var(--tblr-border-width) solid #e6e7e94f !important;}

/*.swiper-button-lock{display: block!important;}*/

.swiper-button-next{right: var(--swiper-navigation-sides-offset,-75px);}
.swiper-button-prev{left: var(--swiper-navigation-sides-offset,-75px);}

.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
.hover-box .gtop .overflow-hidden img{margin-top: 0px;transition: all 1s ease-in-out;}
/*.hover-box .gtop:hover .overflow-hidden img{margin-top: -80px;transition: all 2s ease-in-out;}*/
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.bg-f8fafc{background-color: #f8fafc;}
.text-grey{color:#666;}
.tagcolor1{background: #4177c6;color:#fff;}
.tagcolor2{background: #ec5c07;color: #fff;border-radius: 0 7px 0 0;}
.list-case .hover-box .position-absolute{bottom: 7%;}
.ofcimg-400{height: 400px;width: 100%; object-fit: cover;}
.bg-0d6efd{background: #0d6efd;}
.bg-f6f8fc{background: #f6f8fc;}
.h-200px{width: 100%;height: 200px !important;object-fit: cover;}
.h-300px{width: 100%;height: 300px !important;object-fit: cover;}
.h-400px{width: 100%;height: 400px !important;object-fit: cover;}
.h-500px{width: 100%;height: 500px !important;object-fit: cover;}
.mh-300px{width: 100%;max-height: 300px !important;object-fit: cover;}
.mh-400px{width: 100%;max-height: 400px !important;object-fit: cover;}
.mh-500px{width: 100%;max-height: 500px !important;object-fit: cover;}
.art-case h4{font-size: 1.2rem;color:#222;}
.border-bom{margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom:1px solid #eee;}
.a-btn{padding:.6rem 1.2rem;}
.anycubic .box{border:1px solid #eee;}
.anycubic .box span{display: inline-block;padding:.2rem 1rem;}
.anycubic .col-md-9 h3{font-size: 1.2rem;background: linear-gradient(90deg,#005df4,#c7ced9);background-clip: text;-webkit-background-clip: text;color: transparent;}
.anycubic .col-md-9 p{font-size: 1rem; color:#666;}
.listyle-none{list-style:none;}
.list-case .hover-box .card-body .bg-gray{background: #f4f4f4;}
.hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
.hover-box .tab-content .show .showl,.hover-box .show:hover .showl{margin-left: 1rem !important;transition: all 0.5s ease;}
.hover-box .showr{margin-right: 0rem;transition: all 0.5s ease;}
.hover-box .tab-content .show .showr,.hover-box .show:hover .showr{margin-right: 1rem !important;transition: all 0.5s ease;}
.hover-box .showt{margin-top: 2rem;transition: all 0.5s ease;}
.hover-box .tab-content .show .showt,.hover-box .show:hover .showt{margin-top: 0rem !important;transition: all 0.5s ease;}
.hover-box .tab-content ul li{margin-bottom: .2rem;}
.hover-box .tab-content ul li:last-child{margin-bottom: 0;}
.hover-box .op .opbox{opacity: 1;transition: all 0.5s ease;}
.hover-box .op:hover .opbox{opacity: .5;transition: all 0.5s ease;}
.hover-box .circle .circlebox{transform: rotate(0deg);transition: all 0.4s;}
.hover-box .circle:hover .circlebox{transform: rotate(360deg);transition: all 0.4s;}

.hover-box .display-6{font-size: 1.8rem;}
.nav-line button{background: none;position: relative;color:#666; border:none;border-bottom: 1px solid #cad4e0; box-shadow: none;display: inline-block;padding:.8rem 2rem;text-align: center; transition: all 0.4s;}
.nav-line button.active{background: none !important;color:#518eed;transition: all 0.4s;font-weight: bold;}
.nav-line button.active i{color:#266cfe;transition: all 0.4s;}
.nav-line button.active:before{content: "";position: absolute;left: 0;bottom:-2px;background: #266cfe;height: 3px;width: 100%;z-index: 5;transition: all 0.4s;}

.list-case .card{box-shadow: 0 0 0 0 rgb(22 35 49 / 20%);transition: all .3s ease-in-out;}
.list-case .card:hover{box-shadow: 0 20px 40px -10px rgb(22 35 49 / 20%);transform: translateY(-10px);transition: all .3s ease-in-out;}
.list-case .overflow-hidden{height: 280px;}
.list-case .card-body{padding:1.5rem;}
.list-case .my-md-4{margin-top: 1.5rem !important;margin-bottom: 1.5rem !important;}
.list-case table td{padding:.3rem 0;color:#666;font-size: .75rem;}
.list-case table tr:first-child td{color:#222; font-weight: bold;font-size: 1rem;}
.art-case .conbox h1{font-size: 1.8rem;}
.art-case .conbox .tbox{margin-top: -8rem;padding:3rem;box-shadow: 0 15px 26px -28px rgb(22 35 49 / 60%);}
.art-case .conbox .lbox{padding:3rem;box-shadow: 0 15px 26px -28px rgb(22 35 49 / 60%);}
.art-case .conbox .lbox p{font-size: 1rem;line-height: 1.6rem;color:#666;}
.art-case .conbox .lbox table{text-align: center;margin:3rem 0;width: 100%;}
.art-case .conbox .lbox table td{padding:1rem;font-size: .9rem;color:#666;border: 1px solid rgb(145 135 135 / 30%);}
.art-case .conbox .lbox table a{transition: all 0.4s;}
.art-case .conbox .lbox table a:hover{margin-left: .2rem; transition: all 0.4s;}
.art-case .conbox .lbox .webox{position: relative;border:5px solid #eee;}
.art-case .conbox .lbox .webox .scrollbox{overflow-y: scroll;height: 750px;}
.art-case .conbox .lbox .bimg{position: relative;z-index: 2;}
.art-case .conbox .lbox .appimg{width: 220px; position: absolute;z-index: 3;bottom:1rem;right:2rem;}
.art-case .conbox .rbox .box{box-shadow: 0 15px 26px -28px rgb(22 35 49 / 60%);}
.art-case .conbox  h3 .bg-primary{width: 5px;height: 1.25rem;display: inline-block;}
.art-case .conbox .rbox .box h3{margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #eee;}
.art-case .conbox .rbox .box ul{margin:0;padding:0;list-style: none;width: 80%;margin:1rem auto;}
.art-case .conbox .rbox .box ul li{border-bottom: 1px solid #eee; }
.art-case .conbox .rbox .box ul li a{font-weight: 500;display: block;width: 100%; padding:.8rem 0; color:#999;transition: all 0.4s;}
.art-case .conbox .rbox .box ul li:hover a{color:#333;transition: all 0.4s;font-weight: 600;}
.art-case .conbox .rbox .box ul li svg{transition: all 0.4s;}
.art-case .conbox .rbox .box ul li:hover svg{transform: rotate(180deg);transition: all 0.4s;}
.prenext{list-style: none;}
.prenext li a{color:#999;transition: all 0.4s;}
.prenext li a:hover{color:#748ada;transition: all 0.4s;}

.gi1{color: rgb(255 255 255 / 10%) !important;font-size: 40px;transform: rotate(350deg);top: 51%;left: 44%;}
.gi2{color: rgb(255 255 255 / 10%) !important;font-size: 95px;transform: rotate(260deg);top: -9%;right: 0%;}
.gi3{color: rgb(255 255 255 / 10%) !important;font-size: 32px;transform: rotate(0deg);top: 10%;left: 26%;}
.gi4{color: rgb(255 255 255 / 10%) !important;font-size: 32px;transform: rotate(0deg);top: 12%;left: 25%;}
.gi5{color: rgb(255 255 255 / 10%) !important;font-size: 110px;transform: rotate(0deg);top: 32%;left: 55%;}
.gi6{color: rgb(255 255 255 / 10%) !important;font-size: 35px;transform: rotate(330deg);top: -3%;right: 2%;}
.gi7{color: rgb(255 255 255 / 10%) !important;font-size: 36px;transform: rotate(0deg);top: 8%;left: 21%;}
.gi8{color: rgb(255 255 255 / 10%) !important;font-size: 60px;transform: rotate(0deg);top: 100%;left: 50%;}
.gi9{color: rgb(255 255 255 / 10%) !important;font-size: 90px;transform: rotate(290deg);top: -1%;right: -3%;}
.nav-item5 .gi2{font-size: 90px;transform: rotate(290deg);top: -1%;right: -3%;}
.nav-item5 .gi3{left: 22%;}
.nav-item5 .gi4{font-size: 27px;left: 22%;}
.nav-item5 .gi5{top: 17%;font-size: 100px;}
.nav-item5 .gi7{font-size: 30px;top: 10%;left: 26%;}
.gi10{color: rgb(255 255 255 / 10%) !important;font-size: 32px;transform: rotate(0deg);top: 10%;left: 29%;}
.gi11{color: rgb(255 255 255 / 10%) !important;font-size: 110px;transform: rotate(0deg);top: 32%;left: 55%;}
.gi12{color: rgb(255 255 255 / 10%) !important;font-size: 35px;transform: rotate(330deg);top: -3%;right: 2%;}
.gifi1{color: rgb(255 255 255 / 10%) !important;animation-name:gifi1;animation-iteration-count:infinite;animation-timing-function:ease;animation-duration: 20s;}
.bg-gc{background-image: url(../tiktok/b2b-bg.png);background-repeat: no-repeat;background-size: cover;}
.bg-gc .col-6 .btn,.bg-gc .col-md-6  .col-md-6 .btn{border: 1px #fff solid;color: #333; background: #eef7fe;padding: 0.8rem 3rem;}

.bg-ten{background-image: url(../tiktok/b2b-bgf.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-ten .nav-item .btn{border: 1px solid #fff;color: #fff; padding: 0.8rem 1rem;}
.bg-ten .nav-item .btn.active,.bg-ten .nav-item .btn:hover {background-color: #fff; color: #000;border: 1px solid #fff;}
.youtbox2 .nav-line button{border-bottom: 0;}
.bg-darkbing .card .position-relative .position-absolute{ top: -33px;}
.bg-lightbwbing .card .card-body{color: #666;}

@keyframes gifi1{
0% {transform: rotate(0deg);top: 5%;left: 20%; font-size: 15px;}
50% {transform: rotate(720deg);top:100%;left: 60%;font-size: 60px;}
100% {transform: rotate(1440deg);top:-10%;left:110%;font-size: 40px;}
}
.gifi2{animation-name:gifi2;animation-iteration-count:infinite;animation-timing-function:ease;animation-duration: 25s;}
@keyframes gifi2{
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
}
.gifi3{animation-name:gifi3;animation-iteration-count:infinite;animation-timing-function:ease-out;animation-duration: 8s;}
@keyframes gifi3{
0% {margin-left: 3%;}
50% {margin-left: 0%;}
100% {margin-left: 3%;}
}
.gifi4{animation-name:gifi4;animation-iteration-count:infinite;animation-timing-function:ease-in;animation-duration: 10s;}

@keyframes gifi4{
0% {margin-top: 0%;}
100% {margin-top: -35%;}
}
.column10 .gi4,.column10 .gi5,.column10 .gi6,.column10 .gi7,.column10 .gi8,.column10 .gi9{display: none;}
.column11 .gi1,.column11 .gi2,.column11 .gi3,.column11 .gi7,.column11 .gi8,.column11 .gi9{display: none;}
.column12 .gi1,.column12 .gi2,.column12 .gi3,.column12 .gi4,.column12 .gi5,.column12 .gi6{display: none;}
.column39 .gi4,.column39 .gi5,.column39 .gi6,.column39 .gi7,.column39 .gi1,.column39 .gi9,.column39 .gi10,.column39 .gi11,.column39 .gi12{display: none;}
.column40 .gi1,.column40 .gi2,.column40 .gi3,.column40 .gi7,.column40 .gi8,.column40 .gi9,.column40 .gi10,.column40 .gi11,.column40 .gi12{display: none;}
.column41 .gi8,.column41 .gi2,.column41 .gi3,.column41 .gi4,.column41 .gi5,.column41 .gi6,.column41 .gi10,.column41 .gi11,.column41 .gi12{display: none;}
.column42 .gi1,.column42 .gi2,.column42 .gi3,.column42 .gi4,.column42 .gi5,.column42 .gi6,.column42 .gi7,.column42 .gi8,.column42 .gi9{display: none;}

.modal-dialog{max-width: 800px;}
.popform .btn-close{color:#666; border:1px solid #666;width: 1.8rem;height: 1.8rem;top: 1rem;right: 1rem;}
.popform{border-radius: 10px;}
.popform h2{font-size: 1.3rem; margin-bottom: .7rem;padding-bottom: .7rem;border-bottom: 1px solid #7aa2eb;}
.popform .row .col-md-5{border-top-left-radius: 10px;border-bottom-left-radius: 10px; padding:3rem;background-image: url(../tiktok/popform-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.popform .row .col-md-7{padding:3rem;}
.popform .col-md-6 span{color:#c3ceff;display: inline-block;width: 100%;background: #0467fd;padding:.5rem;border: 1px solid #599bff;}
.popform h4{font-size: .95rem;color:#e9e9e9;}
.popform h4 a{color:#ffde00;}
.tools .btn-list a{border:none;}
.tools .g-md-3{--tblr-gutter-y: 2rem;--tblr-gutter-x: 2rem;}
.tools .card{border:none;border-radius: 10px;}
.tools .card .no-gutters{height: 100%;}
.tools .card .col-md-4{text-align: center;padding-right: 0 !important;}
.tools .card .col-md-4 img{margin-top:.8rem;margin-bottom: .8rem; width: 4rem;height: 4rem;padding: 4px;border-radius: 100px;box-shadow: 0px 0px 0px 13px #f7f3f3;transition: all 0.4s;}
.tools .card h5{margin-bottom: .6rem;}
.tools .card h5 a{font-weight: bold;font-size: 1.1rem;color:#333;}
.tools .card .card-body p{font-size: .8rem;color:#888;}
.tools .card .col-md-8{padding-left: 0;}
.tools .card:hover h5 a{color:#fff;}
.tools .card:hover .card-body p{color:#cad3f8;}
.tools .hvr-shutter-out-vertical:before{border-radius: 10px;background: #4263eb;}
.tools .card:hover .col-md-4 img{transform: rotate(360deg);box-shadow: 0px 0px 0px 13px #5a78f2;transition: all 0.4s;}


.google-i-move{top: -9%;right: -3%;}
.bg-stripe p{font-size: 16px;}


.fpcase-up{color: red;}
.cptable th:first-child{width: 10%;}
.cptable th:nth-child(3){width: 10%;}
.cptable2 th,.cptable2 tr{border: 1px solid #d8d8d8;height: 4rem;}
.cptable2 .col-md-12:last-child th:first-child{width: 12%;}
.dropdown-left .fa-solid{display: none;}
.hvr-txt-right{animation-timing-function: linear;animation-duration: .75s;animation-iteration-count: 1;animation-name: hvr-buzz-out;}
.bg-problem{background-image: url(/web/allimg/page/b2b_problem.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-problem .btn{background: #44525e; color: #fff;}

.faqbox ul{padding:2rem 0 !important;}
.faqbox ul li button{background: #e1e4f1;border:none;color:#333;font-size: 15px; padding: 0.7rem 1.8rem;}
.faqbox ul li button:hover{background: #227ae7;color:#fff;}
.faqbox ul li .active{background: #227ae7;color:#fff;}

.i{font-style: italic;}
.bg-f3f8ff{background: #f3f8ff;}
.text-0d6efd{color: #0d6efd;}
.bg-ecf5fe{background: #ecf5fe;}
.hover-box .hvr-float:hover{box-shadow: 0px 20px 10px -10px rgb(214 219 230 / 70%);transition: all 0.3s;}
.b2c-boximg1{background: url(../tiktok/b2c-c1-bg.jpg) no-repeat center;}
.b2c-boximg1 .row .col-md-6:nth-child(1) .box{background: linear-gradient(to right,#4192fa,#2064fa); }
.b2c-boximg1 .row .col-md-6:nth-child(2) .box{background: linear-gradient(to right,#75a9fe,#4d7cf9); }
.b2c-boximg1 .box img{width: 20px;}
.b2c-boximg2{background: url(../tiktok/b2c-c3-bg.jpg) no-repeat center;}
.b2c-boximg2 .row{margin-top: 3rem; border:1px solid #132d6e; border-bottom: none; background: #0a1738;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.b2c-boximg2 .row .col .box{padding:3rem;}
.b2c-boximg3 h2 span{position: relative;z-index: 1;display: inline-block;}
.b2c-boximg3 h2 span:before{content: "";position: absolute;left: 0;bottom:13px;width: 88%;z-index: -1;height: 12px;background: #136afb;}
.b2c-boximg3 .row .col-md-4 span{color:#666; display: inline-block;width: 100%;padding:.5rem; border:1px solid #999;}
.b2c-boximg3 .row .col-md-6 img{margin-left: -.5rem;transition: all 0.3s;}
.b2c-boximg3 .row:hover .col-md-6 img{margin-left: 0.5rem;transition: all 0.3s;}
.b2c-boximg4{background: url(../tiktok/b2c-c7-bg.jpg) no-repeat center;}
.b2c-boximg4 .card{padding-top:1rem;border-radius: 10px !important;}
.b2c-boximg4 .card-body h3{padding-top: 0rem;position: relative;padding-bottom: 1rem;margin-bottom: 1.5rem !important;}
.b2c-boximg4 .card-body h3:before{content: '';position: absolute;background: #eee;height: 1px;width: 80%;left: 10%;bottom: 0;}

.bgform .col-md-5 h2{letter-spacing: 1px;}
.bgform .col-md-5 h2 span{color:#227ae7;}
.bgform .col-md-5 h2 svg{width: 2rem;height: 2rem; fill:#ffea00;}
.bgform .col-md-4 span{display: inline-block;width: 100%;padding:.5rem;color:#999; border:1px solid #999;}
.form-control:-webkit-autofill{box-shadow: 0 0 0 1000px #f7fafd inset;}
.bgform .formshiro input,.bgform .formshiro select{border-left: none;border-right:none;border-top:none; padding:.6rem .5rem;margin-top: .3rem}
.bgform .formshiro input{outline:none !important;}
.bgform .formshiro select{color:#666;}
.bgform .formshiro option{padding-left: .5rem;color:#333;}
.bgform .formshiro textarea{background: #f7f7f7;border:1px solid #ddd;}
.bgform .formshiro textarea::-webkit-input-placeholder{color:#888;}
.bgform .bgform-left{background-image: url(../tiktok/form-left.jpg);background-repeat: no-repeat;background-size: cover;}
.bgform .btn-yellow{--tblr-btn-color: #444;--tblr-btn-bg: #ffea00;--tblr-btn-hover-bg:#ffea00d9;--tblr-btn-hover-color:#444; --tblr-btn-active-bg: #ffea00d9;--tblr-btn-active-color: #444;padding: 12px 75px;}
.bgform .col-md-5 .col-md-4 span{border: 1px solid #599bff; background: #0467fd;color: #fff;padding:11px 0;}
.bgform .col-md-5 .boundary{border-bottom: 1px solid #ffffff2e;}
.bgform .code-case{border: 4px solid #fff; border-radius: 3px;}

.ofcimg-500{height: 500px;width: 100%; object-fit: cover;}
.bg-f6f7f8{background: #f6f7f8;}

.column-nav .active a {background: #4177c6; color: #fff;}
.column-nav li a {background: #e1e4f1; color: #333;}
.web-case .column-nav .active{border-bottom: 2px solid #3f93d8;}
.web-case .column-nav a{color:#333;background: #fff;}

.list-case .flowplayer .fp-play.fp-visible svg{transform: scale(1);transform: rotate(0deg);opacity: .5;transition: all 0.3s ease-in;}
.list-case .flowplayer:hover .fp-play.fp-visible svg{border:1px solid #fff;border-radius: 100px; opacity: 1;width: 50px;height: 50px; transform: rotate(360deg);transition: all 0.3s ease-out;}
.list-case .card-body h6{color:#333;display: inline-block;position: relative;padding: .4rem 0;}
.list-case .card-body h6 i{font-size: .7rem;}
.list-case .card-body h6 i:nth-child(1){margin-left: .2rem;color:#666;transition: all 0.3s ease-out;}
.list-case .card-body h6 i:nth-child(2){margin-left: 0;color:#bbb;transition: all 0.3s ease-out;}
.list-case .card-body h6 i:nth-child(3){margin-left: 0;color:#ddd;transition: all 0.3s ease-out;}
.list-case .card-body h6:hover i:nth-child(1){margin-left: 1rem;transition: all 0.3s ease-in;}
.list-case .card-body h6:hover i:nth-child(2),.list-case .card-body h6:hover i:nth-child(3){margin-left: .8rem;display: none;transition: all 0.3s ease-out;}
.list-case .card-body h6:before{content: '';width: 0%;height: 1px;background: #333;position: absolute; bottom: 0;left: 0;transition: all 0.3s;}
.list-case .card-body h6:hover:before{content: '';width: 100%;height: 1px;background: #333;transition: all 0.3s;}
.casevideo h3{font-size: 1.3rem;color:#333;margin-bottom: 1.5rem;}
.index-case .conbox:nth-child(odd) .row .col-md-6:nth-child(1){padding-right: 4rem;}
.index-case .conbox:nth-child(odd) .row .col-md-6:nth-child(2){padding-left: 4rem;}
.index-case .conbox:nth-child(even) .row .col-md-6:nth-child(1){padding-left: 4rem;}
.index-case .conbox:nth-child(even) .row .col-md-6:nth-child(2){padding-right: 4rem;}

.index-case .conbox:nth-child(odd){background: #fafbff;}
.index-case .conbox:nth-child(even){background-image: url(../allimg/case/bg-case2.jpg);background-repeat: no-repeat;background-size: cover;}
.index-case .conbox:nth-child(even) .bbg{display: none;}
.index-case .conbox .textbox .col-md-4 a{border:1px solid #e4dede; color:#666;transition: all 0.4s;}
.index-case .conbox:nth-child(even) .textbox .col-md-4 a{border:1px solid #d2d3db;}
.index-case .conbox .textbox .col-md-4 a span{transition: all 0.4s;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #e8efff;}
.index-case .conbox:nth-child(even) .textbox .col-md-4 a span{background: #dfe9ff;}
.index-case .conbox .textbox .col-md-4 a span i{font-size: 18px;color:#034afa;}
.index-case .conbox .textbox .col-md-4 a:hover{border:1px solid #9e9e9e;transition: all 0.4s;}
.index-case .conbox .textbox .col-md-4 a:hover span{transform: rotate(360deg);transition: all 0.4s;}
.index-case .conbox .textbox p a{background: #0467fd;padding:.8rem 2.5rem;}
.bg-f0f5f9{background:#f0f5f9;}
.adstype .col-md-6 .box{border:1px solid #ddd;}
.adstype .col-md-6 .box ul li{margin-bottom:.5rem;}
.adv-targets{background: url(../tiktok/adv-targets-bg2.jpg) no-repeat center;}
.adv-targets table{background: rgb(13 20 61 / 40%)}
.adv-targets .table-responsive{border: 1px solid #2e3453;border-radius: 10px;}
.adv-targets table td{color:#c1c3e1;font-size:.8rem;border: 1px solid #4f5782;border: 1px solid #2e3453;}
.adv-targets table th{color:#fff;font-size:1rem;border: 1px solid #2e3453;}
.tiktok-ads-box1{background: linear-gradient(to bottom,#f1f7ff,#c7dcf6);}
.tiktok-ads-box1 .hvr-bounce-to-right:before{background: rgb(4 103 253 / 15%);}
.tiktok-ads-box1 ul li{height: 20%;}
.tiktok-ads-box1 ul li .nav-link{background: #e2f0fb;border:1px solid #fafdff;color:#000;}
.tiktok-ads-box1 ul li .nav-link.active{background: #0467fd;border:1px solid #0467fd;color:#fff;}
.tiktok-ads-box1 .tab-content .box{padding-right: 28%;}
.tiktok-ads-box1 .row{background: #fafcff;height: 490px;}
.tiktok-ads-box1 .vbox{margin-top: -15px;}
.tiktok-ads-box1 .vbox video{height: 500px;}
.tiktok-ads-box3{background: url(../tiktok/tiktok-ads-box3-bg.jpg) no-repeat center;}
.tiktok-ads-box3 ul li button{background: #e7eaf5;color:#000;padding:.8rem 2rem;border:none;}
.tiktok-ads-box3 ul li button:hover,.tiktok-ads-box3 ul li .active{background: #227ae7;color:#fff;}
.tiktok-ads-box3 .tab-content h3,.tiktok-ads-box3 .tab-content p{color:#fff;}
.tiktok-ads-box3 .tab-content ul li{color:#ccc;font-size: .9;margin-bottom: .2rem;}
.tiktok-ads-box3 .tab-content video{border:8px solid #e7eaf5;border-radius: 8px;background:#e7eaf5;}
.tiktok-ads-box3 .ps-lg-5{padding-left: 2rem !important;}


.fa-circle{font-size: 7px;}
.bg-msurvey{background-image: url(../tiktok/msurvey-bg.webp);background-repeat: no-repeat;background-size: cover;}
.bg-msurvey .card{background: #eaf0fc;}
.bg-msurvey02{background-image: url(../tiktok/msurvey02-bg.webp);background-repeat: no-repeat;background-size: cover;}
.bg-lightbr .card .lh-lg,.pay .card .lh-lg {line-height: 2!important;}
.bg-flowb{background-image: url(../tiktok/flowb-bg.webp);background-repeat: no-repeat;background-size: cover;}
.bg-flowb span{background: linear-gradient(to bottom,#7ed1fd, #227ae7);}
.bg-flowb .btn-primary{--tblr-btn-color: var(--tblr-primary-fg);--tblr-btn-bg: #3990ed;--tblr-btn-border-color: #ffffff30;--tblr-btn-hover-bg: #3990ed;}


.bg-flowb .btn-outline-primary {--tblr-btn-color: #fff;--tblr-btn-bg: #0367ff;--tblr-btn-border-color: #fff;--tblr-btn-hover-bg: #3990ed;--tblr-btn-hover-border-color: #ffffff30;}
.bg-consult{background-image: url(../tiktok/consult-bg.png);background-repeat: no-repeat;background-size: cover;}
.consult_left{background-image: url(../tiktok/consult-right.png);background-repeat: no-repeat;background-size: cover;}
.consult_right{background-image: url(../tiktok/consult-left.png);background-repeat: no-repeat;background-size: cover;}
.oaa-bg{background-image: url(../tiktok/oaa-bg.png);background-repeat: no-repeat;background-size: cover;}
.oaa-bg02{background-image: url(../tiktok/oaa-bg02.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-customization{background-image: url(../tiktok/bg-customization.jpg);background-repeat: no-repeat;background-size: cover;}

.bg2{background-image: url(../tiktok/bg1.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-solve{background-image: url(../tiktok/bg-solve.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-solve .card{background: #f3f8ff;}

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

.px-6{padding:0 14rem;}

.bg-pro{background-image: url(../tiktok/promotion-bg.png);background-repeat: no-repeat;background-size: cover;}
.bg-pro .card{background: #eaf0fc !important;border: #fff 1px solid !important;}
.pay-boxshadow .card{ box-shadow: #f0f5fd 3px 9px 20px 8px;}
.d-train:nth-child(even){background: #fff;}
.d-train .tspan{box-shadow: none;background: linear-gradient(to right,#eb2629,#f47756);padding: .4rem 1rem;font-size: .9rem;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.d-train .price span:nth-child(1){font-size: 1.8rem;}
.d-train .price span:nth-child(2){font-size: .9rem;color: #ccc;}
.d-train .card-body .text-muted{color: #ccc;}
.d-train .card .card-footer{border-top:1px solid rgb(239 226 226 / 65%) !important;}

.bg-f0f8ff{background: #f0f8ff;}
.bg-4263eb{background:#4263eb;}
.position ol li a{color:#666;margin:0 .5rem;}
.position ol li:first-child a{margin-left: 0;background: none;}
.train .alert{border:1px solid #f1f1f1;box-shadow: none; background: #fbfbfb;color:#999;padding:.7rem 1rem;font-size: 1rem;}

.video-bg{background-image: url(../tiktok/video-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.video-bc{background: linear-gradient(to right,#edf5fe,#f1f7fe);}
.btn-big ul li button{font-size: 17px;padding: 0.6rem 1.2rem;}
.banner .position-absolute .container-fluid .ps-md-2{padding-left: 2.3rem!important;}
.carousel-indicators [data-bs-target]{width: 11px;height: 6px;border-radius: 15px; background-clip: border-box;border-top: 5px solid transparent;border-bottom: 0px solid transparent;margin-bottom: 1rem;}

.dynamic .nav-tabs .nav-link,.dynamic2 .nav-tabs .nav-link,.dynamic3 .nav-tabs .nav-link{font-size: 18px !important; position: relative;}
.dynamic .nav-tabs .nav-link:hover,.dynamic2 .nav-tabs .nav-link:hover,.dynamic3 .nav-tabs .nav-link:hover{background: none; border:none!important;}
.dynamic .nav-tabs .nav-link.active,.dynamic2 .nav-tabs .nav-link.active,.dynamic3 .nav-tabs .nav-link.active{border:none;background: none; border-top: none;border-left: none;border-right: none; color: #4263eb!important; font-weight: 600!important;}

.dynamic .tab-content .tab-pane img,.dynamic2 .tab-content .tab-pane img,.dynamic3 .tab-content .tab-pane img{animation: slide-up .5s forwards;}
.dynamic .nav-tabs .nav-link::before,.dynamic2 .nav-tabs .nav-link::before,.dynamic3 .nav-tabs .nav-link::before{ content: '';width: 75%;height: 2px;z-index: 2;background: #4263eb; position: absolute;bottom: 0;opacity: 0; transform: scaleX(0);}
.dynamic .nav-tabs .nav-link:hover::before,.dynamic2 .nav-tabs .nav-link:hover::before,.dynamic3 .nav-tabs .nav-link:hover::before{opacity: 1;transform: scaleX(1);transition: .3s;}
.dynamic .nav-tabs .nav-link.active::before,.dynamic2 .nav-tabs .nav-link.active::before,.dynamic3 .nav-tabs .nav-link.active::before{opacity: 1;transform: scaleX(1);}
.dynamic .col-md-6 .col-6 .card img{animation:none;}

.d-train .swiper-button-next{right: var(--swiper-navigation-sides-offset,-20px);}
.d-train .swiper-button-prev{left: var(--swiper-navigation-sides-offset,-20px);}
.bg-f5f6f9{background: #f5f6f9;}
.kol-box1  ul li{height: 33.33333%;}
.kol-box2{background: linear-gradient(to bottom,#fbfcfd,#f1f5f9); }
.kol-box3{background: url(../tiktok/kol-box3-bg.jpg) no-repeat center;}
.kol-box3 ul li button{position: relative; border:none;background: none;border-radius: 0;padding:1rem 2rem;display: inline-black;border-bottom: 1px solid #4e5375;font-size: 1.2rem;color:#fff;}
.kol-box3 ul li button.active{color:#518eed;}
.kol-box3 ul li button.active:before{content: ''; background: #518eed;width: 100%;height:3px; position: absolute;left: 0; z-index: 5;bottom: -2px;}
.kol-box3 .tab-content .bg-white{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}

.quote-bg{background-image: url(../tiktok/video-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.quote-bg svg{width: 2rem;height: 2rem;fill: #227ae7;}
.quote-bg .col-md-5 span{display: inline-block; width: 100%;padding: 0.5rem;color: #333; border: 1px solid #99999969;}
.quote-bg .position-absolute{bottom: 2%;right: 2%;}
.quote-bc{background: #ecf3fd;}
.quote-bc .col-md-5{background: #0467fd;}
.quote-bc svg{width: 2rem;height: 2rem;fill: #ffea00;}
.quote-bc .col-md-5 span{display: inline-block; width: 100%;padding: 0.5rem;color: #fff; border: 1px solid #fff;}
.quote-bc .btn-dark-blue{background: #fff;color: #0467fd!important;}
.quote-bc .position-absolute{bottom: 2%;left: 2%;}

.qlink .py-4{padding:2.5rem 0!important;}
.bg-f3{background: #f3f3f3;}
.bg-f5{background: #f5f5f5;}
.bg-f7{background: #f7f7f7;}
.bg-f9{background: #f9f9f9;}
.train #address table td{padding:.5rem;font-weight: initial; border:1px solid #ddd; font-size: 1rem;color:#333;}
.train #address table tr td:first-child{font-weight: bold;width: 20%;}
.taboola-adstype{background: url(../tiktok/bllg.jpg) no-repeat center;}
.youtbox2 img{border: 5px solid #000;border-radius: 15px;}
.bg-lighthalfball .py-md-4 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.seo .bg-light{background: #f6f8ff!important;}
.seo .swiper-slide img{width: auto;height: auto;display: inline-block;}
.seo .shadow-sm{box-shadow: #f5f5f5 1px 0px 6px 4px!important;}
.seo .swiper-button-prev {left: var(--swiper-navigation-sides-offset,-70px);}
.seo .swiper-button-next {right: var(--swiper-navigation-sides-offset,-72px);}
.bg-seolightbr{background-image: url(../tiktok/seo-light.jpg);background-repeat: no-repeat;background-size: cover;}

.tiktok-box4{background-image: url(../tiktok/promotion-bg.png);background-repeat: no-repeat;background-size: cover;}
.xt-tabs button{position: relative; border:none;background: none;border-radius: 0;padding:1rem 2rem;display: inline-black;border-bottom: 1px solid #4e5375;font-size: 1.2rem;color:#fff;}
.xt-tabs button.active,.xt-tabs button.active i{color:#518eed;}
.xt-tabs button.active:before{content: ''; background: #518eed;width: 100%;height:3px; position: absolute;left: 0; z-index: 5;bottom: -2px;}
.tiktok-box4 video{height:450px;border: 6px solid #000;}
.tiktok-box4 .xt-tabs button{color:#333;transition: all 0.3s;}
.tiktok-box4 .xt-tabs button:hover,.tiktok-box4 .xt-tabs button:hover i{color:#518eed;transition: all 0.3s;font-weight: bold;}
.tiktok-box4 .xt-tabs button.active{color:#518eed;}
.tiktok-box4 .xt-tabs button{border-bottom: 1px solid #d2d2d2;transition: all 0.3s;width: 20%;}
.successful-case .nav li button{font-size: 1rem!important;width: 100%;}

.training .card { --tblr-card-border-width: 0;}
.btn.active{border-color: transparent;}
.bg-bing2{background: #f6f9ff;}
.bg-darkbing{background-image: url(../tiktok/bg-darkbing.jpg);background-repeat: no-repeat;background-size: cover;}
.bg-lightbwbing{background-image: url(../tiktok/bg-lightbwbing.jpg);background-repeat: no-repeat;background-size: cover;}
.app-table{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.mesform .btn-close {color: #666;border: 1px solid #fff;width: 1.8rem;height: 1.8rem;top: 1rem;right: 1rem;}
.quote-bg .row{box-shadow: 0 0.5rem 1rem rgb(7 96 231 / 8%) !important;}
.artsec-card .card .ps-md-4{padding-left: 2rem !important;}  
.artsec-card .py-md-4{padding-top: 2.5rem!important; padding-bottom: 2.5rem!important;}

#aff-im-root .embed-group-icon{width:125px !important;}

.banner2{min-height: 300px;height: 330px;background-position: top center;background-size: cover;}
.banner2 .nav-pills .nav-link.active,.banner2 .nav-pills .nav-link:hover {background-color: rgba(9,151,221,0.8);color: #fff;}
.banner2 .nav-pills .nav-link {background-color: rgba(226,232,241,0.8);border-radius: 0;justify-content: center;padding-top: 0.8rem; padding-bottom: 0.8rem;font-size: 1.2rem;font-weight: bold; color: #333; margin-right: 1px;}
.banner2 .breadcrumb .breadcrumb-item a {color: #fff;}

.banner3{min-height: 200px;height:210px;background-position: top center;background-size: cover;}
.banner3 .nav-pills .nav-link.active,.banner2 .nav-pills .nav-link:hover {background-color: rgba(9,151,221,0.8);color: #fff;}
.banner3 .nav-pills .nav-link {background-color: rgba(226,232,241,0.8);border-radius: 0;justify-content: center;padding-top: 0.8rem; padding-bottom: 0.8rem;font-size: 1.2rem;font-weight: bold; color: #333; margin-right: 1px;}
.banner3 .breadcrumb .breadcrumb-item a {color: #fff;}

.bg-articlecolor{background: linear-gradient(to right,#f1f5fb,#fbfbfd);}
.bg-articlecolor2{background: #fafafa;}
.message .banner{display: none;}
.bg-redorange{background-image: linear-gradient(to right, #f62325, #fd6f4e);}
.training .text-muted{ --tblr-text-opacity: 1; color: #6168767a!important;}

.text-18{font-size: 18px;}
.text-16{font-size: 16px;}
.btn-tarnbule{background: #4a82ff;color: #fff;--tblr-btn-active-bg:#6a96fae3;--tblr-btn-active-color:#fff;--tblr-btn-active-border-color:#6a96fae3;}
.bg-alltarnbule{background: #f6f6f6;}
.btn-tarnbule:hover{background:#6a96fae3;border: 0;color: #fff;}

.training:nth-child(2) .position-relative .swiper-button-next,.training:nth-child(2) .position-relative .swiper-button-next.swiper-button-prev,.training:nth-child(3) .position-relative .swiper-button-next,.training:nth-child(3) .position-relative .swiper-button-prev{display: none!important;}
.bg-lightbt .nav .nav-item .flex-column{ flex-direction: row!important;}
.nav .nav-item button span{font-size: 18px; font-weight: 600;}

.bg-msurvey .col-6 .card p{color:#666;}
.bg-msurvey .col-6 .card p span{color:#222;}
.hwyxtz .shadow {box-shadow: 0 0.1rem 0.3rem rgba(var(--tblr-body-color-rgb),.15)!important;}

.iserv .card .card-body p:first-child{color: #666;}
.iserv .card:hover .card-body p:first-child{color: #fff;}
.bbcard.card.active p:first-child{color: #fff;}

.list-case .hover-box .position-relative{padding: 1.5rem;}

.form-control{ padding: 0.7375rem 0.75rem;}
.form-select{padding: 0.7375rem 2.25rem 0.7375rem 0.75rem;color: #a5a9b1;}
.contact .card{background: #fff;}
.banner-mask{background: #222;}
.banner-img{ opacity:0.6; filter: alpha(opacity=60);}

.pagination{--tblr-pagination-active-bg: #5c80d9;}
.pagination .page-item:last-child{border: 0;}
.pagination .page-item{margin:0 0.5rem;border: 1px solid #e1e1e1; border-radius: 20px;}
.pagination {margin-top: 2rem;}
.page-item:hover{border: 1px solid #5c80d9; border-radius: 20px;}
.page-item.active .page-link{border-radius: 20px; width: 100% ;height: 100%}
.page-link{border-radius:30px!important;}
#tiktoker .card-body p,#videor .card-body p{margin-bottom: 0!important;}
.video .hover-box .position-absolute {bottom: 12%;}

.tooltip-inner{font-size:1rem;color:#333;background: #edf7ff;max-width: 280px;opacity: 1;}
.tooltip-arrow::before,.tooltip-arrow::after {border-bottom-color: #edf7ff!important;border-top-color: #edf7ff!important;}
.web-case .btn-top p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.header-hvbg{background-image: url(../tiktok/header-hvbg.png);background-repeat: no-repeat;background-size: cover;width: 270px;}
.header-hvbg .ms-3{text-align: start;padding: 0.5rem 0;border: 0 !important;margin-left: 1.4rem!important;}
.sp_table {width: 100%;}
.sp_table .ps-3{padding-left: 1.6rem !important;}
.sp_table th{border: 1px solid #e6e7e9;padding: 10px 0;text-align: center;vertical-align: middle;}
.sp_table tr td{border: 1px solid #e6e7e9;padding: 10px 0;text-align: center;vertical-align: middle;}
.sp_table tr td:last-child{text-align: left;padding-left: 10px;}
.video-lazy {position: relative;background: var(--poster) no-repeat center center;background-size: cover;aspect-ratio: 16/10; /* 可调整比例 */cursor: pointer;overflow: hidden;
}
.video-lazy .play-btn {position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;background: url('/web/media/play-icon.png') no-repeat center center;background-size: contain;pointer-events: none;
}
.footer .text-white{color: #f8fafc!important;}
.footer dd{color: #f8fafc;}

@keyframes slide-up {
  from {
    transform: translateY(150px);
  }
  to {
    transform: translateY(0);
  }
 }

@media (min-width:768px){
  .navtop a{display: inline-block;}
  .header .container-fluid{padding:0 4rem;}
  .display-6{font-size: 1.8rem;}
  .app-down{display: none;}
}

@media screen and (min-width: 1501px) and (max-width: 1920px){
  .banner .carousel-item .btxt h2{font-size: 36px !important;padding-top: 2rem;}
  .kol-box1 .tab-content .box{padding-right:32%;}
  .list-case .row.hover-box{--tblr-gutter-y: 3rem !important;--tblr-gutter-x: 3rem !important;}
  .pctzbox .w80box{width: 80%;}
  .iserv .px-lg-5{padding-right: 2rem!important;padding-left: 2rem!important;}	
}


@media screen and (min-width: 1250px) and (max-width: 1500px){
	.banner .carousel-item .btxt h2{font-size: 1.8rem!important;}
	.iserv .px-md-5{padding-right: 1rem!important;padding-left: 1rem!important;}
	.header .container-fluid{padding: 0 5rem;}
	.art-case .conbox .lbox table td{padding:.5rem;font-size: 0.9375rem;}
	.art-case .conbox .lbox p{font-size: 0.9375rem;}
	.art-case .conbox .lbox .webox .scrollbox{height: 520px;}
	.art-case .conbox .lbox .appimg{width: 190px;}
	.art-case .conbox .rbox .box ul li a{font-size: 0.9375rem !important;}
  	.successful-case li button{font-size:1rem !important;}
  	.kol-box1 .tab-content .box{padding-right:40%;}
  	.hover-box .gtop .overflow-hidden{height: 200px;}
  	.pctzbox .w80box{width: 90%;}
   	.iserv .px-lg-5{padding-right: 1rem!important;padding-left: 1rem!important;}
  	.px-md-12 {padding-right: 6rem !important;padding-left: 6rem !important;} 
}

@media screen and (min-width: 992px) and (max-width: 1249px){
  .header .container-fluid{padding:0 3rem;}
  .header .navbar-nav .nav-link{font-size:.93rem;padding: 1rem 0.4rem;}
  .inner .banner .col-md-5{width:50%; margin-left:0 !important;}
  .banner .icon{--tblr-icon-size: 2rem;}
  .banner .row{--tblr-gutter-y: 1rem;--tblr-gutter-x: 1rem;}
  .banner .col p{font-size:.8rem;}
  .adstype .col-md-7{width:100%;}
  .adstype .col-md-5{display:none;}
  .tiktok-ads-box1 .tab-content .box{padding-right:40%;}
  .kol-box1 .tab-content .box{padding-right:50%;}
  
}
@media screen and (min-width: 769px) and (max-width: 1200px){
  .kol-box3 .tab-content .bg-white{border-radius: 15px;}
  .hover-box .gtop .overflow-hidden{height: 180px;}
  
  .index .banner .row.g-md-4{padding:.5rem 0 !important;}
  .index .banner .banner-btn{display: none;}
  .index .banner .object-fit-cover{height: 440px !important;}
  .index .py-4.bg1 .col-md-10 .row .col-md-7{width: 100%;}
  .index .py-4.bg1 .col-md-10 .row .col-md-5{display: none;}
  .index .bg-darks .card-body p{font-size: .8rem !important;}
  .index .bg-darks .order-md-2{margin-top: 0;}
  .index .iserv{padding:3rem 0 !important;}
  .iserv .container-fluid{padding:0 !important;}
  .index .bgi2 .row .col-lg-6:nth-child(1){width: 100%;padding-right: 0 !important;}
  .index .bgi2 .row .col-lg-6:nth-child(2){width: 100%;padding-left: 0 !important;}
  .pt-service .col-md .fa-3x{font-size: 2rem;margin-right: .5rem;}
  .pt-service .col-md .display-6{font-size: 1.3rem;}
  .pt-service .col-md .display-5{font-size: 2rem;}
  .pt-service .row .col-md:nth-child(1) .fa-3x{margin-right: .1rem;}
  .index .icoop{padding:3rem 0 !important;}
  .index .icoop .container-fluid{padding:0 !important;}
  .icoop .col-1{width:50px;}
  .iquick .card{height:100%;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
  .b2c-boximg4{background-repeat: repeat;}
  .kol-box1 .tab-content .box{padding-right:initial;}
  
  .inner .banner .row .col-md-5{padding-left: 1rem!important;margin-left: 1rem!important;width: 45%;}
  .inner .banner .col-md-5 .row{--tblr-gutter-x: 1rem;--tblr-gutter-y: 1rem;padding:.5rem 0 !important;}
  .display-6{font-size: 1.5rem;}
  .fs-3{font-size: .9rem!important;}
  .inner .banner .col-md-5 .col p{font-size: .8rem;}
  .inner .banner .banner-btn{display: none;}
  .inner .banner img{height: 400px !important;}
  
}

@media (max-width:768px){
  	.display-6,.hover-box .display-6{font-size: 1.4rem;}
  	.container{padding:0 1rem;}
  	.inner .banner{height: 35vh;}
  	.px-md-12{padding-right: 1rem!important;padding-left: 1rem!important;}
  	
	.banner{height: 45vh;}
	.mh-10px{height: 10px!important;}
	.mh-20px{height: 20px!important;}
	.mh-30px{height: 30px!important;}
	.mh-40px{height: 40px!important;}
	.mh-50px{height: 50px!important;}
	.mh-60px{height: 60px!important;}
	.mh1{font-size: var(--tblr-font-size-h1);line-height: var(--tblr-line-height-h1);}
	.mh2{font-size: var(--tblr-font-size-h2);line-height: var(--tblr-line-height-h2);}
	.mh3{font-size: var(--tblr-font-size-h3);line-height: var(--tblr-line-height-h3);}
	.mh4{font-size: var(--tblr-font-size-h4);line-height: var(--tblr-line-height-h4);}
	.mh5{font-size: var(--tblr-font-size-h5);line-height: var(--tblr-line-height-h5);}
	.mh6{font-size: var(--tblr-font-size-h6);line-height: var(--tblr-line-height-h6);}
	.innerpro .banner{height: auto;}
	.header .navbar .navbar-brand{margin-left: .5rem;}
  	.header .navbar-brand img{height:40px;}
	.header .navtop .text-end{padding-right: 0rem;}
	.btn-dark-blue {font-size: 11px;}
  	.banner{margin-top:5rem;}
  	.header .row{padding: 0.3rem 0.5rem;}
  	.index .banner .display-6{font-size: 2.2rem;margin-bottom: 1rem;}
  	.inner .banner img{position:relative;z-index: 3;}
  	.inner .banner .col-md-5{padding: 0 2rem;}
  	.inner .banner .position-absolute.top-0:before{content: '';position: absolute;left: 0;top:0; z-index:-1;width: 100%;height: 100%;background: rgb(0 26 173 / 60%);}
  	.inner .banner .position-absolute.top-0{z-index: 6;}
  
  	.banner .row.g-md-4{display:none;}
  	.banner .carousel-item .col-md-6{width: 100%;padding-right: 0!important;}
	.banner .carousel-item .py-4{padding: 0 0!important;}
	.banner .carousel-item .col-md-6 .btxt .mt-3{margin-top: 0!important;}
	.carousel-control-prev,.carousel-control-next{width: 10%;}
	.bg1{height: 1000px;}
	.bg1 .list-group {height: auto!important;flex-wrap: wrap;gap: 1%;padding-bottom: 10px;}
	.bg1 .col-md-5{text-align: center;margin: 2rem;}
   .banner .col-md-5 .py-4{padding: 0!important;}
	.banner .position-absolute .container-fluid .ps-md-2 {padding-left: 0!important;}
  	.wflow{background: #0469ff;}
   .wflow h2{font-size: 30px;}
  	.swiper-button-prev {left: 0%!important;}
	.swiper-button-next {right: 0%!important;}
  	
	.header .navbar-nav .nav-item:hover .dropdown-menu,.navbar-expand-lg .navbar-collapse .dropdown-menu{display: none; min-width: auto;max-width: initial;box-shadow: none !important;position: relative;top: auto;}
	.app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 10px;font-size: 10px;background: #fafafa;padding: 4px 6px;border: 1px solid #cecece;color: #acacac;}
	.app-down i{display: block;color: #333333;font-size: 12px;}
	.navbar-nav .nav-item{border-bottom: 1px solid #eee;}
	.index .header .navbar-nav .nav-link{font-size: 1rem;padding: 1rem .6rem;}
	.hvr-underline-from-left:hover:before,.app-down9,.dropdown-menu9{display: none;}
	.navbar-nav{margin-top: 1rem;}
	.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center{background: #f9f9f9;margin-bottom: .5rem;padding: .8rem 0;}
	.header .navbar-nav .hov-dropdown .dropdown-menu .dropdown-a{text-align: left !important;padding-left: 1.1rem;}
	.index .header.fixed-top{position: absolute!important;}
  	.inner{position: static;}
  	.header .navbar-nav .nav-item .dropdown-menu small{display: none;}
	.header .navbar-nav .nav-item .nav-link i{display: none;}
	.navbar .nav-item .dropdown-menu .col-md-7 .col-md-6 { width:45%!important;}
	.navbar .nav-item .dropdown-menu .p-3 {padding: 0 1rem!important;}
	.header .navbar-nav .hov-dropdown .dropdown-menu .row.align-items-center {border-bottom: 0;}
	.header .navbar-nav .nav-item .dropdown-menu .dropdown-item {width: 45%;display: inline-block;padding: 0.7rem 1.5rem;background: #f9f9f9;margin-bottom: 0.5rem;text-align: center;margin-right: 0.5rem;}
	.dropdown-left .fa-solid {display: none!important;}
	.dropdown-menu3 .list-group{display: block;}

	.index .adv .col-6{padding:0;margin:0;}
	.index .adv .row .card{height:100%;border-radius: 0;}
	.index .adv .row .col-6:nth-child(1) .card{border-bottom:1px var(--tblr-border-style) rgba(97,104,118,.16)!important;}
	.index .adv .row .col-6:nth-child(2) .card{border-right:none !important;border-bottom:1px var(--tblr-border-style) rgba(97,104,118,.16)!important;}
	.index .bg1 .col-md-7 .card img{width:50px;height:50px;}
	.index .bg1 .col-md-5{margin: 0rem;}
	.index .bg1 .col-md-5 img{width:70%;margin:auto;margin-top: 2rem;}
	.index .bg1 .bgi1 h3{font-size: .8rem;margin-bottom: 0;text-align: center;}
	.index .bg1 .bgi1 small{font-size: .8rem;display:none;}
	.index .bg1 .bgi1 .list-group{display: flex;flex-wrap: wrap;}
	.index .bg1 .bgi1 .list-group button{border: 1px solid #fff;width: 50% !important;padding: 1rem 0.5rem !important;}
	.index .bg1 .tab-content .col-md-7 .h2{font-size: 1.2rem;}
	.index .bg1 .tab-content .col-md-7 small{line-height: 1.1rem;margin: 1rem 0;font-weight: initial;}
	.index .bg1 .tab-content .col-md-7 .col-md-6 .card{text-align: center;padding: 1rem !important;}
	.index .bg1 .tab-content .col-md-7 .col-md-6 .card .d-flex{display: block !important;}
	.index .bg1 .tab-content .col-md-7 .col-md-6 .card .d-flex h4{margin-top: .5rem;}
	.index .bg1 .tab-content .col-md-7 .col-md-6 .card  img{width: 40px;height: 40px;}
	.index .bg1 .tab-content .col-md-7 .col-md-6 .card .d-flex .text-start{text-align: center !important;}
	.successful-case .col-md-8{padding-top:1rem;}
	.iquick .col-md{width: 50%;padding:.5rem;}
	.iquick .col-md .card{height:100%;}
	.successful-case ul,.faqbox ul,.inner .bg-gc.btn-big ul{gap: inherit;}
	.successful-case ul li,.faqbox li,.inner .bg-gc.btn-big ul li{width: 50%;padding: .2rem;}
	.successful-case ul li button,.faqbox li button,.inner .bg-gc.btn-big ul li button{width: 100%;}
	.bgform .col-md-5,.bgform .col-md-7{padding:1rem;}
	.bgform .col-md-5 .col-md-4{width: 50%;}
	.qlink .row .col-6:nth-child(3) .card{background-color: #fff!important;}
	.qlink .row .col-6:nth-child(4) .card{background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important;}
	.bg-customization .col-6 img{width: 50%;margin-top: 1rem;}
	.bg-customization .list-unstyled{padding-left: 0 !important;font-size: .9rem!important;}
	.adv h3{font-size:1.1rem;}
	.index .pt-md-5.bg-darks .list-group button{padding:1rem !important;}
	.index .bgi2 .col-md-3 img{height: 40px;}
	.index .bgi2 .col-md-3 p{font-size: .8rem;}
	.index .bgi2 .btn.btn-outline-light{font-size: 1rem;}
	.banner .carousel-control-prev,.banner .carousel-control-next{display: none;}
	.dynamic .nav-tabs .nav-link, .dynamic2 .nav-tabs .nav-link, .dynamic3 .nav-tabs .nav-link{font-size: 12px !important;}
	.dynamic .tab-content .h2,.dynamic2 .tab-content .h2,.dynamic3 .tab-content .h2{margin-top: 1.5rem;}
	.btn.btn-indigo{font-size:1rem;}
	.py-3.bg-msurvey .nav,.bg-lightbwc .na{display: flex;flex-wrap: wrap;}
	.py-3.bg-msurvey .nav .nav-item,.bg-lightbwc .nav .nav-item{width: 50%}
	.py-3.bg-lightbr .card{padding:1rem .8rem !important;}
	.py-3.bg-lightbr .card img{width: 50%;}
	.py-3.bg-lightbr .card .h2{font-size: 1.1rem;line-height: initial;}
	.py-3.bg-lightbr .card .h3{font-size: .93rem;margin:1.5rem 0 !important;}
	.wflow .row .col-12 .card,.b2c-boximg4 .card{padding:1rem;}
	.wflow .row .col-12 .card .card-body,.b2c-boximg4 .card .card-body{padding:0;}
	.wflow .row .col-12 .card .card-body .h2,.b2c-boximg4 .card .card-body .h2{margin: 0 0 1rem 0 !important;padding: 0 0 1rem 0 !important;}
	.wflow .row .col-12 .card .card-body .lh-lg,.wflow .w-70,.b2c-boximg4 .card .card-body .lh-lg{width: 90% !important; text-align: center;}
	.wflow h2{font-size:1.4rem;}
	.wflow .card-body .w-90{width: 100% !important;padding: 0 .2rem !important;}
	.wflow .card-body .w-80{width: 90% !important;padding: 0 .2rem !important;}
	.wflow .card-body .w-60,.wflow .card-body .w-70{width: 80%  !important;padding: 0 .2rem !important;}
 	.bg-google04{background-repeat: repeat;}
  	.bg-google04 .card-body .ps-5,.bg-google04 .card-body .ps-4{padding-left: 1rem !important;}
	.bg-lightbwc .nav .nav-item{padding:.5rem;margin:0;}
	.bg-lightbwc .nav .nav-item button{font-size: .8rem;}
	.bg-darkbluenr .col-md-10 .fs-1{font-size: 1.2rem!important;line-height: 2.5rem;}
	.bg-lightbw .card{height: 100%;}
	.bg-bluetiktok .col-md-10{width: 83.33333333%;}
	.bg-lighttiktok .nav button{font-size: 1rem;text-align: center;width:25%;display:block;word-break:break-all;}
	.bg-lighttiktok .nav button i{display: block;margin-bottom: .5rem;margin-left: 1.6rem;}
	.process .card{padding:1rem;}
	.process .card img{width: 50%;}
	.process .card .h2{font-size: 1.1rem;line-height: initial;}
	.process .card .h3{font-size: .93rem;margin:.6rem 0 !important;}
	.process .card .fs-3{line-height: 1.5rem!important;font-size: .9rem !important;margin-top: 0.8rem !important;}
	.tiktok-box4 .xt-tabs button i{display:none;}
	.tiktok-ads-box1 .nav{height: auto !important;}
	.tiktok-ads-box1 ul .nav-item{width: 33.333% !important;height: auto;}
	.tiktok-ads-box1 ul .nav-item button{padding: 1rem;}
	.tiktok-ads-box1 .tab-content .box{padding-right: inherit;}
	.tiktok-ads-box1 .h-100{height: auto !important;}
	.tiktok-ads-box1 .vbox{display:none;}
	.hover-box .tab-content .row .col-md-6:nth-child(2){padding-top: 1rem;}
	.kol-box3 ul li button{padding:1rem;}
	.hover-box .overflow-hidden{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
	.kol-box3 .tab-content .bg-white{border-radius:0;}
	.kol-box6 .col-3 img{height: 70px;}
	.bg-pro .card .d-flex,.pay-boxshadow .card .d-flex{display: block !important;}
	.pay .col-md-3{width: 50%;}
	.pay .card{padding:1rem .8rem !important;}
	.pay .card img{width: 50%;}
	.pay .card .h2{font-size: 1.1rem;line-height: initial;}
	.pay .h3{font-size: .93rem;margin:1rem 0 !important;}
	.adv-targets,.b2c-boximg4,.taboola-adstype{background-repeat: repeat;}
	.nav-line button,.tiktok-ads-box3 ul li button{padding: 0.8rem 1rem}
	.tiktok-ads-box3 .tab-content .col-md-6{padding:1rem;}
  
  	.bg-googlePromotion .tab-content .col-md-3,.bg-googlePromotion .tab-content .col-md-4{display: none;}
	.bg-googlePromotion .d-flex.align-items-start{display: block !important;}
	.bg-googlePromotion .nav{display: flex;flex-wrap: wrap;flex-direction: initial !important;margin-right: 0 !important;border: 2px solid #fff;}
	.bg-googlePromotion .nav-link{flex: 0 0 auto;width: 33.3333%;border: 2px solid #fff;padding: 1rem .5rem;height: auto;border-radius: 0;}
  	.bg-googlePromotion .tab-content .tab-pane .row{padding-left: 1rem !important;}
  	.bg-googlePromotion .tab-content .tab-pane .row .col-md-9,.bg-googlePromotion .tab-content .tab-pane .row .col-md-8{padding: 1.5rem !important;margin: 0 !important;}
	.bg-googlePromotion .tab-content .tab-pane .row .col-md-9 .h1,.bg-googlePromotion .tab-content .tab-pane .row .col-md-8 .h1{margin-top: 0 !important;}
  	.bg-google03 .row .col{flex: 0 0 auto;width: 50%;margin-top:1rem !important;}
	.bg-google03 .row .col .h2{font-size: 1.1rem;}
	.bg-google03 .row .col .card-body{padding: 1.5rem 1rem !important;margin: 0 !important;}
  	.tfmbrq .col-4 .btn-primary{font-size:1rem;}
  	.jqxxkj .col-md-6 .d-flex.align-items-center{padding:1rem !important;display: block !important;text-align: center;}
	.jqxxkj .col-md-6 .d-flex.align-items-center img{margin-right: auto !important;margin-bottom: .5rem;}
  	.jqxxkj .h1{font-size: 1.3rem;}
    .bg-google06 .w-75{width: 100% !important;padding:3rem !important;}
  	.google-shoping-foot .col{width: 33.3333%;flex: 0 0 auto;}
	.google-shoping-foot .col .rounded-4{font-size: 1rem;font-size: .9rem !important;padding: 0.7rem 0.5rem !important;border-radius: 8px !important;box-shadow: none !important;}
	.google-shoping-foot .col .rounded-pill{padding: 0.7rem 0.5rem !important;margin-top: 0.6rem !important;}
  	.bg-lighthalfball .list-group{display: block;padding: 1rem;}
	.bg-lighthalfball .tab-content img{display: none;}
	.bg-lighthalfball .list-group h3{display: inline-block;width: 32%;padding: 0;margin: 0 !important;}
	.bg-lighthalfball .list-group h3 button{padding: 1rem !important;margin: 0 !important;background: #d5efff;}
	.bg-lighthalfball .list-group h3 .active{background: #4263eb;}
	.bg-lighthalfball .tab-content .row .col-md-8{padding:1rem;}
	.bg-lighthalfball .tab-content .row .col-md-8 .h2{width: 100%;margin-bottom: .5rem;}
  	.hwyxtz .h1,.dynamic .h2{font-size: 1.1rem;}
  	.hwyxtz .col-md-6 img{margin-top:1rem;}
  	.dynamic .tab-content .card{display:block !important;height:100%;}
  	.dynamic2 a img,.bg-lightsingle a img{width:80%;}
  	.bg-stripe .col-md-6 img{width:100%;}
  	.banner .col-md-5{padding:0 2rem;}
  	.ofcimg-500{height: auto;}
	.index-case .conbox:nth-child(odd) .row .col-md-6:nth-child(1),.index-case .conbox:nth-child(even) .row .col-md-6:nth-child(2){padding-right: 1rem;}
	.index-case .conbox:nth-child(odd) .row .col-md-6:nth-child(2),.index-case .conbox:nth-child(even) .row .col-md-6:nth-child(1){padding-left: 1rem;}
  	.index-case .col-md-6 .col-md-4{width: 50%;margin-bottom: 1rem;}
	.index-case .conbox .textbox .col-md-4 a span{width: 32px;height: 32px;line-height: 32px;}
  	.index-case .conbox .textbox .col-md-4 a span i{font-size: 14px;}
  	.list-case .banner{height: 30vh;}
	.list-case .banner .w-70{width: 90%;}
  	.column-nav{padding:0;}
  	.art-case .banner{height: 20vh;}
	.ofcimg-400{height: 200px;}
  	.art-case .conbox .tbox,.art-case .conbox .lbox{padding:2rem;}
	.art-case .conbox .tbox h1 span{display: inline-block;margin: 1rem 0 0 0 !important;padding: 0.1rem 1rem !important;}
  	.tabbox{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
  	.art-case .conbox .lbox table td{padding: 0.8rem;font-size: .9rem;white-space: nowrap;}
  	.art-case .conbox .lbox table{margin: 1rem 0;}
  	.art-case .conbox .lbox .appimg{width: 150px;right: 1rem;}
  	.prenext{display:block !important;}
  	.prenext li{margin-bottom:.5rem;}
  	.art-case .conbox .lbox .webox .scrollbox{height:400px;}
  
  	.bg-consult img{display: none;}
    .bg-consult .text-end{text-align: left !important;}
    .bg-consult .justify-content-end {justify-content: flex-start!important;}
    .bg-consult .consult_left,.bg-consult .consult_right{background: #367bf7;width: 50%}
    .bg-consult .consult_left,.bg-consult .consult_right{background: #367bf7; padding: 10px 0 10px 14px !important;}
  
    div[class*="dynamic"] .nav-justified .nav-item{flex-basis:auto;width: 30%;}
    .bg-lightbt .nav .nav-item i{display: none;}
    .bg-lightbt .nav .nav-item {width: 50%!important;}
    .b2c-boximg2 .col{width: 50%}
    .b2c-boximg2 {background: #0a1738;}
    .b2c-boximg2 .col{flex: 1 0 100%;}
  	
	.nav-justified .nav-item{flex-basis:auto;}
    .tiktok-box4 .nav .nav-link{width: 49%;}
    .tiktok-box4 .nav{gap: 1%;justify-content: start!important;}
    .kol-box3 .nav .nav-link{width: 100%}
    .bg-lightbarrow .nav .nav-link{width: auto;}
  
    .bg-lightbarrow .nav .me-3{margin-right: 0!important;}
    .bg-moon .nav .nav-item{width: 50%;padding: 10px 1px 10px 1px;margin-bottom: 5px;}
    .bg-moon .col-md-12 .justify-content-center{justify-content: left !important;}
	.footer .col-md-3 dt{margin-bottom: 0.5rem !important;padding-bottom: 0.5rem !important;margin-top: 2rem;}
	.index-solution .list-group{flex-wrap: wrap;}
	.index .bgi2 .text-md-start{text-align: left!important;}
	.index .pt-service .justify-content-center{justify-content: start!important;}
	.index .pt-service .justify-content-end{justify-content: start!important;}
	.index .iserv h3{font-size: 1rem!important;}
	.tiktok-box4 .xt-tabs button{padding: 1rem 1rem;border-bottom: 0;border: 1px solid #dddddd;margin-bottom: 1%;border-radius: 5px;}
	.tiktok-box4 .xt-tabs button.active {color: #fff;background: #518eed;}
	.tiktok-box4 .xt-tabs button.active:before {display: none;}
}

@media (min-width:1799px){
	.banner .carousel-item .btxt h1{font-size: 46px!important;}
	.banner .carousel-item .btxt h2{font-size: 46px!important;}
	.bg1 .card{padding-top: 2.2rem !important;}
}

.navbar-nav .nav-item{transition: padding 0.2s ease;}
.header .nav-item106,.header .fill-nav-item{position: static;transform: none;}
.header .nav-item106 .dropdown-menu,.header .nav-item .fill-menu{min-width: 100%!important;max-width: 100%!important;left: 0;top: 99%;transition: all 0.3s ease;border: 0;border-radius: 0;}
.header .navbar{position: relative;}
.header .nav-item106 .blog-item p,.header .fill-nav-item .dropdown-menu-item p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.header .nav-item106 .dropdown-menu .col-md-5 ,.header .fill-nav-item .dropdown-menu .col-md-5{background: #dcd7d747;padding: 5% 3% 5% 8%;}
.header .nav-item106 .dropdown-menu .col-md-7{padding: 3% 8% 5% 3%;}
.header .nav-item106 .col-md-7 .col-md-4{padding: 1.5rem;}
.header .nav-item106 .col-md-7 .col-md-4:hover{  box-shadow: 0px 0px 4px 2px #c1c1c17a;}
.header .nav-item106 .col-md-7 a ,.header .fill-nav-item .col-md-7 a{color: #333;}
.article_blog{margin-top: 11rem;}
.lh-mw{line-height: 1.5;}
.article-body .list-group-item{border:0;font-size: 15px;font-weight: 400 !important;}
.article-body p{font-size: 15px;color: #555;line-height: 1.7;}
.article-body img{margin-bottom: 1rem;}
.sticky-fixed{position: sticky;}
.article-body .list-group-item.ps-2{font-weight: 600!important;font-size: 16px;margin-top: 1rem;}
.article-body .list-group-item.ps-2:first-child{margin-top: 0;}
.art-blog h2,.art-blog h3,.art-blog h3,.art-blog h4,.art-blog h5,.art-blog h6{color: #333;}
.article-body .list-group-item.py-2.ps-3{ padding-top: .2rem !important;padding-bottom: .2rem !important; color: #555;}
.article-body .list-group-item.py-2.ps-4{ padding-top: .2rem !important;padding-bottom: .2rem !important; color: #555;padding-left: 1.5rem!important;font-size: 13px;}
.article-body .card-body {background: #f1f5f94d;padding-left: 1.5rem;padding-top: 1.5rem;}
.article-body .article_blog-nav span{color: #333;}

.banner .carousel-item .col-md-6.pe-4{padding-right: 0!important;}
.article-body .list-group-item.active{color: #4263eb!important;background-color: transparent;}
.article-body .list-group-item:hover{background: transparent;color: #4263eb!important;}
.bg-1{ background: linear-gradient(to bottom, #fafbfd 0%, #f0f4f8 50%, #ebf1f6 100%);}
.header .fill-nav-item .col-md-7{padding: 3% 0 5% 5%;}
.embed-icon{top: 70%!important;}
.fill-nav-item .col-md-7 .col-md-12 .nav_spec-3 .col-md-6:hover  a{text-decoration: underline;text-decoration-color: #0e78f8;text-decoration-thickness: 2px;}
.fill-nav-item .col-md-7 .col-md-12 .nav_spec-2 .dropdown-menu-item:hover{box-shadow: 0px 0px 4px 2px #c1c1c17a;}
.fill-nav-item .col-md-7 .col-md-12 .nav_spec-2 .dropdown-menu-item{padding: 1rem;}
.bg1 .card{background: transparent;}
.bg1  .list-group-item{border: 0;}
.bg1 .list-group-item.active{background: transparent;color: #1d273b;}
.bg1 .list-group-item.active h3{color: #4263eb;}
.bg1 .list-group-item{position: relative;}
.bg1 .list-group-item.active::before{content: ' '; width: 55%; height: 3px;background: #4263eb;bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);}
.bg1 .list-group-item { padding-bottom: 1.2rem !important;}
.iserv .card{border-radius: 0;}
.index-solution{background-image: url(/web/allimg/page/index-solution.webp);background-repeat: no-repeat;background-size: cover;}
.bgi2{background-image: url(/web/allimg/page/index-service.webp);background-repeat: no-repeat;background-size: cover;}
.bg1 .border-light img{width: 24px;height: auto;}
.bg1 .border-light h4{font-size: 16px;margin-bottom: 3px;}
.bg1  small,.bg1 .border-light p{color: #616876;font-size: 16px;}
.adv .card{padding-left: 10%!important;padding-right: 10% !important;position: relative;}
.adv .card::before{content: ' '; position: absolute;right: 0; width: 1px;height: 30%;top: 50%;transform: translateY(-50%);background: #e6e7e9;}
.adv .col-md-3:last-child .card::before{display: none;}
.adv p{color: #616876;}
.adv .mb-3 {margin-bottom: 9px !important;}
.adv h3{font-size: 20px;}
.successful-case .nav-pills .nav-item{flex: 1;}
.index .successful-case{background: #fcfcfc;}
.icoop .col-md{padding-left: 1%;padding-right: 1%;}
.bg1 h3{font-size: 20px;}
.bg1 .p-2 {padding: .8rem !important;}
.bg1 small.fs-4{margin-top: 3px;font-size: 16px!important;}   
.bg1 .border-light p{font-size: 14px;}
.bg1 .tab-content .card .align-items-center{padding-left: 10px;}
.bg1  .ps-1 {padding-left: .6rem !important;}
.bg1 .tab-pane h3.p-2{ padding-bottom: 0px !important;}
.iserv .card{box-shadow: 0 .125rem .25rem rgb(29 39 59 / 4%) !important;padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.bg1 .card .col-md-12.pt-4{padding-top: 1rem!important;}

@media (min-width: 768px) {
    .bg1  .tab-pane .row.mt-md-3 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1699px){
	.adv.px-md-5{ padding-right: 0rem !important;padding-left: 0rem !important;}
}
@media screen and (min-width: 769px) and (max-width: 1599px){
	.adv .row.px-md-5{ padding-right: 0rem !important;padding-left: 0rem !important;}
	.px-md-5 {padding-right: 2rem !important;padding-left: 2rem !important;}
	.icoop .mt-md-5{margin-top: 2.5rem !important;}
	.adv .card{padding-left: 5% !important;padding-right: 5% !important;}
}

@media (max-width:768px){
	.web-case .btn-top p{display: none !important;}
	.article_blog {margin-top: 7rem;}
	.article_blog-content{    padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;}
	.blog-nav li{flex: 1 1 0;padding: 0.1rem;margin-right: 0rem !important; margin-left: 0rem !important;}
	.blog-nav li a {width: 100%; border-radius: 0 !important;text-align: center; padding-top: .8rem !important; padding-bottom: .8rem !important;}
	.header .nav-item106,.header .fill-nav-item {position: relative;}
	.header .nav-item106 .dropdown-menu .col-md-5 {display: none;}
	.header .nav-item106 .blog-item p {display: none!important;}
	.header .nav-item106 .blog-item h3 span{display: none;}
	.header .nav-item106 .blog-item h3{margin-bottom: 0;justify-content: center;}
	.header .nav-item106 .col-md-7 a{padding: 0.7rem 1.5rem; background: #f9f9f9;margin-bottom: 0.5rem; text-align: center; margin-right: 0.5rem;display: block;}
	.header .nav-item106 .col-md-7 .col-md-4 { width: 50%;padding: 0;}
	.header .nav-item106 .dropdown-menu .col-md-7 {padding: 0% 9% 0% 5%;}
	.header .nav-item106 .dropdown-menu .col-md-5, .header .fill-nav-item .dropdown-menu .col-md-5 ,.header .fill-nav-item .dropdown-menu-item p {display: none!important;}
	.navbar .fill-nav-item .dropdown-menu .col-md-7 .col-md-6.pe-md-5 {width: 100% !important;}
	.navbar .fill-nav-item .col-md-12 .col-md-6.d-flex{width: 100%!important;}
	.navbar .fill-nav-item .col-md-12 .col-md-6.d-flex .col-md-6 span{display: none;}
	.fill-nav-item .col-md-7 .col-md-12 .nav_spec-2 .dropdown-menu-item {padding: 0rem;}
	.header .fill-nav-item .col-md-7 {padding: 0 0 0 1%;}
	.fill-nav-item .dropdown-menu-item span{display: none;}
	.dropdown-menu-right_nav h3{font-size: 15px !important;}
	.nav_spec-3 .col-md-6 a{padding: 0.7rem 1.5rem; background: #f9f9f9;margin-bottom: 0.5rem; text-align: center; margin-right: 0.5rem;display: block;}
	.dropdown-menu1 .row>* {margin-top: 5px;}
	.dropdown-menu .dropdown-menu-right .dropdown-menu-right_nav .nav_spec-3 .col-md-6 { width:50% !important;}
	.bg1 .list-group-item {padding: 10px !important;margin-top: 5px;border-radius: 5px;background: #d3dae9;width: 49%;}
	.bg1 .list-group-item h3{font-size: 14px!important;margin-bottom: 0;}
	.bg1 .list-group-item span{display: none;}
	.bg1 .list-group-item small{display: none;}
	.bg1 .list-group-item.active{background: #0c81fc;}
	.bg1 .list-group-item.active::before {display: none;}
	.bg1 .list-group-item.active h3 {color: #fff;}
	.bg1 .list-group-item+.list-group-item.active {margin-top: auto;border-top-width: 10px;}
	.bg1 .tab-content .col-md-6.ps-md-5 img{margin-top: 35px;}
	.iserv .card-header img{width: 20px;}
	.iserv .card-body p{margin-bottom: .5rem;}
	.iserv .mt-3{margin-top: .5rem !important;}
	.iserv .mt-4 {margin-top: 1rem !important;}
	.bgi2 .col {flex: 1 0 33.33%;margin-bottom: 10px;}
	.bgi2 h3{font-size: 18px;}
	.bgi2 .col-md-12.p-2 {padding: 1rem !important;}
	.bg-gc .tab-pane .fs-3{font-size: 14px!important;}
}

@media screen and (min-width: 769px) and (max-width: 1599px){
	.smo-tik_flow .col-lg-10{ width: 95%;}
}