.ContentsBox div { padding: 10px 0;}
.ContentsBox div div { float:left;}
.ContentsBox table a { text-decoration: none; font-weight:bold; font-size:11px; color: #313131; }

.calculator { margin-left:10px; height:496px;}
.calculator h4 { padding:7px 0 5px 16px;}
.calculator_body { margin-left:11px; margin-bottom:11px; width:242px; border:1px solid #424242; }
.calculator_body li { margin:0;}

a.depositclass { display:block; width:76px; height:18px; padding-top:3px; text-align:center; margin:0;  background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif);}
a:hover.depositclass { display:block; width:76px; height:18px; padding-top:3px; text-align:center; margin:0;  background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#572f99;}

.depositprice { font-weight:bold; color:#2e5fae;}

ul.depositclass li { float:left; display:block; width:74px; height:18px; margin:0 px 2px 0; padding-top:3px; font-size:11px; text-align:center; font-weight:bold; background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif);background-size:74px 21px; margin-bottom:3px;}
ul.depositclass li.red { background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#000;}
ul.depositclass li.violet { background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#000;}
ul.depositclass li.gold { background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#000;}
ul.depositclass li.silver { background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#000;}
ul.depositclass li.bronze { background-image:url(/assets/images/member/deposit/Myservice_depositclass_bg_basic.gif); color:#000;}

.balance { margin-bottom:15px; padding:5px; background-color:#ebebeb; border:1px solid #c5c5c5; }
.reset {  margin:6px; margin-right:6px; padding:5px;  border:1px  }
.list_tld { font-size:11px; font-weight:bold; text-align:left;}
.list_set { font-size:11px;}
.list_set * { vertical-align:middle;}

.new_tab ul.tab.deposit_tab li a {padding:0 5px !important;}
.new_tab .tab{width:760px;}
.new_tab .tab li:nth-child(1){width:140px;}
.new_tab .tab li:nth-child(6){width: 98px;}
.new_tab .tab li:nth-child(2){width: 112px;}
.new_tab .tab li:nth-child(3){width: 146px;}
.new_tab .tab li:nth-child(4){width: 132px;}
.new_tab .tab li:nth-child(5){width: 123px;}
.new_tab .tab li a{font-size:14px !important;text-decoration:none;padding:none;}


.deposit_menu {
    margin:20px 0;
    border-bottom:2px solid #eee;
}
.deposit_menu ul {
    padding:20px 0;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.deposit_menu ul li {
    font-size:18px;
}

.deposit_menu ul li.active a {
    color:#572f99;
}

.deposit_notice {
    margin:20px 0;
    padding:20px;
    border:1px solid #eee;
    background-color:#f9f9f9;
    font-size:14px;
    line-height:1.5;
}

.deposit_notice .box > p {
    padding-left:10px;
    padding-top:10px;
    line-height:1.8;
}


.deposit_myDeposit {
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #eee;
}
.deposit_myDeposit > div {
    width:50%;
    text-align: center;
    margin:15px 0;
}
.deposit_myDeposit > div p {
    margin:20px 0;
}
.deposit_myDeposit > div p.grade {
    font-size : 40px;
    font-weight:bold;
    color:#572f99;
}

.deposit_myDeposit > div p.price {
    font-size : 30px;
}

.gradeDeposit {
    padding:20px 10px 0;
    border-bottom:1px solid #eee;
}

.gradeDeposit > ul {
    display:flex;
    justify-content: space-between;
    margin:10px 0;
    text-align: center;
}

.gradeDeposit > ul li {
    width: calc(100% / 7);
    text-align: center;
    margin:10px 0;
}
.gradeDeposit > ul li h3 {
    padding-bottom:20px;
    border-bottom : 1px solid #eee;
}
.gradeDeposit > ul li p {
    margin:20px 0 0;
    font-size:18px;
}

.grade_title figure {
    margin:0;
}

.grade_title figure img {
    width:50%;
}

.deposit_charge {
    margin:20px 0;
}
.deposit_charge > h3 {
    display:flex;
    justify-content: space-between;
}
.deposit_charge > h3 > p {
    font-size:12px;
    color:red;
}
.deposit_charge ul {
    display:flex;
    justify-content: space-between;
}

.deposit_charge ul li {
    width: calc(100% / 7);
    text-align: center;
    margin:10px 0;
    border:1px solid #eee;
    padding-top:20px;
}
.deposit_charge ul li input {
    display:none;
}
.deposit_charge ul li.active {
    background:rgb(223, 199, 255);
    border:1px solid #572f99;
}
.deposit_charge ul li h3 {
    padding-bottom:20px;
    border-bottom:1px solid #eee;
}

.deposit_charge ul li.active h3 {
    border-bottom:1px solid #572f99;
}
.deposit_charge ul li p {
    margin:50px 0;
    font-size:16px;
}

.deposit_charge ul li div {
    width:100%;
    background:#555;
    color:#fff;
    padding:10px 0;
    cursor: pointer;
}

.charge_submit_btn {
    width:100%;
    margin:20px 0;
    background : #572f99;
    color : #fff;
    font-size:16px;
    padding:20px 0;
    border:0;
}

.domain_price h3 {
    display:flex;
    justify-content: space-between;
}

.domain_price h3 > p {
    color:red;
    font-size:12px;
}

.domain_price table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.domain_price th,
.domain_price td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.domain_price tr:nth-child(even) {
    background-color: #f2f2f2;
}

.domain_price th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #eee;
    color: #000;
}

.domain_price td:hover {
    background-color: #e8dbfb;
}

.diposit_history {
    margin:20px 0;
}

.search_date {
    margin:20px 0;
}

.search_date form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.date_select {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.date_select select {
    width: 100px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    height:40px;
}

.date_select label {
    margin:0 10px;
    font-size:16px;
}

.date_select input[type="submit"] {
    border: none;
    background-color: #555;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
}
.search_view table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.search_view th {
    background-color: #eee;
    color: #000;
    padding: 10px;
    text-align: left;
    font-size:14px;
}

.search_view td {
    padding: 10px;
    border: 1px solid #ddd;
    font-size:14px;
}

.search_view tr:nth-child(even) {
    background-color: #f2f2f2;
}

.search_view tr:hover {
    background-color: #e8dbfb;
}

.search_view p {
    text-align: center;
}

.noneData {text-align: center; height:300px; font-size:18px !important}


.charge_cash_insert {
    margin-top:20px;
    padding:20px 0 0;
    border-top:1px solid #eee;
}

.charge_cash_insert > div {
    display: flex;
    gap : 10px;
    margin-bottom:10px;
    width:100%;
    justify-content: center;
}
.charge_cash_insert > div > input {
    width:70%;
}

.charge_cash_insert > .btn_1 {
    width:80%;
    margin:0;
}

.charge_cash_history {
    margin:20px 0;
}

.charge_cash_history table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border:1px solid #ddd;
}

.charge_cash_history th {
    background-color: #eee;
    color: #000;
    padding: 10px;
    text-align: left;
}

.charge_cash_history td {
    padding: 10px;
    border: 1px solid #ddd;
}

.charge_cash_history tr:nth-child(even) {
    background-color: #f2f2f2;
}

.charge_cash_history tr:hover {
    background-color: #e8dbfb;
}