.color-000 {color: #000;}
.color-222 {color: #222;}
.color-444 {color: #444;}
.color-666 {color: #666;}
.color-888 {color: #888;}
.color-aaa {color: #aaa;}
.color-ccc {color: #ccc;}
.color-eee {color: #eee;}
.color-fff {color: #fff;}
.bcolor-000 {background-color: #000;}
.bcolor-222 {background-color: #222;}
.bcolor-444 {background-color: #444;}
.bcolor-666 {background-color: #666;}
.bcolor-888 {background-color: #888;}
.bcolor-aaa {background-color: #aaa;}
.bcolor-ccc {background-color: #ccc;}
.bcolor-eee {background-color: #eee;}
.bcolor-fff {background-color: #fff;}
.pad-10 {padding: 10px;}
.pad-20 {padding: 20px;}
.at-left {text-align: left;}
.at-right {text-align: right;}
.at-center {text-align: center;}
.at-justify{text-align: justify;}
.size-12 {font-size: 12px;}
.size-14 {font-size: 14px;}
.size-16 {font-size: 16px;}
.size-18 {font-size: 18px;}
.size-20 {font-size: 20px;}
.size-24 {font-size: 24px;}
.size-28 {font-size: 28px;}
.pad-10-N, .pad-10-NS  { padding-top:10px; }
.pad-10-S, .pad-10-NS  { padding-bottom:10px; }
.pad-10-E, .pad-10-EW { padding-right: 10px;}
.pad-10-W, .pad-10-EW {  padding-left: 10px;}
.pad-20-N, .pad-20-NS  { padding-top:20px; }
.pad-20-S, .pad-20-NS  { padding-bottom:20px; }
.pad-20-E, .pad-20-EW { padding-right:20px;}
.pad-20-W, .pad-20-EW {  padding-left: 20px;}
a {color:#aaa;text-decoration: none;} 
.at-box-center{margin:0 auto;}
.at-bold{font-weight: bold;}
textarea:focus, input:focus{outline: none;}
button {cursor: pointer;}
a:hover{opacity: .5;}