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

#ThermaltakeSymbol{
position:relative;
display:block;
width:100%;
z-index:999;
}

#ThermaltakeSymbolpic{
position:absolute;
left:0;
top:0;
z-index:999;
}

#menu{
background-color:#000000;
display:block;
height:122px;
border-bottom: 1px solid #0f0f0f;
}

.headsetdps{
	display:block;
	width:1024px;
	margin:0 auto;
	position:relative;	
	}
.DPSicon{
	position:absolute;
	top:47px;
	left:913px;	
	}
.ttfourm{
	position:absolute;
	top:47px;
	left:913px;	
	}


#BannerContent{
	display:block;
	width:97%;
	height:355px;
	background-color:#d9d9d9;
	/*background-image:url(../images2013/bgbg.jpg);*/
	background-repeat:repeat-x;
	padding-left:3%;

	
}


#videokYE3{
	display:block;
	width:100%;
	height:300px;
	background-color:#CC0000;
	background-image:url(../images/bgRed.jpg);
	background-repeat:repeat-x;
}

#FbKYE3{
	display:block;
	width:100%;
	height:430px;
	background-color:#FFFFFF;
	padding-top:25px;
	background-image:url(../images/bg450.jpg);
	background-repeat:repeat-x;
}

#relativeMenuback{
margin: 0 auto;
position:relative;
display:block;
width:980px;
z-index:1000;


}


#LeftBanner{
position:absolute;
top:230px;
left:20px;
display:block;
width:150px;
height:180px;

}



/*--參訪曜越圖示--*/
#menuback{
	margin:0;
	padding:0;
	width:210px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	list-style: none;
	background: url(../images2013/menu-bg.png) top center no-repeat;
	overflow: auto;
	left: -5px;
}

#menuback li.shutter {
	width: 210px;
	height: 80px;
	display: block;
	float: left;
}

#menuback li#shutter1 {

	background: url(../images2013/explore.png) no-repeat;	
}
#menuback a.link {
   width: 210px;
   height: 80px;
   display: block;
   background: url(../images2013/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
/*--參訪曜越圖示END--*/
	
	
/*--explore the ttdesign_css--*/
ul#menuback2 {
	margin:0;
	padding:0;
	width:210px;
	height: 80px;
	position:absolute;
	top:0px;
	right:-160px;
	right:-150px\9;
	z-index:999;
	list-style: none;
	background: url(../images2013/menu-bg2.png) top center no-repeat;
	overflow: auto;
	left: 218px;
}

ul#menuback2 li.shutter2 {
	width: 210px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback2 li#shutter2 {

	background: url(../images2013/explore2.png) no-repeat;	
}

#menuback2 a.link2 {
   width: 210px;
   height: 80px;
   display: block;
   background: url(../images2013/window.png) no-repeat bottom center;
   text-indent: -9999px;
}



/*--L10 VIDEO--*/
ul#menuback3 {
	margin:0;
	padding:0;
	width:210px;
	height: 80px;
	position:absolute;
	top:0px;
	left:-160px;
	left:437px;
	z-index:999;
	list-style: none;
	background: url(../images2013/tteA2.png) top center no-repeat;
	overflow: auto;
}

ul#menuback3 li.shutter3 {
	width: 210px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback3 li#shutter3 {
	background: url(../images2013/tteA1.png) no-repeat;	
}

#menuback3 a.link3 {
   width: 210px;
   height: 80px;
   display: block;
   background: url(../images2013/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
/*--L10 VIDEO end--*/


/*--L10 VIDEO--*/
ul#menuback4 {
	margin:0;
	padding:0;
	width:210px;
	height: 80px;
	position:absolute;
	top:0px;
	left:-160px;
	left:655px;
	z-index:999;
	list-style: none;
	background: url(../images2013/explore3.png) top center no-repeat;
	overflow: auto;
}

ul#menuback4 li.shutter4 {
	width: 210px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback4 li#shutter4 {
	background: url(../images2013/menu-bg3.png) no-repeat;	
}

#menuback4 a.link4 {
   width: 210px;
   height: 80px;
   display: block;
   background: url(../images2013/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
/*--L10 VIDEO end--*/

#lineRed{
display:block;
width:100%;
height:3px;
background-color:#FF0000;

}