@charset "UTF-8";
		.navcontainer, .paracontainer ,.paraparacontainer, .container{
			padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto; 
		}
		.container{					
			background-image: url("../assets/bground20_20_@1x.png");
			background-size: 5px 5px;
		}
		.navcontainer{
			left: 0;
			right: 0;
		}
		.paraparacontainer, .paracontainer {
			padding-right: 15px;
			position: fixed;
			z-index: 2;
			left: 0;
			right: 0;
			top:48px;
		}

		.dropcapspan{
			color: #fff;
			color: #43aac2;
			color: #480C0C;
			color: #C34F05;
			color: #C34F05;
			color: #fceab9;

			float: left;
			border-radius: 50%;
			background-color: rgba(252, 234,185,0.17);
			background-color: rgba(212, 63,14,0.67);
			background-color: rgba(19, 78,81,0.57);
			font-family: 'merriweather_sansbook', 'Futura', 'Arial Black', sans-serif;
			font-size: 1.6em;
		    text-align: center;
		    margin: 0;
		    position: relative;
		    margin-right: 8px;
		    min-width: 50px;
		    height: 50px;
		    text-transform: uppercase;
		    padding-top: 0.13em;		
		}
		 .zh .dropcapspan{ 
			padding-top: 0.05em;
			font-family:   'Futura', 'Arial Black','noto_sub', '微軟正黑體', sans-serif;
		}
		.collapsible{
			display:block;
		}

		.quiver{
			display:none;
		}
		.paraparacontainer{
			z-index:-4002;
		}
		.creditboxFix{
			top:48px;
		}
		.softer{
			font-size:0.8em !important;
		}
		.emphatic{
			font-size:1.5em !important;
			/*font-family: 'merriweather_sansbook','merriweatherregular','Futura', ‘Arial Black’, sans-serif;*/
		}
		
		.slidern{
/*			position: fixed !important;
			top: 20px !important;
			-webkit-transform: translate3d(0, 0, 0);
			-webkit-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			-webkit-backface-visibility: hidden;*/
		}
		.nobground{
			background-image: none !important;
		}
		html, body {
			overflow-x: hidden; /* Prevent scroll on narrow devices */
		}
		*::-moz-selection { color: #E0FFFF;  background: rgba(220,20,60,0.5); }
		*::selection      { color: #E0FFFF;  background: rgba(220,20,60,0.5); }
		#logo{
			width: 480px;
			height: 480px;
		}
		body {
			background-color:  #321b17;
			padding:0;
			margin:0;
			color:#434343;
			font-family: 'merriweatherregular', Verdana, Geneva, sans-serif;
			font-size: 28px;
			padding-left:0px;
			/*background-image:  url("../assets/bground_patt_@1x.png");*/
			background-size: 5px 5px;
		}
		html {
		    width: 100%;
		}
		body {
		    height: 100%;
		}
		p{
			text-align: center;
			margin-bottom: 0;
		}
		img{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		h1, h2, h3, h4, h5{
			font-family:  'Futura', ‘Arial Black’, sans-serif;
		
		}
		#inner{
		}
		.wrapper{
			margin-right: 0px;
			overflow-x:hidden;
			position: relative;
			padding: 0;
		}
		#helloanim{
			height: 100%;
			background-image: url('../assets/hello_bground1.png');
		
			background-repeat: no-repeat;
			background-position: center top;

		}
		#wearanim{
			/*-webkit-filter: grayscale(1); */
			background-image: url('../assets/wear_bground1.png');
		}
		#playanim{
			background-image: url('../assets/play_bground1.png');
		}
		#pixelsanim{
			background-image: url('../assets/pixels_bground1.png');
		}
		#metaanim{
			background-image: url("../assets/meta_bground1.png");
		}
		#worksanim{
			background-image: url('../assets/works_bground1.png');
		}
		#animaground{
			background-image: url('../assets/intro_bground1.png');
			background-size: 500px 568px;
			background-repeat: no-repeat;
			background-position: center bottom;
			height:100vh;
		}

		.js-nav #nav-open-btn{
	
			background-position: 0 -35px;
		}
		//slide show
		.slidern{
			position: fixed !important;
			top: 80px !important;
			transform: translate3d(0, 0, 0);
			-webkit-backface-visibility: hidden;
		}
		#fillerbground{
			background-color: #4cc2de;
			background-color: #35E3FF;
			display:block !important;
			z-index:-4003!important; 
			background-size: 100%;
			background-image:-moz-linear-gradient(top, rgba(8,9,40,0) 55%, rgba(8,9,40,0.11) 84%, rgba(67, 90, 104,  0.75) 100%); /* FF3.6+ */
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(8,9,40,0)), color-stop(80%,rgba(8,9,40,0.11)), color-stop(100%,rgba(67, 90, 104,  0.75))); /* Chrome,Safari4+ */
			background-image: -webkit-linear-gradient(top, rgba(8,9,40,0) 55%,rgba(8,9,40,0.11) 84%,rgba(67, 90, 104,  0.75) 100%); /* Chrome10+,Safari5.1+ */
			background-image: -o-linear-gradient(top, rgba(8,9,40,0) 55%,rgba(8,9,40,0.11) 84%,rgba(67, 90, 104,  0.75) 100%); /* Opera 11.10+ */
			background-image: -ms-linear-gradient(top, rgba(8,9,40,0) 55%,rgba(8,9,40,0.11) 84%,rgba(67, 90, 104,  0.75) 100%); /* IE10+ */
			background-image: linear-gradient(to bottom, rgba(8,9,40,0) 55%,rgba(8,9,40,0.11) 84%,rgba(67, 90, 104, 0.75) 100%); /* W3C */
			background-image: linear-gradient(to bottom, rgba(8,9,40,0) 45%,rgba(8,9,40,0.31) 74%,rgba(67, 90, 84, 0.95) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00080928', endColorstr='#33435a68',GradientType=0 ); /* IE6-9 */
		}

		#animaground{
			background-color: transparent !important;
			display:block !important;
			z-index:-3999 !important; 
			background-image: url('../assets/intro_bground1.png');
			background-size: 500px 568px;
			background-repeat: no-repeat;
			background-position: center bottom;
			height:100vh;

    		top: 20px !important;

		}


		.imgloader img{display: none;}
		.ppp{
			display: none;
			width: 100%;
			position: fixed;
			z-index: 1000; 
			margin-left:auto;
			margin-right: auto;
			
		}
		.subwrapper{
			padding:0 ;
		}
		.maincredit{
			text-align: center;
			background-color: #222;
			/*border-top-left-radius: 90px;
			border-top-right-radius: 90px;*/
			font-size: 17px;
			font-family:   'Futura', ‘Arial Black’, sans-serif;
			color: #fff;
			margin:0;
		}
		.maincredit span{
			/*padding-left: 17px;*/
			padding-right: 11px;
			/*background-image: url('../assets/philly3.png'), url('../assets/philly4.png');*/
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: top left, top right;
		}
		#creditboxmob{
			height: 54px;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			padding-top: 0px !important;
			text-align:center;
			margin-bottom: 0;
			background-color: #480c0c;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#creditboxmob p{
    		margin-left: 10%;
			width:100%;
			height:100%;
			margin-top: 0px;
			display: block;
			padding: 0.59em 7% 0.6em 0px;
			vertical-align: middle;
			text-align: left;
			background-color: #480c0c;
			font-size: 23px;
			font-family:  'azamregular',  'Futura', ‘Arial Black’, sans-serif;
			color: #fff;
			color:#F32727;

			/*background-image:none;*/
			text-shadow: -3px 3px 0 rgba(0,0,0, 1.0);

		}
		.zh #creditboxmob p{

			font-family:  'Futura', ‘Arial Black’,'noto_sub_medium','noto_sub', '微軟正黑體', sans-serif;
			font-size: 25px;
			padding-top: 0.26em;

		}
		.containertest{
			position: fixed;
			padding:0;
			top: 0%;
			left: 0;
			right: 0;
			height: 0;
			z-index:-4002;
		}
		.spanCredit{

			color:#24788C;
			color:#F36B16;
			color:#BF5411;
			color:#CEA285;
		/*	font-family:  'merriweatherregular', Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;*/
			font-family: 'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif; 
					
			/*-webkit-font-smoothing: subpixel-antialiased; 
   			 -moz-osx-font-smoothing: auto;*/
		}
		.zh .spanCredit{
			/*font-size:0.5em;*/
			font-family:  'helvetica', ‘Arial’,'noto_sub_light','微軟正黑體', sans-serif !important;
		}
		

		.extrapadding{
			padding-bottom: 40px !important;
		}
		.zh	.extrapadding{
			padding-bottom: 60px !important;
		}
		.minusmargin{
			margin-bottom: 0px !important;
		}
		.invisible{
			visibility: hidden !important;
		
		}
		.minuspadding{
			padding-top: 0 !important;
		}
		.superTall{

			height: 110vh;
		}
		.leftPPP.prePopChat, .leftPP.prePopChat{
			opacity: 0 !important;
			transition-delay: 0.1s;
			transform-origin: 6% 50% !important;
			transform:  scale(0.7, 0.7);
		}
		.rightPPP.prePopChat, .rightPP.prePopChat{
			opacity: 0 !important;
			transition-delay: 0.1s;
			transform-origin: 100% 50%;
			transform: scale(0.7, 0.7);
		}
		.subter.prePopChatTransitioner{
			transition: all 0.45s ease-out !important;
		}
		.im.prePopChatTransitioner{
			transition: all 0.45s ease-out !important;
		}
		.prePopChatTransitioner{
			transition: all 0.65s ease-out;
		}
		.prePopChatTransitioner img{
			transition: all 0.75s ease-out;

		}
		.prePopChat{
			transform-origin: 50% 0%;
			/*transform: scale(0.4, 0.4);*/
		}
		.subter.prePopChat{
			opacity: 0.25 !important;
			transform: translateY(5%);
		}
		.prePopChat img{
			opacity: 0.5 !important;
			/*transform-origin: 50% 50%;
			transform: scale(0.8, 0.8) translateY(6%);*/
		}
		/*cubic-bezier(0.18, 0.89, 0.32, 1.28)*/
		.appear{
			-moz-animation-duration: 5.5s;
			-webkit-animation-duration: 5.5s;
			animation-duration: 5.5s;
			
			-moz-animation-name: plop;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: cubic-bezier(0, 0.04, 0.08, 0.98);
			
			-webkit-animation-name: plop;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: cubic-bezier(0, 0.04, 0.08, 0.98);
			animation-name: plop;
			animation-iteration-count: 1;
			animation-timing-function: cubic-bezier(0, 0.04, 0.08, 0.98);
		}
		.appear2{
			-moz-animation-duration: 1.5s;
			-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
			-moz-animation-name: plop;
			-moz-animation-iteration-count: 1;
		
			-moz-animation-timing-function: cubic-bezier(0.14, 0.72, 1, 1);
			
			-webkit-animation-name: plop;
			-webkit-animation-iteration-count: 1;
		
			-webkit-animation-timing-function: cubic-bezier(0.14, 0.72, 1, 1);
						animation-name: plop;
			animation-iteration-count: 1;
		
			animation-timing-function: cubic-bezier(0.14, 0.72, 1, 1);

		}


		@-moz-keyframes plop {
			from{
			opacity:0;
			}
			to {
			opacity:1;
			}
		}
		@-webkit-keyframes plop {
			from{
			opacity:0;
			}
			to {
			opacity:1;
			}
		}
		@keyframes plop {
			from{
			opacity:0;
			}
			to {
			opacity:1;
			}
		}


		#superoverlay{
			height:150%;
			width:100%;
			position:fixed;
			background-color: rgba(12,12,12,0.08);
/*			background-image:url("../assets/bground20_20.png");
			background-size:5px 5px ;
			background-repeat: repeat ;*/
			top:0;
			z-index:-1;
			
			-moz-animation-duration: 1s;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			
			animation-name: updown;
			animation-iteration-count: infinite;
			animation-direction: alternate;
			animation-timing-function: ease-in-out;
			/*cubic-bezier(.70, .35, .41, .78);*/
			
			-moz-animation-name: updown;
			-moz-animation-iteration-count: infinite;
			-moz-animation-direction: alternate;
			animation-timing-function:ease-in-out;
			
			-webkit-animation-name: updown;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-timing-function: ease-in-out;
		}
		
		@-moz-keyframes updown {
			from{
			-moz-transform: translateY(-30px);
			}
			to {
			-moz-transform: translateY(0px);
			}
		}
		@-webkit-keyframes updown {
			from {
			-webkit-transform:  translateY(-30px);
			}
			to {
			-webkit-transform: translateY(0px);
			}
		}
		@keyframes updown {
			from {
			transform: translateY(-30px);
			}
			to{
			transform: translateY(0px);
			}
		}


		#superoverlay2{
			height:100%;
			width:100%;
			position:fixed;
			background-image:url("../assets/loader.gif");
			background-position:center 60%;
			background-repeat: no-repeat;
			top:0;
			z-index:1;
		}
		.matchAjaxBground{
			background-color:rgba(20,20,20, 0.33) !important;
		}
		.metafooter{
			padding-top:0px;
			padding-bottom: 15px;
			background-color: rgba(0,0,0,0.08);
		}
		footer{
			font-family:  'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif; 
			font-size: 17px;

			color:#CEA285;
			margin: 0px 0px;
			border-top:0px #360000 solid;
			margin-bottom:15px;
			padding: 0px 15px;
			background-color: transparent;
			display: block;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;

		}
		footer p{
			font-size:0.8em;
			text-align: left;
			display: block;
			background-color: #480c0c; /*#7f3636;*/
			padding: 6px 15px;
			padding-right:40px;
			padding-left: 8px;
			margin: 0;
		}

		footer p:first-letter{

			font-family:  'Futura', ‘Arial Black’, sans-serif;
		}
		.bigx{
			display:inline;
			text-align: left !important;
			display:block;
			/*padding-top:4px;*/
			cursor:pointer;
			color:#43aac2;
			font-size: 2.8em;
			font-family:  'fatazregular',  'Futura', ‘Arial Black’, sans-serif;
			text-shadow: -2px 2px 0 rgba(0,0,0, 0.0);
			
		}
		.zh .bigx{
			font-family:  'noto_sub_medium','noto_sub', 'Futura', ‘Arial Black’,'微軟正黑體', sans-serif;
			font-size: 81px;

		}
		.extraTop{
			padding-top:80px;
			padding-bottom: 0px !important;

		}
		.introaccent{
			color:#5D1F0F;
			-moz-animation-name: blinky;
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.08s;
		
			-webkit-animation-name: blinky;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.08s;
		
			animation-name: blinky;
			animation-iteration-count: infinite;
			animation-timing-function: ease-in;
			animation-duration: 0.08s;
		}		
		@-moz-keyframes blinky {
			from{
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			to {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		@-webkit-keyframes blinky {
			from {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			to {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		@keyframes blinky {
			from {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			to{
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		.introtext{
			z-index: 4;
			/*display: none;*/
			position: relative;
			text-align: center;
			font-size: 15px;

			color: #FCEAB9;
			color: #480C0C;
		}
		.zh .introtext {

			font-size:20px;
		}
		.introtext p{
			font-family: 'merriweatherregular','merriweather_sansbook',   'Futura', 'Arial Black',  UDJH_M, Helvetica,'微軟正黑體', sans-serif;
			/*font-family:  'merriweatherregular', Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;*/
			/*max-width: 700px;*/
			/*padding-left:15%;
			padding-right:15%;*/
			padding-top: 6%;
			text-align: center;
		

			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.zh .introtext p{

			font-family:  'merriweatherregular','merriweather_sansbook','Futura', 'Arial Black', Helvetica, 'noto_sub_medium', '微軟正黑體', sans-serif;
			/*font-family: serif;*/
		}
		.no-csstransforms .introtext p{


			margin-right: 0;
			padding-left:15px;
			left:0;

		}
		.hashtags{

		-ms-word-break: break-all;
	     /* Be VERY careful with this, breaks normal words wh_erever */
	     word-break: break-all;

	     /* Non standard for webkit */
	     word-break: break-word;

		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;	
		}
		.bigx a{
			color: #54B4CB;
		}
		.no-js .bigx a:hover ,.no-touch .bigx a:hover{
			color: rgb( 252, 234, 185);
			color: #7B1E0D;
			color: #54B4CB;
			color: #D43F0E;
		}
		a {
			text-decoration: none !important;
		}	
		.moveTop{
			/*-webkit-filter: sepia(.9) hue-rotate(290deg) ;
			filter: sepia(.9) hue-rotate(290deg) ;*/
			top:160px;
		}
		#helloanim.moveTop{
			top:80px;
		}
		#playanim.moveTop{
			top:100px;
		}
		#pixelsanim.moveTop{
			top:120px;
		}
		#worksanim.moveTop{
			/*top:140px;*/
		}
		.containerbground{
			height: 100%;
			z-index:-4000; 
			display:none;
			background-size: 500px 568px;
			background-repeat: no-repeat;
			background-position: top center;
		}
		.line{
			border-bottom: 3px solid rgba( 76, 194, 222, 0.0);
			border-bottom: 3px solid rgba( 0, 0, 0, 0.0);	
			letter-spacing: 0.15em; 
			margin-left: 0em;
			text-shadow: -5px 5px 0 rgba(26, 46, 51, 0.2) !important;
			-moz-animation-name: growingapart;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-out;
			-moz-animation-duration: 1.0s;
			color: #046777 !important;
			-webkit-animation-name: growingapart;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-out;
			-webkit-animation-duration: 1.0s;
		
			animation-name: growingapart;
			animation-iteration-count: 1;
			animation-timing-function: ease-out;
			animation-duration: 1.0s;
		}		
		@-moz-keyframes growingapart {
			from{
			color: #54B4CB;
			letter-spacing: 0em;	
			margin-left: 0em;	
			text-shadow: 0px 0px 0 rgba(26, 46, 51, 0.2);
			}
			to {
			color: #046777;
			margin-left: 0em;
			letter-spacing: 0.15em;	
			text-shadow: -5px 5px 0 rgba(26, 46, 51, 0.2);	
			}
		}
		@-webkit-keyframes growingapart {
			from{
			color: #54B4CB;
			letter-spacing: 0em;
			margin-left: 0em;	
			text-shadow: 0px 0px 0 rgba(26, 46, 51, 0.2);	
			}
			to {
			color: #046777;
			margin-left: 0em;
			letter-spacing: 0.15em;	
			text-shadow: -5px 5px 0 rgba(26, 46, 51, 0.2);	
			}
		}
		@keyframes growingapart {
			from{
			color: #54B4CB;
			letter-spacing: 0em;
			margin-left: 0em; 
			text-shadow: 0px 0px 0 rgba(26, 46, 51, 0.2);		
			}
			to {
			color: #046777;
			margin-left: 0em;
			letter-spacing: 0.15em;	
			text-shadow: -5px 5px 0 rgba(26, 46, 51, 0.2);	
			}	
		}
		.zh .line {
			padding-bottom: 0.17em;
			border-bottom: 3px solid rgba( 76, 194, 222, 0.0);
		}
		.big0{
			font-size: 53px;
		}
		.big1{
			font-size: 35px;
		}
		.centered2{
			text-align:center !important;
		}
		.captionx{
			text-align:center !important;
			padding-left:20px !important;
			display:inline-box;
			color:#1D1919;/*pinkish fbdebf */
			font-size:0.4em !important;
			/*line-height: 1;*/
			margin-bottom: 0px !important;
			/*-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;*/
		}
		.slick-dots{
			display:none;
		}

		.big-1{
			font-size: 20px;
			line-height: 0.9;
		}
		.big2{
			font-size: 1.4em;
		}
		.statement{
			/*border: solid black 1px;*/
			position: relative;
			display: block;
			clear:both;
			width:100%;	
			text-align: left;
			margin-right: 0px;
			margin-left: 0px;
		}

		.statement p{
			text-align: left;
			display:block;
			color: #4c311e;/*#fbefe1;*/
			/*color:#fbf6db  light brownish: fbdebf   d9dddf   e8dddf;*/
			font-family: 'merriweatherregular',Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
			font-size: 30px;
			font-size:16px;
			line-height:1.8;
			padding: 0;
			/*background-color: rgba(0,10,30,0.4);*/
			opacity:0.9;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
			text-shadow: 
			3px 0 0 rgba(36, 223,216, 0.5),
			-3px 0 0 rgba(242, 91, 54, 0.5);
			padding-left:25px !important;
			margin-bottom:35px;
		}
		.centerP {
			text-align: left; 
			margin-bottom:0px;
			padding-left:20px;
		}
		.centerP p{
			text-align: left; 
			margin-bottom:0px;	
		}
		h2{
			padding-bottom:0;
			padding-left:0px !important;
			text-align: left !important; 
			margin-bottom:10px;	
			margin-top:20px !important;
		}
		.marginL{
		margin-left:15px !important;
		
		}
		.leftPP, .leftP{

			/*background-color: rgba(255,51,51,0.34);*/	

			background-image: url("../assets/triangle4.svg");

			
		}
		
		.leftPP{
			background-image: url("../assets/triangle6.png");

		}

		.leftPPP{
			/* margin-left:auto; */
			/*margin-top: 20px;*/

			/*background-color: rgba(255,51,51,0.34);*/	

			background-image: url("../assets/triangle_left_works6.png");
			margin-left: 16% !important;

		}
		.leftPPP, .leftPP, .leftP{
			background-repeat: no-repeat;		
			background-position: left top;
			width:75%;
			display: block;
			clear: both;
			padding-left: 20px;
			padding-top: 0px;
			margin-left: 10% ;
		}	

		.rightPPP, .rightPP, .rightP{
			display: block;
			clear: both;
			/*background-color: rgba(255,51,51,0.34);*/
			background-image: url("../assets/triangle3.svg");
			background-repeat: no-repeat;
			background-position: right top;
			margin-right: 10%;
			margin-left: auto;
			padding-right: 20px;
			width: 75%;


		}

		.rightPP{
			background-image: url("../assets/triangle5.png");
			background-repeat: no-repeat;
			background-position: right top;
		}

		.rightPPP{
			background-image: url("../assets/triangle_right_works7.png");
			margin-right: 16% !important;
		}

		.chat{
			position:relative;
			z-index:2;
			 /*border-bottom: 1px dashed rgba(38, 159, 185, 0.6);
			    margin-bottom: 20px;*/
		}
		.pseudobground{
		
			position: absolute;
			top:-40px;
			z-index:-1;
		}
		.currentProject{
			/*height:200px !important;*/
			height:auto !important;
			width: 100% !important;
	
		}
		.ajaxContent h3{
			width:100%;
			padding-top: 40px;
			/*position:relative !important;*/
		}
		h3 img{
			width:35px;
			display:inline;
		}
		.semblock.no-margin-padding-top{
			/*background-color:transparent ;*/
			/*margin-top:0 !important;
			padding-top:0 !important;*/
			padding-bottom:0 !important;
			border-bottom: none;

		}
		.semblock.no-margin-padding-top p.introp{

			/*margin-bottom: 0 !important;*/
		}
		.projbground{
			padding-top: 0px !important;
			/*background-color: rgba(255, 255, 255, 0.33);*/
			/*background-color: rgba(20, 20, 20, 0.33) !important;*/
			/*background-color:rgba(111, 174, 169, 0.96)!important;*/
			/*background-color: rgba(76, 154, 173, 1)!important;*/
			/*background-color: rgba(58,90,88,0.86)!important;*/
			/*background-color: rgba(53, 22, 19, 0.9)!important;*/
			/*background-color: rgba(141, 171, 174, 0.96)!important;*/
			/*background-color: rgba(106, 174, 169, 0.96)!important;*/
			/*background-color: rgba(234, 229, 232, 0.88)!important;*/
			margin-bottom: 20px;
			padding-bottom: 40px !important;
			padding-left: 0 !important;
			padding-right: 0 !important;

		}

		.ajaxContent{
			margin-top:0px;
			position:relative;
			top:0px;
			padding-bottom: 30px;
			height: 100%;
			margin-bottom: 20px;

			/*background-color: rgba(234, 229, 232, 0.88)!important;*/
			/*background-color: rgba(40, 82, 104, 0.65)!important;*/
			background-color: rgba(183, 214, 216, 0.15)!important;			
		}
		.fillHeight{
			height: 100% !important;
		}
		.no-touch .proj a .init:hover{
			background-color: #B92929 !important;
		}
		.no-touch .proj a .init h3:hover{
			color: #ffffff !important;
		}
		.init{
		    /*border: 5px solid #360808;*/
		    height: 120px;
		    width: 100%;
		   	/* top: -50px;*/
		    /*border-radius: 50%;*/
		    /*right: -50%;*/
		    /*margin: auto;*/
			position: relative;
			/*height:100%;*/
			/*margin-left:35px; 
			margin-right:15px;*/
			background-size:  550px 120px;
			background-repeat: no-repeat;
			background-position: center;
			/*background-color:rgb(31, 14, 5);*/
			/*background-color: rgb(33, 57, 62)!important;*/
			background-color: black !important;
			/*background-color: #0E5465 ;*/
			/*background-color:rgb(31, 14, 5) !important;*/
			-ms-behavior: url(css/backgroundsize.min.htc);
			behavior: url(css/backgroundsize.min.htc);
			/*box-shadow: -5px 5px 4px rgba(0,0,0,0.3);*/
			padding-bottom: 2px;
			/*box-shadow:-2px 2px 0 rgba(26, 46, 51, 0.4);*/
			    margin-left: 10px;
			     margin-right: 10px;
		}
		.currentActiveProject{
			/*border: 5px solid rgba(35, 35, 35, 0.5) !important;*/
			opacity: 0.9;
			background-color: #B92929 !important;
		}
		.currentActiveProjectTitle{
			color: rgba(35, 35, 35, 1) !important;
			text-shadow: none !important;
		}
		.proj{
			overflow:hidden;
			position:relative;
			float:left;
			/*height:180px;*/
			margin-left:0px;
			margin-right:0px;
			margin-bottom:25px;
			background-repeat:no-repeat; background-position: -10% -10%;
			padding-bottom: 5px;
		}
		.heroimg{

		}
		.projSequenceDJ{
			-webkit-clip-path: circle(46% at 50% 55%);
    		clip-path: circle(46% at 50% 55%);
			background-image: url("../images/djtable/animationtest.jpg");
			background-size: 2697px 300px;
			background-repeat: no-repeat;
			background-position: 0 -10%;
			width: 224.75px;
			height: 224.75px;


			-moz-animation-name: mueveCabezon;
			-moz-animation-duration: 0.8s;
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: steps(11);
			-moz-animation-direction: alternate;

			-webkit-animation-name: mueveCabezon;
			-webkit-animation-duration: 0.8s;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: steps(11);
			-webkit-animation-direction: alternate;


			animation-name: mueveCabezon;
			animation-duration: 0.8s;
			animation-iteration-count: infinite;
			animation-timing-function: steps(11);
			animation-direction: alternate;
			position:relative;
			left: 50%;
			margin-left: -112.375px;
		}

		@keyframes mueveCabezon{
			from{background-position: 0px 20px;}
			to{background-position: -2472.25px 20px;}
		}
		.projimg{
			margin-bottom: 50px;
			position:relative;
			margin-left:auto;
			margin-right:auto;
		}
		.projimg img{
			-webkit-clip-path: circle(37% at 50% 50%);
    		clip-path: circle(37% at 50% 50%);
		}
		.heroimg img{
			-webkit-clip-path: none !important;
    		clip-path: none !important;	
		}
		.proj .captionx{
			line-height: 2 !important;
			color: #d6e4f8 !important;
		}
		.video iframe{
			margin-left: auto;
			margin-right: auto;
			/*width:100%;
			height: 200px;*/
			width: 100vw;
			height: 63.77vw;
			padding-bottom: 0px
		}

		.pegavideo iframe{

			width: 100% !important;
			height: 56.22vw !important;			
		}
		.carrito iframe{

			width: 100% !important;
			height: 75vw !important;			
		}
		.chamevideo iframe{

			width: 100% !important;
			height: 56.2vw !important;			
		}
		.100percenter{
			width : 100% !important;

		}
		.video{
			position: relative;
			text-align: center;
			margin-right: auto;
		}
		.projcaption{
			position:absolute;
			bottom:0px;
		}
		.hero{
			background-repeat:no-repeat;
			background-position:top center;
			background-size: cover;
			position: relative;
			top:0;
    		padding-top: 50px !important;
			z-index: 0;
			width: 100%;
			padding-top: 0px;
			/*padding-right: 20px;*/
			/*height:300px;*/
			/*margin-left:15px;
			margin-right: 15px;*/
			margin-bottom: 15vh;
			/*background-color: #480c0c;*/
			/*background-color: rgba(101, 17, 17, 0.89);*/
		}
		#workshopsP{
			background-image: url('../images/workshops/outerSpaceDirection.jpg');
			background-repeat: no-repeat;
		}
		#nbresearchP{
			background-image: url('../images/nbresearch/posturess2.jpg');
			background-repeat: no-repeat;
		}
		#herculesappP{
			background-image: url('../images/herculesapp/fitnessman.png');
			background-repeat: no-repeat;
		}
		#djtableP{
			background-image: url('../images/djtable/djTableHero.jpg');
			background-repeat: no-repeat;
		}
		#kgbP{
			background-image: url('../images/kgb/headshot.jpg');
			background-repeat: no-repeat;
		}
		#ditdP{
			background-image: url('../images/ditd/ditd2.jpg');
			background-repeat: no-repeat;
		}
		#herculesP{
			background-image: url('../images/hercules/hand.jpg');
			background-repeat: no-repeat;
		}
		#oraP{
			background-image: url('../images/ora/may.jpg');
			background-repeat: no-repeat;
		}
		#chameleonP{
			background-image: url('../images/chameleon/comput.jpg');
			background-repeat: no-repeat;
		}	
		.hero .projimg.heroimg{

			margin-bottom: 0px !important;
		}
		.opaquito{
			opacity: 0.9 !important;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
		}
		.menuhack{
			height: 54px;
			opacity: 0.3;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			z-index:2;
			width:auto;
			/*'inherited'*/
			/*padding-top: 10px !important;*/
			top: 0px;
			display: flex;              /* establish flex container */
		    flex-direction: column;
		    justify-content: center; 
			left: 0 !important;
			right:0px !important;
			margin:0px !important;
			position: fixed;
			margin:0px !important;
			padding-left: 15px !important;
			padding-right: 50px !important;
			font-family: 'merriweather_sansbook', 'Futura', 'Arial Black', sans-serif !important;  
			/*line-height:.7 !important;*/

			color: white !important;
			/*background: #390c00;*/
		}
		.menuhack h3{
			text-align: left;
			padding: 0 !important;
			margin: 0 !important;
			font-family: 'merriweather_sansbook', 'Futura', 'Arial Black', sans-serif !important;  
			font-size:0.7em !important;
			line-height: inherit;
			color: #FFE36E;
			text-shadow:-1px 1px 0 rgba(0, 0, 0, 0.2);
		}

		.hero h3{
			color: #F5D1A2 !important;
			text-align: left !important;
			text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
			padding-top: 10px !important;
			padding-bottom: 8px !important;
			font-size: 1.2em !important;
			background-color: #DE2D2D !important;
			/*display:inline !important;*/
		}
		.proj .hero h3{
			display: inline !important; 
			box-shadow: -2px 8px 6px -6px rgba(0, 0, 0, 0.3);
			position: relative !important;
		}
		.proj .hero h3::before{
		    /*content: "";
		    background-image: url("../assets/arrow_project.png");
		    background-size: 12px 12px;
		    width: 23px;
		    height: 23px;
		    background-repeat: no-repeat;
		    background-position: center center;
		    /* margin-right: 24px; */
		    display: inline-block;
		    position: relative;*/
		}
		.hero h4{
			position:absolute;
			width: auto;
			bottom: 20px;
			display: inline;
			margin:0px !important;
			margin-left: 15px !important;
			margin-right: 15px !important;
			margin-top: 20px;
			padding: 5px 10px !important;
			text-align: left;
			font-family:   'Futura', 'Arial Black', sans-serif;
			color: #FCEAB9 !important;
			font-size:18px;
			line-height:1.8;
			background-color: rgba(26, 46, 51, 0.6);
			display:none;
		}
		.behindmaybe{
			position: absolute;
			z-index: -3;
			width:100%;
			height:100%;
			background-color: #4cc2de;
		}
		.projcoda{
			display: none;
			background-color: #4cc2de;
			margin-top:5px;
			margin-left:15px;
			margin-right: 35px;
			text-align: left;
			padding:6px;
			font-family:  'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif; 
			color:#000000;
			font-size:16px;
			line-height:1.8;
		}
		.disabled{
			opacity: 0.5;
		}
		.projcoda span{
			color: #ffffff;
		}

		#chameleon .init{background-image: url("../images/thumbs/chameleon_thumbo.gif");}
		#ora .init{background-image:url("../images/thumbs/ora_thumb.gif");}
		#hercules .init{background-image: url("../images/thumbs/hercules_thumb.gif");}
		#ditd .init{background-image: url("../images/thumbs/ditd_thumb.gif");}
		#hungries .init{background-image: url("../images/thumbs/hungries_thumb.gif");}
		#nomnom .init{background-image: url("../images/thumbs/nomnom_thumb.gif");}
		#kgb .init{background-image: url("../images/thumbs/kgb_thumbo.gif");}
		#mule .init{background-image: url("../images/thumbs/mule_thumb.gif");}
		#djtable .init{background-image: url("../images/thumbs/dj_thumb2.gif");}
		#games .init{background-image: url("../images/thumbs/games_thumb.gif");}
		#dashboard .init{background-image: url("../images/thumbs/unimax_thumb.gif");}
		#acg .init{background-image: url("../images/thumbs/acg_thumb.gif");}
		#herculesapp .init{background-image: url("../images/thumbs/herculesapp_thumb.gif");}
		#nbresearch .init{background-image: url("../images/thumbs/nbtaskforce_thumb.gif");}
		#workshops .init{background-image: url("../images/thumbs/workshops_thumb.gif");}	

		.proj .init h3{
			background-image: none;
			position:absolute;
			top: 0px;
			left: 0px;
			margin:0 !important;
			padding:0 !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
			padding: 5px 10px !important;
			font-family:  'merriweatherregular','League Spartan', 'merriweather_sansbook',  'Futura', 'Arial Black', sans-serif;
			font-size:24px !important;
			line-height:1.6 !important;
			height:100%;
			width: 100%;
			/*color:rgb( 252, 234, 185) !important;*/		
			/*color:#ffffff !important;
			color:#4cc2de !important;*/
			color:#fff !important;
			/*color:rgb( 252, 234, 185) !important;*/
			text-shadow:-2px 2px 0 rgba(26, 46, 51, 0.0);
			text-shadow:-2px 2px 0 rgba(26, 46, 51, 0.4);
			/*background-color: rgba(26, 46, 51, 0.0);*/
		}
		.proj h3{
			text-align: center;
			position: absolute;
			top: 0px;
			display: block;
			z-index: 1;
			margin:0px !important;
			padding-top: 5px;
			margin-bottom:0px !important;
			margin-right:0px !important;
			padding-left: 10% ;
			padding-right: 20px !important;
			font-family:   'fatazregular', 'League Spartan', 'merriweather_sansbook', 'merriweatherregular','Futura', 'Arial Black', sans-serif;
			font-family:   'merriweather_sansbook', 'merriweatherregular','Futura', 'Arial Black', sans-serif;
			font-size: 0.8em !important;
			line-height:1.6 !important;
			/*color:#bc2800 !important;*/
			color:rgb( 252, 234, 185) !important;
			/*color: rgb(249, 252, 242) !important;*/
			/*color: rgb(4, 4, 4) ;*/
			/*color: #360808;*/
			/*color: rgba(101, 17, 17)!important;*/
			/*background-image: url("../bground20_20.png");*/
			background-size: 5px 5px;
			text-shadow:-2px 2px 0 rgba(26, 46, 51, 0.4);
			/*background-color: #000;*/
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.proj .story{
			padding-top: 5px;
		}
		.proj .story p{
			padding-left: 15px !important;
			padding-right: 40px !important;

			padding-top:15px;
			padding-bottom:15px;

			text-align: left;

			font-family: 'merriweatherregular', Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
			/*color:#4c311e !important;*/
			/*color:#f2fcfe !important;*/
			/*color: #FCEAB9 !important;*/
			/*color:#fefcd7 !important;*/
			color: #3f2010 !important;
			font-size:16px;
			line-height:1.8;
			margin-bottom: 10px;
		}
		.container_gallery{
			position:relative;
			padding-right: 0px;
			padding-top: 40px;
			padding-bottom: 40px;
		}
		.no_margin{
			padding: 0 !important;
		}
		.loading{
			position:absolute;
			height:100%;
			width:100%;
			background-image: url("../assets/loader.gif");
			background-position: center center;
			background-repeat: no-repeat;
			background-color: rgba(76, 194,222,0.4);
			z-index:10;
		}
		.loading img{
			top:50%;
			left:50%;
		}
		.semblock{
			padding-right: 25px;
			padding-left: 25px;
			padding-top: 25px;
			padding-bottom: 20px;
			background-color: rgba(76, 154, 173, 0.5);
		}
		.semblock > p:not(.introp){
				padding-top: 15px;
				border-top: 1px solid rgba( 76, 194, 222, 0.85);
		}
		p.introp a, .semblock p a{
			text-decoration: none;
			color: inherit;
			border-bottom: 1px solid rgba(6, 118, 150, 0.8);
		}

		.no-touch p.introp a:hover, .semblock p a:hover{
			color: inherit;
			border-bottom: 2px solid rgba( 76, 194, 222, 0.85);
		}

		.im{
			position:relative;
			display: block;
			text-align:center;
			margin-top: 20px;
			margin-bottom: 25px;
			
		}
		.semblock .im img{
			position: relative;
			left:0;
			right: 0;	
			padding-bottom:10px;
		}

		.slideIn{
			display:block;
			-moz-animation-name: slideStuffe;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.05s;
		
			-webkit-animation-name: slideStuffe;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.05s;
		
			animation-name: slideStuffe;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.05s;
		}
		@-moz-keyframes slideStuff {
			from{
			-moz-transform: translateX(10px);
			}
			to {
			-moz-transform: translateX(0px);
			}
		}
		@-webkit-keyframes slideStuff {
			from {
			-webkit-transform:  translateX(10px);
			}
			to {
			-webkit-transform: translateX(0px);
			}
		}
		@keyframes slideStuff {
			from {
			transform: translateX(10px);
			}
			to{
			transform: translateX(0px);
			}
		}
		.expanded2{
			position:relative;
			display:inline;width:20px;

			-ms-transform: translateY(14px)  rotate(90deg);
			-moz-transform: translateY(14px)  rotate(90deg);
			-webkit-transform: translateY(14px)  rotate(90deg);
			transform: translateY(14px)  rotate(90deg);
		}
		.line .expanded, .line .expanded2{

			margin-left: -0.25em;

			-moz-animation-name: fixSpacing;
		    animation-iteration-count: 1;
		    animation-timing-function: ease-out;
		    animation-duration: 1.2s;
		
			-webkit-animation-name: fixSpacing;
		    animation-iteration-count: 1;
		    animation-timing-function: ease-out;
		    animation-duration: 1.2s;
		
			animation-name: fixSpacing;
		    animation-iteration-count: 1;
		    animation-timing-function: ease-out;
		    animation-duration: 1.2s;
		}

		@-moz-keyframes fixSpacing {
			from{
			margin-left: 0em;
			}
			to {
			margin-left: -0.25em;
			}
		}
		@-webkit-keyframes fixSpacing {
			from {
			margin-left: 0em;
			}
			to {
			margin-left: -0.25em;
			}
		}
		@keyframes fixSpacing {
			from {
			margin-left: 0em;
			}
			to{
			margin-left: -0.25em;
			}
		}

		.expanded{
			position:relative;
			display:inline;width:20px;
			-ms-transform: translateY(14px)  rotate(90deg);
			-moz-transform: translateY(14px)  rotate(90deg);
			-webkit-transform: translateY(14px)  rotate(90deg);
			transform: translateY(14px)  rotate(90deg);
			
			-moz-animation-name: rotateCaret;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.1s;
		
			-webkit-animation-name: rotateCaret;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.1s;
		
			animation-name: rotateCaret;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.1s;
		}
		@-moz-keyframes rotateCaret {
			from{
			-moz-transform: translateY(1px) rotate(10deg);
			}
			to {
			-moz-transform: translateY(14px) rotate(90deg);
			}
		}
		@-webkit-keyframes rotateCaret {
			from {
			-webkit-transform: translateY(1px) rotate(10deg);
			}
			to {
			-webkit-transform: translateY(14px) rotate(90deg);
			}
		}
		@keyframes rotateCaret {
			from {
			transform: translateY(1px) rotate(10deg);
			}
			to{
			transform: translateY(14px) rotate(90deg);
			}
		}
		.zh .expanded2{
			position:relative;
			display:inline;width:20px;
			-ms-transform:  rotate(90deg);
			-moz-transform:   rotate(90deg);
			-webkit-transform:  rotate(90deg);
			transform:  rotate(90deg);
		}
		.zh .expanded{
			position:relative;
			display:inline;width:20px;
			-ms-transform:  rotate(90deg);
			-moz-transform:   rotate(90deg);
			-webkit-transform:   rotate(90deg);
			transform:  rotate(90deg);
			
			-moz-animation-name: rotateCaret_zh;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.1s;
		
			-webkit-animation-name: rotateCaret_zh;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.1s;
		
			animation-name: rotateCaret_zh;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.1s;
		}
		@-moz-keyframes rotateCaret_zh {
			from{
			-moz-transform: rotate(10deg);
			}
			to {
			-moz-transform:rotate(90deg);
			}
		}
		@-webkit-keyframes rotateCaret_zh {
			from {
			-webkit-transform: rotate(10deg);
			}
			to {
			-webkit-transform: rotate(90deg);
			}
		}
		@keyframes rotateCaret_zh {
			from {
			transform: rotate(10deg);
			}
			to{
			transform:  rotate(90deg);
			}
		}
		.h2title{

			margin-left:10%;
		}
		p.introp, .semblock > p{
			padding-top:0px;
			padding-bottom:8px;

			color: #4d413d; 			
			color: #c7f3fe;
			color: #edfbff;
			color: #fff;
			color: #192C31;
			color: #243D44;
			/*color: #FCEAB9;*/
			text-align:left;
			font-size:17px;
			line-height:1.6;
			margin-bottom:24px;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
			font-family: 'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;

			margin-left:10%;
			margin-right:10%;
		}
		.zh p.introp,.zh .semblock > p{
			font-size:20px;
			font-family:  helvetica, Arial,'微軟正黑體', sans-serif;
		}
		p.introp{
			margin-bottom:35px !important;
			text-align: left;
			word-wrap: break-word;
			-webkit-hyphens: manual;
			-moz-hyphens: manual;
			hyphens: manual;
			
			padding-left:15px;
			padding-right: 15px;
			/*padding-top: 5px;*/
			padding-bottom: 25px;

		}
		.w70 img{

			width:50%;
			/* border-radius: 50%;
			background-color: #178399;*/
		}
		.w80 img{
			width:60%;
		}
		.leftP p{
			color:#4c311e !important;/*blueish f6ffff brown 3f2919*/
			float:left;
			padding: 10px;

			padding-top:15px;
			padding-bottom:15px;
			/*width:100%;*/
			text-align: left;
			text-shadow: 
			2px 0 0 rgba(36, 223,216, 0.0),
			-2px 0 0 rgba(242, 91, 54, 0.0);

			background-color: rgba(255, 245, 240, 0.82);	
			border-top-right-radius: 35px;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 25px;

		}
		.leftPPP p, .leftPP p{
			float:left;
			padding: 10px;

			padding-top:20px;
			padding-bottom:20px;
			/*width:100%;*/

			text-align: left;
			background-color: rgba(30, 46, 51, 0.7);
			background-color: rgba(255, 245, 240, 0.82);	
			background-color: rgba(76, 194, 240, 0.82);
			background-color: rgba(221, 118, 53, 0.82);

			background-color: rgba(250, 118, 53, 0.82) ;
			background-color: rgba(221, 142, 53, 0.82);

			background-color: rgba(187, 155, 99, 0.82);
			background-color: rgba(221, 142, 53, 0.92);
			background-color: rgba(224, 137, 39, 0.92);
			background-color: rgba(128, 93, 12, 0.92);
			background-color: rgba(188, 76, 23, 0.92);

			color:#c7f3fe ;
			color:#4c311e ;
			color:#211506 !important;
			color: #fcf9f1 !important;

		   	/* color: #23221E ;*/
		  	/* color: #151412 !important;*/
		    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.2) !important;
			border-top-right-radius: 35px;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 25px;
    		box-shadow: -2px 8px 6px -6px rgba(0,0,0,0.3);
		}
		.leftPPP p, .leftPP p, .leftP p	{
			max-width:80%;
		}
		.leftPPP p{
			/*background-color: rgba(242, 234, 164, 0.82);
			background-color: rgba(76, 194, 240, 0.82);*/
			/*background-color: rgba(65, 165, 204, 1) !important;
			background-color: rgba(55, 140, 173, 1) !important;*/
			background-color: rgba(152, 66, 16, 0.85) !important;
			border-top-right-radius: 35px;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 25px;
			/*color: black !important;
			text-shadow: -1px 1px 0 rgba(253, 253, 253, 0.3) !important;*/
		
			/*background-color: rgba(232, 172, 158, 0.85) !important;*/
			/*background-color: rgba(151, 205, 240, 0.85) !important;*/
			/*background-color: rgba(50, 190, 248, 0.85) !important;*/
			color: #504242 !important;
			text-shadow: -1px 1px 0 rgba(61, 61, 61, 0.3) !important;
			/*background-color: rgba(30, 156, 220, 0.85) !important;*/
			/*background-color: rgba(33, 145, 189, 0.85) !important;*/
			background-color: rgba(102, 196, 232, 0.85) !important;
			background-color: rgba(214, 241, 246, 0.85) !important;			
		}
		.rightP p{
			margin-right:0px;
			padding: 10px;
			display:block;
			float:right;
			clear:both;
			/*fbdebf*/
			max-width:70%;
			text-shadow: 
			2px 0 0 rgba(36, 223,216, 0.0),
			-2px 0 0 rgba(242, 91, 54, 0.0);

			text-align: left;
			background-color: rgba(240, 240, 240, 0.7);

			border-top-left-radius: 25px;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 25px;
		
			background-repeat: no-repeat;

		}

	/*	#wear .rightPP p{

			background-color: rgba(134, 158, 85, 0.70);
		}

		#wear .leftPP p{

			background-color: rgba(179, 168, 84, 0.82);
		}

		#play .rightPP p{

			background-color: rgba(10, 116, 136, 0.82);
		}

		#play .leftPP p{

			background-color: rgba(10, 133, 156, 0.82);
		}

		#pixels .rightPP p{

			background-color: rgba(187, 139, 80, 0.82);
		}

		#pixels .leftPP p{

			background-color: rgba(158, 130, 94, 0.82);
		}
		#meta .rightPP p{

			background-color: rgba(195, 144, 77, 0.82);
		}

		#meta .leftPP p{

			background-color: rgba(167, 139, 60, 0.82);
		}
		/*#wear .rightPP p, #play .rightPP p, #pixels .rightPP p, #meta .rightPP p{

			background-color: rgba(10, 140, 156, 0.82);

			background-color: rgba(76, 194, 222, 0.8);

		}

		#wear .leftPP p, #play .leftPP p, #pixels .leftPP p, #meta .leftPP p{ 

			background-color: rgba(10, 133, 156, 0.82);
			background-color: rgba(70, 183, 210, 0.8);
		}*/


		/*#wear .rightPP p, #play .rightPP p, #pixels .rightPP p, #meta .rightPP p{

			background-color: rgba(10, 116, 136, 0.82);
		}

		#wear .leftPP p, #play .leftPP p, #pixels .leftPP p, #meta .leftPP p{

			background-color: rgba(10, 133, 156, 0.82);
		}*/
		#wear .rightPP p, #play .rightPP p, #pixels .rightPP p, #meta .rightPP p{
			/*background-color: rgba(105, 144, 132, 0.92);
			background-color: #54B4CB;
			
			background-color:#458EA0;
			background-color:#3d8394;
			background-color:#088394;
			background-color: #C73F08;*/
			background-color: rgba(33, 138, 165, 0.92);
			box-shadow: -2px 8px 6px -6px rgba(0,0,0,0.3);
		}
		#wear .leftPP p, #play .leftPP p, #pixels .leftPP p, #meta .leftPP p{

			background-color: rgba(94, 129, 123, 0.92);
			background-color:rgba(77, 114, 142, 0.92);
			background-color:#4696a9;
			background-color: #967B52;
			background-color:#CEA83D;
			background-color:#DAB54A;
			/*background-color:#BD931C;*/
			background-color:#967B52;ƒ
			background-color:#5FB2D0;
			background-color:#72B4CC;
			
			background-color:#469CB5;
			background-color:#2D9CB5;
			background-color:#3AC1D4;
			background-color:#967B52;
			background-color:#AD8563;
			background-color: #088394;
			box-shadow: -2px 8px 6px -6px rgba(0,0,0,0.3);
		}

		#wear .leftPP , #play .leftPP , #pixels .leftPP, #meta .leftPP {

		    background-image: url("../assets/triangle_left.png");
		}
		#wear .rightPP , #play .rightPP , #pixels .rightPP, #meta .rightPP{

		    background-image: url("../assets/triangle_right2.png");  
		}
		.rightPPP p, .rightPP p{
			margin-right:0px;
			font-size: 20px;
			padding: 10px;
			padding-top:20px;
			padding-bottom:20px;
			display:block;
			float:right;
			clear:both;
			/*fbdebf*/
			max-width:70%;
			color:#c7f3fe;
			color:#4c311e ;
			color:#3d270d; 
			color:#211506 !important;
			color: #fcf7e9 !important;
			text-align: left;

			background-color: rgba(221, 118, 53, 0.92);
			background-color: rgba(234, 113, 36, 0.92);

			/*background-color:#4cc2de;*/

			border-top-left-radius: 25px;
			border-bottom-right-radius: 35px;
			border-bottom-left-radius: 25px;
		
			font-size: 16px;
			line-height:1.8;
			background-repeat: no-repeat;
    		box-shadow: -2px 8px 6px -6px rgba(0,0,0,0.3);
		}
		.rightPPP p{
			/*background-color: rgba(66, 189, 210, 0.82) !important;*/
			/*background-color: rgba(35, 150, 166, 0.82) !important;*/
			/*background-color: rgba(205, 115, 48, 0.82) !important;*/
			/*background-color: rgba(205, 115, 48, 0.85) !important;*/
			/*background-color: rgba(189, 121, 45, 0.69) !important;*/
			/*background-color: rgba(171, 93, 53, 0.69) !important;*/
			/*background-color: rgba(171, 87, 43, 0.79) !important;*/
			/*background-color: rgba(213, 108, 54, 0.79) !important;*/
    		/*color: black !important;*/
			/*text-shadow: -1px 1px 0 rgba(253, 253, 253, 0.3) !important;*/
	
			/*background-color: rgba(232, 200, 183, 0.79) !important;*/
			/*background-color: rgba(141, 223, 250, 0.79) !important;	*/
			/*background-color: rgba(51, 226, 255, 0.79) !important;*/
			/*color: white !important;*/
			color: #5F4E4E !important;
			text-shadow: -1px 1px 0 rgba(40, 40, 40, 0.3) !important;
			/*background-color: rgba(42, 167, 200, 0.92) !important;*/
			/*background-color: rgba(200, 90, 48, 0.92) !important;*/
			/*background-color: rgba(169, 93, 51, 0.92) !important;	*/
			background-color: #b8edf6!important;		
		}
		.rightPPP p, .rightPP p, .rightP p, .leftPPP p, .leftPP p, .leftP p{
			text-shadow: -1px 1px 0 rgba(0,0,0, 0.3);

			margin-bottom: 72px;
			padding-left: 20px !important;
			padding-right: 20px !important;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
			font-family: 'merriweather_sansbook', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
			font-family: 'merriweatherregular', Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-size:16px;
			line-height:1.8;
		}
		a .arrow{
			display:none;
		}
		h2{
			color: #f0f0f0;
			font-size: 25px;
			text-align: center; 
			font-family:  'Futura', 'Arial Black', sans-serif;
			text-shadow: 
			-5px 5px 0 rgba(52, 0, 0, 0.0);
		}
		.metaheader{
			position:relative;
			z-index: 3;
		}
		.headerd img{
			display: block;
			margin: 0px auto;

			margin-left: -240px;
			margin-right: -240px;
			position: absolute;
			left: 50%;
			    bottom: -240px;
	    	
			/*top: 210px;

			-webkit-transform: translateY( -50%);
			-moz-transform: translateY(-50%);
			-ms-transform:  translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);*/
		}

		.headerd{
			padding-bottom: 0 !important;
	  		text-align: center;
			position:relative;
			height:350px;
			height:45vh;
			margin:0 0px 0px 0px;
			background-image: url("../assets/bground_header_40_40_@1x.png");
			background-size:  5px 5px;
			background-repeat: repeat;

			background-color:rgb(42,9,0);
			padding-left: 5%;
			padding-right: 5%;
		}
			.no-csstransforms .headerd img{

			top: -50px;
		}

		#top{
			overflow: hidden;
		}
		
		.headerd h1{
			font-size: 80px;
			margin: 0;
			margin-top : 1px;
			padding: 7px 0 ;
			padding-top: 2px;
			padding-right: 10px;
			padding-left: 10px;
			padding-bottom: 0px;
			text-align: left;
			text-align: center;
			color: #222;
			text-shadow: 
			5px 0 0 rgba(36, 223,216, 0.5),
			-5px 0 0 rgba(250, 91, 54, 0.6);
			opacity: 1;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		}
		
		.headerd h1 span{
			padding-top: 10px;
			color: rgb(34,34,34);
			display: inline-block;
			position: relative;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		a #dumpling{
			margin: 0;
			padding: 0;

		}
		.closer{
			margin-right: 15px;
			top: 85px;
			background-repeat: no-repeat;
			float: right;
			z-index: 4;
			right: 0px;
			position: absolute;
			display:none;
		}

		#menubutton{
/*			border-top: 2px solid rgba(96, 17, 17,0.8);*/
			position: fixed;
			height:0;
			top: 0px;
			right: 0px;
			z-index: 9000;
			padding: 0;
			/*padding-top: 5px;*/
			opacity:0;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			border-top: 2px solid rgba(96, 17, 17,0.8);

		}
		#menubutton, #dumpling{
			display:none;
		}
		.extraHeader{
			opacity:1 !important;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		}
		
		.a_up a, .a_down a, #arrow_up a, #arrow_up_p a, #arrow_down a, #arrow_down_p a, .closer a, #menu_p a{
			display:block;
			width:35px;
			height:35px;
		}
		#dumpling{
			width:100%;
			height:100%;
			background-repeat: no-repeat;
			background-image: url('../assets/circle_whirl_@1x.png');
			background-size: 35px 35px;
			background-position: right 7px;	
						
		}  
		.blackened{
			background-color: #010203 !important;
		}
		.beriberi{
			-moz-animation-delay: 0.3s;
			-moz-animation-name: beriberiAnim;
			-moz-animation-duration: 0.63s;
			-moz-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
			-moz-animation-iteration-count: 80;
			-moz-animation-direction: alternate;

			-webkit-animation-delay: 0.3s;
			-webkit-animation-name: beriberiAnim;
			-webkit-animation-duration: 0.63s;
			-webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
			-webkit-animation-iteration-count: 80;
			-webkit-animation-direction: alternate;

			animation-delay: 0.3s;
			transform-origin: 60% 40%;
			animation-name: beriberiAnim;
			animation-duration: 0.63s;
			animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
			animation-iteration-count: 80;
			animation-direction: alternate;
		}

		-moz-@keyframes beriberiAnim{
			/*from{transform: scale3d(1, 1,0);}
			to{transform: scale3d(1.016, 1.016,0);}*/
			from{transform: translate3d(0, 0, 0);}
			to{transform: translate3d(5px, 0px, 0);}
		}
		-webkit-@keyframes beriberiAnim{
			/*from{transform: scale3d(1, 1,0);}
			to{transform: scale3d(1.016, 1.016,0);}*/
			from{transform: translate3d(0, 0, 0);}
			to{transform: translate3d(5px, 0px, 0);}
		}
		@keyframes beriberiAnim{
			/*from{transform: scale3d(1, 1,0);}
			to{transform: scale3d(1.016, 1.016,0);}*/
			from{transform: translate3d(0, 0, 0);}
			to{transform: translate3d(5px, 0px, 0);}
		}
		.beriberi2{
			
			-moz-animation-name: beriberiAnim;
			-moz-animation-duration: 0.63s;
			-moz-animation-timing-function: linear;
			-moz-animation-iteration-count: infinite;
			-moz-animation-direction: alternate;

			-webkit-animation-name: beriberiAnim;
			-webkit-animation-duration: 0.63s;
			-webkit-animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;

			transform-origin: 60% 40%;
			animation-name: beriberiAnim;
			animation-duration: 0.63s;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
			animation-direction: alternate;
		}


		#nav-open-btn{
			float:right;
			display: block;
			width:35px;
			height:35px;
			margin-top: 5px;
			background-repeat: no-repeat;
			background-image: url('../assets/circle_menu.png');

			background-size: 70px 70px;
			background-position: 0 0;
		}

		.menu-project{
			background-image: url('../assets/circle_menu_p.png') !important;

		}
		.no-touch .nav-open-btn-c:hover{
			background-position: -35px -35px !important;
		}


		 .js-nav.no-touch  .nav-open-btn-c:hover{
			background-position: -35px 0px !important;
		}

		.closer a{
			background-repeat: no-repeat;
			background-image: url('../assets/ss_1_@1x.png');
			background-size: 105px 70px;
			background-position: 0 0;
		}

		#arrow_up a, .a_up a{
			background-repeat: no-repeat;
			background-image: url('../assets/ss_1_@1x.png');
			background-size: 105px 70px;
			background-position: -35px 0px;
		}
		#arrow_up_p a{
			background-repeat: no-repeat;
			background-image: url('../assets/ss_1_p_@1x.png');
			background-size: 105px 70px;
			background-position: -35px 0px;
		}

		#arrow_down a, .a_down a{
			background-repeat: no-repeat;
			background-image: url('../assets/ss_1_@1x.png');
			background-size: 105px 70px;
			background-position: -70px 0;
		}
		#arrow_down_p a{
			background-repeat: no-repeat;
			background-image: url('../assets/ss_1_p_@1x.png');
			background-size: 105px 70px;
			background-position: -70px 0;
		}
		#menu_p a{
			background-repeat: no-repeat;
			background-image: url('../assets/menu_p.png');
			background-size: 140px 70px;
			background-position: -105px 0;
		}
		#arrow_down_shadow{
			background-position: -70px 0;
			top: 110px;	
		}
		#arrow_up_shadow{


			background-position: -35px 0px;
			top: 60px;

		}

		#arrow_down_shadow, #arrow_up_shadow{
			margin-right: 15px;
			background-image: url('../assets/ss_shadow.png');
			background-size: 105px 70px;
			background-repeat: no-repeat;
			margin-right: 15px;
			float: right;
			z-index: -3;
			right: 0px;
			width: 35px;
			height: 35px;
			position: absolute;
			display:none;
		}
		.no-touch #arrow_up a:hover, .no-touch #arrow_up a:focus, .no-touch #arrow_up a:active{

			background-position: -35px -35px;
		}
		.no-touch #arrow_up_p a:hover, .no-touch #arrow_up_p a:focus, .no-touch #arrow_up_p a:active{

			background-position: -35px -35px;
		}

		.no-touch #arrow_down a:hover, .no-touch #arrow_down a:focus, .no-touch #arrow_down a:active{

			background-position: -70px -35px;

		}

		.no-touch #arrow_down_p a:hover, .no-touch #arrow_down_p a:focus, .no-touch #arrow_down_p a:active{

			background-position: -70px -35px;

		}

		.no-touch .closer a:hover, .no-touch .closer a:focus, .no-touch .closer a:active
		{		
			background-position: 0px -35px;
			
		}



		#arrow_up, #arrow_up_p, #arrow_down, #arrow_down_p, #menu_p{
			margin-right: 15px;
			background-repeat: no-repeat;
			float: right;
			z-index: 10;
			right: 0px;
			position: absolute;
			display:none;
		}
		#arrow_up{


		}
		#arrow_down{

		}
		 #shadows{
		 	z-index: -3!important;

		 }
		#arrow_up, #arrow_up_p{
			
			top: 60px;
		}

		
		#arrow_down, #arrow_down_p{
			top: 110px;
		}

		#menu_p{
			top: 35px;
		}
		#dumpling{
			position: fixed;
			top: 252px;
			top: 0px;
			right: 0px;
			z-index: -1;

			/*opacity: 0;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
		}
		
	
		@-moz-keyframes enterDumpling {
			0% {
			-moz-transform: translateX(40px);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			100% {
			-moz-transform: translateX(0);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		
		@-webkit-keyframes enterDumpling {
			0% {
			-webkit-transform: translateX(40px);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			100% {
			-webkit-transform: translateX(0);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		@keyframes enterDumpling {
			0% {
			transform: translateX(40px);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity:0;
			}
			100% {
			transform: translateX(0);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity:1;
			}
		}
		.enterAnim{

			-moz-animation-name: enterDumpling;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.4s;
			-moz-animation-fill-mode: forwards;

			-webkit-animation-name: enterDumpling;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.4s;
			-webkit-animation-fill-mode: forwards;

			animation-name: enterDumpling;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.4s;
			animation-fill-mode: forwards;

		}
		#nav-open-btn{
		}
		#smile{
			z-index:-1;
		}
		.transpo{
			background-color:rgba(0,0,0,0.0) !important;
		}
		.quiettitle{
			text-align :left !important;
			/*color: #D43F0E !important;*/
			/*color: #ffffff !important;*/
			/*color: #fceab9 !important;*/
			/*color: #7B1E0D  !important;*/
			/*last known good color below*/
			/*color: #D43F0E !important;*/
			/*color: #046777 !important;*/
			/*color:#C34F05  !important;*/
			/*text-shadow: -8px 8px 0 rgba(26, 46, 51, 0.2) !important;*/
			/*text-shadow: -8px 8px 0 rgba(195, 75, 5, 0.8) !important;*/
		}
		.no-touch .quiettitle:hover{
			color: #54B4CB !important;
			text-shadow:-8px 8px 0 rgba(26, 46, 51, 0.1) !important;
		}
		.smallgraph{
			background-color:rgba(0,0,0,0.08);
			margin-right:auto;
			background-image:url('../assets/arrow_@1x.png');
			background-repeat: no-repeat;
			background-size: 30px 15px;
			background-position:  15% 0;
			width:100%;
			height:30px;
			clear: both;
			margin-top:0;
			padding:0;
			margin-bottom: 0px;
			padding-bottom:40px;
		}
		.subter{
			position:relative;
			/*background-color:rgba(12,0,0,0.2);*/
			margin-left:auto;
			margin-right:auto;
			width:70%;
			display:block;
			clear: both;
			margin-top: 20px;
			margin-bottom: 35px;
			padding:0;
		}
		.subter img.lazy{
			width: 100%;
			height: 100%;
			/*background-color:rgba(0,23,0,0.2);*/
		}

		.sectionx{
			-webkit-hyphens: manual;
			-moz-hyphens: manual;
			-ms-hyphens: manual;
			hyphens: manual;
			background-color: rgba(0,0,0,0.08);
			/*border:1px solid black;* /
			/*border:1px solid;
			border-top-color: red;
			border-bottom-color: yellow;*/
			margin-left:0px;
			padding-bottom: 30px;
		}
		.sectionx h1{
			display: none;
			text-align: center;

			/*border-left: solid 10px #FF2A00;*/
			text-rendering: optimizeLegibility;
			-webkit-font-variant-ligatures: common-ligatures; /* for iOS and Safari 6 */
			font-variant-ligatures: common-ligatures; /* for up-to-date browsers, including IE10 and Opera 21 */
			font-feature-settings: "kern";
			-webkit-font-feature-settings: "kern";
			-moz-font-feature-settings: "kern";
			-moz-font-feature-settings: "kern=1";
			font-kerning: normal;
			font-size: 30px;
			letter-spacing: -1px;
			/*border-bottom: 3px solid black;*/
			margin-top:0;
			margin-bottom: 0;
			padding-bottom: 10px;
			padding-top: 22px;
			margin: 0px auto;
			padding-left: 0px;
			padding-left: 10px;
			padding-right: 10px;
			color: #333;
			/*color: #415b73;*/
			font-family:  'Futura', 'Arial Black', sans-serif;
		}
		.footersection{/*margin-bottom: 20px;*/}

		.collapsible p{
			max-width: 650px;
		}
		.colophonBox{
			position:relative;
			font-family:  'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif;
			font-size: 14px;
			line-height: 30px;
			
			margin: 0 15px 0px 15px;
			text-align: left;
			line-height: 1.8;
			height: 100%;
		}
		.aliased img{
			image-rendering: pixelated;
			image-rendering: -webkit-crisp-edges;

		}
		.sectionExtra{
			padding: 15px 15px 0px 15px;
			top:0;
			width:100%;
			clear:none;
			height:100%;
			background-color:rgb(42,9,0);
			margin-bottom: 15px;
			color: #6D2C1A;
			background-color: #43aac2;/*#4cc2de; #7c746c #896763;*/
			float:left;
		}
		.alittlemarginbottom{
			/*margin-top: 10px;*/
			padding-top: 35px !important;
			padding-bottom: 20px !important;
			background-color:#45b0c9;
		}
		.disclaimer{
			margin-top:0px;
			font-size: 0.9em;
			line-height: 1.6;
			/*-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;*/
		}
		.zh .disclaimer{
			font-size: 1.0em;
		}
		.disclaimer  p{
			text-align: left;
			margin-bottom: 0.5em;
		}
		.sectionExtra img{
			display: inline;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		.sectionExtra h5{
			padding:0;
			margin:0;
			padding-bottom:10px;
			font-size: 18px;
			line-height: 30px;
			font-family: 'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif !important;
			color:  rgb(254, 255, 213);
			/*color: #6D2C1A;*/
			text-align: left;
		}
		.zh .sectionExtra h5{
			font-size: 25px;
		}
		.sectionExtra a{
			text-decoration:none;
			color: rgb(181, 172, 152);/*#be5133;*/
			color: #be5133;
		}
		.h2title{
			text-align: left !important;
			margin-top:0px;
			margin-bottom: 0px;
		}
		.section .overflown img{
			display:inline;
			}
		.section .overflown{
			overflow: auto;
			}
		.section .long{
			width:700px;
			height:50%;
		}
		.clearfix:before,
		.clearfix:after {
			content: "";
			display: table;
		}
		.clearfix:after {
		  	clear: both;
		}
		.clearfix {
		  	zoom: 1; /* ie 6/7 */
		}
		#nav{
			position: absolute;
			height: auto;
			z-index:4;
		}
		.navfixxer{
			position: fixed !important;
			z-index: 4 !important;
		}

		.creditboxfixxer{
			position: fixed !important;
		}
		#nav .block{
			text-align: right;
			position:relative;
			/*position:fixed;*/
			top:350px;
			top: 45vh;
			height: 48px;
		}
		.fixxer{
			top:0 !important; 
			z-index:3;
		}
		.js-nav #arrow_up, .js-nav #arrow_down, .js-nav #arrow_up_shadow, .js-nav #arrow_down_shadow{
			visibility:hidden;
		}
		.nav_visible{
			visibility: visible !important;
		}
		.tw { font-family: '微軟正黑體', Sans-serif;}
		#nav ul{
			float: right;
			height:100%;
			display: block;
			padding: 0;
			/*padding-right: 15px;*/
			margin: 0;
			/*background-color: #5e0000;*/
			color: black;
			text-decoration: none;
			list-style-type: none;
			list-style-position: outside;
			text-rendering: optimizeLegibility;
			font-size: 16px;
			/*'league spartan',*/
			font-family: 'merriweather_sansbook', Verdana, Geneva, sans-serif !important;
			/*line-height: 2.85;*/
			-webkit-font-variant-ligatures: common-ligatures; /* for iOS and Safari 6 */
			font-variant-ligatures: common-ligatures; /* for up-to-date browsers, including IE10 and Opera 21 */
			font-feature-settings: "kern";
			-webkit-font-feature-settings: "kern";
			-moz-font-feature-settings: "kern";
			-moz-font-feature-settings: "kern=1";
			font-kerning: normal;
			padding-left: 10px;
			padding-right: 10px;
		}
		.zh #nav ul{
			font-family: 'noto_sub_light', 'Futura', 'Arial Black', '微軟正黑體', sans-serif !important;
			font-size: 20px;
		}
		#nav ul li{
			display: inline-block;
			float: left;
			margin: 0;
			padding: 0;
			text-align: left;
			height: 100%;
		}
		.no-touch #nav ul li a:hover{
		    color: #fff;
		}
		.no-touch #nav ul li .lili3:hover{
		   /* color: #a0f3ff !important;*/
		     color: #fff !important;
		    /*background-color: #000;*/
		}
		#nav ul li a{
			border-radius:0px;
			/*color: #54202c;*/
			height: 100%;
			display: block;
			color: #407482;
			color: #467B8A;
			color: #5ca2b6;
			color: #6BC3DC;
			color: #3D606B;
			text-decoration: none;
			padding: 0;
			line-height: 3.4;
			margin-left: 16px;
		}
		.zh #nav ul li a{
			line-height: 2.3;
		}
		.hideme{
			padding-top:20px;
			display:none;
			padding-bottom: 0px;
		}
		.hideme:target{
			display:block;
		}
		.sectionx:target .hideme{
			display:block;
		}
		.lili{
			background-size: 6px 6px;
		}
		.lili2{
			/*color: #bc3200 !important;*/
			/*color:#E69B80 !important;*/
			color:rgb(255, 233, 171) !important;
			/*border-bottom: 1px solid rgba( 76, 194, 222, 1.0);*/
		}
		.no-js .lili2:hover, .no-touch .lili2:hover{
			/*color: #407482 !important;*/
			color:rgba(64,116,130,0.6) !important;
		}
		#nav ul li a.lili4 {
			background-color: rgba(255,255,0, 0.4) !important;			
			font-family: 'merriweatherregular','merriweather_sansbook', Verdana, Geneva, sans-serif !important;
		}
		.lili3{
			font-size: 15px;
			font-family:'merriweatherregular','merriweather_sansbook', Verdana, Geneva, '微軟正黑體', sans-serif !important;
			background-color: transparent;
			/*padding-left: 8px !important;*/
			padding-right: 8px !important;
			/*padding-top: 3px !important;*/
			padding-bottom: 3px !important;
			border-radius: 0px !important;
			color: #bc2800 !important;
			/*margin-left: 12px !important;*/
			/*display: inline !important;*/	
		}
		.zh .lili3 {
			line-height:3 !important;

		}
		.pim2 img{
			width: 300px;
			height: 150px;
		}
		.wavy img{
			width: 275px;
			height: 100px;
		}		
@media screen and (min-width: 600px) and (max-width: 949px){
		.disclaimer{
			/*-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;*/
		}
}	
@media screen and (min-width: 970px){
		.video iframe{
			width: 100% !important;
		}
}	

@media screen and (min-width: 600px) {
	.colophonBox{
		/*background-color:#4cc2de;
		background-color:#45b0c9;
		background-color:#43aac2;*/
	}
	.disclaimer{
		display: inline-block;
		overflow-x:hidden;
		margin: 0px;
		padding: 0px;
	}
}
@media screen and (min-width: 768px){
	.sectionExtra{
		/*width:30%;*/
	}
	.colophonBox{
		/*background-color:#4cc2de;
		background-color:#45b0c9;
		background-color:#43aac2;*/
	}
	.alittlemarginbottom{
		/*min-height: 180px;*/
		/*background-image:url("../assets/bground_colophon.png");
		background-position:top left;
		background-repeat: repeat-y;
		background-size: 10px 5px;*/
		width:100%;
		padding-left: 30px;
		background-color:#45b0c9;
		padding-top: 15px !important;
		margin-top:0;
		/*margin-bottom:0 !important;*/
	}
	.proj {
	    width: 33%;
	}
	#playanim.moveTop {
    	top: 140px;
	}
	#helloanim.moveTop {
    	top: 120px;
	}

	#creditboxmob{
		height: 70px;
	}
	.noTransform{
		 -webkit-transform: translate3d(0, 0, 0); 
		 -moz-transform: translate3d(0, 0, 0); 
		 -ms-transform: translate3d(0, 0, 0); 
		 -o-transform: translate3d(0, 0, 0); 
		 transform: translate3d(0, 0, 0); 
	}
	.extraTop{
		padding-top:120px;
		padding-bottom: 0px !important;
	}
	#nav ul{
		background-color: transparent;
	}
	#arrow_up_p {
    	top: 75px;
	}
	#arrow_down_p {
    	top: 125px;
	}
	#creditboxmob p{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.proj .hero {
	    height: 60vh !important;
	    padding-top: 56vh !important;
	    margin-top: 70px !important;
	}
	.bigx{
		display:inline-block;
		text-align: center !important;
	}
	#nav .block {
		top:45vh;
	}
	#nav ul li{
		height: 48px !important;
		margin: 0;
		padding: 0;
	}
	#nav ul li a{
		line-height: 4.6;
	}
	.zh #nav ul{
		line-height: normal;
	}
	.lili3{
		position:relative;
	}
	.zh 	.lili3{

	}
	.headerd{
		height:380px;
		height:45vh;
	}
	.introtext p {
		 font-size: 25px;
		 /*max-width: 1000px;*/
	}
	.zh 	.introtext p {
		 font-size: 43px;
	}
	.zh p.introp, .zh .semblock > p {
		font-size: 24px;
	}
}
@media screen and  (max-width: 599px){
		.w70 img{
			width:80%;
			/* border-radius: 50%;
    		background-color: #178399;*/
		}
		.w80 img{
			width:76 %;
		}
		.subter{
			width:95%;
		}
		.rightPPP p, .rightPP p, .rightP p, .leftPPP p, .leftPP p, .leftP p{
			text-shadow: -1px 1px 0 rgba(0,0,0, 0.2);
			font-size:14px;
		}
		.semblock > p:not(.introp){
			border-top: none;
		}
		.quiettitle{
			/*text-shadow:-5px 5px 0 rgba(26, 46, 51, 0.3) !important;*/
			/*text-shadow: -5px 5px 0 rgba(195, 75, 5, 0.8) !important;*/
		}

		.leftPPP, .leftPP, .leftP{

			margin-left:15px;
		}
		.rightPPP, .rightPP, .rightP{
			margin-right: 8%;
			/*margin-right:15px;*/
		}
		p.introp, .semblock > p{
			margin-left:0px;
			margin-right:0px;
			padding-right: 32px;
			padding-left:15px;	
			font-size: 16px;	
		}
		.h2title{
			margin-left: 0px;
			margin-right: 0px;

			padding-left: 15px;

		}
}
@media screen and (min-width: 550px) and  (max-width: 767px){
	.proj{
		width: 50%;
		/*padding-right: 20px;*/
	}
	.bigx{
		display:inline-block;
		text-align: center !important;
	}
	#pixelsanim.moveTop {
    	top: 90px;
	}
	.container_gallery {
    	padding-right: 0px !important;
    	    padding-left: 0px !important;
	}
	.semblock {
    	/*padding-left: 30px !important;*/
	}
	.semblock.projbground {
    	padding-left: 0px !important;
	}	
	.h2title{
		padding-left: 30px !important;
	}
	#creditboxmob p {
		text-align: left !important;
    	padding-left: 30px !important;
	}
}
@media screen and (max-width: 549px) {
		.introtext p {
			padding-top: 10%;
			/*text-align: left;
		    left: 0px;
		    padding-left: 15px;
		    margin-right: 0;
		    -ms-transform: translate(0%, -50%) ;
			-moz-transform: translate(0%, -50%) ;
			-webkit-transform: translate(0%, -50%) ;
			transform: translate(0%, -50%);*/
		}
		#animaground{
			top: 25px !important;
		}
		.smallgraph{
			background-position:  25% 0;}
		.proj{
			width: 100%;
			/*padding-right: 20px;*/
		}
  		#nav{
			z-index:0 !important;
		}
	  	.bigx{
			display:inline;
			text-align: center !important;
		}
		.h2title{
			text-align: center;
			margin-top:20px;
			margin-bottom: 10px;
		}
		.zh 		.h2title{
			margin-top:0px;
		}
		.rightPPP p, .rightPP p, .rightP p, .leftPPP p, .leftPP p, .leftP p{
			margin-bottom: 65px;
			max-width: 83%;
		}
		.rightP, .rightPPP, .rightPP, .leftPP, .leftP, .leftPPP{
			width: initial;
		}
}
@media screen and (min-width: 550px) and (max-width: 45em){
	#creditboxmob p{
		text-align:center;
	}
	.smallgraph{
		background-position:  25% 0;
	}
	.rightPPP p, .rightPP p, .rightP p, .leftPPP p, .leftPP p, .leftP p{
		margin-bottom: 65px;
	}
}
@media screen and (max-width: 600px){

	#creditboxmob p{
		margin-left: 0 !important;
	}

}
@media screen and (min-width: 721px) and (max-width: 767px){

	#creditboxmob p{
		padding-left: 30px !important;
	}
	.proj .hero {
		height: 60vh !important;
		padding-top: 57vh !important;
		margin-top: 54px;
	}
	#menu_p {
	    top: 15px;
	}

}
@media screen and (min-width: 500px) and (max-width: 767px){
	.introtext p {
		 	font-size: 22px;
	}
	.zh .introtext p {
		 font-size: 34px;
	}
	#creditboxmob p{
		padding-left: 45px !important;
	}
	.proj .hero h3{
		padding-left: 45px !important;
	}
}
@media screen and (max-width: 499px){
		#logo{
			width: 350px;
			height: 350px;
		}
		.headerd img{
			/*margin-left:5%;*/
			margin-left: -175px;
			margin-right: -175px;
			bottom: -175px;
		}
		.zh .introtext p{
			font-size: 29px;
		}
		.smallgraph{
			background-size: 20px 10px;
		}
		/*.introtext{display:none;}*/
		.introtext p{ 
			font-size: 22px;
			/*padding-left: 10%;
			padding-right:20%;
			position: absolute;              
			top: 50%;  
			left:0%;
			margin-right:5%;
			-moz-transform: translate(0%, -50%) ;
			-webkit-transform: translate(0%, -50%) ;
			transform: translate(0, -50%) ;*/
		}
		#creditboxmob p{
			padding-left: 20px !important;
		}
		.proj .hero h3{
			padding-left: 20px !important;
			padding-top: 10px !important;
		}
		.csstransforms3d.csstransitions.js-ready #nav  {
			right: 0%;
			-webkit-transform: translate3d(99.9%, 0, 0);
			-moz-transform: translate3d(99.9%, 0, 0);
			-ms-transform: translate3d(99.9%, 0, 0);
			-o-transform: translate3d(99.9%, 0, 0);
			transform: translate3d(99.9%, 0, 0);
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		.csstransforms3d.csstransitions.js-ready #inner, .csstransforms3d.csstransitions.js-ready .extraHeader{
			left: 0 !important;
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			-webkit-transition: -webkit-transform 300ms ease;
			-moz-transition: -moz-transform 300ms ease;
			-o-transition: -o-transform 300ms ease;
			transition: transform 300ms ease;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		.csstransforms3d.csstransitions.js-nav #inner, .csstransforms3d.csstransitions.js-nav .extraHeader{
			z-index: -10;
			-webkit-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
			-moz-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
			-ms-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
			-o-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
		}
	  
		.csstransforms3d.csstransitions.js-ready #nav .block {
			/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			opacity: 0.0;*/
			-webkit-transition: opacity 500ms 100ms, -webkit-transform 300ms ease;
			-webkit-transition-delay: ease, 0s;
			-moz-transition: opacity 500ms 100ms ease, -moz-transform 300ms ease;
			-o-transition: opacity 500ms 100ms ease, -o-transform 300ms ease;
			transition: opacity 500ms 100ms ease, transform 300ms ease;
			-webkit-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-moz-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-ms-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-o-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-webkit-transform-origin: 50% 0%;
			-moz-transform-origin: 50% 0%;
			-ms-transform-origin: 50% 0%;
			-o-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
		}
		.csstransforms3d.csstransitions.js-nav #nav .block {
			/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity: 1;*/
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.csstransforms3d.csstransitions.js-ready #nav ul li a  {
			-webkit-transition: -webkit-transform 300ms ease;
			-webkit-transition-delay: ease, 500s;
			-moz-transition: -moz-transform 300ms ease;
			-o-transition: -o-transform 300ms ease;

			-webkit-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-moz-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-ms-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-o-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			-webkit-transform-origin: 50% 0%;
			-moz-transform-origin: 50% 0%;
			-ms-transform-origin: 50% 0%;
			-o-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
		}
		.csstransforms3d.csstransitions.js-nav #nav ul li a {
			-webkit-transform: translate3d(0%, 0, 0);
			-moz-transform: translate3d(0%, 0, 0);
			-ms-transform: translate3d(0%, 0, 0);
			-o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
		}
}
@media screen and (max-width: 320px){
	.bigx{
		font-size: 2.1em !important;
	}
}
@media screen and (max-width: 449px){
	.introtext p {
	    font-size: 14px;
	}
	.zh	.introtext p {
	    font-size: 24px;
	}
	.disclaimer{

	/*-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;*/

	}
}
@media  screen and (min-width: 900px) {
		#logo {
		    width: 750px;
		    height: 750px;
		}
		.headerd img {
		    display: block;
		    margin: 0px auto;
		    margin-left: -375px;
		    margin-right: -375px;
		    position: absolute;
		    left: 50%;
		    bottom: -375px;
		}
		.introtext p {
			padding-top: 5%;
		}

		.dropcapspan {
			top: 7px;
			padding-top: 0.22em;
			line-height: 1.3;
		}
		#creditboxmob p {
			font-size: 28px;
		}
		.projbground{

			padding-top: 20px !important;

		}
		.containerbground {
  		  background-size: 600px 600px;
		}
		#helloanim{
			background-image: url('../assets/hello_bground3.png');
		}
		#wearanim{
			background-image: url('../assets/wear_bground3.png');
		}
		#playanim{
			background-image: url('../assets/play_bground3.png');
		}
		#pixelsanim{
			background-image: url('../assets/pixels_bground3.png');
		}
		#metaanim{
			background-image: url('../assets/meta_bground3.png');
		}
		#worksanim{
			background-image: url('../assets/works_bground3.png');
		}
		.rightP p, .leftP p, .rightPP p, .leftPP p, .rightPPP p, .leftPPP p{
			font-size: 20px;
		}
		.bigx{
			font-size: 3.5em;
		}
		.zh .bigx {
			font-size: 95px;
		}
		.zh .transpo .bigx {
			margin-top: 0 !important;
		}
		p.introp{
			margin-bottom:50px !important;
		}
		.subter{
			width:86%;
			margin-bottom:60px;
			margin-top:80px;
		}
		.semblock{
			padding-bottom: 40px;
		}

		.w70 img{
			width:50%;
		}
		.w80 img{
			width:60%;
		}
		p.introp, .semblock > p {
			font-size: 20px;
		}
		.zh p.introp, .zh .semblock > p {
			font-size: 27px;
		}
		#helloanim.moveTop{
			top:120px;
		}
		.moveTop{
			top: 200px;
		}
		#worksanim.moveTop{
			top: 180px;
		}
		#pixelsanim.moveTop{
			top:120px;
		}
		#playanim.moveTop{
			top:200px;
		}
		.hero h3 {

			font-size: 1em !important;
		}
}
@media  screen and (min-width: 900px) and (max-width: 1199px){
	#creditboxmob p{
		text-align: left;
		width: auto;
		margin-right: 40%;
		padding-right: 0;
		padding-left: 80px !important;
	}
	.hero h3{
		text-align: left;
		width: auto;
		padding-right: 0;
		padding-left: 15% !important;
		padding-left: calc(10% + 80px) !important;
	}	
	.proj .hero {
	    height: 50vh !important;
	    margin-top: 50px !important;
	        padding-top: 47vh !important;
	}
	.smallgraph{
		background-position:  25% 0;
	}
	.semblock{
		/*padding: 80px;*/
		margin-top: 50px;
		padding-left: 80px;
		padding-right: 80px;
	}
	.container_gallery.no_margin .container_gallery_inner{
		padding-left: 80px;
		padding-right: 80px;
	}
	.semblock.projbground{
		margin-top: 0px;
	}
	.h2title{
		padding-left: 80px;
	}
	.leftPPP p, .leftPP p, .leftP p	{
		max-width:65%;
	}
	#nav .block {
		top:45vh;
	}
	.headerd{
		height:45vh;
	}
}
@media  screen and (min-width: 1200px) {
	.proj {
   		/*width: 24%;*/
	}
	.subter {
	    margin-bottom: 80px;
	    margin-top: 60px;
	}
	.extraTop{
		padding-top:140px;
	}
	#creditboxmob p{
		text-align: left;
    	width: auto;
   		margin-right: 6%;
    	padding-right: 0;
    	 padding-left: 120px;
	}
	#ditd h3{

		letter-spacing: -2px !important;
	}
	.hero h3{
		font-size: 1.5em !important;
		padding-left: 20% !important;
		padding-left: calc(10% + 120px) !important;
	}
	.proj .hero {
	    height: 55vh !important;
	    background-position-y: 30%;
	    padding-top: 50vh !important;
	    margin-top: 0px !important;
	}

	.smallgraph{
		background-position:  25% 0;
	}
	.semblock{
		margin-top: 50px;
		padding-left: 120px;
		padding-right: 120px;
	}
	.container_gallery.no_margin .container_gallery_inner{
		padding-left: 120px;
		padding-right: 120px;
	}
	.h2title{
		padding-left: 120px;
	}
	.leftPPP p, .leftPP p, .leftP p	{
		max-width:55%;
	}
	.leftPPP p, .leftPP p, .leftP p,	.rightPPP p, .rightPP p, .rightP p{
		padding-left: 30px !important;
		padding-right: 30px !important;
		max-width:55%;
	}

	#nav .block {
		top:45vh;
	}
	#nav ul {
		/*padding-right: 0px;*/
	}
	.headerd{
		height:45vh;
	}
}
@media screen and (min-width: 600px) and (max-width: 45em){
	.quiettitle{
			  /*  text-shadow: -5px 5px 0 rgba(26, 46, 51, 0.25) !important;*/
			     /*   text-shadow: -7px 7px 0 rgba(195, 75, 5, 0.8) !important;*/
	}
}
/*this one below is the culprit.. (why position: fixed doesnt work)*/
@media screen and (min-width: 500px) and (max-width: 45em){
	.sectionExtra h5{
		cursor:pointer;
	}
	#nav{
		z-index:0 !important;
	}
	.js-ready #nav{
		width:40.2% !important;
	}
	.csstransforms3d.csstransitions.js-ready #nav  {
		right: 0%;
		-webkit-transform: translate3d(149%, 0, 0);
		-moz-transform: translate3d(149%, 0, 0);
		-ms-transform: translate3d(149%, 0, 0);
		-o-transform: translate3d(149%, 0, 0);
		transform: translate3d(149%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.csstransforms3d.csstransitions.js-ready #inner, .csstransforms3d.csstransitions.js-ready .extraHeader{
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transition: -moz-transform 300ms ease;
		-o-transition: -o-transform 300ms ease;
		transition: transform 300ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.csstransforms3d.csstransitions.js-nav #inner, .csstransforms3d.csstransitions.js-nav .extraHeader{
		z-index: -10;
		-webkit-transform: translate3d(-40%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(-40%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(-40%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(-40%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(-40%, 0, 0) scale3d(1, 1, 1);
	}
	.csstransforms3d.csstransitions.js-ready #nav .block {
		/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0.0;*/
		-webkit-transition: opacity 500ms 100ms, -webkit-transform 300ms ease;
		-webkit-transition-delay: ease, 0s;
		-moz-transition: opacity 500ms 100ms ease, -moz-transform 300ms ease;
		-o-transition: opacity 500ms 100ms ease, -o-transform 300ms ease;
		transition: opacity 500ms 100ms ease, transform 300ms ease;
		-webkit-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}
	.csstransforms3d.csstransitions.js-nav #nav .block {
		/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;*/
		-webkit-transform: translate3d(0%, 0, 0);
		-moz-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
	.csstransforms3d.csstransitions.js-ready #nav ul li a  {
		-webkit-transition: -webkit-transform 300ms ease;
		-webkit-transition-delay: ease, 500s;
		-moz-transition: -moz-transform 300ms ease;
		-o-transition: -o-transform 300ms ease;
		-webkit-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}
	.csstransforms3d.csstransitions.js-nav #nav ul li a {
		-webkit-transform: translate3d(0%, 0, 0);
		-moz-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		-o-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}	
}
@media screen and (max-width: 45em) {
		#arrow_up_shadow, #arrow_down_shadow{margin-right: 0px;}
		.sectionx{
			padding-bottom: 0px;
		}
		.no-js #dumpling{
			top:7px;
		}
		.no-js .navcontainer{
			left: auto;
		}
		.introtext{
			/* height: 22vh;*/
		}
		.dropcapspan{
			/*top:8px;*/
			padding-top: 0.25em;
			font-size: 1.4em;
			min-width: 45px;
    		height: 45px;
		}
		.zh .dropcapspan{
			top:0px;
			padding-top: 0.2em;
		}
		img{
/*			image-rendering: pixelated;
			image-rendering: crisp-edges;
*/
		}

		.no-js #nav:target{
			padding-top: 48px;
			position: fixed;
			z-index: 1002 !important;
			top: 0;
			visibility:visible;
			width:50%;
			height:100%;
			right: 0 !important;
			left:auto !important;
			background-color: #35CADD;
			background-image:  url("../assets/bground_orange_1_4_alt2_@1x.png");
			background-size: 5px 5px;
		}
		.proj .hero{height: 60vh !important;     padding-top: 57vh !important;}
		.h2title{
			margin-bottom: 10px;
			text-align: center;
			margin-top:20px;
			margin-bottom: 10px;
			padding-left: 0px;
		}
		.no-js #menubutton{
			top:7px;
			opacity: 1;
			filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
		}
		#arrow_up_shadow, #arrow_up, #arrow_up_p{	
			top: 100px;
		}
		#arrow_down_shadow, #arrow_down, #arrow_down_p{
			top: 155px;
		}
		#menu_p{

			top: 50px;
		}
		.container_gallery{
			padding-right: 20px;
		}
		.container_gallery_inner{
/*			padding-left: 25px;
			padding-right: 25px;*/
		}
		.bigx a{
			/*color:#43aac2;
			color: #54B4CB;
			color: #D43F0E;
			color: #54B4CB;*/
		}
		.expanded2{
			-ms-transform: translateY(8px)  rotate(90deg);
			-moz-transform: translateY(8px)  rotate(90deg);
			-webkit-transform: translateY(8px)  rotate(90deg);
			transform: translateY(8px)  rotate(90deg);
		}
		.expanded{
			-ms-transform: translateY(8px)  rotate(90deg);
			-moz-transform: translateY(8px)  rotate(90deg);
			-webkit-transform: translateY(8px)  rotate(90deg);
			transform: translateY(8px)  rotate(90deg);
			
			-moz-animation-name: rotateCaret;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.1s;
		
			-webkit-animation-name: rotateCaret;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.1s;
		
			animation-name: rotateCaret;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.1s;
		}
		@-moz-keyframes rotateCaret {
			from{
			-moz-transform: translateY(1px) rotate(10deg);
			}
			to {
			-moz-transform: translateY(8px) rotate(90deg);
			}
		}
		@-webkit-keyframes rotateCaret {
			from {
			-webkit-transform: translateY(1px) rotate(10deg);
			}
			to {
			-webkit-transform: translateY(8px) rotate(90deg);
			}
		}
		@keyframes rotateCaret {
			from {
			transform: translateY(1px) rotate(10deg);
			}
			to{
			transform: translateY(8px) rotate(90deg);
			}
		}
		.zh .expanded2{
			-ms-transform:   rotate(90deg);
			-moz-transform:  rotate(90deg);
			-webkit-transform:   rotate(90deg);
			transform:   rotate(90deg);
		}
		.zh	.expanded{
			-ms-transform:   rotate(90deg);
			-moz-transform:  rotate(90deg);
			-webkit-transform:   rotate(90deg);
			transform:  rotate(90deg);
			
			-moz-animation-name: rotateCaret_zh;
			-moz-animation-iteration-count: 1;
			-moz-animation-timing-function: ease-in;
			-moz-animation-duration: 0.1s;

			-webkit-animation-name: rotateCaret_zh;
			-webkit-animation-iteration-count: 1;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 0.1s;

			animation-name: rotateCaret_zh;
			animation-iteration-count: 1;
			animation-timing-function: ease-in;
			animation-duration: 0.1s;
		}
		@-moz-keyframes rotateCaret_zh {
			from{
			-moz-transform: rotate(10deg);
			}
			to {
			-moz-transform: rotate(90deg);
			}
		}
		@-webkit-keyframes rotateCaret_zh {
			from {
			-webkit-transform: rotate(10deg);
			}
			to {
			-webkit-transform:  rotate(90deg);
			}
		}
		@keyframes rotateCaret_zh {
			from {
			transform:rotate(10deg);
			}
			to{
			transform: rotate(90deg);
			}
		}
		.closer, #arrow_up, #arrow_up_p, #arrow_down, #arrow_down_p, #menu_p{
			margin-right: 1px;
		}
		.paraparacontainer, .paracontainer {
			padding-right: 0px;
			top:0;
		}
		#nav .block{

			position:relative;
			top:0;
		}

		.navcontainer{

			margin-left: 0;
		}
		.spanCredit{
			display:inline;
		}
		.extraTop{
			/*border-top: 10px solid rgba(0,0,0,0.08);
			border-top: 4px solid rgba(96, 17, 17,0.8);*/
			padding-top:10px;
		}
		.extraTop h2{
			border-bottom: 2px #43aac2  solid;
		}
		.zh .extraTop h2{
			border-bottom: 6px #43aac2 solid;
			padding-bottom: 15px;
		}
		h2{
			padding-left:15px !important;
		}
		#helloanim.moveTop{
			top:-10px;
		}
		.moveTop{
			top: 20px;
		}
		#playanim.moveTop{
			top: 22px;
		}
		#pixelsanim.moveTop{
			top:0px;
		} 
		#worksanim.moveTop{
			top:60px;

		} 
		#wearanim.moveTop{
			top:41px;

		} 
		#metaanim.moveTop{
			top:50px;

		} 
		.semblock{
			padding-left:0px;
			padding-right: 0px;
		}
		.container_gallery.no_margin .container_gallery_inner{
			/*padding-left:0px;*/
			padding-right: 25px;
		}
		#menubutton, #dumpling{
			display:block;
		}
		.bigx{
			font-size: 2.4em;
			display:inline;
			text-align: center !important;
		}
		.zh	.bigx{
			font-size: 60px;
			padding-top:0;
			margin-top: 0 !important;
		}
		.headerd h1{
			font-size: 12px;
		}
		.dynamicHeight{
			height: 350px !important;
			height: 45vh !important;
		}
		.headerd{
			height:350;
			height:45vh;
		}
		.headerd h1 span{
			font-size: 80px;
		}
		.subwrapper{
			display:block;
			width: 100%;
			margin-left:auto;
			margin-right: auto;
			padding:0 0px 0 0px;
		}
		.contrasubter{
			margin-bottom: 0 !important;
		}
		.subter{
			margin-left:auto;
			margin-right:auto;
			width:90%;
			margin-bottom: 55px;
		}
		#nav {
			visibility:hidden;
			overflow: hidden;
			position: fixed;
			top: 0px;
			right:0px;
			background-color: black;
		}
		#nav ul{
			font-size: 20px;
			line-height: inherit;
			padding-right: 0;
			float:none;

		}
		#nav ul li{
			display: block;
			float:none;
			margin:  0px;
			padding: 0px;
			padding-top: 0;
			height: auto;
			text-align: center; 
			/*-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;*/
		}
		#nav ul li a{
			color:  #6BC3DC;
			margin-left:0px;
			line-height: 2.5;
			text-align: left;
			margin-left:15%;
			text-shadow:-1px 1px 0 rgba(26, 46, 51, 0.5) !important;
		}
		.no-touch #nav ul li a:hover{
			color: #ad5a60;
			color:	#f9f9de;
		}
		.lili2{
			/*color: #bc3200 !important;*/
			color:rgb(255, 233, 171) !important;
		}
		.lili3{
			position: relative;
			/*color: #743c40 !important;*/
			color: #fb6036 !important;
			background:none;
			/*margin-left: 0 !important;*/
			padding-left: 0px;
			margin-top: 10px;
			font-size: 17px;

		}
		#nav:not(:target) {
			height: 0;
		}
		#nav:target{
			z-index: 1000;
		}
		#nav:target .close-btn {
			display: block;
		}
		#nav .close-btn {
			position: absolute;
			top: -3.75em;
			left: 1.875em;
		}
		#nav .block {
			position: relative;
			padding: 0;
			padding-right: 2px;
		}
		.js-ready .nav-btn {
			z-index: 800;
		}
		.js-nav .nav-btn {
			z-index: 800;
		}
		.js-ready #nav {
			height: 100%;
			width: 50%;
			background: transparent;
			left: 0%;
			top: 0;
		}
		.js-ready #nav .block {
			top:0px;
			height: 100%;
			background: transparent;
			background-color: #480c0c;
			background-color: #8C2C0C;
			background-size: 5px 5px;
		}
		.js-ready #nav ul{
			padding-top: 20px;
		}
		.js-ready #nav .close-btn {
			display: block;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			opacity: 0.7;
		}
		.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity: 1;
		}
		.js-nav #nav{
			z-index: 100;
			visibility:visible;
		}
		.js-ready #inner {
			left: 0;
		}

		.js-nav #inner {
			left: 50%;
		}
	  	.js-nav #neutral{
			visibility:hidden;
		}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 45em),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 45em),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 45em),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 45em),
only screen and (                min-resolution: 192dpi) and (max-width: 45em),
only screen and (                min-resolution: 2dppx)  and (max-width: 45em){ 

	.js-ready #nav .block {
				top:0px;
		height: 100%;

	}
			.init{

		    height: 100px;
		    width: 100%;

			background-size:  550px 120px;
		}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 900px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 900px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 900px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 900px),
only screen and (                min-resolution: 192dpi) and (min-width: 900px),
only screen and (                min-resolution: 2dppx) and (min-width: 900px) { 


		.containerbground {

  		  /*background-size: 750px 852px;*/
  		  background-size: 500px 568px;

		}

		.headerd{

			background-image: url("../assets/bground_header_40_40.png");
			background-size: 5px 5px;
		}
  
		#helloanim{
			background-image: url('../assets/hello_bground4.png');
			
		}
		#wearanim{
			background-image: url('../assets/wear_bground4.png');
		}
		#playanim{
			background-image: url('../assets/play_bground4.png');
		}
		#pixelsanim{
			background-image: url('../assets/pixels_bground4.png');
		}
		#metaanim{
			background-image: url("../assets/meta_bground4.png");
		}
		#worksanim{
			background-image: url('../assets/works_bground4.png');
		}
		#animaground{
			background-image: url('../assets/intro_bground4.png');
		}



}





@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
		body {

			background-image:  url("../assets/bground_patt.png");
			background-size: 5px 5px;
		}

		.smallgraph{

			background-image:url('../assets/arrow_.png');
		}
		.container{			
				/*animation is smoother with the bground beneath,but somehow is duller*/
			background-image: url("../assets/bground20_20.png");
			background-size: 5px 5px;
		}
		.headerd{

			background-image: url("../assets/bground_header_40_40.png");
			background-size: 5px 5px;
		}
  
		#helloanim{
			background-image: url('../assets/hello_bground2.png');
			
		}
		#wearanim{
			background-image: url('../assets/wear_bground2.png');
		}
		#playanim{
			background-image: url('../assets/play_bground2.png');
		}
		#pixelsanim{
			background-image: url('../assets/pixels_bground2.png');
		}
		#metaanim{
			background-image: url("../assets/meta_bground2.png");
		}
		#worksanim{
			background-image: url('../assets/works_bground2.png');
		}
		#animaground{
			background-image: url('../assets/intro_bground2.png');
		}
		#nav-open-btn{
	
			background-image: url('../assets/circle_menu_@2x.png') ;
		}
		.menu-project{
			background-image: url('../assets/circle_menu_p_@2x.png') !important;

		}
		.no-touch .nav-open-btn-c:hover{
			background-position: -35px 0 !important;
		}
		.closer a{
			background-image: url('../assets/ss_1.png');
		}
		#arrow_up a{
			background-image: url('../assets/ss_1.png');
		}
		#arrow_up_p a{
			background-image: url('../assets/ss_1_p.png');
		}
		#arrow_down a{
			background-image: url('../assets/ss_1.png');
		}
		#arrow_down_p a{
			background-image: url('../assets/ss_1_p.png');
		}
		#menu_p a{
			background-image: url('../assets/menu_p.png');
		}
		#dumpling{
			background-image: url('../assets/circle_whirl.png');
		}

}

.fakebground{
			display: none;
			background-size: 500px 568px;
		}
		.no-js #hello .fakebground{
								top:80px !important;
			background-image: url('../assets/hello_bground1.png');
		}

		.no-js #wear .fakebground{
			top:130px !important;
			background-image: url('../assets/wear_bground1.png');

		}
		.no-js #play .fakebground{
			background-image: url('../assets/play_bground1.png');
		}
		.no-js #pixels .fakebground{
			top:0px !important;
			background-image: url('../assets/pixels_bground1.png');
		}
		.no-js #meta .fakebground{
			top:120px !important;
			background-image: url("../assets/meta_bground1.png");
		}
		.no-js #works .fakebground{
			background-image: url('../assets/works_bground1.png');
		}
		.no-js .introtext p .scarf{
				display: none;


		}
		.no-js .introtext p:before{
			content:"fundamental interactions";
		}

		.zh .no-js .introtext p::before{
			content:"基本相互作用";
		}

		.no-js .sectionx:target .fakebground{

				left: 50%;
				margin-left: -250px;
				display: block !important;
				position:fixed;
				z-index: -100;
				width: 500px;
				height: 568px;
				top:70px;
				opacity: 0.8;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		}


.no-js .smallgraph{

	display:none;
}
.no-js #nav {
	position:fixed;
	z-index:1002;
	top:0;
}
.no-js #nav .block{
	top:0 !important;
}
.no-js  #creditboxmob{
	position: fixed;
	top: 0;
	z-index: 1000;
}
.no-js .sectionx:not(:target) {
	padding-top: 0px;
}
.no-js .sectionx:not(:target) h2 a {
	color: #397b8b;
}
.no-js .sectionx:target {
	padding-top: 70px;
}
.no-js .sectionx:target h2 a{
	text-align :left !important;
	color:rgb( 252, 234, 185) !important;
	text-shadow:-8px 8px 0 rgba(26, 46, 51, 0.2) !important;
}
.no-js .quiver div{

	float:right;
	clear:both;
}
.no-js .quiver{
	width: 100%;
}

.no-js .sectionx:target .quiver{

	margin-left: auto;
	margin-right: auto;
	display:block;
	position:fixed;
	top:80px;
	z-index: 2;

}
.no-svg .bigx{

	display: inline-block !important;
    text-align: center !important;

}
.no-js #nav ul li a:hover{
	color: #fff;
}
.no-js #nav ul li a:active{
	 color: #bc3200 !important;
}
.no-js.no-svg .hideme{
	display: block !important;
}
.no-rgba .rightPP p{
	background-color: #dd7635 ;
	opacity: 0.92 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92) ;
}
.no-rgba .leftPP p{
	background-color: #dd8e35 ;
	opacity: 0.92 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92) ;
}
.no-js #nav:target{


}
.no-svg .introtext p{
	position: relative !important;
	margin-left: auto;
	margin-right: auto;
    max-width: 700px;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
    position: absolute;
    top: 50%;
}
.no-svg .proj{
	width:50%;

}
.no-svg .proj .init{
	z-index: 0;
	background-color: transparent;
	background-repeat: ;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);

}

.no-svg p.introp:first-letter {
    margin-right: 10px !important;
}

.no-svg #creditboxmob p {
    text-align: center;
    width: auto;
    padding-right: 0;
}
.no-svg .smallgraph {
    background-position: 50% 0;
}

/*		.no-svg #chameleon .init{
		
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='images/thumbs/chameleon_thumbo.gif',
			sizingMethod='scale');

			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='images/thumbs/chameleon_thumbo.gif',
			sizingMethod='scale')";

		}




		.no-svg #ora .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/ora_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/ora_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #hercules .init{


			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/hercules_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/hercules_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #ditd .init{
		
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/ditd_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/ditd_thumb.gif',
sizingMethod='scale')";

		}
		.no-svg #hungries .init{
			
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/hungries_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/hungries_thumb.gif',
sizingMethod='scale')";
		}

		.no-svg #nomnom .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/nomnom_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/nomnom_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #kgb .init{
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/kgb_thumbo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/kgb_thumbo.gif',
sizingMethod='scale')";

		}
		.no-svg #mule .init{

					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/mule_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/mule_thumb.gif',
sizingMethod='scale')";
		}

		.no-svg #djtable .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/dj_thumb2.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/dj_thumb2.gif',
sizingMethod='scale')";
		}

		.no-svg #games .init{
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/games_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/games_thumb.gif',
sizingMethod='scale')";

		}

		.no-svg #dashboard .init{

							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/unimax_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/unimax_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #acg .init{

									filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/acg_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/acg_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #herculesapp .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/herculesapp_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/herculesapp_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #nbresearch .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/thumbs/nbtaskforce_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/thumbs/nbtaskforce_thumb.gif',
sizingMethod='scale')";
		}
		.no-svg #workshops .init{

			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/workshops_thumb.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/thumbs/workshops_thumb.gif',
sizingMethod='scale')";
		}*/