@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;
}
.mid_box {
    padding: 20px 20px 0;
    width: 285px;
height: 284px; float: left;
}
.icon.icon--link-blank,
.icon.icon--link-blank:before { display: none !important;}
header.top--header{
    width: 100%;
    position:fixed;
    z-index: 999;
}

/*error*/
.page--error--header{
 width: 100%;
 float: left;
 padding:0;
 margin:0 auto;
 text-align: center;
}

.page--error--header .complete{
 background:#76c14c;
 font-size: 14px;
 text-align: center;
 padding: 8px 15px;
 color:#fff;
 margin:0 auto;
}
.page--error--header .error--code{
 background:#d62825;
 font-size: 14px;
 text-align: center;
 padding: 8px 15px;
 color:#fff;
 margin:0 auto;
}

/*.error*/

section.header { position: relative;/* padding-top: 36px;*/width: 100%;height: auto;float: left;}
section.header .header-inner { background:#fff; border-bottom: 1px #dcdcdc solid; height: 49px; width: 100%;}
section.header .header-inner .header-logo { text-align: left; padding:0;margin: 0;}
section.header .header-inner .header-right { text-align: right; padding:0;margin: 0;}
section.header .header-inner .header-right.index { text-align: left;margin-top: 0.55em; margin-left: -5px;}
section.header .header-inner .header-right.index ul { list-style: none;}
section.header .header-inner .header-right.index ul li { display: inline-block;color: #646464;/*padding: 0 20px; */font-size: 12px;margin: 0 1.33333em 0 0;}
section.header .header-inner .header-right.index ul li a { color: #646464;}
section.header .header-inner .header-right.index ul li a:hover { color:#d62825; }

section.header .header-inner .header-right.index ul li.is-current {
    color: #d62825;
}
section.header .header-inner .header-right.index ul li.is-current::before {
    border-bottom: 4px solid #d62825;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 3em;
    width: 100%;
}

/*language*/
section.header .header-inner .header-right .header-language{
    color: #d62825;
    font-family: "Century Gothic","Open Sans","Futura","Tw Cen MT","Roboto",Arial,"YuGothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
    font-size: 13px; padding: 0;
}
section.header .header-inner .header-right .header-language ul {list-style: none;padding:0; margin: 0;}
section.header .header-inner .header-right .header-language ul li { 
    display: inline-block; margin-left:10px;color: #646464; text-align: right;font-size: 13px; line-height: 24px;}
section.header .header-inner .header-right .header-language ul li.top--order {
    padding-right: 20px;
}
section.header .header-inner .header-right .header-language ul li a span.number,
.cd-primary-nav > li a span.number {
    display: block;
    position: absolute;
    right:0;
    top: -6px;
    color: #fff;
    font-size: 10px;
    font-size:13px;
    width:20px;
    height:20px;
    background-color: #d62825;
    line-height:1.5;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
.cd-primary-nav > li a span.number {
    display: block;
    position: absolute;
    right:0;
    top: -3px;
    color: #fff;
    font-size: 10px;
    font-size:13px;
    width:20px;
    height:20px;
    background-color: #d62825;
    line-height:1.5;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}

section.header .header-inner .header-right .header-language ul li.cart { padding-right: 25px;}
section.header .header-inner .header-right .header-language ul li a { color:#646464;}
section.header .header-inner .header-right .header-language ul li a:hover, 
section.header .header-inner .header-right .header-language ul li.active { color:#646464;}
section.header .header-inner .header-right .header-language ul li.active a { color:#d62825;}

section.header .header-inner .header-right .header-language ul li.header-cart {color: #d62825;}
section.header .header-inner .header-right .header-language ul li.header-cart a { color:#d62825;}
section.header .header-inner .header-right .header-language ul li.header-cart a:hover { color:#d62825;}

section.header .header-inner .header-right .header-language ul li .box-red{
    border: 1px #d62825 solid; padding: 4px 20px; text-align: center; line-height: 24px;
    -moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    border-radius: 0;
}
section.header .header-inner .header-right .header-language ul li.header-cart .box-red a { background: #d62825; color: #fff; text-decoration: none;}
section.header .header-inner .header-right .header-language ul li.header-cart .box-red:hover { background:#d62825;cursor: pointer;-moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out; color: #fff; text-decoration: none;}

/*login*/
section.header .header-inner .header-right .header-login {
    color: #d62825;
    font-family: "Century Gothic","Open Sans","Futura","Tw Cen MT","Roboto",Arial,"YuGothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
    font-size: 13px; padding: 0;
}
section.header .header-inner .header-right .header-login ul {list-style: none;padding:0; margin: 0;}
section.header .header-inner .header-right .header-login ul li { display: inline-block; margin-left:5px;color: #d62825; text-align: right;font-size: 13px;}
section.header .header-inner .header-right .header-login ul li a { color:#d62825;}
section.header .header-inner .header-right .header-login ul li a:hover { color:#d62825;}
section.header .header-inner .header-right .header-login ul li .box-red{
    border: 1px #d62825 solid; padding: 4px 20px; text-align: center; line-height: 24px;
    -moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    border-radius: 0;
}
section.header .header-inner .header-right .header-login ul li .box-red a { background: #d62825; color: #fff; text-decoration: none;}
section.header .header-inner .header-right .header-login ul li .box-red:hover { background:#d62825;cursor: pointer;-moz-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out; color: #fff; text-decoration: none;}

section.nav-global .navbar-collapse.collapse {
    width: 100%;
}
section.nav-global {border-bottom: 1px #dcdcdc solid; /*height: 36px*/; width: 100%; float: left;background: #fff;padding-top: 5px;}
section.nav-global .nav > li > a {
    color: #646464;
    position: relative;
    display: block;
    padding: 8px 20px 0 20px;
}
section.nav-global .nav > li > a:hover, section.nav-global .nav > li > a.first:hover  { background: transparent; color: #d62825; text-decoration: none;}
section.nav-global .nav > li > a.first {
    color: #646464;
    position: relative;
    display: block;
    padding: 8px 20px 0 0;
}
section.nav-global .nav > li.services-right {text-align: right; float: right; margin-left: 20%;}
section .navbar-toggle {
    position: relative;
    background:#d62825;
    border-radius: 1px;
    float: right;
    color: #fff;
    padding: 2px 5px;}
section .navbar-toggle:hover { background:#b2211e;}
.fa-stack-2x.fb {color:#4774ba;}
.fa-stack-2x.github{color:#474646;}
.fa-stack-2x.twitter{color:#3facd5;}
.fa-stack-2x.google-plus{color:#df4930;}
.fa-stack-2x.linkedin{color:#498bad;}
.right-logo-gmo {
    float: right;padding:5px 0;
}
.right-logo-gmo img {
    width: 160px;
}
/*.header*/

/*topbanner*/
section.top-main-visual.top-domain {
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fbg-cp-comnet.png')center top repeat;
    /*background:#151312;*/
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 70px 0;
}
section.top-main-visual.top-domain.cp-flash-sale-may {
    /*background: #131313 url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fbg-flash-sale-may.jpg')center top repeat; */
    background:#151312;
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 70px 0;
    height:494px;
}
section.top-main-visual.top-domain .container.domain h1.title {
    color: #fff;
    font-family:"db_heaventlight", Tahoma, sans-serif;
    font-size: 5.5rem;
    text-align: left;
    padding:2% 0 0 0;
    margin: 0;
}
section.top-main-visual.top-domain .container.domain h1.title br{display: none;}
section.top-main-visual.top-domain .container.domain h1.title span {
    color: #fff600;
}

/*comnet*/
section.top-main-visual.top-domain.comnet {
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fcomnet%2Fcp-comnet-background.jpg')center top repeat; 
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 3% 0;
    float: left;
    margin-top: 90px;
    position: relative;

}
section.top-main-visual.top-domain.comnet img.staff-comnet{
    position: absolute;
    left: 15%;
    bottom:0;
}
section.top-main-visual.top-domain.comnet h1.title--comnet {
    color: #fff;
    font-family:"db_heaventmed", Tahoma, sans-serif;
    font-size: 4rem;
    text-align: center;
    padding:5% 0 0 0;
    margin: 0;
    text-shadow: 1px 1px 2px #323232;
line-height: .8;
}
section.top-main-visual.top-domain.comnet h1.title--comnet span.comnet-shadow{
    color: #fff600;   
}
section.top-main-visual.top-domain.comnet ul{
    width: 100%;
    float: left;
    padding: 0;
    margin:2% auto;
}
section.top-main-visual.top-domain.comnet ul li{
    width: 33.33%;
    float: left;
    display: inline-block;
    list-style: none;
    padding: 2px;
    margin:0;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor{
    background: #bababa;
    background: -moz-linear-gradient(top, #bababa 0%, #ffffff 50%, #bababa 100%);
    background: -webkit-linear-gradient(top, #bababa 0%,#ffffff 50%,#bababa 100%);
    background: linear-gradient(to bottom, #bababa 0%,#ffffff 50%,#bababa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#bababa',GradientType=0 );
    box-shadow: 1px 0 0 #202020;
    padding:4%;
    width: 100%;
    float: left;
    height: 150px;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.title{
    color: #000;
    font-family:"db_heaventregular", Tahoma, sans-serif;
    font-size: 3rem;
    text-align: center;
    padding:2% 0 0 0;
    margin: 0;
    text-shadow: 1px 1px 1px #fff;
    line-height: 1;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.title span{
    color:#d62825;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.bg-dark{
    color: #fff;
    font-family:"db_heaventregular", Tahoma, sans-serif;
    font-size: 2.5rem;
    background:#000;
    text-align: center;
    padding:2% 1%;
    margin:2px 0 0 0;
    float: left;
    width: 100%;
    line-height: 1;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.bg-dark span.price{
    margin-left: 15px;
    color: #fff;
    font-family:"db_heaventregular", Tahoma, sans-serif;
    font-size: 2.5rem;
    text-align: center;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.bg-dark span.price.one{
    margin-left:0;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.bg-dark span.domain-small{
    font-size: 2rem;
    display: inherit;
    line-height: .8;
}
section.top-main-visual.top-domain.comnet ul li .boxcolor p.bg-dark span.price span{
    font-size: 2rem;
}

/*.comnet*/

section.top-main-visual.top-domain .container.domain img.dotcom{
    float: left;
    margin-bottom: 2%;
width: 70%;
}

section.top-main-visual.top-domain .container.domain .discount--com .expiration-date{
    width:fit-content;
    background:#fff600;
    padding: 3px 3%;
    color: #000;
    font-size: 28px;
    font-family:"db_heaventregular", Tahoma, sans-serif;
    text-align: center;
    margin:0;
}
section.top-main-visual.top-domain .container.domain .discount--com .expiration-date span {
    font-family:"db_heaventbold", Tahoma, sans-serif;
}

/*form search*/
section.top-main-visual.top-domain .form-search {
    position: relative;
    padding: 3px;
    border: 2px solid #646464;
    background: #fff;
    width: 70%; 
    margin:0;}

/*flas Sale 99THB*/
section.top-main-visual.top-domain .form-search.flasSale-99THB{
    margin: 2% auto 0 auto;
    float: left;
    margin-left: 5%;
}
section.top-main-visual.top-domain.bg-flasSale-99THB{
    background:#962116;
    width: 100%;
    float: left;
    padding: 0 0 1% 0;
}
section.top-main-visual.top-domain.bg-flasSale-99THB-en {
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fflash-sale%2Fbg-flasSale99THB.png')center top repeat;
    /*background:#151312;*/
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 70px 0;
}
section.top-main-visual.top-domain.bg-flasSale-99THB-th {
    background: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fflash-sale%2Fbg-flasSale99THB.png')center top repeat;
    /*background:#151312;*/
    height:auto;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    width: 100%;
    padding:0 0 70px 0;
}
img.bg-cp-99THB{}
/*ใflas Sale 99THB*/

section.top-main-visual.top-domain .form-search.cp-5th{
    margin:0 auto;
    margin-top:43%;
}
section.top-main-visual.top-domain .form-search.comnet-form{
    width: 100%;
}
section.top-main-visual.top-domain .form-search .input-domain{
    border: 0 none;
    float: left;
    height: 54px;
    line-height: 54px;
    width: 550px;
    text-indent: 17px;
    font-size: 26px;
    color: #646464;
    margin-top: 0;
    background: transparent;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.top-main-visual.top-domain .form-search .multi-domain-search-opener {
    position: absolute;
    right: 175px;
    top: 18px;
    font-size:20px;
    text-decoration: underline;
    color: #323232;
    cursor: pointer;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.top-main-visual.top-domain span.is-domains-special-price {
    position: relative;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: 5px;
    font-size: 22px;
    /* background: #333; */
    color: #fff;
    padding: 0;
    border-radius: 4px;
    cursor: default;
    width: 100%;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.top-main-visual.top-domain span.is-domains-special-price p.title{
font-size: 22px;
    width: 120px;
    position: relative;
    z-index: 2;
    display: inline-block;
    float: left;
    background: #d62825;
    margin-right: 20px;
    padding: 0 12px 0 15px;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 -2px rgb(0 0 0 / 10%) inset;
}
section.top-main-visual.top-domain span.is-domains-special-price p.title:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 100%;
    border-top: 12px solid transparent;
    border-left: 12px solid #d62825;
    border-bottom: 12px solid transparent;
}

section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent {
    position: relative;
    float: left;
    left: -20px;
    margin-right: -20px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    left: 118px;
    width:100%;
    margin: 0;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1{
    background:#333333;
    padding: 0 15px 0 3%;
    width: fit-content;text-align: center;float: left;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box3{
    background:#333333;
}

section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box2{
    background:#3e3e3e;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box2,
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box3,
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .boxred {
        width: fit-content;padding:0 10px;text-align: center;float: left;
    }
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .boxred{
    width:80px;
    background: #d62825;
    float: left;
    width: 80px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    color: #fff !important;
    cursor: pointer;}

section.top-main-visual.top-domain span.is-domains-special-price .tld-contain {
    position: relative;
    float: left;
    left: -20px;
    margin-right: -20px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    left: 145px;
    width:100%;
    margin: 0;
}

section.top-main-visual.top-domain span.is-domains-special-price {
    position: relative;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: 10px;
    font-size: 2rem;
    /* background: #333; */
    color: #fff;
    padding: 0;
    border-radius: 4px;
    cursor: default;
    width: 100%;
}
section.top-main-visual.top-domain span.is-domains-special-price p.domaintitle {
    position: relative;
    z-index: 2;
    display: inline-block;
    float: left;
    background: #d62825;
    margin-right: 20px;
    padding: 0 12px 0 15px;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 -2px rgb(0 0 0 / 10%) inset;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent:after{
    background-image:none;
}
section.top-main-visual.top-domain span.is-domains-special-price p.domaintitle:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 100%;
    border-top: 12px solid transparent;
    border-left: 12px solid #d62825;
    border-bottom: 12px solid transparent;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld-contain:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fbg-stroke-dark2xy.png);
    background-repeat: repeat;
    background-size: 7px;
    opacity: 0.05;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    width: 68px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #5b5b5b;
    font-size: 1.8rem;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 -2px rgb(0 0 0 / 10%) inset;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(2):after {
    background-color: #1c5cd0;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(4):after {
    background-color: #ed810d;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(5):after {
    background-color: #f2ba0d;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(7):after {
    background-color: #be3730;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(8):after {
    background-color: #fb7802;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(9):after {
    background-color: #f7b41f;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(10):after {
    background-color: #94bb10;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(11):after {
    background-color: #33b3e4;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(12):after {
    background-color: #065381;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(13):after {
    background-color: #a40641;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(14):after {
    background-color: #e7380d;
}
section.top-main-visual.top-domain span.is-domains-special-price .tld:last-child:after {
    border-radius: 0 4px 4px 0;
}
.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:#d62825;
    width: 150px;
    height: 49px;
    color: #fff;
    box-shadow:none;
}
.fa-search:before {font-size:20px;}
.btn.btn-submit:hover, .btn.btn-submit:focus {
    background-color: #b2211e;
    color: #fff;
    text-decoration: none;
}

section.top-search span.is-domains-special-price {
    position: relative;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: 15px;
    font-size: 2rem;
    /* background: #333; */
    color: #fff;
    padding: 0;
    border-radius: 4px;
    cursor: default;
    width: 100%;
}

/* ==================================================== */
/* campaingn countdown                                  */
/* ==================================================== */
section.campaign-countdown.is-domain-index {
    /* top: 0; */
    /* margin-bottom: 0; */
    top: -40.5px;
    margin-bottom: -40.5px;
    background: transparent;
    padding: 0;
    z-index: 100;
    height: auto;
    min-height: 53px;
    max-height: none;
    position: relative;
}
section.campaign-countdown.is-domain-index #campaign_clock {
    /* cursor: pointer; */
    top: 0;
    margin-bottom: 0;
    /* padding: 13.5px 20px 17.5px 94px; */
    padding: 24px 24px 24px 96px;
}
/*section.campaign-countdown.is-domain-index #campaign_clock .toptilteL{
    width: fit-content;
    float: left;
}
#campaign_clock .toptilteL > span:not(.timer-contain) {
    font-size: 3rem;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    color:#d62825;
}*/
/*#campaign_clock {
    display: table;
    margin: 0 auto;
    background: #fdfdfd;
    box-shadow: 0 0 2px #ccc;
    position: relative;
    transition: all 0.4s ease-in-out;
}*/
#campaign_clock > span {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 33px;
    color: #d62825;
}
#campaign_clock.is-ready {
    opacity: 1;
    visibility: visible;
}
#campaign_clock .icon--clock {
    animation: zscaling 0.75s infinite;
}
/*.icon--clock:before {
    content: "\e66e";
    color: #d62825;
    font-size: 4rem;
    float: left;
    position: absolute;
    top: 18.5px;
    left: 24px;
    margin-bottom: -7px;
    margin-right: 15px;
    animation: zscaling 0.75s infinite;
}*/
#campaign_clock .timer-contain{
    font-size:2.5rem; color:#323232;
    font-family: "db_heaventthin", Tahoma, sans-serif;
    margin-left: 15px;
}
#campaign_clock .timer-contain .time {
    font-size: 5rem;
    color: #d62825;    
}


/*forward--domain2020*/
section.forward--domain2020 {
    background: #fff;
    text-align: center;
    height: auto;
    float: left;
    vertical-align: top;
    margin-top: 15px;
    width: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 0;
}
section.forward--domain2020 a p.save {
    position: absolute;
    font-size: 28px;
    color: #fff;
    z-index: 999;
    margin:0;
    font-weight: 600;
    right: 5%;
    top:5%;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.forward--domain2020 a p.save span {font-size: 22px;}
section.forward--domain2020 a p.price {
    position: absolute;
    font-size: 40px;
    color: #fff;
    z-index: 999;
    margin: 23% 0 0 10%;
    line-height: 1;
    font-family: "db_heaventregular", Tahoma, sans-serif;
}
section.forward--domain2020 a p.price span.sale{
    text-decoration: line-through;
    font-weight: normal;
    color: red;
    font-size: 36px;
}
section.forward--domain2020 a img{width: 100%;}
section.forward--domain2020 a img.img-allinone {
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 9;
    /* float: left; */
}
section.forward--domain2020 img:hover{
    border:3px red solid;
    opacity: .9;
}
section.forward--domain2020 p.discount-dotthai-domain{
    position: absolute;z-index: 1;width: 50px;height: 50px;
    background:#d62825;border-radius: 50%;
    padding: 3% 1% 0 1%;;text-align: center;font-size: 18px;
    margin:1%;
    font-weight: bold;color:#fff;
    right:5%;
}
section.forward--domain2020 p.discount-dotthai-domain span{font-size: 12px;}
@media (max-width: 1280px) {
    section.forward--domain2020 p.discount-dotthai-domain {width: 40px;height: 40px;}
}
@media (max-width: 800px) {
    section.forward--domain2020 p.discount-dotthai-domain{
        width: 20px;height: 20px;font-size: 11px;right: 9%;padding-top:1%;
    }
    section.forward--domain2020 p.discount-dotthai-domain span{font-size: 8px;}
}
@media (max-width: 600px) {
    section.forward--domain2020 p.discount-dotthai-domain{width:50px;height: 50px;font-size: 24px;padding-top:2%;right: 5%;margin-top:2%;}
    section.forward--domain2020 p.discount-dotthai-domain span{font-size: 18px;}
}

/*footer*/
footer {width: 100%; height: auto;/* background: #323232;*/ float: left;}
footer.box-1st {background: #323232;}
footer.box-1st .inner { margin: 30px 0; height: auto;}
footer.box-1st .inner .inner-left {
    text-align: left;
    border-right: 1px solid #404040;
    padding-top: 10px;
    color: #fff;
}
footer.box-1st .inner .inner-right {
    text-align: left;
    padding:0 0 0 30px;
    padding-top: 10px;
    color: #fff;
}

footer.box-1st .inner .inner-left .box-menu { margin-bottom:0;}
footer.box-1st .inner .inner-left .box-menu2, footer.box-1st .inner .inner-right .box-menu2 { margin-bottom: 20px;}
footer.box-1st .inner .inner-right .box-menu3 { margin-bottom: 40px;}
footer.box-1st .inner .inner-left ul, footer.box-1st .inner .inner-right ul { list-style: none;padding: 0; margin-bottom: 10px;}
footer.box-1st .inner .inner-left ul li, footer.box-1st .inner .inner-right ul li  { display: inline-block; margin: 5px 0;width: 100%;}
footer.box-1st .inner .inner-left ul li a, footer.box-1st .inner .inner-right ul li a { color: #999;}
footer.box-1st .inner .inner-left ul li a:hover, footer.box-1st .inner .inner-right ul li a:hover  { color: #646464;}
footer.box-1st .inner .inner-left ul li > a.active, footer.box-1st .inner .inner-right ul li > a.active {color: #d62825;}
footer.box-1st .inner .inner-left p.labels, footer.box-1st .inner .inner-right p.labels {
    font-family: "db_heaventregular", Tahoma, sans-serif;font-size: 1.6em;
    margin:0;
}

footer.box-2nd {
    position: relative;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    background-color: #323232;
    height: auto;}
footer.box-2nd .list-credit {
    text-align: center;
    font-size: 0px;
    height: auto;
    left: 0;
    width: 100%;
    right: 0;
    padding: 12px 0 0 0 ;}
footer.box-2nd .social { padding:3px 0;}
footer.box-2nd .list-credit li {
    padding: 0 2px;
    display: inline;}
footer .map { text-align: center;}
footer.box-2nd .language {
    cursor: pointer;
    height: 55px;
    float: right;
    position: relative;}
footer.box-2nd .language .btn-language {
    display: block;
    line-height: 55px;
    color: #fff;
    padding: 0 0 0 60px;}
footer.box-2nd .language .btn-language .map, footer.box-2nd .language .btn-language::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    background-image: url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fservice_footer_map.png');
    background-position: 0 0;
    width: 35px;
    height: 19px;}
footer .list-links {text-align: right;line-height: 100%;padding: 15px 0;}
footer .list-links li { display: inline;  font-size: 11px; padding-left: 20px;}
footer .list-links li a { color: #646464;}

footer .zcom-service-footer {border-top: 1px solid #dcdcdc;vertical-align: baseline;padding-bottom: 30px;}
footer .zcom-service-footer img.gmo-flogo {float: right;width: 30%;}
footer .zcom-service-footer .left p{ text-align: left; color: #646464; font-size: 11px; padding-top: 20px;}
footer .zcom-service-footer .right p{ text-align: right; color: #646464; font-size: 11px; padding-top: 20px;}
footer .logo-footer { text-align: right; height: 28px; float: right; right: 0; margin-bottom: 40px;}
footer .zcom-service-footer .right { height: 56px;}
.fa-stack { margin: 0 5px;}
.fa-stack a { color:#646464;}
.fa-stack a:hover { color: #fff;}
.fa-inverse {color: #ffffff;}
.fa-circle::before {content: "\f111";}
.fa-circle.google::before {content: "\f111";color: #ffffff;}
.fa-inverse {color: #ffffff;}
.fa-inverse:hover {color: #323232; cursor: pointer;}

/*nav menutop*/
.cd-primary-nav, .cd-primary-nav ul {
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  /*border-bottom: 1px solid #3a3f40;*/
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.cd-primary-nav .see-all a {
  color: #69aa6f;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  height: 80px;
  line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
@media only screen and (max-width: 1169px) {
section.nav-global { display: none;}
  .cd-primary-nav {
    display: none;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }

}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    height: auto;
    width: auto;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li span.fa-stack.fa-lg {float:none;margin-top:0;/*float: left;width:100%;*/}
  .cd-primary-nav > li span{margin-top:0;float: left;}
  .cd-primary-nav > li {
    float: left;
    font-size: 13px;
    color: #898989;
  }
  .cd-primary-nav > li.services-right{
    float: right;
    margin-left:0;
}
  .cd-primary-nav > li > a.first {
    position: relative;
    display: inline-block;
    padding:0 20px 0 4px;
    color: #646464;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #646464;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a:hover, .cd-primary-nav > li.active {
    color: #d92629;text-decoration: none;
  }
  .cd-primary-nav > li > a.selected {
    color: #fff;text-decoration: none;background-color: rgba(214,40,37,1);
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    position:absolute;
    background-color: rgba(50,50,50,0.98);
    padding: 20px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }

  .cd-primary-nav .cd-secondary-nav.left{
    position:absolute;
    background-color: rgba(50,50,50,0.98);
    padding: 20px;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all, 
  .cd-primary-nav .cd-nav-gallery > .see-all, 
  .cd-primary-nav .cd-nav-icons > .see-all {  
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;    
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav > li {
    height:auto;
    float: left;
    margin-right: 2.66%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .cd-secondary-nav > li h2 { color: #fff; font-size: 25px;
  font-family: "db_heaventlight", Tahoma, sans-serif;
  margin:0;
}
  .cd-primary-nav .cd-secondary-nav > li p { color: #e4e4e4;}
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .cd-secondary-nav > li > a {
    color: #69aa6f;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .6em;
  }
.cd-secondary-nav.left .top-selection-btn { background:#d62825; color: #fff; padding:5px 10px; font-size: 14px;}
.cd-secondary-nav.left .top-selection-btn.btn:hover, .cd-secondary-nav.left .top-selection-btn.btn:focus {
    background-color: #b2211e;
    color: #fff;
    text-decoration: none;
}
  .cd-primary-nav .cd-secondary-nav a {
    height: auto;
    line-height: 38px;
    padding: 0 18% 0 0;
    color: #fff;
    border-bottom: none;
    font-size: 25px;
    font-family: "db_heaventlight", Tahoma, sans-serif;
    float: left;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #fff;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;}
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;}
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;}
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);}
}

/*form*/
.header .nav-global .list-nav-global > li.sign .subs .lay-col-3 .input:first-child {
    margin-top: 0;}
#gnav-login input {
    color: #646464;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 14px;
    font-size: 14px;
    -moz-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#gnav-login p{
    color: #fff;
    font-size: 13px;
    margin-bottom: .6em;
    padding:0;
    margin:10px 0;
}
#gnav-login p.text{
    color: #fff;
    font-size: 13px;
    margin-bottom: .6em;
    padding:0;
    margin:0;
    text-align: center;
}
#gnav-login p.text a{color:#fff;padding: 0;}
#gnav-login p .btn-signin { width: 100%; font-size: 16px; border-radius: 5px;}
#gnav-login p .btn-manage-zcom { width: 100%; font-size: 16px; border-radius: 5px;margin:5px 0;}
#gnav-login p .btn-logout { 
    width: 100%; font-size: 16px; border-radius: 5px;margin:5px 0;background-color: #505050;
        transition: background-color 0.2s ease-in-out;
}
#gnav-login p .btn-logout:hover{background:black;}
  /*right*/
  .cd-primary-nav .cd-secondary-nav-right.right .cols-left { border-right: 1px;border-right: 1px solid #414141;}
  .cd-primary-nav .cd-secondary-nav-right.right .cols-right { border-right: 1px;border-left: 1px solid #414141;}
  .cd-secondary-nav-right p {color: #fff;
    font-size: 13px;
    margin-bottom: .6em;
    padding: 5px 0;
    margin: 5px 30px 5px 0;}
  .cd-primary-nav .cd-secondary-nav-right {
    position:absolute;
    right: 0;
    width:70%;
    background-color: rgba(50,50,50,0.98);
    padding: 20px 20px 20px 25px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .cd-secondary-nav-right.right{
    position:absolute;
    background-color: rgba(50,50,50,0.98);
    padding: 20px;
    left: 0;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
    z-index: 99999;
  }
  .cd-primary-nav .cd-secondary-nav-right.right h2 { color: #fff; font-size: 25px;margin-top:10px;}
  .cd-primary-nav .cd-secondary-nav-right.right > li {
    height:auto;
    width: 100%;
    float: left;
    margin-right: 2.66%;
    /*overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .cd-secondary-nav-right.right > li p{
    color: #fff;
    font-size: 13px;
    margin-bottom: .6em;
    padding: 5px 0 10px 0;
    margin:0;
    border-bottom:transparent;}

  .cd-primary-nav .cd-secondary-nav-right::after{
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .cd-secondary-nav-right.is-hidden{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .cd-secondary-nav-right > .see-all{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav-right > .see-all a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav-right > .see-all a:hover{
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav-right > li {
    height:auto;
    width: 30%;
    float: left;
    margin-right: 2.66%;
    -webkit-overflow-scrolling: touch;
  }
   .cd-primary-nav .cd-secondary-nav-right > li p{
    color: #fff;
    font-size: 13px;
    margin-bottom: .6em;
    padding: 5px 0 10px 0;
    margin: 5px 30px 10px 0;
    border-bottom: 1px solid #646464;}
  .cd-primary-nav .cd-secondary-nav-right > li:nth-child(4n+2) {
    margin-right: 0;
    border-right: none;
  }
    .cd-primary-nav .cd-secondary-nav-right > li > a {
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .6em;
    border-bottom: 1px solid #646464;
  }
  .cd-primary-nav .cd-secondary-nav-right > li > a {
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: .6em;
    border-bottom: 1px solid #646464;
  }
  .cd-primary-nav .cd-secondary-nav-right a {
    height: auto;
    padding: 0 18% 0 0;
    color: #fff;
    border-bottom: none;
  }
  .cd-primary-nav .cd-secondary-nav-right a:hover {
    color: #fff;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav-right ul ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav-right ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav-right ul ul .go-back {
    display: block;}
  .cd-primary-nav .cd-secondary-nav-right ul ul .go-back a {
    color: transparent;}
  .cd-primary-nav .cd-secondary-nav-right ul ul .see-all {
    display: block;}
  .cd-primary-nav .cd-secondary-nav-right .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
 .has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;}
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;}
}

.has-children > a {padding-right: 40px;}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }
  .cd-primary-nav > .has-children > a {
    padding-right: 25px !important; text-decoration: none;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 7px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #646464;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 12px;background: #fff;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    display: none;}
}

section.top-shared-feature{
    width: 100%;
    float: left;
    padding:30px 0 0 0;
}
.netdesigngroup-link-on-banner {
    position: absolute;
    z-index: 100;
    right: 0;    
}
.netdesigngroup-link-on-banner img{
    width: 200px !important;
}
.top-shared-feature.is-dark {
    background: #323232;
    margin:30px 0 0 0;
    padding:0 0 30px 0;
}
section.top-shared-feature h2 {
    font-family: "db_heaventregular", 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 p.top-small{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 3.2rem;
    display: block;
    text-align: center;
    position: relative;
    top: -40px;
    margin-bottom: -40px;
    line-height: 1;
}
section.top-shared-feature h3 {
    font-family: "db_heaventregular", Tahoma, sans-serif;
    margin: 4% 0;
    padding: 0;
    font-weight: normal;
    font-size: 45px;
    text-align: left;
    color: #323232;
    line-height: 1.3;
}
section.top-shared-feature h3 span {
    color:#d62825;
}
section.top-shared-feature h3 img {
    text-align: left;
    float: left;
    margin:0 2% 0 0;
    width:64px;
    vertical-align: middle;
}
section.top-shared-feature p.left {
    text-align: left;
    color: #646464;
    font-size: 2.2rem;
    line-height: 1.25;
    font-family: "db_heaventlight", Tahoma, sans-serif;
    margin: 10px 0;
    vertical-align: middle;
}
section.top-shared-feature img.svglogozcom{width: 50%;margin-top:-30px;}
.top-shared-feature.is-dark h3, .top-shared-feature.is-dark p.left {
    color: #fff;
}
section.top-shared-feature .price-box-new {
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: auto;
    height: 200px;
    margin: 0;
    text-align: center;
    padding-bottom: 40px;
    padding-left: 50px;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.top-shared-feature .price-box-new > span:last-child {
    color: #d62825;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
section.top-shared-feature .price-box-new > span:last-child > span {
    border-color: #d62825;
}
section.top-shared-feature .price-box-new > span {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    height: 80px;
    line-height: 75px;
    background: #d62825;
    color: #fff;
    font-size: 7rem;
    padding: 0 15px;
    border-radius: 10px 10px 0 0;
}
section.top-shared-feature .price-box-new > span > span {
    font-size: 4rem;
    display: inline-block;
    height: 50px;
    line-height: 45px;
    position: relative;
    top: 50%;
    border: 2px solid #fff;
    padding: 0 15px;
    margin-top: -25px;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
section.top-shared-feature .price-box-new > span > span > span {
    font-size: 2rem;
    position: relative;
    top: -1px;
}

section.top-shared-feature .onepage-website{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d60000+30,a60000+100 */
    background: #d60000; /* Old browsers */
    background: -moz-linear-gradient(top,  #d60000 30%, #a60000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d60000 30%,#a60000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d60000 30%,#a60000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60000', endColorstr='#a60000',GradientType=0 ); /* IE6-9 */
    float: left;
    height: auto;
    padding: 10px 0;
    width: 100%;
}

section.top-shared-feature .onepage-website h2 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    line-height: .9;
    padding: 0;
    margin: 1% 0 0 0;
}
section.top-shared-feature .onepage-website h2 span {color:#ffd800;}
section.top-shared-feature .onepage-website h2 span.small {
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 24px;
    padding: 0;
    margin: 2px 0;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.top-shared-feature .onepage-website .warning{height: 55px;}
section.top-shared-feature .onepage-website p.btn-seemore {
    background: #000;
    border-radius: 5px;
    padding: 8px 5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 5px;
    box-shadow: 1px 1px 5px #353535;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.top-shared-feature .onepage-website p.btn-seemore a{color:#fff;}
section.top-shared-feature .onepage-website p.btn-seemore:hover{
    background:#323232;
    color: #fff;
    transition: background-color 0.2s ease-in-out;
}

/*price domain*/
section.top-shared-feature.domain-price {
    width: 100%;
    float: left;
    padding:30px 0;
}
.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;
}
.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%;
    background-color: #323232;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    font-weight: normal;
    text-align: center;
    font-size: 2.4rem;
}

/*search-domain-2nd*/
section.top-shared-feature.search-domain-2nd {
    background: #d62825;
    padding-bottom: 30px;
}
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_heaventlight", Tahoma, sans-serif;
    font-size: 4rem;
    text-align: center;
    margin:0 0 2% 0;
}
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;
}

/*our-clients*/
section.top-shared-feature.our-clients > .container > .title {
    margin:0;
}
section.top-shared-feature.our-clients > .container > .title > img {
    height: 50px;
    display: inline-block;
    vertical-align: top;
    margin-right:1%; 
}
section.top-shared-feature.our-clients > .container > .caption {
    display: block;
    text-align: center;
    font-family: "db_heaventlight", Tahoma, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 20px;
}
section.top-shared-feature.our-clients > .container > .caption span {
    color: #d62825;
    font-size: 20px;
}
section.top-shared-feature.our-clients > .container > .client-list {
    position: relative;
}
section.top-shared-feature.our-clients > .container > .client-list > li {
    float: left;
    width: 16.666666666667%;
    padding: 0 15px;
    margin-bottom: 30px;
}
section.top-shared-feature.our-clients > .container > .client-review {
    position: relative;
    /* margin-bottom: 30px; */
    margin-bottom: 0px;
}
section.top-shared-feature.our-clients > .container > .client-review > li:nth-child(3n+1) {
    clear: left;
}
section.top-shared-feature.our-clients > .container > .client-review > li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
}
section.top-shared-feature.our-clients > .container > .client-review > li .caption {
    font-family: "db_heaventlight", Tahoma, sans-serif;
    position: relative;
    line-height: 1.1 !important;
    font-size: 1.6rem !important;
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
}
section.top-shared-feature.our-clients > .container > .client-review > li .caption:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #f5f5f5;
}
section.top-shared-feature.our-clients > .container > .client-review > li .company-info {
    position: relative;
    text-align: center;
    line-height: 1;
    font-size: 1.8rem;
    margin-top: 15px;
    font-family: "db_heaventlight", Tahoma, sans-serif;
}
section.top-shared-feature.our-clients > .container > .client-review > li .company-info > img {
    height: 60px;
    display: block;
    margin: 0 auto;
}
section.top-shared-feature.our-clients > .container > .client-review > li:nth-child(7) {
    margin-left: 16.666666666667%;
}


/*hover grow*/
    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    /* Bob */
    @-webkit-keyframes hvr-bob {
        0% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }

        50% {
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
        }

        100% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    @keyframes hvr-bob {
        0% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }

        50% {
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
        }

        100% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    @-webkit-keyframes hvr-bob-float {
        100% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    @keyframes hvr-bob-float {
        100% {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
        }
    }

    .hvr-bob {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
    }
    .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

/*payment-unsuccess*/
section.page--payment-u {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fpayment-unsuccessful-img001.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    max-height: 421px;
    padding: 60px 0;
    overflow: hidden;
    background-size: cover;
    width: 100%;
}
section.page--payment-u .boxL {
    float: left;
    padding-right: 2%;
}
section.page--payment-u .boxR {
    float: right;
    padding-left: 2%;
    margin-top: 2%;
}
section.page--payment-u .btn--center{
    text-align: center;
}
section.page--payment-u a.btn {
    margin: 5% auto 0 auto;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 24px;
    width:30%;
    padding: 2%;
    text-align: center;
}
section.page--payment-u .boxR h1 {
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 4rem;
    text-align: left;
    color: #ce0000;
    line-height: .7;
    font-weight: normal;
    margin: 0 0 3% 0;
}
section.page--payment-u .boxR h1 span.small {
    font-size: 2.8rem;
    color: #ce0000;
}
section.page--payment-u a.btn img.zcomlogo-white{
    vertical-align: bottom;
    display: inline-block;
    width: 40%;
}
/*.payment-unsuccess*/

/*thankyou*/
section.page--thankyou-domain{
    width: 100%;
    float: left;
    margin:0;
    height:310px;
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fthank%2Fthankyou-bgheader.png);
    background-position:center;
    background-repeat: no-repeat;
    padding:0;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    float: left;
    margin-top:60px
}
section.page--thankyou-domain .thanktitle--top{
    margin-top:8%;
}
section.page--thankyou-domain .thanktitle--top h2{
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 3rem;
    text-align: center;
    color:#d62825;
    padding: 0;
    margin:0;
    line-height: 1;
}
section.page--thankyou-domain .thanktitle--top p{
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 1.8rem;
    color:#000;
    text-align: center;
    padding: 0;
    margin:0 0 5% 0;
    line-height: 1;
}
section.page--thankyou-domain .thanktitle--top p.btn-backzcom button.btn.btn-backzcom {
    border-radius: 0;
    box-shadow: none;
    font-size: 22px;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    padding: 3% 8%;
    display: block;
    border-radius:50px;
}

/*one page website*/
section.onepage--website{
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fthank%2Fthankyou-bgheader-onepage.png);
    background-position:center;
    background-repeat: no-repeat;
    padding:18px 0;
    margin:0;
    height:auto;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    float: left;
}
section.onepage--website img.onepage{
    width: auto;
    float: left;
    padding:0 3% 0 5%;
}
section.onepage--website h2{
    font-family: "db_heaventbold", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 3rem;
    text-align: left;
    color:#f4c52d;
    padding: 0;
    margin:4% 0;
    line-height:.8;
}
section.onepage--website h2 span{
    white-space: pre;
    font-size: 2rem;
    color:#fff;
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
}
section.onepage--website h3{
    font-family: "db_heaventbold", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 28px;
    text-align: left;
    color:#f4c52d;
    padding: 0;
    margin:0;
    line-height: 1;
}
section.onepage--website h3 span{
    background:#ce0000;
    padding:5px 3%;
    font-size: 30px;
    font-weight: normal;
    color:#fff;
    margin-left: 10px;
}
section.onepage--website p{
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 2rem;
    color:#fff;
    text-align:left;
    padding: 0;
    margin:0;
    line-height: 1;
}

/*seo thank*/
.seo--thank {
    width: 100%;
    float: left;
    padding: 0;
    margin:0;
}
.seo--thank ul.box--content{
    width: 100%;
    float: left;
    list-style: none;
    display: inline-block;
    border-top:1px #cfcfcf solid;
    padding:4% 0;
  }
.seo--thank ul.box--content li{
    width: 33.33%;
    padding:5px;
    margin:0;
    list-style: none;
    float: left;
    text-align: center;
  }
.seo--thank ul.box--content li img {
    width: 100%;
    text-align: center;
    margin:0 auto 2% auto;
    position: relative;
    z-index: 1;
  }
.seo--thank ul.box--content li p.maximum{
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin:0 auto 2% auto;
    position: absolute;
    z-index: 99;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background:#d62925;
    margin: 5px;
    line-height: 1.1;
    padding: 10px 0 0 0;
  }
.seo--thank ul.box--content li p.maximum span{
    font-size: 11px;
  }
.seo--thank ul.box--content li .bg--content{
    width: 100%;
    height:auto;
    padding:10px;
  }
.seo--thank ul.box--content li .bg--content p.titile{
    font-weight: bold;
    font-size: 22px;
    color: #000;
    text-align: center;
    margin:0 auto 5% auto;
    font-family: "db_heaventmed", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-weight: normal;
    line-height: 1;
  }
.seo--thank ul.box--content li .bg--content p.titile::after{
    content: '';
    border-bottom: 3px solid #d62825;
    width: 20%;
    display: block;
    text-align: center;
    margin: 2% auto;
}
.seo--thank ul.box--content li .bg--content p.content{
    font-weight: normal;
    font-size: 20px;
    color: #646464;
    text-align: center;
    margin:0 auto 2% auto;
    line-height: 1;
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
  }
.seo--thank ul.box--content li .bg--content p.btn{
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin:4% auto 0 auto;
    background:#d62925;
    width: fit-content;
    padding:10px 6%;
    transition: background-color 0.2s ease-in-out;
    font-family: "db_heaventregular", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-weight: normal;
  }
.seo--thank ul.box--content li .bg--content p.btn a,
.seo--thank ul.box--content li .bg--content p.btn a:hover {color:#fff;text-decoration: none;}
.seo--thank ul.box--content li .bg--content p.btn:hover{background:#b2211e;}
/*.thankyou*/

/*verisign*/
section.top-main-visual.top-domain .container.domain .banner_tld_promotion{
    position: relative;
    padding: 5px 0 45px 0;
}
.banner_tld_promotion--tld {
    position: relative;
    /*width: 50%;
    height: 140px;*/
    float: left;
    display: table;
    padding:0;
}
.banner_tld_promotion--tld.tld--dot_com img {
    height: 111px;
    padding: 5% 5% 5% 18%;
}
.banner_tld_promotion--tld.tld--dot_net img {
    height: 111px;
    padding: 5% 10% 5% 28%;
}
.banner_tld_promotion--tld--inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    box-shadow: 0 0 1px #636363;
    background: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fverisign%2Fbg-header-domain.png);
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: 39% 81%;
    border-radius: 4px;
    padding-top:15px;
}
.banner_tld_promotion--tld.tld--dot_com .tld--show_price {
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    bottom: -20px;
}
.banner_tld_promotion--tld.tld--dot_net .tld--show_price {
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    bottom: -20px;
}
.banner_tld_promotion--tld .tld--show_price {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 130px;
    line-height: 1;
    text-align: center;
    background: transparent;
    font-size: 2.5rem;
    color: #fff;
    border-radius: 0 0 4px 4px;
    display: table;
    margin-left: -50px;
    margin-bottom: -18px;
}
.banner_tld_promotion--tld .tld--show_price--inner {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fverisign%2Fbtn-red.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner_tld_promotion--tld .tld--show_price--price {
    font-family: "db_heaventbold", "Open Sans", "Tahoma", "Arial", sans-serif;
    display: block;
    font-size: 5rem;
    line-height: .8
}
.banner_tld_promotion--tld .tld--show_price--currency {
    font-family: "db_heaventlight", "Open Sans", "Tahoma", "Arial", sans-serif;
    display: block;
    font-size: 2.5rem;
    margin-top: -5px;
}
/*.verisign*/

/*region*/
.region-select-box {
    background: #fff;
    display: inline-block;
    margin: 32px auto 0;
    padding: 12px 20px 36px;
    position: relative;
    width: 424px;
    z-index: 20;
}
.region-select-logo {
    border-bottom: 1px solid #dcdcdc;
    display: block;
    line-height: 0.7;
    margin-bottom: 30px;
    padding-bottom: 12px;
text-align: center;
}
.region-select-logo img {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    float: none;}
.region-select-country {
    text-align: center;
}
.region-select-country li {
    width: 33.33%;
    float: left;
    margin: 0;
    min-width: 50px;
    display: inline-block;
height: 100px;
}
.region-select-country li a {
    background-repeat: no-repeat;
    background-position: 50% 0;
    color: #646464;
    display: block;
    padding-top: 60px;
}
.region-select-country li a.is-sg {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_sg.png);
}
.region-select-country li a.is-vn {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_vn.png);
}
.region-select-country li a.is-mm {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_mm.png);
}
.region-select-country li a.is-jp {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_jp.png);
}
.region-select-country li a.is-th {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_th.png);
}
.region-select-country li a.is-ph {
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fflag_ph.png);
}
/*.verisign*/
/* ===================== */
/* START : @Z.com lin th */
/* ===================== */
#zcom-line-th {
    position: fixed;
    z-index: 1000;
    top: 50%;
    margin-top: -61px;
    left: -272px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#zcom-line-th.is-active {
    left: 0;
}
#zcom-line-th .inner {
    position: relative;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-color: #e0e0e0;
}
#zcom-line-th .inner:after {
    content: '';
    display: table;
    clear: both;
}
#zcom-line-th .inner .line-add-qrcode {
    display: block;
    height: 120px;
    float: left;
}
#zcom-line-th .inner > a {
    display: block;
    float: left;
    padding: 11px 11px 11px 0;
    color: #333;
}
#zcom-line-th .inner > a > .line-add-link {
    display: block;
    width: 120px;
    margin: 0 auto;
}
#zcom-line-th .inner > a > span {
    font-size: 1.5rem;
    line-height: 0.9;
    display: block;
    text-align: center;
    margin-top: 11px;
    width: 141px;
    font-family:"db_heaventlight", Tahoma, sans-serif;
}
#zcom-line-th .inner > a > span > span {
    color: #d62825;
    text-decoration: underline;
}
#zcom-line-th > a {
    position: absolute;
    top: 0;
    left: 100%;
    width: 30px;
    height: 122px;
    padding-top: 4px;
    text-align: center;
    color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-color: #33d300;
    border-radius: 0 4px 4px 0;
    background: #25b505;
    background: -moz-linear-gradient(left, #25b505 0%, #8ae43e 100%);
    background: -webkit-linear-gradient(left, #25b505 0%,#8ae43e 100%);
    background: linear-gradient(to right, #25b505 0%,#8ae43e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b505', endColorstr='#8ae43e',GradientType=1 );
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#zcom-line-th > a > img {
    display: block;
    height: 125.5px;
}
#zcom-line-th > a > span {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    font-family:"db_heaventlight", Tahoma, sans-serif;
}

section.top-main-visual.top-domain .container.domain .top-domain-blackbox {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -2px;
    width: 80%;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox:after {
    content: '';
    display: table;
    clear: both;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li {
    position: relative;
    float: left;
    display: block;
    margin-bottom: 2px;
    margin-left: 2px;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner {
    position: relative;
    text-align: center;
    font-size: 3rem;
    padding: 0;
    width: 250px;
    background: #333;
    line-height: 50px;
    height: 55px;
    box-shadow: 0 -2px rgba(0, 0, 0, 0.4) inset;
    border-radius: 4px;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fbg-stroke-light2xy.png);
    background-repeat: repeat;
    background-size: 7px;
    opacity: 0.1;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner .tld {
    color: #d62825;
    font-weight: bold;
    font-family:"db_heaventlight", Tahoma, sans-serif;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner .price {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    font-family:"db_heaventlight", Tahoma, sans-serif;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner .price > span {
    font-weight: normal;
    font-size: 2rem;
    margin-left: 5px;
}
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner .tld,
section.top-main-visual.top-domain .container.domain .top-domain-blackbox > li > .inner .price {
    position: relative;
    z-index: 2;
    line-height: 1;
    display: inline-block;
}


/* PAGE LOADING */
.loading {
    font-size: 11px;
    text-indent: -99999px;
    margin: 2px;
    position: relative;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    border-width: 5px;
    border-style: solid;
    border-color: #d62825;
    display: inline-block
}

.loading:before,
.loading:after {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 30px;
    height: 30px;
    top: -6px;
    left: -6px;
    border-width: 10px;
    border-style: solid
}

.loading:before {
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 0);
    -webkit-animation: loading-rotation 2s infinite ease 1.5s;
    -moz-animation: loading-rotation 2s infinite ease 1.5s;
    -o-animation: loading-rotation 2s infinite ease 1.5s;
    -ms-animation: loading-rotation 2s infinite ease 1.5s;
    animation: loading-rotation 2s infinite ease 1.5s
}

.loading:after {
    border-top-color: rgba(255, 255, 255, 0);
    border-right-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-left-color: #fff;
    -webkit-animation: loading-rotation 2s infinite ease;
    -moz-animation: loading-rotation 2s infinite ease;
    -o-animation: loading-rotation 2s infinite ease;
    -ms-animation: loading-rotation 2s infinite ease;
    animation: loading-rotation 2s infinite ease
}

.loading.medium {
    width: 18px;
    height: 18px;
    border-width: 4px
}

.loading.medium:before,
.loading.medium:after {
    width: 20px;
    height: 20px;
    top: -5px;
    left: -5px;
    border-width: 8px
}

.loading.small {
    width: 12px;
    height: 12px;
    border-width: 2px
}

.loading.small:before,
.loading.small:after {
    width: 14px;
    height: 14px;
    top: -3px;
    left: -3px;
    border-width: 4px
}

#page-loading {
    margin: 60px auto;
    font-size: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    text-indent: -9999em;
    margin: -35px 0 0 -35px;
    border-top: 10px solid rgba(214, 40, 37, 0.3);
    border-right: 10px solid rgba(214, 40, 37, 0.3);
    border-bottom: 10px solid rgba(214, 40, 37, 0.3);
    border-left: 10px solid #d62825;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading-animation 1.1s infinite linear;
    -moz-animation: loading-animation 1.1s infinite linear;
    -o-animation: loading-animation 1.1s infinite linear;
    -ms-animation: loading-animation 1.1s infinite linear;
    animation: loading-animation 1.1s infinite linear
}

#page-loading,
#page-loading:after {
    width: 70px;
    height: 70px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@-webkit-keyframes loading-animation {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loading-animation {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loading-animation {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes loading-animation {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-animation {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading-rotation {
    0% {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-moz-keyframes loading-rotation {
    0% {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-o-keyframes loading-rotation {
    0% {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@-ms-keyframes loading-rotation {
    0% {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

@keyframes loading-rotation {
    0% {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    100% {
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }
}

#page-overlay {
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9900
}
/* END : PAGE LOADING */


/*shop*/
section.top-main-visual.top-domain.shop {
    padding: 0;
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fshop%2Fcp-shop-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 445px;
        width: 100%;
    float: left;
    position: relative;
    margin-top: 90px;
}
section.top-main-visual.top-domain.shop img.staff-comnet {
    position: absolute;
    left: 15%;
    bottom: 0;
}
section.top-main-visual.top-domain.shop .content-shop{
    margin-top: 10%;
}
section.top-main-visual.top-domain.shop h1.title--comnet {
    color: #fff;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 4rem;
    text-align: left;
    padding: 5% 0 0 0;
    margin: 0;
    text-shadow: 1px 1px 2px #323232;
}
section.top-main-visual.top-domain.shop h1.title--comnet span.number{color:#ffaa00;font-family: "db_heaventbold", Tahoma, sans-serif;}
section.top-main-visual.top-domain.shop h1.title--comnet img {
    width: 20%;
    margin: 0 auto;
    text-align: center;
    margin-top:-1%;
}
section.top-main-visual.top-domain.shop p.box--price--domain--shop{
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fshop%2Fcp-shop-bg-price.png);
    padding: 15px 2%;
    text-align: center;
    color: #000;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    line-height: 1;
    float: left;
    float: left;
    margin:-2% 0 0 5%;
}
section.top-main-visual.top-domain.shop p.white{
    font-family: "db_heaventregular", Tahoma, sans-serif;
    font-size: 22px;
    margin-left: 19%;
    color: #fff;
    float: left;
    margin-top:-1%;
}
img.logodomaintop{
    width: 60%;
    float: left;
}

/*cart*/
.header .btn-cart>a:before {
    color: #646464;
    bottom: -10px;
    content: "\e65a";
    font-family: "ZcomIcon";
    font-size: 24px;
    left:7px;
    line-height: 0;
    position: relative;
}
.header .btn-cart {
    position: relative !important;
    right: -35px;
    top: 8px;
    /* margin: 0; */
}
/*.cart*/

img.bg-cp-5thsp{display:none;}
/*discount*/
.discountL {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

/*.z-recaptcha{ display:none !important; }*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* 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 */
    text-align: center;
    margin: 0 auto;
}
textarea.input.input-domain.popup--domain{
    position: relative;
    display: block;
    width: 100%;
    height: 202px;
    margin: 0 auto;
    border: none;
    padding: 20px;
    resize: none;
    background: transparent;
    border:1px solid #d8d8d8;
    border-radius: 3px;
    margin-bottom: 5px;
}
textarea.input.input-domain.popup--domain p{
    float: left;
    text-align: left;
}
.btn.btn-submit.btn-popup--domain{
    border-radius: 50px;
    background: #d62825;
    text-align: center;
    width: fit-content;
    padding: 5px 5%;
    color:#fff;
    text-decoration:none;
    font-size: 24px;
}
.btn.btn-submit.btn-popup--domain a{color: #323232;text-decoration:none;background:#c80000;}
.btn.btn-submit.btn-popup--domain a:hover{color: #d62825;background:#c80000;}

/* 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;
}

.float--menuright {float: right;margin-top: -4px!important;width:auto;}
ul.float--menuright li{margin-left: 0;}
ul.float--menuright li > a{padding: 0 10px !important;}
section.header .header-inner .header-right .header-language ul li a.selected{
    color: #fff;
}
section.header .header-inner .header-right .header-language ul.cd-secondary-nav-right.right {
        position: absolute;
    background-color: rgba(50, 50, 50, 0.98);
    padding: 20px;
    left: 0;
    width: 140%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
    z-index: 99999;
    margin-left: -40%;
}
.float--menuright li{
    /*float: right;*/
    margin-left:0!important;
}

section.header .header-inner .header-right .header-language ul.cd-secondary-nav-right.right .textC{
    text-align: center;
}


@media (max-width: 1366px) {
    .discountL img.dis--img {width: 290px !important;}
}
p.date-top {
    position: absolute;
    z-index: 100;
    top: 33%;
    left: 8.5%;
    text-align: left;
    color: #000;
    font-size: 16px;
    font-family: "kanitextralight", "Open Sans", "Tahoma", "Arial", sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 1px #fff;
}

@media (max-width: 1280px) {
    p.date-top {font-size: 20px;}
}
@media (max-width: 1366px) {
    p.date-top {font-size: 18px;}
    .discountL img.dis--img {width: 290px !important;}
}

@media (max-width: 1138px) {
section.top-main-visual.top-domain.comnet,
.page--header--domaininc,
.section-backupcode,
.topheader--forward,
section.banner--header-career,
section.page--topbanner,
section.section-sign,
.section-signup,
section.banner--header-seodomain,
section.top-main-visual.top-domain.shop,
section.page--thankyou-domain {margin-top: 52px !important;}
section.page--topbanner {padding-top: 53px !important;}
.page--header--transfer {margin-top: 5px !important;}

.custom-contact-us {margin-top: 52px!important;padding-top: 0!important;}
}

/*mobile*/
@media (max-width:1280px) {
section.top-main-visual.top-domain.comnet img.staff-comnet{left: 12%;width: 19%;}
section.forward--domain2020 a p.price {font-size: 35px;}
section.forward--domain2020 a p.save {font-size: 22px;}
section.forward--domain2020 a p.price span.sale:before {margin-top: 7px;width: 73px;}
}
@media (min-width:1200px) {
    .container { width:960px}
}
@media (max-width:1029px) {
    section.forward--domain2020 a p.save,
    section.forward--domain2020 a p.save span{font-size: 18px;}
    section.forward--domain2020 a p.save {right: 6%;}
    section.forward--domain2020 a p.price {margin: 21% 0 0 13%;font-size: 30px;}
    section.forward--domain2020 a p.price span.sale:before {width: 60px;margin-top: 3px;}
    section.top-main-visual.top-domain .container.domain .banner_tld_promotion {padding-left: 3%;}
    section.top-main-visual.top-domain.comnet img.staff-comnet{left:0;width:28%;}
}
@media (max-width: 800px) {
    section.top-main-visual.top-domain{background-position: left;padding-bottom: 20px;}
    section.top-main-visual.top-domain span.is-domains-special-price p.title {width: 10%;font-size: 16px;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent {left: 10%;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1,
    section.top-main-visual.top-domain span.is-domains-special-price p.domaintitle{width: fit-content;font-size: 16px; 
        padding:0 10px 0 2%;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box2,
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box3,
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .boxred{
        width: fit-content;font-size: 16px; padding:0 10px;    }
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .boxred{width:80px;}

    section.top-main-visual.top-domain .form-search .input-domain{
    height: 35px;
    line-height: 1px;
    width: 70%;
    padding:0;
    margin:0;
    font-size: 20px;}
    section.top-main-visual.top-domain .form-search .multi-domain-search-opener{right: 24%;top: 9px;}
    section.top-main-visual.top-domain .form-search button.btn.btn-submit{
    font-size: 20px;
    width: 20%;
    height: 34px;
    top: 3px;}

    section.top-main-visual.top-domain span.is-domains-special-price{height: 30px;line-height: 30px;}
    section.top-main-visual.top-domain span.is-domains-special-price p.title:after,
    section.top-main-visual.top-domain span.is-domains-special-price p.domaintitle:after{
        top: 7px;
        border-top: 8px solid transparent;
    border-left: 8px solid #d62825;
    border-bottom: 8px solid transparent;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain{left: 97px;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld{font-size: 16px;width: fit-content;padding: 0 15px;}
    section.top-main-visual.top-domain .container.domain h1.title {text-align: left;font-size: 4rem;}
    section.top-main-visual.top-domain .container.domain .discount--com .expiration-date{padding:3px 5%;}

    section.campaign-countdown.is-domain-index #campaign_clock .toptilteL .icon--clock:before{font-size: 3.3rem;}
    #campaign_clock .toptilteL > span:not(.timer-contain) {font-size: 2.4rem;}
    #campaign_clock .timer-contain .time {font-size: 4rem;}

    section.top-shared-feature h3 img {width: 44px;}
    section.top-shared-feature h3 {font-size: 30px;}
    section.top-shared-feature p.left {font-size: 26px;}
    section.top-shared-feature .price-box-new > span{width: 100%;font-size: 40px;}
    section.top-shared-feature .price-box-new > span > span {font-size: 30px;}
    section.top-shared-feature .price-box-new > span > span > span {font-size: 22px;}
    
    section.top-shared-feature img.svglogozcom {width: 60%;}
    section.top-shared-feature h2 {margin-bottom: 10px;}
    section.top-shared-feature h2,
    section.top-shared-feature.search-domain-2nd > .container > .title {font-size: 3rem;}

    section.forward--domain2020 a p.save span{font-size: 14px;}
    section.forward--domain2020 a p.save {right: 9%;font-size: 14px;}
    section.forward--domain2020 a p.price {margin: 21% 0 0 18%;font-size: 22px;}
    section.forward--domain2020 a p.price span.sale:before {width: 45px;margin-top: -1px;}

    section.top-shared-feature .onepage-website .warning{height: 34px;}
    section.top-shared-feature .onepage-website h2,
    .domain-price table.table-hover thead tr th.is-first {font-size: 24px;}
    section.top-shared-feature .onepage-website p.btn-seemore {margin:0;font-size: 18px;}
    section.top-shared-feature p.top-small{font-size: 26px;top: 0;margin:-2% 0 0 0;}
    .domain-price .table > tbody > tr > td {font-size: 18px;}
    section.top-shared-feature.search-domain-2nd > .container > .title img {width: 30%;}

    section.page--thankyou-domain{height: auto;margin-top:48px;}
    section.page--thankyou-domain .thanktitle--top {margin:4% 0;}
    section.page--thankyou-domain .thanktitle--top h2 {font-size: 18px;}
    section.page--thankyou-domain .thanktitle--top p,
    section.page--thankyou-domain .thanktitle--top p.btn-backzcom button.btn.btn-backzcom {font-size: 16px;}

    section.top-main-visual.top-domain .container.domain .banner_tld_promotion{padding-left: 8%;}
    .banner_tld_promotion--tld{margin-bottom: 5%;}
    section.top-main-visual.top-domain.comnet h1.title--comnet {font-size: 4rem;}
    section.top-main-visual.top-domain.comnet span.is-domains-special-price p.title.comnet{width: 15%;font-size: 18px;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1.comnet{
     padding-left: 10%;font-size: 18px;}
     section.top-main-visual.top-domain.comnet img.staff-comnet{left:0;width: 30%;}

     section.top-main-visual.top-domain.shop {padding:0;height: auto;margin-top: 49px;}
    section.top-main-visual.top-domain.shop h1.title--comnet {font-size: 3rem;}
    section.top-main-visual.top-domain.shop img.staff-comnet{left: 10%; width: 21%;}
    section.top-main-visual.top-domain.shop .content-shop {margin:6% 0 5% 0;}
    section.top-main-visual.top-domain.shop p.white {margin-left: 13%;}
    section.top-main-visual.top-domain.shop p.box--price--domain--shop {margin-top:-2%;}
footer.box-1st .inner .inner-right{margin-left: -15px;padding: 0;}

section.top-main-visual.top-domain .form-search.cp-5th {margin-top:32%;}
section.top-main-visual.top-domain.cp-flash-sale-may {height: auto;padding: 0 0 5% 0}

}
@media (max-width: 768px) {
/*gmoGroupHeader*/
    .gmoGroupHeader{width: 100%;}
    section.top-main-visual.top-domain .form-search.cp-5th{margin-top: 28%;}
}

@media (max-width: 600px) {
    img.logodomaintop{float: none;}
    section.top-main-visual.top-domain {padding:0 0 20px 0;}
    section.top-main-visual.top-domain span.is-domains-special-price p.title {width: 13%;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain {left: 95px;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld {font-size: 14px;padding:0 10px;}
    section.header .header-inner .header-logo{padding:0 15px;margin:0 auto;text-align: right;}
    section.top-main-visual.top-domain .form-search,
    section.top-main-visual.top-domain .container.domain .discount--com .expiration-date {width: 80%;}
    section.top-main-visual.top-domain span.is-domains-special-price {height: auto;margin-bottom: 13%;}

    section.top-main-visual.top-domain .container.domain h1.title{font-size: 3rem;line-height: 1;}

    /*comnet*/
    section.top-main-visual.top-domain.comnet ul li{width: 100%;}
    section.top-main-visual.top-domain.comnet ul li .boxcolor{height: auto;}
    section.top-main-visual.top-domain.comnet ul li .boxcolor p.title {padding:0;}
    /*.comnet*/
    section.top-main-visual.top-domain span.small {
     font-family: "db_heaventlight", Tahoma, sans-serif;
    font-size: 22px;
    color: #fff;
    padding-top: 4%;
    text-align: left;width: 100%;
    float: left;}
    section.top-main-visual.top-domain span.colorred {
    font-family: "db_heaventlight", Tahoma, sans-serif;
    color: #fff600;
    line-height:1;font-size: 40px;float: left;}
    section.campaign-countdown.is-domain-index {
        margin:0;
        width: 100%;
        padding: 10px 0;
        top:0;
    }
    section.campaign-countdown.is-domain-index #campaign_clock .toptilteL .icon--clock:before{
        position: relative;
        left: 5px;
        top:5px;
    }
    section.campaign-countdown.is-domain-index #campaign_clock {padding: 3%;}
    section.campaign-countdown.is-domain-index #campaign_clock .toptilteL {float: none;text-align: center;margin:0 auto;
        display: flex;
        justify-content: center;
    }
    #campaign_clock .icon--clock {left:0 !important}

    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain{position: relative;}

    section.forward--domain2020 {padding:0;}
    section.forward--domain2020 a p.save {font-size: 3rem;right: 4%;}
    section.forward--domain2020 a p.save span {font-size: 2rem;}
    section.forward--domain2020 a p.price {font-size: 4rem;margin: 25% 0 0 18%;}
    section.forward--domain2020 a p.price span.sale:before {width: 100px;margin-top:16px;}

    section.top-shared-feature .onepage-website .warning {width: 100%;}
    section.top-shared-feature .onepage-website p.btn-seemore{width: fit-content;margin: 1% auto;padding: 1% 4%;}
    section.top-shared-feature img.svglogozcom{width: 45%;margin:-10% auto;}
    section.top-shared-feature .price-box-new {width: 50%;margin:0 auto;display:block;padding: 0;}
    section.top-shared-feature img{width: 50%;}

    section.top-shared-feature.our-clients > .container > .title > img {height: 30px;}
    section.top-shared-feature.our-clients > .container > .client-review > li {width: 50%;height: 250px;}
    section.top-shared-feature.our-clients > .container > .client-review > li .company-info {font-size: 14px;}
    section.top-shared-feature.our-clients > .container > .client-review > li:nth-child(3n+1) {clear: none;}
    section.top-shared-feature.our-clients > .container > .client-review > li:nth-child(7){margin-left: 0;}

    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain {left: 0;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld {font-size: 22px;line-height: .8;width: 25%;padding:2%;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:last-child:after {
    border-radius:0;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(1):after {
    background-color: #0d70b1;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(2):after {
    background-color: #ed810d;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(3):after {
    background-color: #e7380d;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(4):after {
    background-color: #be3730;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(5):after {
    background-color: #f7b41f;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(6):after {
    background-color: #579401;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(7):after {
    background-color: #94bb10;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld:nth-child(8):after {
    background-color: #33b3e4;}

    #gnav-login p.text {padding:5px 0;text-align: center;}

    .fa-stack {width: 3em;height: 3em;line-height: 3em;}
    .fa-stack-2x {font-size: 3em;}
    .fa-stack-1x {font-size: 16px;line-height: 2em;}    

    section.forward--domain2020 a img {margin:5px 0;}
    h3.title-sp{
        width: 100%;
        background:#d62825;
        padding: 2% 0; 
        text-align: center;
        font-size: 24px;
        font-family: "db_heaventregular", Tahoma, sans-serif;
        line-height: .8;
        float: left;
        color: #fff;
        margin:0;
    }
    .top-tlds{
        margin:0;
        padding: 0;
    }
    .top-tlds .inner {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #323232;
    }
    .top-tlds .list {
    color: #fff;
    display: table;
    table-layout: fixed;
    padding: 10px 0;
    }
    .top-tlds .list>li {
    display: table-cell;
    padding: 0 5px;
    white-space: nowrap;
    min-width: 95px;
    border-right: 1px solid #4c4c4c;
    text-align: center;
    line-height: 1;
    font-family: "db_heaventregular", Tahoma, sans-serif;
    }
    .top-tlds .list>li .tld {
    font-size: 1.8rem;
    color: #ffcc00;
    font-size: 1.8rem;
    font-weight: bold;
    font-family: sans-serif;
    }
    .top-tlds .list>li .price {
    font-size: 2rem;
    font-weight: normal;
    }
    .top-tlds .list>li .price > span {
    font-size: 1.4rem;
    color: #999;
    }
    
    footer.footer--mobile .fa-stack {width: 3em;height: 3em;line-height: 3em;}
    footer.footer--mobile .fa-stack-2x {font-size: 3em;}
    footer.footer--mobile .fa-stack-1x {line-height: 3em;font-size:18px;}

    /*footer mobile*/
    footer.footer--mobile {
        width: 100%;
        border-top: 2px solid #d62825;
        float: left;
    }
    footer.footer--mobile .social{
        width: 100%;
        background:#323232;
        padding:5px 0;
        margin:0 auto;
        text-align: center;
    } 
    footer.footer--mobile .menu-service-footer {
        width: 100%;
        float: left;
        padding:20px 15px;
    }  
    footer.footer--mobile .menu-service-footer ul {
        width: 100%;
        float: left;
        margin:0 0 3% 0;
        padding:0;
        display: inline-block;
    }
    footer.footer--mobile .menu-service-footer ul li{
        width: 50%;
        float: left;
        padding: 5px;
        list-style: none;
    }
    footer.footer--mobile .menu-service-footer ul li a{
        font-size:16px;
    text-align: center;
    width: 100%;
    display: block;
    color: #323232;
    padding:15px;
    border: 1px solid #ddd;
    }
    footer.footer--mobile .menu-service-footer p,
    footer.footer--mobile .menu-service-footer img {text-align: center;}
    footer.footer--mobile .menu-service-footer img {margin:2% auto;width: 40%;}

    section.page--payment-u {max-height: auto;padding: 20px 0;}
    section.page--payment-u .boxR h1{font-size: 30px;text-align: center;}
    section.page--payment-u .boxR h1 span.small {font-size: 24px;}
    section.page--payment-u .boxL img{width: 20%;vertical-align: middle; padding: 3%;}
    section.page--payment-u a.btn {font-size: 18px;}
    section.page--payment-u a.btn img.zcomlogo-white {width: 52%;}

    .seo--thank ul.box--content li {width: 100%;}
    .seo--thank ul.box--content li p.maximum {width: 80px;height: 80px;padding:3.5% 0 0 0;}

    section.onepage--website {background: #000;}
    section.onepage--website img.onepage{padding: 0;}
    section.onepage--website img.onepage {float: none;margin:0 auto;}
    section.onepage--website h2,
    section.onepage--website h3,
    section.onepage--website p{text-align: center;}
    section.onepage--website p {margin-top:4%;}

    .banner_tld_promotion--tld.tld--dot_com {margin-top:3%;}
    .banner_tld_promotion--tld.tld--dot_com img,
    .banner_tld_promotion--tld.tld--dot_net img{height: 80px;}
    .banner_tld_promotion--tld .tld--show_price--inner{width: 70%;height: 70%;display: block;padding-top: 11%;}
    .banner_tld_promotion--tld .tld--show_price--price {font-size: 4rem;}
    .banner_tld_promotion--tld .tld--show_price--currency {font-size: 24px;}
    .banner_tld_promotion--tld--inner{background-position: 0;}
    section.top-main-visual.top-domain .container.domain .banner_tld_promotion{padding-bottom: 1%;}
    .top-shared-feature.is-dark {background:#fff;margin:5px 0;padding:0;}
    .top-shared-feature.is-dark h3{color:#323232; }
    section.top-shared-feature h3 {font-size: 1.6rem;margin:5px 0;line-height: 1;}    
    section.top-shared-feature h3 img {width: 30px;}

    section.top-shared-feature.search-domain-2nd {background:#000;padding:10px 0 0 0;margin-top:10px;}
    section.top-shared-feature .onepage-website{margin-top:10px;}
    section.top-main-visual.top-domain span.is-domains-special-price:after{height: auto;}
    section.top-main-visual.top-domain span.is-domains-special-price {height: auto;margin-bottom:0;position: relative;z-index: 0;}

    .modal-content {width: 95%;}
    .modal-content p {font-size: 14px;width: 90%;float: left;}
    .modal-content p span {font-size: 14px;float: left;text-align: left;}
    .modal-content p br{display: inline-block;}
    .multi-domain-search-placeholder {font-size: 14px;}
    .btn.btn-submit.btn-popup--domain {padding: 5px 10%;}

    section.top-main-visual.top-domain .form-search.cp-5th {margin-top:82%;}
    section.top-main-visual.top-domain .form-search.cp-5thsp {margin: 87% auto 0 auto;}

}
@media (max-width: 480px) {
    img.logodomaintop {width: 80%;margin-left: 0;margin: 2% auto 0 auto;}
    section.header .header-inner .header-logo{position: absolute;left:9%;}
    #cartR--sp {position: relative;right: 15px;z-index: 10;top:0;}
    #ddmenu {margin-top:0;    position: absolute;    z-index: 9;}
    section.top-main-visual.top-domain span.is-domains-special-price p.title {width: 18%;}
section.top-main-visual.top-domain .container.domain img.dotcom{width: 100%;} 
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1{padding-left: 13%;}
    section.top-shared-feature {padding:20px 0 0 0;}
    section.top-main-visual.top-domain{
    background-image: url(/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Ftop-banner-domain-sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    padding-bottom: 10px;
    }
    img.bg-cp-5thsp{display: inline-block;}
    section.top-main-visual.top-domain.cp-flash-sale-may {
        height: auto;padding-bottom: 2%;
    background:#131313 url('/asset?u=https%3A%2F%2Fdomain.z.com%2Fth%2Fthemes%2Fdomain-zcom-html%2Fimages%2Fdomain%2Fbg-flash-sale-may-sp.jpg')center top no-repeat;height: auto;padding-bottom: 2%;}

    section.top-main-visual.top-domain .container.domain .discount--com .expiration-date{
        width: 100%;line-height: 1;margin-top:2px;padding:2%;}
    section.top-main-visual.top-domain .container.domain h1.title br{display:inline-block;}
    
    section.top-main-visual.top-domain .form-search {width: 100%;}
    section.top-main-visual.top-domain .form-search.cp-5thsp {width: 100%;margin-top:102%;}
    section.top-main-visual.top-domain .form-search button.btn.btn-submit {padding:0 7%;width: fit-content;height: 42px;line-height: 50px;top: -11px;right: 0;border-radius: 0;}
    
    #campaign_clock .toptilteL > .icon--clock:before {font-size: 30px;} 
    #campaign_clock .timer-contain {margin:0 auto;display: block;}
    #campaign_clock > span {float: none;text-align: center;margin:0 auto;}
    #campaign_clock .timer-contain .time{font-size: 30px;font-family: "db_heaventregular", Tahoma, sans-serif;}  
    #campaign_clock .timer-contain .time-text {font-size: 24px;font-family: "db_heaventregular", Tahoma, sans-serif;} 

    section.forward--domain2020 a p.save {font-size: 30px;}
    section.forward--domain2020 a p.price {font-size: 35px;margin: 23% 0 0 20%;}
    section.forward--domain2020 a p.price span.sale:before{width: 70px;margin-top: 7px;}   
    section.top-shared-feature h2, section.top-shared-feature.search-domain-2nd > .container > .title {
        font-size: 2.6rem;line-height: 1;}    
    
    section.top-shared-feature .onepage-website .warning {display: none;}
    
    section.top-shared-feature.search-domain-2nd .form-search input.input[type="text"] {font-size: 20px;height: 34px;}
    section.top-shared-feature.search-domain-2nd .btn.btn-submit{width: fit-content;padding: 0 3%;height: 34px;line-height: 1.3;}
    section.top-shared-feature.search-domain-2nd .btn.btn-submit .fa-search:before {font-size: 16px;}
    .domain-price .table.price > tbody > tr > td:nth-child(3) {display: none;}
    .domain-price .table > tbody > tr > td {font-size: 24px;color:#000;}
    .domain-price .table.price > tbody > tr > td:nth-child(2) {text-align: right;}
    section.top-shared-feature.domain-price {padding:20px 0;}

    section.page--payment-u a.btn {width: 40%;}
    section.onepage--website img.onepage{width: 40%;}
    section.top-main-visual.top-domain.comnet img.staff-comnet {display: none;}
    section.top-main-visual.top-domain.comnet {margin-top: 53px;}
    section.top-main-visual.top-domain.comnet span.is-domains-special-price p.title.comnet {width: fit-content;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1.comnet{padding-left: 13%;}

    section.top-main-visual.top-domain.shop .content-shop {margin:4% 0;}
    section.top-main-visual.top-domain.shop h1.title--comnet {text-align: center;font-size: 2.4rem;padding:0;}
    section.top-main-visual.top-domain.shop h1.title--comnet img {width: 16%;}
    section.top-main-visual.top-domain.shop p.box--price--domain--shop{width: 100%;margin:0;padding: 0;}
    section.top-main-visual.top-domain.shop p.white {width: 100%;text-align: center;padding:0;margin:0;}
    section.top-main-visual.top-domain.shop p.box--price--domain--shop,
    section.top-main-visual.top-domain.shop p.white {font-size: 18px;}

    section.top-main-visual.top-domain .form-search .multi-domain-search-opener{
    right: 15%;
    top: 11px;
    font-size: 16px;}
    .multi-domain-search-placeholder {padding: 2% 8%;top: 20%;}
    .modal{background-color: rgba(0,0,0,0.1);}
    .multi-domain-search-placeholder {color: #9f9f9f;}
    section.top-main-visual.top-domain .form-search.cp-5th {margin-top:90%;}

}
@media (max-width: 414px) {
    section.page--payment-u a.btn {width: 60%;}
    section.page--payment-u a.btn img.zcomlogo-white {width: 40%;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1.comnet{padding-left: 17%;}
}
@media (max-width: 360px) {
    object#logo-svg{margin-left: 20%;}
}
@media (max-width: 365px) {
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1.comnet{padding-left: 20%;}
}
@media (max-width: 320px) {
    section.page--payment-u a.btn {font-size: 16px;}
    section.top-main-visual.top-domain span.is-domains-special-price .tld-contain.boxcontent .box1.comnet{padding-left: 23%;
        font-size: 16px;}
}
/*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;
}
.banner--services-domain {width: 100%;display: flex;justify-content: center;margin: 2% 0 0 0;padding: 2% 0 0 0;}
.banner--servicehome {width: 80%;margin: 0 auto;text-align: center;}
@media (max-width: 480px) {
    .banner--services-domain {display: inline-block;}
    .banner--servicehome {width: 100%;}
    .modal-content {width: 100%;}
    .close {font-size: 28px;width: 45px;}
    .modal-content.seoD  {width: 100%;}
    section.top-main-visual.top-domain .form-search.flasSale-99THB {margin-left: 0;}

.btn.btn-submit{
width: fit-content;
    text-align: center;
    margin: 0 auto;
    margin: 10px auto;
    height: auto;
    padding: 5px 10%;
    border-radius: 30px;
}
}
.cd-primary-nav .cd-secondary-nav ul li{width: 100%;float: left;}
/* Float Shadow */
.hvr-float-shadow {
   /* width: 100%;*/
  display: inline-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;
}
.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) */
}