.opps-header{display: block; width: 100%; text-align: center; padding:5px 10px; border: 0;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; margin-bottom: 15px;}
.opps-logo-img{display:inline-block;} 
.opps-logo-img img{width: 80px; height: auto; }
.opps-logo-text{display:inline-block; }
.logo-th{display:inline-block;white-space: nowrap;font-size:140%;font-weight:bold;vertical-align:bottom;border:0;} 
.logo-en{display:inline-block;white-space: nowrap;font-size:100%;}

.opps-page{width:100%; height:100%;}
.opps-box{width:100%; max-width:350px; height:auto; margin:0 auto; border-radius: 10px;
	box-shadow: rgba(136, 165, 191, 0.48) 2px 1px 8px 0px, rgba(255, 255, 255, 0.8) -2px -1px 8px 0px;
}
.opps-box-header{font-weight:400;padding:15px; background-color:rgba(136, 165, 191, 0.48); border-top-left-radius:10px; border-top-right-radius:10px; }
.opps-box-body{padding:20px; }
.opps-box-footer{text-align:right;padding:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.btn-opps{cursor: pointer;background-color:#c6d4e0; font-size:100%; font-weight: normal; padding:5px; border-radius: 4px; border: none; 
	box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px 1px rgba(9, 30, 66, 0.13);}
.btn-opps:hover {background-color:#FFF; font-weight: 400;}
.opps-warning-color{color:#C00;}