body{
	background : linear-gradient(to bottom, rgba(255, 153, 0, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 70%, rgba(255, 153, 0, 1) 100%) 0% 0% / auto auto repeat scroll padding-box border-box transparent; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8b', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
-webkit-text-size-adjust: 100%;
}
.button{
  display: inline-block;
  width : 144px;
  height : 40px;
  text-align: center;
  text-decoration: none;
  line-height : 40px;
  outline: none;
  color : white;
  background-color: #7ca830;
  border-radius: 8px;
}
.button:hover{
  background-color: #ff9900;
  color : black;
}
.button:active{
	background: #ff9900;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .5);
	color: rgba(0, 0, 0, .5);
}
UL#mojisize{
  list-style:none;
  font-size: 0;
}
UL#mojisize LI{
  display:inline-block;
  vertical-align : middle;
  font-size: 12px;
}
UL#mojisize LI A{
  border-radius:3px;
  background-color:#d9d9d9;
  background: linear-gradient(#fff 30%, #d8d8d8 95%, #fff);
  padding:5px 10px;
  border:1px solid #c5c5c5;
  display:block;
  text-decoration:none;
  vertical-align:middle;
  color:#333;
}
UL#mojisize LI A.active{
  color:#fff;
  border-radius:3px;
  background-color:#7ca830;
  background: linear-gradient(#7ca830, #34720b);
  padding:5px 10px;
  border:1px solid #c5c5c5;
  display:block;
  text-decoration:none;
}
UL#mojisize LI A:hover{
  color:#fff;
  border-radius:3px;
  background-color:#7ca830;
  background: linear-gradient(#7ca830, #34720b);
  padding:5px 10px;
  border:1px solid #c5c5c5;
  display:block;
  text-decoration:none;
}
.f1{
	font-size:80%;
}
.f2{
	font-size:100%;
}
.f3{
	font-size:120%;
}

li a.f1,li a.f2,li a.f3{
	font-size: 100%;
}
@media screen and (max-width: 920px) {

}

