@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,   /* structural elements 锟结构元锟斤拷 */ dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */ pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */ form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟�?*/ th, td, /* table elements 锟斤拷锟皆拷锟�?*/ img { border: medium none; margin: 0; padding: 0; list-style-type: none; }
body, button, input, select, textarea { font: 12px/1.5 '微软雅黑', tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em { font-style: normal; }
ul, ol, {
list-style: none;
}
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0px; }
body, .ui-overlay-h { margin: 0 auto; background: #fff; }
input, img { vertical-align: middle; }
body, html { margin: 0 auto; }
body{max-width:640px;}
img { border: none; vertical-align: top; }
* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.blank { height: 8px; clear: both; }
.blank20 { height: 20px; clear: both; }
.clearfix:after, .clear:before { display: table; content: ''; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.relative { position: relative; }
.absolute { position: absolute; }
.float_left { float: left; }
.float_right { float: right; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.backgroundSize { -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

@-webkit-keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0);
}

50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0) ;
}
50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;
transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeOutDown { 
50%{
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0);
}
}
@keyframes fadeOutDown { 
50%{

-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0) ;
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
/*圣诞帽子css
.Christmas_hats {width:119px;height:104px;left:-44px;top:-32px;background:url(../image/Christmas_hats.png) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}*/