.yearButton{
     font-size: 28px; font-family: sans-serif; text-decoration: none; color: #6D8DB5;
	 position: relative; padding: 30px 25px 30px 25px; border-left: solid 2px #6D8DB5;
	 border-right: solid 2px #6D8DB5; border-bottom: solid 2px #6D8DB5; outline: none;
	 -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px;
	 -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
	 -ms-user-select: none; user-select: none; 
 -webkit-text-stroke: 0.2px; text-stroke: 0.2px;
	 -webkit-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 0px 10px 5px #999;	  
	 -moz-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 0px 10px 5px #999;
	 -o-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 0px 10px 5px #999;
	 box-shadow: inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 0px 10px 5px #999;}
.yearButton:active {top: 3px; text-decoration: none; outline: none; 
	 -webkit-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 2px 0px 0px #3c597c, 0px 5px 3px #999;
	 -moz-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 2px 0px 0px #3c597c, 0px 5px 3px #999;
	 -o-box-shadow: inset 0px 2px 0px #6D8DB5, 0px 2px 0px 0px #3c597c, 0px 5px 3px #999;
	 box-shadow: inset 0px 2px 0px #6D8DB5, 0px 2px 0px 0px #3c597c, 0px 5px 3px #999;}
.yearButton::before {
	 width:45px; max-height:63px; height:100%; position:absolute; display:block; padding-top:29px;
	 top:0px; left: -47px; font-size: 29px; font-weight: bold; text-decoration: none; outline: none;
	 color: #8fd1ea; text-shadow:1px 1px 0px #07526e; border-right: solid 2px #6D8DB5; border-left: solid 2px #6D8DB5;
	 border-bottom: solid 2px #6D8DB5; pointer-events: none; cursor: default;
	 background-image: linear-gradient(bottom, rgb(250,235,235) 0%, rgb(153,153,153) 100%);
	 background-image: -o-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(153,153,153) 100%);
	 background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(153,153,153) 100%);
	 background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(153,153,153) 100%);
	 background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 0%, rgb(153,153,153) 100%);
	 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(250,250,250)),
	 color-stop(1, rgb(153,153,153)) );
	 -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
	 -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
	 border-top-left-radius: 5px; border-bottom-left-radius: 5px;
	 -webkit-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, -3px 10px 5px 0px #999;
	 -moz-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, -3px 10px 5px 0px #999;
	 -o-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, -3px 10px 5px 0px #999;
	 box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, -3px 10px 5px 0px #999;}
.yearButton1::before {content:"1";} .yearButton2::before {content:"2";} .yearButton3::before {content:"3";} 
.yearButton4::before {content:"4";} .yearButton5::before {content:"5";} .yearButton6::before {content:"6";}
.yearButton7::before {content:"7";} .yearButton8::before {content:"8";} .yearButton9::before {content:"9";}
.yearButton:hover {overflow: hidden; cursor: pointer;}
.yearButtonEff::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;
	 background-color: rgba(255,255,255,0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0.2,0.2); transform: scale(0.2,0.2);}
.yearButtonEff:hover::after {opacity: 1 ; -webkit-transform: scale(1,1); transform: scale(1,1);}
.yearButton:active::before {top: -3px;
	 -webkit-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 1px 2px 0px 0px #3c597c, 2px 2px 0px 0px #3c597c, 2px 4px 0px 0px #3c597c, 6px 3px 2px #3c597c, -3px 10px 5px 0px #999;
	 -moz-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 1px 2px 0px 0px #3c597c, 2px 2px 0px 0px #3c597c, 2px 4px 0px 0px #3c597c, 6px 3px 2px #3c597c, -3px 10px 5px 0px #999; 
	 -o-box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 1px 2px 0px 0px #3c597c, 2px 2px 0px 0px #3c597c, 2px 4px 0px 0px #3c597c, 6px 3px 2px #3c597c, -3px 10px 5px 0px #999;
	 box-shadow:inset 0px 2px 0px #6D8DB5, 0px 5px 0px 0px #3c597c, 1px 2px 0px 0px #3c597c, 2px 2px 0px 0px #3c597c, 2px 4px 0px 0px #3c597c, 6px 3px 2px #3c597c, -3px 10px 5px 0px #999;}
.yearButtonText {conletter-spacing: 0.01em; position: absolute; color: #8c3a3a; width: 100px; 
	 -webkit-text-stroke: 0px; text-stroke: 0px; top: 67px; left: 22px; font-size: 13px;}
.Ornament1,.Ornament2 {position: absolute; width: 40px; height: 40px; left: 148px;}
.Ornament1{background: transparent url(../images/Ornament01.png) no-repeat top right; top: 1px;}
.Ornament2{background: transparent url(../images/Ornament02.png) no-repeat bottom right; top: 53px;}
.buttonText{width: 137px; display: inline-block; position: relative;}
.yearButtonsList{text-align: center;}
.yearButtonsList li{display: inline-block; width: 210px; margin: 80px 40px 40px 40px;}