@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:1em;
	line-height:1.4;		
	
}
.txt1_orange
{
	color:#fdce00;
	font-size:1.2em;
	line-height:1.4;		
	
}



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


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

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



/*===================================color box==============================================================================*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:1px solid #aaa; background:#fff;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;padding:20px 10px 20px 20px;overflow:scroll;}

#cboxLoadedContent::-webkit-scrollbar-thumb{
background-color:#B03C3F;
border-radius:10px;
}
#cboxLoadedContent::-webkit-scrollbar-thumb:hover{
background-color:#BF4649;
border:1px solid #333333;
}
#cboxLoadedContent::-webkit-scrollbar-thumb:active{
background-color:#A6393D;
border:1px solid #333333;
} 

        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/*===========================================================================================================================*/