#EventsB1 .ws-title-wrapper{position:absolute;top:initial;right:0;left:0;bottom:10vw;z-index:1;margin:0 auto;width:60vw;color:#fff;text-align:center;}
img{display:block;}
.Kind{line-height:45px;letter-spacing:4.5px;font-size:33px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;}
.Z0001{padding:8vw 0 6vw;}
.Z0001 .Kind{float:left;}
.Z0001 .Kind a{position:relative;display:block;padding:25px 30px 25px 0;letter-spacing:5px;border-width:1px;border-style:solid;border-color:#ccc;color:#4b8ba9;}
.Z0001 .Kind a:before{content:'';position:absolute;top:-10px;right:-10px;padding:7px;width:100%;height:100%;border-width:3px;border-style:solid;border-color:#ccc;}
.Z0001 .Kind a:after{content:'';position:absolute;top:0;right:20px;width:1px;height:100%;background-color:#ccc;}
.Z0001 .Kind:after{content:'News';position:absolute;bottom:30px;right:0;line-height:20px;letter-spacing:0;font-size:12px;}
.Z0001 .Body .Body{float:right;width:80% !important;}
.Z0001 .Imgs > .Img1{position:absolute;bottom:0;left:0;}
.Z0001 .Imgs > .Img2{position:absolute;top:0;right:0;}
.Z0002{position:relative;width:100%;overflow:hidden;}
.Z0002 .Body{margin:0 auto;width:100% !important;text-align:center;overflow:hidden;}
.Z0002 .L1 {position:relative;float:left;margin:0;width:33.33%;height:100%;text-align:center;overflow:hidden;}
.Z0002 .L1.i1{background-color:#6aae77;}
.Z0002 .L1.i1:hover{background-color:#389b6a;}
.Z0002 .L1.i2{background-color:#fff;}
.Z0002 .L1.i2:hover{background-color:#ccc;}
.Z0002 .L1.i3{background-color:#76abc2;}
.Z0002 .L1.i3:hover{background-color:#4291b3;}
.Z0002 .L1 a{display:block;margin:0;width:100%;height:100%;text-align:center;}
.Z0002 .L1 .Title{position:relative;display:block;padding:10% 5%;margin:12%;width:66%;line-height:35px;line-height:37.5px;letter-spacing:2px;font-size:27px;text-align:center;border-width:1px;border-style:solid;color:#fff;border-color:#ccc;}
.Z0002 .L1.i2 .Title{color:#333;}
.Z0002 .L1 .Title:before{content:'';position:absolute;top:-10px;right:-10px;padding:9px;width:100%;height:100%;border-width:1px;border-style:solid;border-color:#eee}
.Z0002 .L1:hover .Title{color:#333;background-color:#fff;}
.Z0003{padding:8vw 0 2vw;}
.Z0003 .Kind{float:right;}
.Z0003 .Kind a{position:relative;display:block;padding:25px 30px 25px 0;letter-spacing:5px;border-width:1px;border-style:solid;border-color:#ccc;color:#4b8ba9;}
.Z0003 .Kind a:before{content:'';position:absolute;top:-10px;right:-10px;padding:7px;width:100%;height:100%;border-width:3px;border-style:solid;border-color:#ccc;}
.Z0003 .Kind a:after{content:'';position:absolute;top:0;right:20px;width:1px;height:100%;background-color:#ccc;}
.Z0003 .Kind:after{content:'Albums';position:absolute;bottom:30px;right:0;line-height:20px;letter-spacing:0;font-size:12px;}
.Z0003 .Body .Body{float:left;width:80% !important;}
.Z0003 .Imgs > .Img1{position:absolute;top:2vh;right:0;}
.Z0003 .Imgs > .Img2{position:absolute;right:5vw;bottom:0;}
.Z0003 .FadeIn{position:absolute;right:0;bottom:0;width:30%;height:100%;}
.Z0003 .FadeIn .Text .TImg1{position:absolute;top:40%;right:50%;animation:snowing 10s linear infinite;}
.Z0003 .FadeIn .Text .TImg2{position:absolute;top:25%;right:15%;animation:snowing 8s linear infinite;}
.Z0003 .FadeIn .Text .TImg3{position:absolute;top:30%;right:55%;animation:snowing 10s linear infinite;}
.Z0003 .FadeIn .Text .TImg4{position:absolute;top:23%;right:80%;animation:snowing 13s linear infinite;}
.Z0003 .FadeIn .Text .TImg5{position:absolute;top:35%;right:26%;animation:snowing 7s linear infinite;}
.Z0003 .FadeIn .Text .TImg6{position:absolute;top:45%;right:35%;animation:snowing 10s linear infinite;}
.Z0003 .Bodyer .FadeIn{position:static;width:auto;height:auto;}
@keyframes snowing {
	0% {bottom:50%;transform:rotate(0deg);opacity:.2;}
	50% {opacity:1;}
	100% {bottom:-10%;transform:rotate(-70deg);opacity:.5;}
}
@keyframes snowing2 {
	0% {bottom:100%;}
	50% {-webkit-transform:rotate(1080deg);}
	100% {-webkit-transform:rotate(0deg) translate3d(50px, 50px, 50px);}
}
.DAP03 .Title{padding:25px 30px 25px 0;margin:15px 0 0 10px;font-size:30px;border-width:1px;}
.DAP03 .Title:before{content:'';position:absolute;top:-10px;right:-10px;padding:7px;width:100%;height:100%;border-width:3px;border-style:solid;border-color:#ccc;}
.DAP03 .Title:after{content:'';position:absolute;top:0;right:20px;width:1px;height:100%;background-color:#ccc;}
.DAP03 .Title b:after{content:'About Us';position:absolute;bottom:30px;right:0;line-height:20px;letter-spacing:0;font-size:12px;color:#333;font-weight:300;}
.DAP03 .FadeIn .Text .TL1.i2{background-color:#fff;background:-webkit-linear-gradient(bottom, rgba(240,235,215,.9) 70%, rgba(215,190,170,0) 100%);background:-moz-linear-gradient(bottom, rrgba(240,235,215,.9) 70%, rgba(215,190,170,0) 100%);background:linear-gradient(to bottom, rgba(240,235,215,.9) 70%, rgba(215,190,170,0) 100%);}
.B1z.A003 .L1 .FadeIn .PostTime{color:#999;}
.B1z.A003 .L1{box-shadow:0 0 5px #CCC;background-color:#fff;}
.B1z.A003 .L1 .Title:before{background-color:#6aae74;}
.B1z.A700 .L1 .Tag{color:#eee;}
.B1z.A700 .L1 .Imgs{border-color:#ddd;}
.B1z.A700 .L1:hover .Imgs{border-color:#99cca1;}
.B1z.A700 .L1:hover .Imgs:after{border-color:#6aae74;}
.B1z.A700 .L1:hover .Title{color:#0e8d64;}
.B1z.A901 .L1{position:relative;padding:2%;width:42%;overflow:inherit;}
.B1z.A901 .L1 .Title{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0 0 10px;width:100%;line-height:37.5px;font-size:21px;text-indent:35px;overflow:hidden;}
.B1z.A901 .L1 .Title:before{content:'';position:absolute;top:8px;left:0;width:20px;height:20px;}
.B1z.A901 .L1 .FadeIn{margin:30px auto 20px;width:90%;}
.B1z.A901 .L1 .FadeIn .Text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 20px;height:50px;overflow:hidden;}
.B1z.A901 .L1 .FadeIn .PostTime{float:left;font-size:16.5px;}
.B1z.A901 .L1 .FadeIn .Readmore a{display:block;float:right;width:30px;height:30px;text-indent:-9999px;background-image:url(/s/r/i/Readmore-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;}
@media screen and (min-width:960px) and (max-width:1249px){
	.DAP03 .Title{margin:10% 0 0 10px;}
	.DAP03 .FadeIn .Text .TL1.i1{left:13%;}
	.Z0002 .L1 .Title{font-size:22.5px;}
	.Z0001 .Img1,
	.Z0001 .Img2{width:30%;}
	.Z0001 .Imgs img{width:100%;}
	.Z0001 .Bodyer .Img1{width:100%;}
}
@media screen and (min-width:640px) and (max-width:959px){
	.Z0002 .L1 .Title{font-size:19.5px;}
	.DAP03 .Imgs{float:right;width:80%;overflow:hidden;}
	.DAP03 .FadeIn .Text .TL1.i1{top:2vh;left:20%;width:25%;}
	.DAP03 .FadeIn .Text .TL1.i2{margin:-3% 0 0 0;width:auto;}
}
@media screen and (max-width:959px){
	#EventsB1 .ws-title-wrapper{top:50%;}
	#EventsB1 .Bodyer .Text{line-height:27px;font-size:15px;}
	.Z0001 .Img1,
	.Z0001 .Img2{width:40%;}
	.Z0001 .Imgs img{width:100%;}
	.Z0001 .Bodyer .Img1{width:100%;}
	.Z0001 .Kind:after,
	.Z0003 .Kind:after{right:5px;}
	.Z0001 .Kind a:before,
	.Z0003 .Kind a:before{top:-7px;right:inherit;left:-7px;padding:4px;}
	.Z0001 .Kind a:after,
	.Z0003 .Kind a:after{right:18px;}
	.Z0003 .Img1{top:10vh;width:50%;}
	.Z0003 .Imgs img{width:100%;}
	.Z0003 .Bodyer .Img1{top:initial;width:100%;}
	.DAP03 .Title{padding:25px 23px 25px 2px;margin:15px 0 0 10px;line-height:25px;font-size:22px;border-width:1px;}
	.DAP03 .Title:before{top:-7px;right:inherit;left:-7px;padding:4px;}
	.DAP03 .Title:after{right:18px;}
	.DAP03 .Title b:after{right:0;bottom:10px;}
}
@media screen and (max-width:639px){
	#EventsB1 .ws-title-wrapper{width:90%;}
	#EventsB1 .Bodyer .Title{line-height:19.5px;font-size:18px;}
	#EventsB1 .Bodyer .Text{line-height:15px;font-size:13.5px;}
	.Z0001{padding:5vh 0;}
	.Z0002 .L1{width:100%;}
	.Z0002 .L1 .Title{padding:5%;margin:7%;width:76%;line-height:30px;font-size:20px;}
	.Z0002 .L1 .Title:before{top:-7px;right:-7px;padding:6px;}
	.Z0003{padding:5vh 0;}
	.Z0003 .Img1{top:10vh;width:90%;}
}