@import "notosanstc.css";
	body {
	font-family:noto sans tc!important;
	background-color:#000!important;
	position:relative;
	padding:0;
	margin:0
}
html,body {
	overflow:hidden;
	height:100%
}
img {
	max-width:100%
}
.wrap {
	width:1920px;
	height:1080px;
	overflow:hidden;
	min-width:1200px;
}
.righttop {
	position:fixed;
	top:2%;
	right:2%;
	z-index:99;
	vertical-align:top
}
.fb {
	display:inline-block;
	width:42px;
	height:33px;
	background:url(../baha.html) no-repeat center;
	margin:0 5px;
	vertical-align:top
}
.baha {
	display:inline-block;
	width:29px;
	height:28px;
	background:url(../fb.html) no-repeat center;
	margin:0 5px
}
.dl {
	display:inline-block;
	padding:3px 5px;
	width:100px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
}
.reg {
	display:inline-block;
	padding:3px 5px;
	width:100px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
}
.pagein {
	position:absolute;
	z-index:2000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden
}
.pagewhite {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	background-color:#fff;
	animation:pagein 4.5s linear 1s forwards;
	-webkit-animation:pagein 4.5s linear 1s forwards;
	z-index:1
}
@keyframes pagein {
	0% {
	opacity:1;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
50% {
	opacity:1;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
100% {
	opacity:0;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
}.pageinwords {
	width:1000px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2
}
.pageinwords p {
	width:1000px;
	margin:0;
	font-size:50px;
	font-weight:900;
	text-align:center;
	color:#7b5f2a;
	display:block;
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0
}
#action1 {
	top:10%;
	animation:action1 3s linear 1s forwards;
	-webkit-animation:action1 3s linear 1s forwards
}
@keyframes action1 {
	0% {
	opacity:0;
	font-size:70px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
80% {
	opacity:1;
	font-size:35px;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
100% {
	opacity:0;
	font-size:35px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
}#action2 {
	top:40%;
	animation:action2 2.5s linear 1.5s forwards;
	-webkit-animation:action2 2.5s linear 1.5s forwards
}
@keyframes action2 {
	0% {
	opacity:0;
	font-size:60px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
80% {
	opacity:1;
	font-size:35px;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
100% {
	opacity:0;
	font-size:35px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
}#action3 {
	top:70%;
	animation:action3 2s linear 2s forwards;
	-webkit-animation:action3 2s linear 2s forwards
}
@keyframes action3 {
	0% {
	opacity:0;
	font-size:70px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
80% {
	opacity:1;
	font-size:35px;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
100% {
	opacity:0;
	font-size:35px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
}.p1 {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden
}
.gorun {
	display:block;
	position:absolute;
	top:25px;
	left:240px;
	z-index:100
}
.p1bg {
	width:100%;
	height:100%;
	background:url(../p1bg-1.jpg) no-repeat bottom;
	background-size:cover;
	position:relative;
	overflow:hidden
}
.p1bg-2 {
	width:100%;
	height:468px;
	background:url(../p1bg-2.html) no-repeat top center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:8
}
.c1 {
	position:absolute;
	left:10%;
	top:25%;
	z-index:9
}
.c2 {
	position:absolute;
	right:8%;
	top:10%;
	z-index:9
}
.charasnow {
	position:absolute;
	left:24%;
	top:36%;
	z-index:10
}
canvas {
	display:block;
	vertical-align:bottom
}
#particles-js {
	position:absolute;
	width:100%;
	height:1080px;
	z-index:7;
	top:0;
	background-color:;
	background-image:url("");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%
}
#particles-js-2 {
	position:absolute;
	width:100%;
	height:1080px;
	z-index:10;
	top:0;
	background-color:;
	background-image:url("");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%
}
#particles-js-3 {
	position:absolute;
	width:100%;
	height:1080px;
	z-index:10;
	top:0;
	background-color:;
	background-image:url("");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%
}
.p1title {
	background:url(../logo.png) no-repeat center;
	width:600px;
	height:338px;
	position:absolute;
	margin-top:350px;
	left:50%;
	transform:translateX(-50%);

	z-index:12;
	
	background-size:cover
}
@keyframes title {
	0% {
	top:30px;
	width:300px;
	height:702px;
	-webkit-filter:blur(3px);
	filter:blur(3px)
}
100% {
	top:250px;
	width:655px;
	height:300px;
	-webkit-filter:blur(0px);
	filter:blur(0px)
}
}.mcbtn {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:11%;
	z-index:15;
	cursor:pointer;
	width:188px;
	height:188px;
	transition:.4s linear
}
.mcfr {
	position:relative;
	width:188px;
	height:188px;
	background:url(../mclogofr.png) no-repeat center;
	transition:.4s linear;
	animation:mcbtn 5s linear infinite;
	-webkit-animation:mcbtn 5s linear infinite
}
.mctx {
	position:absolute;
	display:block;
	top:20px;
	left:50%;
	transform:translateX(-50%);
	z-index:1
}
@keyframes mcbtn {
	0% {
	transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}
100% {
	transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-webkit-transform:rotate(360deg)
}
}.mcbtn:hover {
	transform:translateX(-50%)scale(1.1,1.1)
}
.mcbtn_rwd {
	display:none;
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	top:55%;
	z-index:15;
	cursor:pointer;
	background:url(../mclogo.html) no-repeat center;
	background-size:cover;
	width:150px;
	height:150px
}
.logo {
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	z-index:100
}
.p2 {
	background-color:#fff;
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	top:0;
	display:none;
	overflow:hidden
}
.p2closebtn {
	position:absolute;
	right:10px;
	top:70px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../p2closebtn.html) no-repeat center;
	z-index:2;
	transition:.8s linear
}
.p2closebtn:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.p2_tab {
	clear:left;
	width:100%;
	height:100%
}
.p2_tab::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:1%;
	background:url(../p2bg-1.html) no-repeat center;
	width:100%;
	height:150px
}
.p2_tab::after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:3%;
	background:url(../p2bg-2.html) no-repeat center;
	width:100%;
	height:27px
}
.p2_tab .tabs {
	width:570px;
	height:140px;
	position:absolute;
	z-index:7;
	padding:0;
	bottom:50px;
	left:50%;
	transform:translateX(-50%)
}
.p2_tab .tabs li {
	display:inline-block;
	width:147px;
	height:147px;
	line-height:147px;
	overflow:hidden;
	margin:0 20px
}
.p2_tab .tabs li a {
	display:block;
	text-decoration:none;
	width:147px;
	height:147px
}
.p2tab-1 a {
	background:url(../p2nav-1.html) no-repeat center
}
.p2tab-2 a {
	background:url(../p2nav-2.html) no-repeat center
}
.p2tab-3 a {
	background:url(../p2nav-3.html) no-repeat center
}
.p2tab-1.active a {
	background:url(../p2nav-1on.html) no-repeat center
}
.p2tab-2.active a {
	background:url(../p2nav-2on.html) no-repeat center
}
.p2tab-3.active a {
	background:url(../p2nav-3on.html) no-repeat center
}
.p2_tab .tab_container {
	clear:left;
	width:100%;
	height:90%;
	position:relative;
	margin:54px auto;
	overflow:hidden
}
.p2_tab .tab_content {
	width:100%;
	height:100%
}
.videoarea {
	width:50%;
	height:100%;
	margin:0 auto;
	padding:10% 0
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	top:0
}
.video-container iframe,.video-container object,.video-container embed {
	position:absolute;
	border:2px solid #917954;
	top:0;
	margin-top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1000000
}
.mcintro {
	width:770px;
	height:400px;
	position:absolute;
	left:200px;
	top:250px
}
.mcintro p {
	text-align:center;
	font-size:20px;
	font-weight:500;
	color:#000;
	line-height:45px
}
.mcintro p span {
	font-size:40px
}
.mcintro img {
	position:relative;
	left:550px;
	display:block;
	top:-25px
}
.p2chara-1 {
	position:absolute;
	z-index:5;
	right:2%;
	top:20%
}
.p2chara-2 {
	position:absolute;
	z-index:4;
	right:15%;
	top:-8%
}
.p2tab3 {
	clear:left;
	width:1000px;
	height:650px;
	margin:0 auto;
	position:relative
}
.p2tab3 .tabs {
	width:120px;
	height:140px;
	position:absolute;
	z-index:1;
	padding:0;
	top:50px;
	left:50px
}
.p2tab3 .tabs li {
	display:inline-block;
	width:120px;
	height:45px;
	line-height:45px;
	position:relative
}
.p2tab3 .tabs li a {
	display:block;
	text-decoration:none;
	width:120px;
	height:45px;
	font-size:16px;
	font-weight:500;
	color:#644202;
	position:relative;
	text-align:left;
	line-height:45px
}
.p2tab3 .tabs li span {
	width:29px;
	height:29px;
	background:url(../diamond.html) no-repeat center;
	position:relative;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px
}
.p2tab3 .tabs li.active span {
	background:url(../diamondon.html) no-repeat center
}
.p2tab3 .tab_container {
	clear:left;
	width:100%;
	height:100%;
	position:relative;
	margin:54px auto;
	overflow:hidden
}
.p2tab3 .tab_content {
	width:100%;
	height:100%;
	padding-top:35px
}
.p2tab3 .tab_content img {
	margin:0 auto;
	position:relative;
	display:block
}
.p2tab3 .tab_content h3 {
	color:#000;
	font-size:35px;
	font-weight:700;
	margin:20px 0 0;
	padding:0;
	text-align:center
}
.p2tab3 .tab_content p {
	color:#000;
	font-size:20px;
	font-weight:500;
	margin:0 0;
	padding:0;
	text-align:center
}
.p2t3big {
	font-size:25px;
	font-weight:700
}
#p2act2-2 {
	width:948px;
	height:376px;
	background:url(../p2act2-2.html) no-repeat center;
	margin:0 auto;
	position:relative
}
.snowbar {
	width:100%;
	height:389px;
	background:url(../navbg.html) no-repeat bottom center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:6
}
.snowbarnoice {
	width:100%;
	height:389px;
	background:url(../navbgnoice.html) no-repeat bottom center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:6
}
.allnav {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	height:100%;
	z-index:12
}
.allnav .alltabs {
	list-style:none;
	width:1000px;
	height:50px;
	position:absolute;
	padding:0;
	bottom:3.5%;
	left:50%;
	transform:translateX(-50%);
	z-index:10
}
.allnav .alltabs li {
	width:220px;
	height:65px;
	display:inline-block;
	position:relative;
	margin:0 13px
}
.allnav .alltabs li a {
	width:218px;
	height:63px;
	border:2px solid #a8833c;
	line-height:63px;
	color:#a8833c;
	font-size:30px;
	font-weight:300;
	text-align:center;
	text-decoration:none;
	display:block;
	transition:all .4s ease-out;
	overflow:hidden;
	position:relative
}
.allnav .alltabs li a::before {
	position:absolute;
	transition:.5s;
	content:'';
	width:0;
	bottom:0;
	height:120%;
	left:-10%;
	transform:skewX(15deg);
	z-index:-1;
	background-color:#fff
}
.allnav .alltabs li a:hover::before {
	left:-10%;
	width:120%;
	background-color:#a8833c
}
.allnav .alltabs li a:hover {
	color:#fff
}
.allnav .alltabs li::after {
	content:'';
	position:absolute;
	top:-13px;
	left:0;
	width:224px;
	height:25px;
	background:url(../navsnow.html) no-repeat top center;
	z-index:1
}
.allnav .all_tab_container {
	clear:left;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	z-index:7
}
.allnav .all_tab_container .all_tab_content {
	display:none
}
.icebg {
	width:100%;
	height:1022px;
	background:url(../icebg.html) no-repeat bottom center;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:10px
}
.woodbg {
	width:100%;
	height:770px;
	background:url(../infobg.html) no-repeat bottom center;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
	animation:woodbg .7s linear alternate;
	-webkit-animation:woodbg .7s linear alternate
}
@keyframes woodbg {
	0% {
	transform:translateY(100%);
	opacity:0
}
100% {
	transform:translateY(0%);
	opacity:1
}
}.iceclose {
	position:absolute;
	right:140px;
	top:50px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../iceclose.html) no-repeat center;
	background-size:contain;
	z-index:2;
	transition:.8s linear
}
.iceclose:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.woodclose {
	position:absolute;
	right:480px;
	top:20px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../woodclose.html) no-repeat center;
	background-size:contain;
	z-index:2;
	transition:.8s linear
}
.woodclose:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.icetab {
	clear:left;
	width:1350px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:100
}
.icetab .tabs {
	width:400px;
	position:absolute;
	z-index:1;
	padding:0;
	top:200px
}
.icetab .tabs li {
	display:inline-block;
	width:275px;
	height:45px;
	line-height:45px;
	position:relative
}
.icetab .tabs li a {
	display:block;
	text-decoration:none;
	width:275px;
	height:45px;
	font-size:16px;
	font-weight:500;
	color:#1a7390;
	position:relative;
	text-align:left;
	line-height:45px
}
.icetab .tabs li span {
	width:29px;
	height:29px;
	background:url(../icediamond.html) no-repeat center;
	position:relative;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px
}
.icetab .tabs li.active span {
	background:url(../icediamondon.html) no-repeat center
}
.icetab .tab_container {
	clear:left;
	width:100%;
	position:relative;
	overflow:hidden
}
.icetab .tab_content {
	width:100%;
	height:100%
}
.icecontent {
	margin:0 auto;
	width:900px;
	height:615px;
	position:relative;
	margin-top:150px;
	overflow-y:scroll
}
#evn01 {
	background:url(../evn1bg.html) no-repeat;
	background-position:60px 100px
}
#evn03 {
	background:url(../evn1bg.html) no-repeat;
	background-position:60px 200px
}
#evn04 {
	background:url(../evn1bg.html) no-repeat;
	background-position:60px 100px
}
.icecontent img {
	position:relative;
	margin:0 auto;
	display:block
}
.right {
	position:relative;
	width:400px;
	height:200px;
	left:455px;
	top:20px
}
.icecontent h3 {
	color:#296784;
	font-size:30px;
	font-weight:700;
	margin:20px 0 0;
	padding:0;
	text-align:left
}
.icecontent p {
	color:#296784;
	font-size:18px;
	font-weight:500;
	margin:0 0;
	padding:0;
	text-align:left
}
.left {
	padding-left:25px
}
.left img {
	margin:0 25px
}
.left p {
	margin-left:55px
}
.cent h3 {
	text-align:center
}
.cent p {
	text-align:center
}
.pre h3 {
	font-size:18px
}
.pre p {
	font-size:16px
}
.moomoo {
	margin-top:20px
}
.moomoo img,.moointro {
	display:inline-block;
	vertical-align:top
}
.moointro h4 {
	font-size:25px;
	font-weight:700;
	color:#296784;
	text-align:left;
	margin:0;
	padding:0
}
.moointro p {
	font-size:18px;
	font-weight:500;
	color:#3e8fb5;
	text-align:left;
	margin:0;
	padding:0
}
.icecontent table {
	width:795px;
	border-collapse:collapse;
	margin:15px auto;
	position:relative
}
.icecontent table:before {
	content:'';
	position:absolute;
	top:-13px;
	left:-7px;
	width:806px;
	height:30px;
	background:url(../tablesnow.html) no-repeat center
}
.icecontent table th {
	background-color:#1e5c77;
	border:1px solid #1e5c77;
	color:#fff;
	padding:10px 0;
	font-size:18px;
	font-weight:500
}
.icecontent table td {
	background-color:#fff;
	border:1px solid #1e5c77;
	color:#1e5c77;
	text-align:center;
	font-size:18px;
	font-weight:500;
	padding:5px 10px
}
.icecontent .red {
	color:#b72020;
	font-size:16px;
	margin-left:55px
}
.icecontent span {
	text-align:center;
	font-size:20px;
	margin:0 auto;
	position:relative;
	color:#000;
	display:block
}
.infocontent {
	margin:0 auto;
	position:relative;
	top:50px;
	width:700px;
	height:450px
}
.infocontent h1 {
	font-size:35px;
	font-weight:700;
	color:#ffecdb;
	text-align:center;
	margin:0
}
.infocontent p {
	font-size:25px;
	font-weight:700;
	color:#ffecdb;
	text-align:left;
	margin:10px 0
}
.infocontent p span {
	font-weight:300;
	color:#fff;
	margin-left:15px;
	display:inline-block;
	vertical-align:top
}
.xmasbg {
	width:100%;
	height:990px;
	background:url(../p4bg.html) no-repeat bottom center;
	margin:0 auto;
	background-position-y:-30px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:5
}
.xmasclose {
	position:absolute;
	right:30px;
	top:80px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../xmasclose.html) no-repeat center;
	background-size:contain;
	z-index:8;
	transition:.8s linear
}
.xmasclose:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.star {
	width:113px;
	height:109px;
	position:relative;
	margin:0 auto;
	top:40px;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	animation:luz 3s .6s linear infinite;
	-webkit-animation:luz 3s .6s linear infinite;
	cursor:pointer
}
@keyframes luz {
	0% {
	transform:rotateY(0deg);
	filter:brightness(100%)
}
25% {
	transform:rotateY(0deg);
	filter:brightness(120%)
}
75% {
	transform:rotateY(-360deg);
	filter:brightness(120%)
}
100% {
	transform:rotateY(-360deg);
	filter:brightness(100%)
}
}.starmind {
	font-size:18px;
	color:#000;
	font-weight:700;
	position:absolute;
	z-index:10;
	top:80px;
	right:70px;
	text-align:left;
	animation:starmind 1.2s linear infinite;
	-webkit-animation:starmind 1.2s linear infinite
}
@keyframes starmind {
	0% {
	transform:translateX(0%)
}
25% {
	transform:translateX(-7%)
}
100% {
	transform:translateX(0%)
}
}.starmind::before {
	content:'';
	position:absolute;
	top:2px;
	left:-50px;
	background:url(../aroow.html) no-repeat center;
	width:40px;
	height:24px
}
.star-1,.star-2 {
	width:100%;
	height:100%;
	position:absolute
}
.star-1 {
	background:url(../star.html) no-repeat center;
	z-index:2;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.star-2 {
	background:url(../star.html) no-repeat center
}
.soxarea {
	width:600px;
	height:800px;
	margin:0 auto;
	position:relative;
	background:url(../xmastree.html) no-repeat bottom center;
	background-position-y:120px;
	z-index:7
}
.tree {
	width:600px;
	height:100%;
	margin:0 auto;
	position:relative
}
.soxdata {
	font-size:20px;
	color:#ffae00;
	font-weight:900;
	position:absolute;
	z-index:10;
	text-shadow:2px 2px 5px #000
}
.soxdata span {
	font-size:40px;
	color:#ffae00;
	font-weight:900
}
.redsoxdata {
	right:110px;
	bottom:120px
}
.goldsoxdata {
	left:270px;
	bottom:250px
}
.diasoxdata {
	right:200px;
	top:300px
}
.redsox {
	width:114px;
	height:139px;
	background:url(../redsox.html) no-repeat center;
	position:absolute;
	right:172px;
	bottom:120px;
	cursor:pointer;
	transform-origin:top;
	transform-style:preserve-3D;
	animation:sox 2s linear 1s infinite;
	-webkit-animation:sox 2s linear 1s infinite;
	transition:.7s linear
}
@keyframes sox {
	0% {
	transform:rotate(0deg)
}
10% {
	transform:rotate(5deg)
}
20% {
	transform:rotate(-5deg)
}
35% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(0deg)
}
}.goldsox {
	width:153px;
	height:141px;
	background:url(../goldsox.html) no-repeat center;
	position:absolute;
	left:150px;
	bottom:230px;
	cursor:pointer;
	transform-origin:top;
	transform-style:preserve-3D;
	animation:sox 2s linear 2.5s infinite;
	-webkit-animation:sox 2s linear 2.5s infinite;
	transition:.7s linear
}
.diasox {
	width:132px;
	height:149px;
	background:url(../diasox.html) no-repeat center;
	position:absolute;
	right:233px;
	top:230px;
	transform-origin:top;
	transform-style:preserve-3D;
	animation:sox 2s linear .6s infinite;
	-webkit-animation:sox 2s linear .6s infinite;
	transition:.7s linear
}
.redsox:hover,.goldsox:hover,.diasox:hover {
	-webkit-filter:brightness(120%);
	filter:brightness(120%)
}
.boardarea div {
	cursor:pointer
}
#info1224 {
	position:absolute;
	width:265px;
	height:249px;
	z-index:7;
	bottom:170px;
	left:50px
}
#info1224img {
	display:block
}
#info1224imgm {
	display:none
}
#info1225 {
	position:absolute;
	width:249px;
	height:241px;
	z-index:7;
	bottom:80px;
	left:250px
}
#info1231 {
	position:absolute;
	width:217px;
	height:213px;
	z-index:7;
	bottom:50px;
	right:300px
}
#info11 {
	position:absolute;
	width:298px;
	height:288px;
	z-index:8;
	bottom:140px;
	right:50px
}
#xmasinfo {
	position:absolute;
	width:200px;
	height:195px;
	z-index:8;
	bottom:300px;
	right:550px
}
.xmassaleinfo,.xmasinfo,.soxchange {
	width:100%;
	height:100%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	display:none
}
.xmaswoodbig {
	width:880px;
	height:730px;
	background:url(../xmassalebg.html) no-repeat bottom center;
	margin:0 auto;
	position:relative;
	top:20%;
	padding-top:40px;
	transform-origin:bottom;
	transform-style:preserve-3D;
	animation:woodbig .7s linear alternate;
	-webkit-animation:woodbig .7s linear alternate
}
@keyframes woodbig {
	0% {
	transform:rotate(-90deg);
	opacity:0
}
50% {
	transform:rotate(5deg);
	opacity:1
}
70% {
	transform:rotate(0deg);
	opacity:1
}
100% {
	transform:rotate(0deg);
	opacity:1
}
}.xmassaleinfo h1 {
	font-size:35px;
	font-weight:700;
	color:#ffecdb;
	text-align:center;
	margin:0
}
.xmassaleinfo table {
	margin:20px auto;
	width:680px;
	border-collapse:collapse
}
.xmassaleinfo th {
	background-color:#ededed;
	text-align:center;
	color:#4d331d;
	font-size:25px;
	font-weight:700;
	border:1px solid #ededed;
	padding:10px
}
.xmassaleinfo td {
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:500;
	border:1px solid #ededed;
	padding:10px
}
.xmaswoodclose {
	position:absolute;
	right:40px;
	top:20px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../woodclose.html) no-repeat center;
	background-size:contain;
	z-index:2;
	transition:.8s linear
}
.xmaswoodclose:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.xmaswoodbig-2 {
	width:880px;
	height:730px;
	background:url(../xmassalebg.html) no-repeat bottom center;
	margin:0 auto;
	position:relative;
	top:20%;
	padding-top:40px;
	transform-origin:bottom;
	transform-style:preserve-3D;
	animation:woodbig-2 .7s linear alternate;
	-webkit-animation:woodbig-2 .7s linear alternate
}
@keyframes woodbig-2 {
	0% {
	transform:rotate(90deg);
	opacity:0
}
50% {
	transform:rotate(-5deg);
	opacity:1
}
70% {
	transform:rotate(0deg);
	opacity:1
}
100% {
	transform:rotate(0deg);
	opacity:1
}
}.zmasinfoin {
	width:750px;
	height:400px;
	position:relative;
	margin:0 auto;
	overflow-y:scroll;
	top:-100px
}
.xmaswoodbig-2 img {
	margin:0 auto;
	position:relative;
	display:block;
	top:-130px
}
.zmasinfoin hr {
	display:block;
	border:0;
	border-top:2px solid #ffecdb;
	height:2px;
	margin:10px;
	padding:0
}
.zmasinfoin h1 {
	font-size:30px;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin:0
}
.zmasinfoin p {
	font-size:16px;
	font-weight:300;
	color:#fff;
	text-align:center;
	margin:0
}
.zmasinfoin ol {
	width:620px;
	margin:0 auto
}
.zmasinfoin ol li {
	color:#fff;
	font-size:16px;
	font-weight:300
}
.changearea {
	width:900px;
	height:650px;
	top:50px;
	background-color:#fff;
	border:2px solid #a8833c;
	margin:0 auto;
	position:relative
}
.changeclosebtn {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	width:46px;
	height:46px;
	background:url(../p2closebtn.html) no-repeat center;
	z-index:2;
	transition:.8s linear
}
.changeclosebtn:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.changearea h1 {
	text-align:center;
	margin:0;
	margin-top:15px;
	padding:0;
	font-size:40px;
	font-weight:700;
	color:#766034
}
.changetab {
	clear:left;
	width:750px;
	height:600px;
	margin:0 auto
}
.changetab .tabs {
	width:100%;
	height:80px;
	padding:0
}
.changetab .tabs li {
	display:inline-block;
	width:220px;
	height:80px;
	overflow:hidden;
	position:relative;
	margin:0 10px
}
.changetab .tabs li a {
	display:block
}
.changetab-1 a {
	width:219px;
	height:79px;
	background:url(../soxchangetab-1.html) no-repeat center
}
.changetab-2 a {
	width:219px;
	height:79px;
	background:url(../soxchangetab-2.html) no-repeat center
}
.changetab-3 a {
	width:219px;
	height:79px;
	background:url(../soxchangetab-3.html) no-repeat center
}
.changetab .tabs .changetab-1.active a {
	background:url(../soxchangetabon-1.html) no-repeat center
}
.changetab .tabs .changetab-2.active a {
	background:url(../soxchangetabon-2.html) no-repeat center
}
.changetab .tabs .changetab-3.active a {
	background:url(../soxchangetabon-3.html) no-repeat center
}
.changetab .tab_container {
	clear:left;
	width:100%;
	height:450px
}
.changetab .tab_content {
	overflow-y:scroll;
	width:100%;
	height:450px;
	border-bottom:1px solid #766034
}
.changetab table {
	width:100%;
	border-collapse:collapse
}
.changetab th {
	background-color:#766034;
	border:1px solid #766034;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:700;
	padding:10px
}
.changetab td {
	background-color:#fff;
	border:1px solid #766034;
	color:#766034;
	text-align:center;
	font-size:20px;
	font-weight:500;
	padding:5px
}
.changetab table .changbtn {
	padding:2px 20px;
	background-color:#766034;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:500;
	text-decoration:none
}
.changetab table td span {
	cursor:pointer;
	margin-left:3px;
	position:relative
}
#bfsj::after {
	content:'';
	position:absolute;
	display:none;
	background:url(../bfsj.html) no-repeat center;
	width:170px;
	height:120px;
	top:-200%;
	right:-550%;
	-webkit-animation:showimg .6s linear forwards;
	animation:showimg .6s linear forwards
}
#hsgl::after {
	content:'';
	position:absolute;
	display:none;
	background:url(../hsgl.html) no-repeat center;
	width:170px;
	height:120px;
	top:-200%;
	right:-550%;
	-webkit-animation:showimg .6s linear forwards;
	animation:showimg .6s linear forwards
}
#mhsj::after {
	content:'';
	position:absolute;
	display:none;
	background:url(../mhsj.html) no-repeat center;
	width:170px;
	height:120px;
	top:-200%;
	right:-550%;
	-webkit-animation:showimg .6s linear forwards;
	animation:showimg .6s linear forwards
}
#csgl::after {
	content:'';
	position:absolute;
	display:none;
	background:url(../csgl.html) no-repeat center;
	width:170px;
	height:120px;
	top:-200%;
	right:-550%;
	-webkit-animation:showimg .6s linear forwards;
	animation:showimg .6s linear forwards
}
#bfsj:hover::after,#hsgl:hover::after,#mhsj:hover::after,#csgl:hover::after {
	display:block
}
@keyframes showimg {
	0% {
	opacity:0;
	transform:scale(0,0)
}
50% {
	opacity:1;
	transform:scale(1.5,1.5)
}
100% {
	opacity:1;
	transform:scale(1,1)
}
}.changesoxpop {
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	display:none
}
.soxpop {
	position:relative;
	margin:0 auto;
	width:350px;
	height:150px;
	border:2px solid #a8833c;
	background-color:#fff;
	top:50%;
	z-index:2
}
.soxpop p {
	font-size:25px;
	color:#a8833c;
	font-weight:700;
	text-align:center
}
.soxpop a {
	width:150px;
	height:40px;
	background-color:#a8833c;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	display:block;
	margin:0 auto
}
.popclosebg {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1
}
.closebtn {
	width:150px;
	height:40px;
	background-color:#a8833c;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	display:block;
	margin:0 auto;
	cursor:pointer
}
.nav-toggle {
	position:absolute;
	top:30px;
	right:15px;
	z-index:999999;
	padding:10px 35px 16px 0;
	cursor:pointer
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after {
	content:"";
	position:absolute;
	display:block;
	width:35px;
	height:3px;
	border-radius:1px;
	border-color:#346e88;
	background:#346e88;
	cursor:pointer
}
.nav-toggle span:before {
	top:-10px
}
.nav-toggle span:after {
	bottom:-10px
}
.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after {
	transition:all 300ms ease-in-out
}
.nav-toggle.active span {
	background-color:transparent
}
.nav-toggle.active span:before,.nav-toggle.active span:after {
	top:0
}
.nav-toggle.active span:before {
	transform:rotate(0deg)
}
.nav-toggle.active span:after {
	top:10px;
	transform:translatey(0px) rotate(0deg)
}
a.menu-link {
	right:0;
	float:left;
	left:0;
	display:block;
	padding:1em;
	display:none
}
.js ul[role=navigation] {
	max-height:none
}
ul[role=navigation] {
	margin:0 0 0 -.25em;
	border:0
}
ul[role=navigation] li {
	display:inline-block
}
ul[role=navigation] li a {
	border:0
}