@charset "utf-8";







body {
	width:100%;
	min-width:1250px;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
    font-size:12px;
	color:#434343;
}

#block_youtube{
	text-align:center;
	margin:25px 0px;
}

#backtolist{
	font-size:11px;
	color:#434343;
	text-align:right;
	border-top-color:#CACACA;
    border-top-style:dotted;
    border-top-width:1px;
	margin-top:15px;
	padding-top:5px;
}

#backtolist a:link, #backtolist a:visited{
	color:#434343;
	text-decoration:none;
   
}

#backtolist a:hover, #backtolist a:active{
	color:#00A7E5;
	text-decoration:none;

}

#breadcrumb{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	/*padding-left:15px;*/
	margin-bottom:10px;
}

#backhistory{
	text-align:center;
	cursor:pointer;
}

#backhistory a:link, #backtolist a:visited{
	color:#434343;
	text-decoration:none;
	
   
}

#backhistory a:hover, #backtolist a:active{
	color:#00A7E5;
	text-decoration:none;

}

#container{
width:960px;
margin:0 auto;
}

#hd_1{
	background:url(../images/bg_top_a.jpg) repeat-x top left scroll;
	height:180px;
}

.hd_1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
display:block;
}

#btn_hidden_flash{
/*float:left;
;
width:1119px;*/
text-align:right;
}

#top_flash1_source, #top_flash2_source{
	margin:0 auto;
	width:1000px;
}



#top_flash2_bg{
	background:url(../images/bg_top_b.jpg) repeat-x top left scroll;
	height:105px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++TopMenuCss*/
.clearfix{
clear:both;
}


#topmenu{
	width:100%;
	line-height:30px;
	margin: 0;
	padding: 0;
	background-color:#000000;
}
#topmenu_nav{
	width:1000px;
	text-align:center;
	margin:auto;
	padding:0;
}
#topmenu_nav ul {
	margin:0;
	padding:0;
	text-align:left;
}
#topmenu_nav ul li{
	margin: 0 23px 0 20px;
	padding:0;
	list-style: none;
	list-style-image:none;
	display: inline;
}
#topmenu_nav a{
	color:#c3c3c3;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}
#topmenu_nav a:visited{
	color:#c3c3c3;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}
#topmenu_nav a:hover{
	color:#ffffff;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}

#topmenu_ext{
	float:left;
	background-color:#222222;
	border-bottom:10px solid #c3c3c3;
	width:100%;
	text-align:center;
	margin:auto;
	padding:0;
	margin:0;
}
.topmenu_ul{
	text-align:left;
	/*margin:5px 0 5px 0;*/
	height:100%;
}
.topmenu_li{
	list-style-image:none;	
	list-style: none;
	padding:0 0 0 10px;
	margin: 0 0 0 -15px;
	color:#3b5e73;
	font-size:11px;
	background-image: url(../images/bullet_point.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.topmenu_li a:link{color:#FFF;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.topmenu_li a:visited{color:#FFF;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.topmenu_li a:hover{color:#00A7E5;;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#topmenu_ext_menu{
	float:left;
	background-color:#222222;
	border-bottom:10px solid #c3c3c3;
	width:1000px;
	text-align:center;
	margin:auto;
	padding:0;		
	display:inline;
}
#topmenu_ext_menu ul{
	position:relative;
	margin:0;
	padding:0;
}
#topmenu_ext_menu ul li{
	font-size:11px;
	position:relative;
	/*margin: 0 27px 0 27px;*/
	padding:0;
}
#topmenu_home{float:left;display:none;position:relative;}
#topmenu_company{float:left;display:none;position:relative;}
#topmenu_press{float:left;display:none;position:relative;}
#topmenu_services{float:left;display:none;position:relative;}
#topmenu_portfolio{float:left;display:none;position:relative;}
#topmenu_contactus{float:left;display:none;position:relative;}
#topmenu_chinese{float:left;display:none;position:relative;}
#topmenu_div{
	float:left;
}

img a{
border:0px;	
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ContactForm*/
  #contactFormContainer
            {
            	position:relative;
            	/*left:600px;*/
            	float:right;
				width:100%;
            }
            #contactForm
            {
            	height:390px;
            	width:100%;
                background:#00a7e5;
            	display:none;
				
            }
			
			.contactformtxt1{
				color:#FFF;
				font-size:11px;
				
			}
			
			.contactformtxt1 a:link, .contactformtxt1 a:visited{
				color:#FFF;
				font-size:11px;
				text-decoration:none;
				
			}
			
			.contactformtxt1 a:hover, .contactformtxt1 a:active{
				color:#000;
				font-size:11px;
				text-decoration:none;
				
			}
			
			.contactformtitle{
			    color:#000;
				font-size:12px;
			}
			
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #contactForm label
            {
            	display:block;
            	color:#ffc400;
            }      
           /* #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            } 
            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
            #contactForm input[type=submit]
            {
            	background-color:#4d3a24;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:5px;
            }  */              
            #contactLink
            {
            	height:38px;
            	width:136px;
            	background-image: url(../images/btn_quick_contact.gif);
            	display:block;
            	cursor:pointer;
				float:right;
				/*margin-right:170px;*/
            }
            #messageSent
            {
            	color:#ff9933;
            	display:none;
            }
			
			#orderconact{
			text-align:right;
			margin-top:48px;
				
			}
			
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ index*/
h2{
color:#222222;
font-size:17px;
font-weight:bold;
margin-top:0px;
margin-bottom:5px;
}


#index_overview{
width:480px;
float:left;
}

#index_overview_img{
width:75px;	
height:240px;
text-align:right;
float:left;
}

#index_content_title, #index_content{
color:#434343;
float:right;
line-height:20px;
margin-right:15px;
text-align:justify;
width:330px;
}

#more{
	text-align:right;
	margin:10px 0;
}

#ans{
	text-align:right;
	margin:10px 0;
}

#index_latestnews_header{
margin-bottom:30px;	
}

#index_latestnews{
width:400px;
overflow:hidden;
float:right;}

.indexnewsdate{
color:#00A7E5;
display:block;
float:left;
padding-bottom:15px;
width:100px;
}

.indexnewstitle{
display:block;
float:right;
padding-bottom:15px;
width:300px;
text-align:justify;
	
	}

.indexnewstitle a:link, .indexnewstitle a:visited{
	color:#434343;
	text-decoration:underline;
}

.indexnewstitle a:hover, .indexnewstitle a:active{
	color:#727272;
	text-decoration:underline;
	
}

#index_R2{
	margin-top:10px;
	height:250px;
}

#showcase_header{
margin-bottom:10px;
margin-left:61px;	
}

.index_R3title{
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#block_whyneed, #block_WhyUs, #block_whatrelated{
width:280px;
float:left;
margin:30px 17px;
}


.index_R3icon{
width:93px;
height:93px;
float:left;
}

.index_R3txt{
float:right;
text-align:justify;
line-height:20px;
width:180px;

}

.block_list ul{
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
}

.block_list ul li{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/bullet_orange.png);
background-position:0.4em 0.5em;
background-repeat:no-repeat;
color:#005575;
line-height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;

}

.block_list ul li a:link, .block_list ul li a:visited{
	color:#005575;
	text-decoration:none;
}

.block_list ul li a:hover, .block_list ul li a:active{
	color:#00A7E5;
	text-decoration:none;
}

.block_webcontentL ul{
	
	padding-right:35px;
	
}

.Gotoweb a:link, .Gotoweb a:visited{
	color:#00A7E5;
	text-decoration:none;
	background:url(../images/icon/gotowebicon.gif) left center no-repeat;
	width:155px;
	height:35px;
	display:block;
	text-align:center;
	line-height:35px;
}

.Gotoweb a:hover, .Gotoweb a:active{
	color:#000000;
	text-decoration:none;
	background:url(../images/icon/gotowebicon2.jpg) left center no-repeat;
	width:155px;
	height:35px;
	display:block;
	line-height:35px;
}

.freeCon a:link, .freeCon a:visited{
	color:#00A7E5;
	text-decoration:none;
	background:url(../images/icon/freecon.gif) left center no-repeat;
	width:155px;
	height:35px;
	display:block;
line-height:35px;
text-align:center;
padding-left:33px;
}

.freeCon a:hover, .freeCon a:active{
	color:#000000;
	text-decoration:none;
	background:url(../images/icon/freecon2.jpg) left center no-repeat;
	width:155px;
	height:35px;
	display:block;
	line-height:35px;
	text-align:center;
	padding-left:33px;
}

.block_webcontentL ul li{;
margin-bottom:10px;
line-height:30px;
display:inline;
float:left;
margin-right:25px;
	
	
}



.block_webcontentL .block_list ul li a:link, .block_webcontentL .block_list ul li a:visited{
	color:#00A7E5;
	text-decoration:none;
	background:url(../images/btn_concept.gif) left center;
	width:155px;
	height:35px;
	display:block;
	text-align:center;
	line-height:35px;
}

.block_webcontentL .block_list ul li a:hover, .block_webcontentL .block_list ul li a:active{
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/btn_concept2.gif) left center;
	width:155px;
	height:35px;
	display:block;
	line-height:35px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ inner page*/
.block_header{
background-color:#000000;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF;
height:38px;
line-height:38px;
font-size:18px;
font-weight:normal;
font-family:Verdana, Geneva, sans-serif;
padding-left:15px;
}

.career_title{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-left:15px;
	border-bottom:#cacaca 1px dotted;
	padding-top:15px;
	padding-bottom:8px;
	margin-bottom:10px;
	background:#e6e6e6;
	
}

.block_border{
	border:1px solid #c3c3c3;
	margin-bottom:30px;
}




.block_title{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222222;
	padding-left:15px;
	border-bottom:#cacaca 1px dotted;
	padding-top:15px;
	padding-bottom:8px;
	margin-bottom:10px;
}

#block_webdetail2 .block_title{
	padding-top:0px;
}

.block_ifthisyou{
padding:15px; 
width:900px; 
margin:0 auto; 
border-top:1px dotted #CACACA;	
}

.block_ifthisyou a:link, .block_ifthisyou a:visited{ 
color:#434343;
}

.block_ifthisyou a:hover, .block_ifthisyou a:active{ 
color:#00A7E5;
}


.block_ifthisyou2 a:link, .block_ifthisyou2 a:visited{ 
color:#434343;
}

.block_ifthisyou2 a:hover, .block_ifthisyou2 a:active{ 
color:#00A7E5;
}

.block_content{
	color:#434343;
	text-align:justify;
	line-height:20px;
	padding-left:15px;
	margin-bottom:30px;
	
}

.block_webcontent{
	color:#434343;
	text-align:justify;
	line-height:20px;
	margin-bottom:30px;
	/*width:810px;*/
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	
}

#webdetail{
 width:700px;
 float:left;
}

.weblistshowcase{
	float:right;
	width:240px;
}


.block_webcontentL{
	/*float:left;*/
	width:600px;
	margin-left:15px;
}

.block_webcontentR{
	/*float:right;*/
	width:550px;
	margin-left:67px;
	padding:15px;
	
}

.block_webcontentR_Big img{
	border:1px solid #333;
	float:left;
}

.block_webcontentR_Small{
	width:140px;
	float:right;
}

.block_webcontentR_Small img{
	border:1px solid #333;
	margin-bottom:10px;
	float:right;
}

#block_webdetail2{
/*margin-top:40px;*/	
}



.block_title2{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00A7E5;
	padding-left:15px;
	border-bottom:#cacaca 1px dotted;
	padding-top:15px;
	padding-bottom:8px;
	margin-bottom:10px;
	font-weight:bold;
	
}

.block_webdetail{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00A7E5;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:8px;
	margin-bottom:10px;
	
	
}

.career_respon, .career_Req{
	font-weight:bold;
	font-size:12px;
	color:#434343;
	padding-left:15px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++General Enquiry Form+++++++++++++++++++++++++++++++++++++++*/
.gereral_formtxt1{
	float:left;
	width:100px;
	color:#005575;
	
}


.gereral_formtxt2{
	float:left;
	width:290px;
	/*line-height:20px;*/
	
}



.gereral_block{
width:400px; 
display:block;
margin:20px 0;
}

#general_enquiryform_left{
	width:400px;
	float:left;
	padding-left:15px;
}

#general_enquiryform_right{
	width:450px;
	float:right;
	margin-right:50px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*footer */	
#bd_bottom {
font-size:11px;
margin:auto;
padding:0;
width:960px;
padding-top:50px;
}

#divbottom {
line-height:20px;
width:100%;
padding-left:15px;
}

#divfacebookico {
float:left;
}

#divfacebook {
color:#888888;
float:left;
font-size:11px;
font-weight:bold;
margin:0 0 0 4px;
}

#divfacebook a:link, #divfacebook a:visited{
color:#888888;
text-decoration:none;
}

#divfacebook a:hover, #divfacebook a:active{
color:#00A7E5;
text-decoration:none;
}

#divtwitter a:link, #divtwitter a:visited{
color:#888888;
text-decoration:none;
}

#divtwitter a:hover, #divtwitter a:active{
color:#00A7E5;
text-decoration:none;
}

#divbottom a:visited {
color:#888888;
text-decoration:none;
}

#divtwitterico {
float:left;
margin:0 0 0 10px;
}

#divtwitter {
color:#888888;
float:left;
font-size:11px;
font-weight:bold;
margin:0 0 0 2px;
}
#divcopyright {
color:#525252;
float:right;
font-size:12px;
text-align:right;
}

#footer {
background-color:#E7E7E7;
/*height:75px;*/
width:100%;
}

.footer_text {
color:#6C6C6C;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
text-align:right;
width:960px;
padding:10px 0;
}

a.lightgray {
color:#555555;
text-decoration:none;
}

#sitemap {
padding-bottom:0;
padding-left:0;
padding-right:10px;
padding-top:10px;
text-align:center;
}
#pad10 {
clear:both;
margin-top:10px;
width:100%;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo_img:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}


.logo_img{
border:1px solid #EEEEEE;
float:left;
height:170px;
line-height:170px;
margin:10px;
text-align:center;
width:170px;
color:white;
}

.logo_img img{
vertical-align:middle;

}

.weblist{
float:left;	
width:215px;
margin:8px;
margin-top:30px;
	}

.weblist img{
border:3px solid #CDCDCD;
color:#00a7e5;	
	
}

.weblisttxt{
height:20px;
text-align:left;
color:#00a7e5;
padding:5px;
display:block;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++News*/
#main_left{
	width:600px;
	float:left;
	
}

#main_right{
	width:345px;
	float:right;
}

#archive_body{
	border:1px dotted #CACACA;
	padding-right:15px;
text-align:justify;
padding-bottom:15px;
}

.archive{
	
}

.archivedate{
color:#00a7e5;
padding-left:15px;
padding-top:10px;

}

.archivetitle{
	padding-left:15px;
	padding-top:10px;
	}

.archivetitle a:link, .archivetitle a:visited{
	color:#434343;
	text-decoration:underline;
}

.archivetitle a:hover, .archivetitle a:active{
	color:#727272;
	text-decoration:underline;
	
}

#page{
	text-align:right;
	padding:10px;
	font-size:11px;
	letter-spacing:1px;
	border-top:1px dotted #CACACA;
	margin-top:20px;
	
}

#page a:link, #page a:visited{
	color:#333;
	text-decoration:none;
	border:1px solid #999;
	padding:5px;
	padding-left:9px;
	padding-right:8px;
	text-align:center;
	
}

#page a:hover, #page a:active{
	color:#333;
	text-decoration:none;
	border:1px solid #09C;
	padding:5px;
	padding-left:9px;
	padding-right:8px;
	text-align:center;
}
	
			
			
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*Form Format */
input.error {
border:1px solid #0195d3;
}

textarea.error{
border:1px solid #0195d3;
}

select.error {
border:1px solid #0195d3;
}

label.error  {
color:#0195d3;
display:block;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:right;
}


textarea  {
border:1px solid #CACACA;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:359px;
}

#txttel, #txtemail, #txtname, #txtcompany, #txtpage{
background:#fff;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:200px;
height:20px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
}

#txtlanguage, #txtweb, #quickcontactselect{
background:#fff;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:253px;
height:20px;
border:0px;
font-family:Arial, Helvetica, sans-serif;	
	
}

#txtmessage{
background:#fff;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:253px;
height:73px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
}

#btnSubmit, #btnReset{
background:#0074a1;
width:54px;
height:20px;
color:#FFFFFF;
font-size:10px;
font-family:arial;
border:none;
margin-top:10px;

}		

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*Form Format */
input.error {
border:1px solid #0195d3;
}

textarea.error{
border:1px solid #0195d3;
}

select.error {
border:1px solid #0195d3;
}

label.error  {
color:#0195d3;
display:block;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
}



#txttel2, #txtemail2, #txtname2, #quickcontactselect2, #txtcompany2, #txtweb2, #txtlanguage2, #txtpage2{
background:#e2e2e2;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:380px;
height:20px;
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
}

#txtmessage2{
background:#e2e2e2;
display:block;
font-size:13px;
font-style:normal;
font-weight:normal;
width:380px;
height:95px;
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
}

#btnSubmit2, #btnReset2{
background:#0074a1;
width:54px;
height:20px;
color:#FFFFFF;
font-size:10px;
font-family:arial;
border:none;

}		


/*++++++++++++++++++++++++++++ facebook*/

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 50px;
    left: 0px;
    list-style: none;
    z-index:9999;

	
}
ul#navigation li {
    width: 600px;
	 
	
	
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
	
   

}

ul#navigation .contact a    {
 
}