body {
	font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
	font-family: 'Roboto Condensed', '微軟正黑體' !important;/*Firefox hack*/
	font-size:22px;
	background:#000;
	padding:0;
	margin:0;
	color:#fff;
}
img {
	width:100%;
	outline:none;
	border:0;
}
.frame {
	margin:0 auto;
	padding:4.5em 0;
	overflow:hidden;
	width:1200px;
}
.title {
	font-size:1.5em;
	line-height:1.1em;
	color:#FF7200;
}
.text {
	font-weight:300;
	font-size:18px;
	line-height:1.25em;
	margin-top:1em;
	margin-bottom:1em;
	color:#ddd;
}
.note {
	font-weight:300;
	font-size:12px;
	line-height:1.25em;
	margin-left: 0.4em;
	text-indent: -0.4em;
	color:#bbb;
}
p {
	margin:0.5em 0;
}
.mainbar {
	width:100%;
	background:#111;
	overflow:auto;
	height:140px;
	font-size:15px;
	line-height:22px;
	color:#666;
	border-bottom:#111 solid 1px;
	text-align:center;
	transition:all 300ms ease-in-out;
}
.mainbar:hover {
	height:150px;
	background:#000;
	color:#CCC;
	border-bottom:#ec6c00 solid 1px;
}
.mainbar p {
	padding:20px 0 0 0;
	font-size:36px;
	line-height:40px;
}
.mainbar .btn {
}
.mainbar .btn a {
	color:#666;
	margin-left:1em;
	margin-right:1em;
}
.mainbar .btn a:hover {
	color:#ec6c00;
}
.table {
	display:table;/*min-height:500px;*/
}
.table .cell {
	display:table-cell;
	vertical-align: middle;
}
.table .cell_HIDE {
	display:none;
	vertical-align: middle;
}
.table .cell_SHOW {
	display:table-cell;
	vertical-align: middle;
}
.table .cell .left {
	float:left;
	margin-left:5%;
	/*margin-right:4%;*/
	text-align:left;
}
.table .cell .right {
	float:right;
	margin-right:5%;
	/*margin-left:4%;*/
	text-align:left;
}
.table .cell .center {
	/*padding:1em 10% 0;*/
	padding:0em 30px 0;
	/*min-height:400px;*/
	overflow:visible;
}
.table .cell .offsetRight {
	margin-right:-25%;
}
.table .cell .offsetLeft {
	margin-left:-25%;
}
.table .cell .btn a {
	color:#fff;
	background-color:#036;
	border-radius:5px;
	box-shadow:0px 0px 16px rgba(4,111,204,1) inset;
	padding:8px 16px;
	text-decoration:none;
	-o-transition: background .10s linear;
	-webkit-transition: background .10s linear;
	-moz-transition: background .10s linear;
	transition:  background .10s linear;
}
.table .cell .btn a:hover {
	background-color:#03C;
}
.table .img {
	margin-top:30px;
}
.table .side {
	width:10%;
	display:block;
}
.table .margin0auto {
	margin-left:auto;
	margin-right:auto;
}
.table .break {
	clear:both;
}
.table .col1, .table .col1s, .table .col1l {
	width:9.5%;
}
.table .col2, .table .col2s, .table .col2l {
	width:19%;
}
.table .col3, .table .col3s, .table .col3l {
	width:28.5%;
}
.table .col4, .table .col4s, .table .col4l {
	width:38%;
}
.table .col5, .table .col5s, .table .col5l {
	width:47.5%;
}
.table .col6, .table .col6s, .table .col6l {
	width:57%;
}
.table .col7, .table .col7s, .table .col7l {
	width:66.5%;
}
.table .col8, .table .col8s, .table .col8l {
	width:76%;
}
.table .col9, .table .col9s, .table .col9l {
	width:85.5%;
}
.table .col10, .table .col10s, .table .col10l {
	width:95%;
}
.fade {
	position:relative;
	overflow:auto;
	display:block;
}
.fade .pic2 {
	position:absolute;
	display:none;
	top:0;
	left:0;
	z-index:3;
}
.img-large {
	display:block;
}
.img-small {
	display:none;
}
#GTXSLI {
	background-color:#000;
	background-image:url(../images/GTX-860M-bg.jpg);
	background-position:50% 20%;
	background-repeat:no-repeat;
	min-height:620px;
}
#haswell {
	background-color:#000;
	background-image:url(../images/haswell-bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:600px;
}
#RAID {
	background-color:#000;
	background-image:url(../images/RAID-Xpress-bg.jpg);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:600px;
}
#memory {
	background-color:#000;
	background-image:url(../images/Memory.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	min-height:720px;
}
#Thermal {
	background-color:#000;
	background-image:url(../images/Thermal.jpg);
	background-position:50% 3%;
	background-repeat:no-repeat;
	min-height:800px;
	position:relative;
	overflow:hidden;
}
#Thermal .table .cell {
	vertical-align: top;
}
#arrow-frame{
	width: 1200px;
	height:800px;
	position:absolute;
	left:50%;
	margin-left:-600px;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-100.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	width:751px;
	height:62px;
	left:50%;
	margin-left:-380px;
	text-align:center;
	animation:arrow_Top_100 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_100 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_Top_100 2200ms linear infinite;
}
	@keyframes arrow_Top_100 
	{
		0% { top:320px; }
		100% { top:220px; }
	}
	
	@-webkit-keyframes arrow_Top_100
	{
		0% { top:320px; }
		100% { top:220px; }
	}
#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-100.png);
	background-repeat:no-repeat;
	position:absolute;
	width:79px;
	height:62px;
	bottom:270px;
	-moz-transform: rotate(-90deg);	
	-khtml-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	-transform: rotate(-90deg);
	animation:arrow_L_100 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_L_100 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_L_100 2200ms linear infinite;
}
	@keyframes arrow_L_100 
	{
		0% { left:100px; }
		100% { left:0; }
	}
	
	@-webkit-keyframes arrow_L_100
	{
		0% { left:100px; }
		100% { left:0; }
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-100.png);
	background-repeat:no-repeat;
	position:absolute;
	width:79px;
	height:62px;
	bottom:270px;
	-moz-transform: rotate(90deg);	
	-khtml-transform: rotate(90deg);
	-webkit-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	-transform: rotate(90deg);
	animation:arrow_R_100 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_R_100 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_R_100 2200ms linear infinite;
}	
	@keyframes arrow_R_100 
	{
		0% { right:100px; }
		100% { right:0; }
	}
	
	@-webkit-keyframes arrow_R_100
	{
		0% { right:100px; }
		100% { right:0; }
	}
#thin {
	background-color:#000;
	background-image:url(../images/Superthin.jpg);
	background-position:50% 12%;
	background-repeat:no-repeat;
	min-height:700px;
}
/*#thin .title {
	margin-top:100px;
}*/
#design {
	background-color:#000;
	background-image:url(../images/Design.jpg);
	background-position:50% 24%;
	background-repeat:no-repeat;
	min-height:700px;
}
#Full-HD {
	background-color:#000;
	background-image:url(../images/Full-HD.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	min-height:700px;
}
#Ghost {
	background-color:#000;
	background-image:url(../images/Anti-Ghost.jpg);
	background-position:50% 25%;
	background-repeat:no-repeat;
	min-height:680px;
}
#Ghost .title {
	margin-top:10%;
}
#killerchip {
	background-color:#000;
	background-image:url(../images/killerchip-bg.jpg);
	background-position:50% 60%;
	background-repeat:no-repeat;
	min-height:650px;
}
#wifi {
	background-color:#000;
	background-image:url(../images/wifi-bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:650px;
}
#Acoustic {
	background-color:#000;
	background-image:url(../images/Acoustic.jpg);
	background-position:50% 0px;
	background-repeat:no-repeat;
	min-height:720px;
}

#Acoustic img{
	margin-top:-210px;
}
#Surround {
	background-color:#000;
	background-image:url(../images/Surround.jpg);
	background-position:50% -50px;
	background-repeat:no-repeat;
	min-height:700px;
}
#VirtuallyCompelling {
	background-color:#000;
	background-image:url(../images/VirtuallyCompelling.jpg);
	background-position:50% 3%;
	background-repeat:no-repeat;
	min-height:760px;
}
#marcokey {
	background-color:#000;
	background-image:url(../images/Macrokeys-bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:650px;
}
#marcokey .img {
	margin-top:60px;
}
#backlit {
	background-color:#000;
	background-image:url(../images/Backlit-bg.jpg);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:650px;
}
#marcohub {
	background-color:#000;
	background-image:url(../images/MacroEngine-bg.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
}
#QHD {
	background-color:#000;
	background-image:url(../images/QHD-bg.jpg);
	background-position:50% 42%;
	background-repeat:no-repeat;
	min-height:650px;
}
#IGZO {
	background-color:#000;
	background-image:url(../images/IGZO-bg.jpg);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:650px;
}
#WideView {
	background-color:#000;
	background-image:url(../images/wideview-bg.jpg);
	background-position:50% 48%;
	background-repeat:no-repeat;
	min-height:700px;
}
#output4K {
	background-color:#000;
	background-image:url(../images/4k-bg.jpg);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:700px;
}
#output4K .title {
	margin-top:100px;
}
#SystemGauge {
	background-color:#000;
	background-image:url(../images/SystemGauge-bg.jpg);
	background-position:50% 55%;
	background-repeat:no-repeat;
	min-height:700px;
}
#FanControl {
	background-color:#000;
	background-image:url(../images/FanControl-bg.jpg);
	background-position:50.5% 57.5%;
	background-repeat:no-repeat;
	min-height:650px;
}
#LockWinkey {
	background-color:#000;
	background-image:url(../images/LockWinkey-bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:650px;
}
}
 @media screen and (max-width: 1900px) {
#Thermal {
	background-position:50% 10%;
	min-height:700px;
}
}
 @media screen and (max-width: 1800px) {
#design {
	background-position:50% 24%;
}
#Thermal {
	background-position:50% 3%;
	min-height:750px;
}
}
 @media screen and (max-width: 1440px) {
.frame {
	width:100%;
}
#GTXSLI {
	background-image:url(../images/GTX-860M-bg-1440.jpg);
	background-position:50% 10%;
}
#design {
	background-position:50% 23%;
}
#Thermal {
	background-image:url(../images/Thermal-1440.jpg);
	background-position:50% -10%;
}
#arrow-frame{
	width: 100%;
	height:750px;
	margin-left:-50%;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-80.png);
	width:572px;
	height:51px;
	left:50%;
	margin-left:-290px;
	animation:arrow_Top_80 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_80 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_Top_80 2200ms linear infinite;
}
	@keyframes arrow_Top_80 
	{
		0% { top:310px; }
		100% { top:210px; }
	}
	@-webkit-keyframes arrow_Top_80
	{
		0% { top:310px; }
		100% { top:210px; }
	}
#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-80.png);
	bottom:300px;
	width:65px;
	height:51px;
	animation:arrow_L_80 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_L_80 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_L_80 2200ms linear infinite;
}
	@keyframes arrow_L_80 
	{
		0% { left:320px; }
		100% { left:220px; }
	}
	@-webkit-keyframes arrow_L_80
	{
		0% { left:320px; }
		100% { left:220px; }
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-80.png);
	width:65px;
	height:51px;
	bottom:300px;
	animation:arrow_R_80 2200ms linear infinite /*alternate*/;
	-webkit-animation:arrow_R_80 2200ms linear infinite /*alternate*/;
	-mos-animation:arrow_R_80 2200ms linear infinite;
}
	@keyframes arrow_R_80 
	{
		0% { right:320px; }
		100% { right:220px; }
	}
	@-webkit-keyframes arrow_R_80
	{
		0% { right:320px; }
		100% { right:220px; }
	}
#thin {
	background-image:url(../images/Superthin-1440.jpg);
	background-position:50% 5%;
	min-height:600px;
}
#Ghost {
	background-image:url(../images/Ghost-1440.jpg);
	background-position:50% 27%;
	min-height:550px;
}
#Ghost .title {
	margin-top:5%;
}
#Acoustic {
	background-image:url(../images/Acoustic-1440.jpg);
	background-position:50% 2%;
}
#QHD {
	background-image:url(../images/QHD-bg-1600.jpg);
	background-position:50% 42%;
}
#IGZO {
	background-image:url(../images/IGZO-bg-1700.jpg);
}
#WideView {
	background-image:url(../images/wideview-bg-1700.jpg);
}
}
@media screen and (max-width: 1030px) {
#haswell {
	background-image:url(../images/haswell-bg-1200.jpg);
	background-position:50% 50%;
}
#RAID {
	background-image:url(../images/RAID-Xpress-bg-1440.jpg);
	background-position:50% 40%;
}
#memory {
	background-image:url(../images/Memory-1440.jpg);
	background-position:50% 70px;
	background-repeat:no-repeat;
	min-height:650px;
}
#Thermal {
	background-position:50% -10%;
}
#design {
	min-height:600px;
	background-image:url(../images/Design-1440.jpg);
	background-position:50% 13%;
}
#Surround {
	background-image:url(../images/Surround-1440.jpg);
	background-position:50% 70px;
	background-repeat:no-repeat;
	min-height:620px;
}
#wifi {
	background-image:url(../images/wifi-bg-1440.jpg);
	background-position:50% 30%;
}
#Full-HD {
	background-image:url(../images/Full-HD-1440.jpg);
	background-position:50% 70px;
	background-repeat:no-repeat;
	min-height:650px;
}
#marcokey {
	background-position:60% 50%;
	min-height:650px;
}
#VirtuallyCompelling {
	background-image:url(../images/VirtuallyCompelling-1440.jpg);
	background-position:50% -7%;
	background-repeat:no-repeat;
	min-height:650px;
}
#QHD {
	background-image:url(../images/QHD-bg-1200.jpg);
	background-position:55% 42%;
}
#IGZO {
	background-image:url(../images/IGZO-bg-1440.jpg);
}
#WideView {
	background-image:url(../images/wideview-bg-1440.jpg);
}
#output4K {
	background-image:url(../images/4k-bg-1200.jpg);
	background-position:40% 40%;
}
#output4K .title {
	margin-top:100px;
}
}
@media screen and (max-width: 930px) {
#Full-HD {
	background-image:url(../images/Full-HD-1000.jpg);
	background-position:50% 90px;
	background-repeat:no-repeat;
	min-height:800px;
}
}
@media screen and (max-width: 800px) {
.frame {
	padding:1em 0;
}
.title {
	font-size:1.3em;
}
.text {
	font-size:15px;
	line-height:1.6em;
	margin-top:1em;
}
.note {
	font-size:12px;
	line-height:1.5em;
	margin-top:1.2em;
}
.table {
	display:block;
}
.table .cell {
	display:block;
}
.table .cell_HIDE {
	display:block;
}
.table .cell_SHOW {
	display:none;
}
.table .col1l, .table .col2l, .table .col3l, .table .col4l, .table .col5l, .table .col6l, .table .col7l, .table .col8l, .table .col9l, .table .col10l {
	width:100%;
	margin:0;
}
.table .col1, .table .col2, .table .col3, .table .col4, .table .col5, .table .col6, .table .col7, .table .col8, .table .col9, .table .col10 {
	width:80%;
	margin:0 10%;
}
.table .col1s, .table .col2s, .table .col3s, .table .col4s, .table .col5s, .table .col6s, .table .col7s, .table .col8s, .table .col9s, .table .col10s {
	width:60%;
	margin:0 20%;
}
.table .cell .left, .table .cell .right, .table .cell .center {
	float:inherit;
	margin:4% 0;
	text-align:left;
}
.table .cell .center {
	padding:0 0 0;
}
.table .cell .offsetRight, .table .cell .offsetLeft {
	margin-right:0;
	margin-left:0;
}
.table .side {
	display:none;
}
.img-large {
	display:none;
}
.img-small {
	display:block;
}
#GTXSLI {
	background-image:url(../images/GTX-860M-bg-1000.jpg);
	background-position:100% 70px;
	min-height:850px;

}
#GTXSLI .img {
	margin-top:380px;
	margin-left:auto;
	margin-right:auto;
}
#haswell {
	background-image:url(../images/Haswell-bg-806.jpg);
	background-position:50% -200px;
}
#haswell .img {
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
}
#RAID {
	background-image:url(../images/RAID-Xpress-bg-1028.jpg);
	background-position:50% 30%;
}
#RAID .img {
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
}
#memory {
	background-image:url(../images/Memory-1000.jpg);
	background-position:50% 90px;
	background-repeat:no-repeat;
	min-height:500px;
}
#Thermal {
	background-image:url(../images/Thermal-1000.jpg);
	background-position:53% 80px;
	min-height:500px;
}
#arrow-frame{
	width: 650px;
	height:500px;
	margin-left:-325px;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-60.png);
	width:400px;
	height:39px;
	left:50%;
	margin-left:-210px;
	animation:arrow_Top_60 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_60 1s linear infinite /*alternate*/;
	-mos-animation:arrow_Top_60 1s linear infinite;
}
	@keyframes arrow_Top_60 
	{
		0% { top:260px; }
		50% { opacity:1; }
		100% { top:200px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_Top_60
	{
		0% { top:260px; }
		50% { opacity:1; }
		100% { top:200px; opacity:0; }
	}
#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-60.png);
	width:50px;
	height:39px;
	bottom:135px;
	animation:arrow_L_60 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_L_60 1s linear infinite /*alternate*/;
	-mos-animation:arrow_L_60 1s linear infinite;
}
	@keyframes arrow_L_60 
	{
		0% { left:60px; }
		50% { opacity:1; }
		100% { left:0px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_L_60
	{
		0% { left:60px; }
		50% { opacity:1; }
		100% { left:0px; opacity:0; }
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-60.png);
	width:50px;
	height:39px;
	bottom:135px;
	animation:arrow_R_60 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_R_60 1s linear infinite /*alternate*/;
	-mos-animation:arrow_R_60 1s linear infinite;
}
	@keyframes arrow_R_60 
	{
		0% { right:70px; }
		50% { opacity:1; }
		100% { right:10px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_R_60
	{
		0% { right:70px; }
		50% { opacity:1; }
		100% { right:10px; opacity:0; }
	}
#thin {
	background-image:url(../images/Superthin-1000.jpg);
	background-position:50% 25px;
	min-height:450px;
}
#thin .title {
	margin-top:0px;
}
#design {
	min-height:450px;
	background-image:url(../images/Design-1000.jpg);
	background-position:50% 10%;
}
#Surround {
	background-position:50% -40px;
	min-height:500px;
}
#Ghost {
	background-image:url(../images/Ghost-1000.jpg);
	background-position:50% 50px;
	min-height:650px;
}
#killerchip {
	background-image:url(../images/killerchip-bg-900.jpg);
	background-position:50% 70%;
	min-height:400px;
}
#killerchip .img {
	margin-top:230px;
	margin-left:auto;
	margin-right:auto;
}
#Acoustic {
	background-image:url(../images/Acoustic-806.jpg);
	background-position:50% 170px;
	min-height:800px;
}
#Acoustic img {
	margin-top:150px;
	margin-left:18%;
	
}
#VirtuallyCompelling {
	background-image:url(../images/VirtuallyCompelling-1000.jpg);
	background-position:50% -20%;
	background-repeat:no-repeat;
	min-height:500px;
}
#Full-HD {
	min-height:860px;
}
#wifi {
	background-image:url(../images/wifi-bg-1000.jpg);
	background-position:50% 75%;
}
#wifi .img {
	margin-top:230px;
	margin-left:auto;
	margin-right:auto;
}
#marcokey {
	background-image:url(../images/Macrokeys-bg-800.jpg);
	background-position:50% 25%;
	min-height:500px;
}
#marcokey .img {
	margin-top:230px;
	margin-left:auto;
	margin-right:auto;
}
#backlit {
	background-image:url(../images/Backlit-bg-1200.jpg);
	background-position:45% 35%;
	min-height:400px;
}
#marcohub {
	background-position:20% 60%;
}
#lockwinkey {
	background-image:url(../images/lockwinkey-bg-800.jpg);
}
#QHD {
	background-image:url(../images/QHD-bg-1000.jpg);
	background-position:54% 60%;
}
#QHD .img {
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
}
#IGZO {
	min-height:450px;
	background-image:url(../images/IGZO-bg-800.jpg);
	background-position:50% 40%;
}
#WideView {
	min-height:600px;
	background-image:url(../images/wideview-bg-1200.jpg);
	background-position:50% 52.5%;
}
#output4K {
	min-height:550px;
	background-image:url(../images/4k-bg-900.jpg);
	background-position:40% 25%;
}
#output4K .title {
	margin-top:0px;
}
#SystemGauge {
	background-image:url(../images/SystemGauge-bg-1200.jpg);
	background-position:49% 50%;
	min-height:600px;
}
#FanControl {
	background-image:url(../images/FanControl-bg-1200.jpg);
	background-position:50.5% 60%;
	min-height:500px;
}
#LockWinkey {
	background-image:url(../images/LockWinkey-bg-1200.jpg);
	background-position:50.5% 50%;
	min-height:500px;
}
}
@media screen and (max-width: 735px) {
#Surround {
	background-position:50% -5px;
	min-height:530px;
}
}
@media screen and (max-width: 650px) {
#GTXSLI {
 background-image:url(../images/GTX-860M-bg-1000.jpg);
 background-position:84% 90px;
}
#design {
	background-position:50% 5%;
}
#Thermal {
	background-image:url(../images/Thermal-650.jpg);
	background-position:50% 110px;
}
#arrow-frame{
	width: 500px;
	height:500px;
	margin-left:-250px;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-40.png);
	width:349px;
	height:35px;
	left:50%;
	margin-left:-180px;
	animation:arrow_Top_40 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_40 1s linear infinite /*alternate*/;
	-mos-animation:arrow_Top_40 1s linear infinite;
}
	@keyframes arrow_Top_40 
	{
		0% { top:270px; }
		50% { opacity:1; }
		100% { top:225px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_Top_40
	{
		0% { top:270px; }
		50% { opacity:1; }
		100% { top:225px; opacity:0; }
	}
#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-40.png);
	width:44px;
	height:35px;
	animation:arrow_L_40 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_L_40 1s linear infinite /*alternate*/;
	-mos-animation:arrow_L_40 1s linear infinite;
}
	@keyframes arrow_L_40 
	{
		0% { left:30px; }
		50% { opacity:1; }
		100% { left:-20px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_L_40
	{
		0% { left:30px; }
		50% { opacity:1; }
		100% { left:-20px; opacity:0; }
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-40.png);
	width:44px;
	height:35px;
	animation:arrow_R_40 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_R_40 1s linear infinite /*alternate*/;
	-mos-animation:arrow_R_40 1s linear infinite;
}
	@keyframes arrow_R_40 
	{
		0% { right:30px; }
		50% { opacity:1; }
		100% { right:-20px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_R_40
	{
		0% { right:30px; }
		50% { opacity:1; }
		100% { right:-20px; opacity:0; }
	}
#thin {
	background-image:url(../images/Superthin-800.jpg);
	background-position:50% 100px;
	min-height:450px;
}
#Full-HD {
	background-image:url(../images/Full-HD-650.jpg);
	background-position:50% 50px;
	background-repeat:no-repeat;
	min-height:650px;
}

#Acoustic img {
	margin-top:100px;
	margin-left:6%;
	
}

}
@media screen and (max-width: 550px) {
#Full-HD {
	background-position:50% 90px;
	min-height:680px;
}
#Surround {
	background-image:url(../images/Surround-1000.jpg);
	background-position:50% 85px;
	background-repeat:no-repeat;
	min-height:480px;
}
}
@media screen and (max-width: 500px) {
#GTXSLI {
	background-image:url(../images/GTX-860M-bg-500.jpg);
	background-position:50% 180px;
	min-height:780px;
}
#GTXSLI .img {
	margin-top:280px;
}
#haswell {
	background-position:50% -150px;
}
#memory {
	background-image:url(../images/Memory-500.jpg);
	background-position:100% 210px;
	background-repeat:no-repeat;
	min-height:580px;
}
#RAID {
	background-position:50% 10%;
}
#RAID .img {
	margin-top:280px;
}
#design {
	min-height:460px;
	background-image:url(../images/Design-600.jpg);
	background-position:50% 170px;
}
#Thermal {
	background-image:url(../images/Thermal-500.jpg);
	background-position:50% 250px;
}
#arrow-frame{
	width: 360px;
	height:500px;
	margin-left:-180px;
	bottom:-35px;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-30.png);
	width:261px;
	height:24px;
	margin-left:-135px;
	animation:arrow_Top_30 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_30 1s linear infinite /*alternate*/;
	-mos-animation:arrow_Top_30 1s linear infinite;
}
	@keyframes arrow_Top_30 
	{
		0% { bottom:180px; }
		30% { opacity:1; }
		60% { bottom:220px; opacity:0; }
		100% { bottom:220px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_Top_30
	{
		0% { bottom:180px; }
		30% { opacity:1; }
		60% { bottom:220px; opacity:0; }
		100% { bottom:220px; opacity:0; }
	}

#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-30.png);
	width:30px;
	height:24px;
	animation:arrow_L_30 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_L_30 1s linear infinite /*alternate*/;
	-mos-animation:arrow_L_30 1s linear infinite;
}
	@keyframes arrow_L_30 
	{
		0% { left:20px; }
		30% { opacity:1; }
		60% { left:-30px; opacity:0; }
		100% { left:-30px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_L_30
	{
		0% { left:20px; }
		30% { opacity:1; }
		60% { left:-30px; opacity:0; }
		100% { left:-30px; opacity:0; }
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-30.png);
	width:30px;
	height:24px;
	animation:arrow_R_30 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_R_30 1s linear infinite /*alternate*/;
	-mos-animation:arrow_R_30 1s linear infinite;
}
	@keyframes arrow_R_30 
	{
		0% { right:20px; }
		30% { opacity:1; }
		60% { right:-30px; opacity:0; }
		100% { right:-30px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_R_30
	{
		0% { right:20px; }
		30% { opacity:1; }
		60% { right:-30px; opacity:0; }
		100% { right:-30px; opacity:0; }
	}
#thin {
	background-image:url(../images/Superthin-700.jpg);
	background-position:50% 120px;
	min-height:450px;
}
#wifi {
	min-height:300px;
	background-image:url(../images/wifi-bg-600.jpg);
	background-position:50% 70%;
}
#wifi .img {
	margin-top:150px;
}
#Acoustic {
	background-position:50% 70%;
}

#Acoustic img {
	margin-top:100px;
	margin-left:0%;
	
}

#VirtuallyCompelling {
	background-image:url(../images/VirtuallyCompelling-800.jpg);
	background-position:50% 150px;
	background-repeat:no-repeat;
	min-height:550px;
}
#Full-HD {
	background-image:url(../images/Full-HD-500.jpg);
	background-position:50% 190px;
	background-repeat:no-repeat;
	min-height:700px;
}
#marcokey {
	background-position:50% 0px;
	min-height:600px;
}
#backlit {
	background-position:40% 30%;
}
#QHD {
	background-image:url(../images/QHD-bg-800.jpg);
	background-position:52% -100px;
}
#QHD .img {
	margin-top:240px;
}
#IGZO {
	min-height:800px;
	background-image:url(../images/IGZO-bg-500.jpg);
	background-position:50% 70%;
}
#WideView {
	background-image:url(../images/wideview-bg-800.jpg);
	background-position:50% 40%;
}
#output4K {
	min-height:550px;
	background-image:url(../images/4k-bg-700.jpg);
	background-position:40% 20px;
}
#SystemGauge {
	background-position:48% 50%;
}
#FanControl {
	background-position:50.5% 50%;
}
#LockWinkey {
	background-position:50.5% 40%;
}
}
@media screen and (max-width: 485px) {
#Surround {
	background-image:url(../images/Surround-800.jpg);
	background-position:50% 160px;
	background-repeat:no-repeat;
	min-height:500px;
}
}
@media screen and (max-width: 400px) {
#Acoustic {
	background-image:url(../images/Acoustic-600.jpg);
	background-position:50% 65%;
}
#Surround {
	background-image:url(../images/Surround-700.jpg);
	background-position:50% 190px;
	background-repeat:no-repeat;
	min-height:500px;
}
}
@media screen and (max-width: 370px) {
#Full-HD {
	background-position:50% 210px;
	min-height:730px;
}
#Surround {
	background-position:50% 220px;
}
}
@media screen and (max-width: 360px) {
#GTXSLI {
	background-image:url(../images/GTX-860M-bg-500.jpg);
	background-position:50% 250px;
}

#GTXSLI img{
	margin-top:50px;
}
#haswell {
	min-height:720px;
	background-position:50% 0px;
}
#haswell .img {
	margin-top:240px;
}
#RAID {
	background-image:url(../images/RAID-Xpress-bg-720.jpg);
	background-position:50% 120px !important;
	min-height: 800px;

}
#RAID img {
	margin-top:00px;
}
#memory {
	background-image:url(../images/Memory-500.jpg);
	background-position:57% 290px;
	background-repeat:no-repeat;
	min-height:650px;
}
#Thermal {
	background-image:url(../images/Thermal-360.jpg);
	background-position:50% 380px;
	min-height:590px;
}
#arrow-frame{
	width: 300px;
	height:500px;
	margin-left:-150px;
	bottom:60px;
}
#Thermal #Thermal_arrow-Top {
	background-image:url(../images/arrow-top-20.png);
	width:186px;
	height:17px;
	margin-left:-98px;
	animation:arrow_Top_20 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_Top_20 1s linear infinite /*alternate*/;
	-mos-animation:arrow_Top_20 1s linear infinite;
}
	@keyframes arrow_Top_20 
	{
		0% { bottom:70px; }
		30% { opacity:1; }
		60% { bottom:100px; opacity:0; }
		100% { bottom:100px; opacity:0; }
	}
	
	@-webkit-keyframes arrow_Top_20
	{
		0% { bottom:70px; }
		30% { opacity:1; }
		60% { bottom:100px; opacity:0; }
		100% { bottom:100px; opacity:0; }
	}

#Thermal #Thermal_arrow-L {
	background-image:url(../images/arrow-20.png);
	width:22px;
	height:17px;
	animation:arrow_L_20 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_L_20 1s linear infinite /*alternate*/;
	-mos-animation:arrow_L_20 1s linear infinite;
}
	@keyframes arrow_L_20 
	{
		0% { left:30px; bottom:40px;}
		30% { opacity:1; }
		60% { left:0px; opacity:0; bottom:40px;}
		100% { left:0px; opacity:0; bottom:40px;}
	}
	
	@-webkit-keyframes arrow_L_20
	{
		0% { left:30px; bottom:40px;}
		30% { opacity:1; }
		60% { left:0px; opacity:0; bottom:40px;}
		100% { left:0px; opacity:0; bottom:40px;}
	}
#Thermal #Thermal_arrow-R {
	background-image:url(../images/arrow-20.png);
	width:22px;
	height:17px;
	animation:arrow_R_20 1s linear infinite /*alternate*/;
	-webkit-animation:arrow_R_20 1s linear infinite /*alternate*/;
	-mos-animation:arrow_R_20 1s linear infinite;
}
	@keyframes arrow_R_20 
	{
		0% { right:30px; bottom:40px;}
		30% { opacity:1; }
		60% { right:0px; opacity:0; bottom:40px;}
		100% { right:0px; opacity:0; bottom:40px;}
	}
	
	@-webkit-keyframes arrow_R_20
	{
		0% { right:35px; }
		30% { opacity:1; }
		60% { right:-0px; opacity:0; bottom:40px;}
		100% { right:0px; opacity:0; bottom:40px;}
	}
#thin {
	background-image:url(../images/Superthin-360.jpg);
	background-position:50% 240px;
	min-height:550px;
}
#design {
	min-height:580px;
	background-image:url(../images/Design-600.jpg);
	background-position:50% 250px;
}
#Surround {
	background-position:50% 250px;
	min-height:550px;
}
#Ghost {
	background-image:url(../images/Ghost-600.jpg);
	background-position:50% 250px;
	min-height:630px;
}
#VirtuallyCompelling {
	background-image:url(../images/VirtuallyCompelling-600.jpg);
	background-position:50% 230px;
	background-repeat:no-repeat;
	min-height:540px;
}
#killerchip {
	background-position:50% 50%;
	min-height:400px;
}
#killerchip .img {
	margin-top:180px;
}
#Acoustic {
	background-image:url(../images/Acoustic-365.jpg);
	background-position:50% 75%;
}
#Acoustic img {
	margin-top:0px;
}

#wifi {
	background-position:50% 20%;
}
#wifi .img {
	margin-top:100px;
}
#marcokey {
	background-position:50% 0px;
	min-height:300px;
}
#backlit {
	background-position:35% 30%;
}
#QHD {
	background-image:url(../images/QHD-bg-700.jpg);
	background-position:52% 5px;
}
#QHD .img {
	margin-top:200px;
}
#IGZO {
	background-position:50% 60%;
}
#output4K {
	background-position:45% 20px;
}
#SystemGauge {
	background-image:url(../images/SystemGauge-bg-1100.jpg);
	background-position:48% 30%;
}
#FanControl {
	background-image:url(../images/FanControl-bg-1100.jpg);
	background-position:50.5% 45%;
}
#LockWinkey {
	background-image:url(../images/LockWinkey-bg-1100.jpg);
	background-position:50.5% 35%;
}
}
@media screen and (max-width: 350px) {
#Full-HD {
	background-position:50% 230px;
	min-height:750px;
}
}
@media screen and (max-width: 320px) {
#haswell {
	background-position:50% -90px;
}
#RAID {
	background-position:50% 180px;
}
#thin {
	background-position:50% 230px;
}
/*#design {
	min-height:500px;
	background-position:50% 160px;
}*/
#killerchip {

	background-position:50% 40%;

	min-height:650px;
}
#killerchip .img {
	margin-top:200px;
}
#marcokey {
	background-position:45% 75px;
	min-height:400px;
}
#marcokey .img {
	margin-top:200px;
}

#Acoustic {
	min-height: 700px;
	background-position:50% 400px;
}
}

#Acoustic .img{
	margin-top:250px;
}
#backlit {
	background-position:35% 25%;
}
#QHD {
	background-position:52% 20px;
}
#IGZO {
	min-height:830px;
	background-position:50% 55%;
}
#WideView {
	background-position:50% 35%;
}
#output4K {
	min-height:600px;
	background-image:url(../images/4k-bg-600.jpg);
	background-position:45% 150px;
}
#SystemGauge {
	background-position:48% 20%;
}
}