@charset "utf-8";
/*fonts-face db heavent*/
@font-face {
    font-family: 'db_heaventbold_it';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_bd_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventbold';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_bd_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventitalic';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight_it';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_li_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventlight';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_li_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed_it';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_med_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventmed';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_med_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin_it';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_thin_it_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventthin';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_thin_v3.2-webfont.ttf');
    font-style: normal;}
@font-face {
    font-family: 'db_heaventregular';
    src: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fassets%2Ffonts%2Fdb-heavent%2Fdb_heavent_v3.2-webfont.ttf');
    font-style: normal;}
/*.fonts-face*/

body{font-size: 13px;line-height: 1.22857;color:#646464; overflow-x: hidden; padding: 0; margin: 0;
    font-family:"Century Gothic","Open Sans","Futura","Tw Cen MT","Roboto",Arial,"YuGothic","游ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Microsoft Yahei","Hiragino Sans GB",sans-serif;}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
img {vertical-align: middle;}
.img-responsive { margin: 0 auto;}
.btn.btn-logout{
	background:gray;
}
.btn {
    cursor: pointer;
    padding: 0;
    background: none;
    border: 0 none;
    color: #fff;
    text-align: center;
    background-color: #d62825;
    line-height: 100%;
    padding:15px;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    font-size: 16px;
    font-size: 1.23077rem;
    position: relative;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.btn.btn-logout:hover, .btn.btn-logout:focus{
	background:#4a4a4a;
}
.btn:hover, .btn:focus {
    background-color: #b2211e;
    color: #fff;
    text-decoration: none;
}
.btn .icon--thin-arrow::before {
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    color: #fff;
}

/*banner header*/
section.banner--headerdomain{
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fpage-home%2Fbg-header2022.jpg')center top no-repeat;
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 1% 0;
    padding-top:90px;
}
section.banner--headerdomain h1 {
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin:0 0 2% 0;
    padding: 2% 0 0 0;
    font-weight: normal;
    font-size: 5.5rem;
    text-align: center;
    color: #fff;
    line-height: 1;
}
section.banner--headerdomain h1 span{color:#f6ff00;font-family: "db_heaventregular", Tahoma, sans-serif;}
section.banner--headerdomain h1 br{display: none;}
section.banner--headerdomain .b-dotcom{
    width:100%;
    text-align: center;margin: 0 auto;padding: 0;display:inline-block;
}
section.banner--headerdomain img.b1dotcom{
    width: 80%;
    /*width: 100%;*/
    text-align: left;
    padding: 0;
    margin: 0 auto 3px auto;
    float: left;
}
section.banner--headerdomain img.b1dotcom-sp{
    width: 80%;
    /*width: 100%;*/
    text-align: left;
    padding: 0;
    margin: 0 auto 3px auto;
    float: left;
}
section.banner--headerdomain p.expiration-date {
    background:#d00b07;
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin: 0;
    padding:8px 2%;
    font-weight: normal;
    font-size: 28px;
    text-align: center;
    color: #fff;
    line-height: 1;
    width: fit-content;
    border-radius: 8px 8px 0 0;
}
section.banner--headerdomain p.expiration-date span{color:#f6ff00;font-family: "db_heaventregular", Tahoma, sans-serif;}
section.banner--headerdomain .imgTL{
    width: 100%;
    float: left;
    text-align: left;
}

/*domain thai*/
section.banner--headerdomain .domainthai{
    width:auto;
    background-color:rgba(17, 17, 17, 0.9);
    border-radius: 50px;
    padding: 2%;
    margin: 0 auto;
    display:flex;
    justify-content: center;
}

section.banner--headerdomain .domainthai .span{
    background:#f6ff00;
    width: fit-content;
    color:#000;
    border-radius: 50px;
    padding: 5px 2%;
    float: left;
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    position: relative;
    z-index:0;
}
section.banner--headerdomain .domainthai .span-red{
    background:#d00b07;
    width: fit-content;
    color:#fff;
    border-radius: 50px;
    padding: 5px 2% 5px 5%;
    margin-left: -4%;
    float: left;
    font-weight: normal;
    text-align: left;
    font-size: 24px;
    line-height: 1;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    /*position: relative;
    z-index: 0;*/
}
section.banner--headerdomain .domainthai .title {    
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin: 0 3% 0 5%;
    padding: 5px 0;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    text-align: left;
    background:#d00b07;
    position: relative;
    z-index: 0;
    margin-left: -4%;
    border-radius: 50px;
    color:#fff;
}
section.banner--headerdomain .domainthai .border-domain{
    width: fit-content;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 3px 3%;
    float: left;
    margin: 0 3px;
}
section.banner--headerdomain .domainthai .border-domain span{    
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin:0;
    padding:0;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    color:#fff;
}
/*red*/
section.banner--headerdomain .domainthai .border-domainred{
    width: fit-content;
    border-radius: 5px;
    border: 1px solid #d00b07;
    background:#d00b07;
    padding: 3px 7%;
    float: left;
    margin: 0 3px;
    position: relative;
}
section.banner--headerdomain .domainthai .border-domainred span{    
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin:0;
    padding:0;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    color:#fff;
}
section.banner--headerdomain .domainthai .border-domainred p.new{
    position: absolute;
    right: 3px;
    top: 2px;
    color:#f6ff00;
    font-size: 12px;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.banner--headerdomain .domainthai .boxdomain-thai{
    width: 50%;
    text-align: center;
    float: none;
    display: flex;
    justify-content: center;
}

/*special domain*/
section.banner--headerdomain .special-domain{
    width:auto;
    background-color:rgba(0, 20, 46, 0.9);
    border-radius: 50px;
    padding: 2%;
    margin: 3px auto;
    display:flex;
    justify-content: center;
}
section.banner--headerdomain .special-domain .special-red{
    background:#d00b07;
    width: fit-content;
    margin-right: 1%;
    color:#f6ff00;
    border-radius: 50px;
    padding: 5px 1%;
    float: left;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.banner--headerdomain .special-domain .border-special{
    width: fit-content;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 3px 1%;
    float: left;
    margin: 0 3px;
}
section.banner--headerdomain .special-domain .border-special span{    
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin:0;
    padding:0;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    color:#fff;
}
/*.banner header*/

/*search topbanner*/
section.search--topbanner{
    width: 100%;
    float: left;
    padding: 1% 0;
    background:#030305;
}
section.search--topbanner .form--searchT {
    padding:0;
    background: #fff;
    border: 1px solid #646464;
    position: relative;
    border-radius: 8px;
    width: 70%;
    float: left;
    height: 58px;
    margin-left:0;
}
section.search--topbanner .form--searchT input.input[type="text"] {
    width: 58%;
    font-size: 2.2rem;
    border: 0 none;
    float: left;
    height: 48px;
    line-height: 54px;
    text-indent: 17px;
    padding-right:0;
    margin: 5px;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.search--topbanner .form--searchT .btn.btn-submit {
    font-size: 28px;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    text-align: center;
    background: rgb(171,0,1);
    background: linear-gradient(0deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    width: 150px;
    height: 58px;
    color: #fff;
    box-shadow:none;
    border-radius: 0 8px 8px 0;
    margin: -1px -2px;
    float: right;
    padding: 2%;
}
section.search--topbanner .form--searchT .fa-search:before {font-size:20px;}
section.search--topbanner .form--searchT .btn.btn-submit:hover, .btn.btn-submit:focus {
    background: rgb(171,0,1);
    background: linear-gradient(180deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    color: #fff;
    text-decoration: none;
}

section.search--topbanner .bulk--search--btn{
    font-size: 28px;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    text-align: center;
    background: rgb(171,0,1);
    background: linear-gradient(0deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    height: 58px;
    color: #fff;
    box-shadow:none;
    border-radius:8px;
    margin: -1px -6px;
    float: right;
    padding: 12px 2%;
    float: left;
    margin-left: 2%;
    border: none;
}
section.search--topbanner .bulk--search--btn img.searchall{
    width: 30px;
    display: inline-block;
}
section.search--topbanner .bulk--search--btn:before {font-size:20px;}
section.search--topbanner .bulk--search--btn:hover, .btn.btn-submit:focus {
    background: rgb(171,0,1);
    background: linear-gradient(180deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    color: #fff;
    text-decoration: none;
}

/*ai search*/
section.search--topbanner .bulk--search--btn.aiSearch{
    font-size: 26px;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    text-align: center;
    background: rgb(243,234,196);
    background: radial-gradient(circle, rgba(243,234,196,1) 0%, rgba(204,181,115,1) 80%);
    height: 58px;
    color: #000;
    box-shadow:none;
    border-radius:8px;
    margin: -1px -6px;
    float: right;
    padding: 12px 2%;
    float: left;
    margin-left: 2%;
    border: none;
}
section.search--topbanner .bulk--search--btn.aiSearch img.searchall{
    width: 30px;
    display: inline-block;
}
section.search--topbanner .bulk--search--btn.aiSearch:before {font-size:20px;}
section.search--topbanner .bulk--search--btn.aiSearch:hover, .btn.btn-submit:focus {
    background: rgb(204,181,115);
    background: radial-gradient(circle, rgba(204,181,115,1) 0%, rgba(243,234,196,1) 80%);
    color: #000;
    text-decoration: none;
}
section.search--topbanner .form--searchT .btn.btn-submit.bulkSearch{
    top: 0;
    position: absolute;
    right: 23%;
    color: #323232;
    background: none;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: underline;
    }

/*banner Partner*/
section.banner--partner{
    width: 100%;
    float: left;
    background:#fafafa;
    padding: 3% 0;
    margin: 0 auto;
}
section.banner--partner ul{
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
section.banner--partner ul li{
    width:20%;
    float: left;
    margin: 0 auto;
    padding: 1% 5px;
    text-align: center;
}

section.banner--partner ul li .boxbanner{
    background:#fff;
    box-shadow: 1px 1px 10px #bababa;
    padding: 0 5% 5% 5%;
    text-align: center;
    position: relative;
    z-index: 0;
    height: 240px;
    border-radius: 10px;
}
section.banner--partner ul li .boxbanner img{
    text-align: center;margin: 0 auto;position: relative;
}
section.banner--partner ul li .boxbanner p.content{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin:0;
    padding: 0;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    color: #323232;
    line-height: 1;
    background: transparent;
}
section.banner--partner ul li .boxbanner p.content span.red{
    font-size: 34px;
    color:#e60404;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.banner--partner ul li .boxbanner p.content span.gray{
    font-size: 30px;
    color:#323232;
    text-decoration:line-through;
    font-family: "db_heaventthin", Tahoma, sans-serif;
}
section.banner--partner ul li .boxbanner p.content span.gray::before{color: red;}
section.banner--partner ul li .boxbanner p.discount--red{
    background:#e60404;
    border-radius: 100%;
    padding: 4% 0 0 0;
    text-align: center;
    color:#fff;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1;
    color:#fff;
    position: absolute;
    z-index: 9;
    top: 4%;
    left: 4%;
    width: 40px;
    height: 40px;
}
section.banner--partner ul li .boxbanner p.discount--red span {font: 16px;}

section.banner--partner ul li .boxbanner p.discount--yellow{
    background:#fff000;
    border-radius: 100%;
    padding: 4% 0 0 0;
    text-align: center;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1;
    color:#000;
    position: absolute;
    z-index: 9;
    top: 4%;
    left: 4%;
    width: 40px;
    height: 40px;
}
section.banner--partner ul li .boxbanner p.discount--yellow span {font: 16px;}

/*hover*/
/section.banner--partner ul li a {
  position: relative; 
  display: block;
  width:100%;
  height: auto;
  text-align: center;
  line-height:1;
  background: #333;
  border-radius:0;
  font-size: 30px;
  color: #666;
  transition: .5s;}

section.banner--partner ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width:auto;
  height:auto;
  border-radius:0;
  background:#e60404;
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
  border-radius: 10px;
}

section.banner--partner ul li a:hover::before {
  transform: scale(1.1);
  box-shadow: 0 0 5px #e60404;}

section.banner--partner ul li a:hover {
  color: #ffee10;
  border: 3px solid #e60404;
  border-radius: 10px;
}
/*.hover*/

/*about*/
section.page--aboutdomain{
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fpage-home%2Fbg-red2022.jpg')center top no-repeat;
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:4% 0;
}
section.page--aboutdomain h2 {
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin: 0 0 25px 0;
    padding: 0;
    font-weight: normal;
    font-size: 50px;
    text-align: center;
    color: #fff;
    line-height: 1;
}
section.page--aboutdomain p.content {
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    color: #fff;
    line-height: 1;
    background: transparent;
}
section.page--aboutdomain p.content span{
    font-family: "db_heaventregular", Tahoma, sans-serif;
}

/*why domain zcom*/
section.page--whydomainzcom {
    width: 100%;float: left;background: #fafafa;padding:3% 0;
}
section.page--whydomainzcom h2 {
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin: 0 0 4% 0;
    padding: 0;
    font-weight: normal;
    font-size: 50px;
    text-align: center;
    line-height: 1;
    color: #323232;
}
section.page--whydomainzcom h2 img.logozcom-why{
    height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    width: auto;
}

section.page--whydomainzcom ul{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}
section.page--whydomainzcom ul li{
    /*width:33.33%;
    float: left;
    margin: 0 auto;
    padding: 1%;*/
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border-radius: 10px;
}
section.page--whydomainzcom ul li:hover {

            transform: translateY(-6px);

            box-shadow:
                0 15px 35px rgba(0, 0, 0, 0.12),
                0 5px 12px rgba(0, 0, 0, 0.06);
        }
section.page--whydomainzcom ul li .boxcontent{
    background:#fff;
    /*box-shadow: 1px 1px 10px #bababa;*/
    padding:0;
    text-align: center;
    position: relative;
    z-index: 0;
    /*height: 500px;*/
}
section.page--whydomainzcom ul li .boxcontent img{
    width: auto;
    text-align: center;margin: 0 auto 5% auto;
}
section.page--whydomainzcom ul li .boxcontent p.title{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin:0;
    padding: 0 5%;
    font-weight: normal;
    font-size: 28px;
    text-align: center;
    color: #d62825;
    line-height: 1;
}
section.page--whydomainzcom ul li .boxcontent p.title img.logozcom-title{
    height: 23px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
section.page--whydomainzcom ul li .boxcontent p.content{
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin:0;
    padding:3% 5%;
    font-weight: normal;
    font-size: 24px;
    text-align: left;
    color: #323232;
    line-height: 1;
    background: transparent;
}

/*price domain*/
section.top-shared-feature {
    width: 100%;float: left;background: #fff;padding: 30px 0;
}
section.top-shared-feature h2 {
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin: 0 0 25px 0;
    padding: 0;
    font-weight: normal;
    font-size: 4rem;
    text-align: center;
    color: #323232;
}
section.top-shared-feature h2 span {
    color:#d62825;
}
section.top-shared-feature.domain-price {
    width: 100%;
    float: left;
    padding:30px 0;
}

/*ul li 20.2.23*/
section.top-shared-feature.domain-price ul{
    width: 100%;
    padding:5px 2%;
    margin: 0 auto 3% auto;
    float: left;
}
section.top-shared-feature.domain-price ul li{
    width: 20%;
    padding:0 3px;
    margin:0;
    list-style: none;
    float: left;
}
section.top-shared-feature.domain-price ul li .Bcolor--price{
    width: 100%;
    background: #fbfbfb;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding:3%;
}
section.top-shared-feature.domain-price ul li .Bcolor--price p.contentL{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 24px;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-align: left;
    color:#646464;
}
section.top-shared-feature.domain-price ul li .Bcolor--price p.contentL span.contentR{
    font-size: 24px;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-align: right;
    color:#646464;
    float: right;
}
section.top-shared-feature.domain-price ul li .Bcolor--price p.contentL span.red{
    color:#d62825;
}
/*.ul li 20.2.23*/

.domain-price table.table-hover{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    padding: 0;
    margin:0 0 10px 0;
}
.domain-price .table > tbody > tr > td{
    font-size: 24px;
    padding:5px 10px;
    line-height: .8;
}

/*alldomain*/
.domain-price table.table-hover.price.title--domain{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    padding: 0;
    margin:0 auto 10px auto;
    width: 95%;
}
.domain-price table.table.price.content-alldomain {width: 95%;margin: 0 auto 4% auto;}
.domain-price table.table.price.content-alldomain tr.color {
    background: #fbfbfb;
    border-bottom: 1px solid #ddd;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(1) {
    text-align: left;
    width: auto;
    padding: 0 30px 0 8px;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(2) {   
    text-align: right;
    width: auto;
    border-right: 8px solid #fff;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(3) {
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(4) {
    width: auto;
    text-align: right;
    padding-right:8px;
    border-right: 8px solid #fff;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(5) {
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(6) {
    width: auto;
    text-align: right;
    padding-right: 8px;
    border-right: 8px solid #fff;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(7) {
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(8) {
    width: auto;
    text-align: right;
    padding-right: 8px;
    border-right: 8px solid #fff;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(9) {
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.domain-price .table.price.content-alldomain > tbody > tr > td:nth-child(10) {
    width: auto;
    text-align: right;
    padding-right: 8px;
}
.domain-price .table > tbody > tr > td p {
    margin: 5px 10px;
    color: #d62825;
}
.domain-price .table > tbody > tr > td p span {
    color: #323232;
}
.domain-price table.table-hover.content-alldomain thead tr th.is-first {    
    width: 100%; 
    border-bottom: 2px solid #d00b07 !important;
    background: #fff;
    text-align: center;
    padding: 0;
}
.domain-price table.table-hover.content-alldomain thead tr th.is-first p{
    background-color: #d00b07;
    padding: 10px 4%;
    color: #fff;   
    font-weight: normal;
    text-align: center;
    font-size: 2.4rem;
    width: fit-content;
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin:0 auto 2px auto;
    line-height: 1;
}
/*.alldomain*/

.domain-price table.table.price tr.color {
    background: #fbfbfb;
    border-bottom: 1px solid #ddd;
}
.domain-price .table.price > tbody > tr > td:nth-child(1) {
    padding-left: 3%;
}
.domain-price .table.price > tbody > tr > td:nth-child(2) {   
    text-align: center;
    width: 40%;
}
.domain-price .table.price > tbody > tr > td:nth-child(3) {
    width: 50%;
    text-align: right;
    padding-right: 30px;
}
.domain-price .table > tbody > tr > td p {
    margin: 5px 10px;
    color: #d62825;
}
.domain-price .table > tbody > tr > td p span {
    color: #323232;
}
.domain-price table.table-hover thead tr th.is-first {    
    width: 100%; 
    border-bottom: 2px solid #d00b07 !important;
    background: #fff;
    text-align: center;
    padding: 0;
}
.domain-price table.table-hover thead tr th.is-first p{
    background-color: #d00b07;
    padding: 10px 4%;
    color: #fff;   
    font-weight: normal;
    text-align: center;
    font-size: 2.4rem;
    width: fit-content;
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin:0 auto 2px auto;
    line-height: 1;
}
/*form*/
.domain-price table.table-hover thead tr th.center{margin: 0 auto; text-align: center;}
.domain-price table.table-hover thead tr th form.search--domain{
    width: 70%;margin: 0 auto;display: inline-flex;
}
.domain-price table.table-hover thead tr th form.search--domain .form-group.half-w {width: 50%;float: left;margin: 0 5px;}
.domain-price table.table-hover thead tr th form.search--domain .form-group label {
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    margin-top: 0;
    background: transparent;
    position: relative;
    color: #323232;
    top: 0px;
    padding: 8% 0 0 0;
}
.domain-price table.table-hover thead tr th form.search--domain .form-group label span {color:red;}
.domain-price table.table-hover thead tr th form.search--domain .form-group select.category {
    font-family: "db_heaventlight", Tahoma, sans-serif;
    display: block;
    width: 100%;
    line-height: 50px;
    height: 45px;
    padding: 0 15px;    
    font-size: 20px;
    color: #3b3b3b;
    background: #f0f0f0;
    border:none;
}

/*search-domain-2nd*/
section.top-shared-feature.search-domain-2nd {
    padding-bottom: 30px;
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fpage-home%2Fbg-searchdomain.jpg')center top no-repeat;
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:2% 0;
}
section.top-shared-feature.search-domain-2nd > .container > .title > img {
    vertical-align: baseline;width: 35%;
}
section.top-shared-feature.search-domain-2nd > .container > .title {
    color: #fff;
    font-family: "db_heaventthin", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 4rem;
    text-align: center;
    margin:0 0 1% 0;
}
section.top-shared-feature.search-domain-2nd > .container > p.step {
    color: #fff;
    font-family: "db_heaventthin", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 45px;
    text-align: center;
    margin:1% 0 0 0;
}
section.top-shared-feature.search-domain-2nd > .container > ul{
    width: 100%;
    text-align: center;
    margin:  1% 0;
    display: flex;
    justify-content: center;
}
section.top-shared-feature.search-domain-2nd > .container > ul li{
    /*width: 25%;*/
    padding: 1%;
    list-style: none;
    display: inline-block;
    float: left;
}
section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle{
    width: 150px;
    height: 150px;
    background:#c7140f;
    padding: 10% 5%;
    text-align: center;
    margin: 0 auto;
    border-radius: 100%;
}
section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle img{
    text-align: center;
    width:50px;
    height: 70px;
}
section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle p.content{
    font-size: 30px;
    color:#fff;
    text-align: center;
    font-family: "db_heaventthin", "Open Sans", "Tahoma", "Arial", sans-serif;
    line-height: 1;
    margin: 2% 0 0 0;
    background: transparent;
}
section.top-shared-feature.search-domain-2nd .form-search input.input[type="text"] {
    width: 80%;
    font-size: 2.2rem;
    border: 0 none;
    float: left;
    height: 48px;
    line-height: 54px;
    text-indent: 17px;
    padding-right:0;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.top-shared-feature.search-domain-2nd .form-search{border-radius: 8px;height: 58px;}
section.top-shared-feature.search-domain-2nd .form-search .btn.btn-submit {
    /*padding: 15px;*/
    font-size: 19px;
    font-size: 28px;
    border-radius: 0;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    text-align: center;
    background: rgb(171,0,1);
    background: linear-gradient(0deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    width: 150px;
    height: 58px;
    color: #fff;
    box-shadow:none;
    border-radius: 0 8px 8px 0;
    margin: -6px;
}
section.top-shared-feature.search-domain-2nd .form-search .fa-search:before {font-size:20px;}
section.top-shared-feature.search-domain-2nd .form-search .btn.btn-submit:hover, .btn.btn-submit:focus {
    background: rgb(171,0,1);
    background: linear-gradient(180deg, rgba(171,0,1,1) 0%, rgba(215,0,0,1) 100%);
    color: #fff;
    text-decoration: none;
}

/*customer*/
section.page--customer--newdomain2022{
    width: 100%;
    background: #fafafa;
    padding: 3% 0;
    float: left;
}
section.page--customer--newdomain2022 h4{
  font-family: "db_heaventthin", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 50px;
  text-align: center;
  color: #f73408;
  line-height: 1;
  font-weight: normal;
  padding:0;
  margin:0;
}
section.page--customer--newdomain2022 h4 img.logozcom-customer{
height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
section.page--customer--newdomain2022 h6{
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 26px;
  text-align: center;
  color: #333333;
  line-height: .7;
  font-weight: normal;
  padding:0;
  margin:3% 0 0 0;
}
/*slide*/
section.page--customer--newdomain2022 .box--slide {
    width: 100%;
    /*float: left;*/
    padding: 3% 0;
    margin: 0 auto;

}

#demos .owl-carousel .item {
    height: 250px;
    background: #ffffff;
    padding: 1rem;
    border-radius: 20px;
}
#demos .owl-carousel .item h4 {
    color: #FFF;
    font-weight: 400;
    margin-top: 0rem;
}
#demos .owl-carousel .item img.pitem{width:auto;}
#demos .owl-carousel .item h6{
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 22px;
  text-align: center;
  color: #333333;
  line-height: 1;
  font-weight: normal;
  padding:0;
  margin:1% 0 0 0;
}
#demos .owl-carousel .item h6 a{color:org;}
#demos .owl-carousel .item p{
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 18px;
  text-align: center;
  color: #707070;
  line-height: 1.1;
  font-weight: normal;
  padding:0;
  margin:5% 0 0 0;
}
.owl-theme .owl-dots {display: none;}
.owl-carousel .owl-nav button.owl-next{
    font-size: 30px !important;
    position: absolute;
    right:-5%;
    top: 38%;
}
.owl-carousel .owl-nav button.owl-prev{font-size: 30px !important;
    position: absolute;
    left: -5%;
    top: 38%;    
}

/*slider customer*/
/* Slider */
.slick-slide {
    margin: 15px 20px;
}

.slick-slide img {
    width: 100%;
    padding:5px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*btn*/
section.page--customer--newdomain2022 .boxbtn { width: 100%;float: left;}
section.page--customer--newdomain2022 .boxbtn p.button--red {
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 24px;
  text-align: center;
  color: #fff;
  line-height: .9;
  font-weight: normal;
  /*background:#d60707;*/
  background: rgb(196,0,0);
  background: linear-gradient(280deg, rgba(196,0,0,1) 0%, rgba(244,0,0,1) 100%);
  padding: 2% 5%;
  margin:3% auto 0 auto;
  width:fit-content;
  border-radius: 50px;
  transition: all 0.5s;
  cursor: pointer;
}
section.page--customer--newdomain2022 .boxbtn p.button--red a{font-size: 22px;color:#fff;}
section.page--customer--newdomain2022 .boxbtn p.button--red span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  color:#fff;
  font-size: 28px;
}
section.page--customer--newdomain2022 .boxbtn p.button--red span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
section.page--customer--newdomain2022 .boxbtn p.button--red:hover span {
  padding-right: 25px;
  color:#fff;}
section.page--customer--newdomain2022 .boxbtn p.button--red:hover{ background:#c80000;}
section.page--customer--newdomain2022 .boxbtn p.button--red:hover span:after {opacity: 1; right: 0;}

/*faq*/
section.page--faq--newdomain2022{
  background:#fff;
  width: 100%;
  float: left;
  padding: 3% 0;
  margin:0;
}
section.page--faq--newdomain2022 h2{
  font-family: "db_heaventthin", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 50px;
  text-align: center;
  color: #000;
  line-height:1;
  font-weight: normal;
  padding: 0;
  margin:2% auto;
}
section.page--faq--newdomain2022 h2 span{color:#d20000;}
/*section.page--faq--newdomain2022 h2::before {
    content: "";
    display: block;
    width: 5%;
    background-color: #d20000;
    height: 3px;
    text-align: left;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4%;
}*/
section.page--faq--newdomain2022 .faqall{
  width: 100%;
  padding:0;
  margin:8px auto;
  background: #fff;
  border-radius:8px;
  float: left;
}
section.page--faq--newdomain2022 .faqall p.titleT{
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 26px;
    text-align: left;
    color: #333333;
    line-height: .7;
    font-weight: normal;
    padding: 0;
    margin:0 0 2% 0;
}
section.page--faq--newdomain2022 ul{
  width: 100%;
  padding:0;
  margin:2% auto;
}
section.page--faq--newdomain2022 ul li{
  width: 100%;
  float: left;
  padding:0;
  margin:0;
  list-style: none;
}
section.page--faq--newdomain2022 ul li p{
  font-family: "db_heaventlight", "Open Sans", "Tahoma", "Arial", sans-serif;
  font-size: 22px;
  text-align: left;
  color: #323232;
  line-height:1;
  font-weight: normal;
  padding: 0;
  margin:0 auto;
}
section.page--faq--newdomain2022 ul li p span {
  margin-top:2%;
  text-decoration: underline;
}
section.page--faq--newdomain2022 ul li .accordion {
  background-color:#fff;
  color: #444;
  cursor: pointer;
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  transition: 0.4s;
  line-height: 1;
}
section.page--faq--newdomain2022 ul li .accordion p.title {
  font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  width: 90%;
  float: left;
}
section.page--faq--newdomain2022 ul li .active, section.page--faq--newdomain2022 ul li .accordion:hover {
  background-color: #fff;
}
section.page--faq--newdomain2022 ul li .accordion:after {
  content: '\002B';
  color: #fff;
  float: right;
  margin-left: 5px;
  background:#f40000;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 0;
    margin:0;
    line-height:.8;
}

section.page--faq--newdomain2022 ul li .active:after {
  content: "\2212";
  line-height:1.2;
}

section.page--faq--newdomain2022 ul li .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px #e5e5e5 solid;
  box-shadow: none;
}

/*css hover*/
.hvr-float-shadow {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

/* Float Shadow */
.hvr-float-shadow {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  transition: 0.4s;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.domain-price table.table-hover.sp{display: none;}


/*scrollbar*/
.scrollbar--price-sp{
    width: auto;
    float: left;
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
}
.scrollbar--price-sp::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* Track */
.scrollbar--price-sp::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;*/
  border: 1px solid #e4e4e4;
  border-radius: 10px;
}
 
/* Handle */
.scrollbar--price-sp::-webkit-scrollbar-thumb {
  background: #d62925;  
 border-radius: 10px;
}

/* Handle on hover */
.scrollbar--price-sp::-webkit-scrollbar-thumb:hover {
  background: #323232; 
}


.flex-search{
    display: flex;
    justify-content: center;
}

/* Modal Content */
.multi-domain-search-placeholder{
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%;
    height: 202px;
    background:#fff;
    color: #9f9f9f;
    overflow: hidden;
    padding: 2% 5%;
    font-size: 16px;
    line-height: 1.25;
    text-align: left;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}
.modal-content p {
  font-size: 20px;
  text-align: left;
}
.modal-content p span{
    float: right;
    text-align: right;
    font-size: 18px;
    margin-right:4%;
}
.modal-content p br{display: none;}

/* The Close Button */
.close {
  color: #323232;
  float: right;
  font-size: 28px;
  font-weight: bold;
  opacity: .8;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*popup*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content.seoD {
  background-color:transparent;
  margin: auto;
  padding: 20px;
  border:none;
  width: 60%;
  box-shadow: none;
}

/* The Close Button */
.modal-content.seoD span.close {
  color: #fff;
  float: right;
  font-size: 33px;
  font-weight: bold;
background: red;
    border-radius: 50px;
    width: 50px;
}

.modal-content.seoD span.close:hover,
.modal-content.seoD span.close:focus {
  color: yellow;
  text-decoration: none;
  cursor: pointer;
}
img.seodomain {
    width: auto;
    text-align: center;
    margin: 0 auto;
}

/*slider partner*/
.slider--bannerPartner {
    width: 100%;
    float: left;
    padding: 30px 15px;
    background: #fafafa;
    position: relative;
    z-index: 0;
}
.slider--bannerPartner .box--slide {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.slider--bannerPartner .box--slide img.photo{
    width: 55%;
}
/*.slider--bannerPartner .box--slide #demos .owl-carousel .item{
    box-shadow: 1px 1px 10px #bababa;
}*/
.slider--bannerPartner .box--slide #demos .owl-carousel .item p.content {
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 22px;
    text-align: center;
    color: #323232;
    line-height: 1;
    font-weight: normal;
    padding: 0;
    margin: 5% 0 0 0;
    background: transparent;
}
.slider--bannerPartner .box--slide #demos .owl-carousel .item p.content span.gray {
    font-size: 30px;
    color: #323232;
    text-decoration: line-through;
    font-family: "db_heaventthin", Tahoma, sans-serif;
}
.slider--bannerPartner .box--slide #demos .owl-carousel .item p.content span.red {
    font-size: 34px;
    color: #e60404;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}

.slider--bannerPartner .box--slide #demos .owl-carousel .item:hover{
    position: relative;
    border-bottom: 5px solid #e60404;
    transition: 0.4s;
}
.slider--bannerPartner .box--slide #demos .owl-carousel .item:hover{
    
}
.slider--bannerPartner .box--slide #demos .owl-carousel .item p.discount--red {
    background: #e60404;
    border-radius: 100%;
    padding: 3% 0 0 0;
    text-align: center;
    color: #fff;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    position: absolute;
    z-index: 9;
    top: 2%;
    left: 4%;
    width: 40px;
    height: 40px;
}
.slider--bannerPartner .box--slide #demos .owl-carousel .item p.discount--yellow {
    background: #fff000;
    border-radius: 100%;
    padding: 3% 0 0 0;
    text-align: center;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #000;
    position: absolute;
    z-index: 9;
    top: 2%;
    left: 4%;
    width: 40px;
    height: 40px;
    animation: zscaling 0.75s infinite;
}
.form--searchT br{display:none;}
/*.slider partner*/
@media (max-width: 1248px) {
.slider--bannerPartner .box--slide {width: 73%;}
}
@media (max-width: 1138px) {
    .slider--bannerPartner .box--slide {width: 80%;}
    .owl-nav {display: none;}
    section.banner--headerdomain{padding-top: 63px;}
    img.logodomaintop {width: 30%;}
}
@media (max-width: 1024px) {
section.banner--headerdomain{padding-top: 53px;}
}
@media (max-width: 800px) {
    section.banner--headerdomain h1 {font-size: 4rem;}
    section.banner--headerdomain p.expiration-date,
    section.page--aboutdomain p.content {font-size: 24px;}

    section.banner--headerdomain .domainthai,
    section.banner--headerdomain .special-domain {display: inherit;}
    section.banner--headerdomain .special-domain {float: left;width: 100%;}

    section.banner--headerdomain .domainthai .span,
    section.banner--headerdomain .domainthai .span-red,
    section.banner--headerdomain .domainthai .border-domain span,
    section.banner--headerdomain .domainthai .border-domainred span,
    section.banner--headerdomain .special-domain .special-red,
    section.banner--headerdomain .special-domain .border-special span,
    section.banner--partner ul li .boxbanner p.content,
    section.page--whydomainzcom ul li .boxcontent p.content,
    section.page--faq--newdomain2022 ul li p {font-size: 20px;}

    section.banner--partner ul li .boxbanner p.content span.gray {font-size: 26px;}

    section.banner--partner ul li .boxbanner p.content span.red,
    section.page--aboutdomain p.content,
    section.page--whydomainzcom ul li .boxcontent p.title,
    .domain-price table.table-hover thead tr th.is-first p,    
    section.page--faq--newdomain2022 ul li .accordion, {font-size: 22px;}

    section.banner--headerdomain .special-domain .border-special {margin: 2px;}
    section.search--topbanner .form--searchT {margin-left: 0;}
    section.search--topbanner .bulk--search--btn,
    section.search--topbanner .form--searchT .btn.btn-submit,
    section.search--topbanner .form--searchT input.input[type="text"] {font-size: 24px;}

    section.banner--partner ul,
    section.page--whydomainzcom ul {width: 100%;padding: 0 16px;grid-template-columns: 1fr;}
    section.banner--partner ul li {width: 50%;}

    section.page--aboutdomain h2,
    section.page--whydomainzcom h2,
    section.top-shared-feature h2,
    section.top-shared-feature.search-domain-2nd > .container > .title,
    section.page--customer--newdomain2022 h4,
    section.page--faq--newdomain2022 h2 {font-size: 35px;}

    section.top-shared-feature.search-domain-2nd > .container > p.step {font-size: 28px;}

    section.page--whydomainzcom h2 img.logozcom-why,
    section.page--customer--newdomain2022 h4 img.logozcom-customer {height:auto;width: 16%;}

    section.banner--partner ul li .boxbanner {height: 230px;}
    section.page--whydomainzcom ul li .boxcontent {height: 390px;}
    .domain-price table.table-hover thead tr th form.search--domain {width: 100%;}
    .domain-price table.table.price.content-alldomain.hidden-xs {display: none;}
    .domain-price table.table-hover.sp {display: inline-block;padding: 0 15px;}

    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle {width: 120px;height: 120px;}
    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle img {width: 50%;}

    /*slider*/
    section.page--customer--newdomain2022 .box--slide {width: 90%;}
}
@media (max-width: 768px) {
img.logodomaintop {width: 42%;}
}
@media (max-width: 600px) {
section.banner--headerdomain{padding-top:55px;}
    section.page--aboutdomain h2,
    section.page--whydomainzcom h2,
    section.top-shared-feature h2,
    section.top-shared-feature.search-domain-2nd > .container > .title,
    section.page--customer--newdomain2022 h4,
    section.page--faq--newdomain2022 h2 {font-size: 30px;}

    section.banner--headerdomain h1 br{display:inline-block;} 

    section.banner--headerdomain .special-domain .special-red {float: none;margin: 0 auto 5px auto;}
    section.banner--headerdomain .domainthai .boxdomain-thai {width: 100%;padding-top: 5px;}
    section.banner--headerdomain .special-domain,
    section.banner--headerdomain .domainthai {border-radius: 8px;}

    section.page--whydomainzcom ul li {width: 50%;height: auto;}
    section.banner--headerdomain .special-domain .special-red {padding: 5px 5%;}
    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle img {height: auto;margin-bottom: 8%;}

/*search*/
    section.search--topbanner .form--searchT input.input[type="text"]{width: 45%;background-color: rgba(255, 255, 255, 1.0) !important;}
    section.search--topbanner .form--searchT .btn.btn-submit {width: 100px;}
    section.search--topbanner .form--searchT {width: 90%;}

    section.search--topbanner .bulk--search--btn, 
    section.search--topbanner .form--searchT .btn.btn-submit, 
    section.search--topbanner .form--searchT input.input[type="text"] {
    font-size: 20px;}

    .flex-thai{
    display: flex !important;
    justify-content: center;
    background: #d00b07;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
}
    .modal-content.seoD {width: 100%;}

    /*section.banner--headerdomain .domainthai .span {z-index: 0;}
    section.banner--headerdomain .domainthai .span-red {}*/
    section.search--topbanner .bulk--search--btn.aiSearch{float: none;padding: 5px 4%; height: auto;margin: 0 auto;font-size: 20px;}
    section.banner--headerdomain p.expiration-date {margin: 0 auto;}    
    section.banner--headerdomain img.b1dotcom{width: 310px;float: none;}
    section.banner--headerdomain img.b1dotcom-sp{width: 310px;float: none;}
}

@media (max-width: 480px) {
    section.page--customer--newdomain2022 .box--slide {width: 80%;}
    section.banner--headerdomain h1 {font-size: 38px;line-height: .8;}
.slider--bannerPartner .box--slide img.photo {width:45%;}
    section.banner--headerdomain p.expiration-date, section.page--aboutdomain p.content,
    section.banner--headerdomain .domainthai .span,
    section.banner--headerdomain .domainthai .span-red,
    section.banner--headerdomain .domainthai .border-domain span,
    section.banner--headerdomain .domainthai .border-domainred span,
    section.banner--headerdomain .special-domain .special-red,
    section.banner--headerdomain .special-domain .border-special span,
    section.banner--partner ul li .boxbanner p.content,
    section.page--whydomainzcom ul li .boxcontent p.content,
    section.page--faq--newdomain2022 ul li p,
    .domain-price table.table-hover thead tr th.is-first p,
    .domain-price table.table-hover thead tr th form.search--domain .form-group label {font-size: 20px;}
section.search--topbanner .bulk--search--btn.aiSearch img.searchall {width:22px;margin-right:5px;}

    .domain-price table.table-hover thead tr th form.search--domain .form-group select.category {font-size: 18px;}
    .domain-price table.table-hover thead tr th form.search--domain .form-group.half-w {width: 100%;}
    .domain-price table.table-hover thead tr th form.search--domain {display: inline-block;}
    .domain-price table.table-hover thead tr th form.search--domain .form-group label {padding-top: 2%;}

    /*search*/
    section.search--topbanner .form--searchT input.input[type="text"] {height: 34px;}
    section.search--topbanner .form--searchT,
    section.search--topbanner .form--searchT .btn.btn-submit,
    section.search--topbanner .bulk--search--btn {height: 45px;}
    section.search--topbanner .bulk--search--btn {padding: 8px 2%;}
    section.search--topbanner .form--searchT .btn.btn-submit.bulkSearch {right: 28%;}

    section.banner--headerdomain .special-domain .border-special {
        margin: 3px auto;
    float: none;
    display: inline-block;}
    section.banner--headerdomain .box--sp{margin: 0 auto;text-align: center;}

    section.banner--headerdomain .b-dotcom,
    section.banner--headerdomain img.b1dotcom,
    section.banner--headerdomain img.b1dotcom-sp {width: 100%;}
    .flex-search {width: 100%;padding:2%;}
    .btn.btn-submit {margin: 0 auto;height: auto;padding: 3% 0;margin-bottom: 2%;border-radius:5px;}
    section.top-shared-feature.search-domain-2nd > .container > .title > img {width: 50%;}
    section.top-shared-feature.search-domain-2nd > .container > ul {display: inline-block;}
    section.top-shared-feature.search-domain-2nd > .container > ul li {width: 50%;padding: 2%;}
    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle img {width: 35%;}

    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle p.content,
    .btn.btn-submit {font-size: 24px;}
    section.top-shared-feature.search-domain-2nd > .container > ul li .red-circle {padding-top: 15%;}

    section.top-shared-feature.search-domain-2nd .form-search input.input[type="text"] {font-size: 18px;}
    section.top-shared-feature.search-domain-2nd .form-search .btn.btn-submit {font-size: 20px;width: 95px;}

    /*slider banner*/
    .slider--bannerPartner .box--slide {padding: 0 35px;width: 100%;}

    .flex-thai{display:inline-block!important;padding: 5px 0;width: 100%;}
    section.banner--headerdomain .domainthai .span {float: none;margin: 5px auto 0 auto;}
    section.banner--headerdomain .domainthai .span-red {float: none;margin:0 auto;}
    section.banner--headerdomain img.b1dotcom {width: 100%!important;}
    section.banner--headerdomain img.b1dotcom-sp{width: 50%!important;float: left;}
    section.banner--headerdomain p.expiration-date {margin: 0;}
    .form--searchT br{display: inline-block;}
    section.search--topbanner .form--searchT {width: 100%;margin-bottom: 8px;}
    section.search--topbanner .bulk--search--btn {display: flex;float: none;margin: 0 auto;}
    .flex-search {display: inline-block;}
}
@media (max-width: 414px) {
section.banner--headerdomain h1 {font-size:30px;font-family: "db_heaventregular", Tahoma, sans-serif;}
    .form--searchT br{display: inline-block;}
    section.banner--partner ul li,
  section.page--whydomainzcom ul li {width: 100%;height: auto;}
  section.page--whydomainzcom h2 img.logozcom-why, section.page--customer--newdomain2022 h4 img.logozcom-customer {width: 29%;}
  section.page--whydomainzcom ul li .boxcontent,
  section.banner--partner ul li .boxbanner {height: auto;}

  .flex-search {display: inline-block;}
  section.search--topbanner .form--searchT {width: 100%;}
  section.search--topbanner .bulk--search--btn {display: flex;float: none;margin: 0 auto;}
  section.search--topbanner .form--searchT {margin-bottom: 2%;}
  section.banner--headerdomain img.b1dotcom-sp{width: 50%!important;float: left;}
}
@media (max-width: 320px) {
    section.banner--headerdomain .domainthai .span {text-align: center;line-height: .8;}
    section.banner--headerdomain .domainthai .span-red {margin-left: -3%;text-align: center;
    font-size: 16px;
    padding: 2% 5%;}
}

/*go online*/
img.logoT-goonline {
    width:8%;
    position: absolute;
    z-index: 100;
    left: 8px;
    margin-top: 5px;}
@media (max-width: 768px) {
    img.logodomaintop {width: 42%;}
}
@media (max-width: 480px) {
  img.logoT-goonline{position: relative;left: 0;width: 20%;display: inline-block;}
  img.logoT-goonline-sp{position: relative;left: 0;width: 20%;display: inline-block !important;}
  img.logodomaintop {width: 70%;} 
}