/*- 2013.11.13 | isnow -*/

	@charset "utf-8";
	
	@media screen and (min-width:0px){
		
		[data-role="transition"],
		[data-before="transition"]:before,
		[data-after="transition"]:after{
			-moz-transition:all 0.3s ease-in;
			-webkit-transition:all 0.3s ease-in;
			-o-transition:all 0.3s ease-in;
			-ms-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
		}
		
		/*-- Nav --*/
		.nav ul li a { position:relative; }
		.nav ul li a:before { content:""; position:absolute; left:0; bottom:0; display:block; width:0; border-top:1px solid rgba(255,255,255,1); }
		.nav ul li.current a, .nav ul li a:hover { border:none; }
		.nav ul li.current a:before, .nav ul li a:hover:before { width:100%; }
		
		/*-- Banner --*/
		#banner .current {
			-moz-animation:translateX 1s ease-out 1;
			-webkit-animation:translateX 1s ease-out 1;
			-o-animation:translateX 1s ease-out 1;
			-ms-animation:translateX 1s ease-out 1;
			animation:translateX 1s ease-out 1;
		}
		@-moz-keyframes translateX {
			0% { left:80px; }
			100% { left:0px; }	
		}
		@-webkit-keyframes translateX {
			0% { left:80px; }
			100% { left:0px; }	
		}
		@-o-keyframes translateX {
			0% { left:80px; }
			100% { left:0px; }	
		}
		@-ms-keyframes translateX {
			0% { left:80px; }
			100% { left:0px; }
		}
		@keyframes translateX {
			0% { left:80px; }
			100% { left:0px; }	
		}
		
		/*-- Awards --*/
		.awards-item.current img { -webkit-filter:grayscale(1); opacity:0.7; }
		.awards-item.current .awards-title { border-color:rgba(0,0,0,0.7); }
		
		/*-- Caselist --*/
		.grayscale img {
			/*-- 兼容webkit内核浏览器/Google --*/
			-webkit-filter:grayscale(1);
			/*-- 兼容IE内核 --*/
			filter:gray;
		}
		.grayscale:hover img{
			filter:none; -webkit-filter:grayscale(0);
		}
		
		/*-- Storelist --*/
		.store-box-title { 
			display:block;
			-moz-transform:translateY(100%);
			-webkit-transform:translateY(100%);
			-o-transform:translateY(100%);
			-ms-transform:translateY(100%);
			transform:translateY(100%);
		}
		.store-box:hover .store-box-title {
			-moz-transform:translateY(0);
			-webkit-transform:translateY(0);
			-o-transform:translateY(0);
			-ms-transform:translateY(0);
			transform:translateY(0);
		}
		
		/*-- Btn --*/
		.btn-icon { position:relative; }
		.btn-icon:before { content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); overflow:hidden; }
		.btn-icon:hover { background:rgb(0,0,0); }
		.btn-icon:hover:before { width:100%; }
		
	}