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-970M-bg.jpg);
	background-position:50% 20%;
	background-repeat:no-repeat;
	min-height:600px;
}
#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;
}
#thin {
	background-color:#000;
	background-image:url(../images/thin-bg.jpg);
	background-position:70% 40%;
	background-repeat:no-repeat;
	min-height:600px;
}
#thin .title {
	margin-top:100px;
}
#design {
	background-color:#151515;
	background-image:url(../images/design-bg.jpg);
	background-position:50% 40%;
	background-repeat:no-repeat;
	min-height:700px;
}
#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:60% 50%;
	background-repeat:no-repeat;
	min-height:650px;
}
#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:45% 40%;
	background-repeat:no-repeat;
	min-height:650px;
}

#marcohub {
	background-color:#000;
	background-image:url(../images/MacroEngine-bg.jpg);
	background-position:50% 40%;
	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:55% 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:49% 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: 1600px) {

}
 @media screen and (max-width: 1440px) {
.frame {
	width:100%;
}
#GTXSLI {
	background-image:url(../images/GTX-970M-bg-1440.jpg);
	background-position:50% 10%;
}
#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: 1000px) {
/*.table {
	min-height:350px;
}
.title {
	font-size:1.7em;
	line-height:1.3em;
}
.text {
	font-size:0.9em;
	line-height:1.6em;
	margin-top:1em;
}
.note {
	font-size:0.6em;
	line-height:1.5em;
	margin-top:1.2em;
}*/
#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%;
}
#thin {
	background-image:url(../images/thin-bg-1200.jpg);
	background-position:70% 40%;
}
#thin .title {
	margin-top:100px;
}
#design {
	min-height:600px;
	background-image:url(../images/design-bg-1440.jpg);
	background-position:50% 40%;
}
#wifi {
	background-image:url(../images/wifi-bg-1440.jpg);
	background-position:20% 50%;
}
#marcokey {
	background-position:60% 50%;
	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: 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-970M-bg-1000.jpg);
	background-position:100% 100px;
}
#GTXSLI .img {
	margin-top:300px;
	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;
}
#thin {
	background-image:url(../images/thin-bg-800.jpg);
	background-position:50% 100px;
}
#thin .title {
	margin-top:0px;
}
#design {
	min-height:450px;
	background-image:url(../images/design-bg-1000.jpg);
	background-position:50% 30%;
}
#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;
}
#wifi {
	background-image:url(../images/wifi-bg-1000.jpg);
	background-position:50% 60%;
}
#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: 500px) {
#GTXSLI {
	background-image:url(../images/GTX-970M-bg-500.jpg);
	background-position:50% 260px;
}
#GTXSLI .img {
	margin-top:150px;
}
#haswell {
	background-position:50% -150px;
}
#RAID {
	background-position:50% 10%;
}
#RAID .img {
	margin-top:280px;
}
#design {
	min-height:450px;
	background-image:url(../images/design-bg-600.jpg);
	background-position:50% 90px;
}
#wifi {
	min-height:300px;
	background-image:url(../images/wifi-bg-600.jpg);
	background-position:50% 30%;
}
#wifi .img {
	margin-top:150px;
}
#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: 360px) { 
#haswell {
	min-height:520px;
	background-position:50% -150px;
}
#haswell .img {
	margin-top:120px;
}
#RAID {
	background-image:url(../images/RAID-Xpress-bg-720.jpg);
	background-position:50% 90px;
}
#RAID .img {
	margin-top:150px;
}
#thin {
	min-height:520px;
	background-image:url(../images/thin-bg-600.jpg);
	background-position:60% 180px;
}
#design {
	background-position:50% 130px;
}
#killerchip {
	background-position:50% 50%;
	min-height:400px;
}
#killerchip .img {
	margin-top:180px;
}
#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: 320px) { 
#haswell {
	background-position:50% -90px;
}
#RAID {
background-position:50% 150px;
}
#thin {
	background-position:55% 230px;
}
#design {
	min-height:500px;
	background-position:50% 160px;
}
#killerchip .img {
	margin-top:200px;
}
#marcokey {
	background-position:50% 15px;
	min-height:400px;
}
#marcokey .img {
	margin-top:200px;
}
#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%;
}
#FanControl {
	min-height:630px;
	background-position:50.5% 45%;
}
}