@media only screen and (max-device-width: 839px){body{zoom:0.9;}}
@media only screen and (max-device-width: 475px){body{zoom:0.74;}}
sub{
	display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row;
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:0 auto;}
box,box2,boxTop,boxBot,header{
	background:#003;
	margin:3px; padding:0px; position:relative;
	font-size:large; text-align:center;}
header{padding-bottom:6px; background:#314a7b; font-size:medium}
box,boxTop,boxBot{width:250px;}
box{height:154px; text-align:right;}
box2{
	display:-ms-flexbox; display:-webkit-flex; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
boxTop{
	height:42px; 
	color:#003; background:#3f62bf; 
	padding-top:3px; padding-bottom:3px;
	margin:0px; margin-bottom:6px;}
boxBot{
	height:63px; 
	color:#314a7b; background:#003; font-size:medium;
	padding-top:6px; padding-bottom:3px;
	margin:0px; margin-bottom:6px;}
box>span{position:absolute; bottom:6px; right:6px;}
boxTop>span{font-size:75%; color:#fff;}
boxBot>span{font-size:75%; color:#7b9cc6;}
boxTop>tp,span, boxBot>tp,span{padding-left:9px;}
.center{display:inline-block;}
.rpic{margin:6px; float:right;}
.mypic{width:200px; height:200px;}
.mpic{
	-webkit-filter:brightness(90%); -moz-filter:brightness(90%);
	-ms-filter:brightness(90%); -o-filter:brightness(90%); filter:brightness(90%);
	width:100px; height:100px; margin:1px;}
.mypic:hover,.mpic:hover,.rpic:hover{
	-webkit-filter:brightness(111%); -moz-filter:brightness(111%);
	-ms-filter:brightness(111%); -o-filter:brightness(111%); filter:brightness(111%);
	-webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;}
div#hovtxt{display:none;}
hov:hover+div#hovtxt{display:block;}