#ScrollDownArrow {
						/*position: absolute;
						left: 50%;
						margin-left: -30px;*/
						/*bottom: 30px;*/
						transition: 1s ease;
					}

					.arrows {
						width: 60px;
						height: 82px;
						transform:scale(0.5);
					}

					.arrows path {
						stroke: #444;
						fill: transparent;
						stroke-width: 4px;	
						animation: arrow 2s infinite;
						-webkit-animation: arrow 2s infinite; 
					}

					@keyframes arrow
					{
					0% {opacity:0}
					40% {opacity:1}
					80% {opacity:0}
					100% {opacity:0}
					}

					@-webkit-keyframes arrow /*Safari and Chrome*/
					{
					0% {opacity:0}
					40% {opacity:1}
					80% {opacity:0}
					100% {opacity:0}
					}

					.arrows path.a1 {
						animation-delay:-1s;
						-webkit-animation-delay:-1s; /* Safari 和 Chrome */
					}

					.arrows path.a2 {
						animation-delay:-0.5s;
						-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
					}

					.arrows path.a3 {	
						animation-delay:0s;
						-webkit-animation-delay:0s; /* Safari 和 Chrome */
					}
					
					@media all and (min-width: 1024px) {
					
						#ScrollDownArrow {
							position: absolute;
							left: 50%;
							margin-left: -30px;
							bottom: 20px;
						}
					
						.arrows {
							width: 60px;
							height: 82px;
							transform:scale(0.75);
						}
					
					
					}
					
					@media (-webkit-device-pixel-ratio: 1) {
						
						@media all and (min-width: 1024px) {
							.arrows {
								width: 60px;
								height: 82px;
								transform:scale(1);
							}				
						}
						
					}