body {font-family:'Roboto Slab',Arial,Helvetica,sans-serif;}

.main {padding:60px 0;}


.card 				{float:left;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);background:#fff;margin-bottom:15px;}
.card a			{float:left;position:relative;width:100%;height:100%;color:#fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.card figure	 	{padding:10px;width:200px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.banner figure			{padding:0;width:220px;}
.greeting 		{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;padding:0px;background:#f91e0e;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2) inset;box-shadow:0 0 10px rgba(0, 0, 0, 0.2) inset;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.greeting:before 	{content:"";background:url(../images-21CNY/bgr/icon.png) 50% 0 no-repeat;width:100%;height:37px;position:absolute;top:-6px;left:0;}
.g-wrap 				{display:table;height:100%;width:100%;}
.text 				{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.greeting h2 		{font-weight:700;font-size:29px;line-height:1.2;}
.greeting h3 		{font-weight:700;font-size:20px;line-height:1.2;}

.card:hover .greeting,
.open .greeting {opacity:1;}

.contact 				{display:none;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;}
.snow					{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background-color:#eee;background-color:rgba(204, 204, 204, 0.3);background-image: url(../images/bgr/snowflake1.png), url(../images/bgr/snowflake2.png), url(../images/bgr/snowflake3.png);-webkit-animation: snow 20s linear infinite;-moz-animation: snow 20s linear infinite;-o-animation: snow 20s linear infinite;-ms-animation: snow 20s linear infinite;animation: snow 20s linear infinite;}
.contact  .wrap 	{width:40%;margin:30px auto;background:#fff;padding:25px 40px;border:1px solid #eee;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);}

.trees {padding-bottom:20px !important;}