.input{
border:1px solid #333;
}
.required{
color:red;
font-size:12px;
}
#payauthDiv{
display:none;
margin-top:10px;
margin-left:20px;
border:2px solid #333;
padding:3px;
background:#cdcdcd;
width:480px;
text-align:center;
}
#popup{
display:none;
padding:10px;
background:#969696;
position:absolute;
top:25%;
left:25%;
z-index: 99999;
opacity:100%;
}
#popupinfo{
padding:2px;
text-align:center;
background:#cfcfcf;
}
#popupinfo p{
font-size:14px;
}
#popupinfo .button {
text-align:center;
}
#popupinfo .button a{
text-decoration:none;
border:1px solid #333;
width:20px;
padding:5px;
background:#1A1A1A;
color:#eee;
}
#popupinfo .button a:hover{
background:#eee;
color:#1a1a1a;
}
#mask{
background: #000;
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;
}
.odd
{
background: #f9f9f9 none repeat scroll 0 0;
margin-bottom:10px;
margin-top:10px;	
}
.oneClass{width:23.0%;
border:1px solid #ddd;
float:left;
<!-- margin-right:0.1%;
margin-left:1%; -->}
.tableHead{    
background-color: #3e98a1 !important;
color: #ffffff !important;
text-align:center;}
.pricingCost{font-size: 3em;
line-height: 1;
font-weight: bold;
color: #FFF;
text-align:center}
.textContent{text-align:center;
border-bottom:1px solid grey;
}
.textContent:nth-child(2n+2){background:#f9f9f9;
padding: 19px;
}
li{
list-style:none;
}
.mainClass{width:100%;
margin:auto;
position:relative;
padding-right:10px}
.titleName{text-decoration:none;
color:#FF7A18;}
.buyButton{display:inline-block;
padding:8px 8px 10px 10px;
background:#639EFB;
border-radius:4px;
text-decoration:none;
color:#fff;
transition:all 0.6s;
-webkit-transition:all 0.6s;
-moz-transition:all 0.6s;}
.buyButton:hover{background:#FF7800}
@media screen and (min-width:320px) and (max-width:460px){
.oneClass{float:none;
width:100%;
margin-left:0px;
margin-bottom:10px;
}
}
@media screen and (min-width:480px) and (max-width:768px){
.oneClass{
}
}