div, span,h1, h2, h3, h4, h5, h6,p,dl, dt, dd, ol, ul, li ,a
 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	}
html, body {
width:100%;
height:100%;
margin: 0px auto 0px;
padding:0px;
text-align: center;
	background-image:url(images/page3_01.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-color: #CDE1F5;
}
#warp {
padding:0;
margin: 0px auto 0px;
width: 100%;
}

#top{
	width:960px;
	height:500px;
	margin:0px;
}

#middle{
width:960px;
height:620px;
padding:0px;
margin:0px auto;
text-align:left;
background-color:#F0F0F0;
}

	ul.tabs {
	margin:0px;
	padding:0px;	
	width: 960px;
	height: 110px;
	background-color:#cc6699;
	}
	ul.tabs li {
	float:left;
	margin:0;
	padding:0;
	display:inline;
	}
	div.tab_container {
	width: 960px;
	height:350px;		
	border-top: none;
	background:transparent;
	
	}
	div.tab_container .tab_content {
		width:960px;
		height:330px;
		padding: 0px 0px 0px 0px;
		margin-left:0px;
		background-color:#F0F0F0;
	}
	
	
	
.i-img{
width:500px;
height:350px;
float:left;
margin:10px 10px 0px 0px;
background-color:#F0F0F0;
}
.i-intro{
margin-top:10px;
width:430px;
height:170px;
float:left;
background-color:#ffffff;
font-size:10pt;
line-height:180%;
color:#4A4A4A;
font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
border-top:1px solid #4A4A4A;
}
.i-intro h3{
width:72px;
padding:4px;
background-color:#4A4A4A;
font-size:12pt;
line-height:180%;
color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
.i-dis{
	width: 430px;
	height: 170px;
line-height:180%;	
	float: left;
	background-color: #ffffff;
	color: #4A4A4A;
border-top:1px solid #F50661;	
}
.i-dis h3{
width:72px;
padding:4px;
background-color:#F50661;
font-size:12pt;
line-height:180%;
color:#FFFFFF;
 font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
.product{
width:960px;
float:left;
padding:0px;
margin:0px auto 20px;
text-align:left;
background-color:#F0F0F0;
}

.pborder{
	
	width: 960px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
	margin-top:15px;
	margin-bottom:5px;
	display: block;
	float: left;
}


.title{
	width: 760px;
	float: left;
	font-size: 16pt;
	color: #0066CC;
/*	font-weight:bold;*/
	text-decoration: none;

}

.title a{
	width: 760px;
	float: left;
	font-size: 16pt;
	color: #0066CC;
/*	font-weight:bold;*/

	text-decoration: none;
}

.title a:hover{
	font-size: 16pt;
	color: #663300;
	text-decoration: none;
}


.price{
	width: 90px;
	line-height:30px;
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: #F00;
	text-align: right;
}

.yan{
	width: 35px;
	float: right;
	line-height: 30px;
	text-align: right;
	font-size: 14px;
	color: #F00;
}

.push {

padding:4px;
font-size:11pt;
line-height:180%;
color:#333333;
font-weight:normal;
 font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
.push2 {

padding:4px;
font-size:11pt;
line-height:180%;
color:#CC0033;
font-weight:bold;
 font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}


#topbar {
	width:100%;
	height:40px;
	position:fixed;
	_position: absolute; /* position fixed for IE6 */
	_top:expression(documentElement.scrollTop+"px");
	top:0;
	left:0;
	z-index:1000 !important;
	background:url(/images/th_head_bk.png) repeat-x;
	_background:url(/images/th_head_bg_long.png) center; /* single bg img for IE6 */
}

#topbar_wrap {
	margin:0 auto;
	width:970px;
	position:relative;
	text-align:left;
}

#topbar_wrap .topbar_logo {
	position:absolute;
	top:0;
	left:0;
	width:340px;
	height:35px;
	margin:0;
	padding:0;
	text-indent:-3000px;
	background:url(/images/head_logo.png) no-repeat;
}

#topbar_wrap .topbar_logo a {
	display:block;
	width:160px;
	height:35px;
}

#topbar_wrap .topbar_link {
	position:absolute;
	top:9px;
	right:10px;
	margin:0;
	padding:1px;
	font-size:12px;
	color:#FFF;
}
.click_us{
cursor: pointer;
}
#topbar_wrap .topbar_us_link {
	display:none;
	width:120px;
	height:60px;
	position:absolute;
	background-color:#EFEFEF;
	top:40px;
	right:140px;
	margin:0;
	padding:4px;
	font-size:10pt;
	color: #0066cc;
	border-bottom:1px solid #b5cde6;	
	border-left:1px solid #b5cde6;	
	border-right:1px solid #b5cde6;			
}
#topbar_wrap .topbar_us_link .us_mail{
text-align:center;
}
#topbar_wrap .topbar_link a:link, #topbar_wrap .topbar_link a:visited,#topbar_wrap .topbar_us_link a:link,#topbar_wrap .topbar_us_link a:visited{ color:#FFF; text-decoration:none}
#topbar_wrap .topbar_link a:hover, #topbar_wrap .topbar_link a:active,#topbar_wrap .topbar_us_link a:hover,#topbar_wrap .topbar_us_link a:active { text-decoration:underline}
#topbar_wrap .topbar_us_link a:link,#topbar_wrap .topbar_us_link a:visited{ color:#0066CC; text-decoration:none}
#topbar_wrap .topbar_us_link a:hover,#topbar_wrap .topbar_us_link a:active { text-decoration:underline}	
.banner {
	width: 960px;
	height: 394px;
	background: url(../images/banner.png),center;
	position:inherit;
	margin: auto;
	position: relative;
   }
a.gohome{
	background-image: url(images/topa.png);
	width: 48px;
	height: 49px;
	display:none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}
a.gohome:hover{
	background-image: url(images/toph.png);
	width: 48px;
	height: 49px;
	cursor: pointer;
}

/*滑動說明組的總體*/
#cloth .boxgrid{ 
 width: 441px; 
 height: 125px; 
 margin-left:0px; 
 float:left; 
 /*border: solid 1px #8399AF; */
 overflow: hidden; 
 position: relative; 
}

/*顯示的圖檔*/
#cloth .boxgrid img{ 
 position: absolute; 
 top: 0; 
 left: 0; 
 border: 0;
 width:441px;
 height:125px; 
}

/*滑板樣式*/
#cloth .boxcaption{ 
 float: left; 
 position: relative; 
 background:#000; 
 color:#FFFFFF;
 height: 125px; 
 width: 441px; 
 opacity: .7; 
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

 
/*滑板內容文字*/
#cloth .boxgrid p { 
 height: 125px; 
 width: 441px; 
 text-align:left;
 float:left;
 padding: 2px; 
 color:#FFFFFF; 
 background-color:#66B8F2;
 font-weight:bold; 
 font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
 font-size:12pt;
}
#cloth .boxgrid p a{
text-decoration:none;
color:#FFFFFF;
 font-weight:bold; 
font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
#cloth .boxgrid p a:hover{
color:#FFFFFF;
 font-weight:bold; 
font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}

/*滑板初始的位置*/
#cloth .caption .boxcaption {
background-color:#66B8F2;
opacity: 0;
}