@charset "utf-8";
/***************
TsingStone Info&Art Design Studio
the Academy of Arts & Design, Tsinghua University
Author:Jason Woo
***************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	border: 0px;
	padding: 0px;
	font-size: 100%;
	margin: 0px;
	font-family: inherit;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:normal;
}

body {
	background:#fff ;
	color: #333;
	line-height: 18px;
	font-size: 12px;
	font-family:"Lucida Sans Unicode","Lucida Grande","Hiragino Sans GB W3","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",PingHei,"STHeitiSC-Light","STHeiti Light",STHeiti, Tahoma,Arial, Helvetica, sans-serif;
	margin: 0px;
}


input,textarea,select
{
	font-family: "Lucida Sans Unicode","Lucida Grande","Hiragino Sans GB W3","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",PingHei,"STHeitiSC-Light","STHeiti Light",STHeiti, Tahoma,Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size:12px;
	outline:none;
}

img {
	border: 0px;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
}

a,a:link {
	text-decoration: none;
	color:#000;
}

a:hover
{
	text-decoration:none;
	color:#bf0400;
}

ul, li {
	list-style-type:none;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clearfix:after {
	display:block;
	content:'';
	clear:both;
	height:0px;
	visibility: hidden;
}


.relative
{
	position:relative;
}

.clearfix {
*display:table;
*zoom:1;
}

.clear
{
	clear:both;
	overflow:hidden;
	height:0;
}

*::selection {
    background:#9e8641;
    color: #FFFFFF;
    text-shadow: none;
}

*::-moz-selection
{
    background:#9e8641;
    color: #FFFFFF;
    text-shadow: none;
}


.ie6
{
	text-align:center;
	font-size:14px;
	background:#FC6;
	line-height:60px;
	position:absolute;
	z-index:10000000;
	background:#cbba9c url(../images/ie6.png) center center no-repeat;
	width:100%;
	top:0;
	left:0;
	position:fixed;
}

.ie6 a
{
	display:block;
	zoom:1;
	width:100%;
	height:100%;
}

.ie6 span
{
	float:right;
	margin-right:30px;
	cursor:pointer;
}


.mainwrap
{
	width:1200px;
	margin:auto;
}


/* topmenu */
.header
{
	z-index:990;
	position:absolute;
	width:100%;
}

.header nav
{
	width:1090px;
	height:112px;
	background:url(../images/topnavbg_1090.png) no-repeat top;
	margin:auto;
	position:relative;
}

.header nav .logo
{
	width:73px;
	height:94px;
	background:url(../images/logo.png) no-repeat top;
	margin:auto;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-36px;
	z-index:1;
}

.header nav .bell
{
	width:59px;
	height:107px;
	background:url(../images/bell.png) no-repeat;
	position:absolute;
	right:40px;
	top:55px;
	animation: rock  1s  linear 1s infinite;
	-webkit-animation: rock  1s  linear 1s infinite ;
	-o-animation: rock  1s  linear 1s infinite ;
	transform-origin: top center;
	-webkit-transform-origin: top center;
	-o-transform-origin: top center;
	cursor:pointer;
}

.header nav  ul
{
	position:absolute;
	left:117px;
	top:6px;
}

.header nav  ul li
{
	background:url(../images/icon.png) no-repeat 0 24px;
	float:left;
	_display:inline;
	position:relative;
}

.header nav  ul li.blank
{
	width:270px;
	display:block;
}

.header nav  ul li a
{
	display:block;
	font-size:15px;
	padding:0 15px 0 19px;
	line-height:50px;
	zoom:1;
}


.header nav  ul li.search a
{
	background:url(../images/icon.png) no-repeat 0 -73px;
	height:18px;
	width:18px;
	display:block;
	padding:0;
	margin:17px 15px 0 24px;
}

.header nav  ul li.search a:hover
{
	background-position:-27px -74px;
}

.header .searchwraper
{
	background:#fff;
	padding:40px 0;
	display:none;
}

.header .searchwraper .search
{
	width:584px;
	margin:auto;
	padding:2px;
	background:#BE2A2E;
	border-radius:20px
}

.header .searchwraper .search input
{
	border:0;
	height:36px;
	float:left;
	width:478px;
	border-radius:20px;
	background:#fff;
	padding-left:20px;
	line-height:36px;
}


.header .searchwraper .search button
{
	border:0;
	background:#BE2A2E url(../images/icon.png) no-repeat -58px -64px;
	float:left;
	width:80px;
	height:36px;
	padding:0;
	margin:0;
	border-radius:20px
}

#nav ul
{
	display:none;
	position:absolute;
	border:1px solid #ccc\9;
	background:#fff;
	z-index:100;
	width:170px;
	padding:5px 0;
	margin-left:0px;
	height:auto;
	box-shadow:0px 0px 5px #666;
	border-radius:4px;
}



#nav ul li
{
	float:none;
	display:block;
	border:none;
	background:none;
	height:auto;
	padding:0;
}

#nav ul a
{
	width:auto;
	text-align:left;
	font-size:14px;
	line-height:42px;
	display:block;
	background:#fff;
	height:auto;
	float:none;
	border:none;
	text-align:center;
}

#nav ul a:hover
{
	background:#F1EEE7;
}


#nav ul i {
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color:#ccc;
	border-top-width:0;
	left:50%;
	margin-left:-8px;
	top:-10px;
}

#nav ul i em {
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color:#fff;
	border-top-width:0;
	left:-10px;
	top:1px;
}


/* topmenu */


/*footer*/


.bottombg
{
	height:138px;
	background:url(../images/bottom.png) no-repeat center center;
}


.footer
{
	background:#960300 url(../images/bottom1.png)  no-repeat center top;
	padding:60px 0 0 0 ;
}

.footer .cr .footerhouse
{
	background:url(../images/bottomhouse.png) no-repeat;
	width:248px;
	height:250px;
	position:absolute;
	right:0;
	bottom:0;
}

.footer .cr
{
	padding:0px 0 20px 100px;
	line-height:24px;
	background:url(../images/icon.png) no-repeat -279px top;
	position:relative;
	width:890px;
	margin:auto;
}


.footer .cr .relink
{
	background:#a81b18 url(../images/icon.png) 95px -317px;
	padding:2px 5px 2px 10px;
	width:100px;
	color:#e8918f;
	margin-bottom:5px;
	position:relative;
}

.footer .cr .relink:hover
{
	background-color:#C30;
}

.footer .cr .relink ul
{
	position:absolute;
	background-color:#C30;
	line-height:40px;
	width:180px;
	left:0;
	bottom:24px;
	display:none;
}

.footer .cr .relink ul a
{
	display:block;
	text-indent:10px;
	color:#fff;
}

.footer .cr .relink ul a:hover
{
	background:#BC9D45;
}

.footer .cr .link
{
	color:#d1b97e;
}

.footer .cr .link a
{
	color:#d1b97e;
}
.footer .cr .link a:hover
{
	color:#FC0;
}

.footer .cr .copyrights
{
	color:#d2615f;
}

.masklayer
{
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:9998;
	display:none;
}

.newslayer
{
	background:url(../images/pop.png) no-repeat;
	width:480px;
	height:480px;
	top:50%;
	margin-top:-240px;
	left:50%;
	margin-left:-300px;
	z-index:9999;
	position:fixed;
	display:none;
}

.newslayer .close
{
	width:50px;
	height:90px;
	position:absolute;
	top:10px;
	right:20px;
}

.newslayer .newswraper
{
	width:300px;
	height:300px;
	position:absolute;
	top:100px;
	left:120px;
	overflow:auto;
}

.newslayer .newswraper li
{
	text-align:center;
	background:url(../images/line.png) no-repeat bottom center;
	padding:10px 15px;;
}

.newslayer .newswraper li span
{
	display:block;
	color:#c12519;
	font-family:"Times New Roman", Times, serif;
	line-height:24px;
}

.newslayer .newswraper li a
{
	font-size:14px;
	line-height:24px;
}



.pop
{
	background:url(../images/v2/pop.png) no-repeat;
	width:673px;
	height:402px;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-340px;
	z-index:9999;
	position:fixed;
	display: none;
}

.pop .close
{
	width:41px;
	height:56px;
	position:absolute;
	top: -1px;
    right: 32px;
	background:url(../images/v2/sclose.png) no-repeat no-repeat;
}

.pop .popwraper .ency
{
	position: absolute;
    left: -59px;
    top: 3px;
	background: url(../images/v2/ency.png) no-repeat;
	height: 68px;
	width: 32px;
	z-index: 2;
}

.pop .popwraper .encypic
{
	position: absolute;
    left: -385px;
    top: -20px;
    z-index: 1;
}

.pop .popwraper
{
	font-size: 12px;
	line-height: 22px;
	width: 265px;
	float: right;
    margin-top: 60px;
    margin-right: 60px;
    color: #666;
    position: relative;
    padding-right: 20px;
}

.pop .popwraper h3
{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #000;
}

.pop .popcontent
{
	height: 260px;
	overflow:auto;
	border-bottom: 1px solid #ddd;
}

.pop .popcontent p
{
	font-size: 14px;
	line-height: 22px;
}

.pop .popcontent .viewdetail
{
	display: block;
	margin: 20px auto;
	width: 140px;
	line-height: 32px;
	background: #B59865;
	color: #fff;
	text-align: center;
	border-radius: 16px;

}

.pop .popcontent .viewdetail:hover
{
	background: #D1AF74;
}

.pop .more a
{
	color: #846830;
	line-height: 45px;
}

.pop .more a:hover
{
	color: #000;
}

/*footer*/


/*animation*/
@keyframes shake
{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg);}
}

@-moz-keyframes shake
{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg);}
}

@-webkit-keyframes shake
{
	0% {-webkit-transform:rotate(0deg);}
	25% {-webkit-transform:rotate(10deg);}
	50% {-webkit-transform:rotate(0deg);}
	75% {-webkit-transform:rotate(-10deg);}
	100% {-webkit-transform:rotate(0deg);}
}


@-o-keyframes shake
{
	0% {-o-transform:rotate(0deg);}
	25% {-o-transform:rotate(10deg);}
	50% {-o-transform:rotate(0deg);}
	75% {-o-transform:rotate(-10deg);}
	100% {-o-transform:rotate(0deg);}
}



@keyframes rock
{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg);}
}

@-moz-keyframes rock
{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg);}
}

@-webkit-keyframes rock
{
	0% {-webkit-transform:rotate(0deg);}
	25% {-webkit-transform:rotate(10deg);}
	50% {-webkit-transform:rotate(0deg);}
	75% {-webkit-transform:rotate(-10deg);}
	100% {-webkit-transform:rotate(0deg);}
}

@-o-keyframes rock
{
	0% {-o-transform:rotate(0deg);}
	25% {-o-transform:rotate(10deg);}
	50% {-o-transform:rotate(0deg);}
	75% {-o-transform:rotate(-10deg);}
	100% {-o-transform:rotate(0deg);}
}

.transition
{
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
}

.transition_slow
{
	transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
}


/*custom scrollbar*/

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:#fff;
	position: relative;
}

.jspDrag
{
	background: #ccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*custom scrollbar*/





#rightscrollnav
{
	bottom:20px;
    position: fixed;
    right:20px;
	z-index:300;
}

#rightscrollnav ul
{
	float: right;
}

#rightscrollnav li
{
	background:url(../images/uptop.png) no-repeat;
	margin:10px 0;
	height:64px;
	width:64px;
	position:relative;
	cursor: pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#rightscrollnav li:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}

#rightscrollnav li.returntop
{
	background-position:0 -94px;
	display: none;
}

#rightscrollnav li.focusus
{
	background-position:0 -164px;
}

#rightscrollnav li.share
{
	background-position:0 -233px;
}

#rightscrollnav li.focusus div
{
	position: absolute;
	border: 1px solid #a0977a;
	left: -510px;
	background: #fff;
	width: 470px;
	padding: 20px 10px;
	border-radius: 10px;
	top: -100px;
	display: none;
	box-sizing: unset;
}

#rightscrollnav li.focusus div span
{
	background: url(../images/2dcode.png) no-repeat;
	width: 215px;
	display: block;
	float: left;
	margin: 0 10px;
	padding-top: 205px;
	text-align: center;
}

#rightscrollnav li.focusus div span.weibo
{
	background-position: -225px 0;
}

#rightscrollnav li i
 {
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-left-color:#a0977a;
	border-right-width:0;
	top:50%;
	margin-top:-8px;
	right:-10px;

}

 #rightscrollnav li i em
 {
	border-color: transparent;
	border-style: solid;
	border-width:10px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-left-color:#fff;
	border-right-width:0;
	top:-10px;
	right:1px;
   }


 #rightscrollnav .promotion_1
 {
 	background: url(/statics/images/2023season/61/icon.png) no-repeat;
 	width: 250px;
    height: 176px;
 	margin-bottom: 10px;
 	display: block;
 }

  #rightscrollnav .promotion_1 b
  {
  	display: block;
    position: absolute;
    right: 38px;
    top: -6px;
    font-size: 15px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-weight: normal;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
  }

/*2016spring*/

.spring2016 .header
{
	min-width:1200px;
}

.spring2016 .focusarea section.style_2
{
	background:url(../images/2016season/spring/spring2016_01.jpg) no-repeat center top;
	max-width:1920px;
	margin:auto;
	height:598px;
	position:relative;
	width:100%;
	min-width:1200px;

}

.spring2016  .focusarea section.style_2 .mpic
{
	position:relative;
	width:1200px;
	margin:auto;
}

.spring2016 .focusarea  section.style_2 .cloud
{
	background:url(../images/2016season/spring/spring2016_02.png) no-repeat bottom;
	height:697px;
    left: 0;
    margin: auto;
    min-width: 1200px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}


.spring2016 .focusarea  section.style_2 #kite
{
	background:url(../images/2016season/spring/kite.png) no-repeat top center;
	height:307px;
    left: 570px;
    position: absolute;
    top: 175px;
    width: 626px;
    z-index: 1;

	animation: kite  10s  linear 0s infinite;
	-webkit-animation:  kite  10s  linear 0s infinite;
	-o-animation:  kite  10s  linear 0s infinite;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	-o-transform-origin: bottom left;

}


.spring2016 .focusarea  section.style_2  a
{
	display:block;
	height:500px;
	width:600px;
	margin:auto;
	position:relative;
	z-index:2;
}


@keyframes kite
{
	0% {transform:rotate(0deg); background-position:top left}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg); background-position:top right}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg); background-position:top left}
}

@-moz-keyframes kite
{
	0% {transform:rotate(0deg); background-position:top left}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg); background-position:top right}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg); background-position:top left}
}

@-webkit-keyframes kite
{
	0% {transform:rotate(0deg); background-position:top left}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg); background-position:top right}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg); background-position:top left}
}

@-o-keyframes kite
{
	0% {transform:rotate(0deg); background-position:top left}
	25% {transform:rotate(10deg);}
	50% {transform:rotate(0deg); background-position:top right}
	75% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg); background-position:top left}
}



.spring2016 .focusarea section.style_3
{
	background:url(../images/2016season/61/62_01.jpg) no-repeat center top;
	max-width:1920px;
	margin:auto;
	height:533px;
	position:relative;
	width:100%;
	min-width:1200px;

}

.spring2016  .focusarea section.style_3 .mpic
{
	position:absolute;
	width:287px;
	height: 246px;
	left: 50%;
	margin-left: -143px;
	top: 196px;
	background:url(../images/2016season/61/xbk1.png) no-repeat center center;
}

.spring2016  .focusarea section.style_3 .mbg
{
	position:absolute;
	width:247px;
	height: 242px;
	left: 50%;
	margin-left: -125px;
	top: 205px;
	background:url(../images/2016season/61/xbkbg1.png) no-repeat center center;

	animation: rot  30s  linear 0s infinite;
	-webkit-animation:  rot  30s  linear 0s infinite;
	-o-animation:  rot  30s  linear 0s infinite;
	-moz-animation:  rot  30s  linear 0s infinite;

}


@keyframes rot
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-moz-keyframes rot
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-webkit-keyframes rot
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}

@-o-keyframes rot
{
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}


.spring2016  .focusarea section.style_3 .p1
{
	position:absolute;
	width:116px;
	height: 116px;
	left: 50%;
	margin-left: 108px;
	top: 125px;
	background:url(../images/2016season/61/p1.png) no-repeat center center;

	animation: flow1  3s  linear 0s infinite;
	-webkit-animation:  flow1  3s  linear 0s infinite;
	-o-animation:  flow1  3s  linear 0s infinite;
	-moz-animation:  flow1  3s  linear 0s infinite;

}

.spring2016  .focusarea section.style_3 .p2
{
	position:absolute;
	width:95px;
	height: 138px;
	left: 50%;
	margin-left: -422px;
	top: 168px;
	background:url(../images/2016season/61/p2.png) no-repeat center center;

	animation: flow2  3.5s  linear 0s infinite;
	-webkit-animation:  flow2  3.5s  linear 0s infinite;
	-o-animation:  flow2  3.5s  linear 0s infinite;
	-moz-animation:  flow2  3.5s  linear 0s infinite;

}

.spring2016  .focusarea section.style_3 .p3
{
	position:absolute;
	width:137px;
	height: 139px;
	left: 50%;
	margin-left: -363px;
	top: 354px;
	background:url(../images/2016season/61/p3.png) no-repeat center center;

	animation: flow3  3.8s  linear 0s infinite;
	-webkit-animation:  flow3  3.8s  linear 0s infinite;
	-o-animation:  flow3  3.8s  linear 0s infinite;
	-moz-animation:  flow3  3.8s  linear 0s infinite;

}

.spring2016  .focusarea section.style_3 .p4
{
	position:absolute;
	width:139px;
	height: 131px;
	left: 50%;
	margin-left: 153px;
	top: 368px;
	background:url(../images/2016season/61/p4.png) no-repeat center center;

	animation: flow2  3s  linear 0s infinite;
	-webkit-animation:  flow2  3s  linear 0s infinite;
	-o-animation:  flow2  3s  linear 0s infinite;
	-moz-animation:  flow2  3s  linear 0s infinite;


}

.spring2016  .focusarea section.style_3 .p5
{
	position:absolute;
	width:124px;
	height: 144px;
	left: 50%;
	margin-left: 310px;
	top: 221px;
	background:url(../images/2016season/61/p5.png) no-repeat center center;

	animation: flow4  5s  linear 0s infinite;
	-webkit-animation:  flow4  5s  linear 0s infinite;
	-o-animation:  flow4  5s  linear 0s infinite;
	-moz-animation:  flow4  5s  linear 0s infinite;

}

.spring2016  .focusarea section.style_3 .p6
{
	position:absolute;
	width:103px;
	height: 107px;
	left: 50%;
	margin-left: -222px;
	top: 325px;
	background:url(../images/2016season/61/p6.png) no-repeat center center;

	animation: flow1  3s  linear 0s infinite;
	-webkit-animation:  flow1  3s  linear 0s infinite;
	-o-animation:  flow1  3s  linear 0s infinite;
	-moz-animation:  flow1  3s  linear 0s infinite;

}



@keyframes flow
{
	0% {transform:rotate(-8deg); }
	100% {transform:rotate(8deg);}
}

@-moz-keyframes flow
{
	0% {transform:rotate(-8deg); }
	100% {transform:rotate(8deg);}
}

@-webkit-keyframes flow
{
	0% {transform:rotate(-8deg); }
	100% {transform:rotate(8deg);}
}

@-o-keyframes flow
{
	0% {transform:rotate(-8deg); }
	100% {transform:rotate(8deg);}
}



@keyframes flow1
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,20px); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow1
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,20px); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow1
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,20px); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow1
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,20px); }
	100% {transform:translate(0,0); }
}


@keyframes flow2
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,0); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow2
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,0); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow2
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,0); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow2
{
	0% {transform:translate(0,0); }
	50% {transform:translate(20px,0); }
	100% {transform:translate(0,0); }
}



@keyframes flow3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,30px); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,30px); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,30px); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow3
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,30px); }
	100% {transform:translate(0,0); }
}


@keyframes flow4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,50px); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,50px); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,50px); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow4
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,50px); }
	100% {transform:translate(0,0); }
}


@keyframes flow5
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,10px); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow5
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,10px); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow5
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,10px); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow5
{
	0% {transform:translate(0,0); }
	50% {transform:translate(0,10px); }
	100% {transform:translate(0,0); }
}


@keyframes flow6
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-20px,20px); }
	100% {transform:translate(0,0); }

}

@-moz-keyframes flow6
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-20px,20px); }
	100% {transform:translate(0,0); }
}

@-webkit-keyframes flow6
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-20px,20px); }
	100% {transform:translate(0,0); }
}

@-o-keyframes flow6
{
	0% {transform:translate(0,0); }
	50% {transform:translate(-20px,20px); }
	100% {transform:translate(0,0); }
}


.spring2016 .focusarea  section.style_3 .cloud
{
	background:url(../images/2016season/61/62_02.png) no-repeat bottom;
	height:651px;
    left: 0;
    margin: auto;
    min-width: 1200px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}


.spring2016 .focusarea  section.style_3  a
{
	display:block;
	height:500px;
	width:600px;
	margin:auto;
	position:relative;
	z-index:2;
}


.spring2016 .map
{
	padding-top: 533px;
}



.summer2016 .focusarea section.style
{
	background:url(../images/2016season/summer/summer2016_01.jpg) no-repeat center top;
	max-width:1920px;
	margin:auto;
	height:568px;
	position:relative;
	width:100%;
	min-width:1200px;
	cursor: pointer;

}


.summer2016 .focusarea  section.style .cloud
{
	background:url(../images/2016season/summer/summer2016_02.png) no-repeat bottom;
	height:663px;
    left: 0;
    margin: auto;
    min-width: 1200px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.summer2016 .focusarea  section.style .mpic
{
	background:url(../images/2016season/summer/summer2016_02.jpg) no-repeat  center center;
	height: 291px;
    left: 0;
    margin: auto;
    min-width: 1200px;
    position: absolute;
    top: 277px;
    width: 100%;
    z-index: 1;
}


.summer2016 .focusarea  section.style  a
{
	display:block;
	height:500px;
	width:600px;
	margin:auto;
	position:relative;
	z-index:2;
}
.summer2016 .map
{
	padding-top: 568px;
}


.summer2016  .focusarea section.style .lotus_1
{
	position:absolute;
	width:93px;
	height: 222px;
	left: 50%;
	margin-left: -538px;
	top: 384px;
	background:url(../images/2016season/summer/1.png) no-repeat center center;
    z-index: 1;


	animation: flow6  5s  linear 0s infinite;
	-webkit-animation:  flow6  5s  linear 0s infinite;
	-o-animation:  flow6  5s  linear 0s infinite;
	-moz-animation:  flow6  5s  linear 0s infinite;


}

.summer2016  .focusarea section.style .lotus_2
{
	position:absolute;
	width:200px;
	height: 314px;
	left: 50%;
	margin-left: -348px;
	top: 320px;
	background:url(../images/2016season/summer/2.png) no-repeat center center;
    z-index: 1;

	animation: flow5  3s  linear 0s infinite;
	-webkit-animation:  flow5  3s  linear 0s infinite;
	-o-animation:  flow5  3s  linear 0s infinite;
	-moz-animation:  flow5  3s  linear 0s infinite;


}

.summer2016  .focusarea section.style .lotus_3
{
	position:absolute;
	width:245px;
	height: 236px;
	left: 50%;
	margin-left: -202px;
	top: 437px;
	background:url(../images/2016season/summer/3.png) no-repeat center center;
    z-index: 1;


	animation: flow2  4.5s  linear 0s infinite;
	-webkit-animation:  flow2  4.5s  linear 0s infinite;
	-o-animation:  flow2  4.5s  linear 0s infinite;
	-moz-animation:  flow2  4.5s  linear 0s infinite;

}

.summer2016  .focusarea section.style .lotus_4
{
	position:absolute;
	width:108px;
	height: 97px;
	left: 50%;
	margin-left: 69px;
	top: 505px;
	background:url(../images/2016season/summer/4.png) no-repeat center center;
    z-index: 1;


	animation: flow2  4.s  linear 0s infinite;
	-webkit-animation:  flow2  4s  linear 0s infinite;
	-o-animation:  flow2  4s  linear 0s infinite;
	-moz-animation:  flow2  4s  linear 0s infinite;




}

.summer2016  .focusarea section.style .lotus_5
{
	position:absolute;
	width:60px;
	height: 62px;
	left: 50%;
	margin-left: 298px;
	top: 571px;
	background:url(../images/2016season/summer/5.png) no-repeat center center;
    z-index: 1;


	animation: flow5  3s  linear 0s infinite;
	-webkit-animation:  flow5  3s  linear 0s infinite;
	-o-animation:  flow5  3s  linear 0s infinite;
	-moz-animation:  flow5  3s  linear 0s infinite;



}

.summer2016  .focusarea section.style .lotus_6
{
	position:absolute;
	width:257px;
	height: 215px;
	left: 50%;
	margin-left: 137px;
	top: 228px;
	background:url(../images/2016season/summer/6.png) no-repeat center center;
    z-index: 1;

	animation: flow1  5s  linear 0s infinite;
	-webkit-animation:  flow1  5s  linear 0s infinite;
	-o-animation:  flow1  5s  linear 0s infinite;
	-moz-animation:  flow1  5s  linear 0s infinite;


}

.summer2016  .focusarea section.style .dragon
{
	position:absolute;
	width:171px;
	height: 82px;
	left: 50%;
	margin-left: -69px;
	top: 268px;
	background:url(../images/2016season/summer/dragon.png) no-repeat center center;
    z-index: 1;
}

.summer2016  .focusarea section.style .wave
{
	position:absolute;
	width:601px;
	height: 438px;
	left: 50%;
	margin-left: -283px;
	top: 295px;
	background:url(../images/2016season/summer/wave.png) no-repeat center center;

	animation: zoom1  3s  ease 0s infinite alternate;
	-webkit-animation:  zoom1  3s  linear 0s infinite alternate;
	-o-animation:  zoom1  3s  linear 0s infinite alternate;
	-moz-animation:  zoom1  3s  ease 0s infinite alternate;

}

.summer2016  .focusarea section.style .wave_1
{
	position:absolute;
	width:601px;
	height: 438px;
	left: 50%;
	margin-left: -283px;
	top: 295px;
	background:url(../images/2016season/summer/wave.png) no-repeat center center;

	animation: zoom2  2s  ease 0s infinite alternate;
	-webkit-animation:  zoom2  2s  linear 0s infinite alternate;
	-o-animation:  zoom2  2s  linear 0s infinite alternate;
	-moz-animation:  zoom2  2s  ease 0s infinite alternate;

}