@charset "utf-8";
  



.oneByOne1{
	margin: 0;
	width: 1100px;
	height: 500px;   
	position: relative;
	overflow: hidden;
	text-align:center;
	
}   

#banner .oneByOne_item{
	position: absolute;
	width: 100%;
	height: 500px;  
	overflow: hidden; 
	left:50%;
	
}         
                                                                                                                   

#banner .oneByOne_item a{
	text-decoration: none;
	color: #B22222;
}
              


#banner .oneByOne_item span.slide2Txt1{ 
  	position: relative;
	float: left;
	margin: 120px 12px 0 120px;
	color: #9ACD32;	
	font-size: 2em;  
	background: #FFFFFF;
	padding: 0.4em;             
}
 
#banner .oneByOne_item span.slide2Txt2{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 6px 12px 0 120px;
	color: #666666;	
	font-size: 1.5em;  
	background: #FFFFFF;
	padding: 0.4em;             
}   

#banner .oneByOne_item span.slide2Txt3{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 6px 12px 0 120px;
	color: #666666;	
	font-size: 1em;  
	background: #FFFFFF;
	padding: 0.4em; 
}     
                    
  

#banner img.wp1_1{
	position: absolute;
	top: 180px;
	left: 820px;
}
#banner img.wp1_2{
	position: absolute;
	top: 180px;
	left: 800px;
}              
#banner img.wp1_3{
	position: absolute;
	top: 180px;
	left: 620px;
}

#banner img.wp1_4{
	position: absolute;
	top: 180px;
	left: 480px;
}  

#banner .oneByOne_item span.txt1{
	clear: left;
	position:absolute;
	/*float: left;
	margin: 120px 12px 0 540px;   
	font:36px Rockwell Extra Bold,微軟正黑體,Arial,"Microsoft JhengHei",微软雅黑,"Microsoft YaHei","Lucida Sans Unicode",Helvetica,Verdana,Tahoma,sans-serif;
	color:#390;
	*/
	font: 2em Lucida Sans Unicode,微軟正黑體,"Microsoft JhengHei",微软雅黑,"Microsoft YaHei","Lucida Sans Unicode",Helvetica,Verdana,Tahoma,Arial,sans-serif;
	font-weight:700;
	color:#494444;
	text-shadow:1px  1px  1px  #fff;
	top:45px;
	left:50px;
	padding: 0.4em;
	font-weight:600;
	width:610px;
	text-align:left;
	line-height:1.5em
}

#banner .oneByOne_item span.txt2{
	clear: left;
	position: absolute;
	float: left;
	top:130px;
	left:50px;
	color: #333;  
	padding: 0.4em;
	font-size: 1.5em;
	width: 550px;
	font-weight:570;
	text-align:left;
}   

#banner .oneByOne_item span.txt3{
	clear: left;
	position:absolute;
	/*float: left;
	margin: 120px 12px 0 540px;    */
	top:190px;
	left:20px;
	padding: 0.4em;
	color:#333333;
	font-size: 1.2em;
	text-align:left; 
	width:570px;
}
#banner .oneByOne_item span.txt3 > ul > li{
	margin-left:10px;
	list-style:url("../images/templates/icon_01.gif") none outside;
	line-height:1.6em;
	font-size:1.2em;
}
 
#banner .oneByOne_item  span.txt1 a{
	color: #FFFFFF;
}         
                
    

 
#banner img.wp1{
	position: absolute;
	top: 240px;
	left: 380px;
}
#banner img.wp2{
	position: absolute;
	top: 200px;
	left: 470px;
}              
#banner img.wp3{
	position: absolute;
	top: 100px;
	left: 600px;
}   

#banner .oneByOne_item span.wp1{
	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 60px;    
	background: #20B2AA;     
	padding: 8px;
	color: #FFFFFF;
	font-size: 20px;
} 
#banner .oneByOne_item span.wp1 a{
	color: #FFFFFF;
}         
#banner .oneByOne_item span.wp2{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 60px; 
	
	color: #FFFFFF;  
	background: #5F9EA0;
	padding: 8px;
	font-size: 16px;
}                  

#banner .oneByOne_item img.bigImage{ 
	position: absolute;
	top: 0; 
	left: 0;

}

#banner .oneByOne_item span.slide5Txt1{ 
  	position: relative;
	float: left;
	margin: 150px 12px 0 600px;
	color: #9ACD32;	
	font-size: 2em;  
	background: #FFFFFF;
	padding: 0.4em;             
}
 
#banner .oneByOne_item span.slide5Txt2{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 12px 12px 0 600px;
	color: #666666;	
	font-size: 1.5em;  
	background: #FFFFFF;
	padding: 0.4em;             
}
#banner .oneByOne_item span.slide5Txt3{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 12px 12px 0 600px;
	color: #666666;	
	font-size: 1.2em;  
	background: #FFFFFF;
	padding: 0.4em;             
}   


#banner img.wp_app{
	position: absolute;
	top: 90px;
	left: 670px;
}

#banner img.wp_globe{
	position: absolute;
	top: 20px;
	left: 600px;
}

#banner img.wp_nas{
	width:460px;
	position: absolute;
	top: 110px;
	left: 550px;
}

#banner img.surveillance{
	position: absolute;
	top: 70px;
	left: 590px;
}

#banner img.wp_mac{
	position: absolute;
	top: 65px;
	left: 580px;
}

#banner img.wp_app1{
	width:320px;
	position: absolute;
	top: 95px;
	left: 680px;
}

#banner img.wp_adm{
	width:470px;
	position: absolute;
	top: 65px;
	left: 580px;
}
#banner img.xmas{
	width:470px;
	position: absolute;
	top: 85px;
	left: 540px;
}






.txt1
{
	color:#666;
	font-size:1.2em;
	line-height:1.4;	
	
}

.txt1_white
{
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4;		
	
}
.txt1_black
{
	color:#666;
	font-size:1.2em;
	line-height:1.4;		
	
}




.txt2
{
	color:#666;
	color:#006b98;
	font-size:1.2em;
	line-height:1.4;		
	
}
.txt2_white
{
	color:#ffffff;
	font-size:1.2em;
	line-height:1.4;		
	
}
.txt2_black
{
	color:#666;
	font-size:1.2em;
	line-height:1.4;		
	
}


.txt3
{
	color: #FFF;
	font-size:1.2em;
	line-height:30px;	
	
}

.txt3 li
{
	margin-left: 10px;
  	list-style: url("../images/templates/16X16_arrow_icon.png") none outside;	
	
}