@charset "utf-8";
/* CSS Document */

#RgbIntroduction{
	display:block;
	width:1050px;
	height:2000px;
	background-color:#141414;
	letter-spacing:0.5px;
	
	font-family: 'Oswald', sans-serif;
	
	}

#RgbIntroduction h1{
	color:#FFF;
	font-size:42px;
	font-weight:600;
	
	
	}
	
#RgbIntroduction p{
	color:#FFF;
	font-size:16px;
	font-weight:100;
}

#RgbIntroduction img{
	text-align:center;	
	}

#dataFrom a{ text-decoration:none; color:#fff; padding:3px; display:inline-block;  }
#dataFrom a:hover{ color:#f00; display:inline-block; border:1px solid #f00; padding:2px;}

#ContactProductlist {
	width:100%;	
	}
#ContactProductlist{

	/*font-family: 'Oswald', sans-serif;*/
	font-family: Microsoft JhengHei;
	color: #fff;

}

.gChair{
	display: block;
	width: 100%;
	position:relative;
}
.gChair > h1{
    font-weight: 200;
    font-style: normal;
    font-size: 32px;
    line-height: 78px;
    letter-spacing: 58px;
    text-align: center;
    padding-top: 20px;
    padding-left: 24px;
}
.gChair > h2{
	font-weight: 800;
    font-style: normal;
    font-size: 45px;
	line-height: 48px;
    letter-spacing: 3px;
	text-align:center;
	text-transform:uppercase;
	}
	
.gChair > h3{
	font-weight: 800;
    font-style: normal;
    font-size: 70px;
	line-height: 48px;
    letter-spacing: 3px;
	text-align:center;
	text-transform:uppercase;
	
	padding-top:40px;
	padding-bottom:40px;
	}
	
.gChair > p{
	padding-top:60px;
	padding-bottom:80px;
	font-weight: 400;
    font-style: normal;
    font-size: 18px;
	line-height: 25px;
	letter-spacing: 1.1px;
	}

.gChair > p > a{
	color:#F00;
	
	}	


.gChairBox1{
	display:inline-block;
	width:100%;
	height:730px;
	background-image:url(../html/gamingSwitch/bg1.jpg);
    background-position: center top;
	background-repeat:no-repeat;
	}


.gChairBox1 h1{
	font-weight: 800;
    font-style: normal;
    font-size: 64px;
    line-height: 78px;
    letter-spacing: 24px;
    text-align: center;
    padding-top: 585px;
    padding-left: 24px;
	}

.gChairBox1 h2{
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 22px;
    text-align: center;
    padding-top: 0px;
    padding-left: 24px;
	}

.gChairBox2{
	display:inline-block;
	width:100%;
	height:550px;
	background-image:url(../html/gamingSwitch/bg2.gif);
	background-repeat:no-repeat;
    background-position: center top;
	}

.gChairBox2 p{
	
	width:1080px;
	height:550px;
	margin:0 auto;
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: left;
    padding-top: 585px;
    padding-left: 24px;
	}

.gChairBox3{
	display:block;
	width:1080px;
	height:550px;
	margin:0 auto;
	padding-top:150px;

	}
.gChairBox3 ul{
	float:left;	
	}
.gChairBox3 ul li{
		display:inline-block;
		width:24%;
		height:650px;
		background-position:top center;
	}
.gChairBox3 ul li:nth-child(1){
	background-image:url(../html/gamingSwitch/bg3a.jpg);
	background-repeat:no-repeat;
	}
.gChairBox3 ul li:nth-child(2){
	background-image:url(../html/gamingSwitch/bg3b.jpg);
	background-repeat:no-repeat;
	}
.gChairBox3 ul li:nth-child(3){
	background-image:url(../html/gamingSwitch/bg3c.jpg);
	background-repeat:no-repeat;
	}
.gChairBox3 ul li:nth-child(4){
	background-image:url(../html/gamingSwitch/bg3d.jpg);
	background-repeat:no-repeat;
	}
.gChairBox3 h1{
	font-weight: 800;
    font-style: normal;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 423px;
	}
.gChairBox3 p{
	font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: center;
	padding:0 12px;
	}

.gChairBox4{
	display: inline-block;
    width: 100%;
    height: 850px;
    background-image: url(../html/gamingSwitch/bg4.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
	}
	
.gChairBox4 p{
	width:1080px;
	margin:0 auto;	
	
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: left;
    padding-top: 722px;
    padding-left: 20px;
	padding-right:20px;
	}
	
.gChairBox5{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 1080px;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
	}


.box12Fea{
    display: block;
    width: 1080px;
    height: 1080px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    background-repeat: no-repeat;
    color: #FFF;
    }
    

.b12p1, .b12p2, .b12p3, .b12p4, .b12p5, .b12p6, .b12p7, .b12p8, .b12p9{

	font-size: 15px;
    line-height: 18px;
    letter-spacing: 1px;
    width: 200px;
    text-align: left;
    font-weight: 200;
    font-style: normal;
}

.b12p1{
	position: absolute;
    left: 0%;
    top: 8%;

}

.b12p2{
    position: absolute;
    left: 0%;
    top: 32%;
}

.b12p3{
    position: absolute;
    left: 0%;
    top: 58%; 
}

.b12p4{
    position: absolute;
    left: 84%;
    top: 17%; 
}

.b12p5{
	position: absolute;
    left: 83%;
    top: 45.5%;
}

.b12p6{
    position: absolute;
    left: 84%;
    top: 70.5%; 
}

.b12p7{
    position: absolute;
    left: 39%;
    top: 87%;
}

.b12p8{
    position: absolute;
    left: 83%;
    top: 1%;
    width: 200;
    letter-spacing: 0px;
    line-height: 18px;
}
.b12p9{
    position: absolute;
    left: 84%;
    top: 27.5%;
}


.gChairBox6{
	display:inline-block;
	width:100%;
	height:880px;
	background-image:url(../html/gamingSwitch/bg6.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:30px;
	}
	
.gChairBox6 p{
	width:1080px;
	margin:0 auto;
	
    padding-left: 20px;
	padding-right:20px;
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
	text-align:center;
	}	
	
	
	
.gChairBox7{
	display:block;
    width: 1080px;
    height: 320px;
	margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 30px;

	}	
.gChairBox7 ul{
	float:left;	
	}
.gChairBox7 ul li{
		display:inline-block;
		width:49%;
		height:220px;
		text-align:center;
		
		font-weight: 800;
		font-style: normal;
		font-size: 24px;
		line-height: 48px;
   		letter-spacing: 5px;
		transition:.5s
	}
/*
.gChairBox7 ul li a img:hover{
	width:110%;
	}
*/
.gChairBox7 p {
	clear:both;
    padding-left: 20px;
	padding-right:20px;
    font-weight: 200;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 5px;
	text-align:center;
	width:80%;
	margin: 0 auto;
    PADDING-TOP: 30px;
	}	
	

.switchBox{
	display:block;

	}
.leftImg{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:block;
	width:200px;
	height:200px;
	background-color:#636363;
	margin-left: 48px;
	float:left;
	}
	

.aa{
	background-image:url(../html/Switch/img/CherryMXRed.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
.bb{

	background-image:url(../html/Switch/img/CherryMXBlue.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
.cc{

	background-image:url(../html/Switch/img/CherryMXBrown.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}
.rightContent{
	float:right;
	display:block;
	width:780px;
	margin-bottom: 60px;
	}
.rightContent > h1{
    font-weight: 400;
    font-style: normal;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: 3px;
    text-align: left;
    text-transform: uppercase;
	}
.rightContent > p{
	padding-top: 10px;
    padding-bottom: 30px;
    font-weight: 400;
    font-style: normal;
	letter-spacing: 1.1px;
    font-size: 18px;
    line-height: 25px;


	}

.rightContent a, .pricebox a{
    color: #ff0000;
    border: 2px solid #ff0000;
    padding: 8px 10px;
    text-decoration: none;
    letter-spacing: 2px;
    transition: 1s;
}
.redLink{	
	color:#f00;
}
.blueLink{	
	color:#0075c1;
}
.blueLink a{
	color:#0075c1;
    border: 2px solid #0075c1;
	}
.brownLink{
	color:#954f29;
	}
.brownLink a{
	color:#954f29;
    border: 2px solid #954f29;
	}

.rightContent a:hover, .pricebox a:hover{
    color: #ffff00;
    border: 2px solid #ffff00;
}
.kbPrice{
	margin-top:100px;
    height: 1100px;
	}
.pricebox{
    display: block;
    text-align: center;
    padding-bottom: 32px;
	}
.pricebox > h1{
	font-size:36px;
	line-height:86px;
	}
	
.tablePrice{
	display:block;
    width: 1080px;
	margin:0 auto;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.5px;
    font-size: 15px;
    line-height: 24px;
	}
	
@media screen and (min-width: 1480px) {
.tablePrice{
	display:block;
    width: 1480px;
	margin:0 auto;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.5px;
    font-size: 15px;
    line-height: 24px;
	}
	
.kbPrice{
	margin-top:100px;
    height: 860px;
	}
}

.tablePrice td{
	border:1px solid #666;
    padding: 5px;
	
	}
.tablePrice tr:nth-child(odd){
	background-color:#1b1b1b;
	}