.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.centrally { margin-left: auto; margin-right: auto; }

label {  }

.ui-row, .ui-group, .ui-col, .ui-form, .ui-btn, .ui-btn-2 { box-sizing: border-box; }

.ui-row {  }

.ui-group {  }
.ui-group::after { content: " "; display: table; clear: both; margin: 0 0 15px 0; }

.ui-col { float: left; }
.ui-w1 { width: 8.3333%; }
.ui-w2 { width: 16.6666%; }
.ui-w3 { width: 25%; }
.ui-w4 { width: 33.3333%; }
.ui-w5 { width: 41.6666%; }
.ui-w6 { width: 50%; }
.ui-w7 { width: 58.3333%; }
.ui-w8 { width: 66.6666%; }
.ui-w9 { width: 75%; }
.ui-w10 { width: 83.3333%; }
.ui-w11 { width: 91.6666%; }
.ui-w12 { width: 100%; }


.ui-form { }

.ui-btn { width: 180px; height: 34px; line-height: 34px; background: #FFC600 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAIAAAARTyRGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+H+MgYnhPxAzQGlk/I8AG5n+h0MOH/s/3G6AAAMA+CMg3/5gbCIAAAAASUVORK5CYII='); font-family: 'Exo 2 Condensed', sans-serif; display: inline-block; color: #ffffff; text-decoration: none; text-transform: uppercase; border-radius: 4px; transition: background 0.3s linear 0s; text-align: center; font-size: 16px; vertical-align: middle; border: none; cursor: pointer; font-size: 1.1em; box-shadow: 0 2px 0 #875500; text-shadow: 0 -1px 0 #875500; }
.ui-btn:hover { color: #ffffff; background: #FF9E00; }

.ui-btn-2 { width: 180px; height: 36px; line-height: 32px; font-family: 'OpenSansCondBold', sans-serif; display: inline-block; color: #ffffff; text-decoration: none; text-transform: uppercase; border-radius: 4px; border: 2px solid #ffffff; transition: background 0.3s linear 0s; text-align: center; background: none; font-size: 16px; vertical-align: middle; cursor: pointer; }
.ui-btn-2:hover { color: #ffffff; background: #BF272F; }



.ui-rsepa { padding-right: 20px; }
.ui-lsepa { padding-left: 20px; }
.ui-tsepa { padding-top: 10px; }
.ui-bsepa { padding-bottom: 20px; }

.ui-notice-error { text-align: center; margin: 0 0 10px 0; color: #ffffff; background: #DB9095; padding: 10px; border-radius: 4px; }
.ui-notice-ok { text-align: center; margin: 0 0 10px 0; color: #ffffff; background: #BCD186; padding: 10px; border-radius: 4px; }

.ui-textbox { width: 100%; height: 36px; border: 1px solid #6E6E6E; box-sizing: border-box; border-radius: 4px; padding: 0 10px; font-family: 'Arsenal', sans-serif; font-size: 13px; box-shadow: 2px 2px 4px #cccccc inset; }
.ui-select { width: 100%; height: 36px; border: 1px solid #6E6E6E; box-sizing: border-box; border-radius: 4px; padding: 0 10px; font-family: 'Arsenal', sans-serif; font-size: 13px; box-shadow: 2px 2px 4px #cccccc inset; }
.ui-textarea { width: 100%; height: 112px; border: 1px solid #6E6E6E; box-sizing: border-box; border-radius: 4px; padding: 10px; font-family: 'Arsenal', sans-serif; font-size: 13px; resize: none; box-shadow: 2px 2px 4px #cccccc inset; }

/*
.ui-file { border: 3px solid #292e67; height: 36px; line-height: 30px; overflow: hidden; text-align: center; box-sizing: border-box; border-radius: 4px; position: relative; cursor: pointer; }
.ui-file:hover { background: #EAEAF5; }
.ui-file .caption { color: #999999; font-size: 12px; height: 100%; }
.ui-file input { cursor: pointer; font-size: 1000px; margin-top: -200px; opacity: 0; width: 100%; height: 1000px; }
*/