* {
    box-sizing:border-box;
}

body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family: 'Sarabun', sans-serif;
}

.payment_container {
    width:99%;
    min-height:80vh;
    margin:2px auto 0 auto;
    padding:0;
    border:1px solid #ddd;
}
.search_content {
    width:60%;
    margin:20px auto;
    padding:8px;
    background-color:#ddd;
    border-radius:10px;
}
.search_content:after {
    content:'';
    display:block;
    clear:both;
}
.table_container {
    width:60%;
    margin:50px auto 0 auto;
    padding:0;

}

.input_box {
    width:70%;
    float:left;
}

.btn_box {
    width: 30%;
    float: left;
}


.input_box input[type="text"] {
     padding: 12px;
    border-radius: 4px;
    background-color: #fff;
    border: #ddd 1px solid;
    width:100%;
    font-size:18px;
     font-style:italic;
     margin-bottom:0 !important;
}

.main_head {
    width:100%;
    margin:0;
    padding:6px 10px;
    font-size:24px;
    text-align:center;
}


.main_head::before,
.main_head::after {
    display: inline-block;
    content: "";
    border-top: .3rem solid #2e54a0;
    width: 50px;
    margin: 0 1rem;
    transform: translateY(-6px);
    border-radius:10px;
}




.sub_head {
    font-size:22px !important;
    font-weight:normal !important;
}


.payment_table
{
    width: 100%;
    border-collapse: collapse;
}
.payment_table th
{
    padding:10px 8px;
    border: #ddd 1px solid;
    color: #000;
    margin: 0 0 0 0;
    font-weight: 600;
    text-align: left;
    font-size:18px;
}

.payment_table td
{
    padding: 10px 8px;
    border: #ddd 1px solid;
    text-align: left;
}
/* provide some minimal visual accomodation for IE8 and below */


.payment_table tr:nth-child(odd)
{
    background: #fbfbfb;
}
.payment_table tr:nth-child(even)
{
    background: #fff;
}
.payment_table input[type="text"],.payment_table select,.payment_table input[type="password"],.payment_table textarea
{
    padding: 10px 7px;
    border-radius: 4px;
    background-color: #fff;
    border: #ddd 1px solid;
}
.payment_table input:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #ddd;
   border: #ddd 1px solid;
}





   
.payment_table select
{ width:90%;
}
.payment_table input[type="text"] { 
    width:90%;
   
}

.payment_table4 td {
    width:25%;
}
.payment_table5 td {
    width:20%;
}
.payment_table3 td {
    width:33.33%;
}
.procdtopay_btn {
    background-color: #4e6ca9;
    border: none;
    padding:10px 8px;
    color: #fff;
    font-size:17px;
    font-style:italic;
     border-radius: 8px;
     width:25%;
}
.procdtopay_btn:hover{
    background-color: #32508c;
    cursor:pointer;
}



.search_btn {
    width:100%;
    background-color: #4e6ca9;
    border: none;
    padding:12px;
    color: #fff;
    font-size: 20px;
     border-radius: 0px 8px 8px 0px;
     margin-bottom:0 !important;
}
.search_btn:hover{
    background-color: #32508c;
    cursor:pointer;
}
.text_center {
    text-align:center !important;
}