body{
    background: #EEE;
}

body.on-member{
    background: #FFF;
}

.on-member ul.form-reg{
    margin: 5px -5px 15px -5px;
}

.on-member ul.form-reg li textarea{
    height: 72px;
}

.on-member .table-style{
    margin: 20px 0 0 0;
}

.table-style table.main-tab tr th:nth-child(3),
.table-style table.main-tab tr th:nth-child(4),
.table-style table.main-tab tr th:nth-child(5),
.table-style table.main-tab tr th:nth-child(6),
.table-style table.main-tab tr td:nth-child(3),
.table-style table.main-tab tr td:nth-child(4),
.table-style table.main-tab tr td:nth-child(5),
.table-style table.main-tab tr td:nth-child(6){
    text-align: right;
}

.table-style table.main-tab tr td:nth-child(1) a{
    display: block;
    margin: -5px;
    padding: 5px;
    font-family: 'EsphimereBold', Helvetica, Arial, sans-serif;
    transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

@media screen and (min-width: 768px) and (max-width: 1024px){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){}

@media screen and (max-width: 767px){}

@media screen and (max-width: 767px) and (orientation: landscape){}

@media screen and (max-width: 767px) and (orientation: portrait){}

/*
@media screen and (min-width: 768px) and (max-width: 1024px){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){}

@media screen and (max-width: 767px){}

@media screen and (max-width: 767px) and (orientation: landscape){}

@media screen and (max-width: 767px) and (orientation: portrait){}
*/