/* 
    Created on : 2016年2月17日, 下午03:11:41
    Author     : Buba Lai
*/
body,
p {
    /*    font-family: "Arial", "Verdana", "Helvetica", "sans-serif", Georgia, "Times New Roman", "Microsoft YaHei", 微軟雅黑, STXihei, 華文細黑, serif;*/
    font-family: Arial, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
}

body {
    line-height: 1.42857143;
}

body,
td,
p {
    font-size: 14px;
    text-align: justify;
}

h3 {
    font-size: 22px;
    border-bottom: none;
}

h3.description-title {
    font-family: inherit;
}

hr {
    border: none;
    border-top: 1px dotted #888;
    color: #fff;
    background-color: #fff;
}

#main {
    width: 100%;
    color: #000;
}

.ud-color {
    background-color: #5e8a09;
}

.ud-blue {
    background-color: rgb(41, 56, 151);
}

.ud-blue-text {
    color: #293897;
}

.ud-gold {
    background-color: rgb(255, 130, 0);
}

.description-title {
    font-size: 24px;
    font-weight: bold;
}


/* brand protection service */
#banner {
    width: 100%;
    text-align: center;
    overflow: hidden;
    background-color: #2c4c41;
}

#content {
    width: 780px;
    margin: 20px auto;
}

.img_description {
    width: 100%;
}

.img_description img {
    width: 100%;
}

.service_name {
    float: left;
    color: #648f0d;
    /*    font-size: 38px;*/
    font-weight: bold;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 15px;
}

.banner_icon {
    float: left;
}

.banner_phone {
    color: #648f0d;
    font-size: 20px;
    font-weight: normal;
}

p.description {
    text-align: left;
}

.banner_content {
    margin: 0 auto;
}

.title_icon_text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.banner_img {
    padding: 0px;
}

#product_promotion {
    background: #ffcc33;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffcc33 66%, #fff 34%);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffcc33 66%, #fff 34%);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffcc33 66%, #fff 34%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffcc33 66%, #fff 34%);
    /* Standard syntax */
    height: 200px;
}

/* home page */

.vertical-center-cantainer {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.vertical-center-half {
    position: relative;
    top: 25%;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
}

table.universal-domain-price-table td {
    padding: 3px;
}

.longData {
    word-break: break-word;
    text-align: left;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/* email forward  */
/* disabled input  */
input:disabled, textarea:disabled {
    background: #dddddd;
}
input:disabled:hover, textarea:disabled:hover{
    cursor: not-allowed;
}

/* info  */
.info-container {
    border: 1px solid #D2E598;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px 25px 10px 25px;
}

.info-container p {
    font-family: 'Heebo', 'Noto Sans TC', sans-serif !important;
    color: #3C3C3C;
}

.vas p.note {
    color: #9c9c9c;
    line-height: 20px;
    font-size: 12px;
}

.info:not(:last-child){
    margin-bottom: 30px;
}

.info .info-title {
    background: #D2E598;
}

.info .info-title p {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

.info .info-body p {
    padding-bottom: 10px;
}

.info input.txt-record{
    width: 300px;
}

.a-home {
    float: right;
}

.btn-home {
    background: #F59544;
    border-radius: 3px;
    color: white;
}

.btn-home:hover{
    color: #fff;
}

.info .top {
    color: #F59544;
    text-decoration: underline;
}


/* domain menu */
.vas{
    margin-bottom: 25px;
}

.vas, .vas table td{
    font-family: 'Heebo', 'Noto Sans TC', sans-serif !important;
}

.vas h1{
    font-weight: 300;
    line-height: 53px;
    color: #465E3E;
}

.vas .row{
    margin-bottom: 10px;
}

.vas .bold, .vas .bold a{
    font-weight: bold;
}

.vas .green, .vas .green a{
    color: #698829;
}

.vas .dot{
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
}

.vas .green.dot{
    background-color: #47B549;
    margin-right: 5px;
}

table.domain-vas-status thead{
    background-color: #D2E598;
}

table.domain-vas-status thead tr th a{
    font-weight: normal;
    color: #698829;
    font-size: 12px;
}

table.domain-vas-status tbody tr td, table.domain-vas-status thead tr th {
    border: none;
    padding: 15px 10px;
}

table.domain-vas-status tbody tr td a{
    color: #F59544;
    text-decoration: underline;
}

table.domain-vas-status tbody tr td a.manage{
    color: #698829;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 5px;
}

table.domain-vas-status tbody{
    background-color: #E6F1C7;
}

table.domain-vas-status tbody tr td{
    font-size: 14px;
    white-space: nowrap;
}

.vas .privateDomain table tr{
    background-color: rgba(204, 204, 204, 0.5);
}

.vas .privateDomain table td{
    border-color: white;
    line-height: 21px;
    padding: 10px;
}

.vas .privateDomain .col{
    font-weight: 700;
}

/* domain_service.php  */

.vas.domain_service table.domainName th a{
    color: #698829;
    font-weight: normal;
    font-size: 14px;
    line-height: 125%;
}

.vas.domain_service td{
    font-family: 'Heebo', 'Noto Sans TC', sans-serif !important;
    color: #3C3C3C;
}

.vas.domain_service table.domainName td, table.domainName th {
    font-size: 14px;
    padding: 15px;
}

.vas.domain_service table.domainName td.body{
    padding-left: 0px;
    padding-right: 0px;
}

.vas.domain_service .btn{
    width: 172px;
    height: 36px;
    background: #F59544;
    border-radius: 3px;
    color: white;
}

.vas.domain_service #back .btn{
    margin-right: 10px;
    background: white;
    color: #F59544;
    border: 1px solid #F59544;
}

.vas.domain_service #back:hover{
    text-decoration: none;
}

.vas.domain_service .domainName .title{
    font-size: 16px;
    font-weight: bold;
}
.d-flex {
    display:flex;
}
.d-flex>div {
    float: none;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.privacy-list, .privacy-sublist {
    padding: 0;
}
.privacy-list>li{
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 30px;
    font-weight: bold;
}
.privacy-sublist {
    padding-bottom: 15px;
}
.privacy-sublist>li {
    margin-left: 20px;
    padding-top: 10px;
}
.privacy-sublist.bold>li {
    font-weight: bold;
}



ol.udagreement-numlist {
    list-style-type: none;
    margin-left: 0;
}

ol.udagreement-numlist > li {
    counter-increment: customlistcounter;
    padding-bottom: 15px;
}

ol.udagreement-numlist > li:before {
    content: "("counter(customlistcounter) ")";
    float: left;
    width: 3em;
}

ol.udagreement-numlist:first-child {
    counter-reset: customlistcounter;
}


ol.udagreement-alphalist {
    list-style-type: none;
    margin-left: 0;
}

ol.udagreement-alphalist > li {
    counter-increment: customalphalistcounter;
    padding-bottom: 15px;
}

ol.udagreement-alphalist > li:before {
    content: "(" counter(customalphalistcounter,upper-latin) ")";
    float: left;
    width: 3em;
}

ol.udagreement-alphalist:first-child {
    counter-reset: customalphalistcounter;
}

/* ol.udagreement-nested { counter-reset: item } */
ol.udagreement-nested .parent {
    font-weight: bold;
    text-decoration: underline;
}

ol.udagreement-nested>li::before {
    font-weight: bold;
}

ol.udagreement-nested, ol.udagreement-nested ol { 
    counter-reset: item;
    padding-left: 0px;
}
ol.udagreement-nested li { 
    display: block 
}
ol.udagreement-nested li:before {
    content: counters(item, ".") ". "; 
    counter-increment: item 
}

ol.udagreement-nested ol.alpha {
    list-style-type: lower-alpha;
    padding-left: 50px;
}

ol.udagreement-nested ol.alpha li {
    display: list-item;
}

ol.udagreement-nested ol.alpha li:before {
    content: "";
    counter-increment: none;
}

ol.udagreement-nested ol.number {
    list-style-type: auto;
    padding-left: 50px;
}

ol.udagreement-nested ol.number li {
    display: list-item;
}

ol.udagreement-nested ol.number li::marker {
    font-weight: bold;
}

ol.udagreement-nested ol.number li:before {
    content: "";
    counter-increment: none;
}