table {border-collapse: collapse; border-spacing: 0;}
.thasil td, .thasil th {padding: 10px 10px ! important; background: #fff; color: #444;}
.thasil td.first {width: 90px; font-weight: bold; padding: 10px 10px ! important;} 
.thasil td.bold {text-transform: uppercase; color: #f22; font-weight: bold;}
.btn-success {color: #ffffff; background-color: #5e8a2f; border-color: #547a29; width:80px; margin: 5px 2px 5px 0; padding: 5px 25px; border-radius:5px; text-align: center; text-decoration: none; font-weight: bold;}

.wells .nom {cursor: pointer; }
.sample {position: absolute; left:20px; right:20px; top:50px; z-index: 1000;}
.abox {max-width:200px; box-shadow: 0 0 20px #777; margin:0 auto; background: #fff; color: #777;border-radius: 5px; overflow: hidden;}
.aheadbox {padding: 10px 20px; background: #444; color: #fff; margin:-1px;}
.close {cursor: pointer; float:right; color: #fff; text-decoration: none;}
.acont {padding: 10px 20px;}

@media screen and (max-width:360px) {
.btn-success {padding: 5px 20px;}
}

@media screen and (max-width:320px) {
.btn-success {padding: 5px 10px;}
}