@charset "utf-8";
@import url(/resources/jquery/drop-menu/dcmegamenu.css);
@import url(/resources/jquery/bgimg_slideshow/style.css);
/* web MasterLayout */
* { 
	margin: 0;
	padding: 0;
}
		
body {
	font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #555;
	line-height: 20px;
	min-height:700px;
	font-size:12px;
	background-color:#ebf1f9;
}
.left {float:left;}
.right {float:right;}
a:link,
a:visited,
a:active,
a:visited {
	color:#009acb;
	text-decoration:none;
}


a:hover{
	color: #009acb;
	text-decoration:none;
}
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
}
img{
	border:0px;
	}
.cleaner {
		float: none;
		clear: both;
		height:0px;
}
.red{
	color:#bf1017;
}
.mainPage{
	width:100%;
	height:100%;
}
#logo{
	float:left;
	z-index:999999999999999999999;
	position:relative;
	top:0px;
	}
#topPage {
	width:920px;
	margin:0px auto;
	position:relative;
	height:25px;
}


#loader { width:100%; height:100%;  position:absolute;top:0px; background:url(../../images/bg-80.png) ;z-index:0    }
#loader #loader_pic { position:relative;z-index:9999;  padding:3px; width:32px; height:32px; left:50%; top:50%;}

h1.MainTitle{
	color:#009acb;
	font-size:24px;
	line-height:35px;
}
h2.ArtTitle{
	color:#009acb;
	font-weight:lighter;
	font-size:28px;
	line-height:35px;
}
span.ArtSubText{
	color:#1b5e80;
	font-size:11px;
	}
#top{ float:right; position:fixed; bottom:30px; right:20px; display:none;width:54px; height:30px; background:url(../../images/btn-top.jpg) no-repeat 0px 0px;  }
.line{
	background-image: url(../../images/line-03.gif);
	background-repeat: repeat-x;
	background-position: 0px;
	height:20px;
	padding:10px 0px;
	width:100%;
	display:block;
}
a.back{
	padding:0px 0px 0px 15px;
	background-image: url(../../images/arrow-back.gif);
	background-repeat: no-repeat;
	color:#0099cc;
	background-position: left 5px;	
}
#rightpane a:link.BtnLink{
		padding:6px 30px;
		margin:20px 0px;
		display:inline-block;
		background:url(../../images/btn-bg.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#fff;
		background-color:#0099cc;
		border:1px solid #0099cc;
		box-shadow: 0px 0px 8px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		-moz-box-shadow: 0px 0px 0px #999;		
		-moz-border-radius: 5px; /* Firefox */ 
		-webkit-border-radius: 5px; /* Safari, Chrome */ 
		-khtml-border-radius: 5px; /* Konqueror */ 
		border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
	}



						/* -------------------------------------
							leftpane  
						------------------------------------- */	
						
					
						#leftpane {
							width: 209px;
							float:left;
							padding:0px;
							margin:0px;
							}
						#leftpane .aboutpic{
							background:url(../../images/leftpane-about.png) no-repeat 0px 0px;
						}
						#leftpane .newspic{
							background:url(../../images/leftpane-press.png) no-repeat 0px 0px;
						}
						#leftpane .investorpic{
							background:url(../../images/leftpane-investor.png) no-repeat 0px 0px;
						}
						#leftpane .relatedpic{
							background:url(../../images/leftpane-related.png) no-repeat 0px 0px;
						}
						#leftpane .careerpic{
							background:url(../../images/leftpane-career.png) no-repeat 0px 0px;
						}
						#leftpane .servicepic{
							background:url(../../images/leftpane-service.png) no-repeat 0px 0px;
						}
						.PicBox{
							width: 209px;
							height:120px;
							display:block;
						}	
						
						#leftpane h3{
							padding:9px 0px 6px 20px;
							color:#333;
							background:url(../../images/arrow-02.png) no-repeat 0px 11px;
							font-size:13px;
							cursor: pointer;
							font-weight:normal;
							border-top:1px solid #e5e5e5;
						}
						#leftpane h3 a{
							color:#333;
							font-size:13px;
							cursor: pointer;
							font-weight:normal;
						}
						
						#leftpane h3 a.active,#leftpane h3 a:hover {
							color:#cc0000;
							text-decoration:none;
							font-weight:normal;
						}
						#leftpane ul{
							background:none;
							font-size:12px;
							padding:0px;
							display: none;
							margin-bottom:5px;
						}
						#leftpane ul li a{
							background:url(../../images/icon-04.gif) no-repeat 2px 3px;
							padding:0px 0px 0px 15px;
						}
						#leftpane ul li a.active,#leftpane ul li a:hover{
							color:#cc0000;
							text-decoration:none;
						}
						#leftpane ul li a{
							color:#333;
						}
						#leftpane ul li{
							background:none;
							font-size:12px;
							padding:2px 0px 2px 5px;
						}
						

						/* -------------------------------------
							fullpane  
						------------------------------------- */						
							
							#fullpane {
							width: 850px;
							margin:0px;
							word-wrap:break-word;
							}
							
							#fullpane a:link,
							#fullpane a:visited,
							#fullpane a:active,
							#fullpane a:visited {
								color:#009acb;
								text-decoration:underline;
							}
							
							
							#fullpane a:hover{
								color: #009acb;
								text-decoration:none;
							}
							
							
						/* -------------------------------------
							Popuppane  
						------------------------------------- */						
							
							#popuppane {
							width: 100%;
							margin:0px;
							word-wrap:break-word;
							}
							
							#popuppane a:link,
							#popuppane a:visited,
							#popuppane a:active,
							#popuppane a:visited {
								color:#009acb;
								text-decoration:underline;
							}
							
							
							#fullpane a:hover{
								color: #009acb;
								text-decoration:none;
							}
						/* -------------------------------------
							rightpane  
						------------------------------------- */						
							
							#rightpane {
							width: 580px;
							float:right;
							margin:0px;
							word-wrap:break-word;
							}
							
							#rightpane a:link,
							#rightpane a:visited,
							#rightpane a:active,
							#rightpane a:visited {
								color:#009acb;
								text-decoration:underline;
							}
							
							
							#rightpane a:hover{
								color: #009acb;
								text-decoration:none;
							}
							
														
							a.subtitle,table.tbl-list td a.subtitle:hover{
								color:#009acb;
								font-weight:bold;
								font-size:15px;
								line-height:30px;
								text-decoration:none;
							}
							a.subtitle12,table.tbl-list td a.subtitle12:hover{
								color:#009acb;
								font-weight:bold;
								font-size:12px;
								line-height:30px;
								text-decoration:none;
							}
							span.subtitle,table.tbl-list td span.subtitle:hover{
								color:#009acb;
								font-weight:bold;
								font-size:15px;
								line-height:30px;
								text-decoration:none;
							}
							a.subtitle2,table.tbl-list td a.subtitle2:hover{
								color:#000;
								font-size:13px;
								line-height:30px;
								text-decoration:none;
								background:url(../../images/arrow-06.png) no-repeat 0px 10px;
								padding:7px 0px 0px 15px;
							}
							a.subtitle3,table.tbl-list td a.subtitle3:hover{
								color:#000;
								font-size:25px;
								font-weight:bold;
								line-height:30px;
								text-decoration:none;
							}
							a.note{
								color:#666;
								font-size:12px;
								padding:0px 0px 0px 15px;
								background-image: url(../../images/icon-03.gif);
								background-repeat: no-repeat;
								background-position: 0px 3px;
							}
							.table-box{
								background-image: url(../../images/table-frame.gif);
								background-repeat: repeat;
								background-position: 0px 0px;
								width:540px;
								padding:20px;
							}
							.table-frame{
								width:480px;
								min-height:150px;
								background-color:#fff;
								display:inline-table;
								padding:20px 30px;
							}

						/* -------------------------------------
							導航列  
						------------------------------------- */	
							.MainTitleBox{
								padding:0px;
								width:100%;
								float:right;
							}
							h2.CrumbreadTitle{
								color:#333;
								font-weight:bolder;
								font-size:30px;
								line-height:40px;
								padding:10px 0px 15px 0px;
								letter-spacing: -1px;
							}
							.crumbread {
								color:#ddd;
								float:right;
							}
							.crumbread a.home{
								background:url(../../images/home.gif) no-repeat left top;
								width:11px;
								height:11px;
								display:inline-block;
								padding:0px;
								
								+margin:0px 5px 4px 0px; /*ie7*/
							}
							.crumbread a{
								padding:0px 5px 0px 10px;
								color:#888;
								background:url(../../images/crumbread-line.gif) no-repeat left 4px;
							}
							.crumbread span{
								color:#000;
								padding-left:5px;
							}

						ul.Arrow02List li{
							padding:2px 0px;
							background:url(../../images/arrow-02.png) no-repeat 0px 10px;
							padding:7px 0px 0px 20px;							
						}
						ol.NumberList li{
							padding:2px 0px 0px 5px;
							margin-left:25px;
							list-style-type: decimal;
						}
						ol.NumberList2 li{
							padding:8px 0px;
							margin-left:30px;
							list-style: decimal;
							border-bottom:1px solid #eee;
						}
						ol.NumberList2 li a.FaqTitle{
							color:#009acb;
							display:block;
						}
						ol.NumberList2 li a{
							padding:0px;
							color:#047fd9;
						}
						ol.NumberList2 li ul{
							padding:10px 0px;
							display:block;
							width:500px;
						}
						
						
						ul.Icon02List li{
							background-image:url(../../images/icon-02.gif);
							background-position: 0px 9px;
							background-repeat:no-repeat;
							padding:2px 0px 2px 12px;
						}
						
						ul.PdfList li{
							color:#333;
							line-height:20px;
							background:url(../../images/icon-pdf.png) no-repeat 0px 5px;
							padding:5px 0px 5px 20px;
						}
						a.IconPrint{
							background:url(../../images/print.png) no-repeat 0px 0px;
							width:66px;
							height:25px;
							display:block;
							float:right;
							}
#indexpanel{
	background-image: url(../../images/index-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 44px;
	
	margin-top:302px\9;      /*all ie*/
}
#menupanel{
	width:920px;
	margin:0px auto;
	top:0px;
	/*position:relative;*/
	}	
#mainpanel{
	width:955px;
	margin:0px auto;
	background-image: url(../../images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	
	
}
#mainpanel-in{
	margin:0px auto;
	padding:25px 35px 10px 35px;
	width:850px;
	min-height:150px;
	background-color:#fff;
	background-image: url(../../images/main-in-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mainpanel-in2{
	margin:0px auto;
	padding:25px 35px 10px 35px;
	width:1100px;
	min-height:150px;
	background-color:#fff;
}

#mainpanel-in-wide{
	margin:0px auto;
	padding:25px 35px 10px 35px;
	width:1100px;
	min-height:150px;
	background-color:#fff;
}


#tabs-member_login{
	background-image: url(../../images/member-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:212px;
	padding:20px 30px 30px 30px;
	background-color: #ebedec;
}
#tabs-member_login h3{
	font-size:20px;
	line-height:30px;
}
#tabs-member_login span{
	color:#2f88c8;
}
#tabs-member_login ul li{
	margin:5px 0px;
}
#tabs-member_login ul li a{
	width:70px;
	margin-right:10px;
	display:inline-block;
}
#tabs-member_login ul li input[type="text"],#tabs-member_login ul li input[type="password"]{
	width:110px;
}
#tabs-member_login ul li a.more{
	background-image: url(../../images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	width:auto;
	padding-left:25px;
	color:#2f88c8;
}
#tabs-news{
	width:353px;
	border-right:1px solid #e3e5e5;
}
#tabs-news h3{
	background-image: url(../../images/index-news-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:41px;
	color:#fff;
	padding:10px 0px 0px 20px;
}
#tabs-news ul{
	padding:5px 30px 0px 30px;
}
#tabs-news ul li{
	border-bottom:1px solid #e5e5e5;
	padding:12px 0px 12px 20px;
	background-image: url(../../images/icon-02.gif);
	background-repeat: no-repeat;
	background-position: left 19px;	
}
#tabs-news-long{
	width:735px;
	border-right:1px solid #e3e5e5;
}
#tabs-news-long h3{
	background-image: url(../../images/index-news-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:41px;
	color:#fff;
	padding:10px 0px 0px 20px;
}
#tabs-news-long ul{
	padding:5px 30px 0px 30px;
}
#tabs-news-long ul li{
	border-bottom:1px solid #e5e5e5;
	padding:12px 0px 12px 20px;
	background-image: url(../../images/icon-02.gif);
	background-repeat: no-repeat;
	background-position: left 19px;	
}
#index-ad{
	width:294px;
}



#pager font{
	padding:0px 2px;
	color:#bf1017;
}
#pager a{
	padding:0px 2px;
}
#pager a:hover{
	color:#bf1017;
}
#index-footer{
	width:920px;
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
	height:35px;
	background-image: url(../../images/copyright.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#index-footer div{
	width:730px;
	padding:0px 0px 0px 220px;
	color:#999;
	font-size:12px;
}
#index-footer-sc{
	width:920px;
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
	height:35px;
	// background-image: url(../../images/copyright-sc.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#index-footer-sc div{
	width:730px;
	padding:0px 0px 0px 220px;
	color:#999;
	font-size:12px;
}
#footer{
	width:920px;
	margin:0px auto 0px auto;
	padding:110px 0px 10px 0px;
	height:35px;
	background-image: url(../../images/copyright-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#footer div{
	width:730px;
	padding:0px 0px 0px 220px;
	color:#999;
	font-size:12px;
}

#footer-jump{
	width:920px;
	margin:0px auto 0px auto;
	padding:110px 0px 10px 0px;
	height:35px;
	background-image: url(../../images/copyright-bg_jump.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#footer-jump div{
	width:730px;
	padding:0px 0px 0px 220px;
	color:#999;
	font-size:12px;
}


input, select, textarea {
		margin:0; 
		padding:0; 
		font-size:12px; 
		outline:none;
		font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		box-sizing:border-box;
		cursor:pointer;
		
		}
		
	
/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


	input[type="text"], textarea, select, div.styled, input[type="file"],input[type="submit"],input[type="button"],input[type="reset"],input[type="password"] {  
		-moz-border-radius: 0px; /* Firefox */ 
		-webkit-border-radius: 0px; /* Safari, Chrome */ 
		-khtml-border-radius: 0px; /* Konqueror */ 
		border-radius:0px; /* Opera 10.50 and later (CSS3 standard) */ 
		box-shadow: 0px 1px 1px #ccc inset;
		border:1px solid #d5d5d5;
		padding:4px;
		
		+padding:2px 5px;/*ie7*/
		}
	
	input[type="text"], textarea, input[type="file"] { 
		background: #fcfcfc;
		margin:0px 10px 0px 0px;
		}
	
	.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */
	
	input[type=text],textarea{
		/*width:95%;*/
		}
		
	input[type="text"]:focus,textarea:focus,input[type="password"]:focus,textarea:focus {
		border: 1px solid #055fa0;
										
		text-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) ;
		-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2) ;
		box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2) ;	
		}							
	
/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	
	div.styled, select{
		margin:0px 15px 0px 0px;
		background: #fcfcfc;
		}	
	
	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; width:200px }
		
	.ie7 div.styled {border:none;}
	.ie8 div.styled select { padding:6px 0;}
	div.styled select {	
		width:115%; background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}
		
		.ie7 div.styled select {
			width:100%;
			background-color:#fff; 		
			border:1px solid #ccc;
			padding:6px;}	
           
		    option:checked{
			color: #8c267c;
			font-weight:bold;
            }	

/* ----------------------------------------------  button  ---------------------------------------------- */
	input[type="submit"],input[type="button"],input[type="reset"]  {
		padding:6px 20px;
		min-width:60px;
		background:url(../../images/btn-bg.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#fff;
		background-color:#0d97c4;
		border:1px solid #0d97c4;
		box-shadow: 0px 0px 8px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		-moz-box-shadow: 0px 0px 0px #999;		
		-moz-border-radius: 5px; /* Firefox */ 
		-webkit-border-radius: 5px; /* Safari, Chrome */ 
		-khtml-border-radius: 5px; /* Konqueror */ 
		border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="submit"] {
		padding:6px 20px;
		min-width:60px;
		background:url(../../images/btn-bg.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#fff;
		background-color:#0d97c4;
		border:1px solid #0d97c4;
		box-shadow: 0px 0px 8px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		-moz-border-radius: 5px; /* Firefox */ 
		-webkit-border-radius: 5px; /* Safari, Chrome */ 
		-khtml-border-radius: 5px; /* Konqueror */ 
		border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
		-moz-box-shadow: 0px 0px 0px #999;
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="submit"].cancel{
		background-color:#666;
		border:1px solid #666;
		padding:6px 10px;
		margin:10px 0px;
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="submit"].sub{
		background-color:#999;
		border:1px solid #999;
		padding:6px 10px;
		margin:10px 0px;
		min-width:60px;
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="submit"]:hover {
		color:#fff;
		background-color:#005ca3;
		border:1px solid #005ca3;
		+border:0px;/*ie7*/
		}
	input[type="submit"].cancel:hover{
		background-color:#333;
		border:1px solid #333;
		padding:6px 10px;
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="submit"].sub:hover {
		background-color:#666;
		border:1px solid #666;
		padding:6px 10px;
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
	input[type="button"]:hover {
		color:#fff;
		background-color:#005ca3;
		border:1px solid #005ca3;
		}
	input[type="reset"]:hover {
		color:#fff;
		background-color:#005ca3;
		border:1px solid #005ca3;
		}
	input.purple{
		color:#fff;
		background:url(../images/bg-h2.gif) top;
	}						
	input.purple:hover{
		background:url(../images/bg-h2.gif) bottom;
	}
	
	
	
	
	#rightpane a.btnclass {
		padding:6px 20px;
		min-width:60px;
		background:url(../../images/btn-bg.png);
		background-repeat:no-repeat;
		background-position:center top;
		color:#fff;
		text-decoration:none;
		background-color:#0d97c4;
		border:1px solid #0d97c4;
		box-shadow: 0px 0px 8px #999;
		-webkit-box-shadow: 0px 0px 5px #999;
		-moz-box-shadow: 0px 0px 0px #999;		
		-moz-border-radius: 5px; /* Firefox */ 
		-webkit-border-radius: 5px; /* Safari, Chrome */ 
		-khtml-border-radius: 5px; /* Konqueror */ 
		border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
		
		+min-width:110px;        /*ie7*/
		+padding:1px 20px;/*ie7*/
		+border:0px;
		}
		
	#rightpane a.btnclass:hover {
		color:#fff;
		background-color:#005ca3;
		border:1px solid #005ca3;
		+border:0px;/*ie7*/
		}
	
	

/* ----------------------------------------------  search bar  ---------------------------------------------- */
				
	#search{
		background:#FFF url(../images/search-white.png) no-repeat 10px 8px ;
		width: 60px;
		padding-left:35px;
		margin:10px 0 10px 10px;
		
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;	
								
		-webkit-transition: all 0.7s ease 0s;
		-moz-transition: all 0.7s ease 0s;
		-o-transition: all 0.7s ease 0s;
		transition: all 0.7s ease 0s;
		}
	
	#search:focus {
		width: 200px;
		}		


/*table*/
	table.tbl-list{
	width:100%;
	border:1px solid #eee;
	Border-collapse:collapse;
	}	

	table.tbl-list th {
		border-collpase:collpase; 
		padding:5px 5px;
		text-align:center; 
		font-weight: normal;
		color:#555;
	background-color:#cdcdcd;
	background-image: url(../../images/select-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom:1px solid #999;
	border:1px solid #eee;
	Border-collapse:collapse;
		}

	table.tbl-list td {
	padding:10px 5px;
	border:1px solid #eee;
	Border-collapse:collapse;
		}
	table.tbl-list td:last-child {
	background-image:none;
		}
	table.tbl-list th a{
		color:#cc0000;
		}
	table.tbl-list th a:hover{
		text-decoration:underline;
		}					
	table.tbl-list td a{
		color:#0099cc;
		text-decoration:none;
		}
	table.tbl-list td a:hover{
		text-decoration:underline;
		}		
	/*table.tbl-list tr:nth-child(even) {
    background-color: #f7f7f7;
	}
	table.tbl-list tr:nth-child(even):hover ,table.tbl-list tr:hover{
		background-color: #eaf6fb;
		}*/


table.MonthlyRev-tbl{
	width:100%;
	border:1px solid #eee;
	Border-collapse:collapse;
}
table.MonthlyRev-tbl th{
	border-collpase:collpase; 
	padding:10px 5px;
	text-align:center; 
	font-weight: normal;
	color:#555;
	background-color:#cdcdcd;
	background-image: url(../../images/select-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom:1px solid #0099cb;
		}


/*table*/
	table.Contact-tbl{
	width:100%;
	border:1px solid #eee;
	Border-collapse:collapse;
	}	
	table.Contact-tbl th{
	border-collpase:collpase; 
	padding:2px 10px;
	text-align:left; 
	font-weight: normal;
	color:#555;
	background-color:#f6f6f6;
		}
	table.Contact-tbl td{
	padding:10px 20px;
		}
	table.Contact-tbl table{
	padding:0px;
	margin:0px;
		}
	table.Contact-tbl table td{
	padding:0px 10px;
	margin:0px;
	height:18px;
		}
	table.Contact-tbl td.TablTitle{
		color:#009acb;
		font-weight:bold;
		font-size:15px;
		text-decoration:none;
		background-image: url(../../images/select-bg2.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		border-bottom:1px solid #ccc;
		}

.BtnQuickService{
	background-image: url(../../images/btn-QuickService.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width:128px;
	height:23px;
	left:0px;
	margin-top:-23px;
	position:relative;
	cursor:pointer;
	}


/* web Quick Service tab */
	#tabs {
		width: 920px;
		margin: 83px auto 0px auto;
		border-bottom:1px solid #e3e5e5;
		top:0px;
		background-color:#fff;	
		+margin: -73px auto 0px auto;        /*ie7*/
	}
	
  	.scrollbox {
	width: 830px;
	height:205px;
	
	
	+width: 800px;        /*ie7*/
	}
	.nicescroll-rails{
		
		/*margin-left:-50px;*/
	}
	
	.abgne_tab_box {
	width: 920px;
    margin: 0 auto;
	
	margin-top:135px\9;      /*all ie*/
	+margin-top:80px;        /*ie7*/
	}

	ul.ultabs {
	width: 100%;
	height: 44px;
	background-image: url(../../images/main-tab-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	ul.ultabs li {
	float: left;
	height: 44px;
	width:25%;
	text-align:center;
	line-height: 44px;
	overflow: visible;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	background-image: url(../../images/main-tab-line.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	}
	
	ul.ultabs li:last-child{
	background-image:none;
	}
	ul.ultabs li a{
		display: block;
		padding: 0 10px;
		color: #fff;
		text-decoration: none;
	}
	.ui-state-default a:hover {
		background: #4f78ad;
	}
	.ui-state-active a:hover{
		background: #fff;
		color:#025591;
	}
	
	/*service ConvertTable*/
	#ConvertTableTabs { width: 850px; }
	#ConvertTableTabs ul.ultabs {
	width: 100%;
	height: 44px;
	background-image:none;
	}
	#ConvertTableTabs ul.ultabs li a{
		display: block;
		padding: 0 20px;
		color: #009acb;
		text-decoration: none;
	}
	#ConvertTableTabs .ui-state-default a:hover {
		background: #fff;
		background-image: url(../../images/arrow-02.png);
		background-repeat: no-repeat;
		background-position: left 15px;
		color:#333;
	}
	#ConvertTableTabs .ui-state-active a:hover{
		background-image: url(../../images/arrow-02.png);
		background-repeat: no-repeat;
		background-position: left 15px;
		
	}
	#ConvertTableTabs .ultabs li{ 
	background-image: url(../../images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: left 15px;
	width:auto;
	}
	#ConvertTableTabs .ui-state-active a:link{
	color:#C00;
	}
	
	.ConvertTableScrollbox { width: 850px; height:260px;  }
	.DoReleaseScrollbox{ width: 580px; height:260px;  }
	.DoReleaseScrollbox table{ width:1200px;}
	.DoReleaseScrollbox .nicescroll-rails{		
		margin-left:0px;
	}
	/*scrollbar class*/
	.allentest2{
		margin-right:50px;
		}
	
	/*各選單的小icon*/
	
	.ui-state-active a.tab1:link span{		
	background-image: url(../../images/Service-tab-01-hover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:21px;
	vertical-align:middle;
	}
	.ui-state-default a.tab1 span{		
	background-image: url(../../images/Service-tab-01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:21px;
	vertical-align:middle;
	}
	.ui-state-active a.tab2:link span{		
	background-image: url(../../images/Service-tab-02-hover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:21px;
	vertical-align:middle;
	}
	.ui-state-default a.tab2 span{		
	background-image: url(../../images/Service-tab-02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:21px;
	vertical-align:middle;
	}
	.ui-state-active a.tab3:link span{		
	background-image: url(../../images/Service-tab-03-hover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	.ui-state-default a.tab3 span{		
	background-image: url(../../images/Service-tab-03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	.ui-state-active a.tab4:link span{		
	background-image: url(../../images/Service-tab-04-hover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	.ui-state-default a.tab4 span{		
	background-image: url(../../images/Service-tab-04.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	.ui-state-active a.tab5:link span{		
	background-image: url(../../images/Service-tab-05-hover.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	.ui-state-default a.tab5 span{		
	background-image: url(../../images/Service-tab-05.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:inline-block;
	width:36px;
	height:25px;
	vertical-align:middle;
	}
	ul.ultabs li.active a:hover {
		/*background: #fff;*/
	}
	div.tab_container {
		clear: left;
		width: 100%;
	}
	
	#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5{
		padding: 20px 40px 30px 40px;
	}
	#subtabs-1,#subtabs-2,#subtabs-3{
		padding: 0px;
	}
	#subtabs {
		width: 890px;	/* 第2個頁籤區塊的寬度 */
		margin:0px;
		border-bottom:none;
		display:block;		
		
		+width: 850px;        /*ie7*/
		width: 850px\0;    /*ie8*/
	}
	#subtabs ul.ultabs {
	width: 100%;
	height: 24px;
	background-image:none;
	margin:0px 0px 10px 0px;
	}
	#subtabs ul.ultabs li {
	float: left;
	height: 24px;
	line-height: 24px;
	text-align:left;
	width:auto;
	padding:0px 30px 0px 15px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	background-image: url(../../images/arrow-01.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	}
	#subtabs ul.ultabs li a{
		display: block;
		padding: 0px;
		color: #025591;
		text-decoration: none;
	}
	#subtabs ul.ultabs li a:hover {
		color:#000;
		background:none;
	}
	#subtabs .ui-state-active a:link{
		color:#000;
	}
	.q_classify{
		width:100%;
	}
	.q_classify td{
		padding:0px 25px 0px 0px;
	}
	
	.PortToPort-table td,#q_exp td,.callSignBean td{
		padding:3px 20px 3px 0px;
	}
	.SearchByServices ul li{
		width:350px;
		padding-left:15px;
		line-height:30px;
		display:inline-table;
		background-image: url(../../images/icon-01.gif);
		background-repeat: no-repeat;
		background-position: left 12px;

	}




/* Interaction states
----------------------------------*/
.ui-state-active {
	background: #fff;	
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a:link {
	color: #025591;
	text-decoration: none;
}









/* index tab scrollbar */
.scrollbar{
	float: left;
	height: 150px;
	width: 100%;
	overflow-y: scroll;
}
.scrollbar-2-box{
	width:1200px;
	display:block;
}
.scrollbar-2{
	float: left;
	width: 100%;
	height:540px;
	overflow: scroll;
}
.scrollbar-3{
	float: left;
	width: 100%;
	overflow-y: scroll;
}
.scrollbar-3-box{
	width:1000px;
	height:150px;
	display:block;
}
.force-overflow{
	min-height: 150px;
	float:left;
}
#wrapper{
	text-align: center;
	width: 500px;
	margin: auto;
}
#style-2::-webkit-scrollbar-track{
	background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar{
	width: 6px;
	height:6px;
	background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb{
	background-color: #bf1017;
}


/*
	scrollbar 水平捲軸
*/




.boxscroll {
	height: 200px;
	width: 300px;
}



/*
	index ad Slideshow
*/

#slides {
	z-index:100;
}
.slides_container {
	width:294px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container div.slide {
	width:294px;
	height:325px;
	display:block;
}



/*
	Pagination
*/

.pagination {
	margin:16px 0px 0px 15px;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
.caption {
	z-index:500;
	position:absolute;
	top:180px;
	left:0;
	height:0px;
	padding:0px 15px 0px 15px;
	width:260px;
	color:#666;
	text-shadow:none;
}
.caption h3{
	font-size:16px;
	line-height:20px;
	color:#000;
	margin-bottom:10px;
}



/*
	各單元倩境圖位置及圖片
*/
.pic-header { 
	height:177px;
	}
#picpanel{
	width:100%;
	margin:0px auto;
	top:0px;
	height:42px\9;
	
	}
/*.PicTitle{
	top:150px;
	left:160px;
	position:relative;
}*/
#PicBox{
	width:100%;
	height:202px;
	position:absolute;
	margin-top:-25px;
	z-index:-999999999999999999999999999999;
	
	margin-top:-25px\9;      /*all ie*/
	height:202px\9;
	+margin-top:-80px;        /*ie7*/
}
.about-pic{
	background-image:url(../../images/about-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.hr-pic{
	background-image:url(../../images/hr-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.related-pic{
	background-image:url(../../images/related-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.press-pic{
	background-image:url(../../images/press-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.ir-pic{
	background-image:url(../../images/ir-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.service-pic{
	background-image:url(../../images/service-pic.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.aeolist div{
	width:125px;
	display:block;
	margin-right:45px;
	float:left;
	text-align:center;
	}	
.isolist div{
	width:100px;
	display:block;
	margin-right:45px;
	float:left;
	text-align:center;
	}	
.isolist5 div{
	width:100px;
	display:block;
	margin-right:15px;
	float:left;
	text-align:center;
	}
.HistoryYearTop{
	background-image:url(../../images/history-bg2.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	padding:5px 25px;
	}
.HistoryYearTop a{
	margin-right:10px;
	padding-right:10px;
	font-size:9px;
	border-right:1px solid #036daf;
	color:#036daf;
}
.HistoryYear{
	border-left:1px solid #e3e5e5;
	margin-left:15px;
}
.HistoryYear b{
	font-size:15px;
	background-image:url(../../images/history-bg.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	color:#fff;
	height:30px;
	width:150px;
	display:block;
	padding:2px 0px 10px 8px;
}
.HistoryYear div{
	display:block;
	font-size:15px;
	color:#035d9c;
	font-weight:bold;
	float:left;
	width:100px;
	margin:10px 0px 0px -5px;
	padding-left:20px;
	background-image:url(../../images/icon-05.png);
	background-position: 0px 5px;
	background-repeat:no-repeat;
}
.HistoryYear ul{
	display:block;
	float:left;
	width:430px;
	margin-top:10px;	
}
.HistoryYear ul li{
	background-image:url(../../images/icon-02.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:3px 0px;
}
.HistoryYear ul li span{
	color:#cc0000;
	margin-right:7px;
}
.faq_title a{
	display:block;
	width:170px;
	float:left;
	padding:2px 0px;
	background:url(../../images/arrow-02.png) no-repeat 0px 10px ;
	padding:7px 0px 0px 20px;
}
.faq_title{
	background:url(../../images/line-03.gif) repeat-x 0px bottom;
	padding-bottom:20px;
}
.CsVslList{
	text-align:center;
	font-size:12px;
	 color:#ccc;
	 margin:20px 0px;
	}
.CsVslList a{
	font-size:32px;
	line-height:45px;
	text-align:center;
	}
.twDockDepot{
	float:left;
	width:290px;
	display:block;
	margin-bottom:15px;
	}	
.ExpEmptyCtnrQry{
	background:url(../../images/pic-ExpEmptyCtnrQry-01.jpg) no-repeat right bottom;
	}	
.ItnBg{
	background:url(../../images/pic-ITN-01.jpg) no-repeat right bottom;
	height:205px;
	}
/*
	外跳滿版框架
*/	
.JumpMainBody{
	background-color:#ebf1f9;
	padding:30px 0px;
	
}
.JumpMainHead{
	background:url(../../images/main-bg.jpg) no-repeat 0px 0px;
	width:955px;
	margin:0px auto;
	font-size:15px;
}
.JumpMainHead-wide{
	background:url(../../images/main-bg.jpg) no-repeat 0px 0px;
	width:1200px;
	margin:0px auto;
	font-size:15px;
}
table.EmailTrackSkdDetailLine td{
	background-image: url(../../images/line-03.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding:20px 0px;
}

table.EmailTrackSkdDetailLine td table td{
	background-image:none;
	padding:0px;
}

/*
	sitemap
*/	
.SitemapTree li a{
	color:#009acb;
	font-weight:bold;
	font-size:15px;
	padding:8px 0px;
	margin-bottom:10px;
	display:block;
	text-decoration:none;
	background-image:url(../../images/line-05.gif);
	background-position: 0px bottom;
	background-repeat:repeat-x;
}
.SitemapTree ul li a{
	background-image:url(../../images/arrow-08.png);
	background-position: 0px 7px;
	background-repeat:no-repeat;
	padding:3px 0px 3px 15px;
	margin:3px 0px;
	color:#555;
	font-weight:bold;
	font-size:12px;
}
.SitemapTree li{
	float:left;
	width:170px;
	display:block;
	margin-right:20px;
}
.SitemapTree ul{
	float:left;
	display:block;
	margin-bottom:20px;
}
.SitemapTree ul li ul li a{
	background-image:url(../../images/icon-06.gif);
	background-position: 0px 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	line-height:18px;
	color:#555;
	font-weight:normal;
	font-size:12px;
}
.SitemapTree ul li ul li ul{
	padding:0px 0px 0px 0px;
	margin:0px;
}
.SitemapTree ul li ul li ul li a{
	background-image:url(../../images/icon-04.gif);
	background-position: 15px 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 27px;
	line-height:18px;
	color:#555;
	font-weight:normal;
	font-size:12px;
}

ul.LocalWebList li{
	display:block;
	width:290px;
	float:left;
	margin-bottom:25px;
}
ul.LocalWebList img{
	float:left;
	margin-right:10px;
}
ul.LocalWebList a{
	float:left;
	display:block;
	width:150px;
	margin-top:13px;
	line-height:18px;
}
ul.LocalWebList a span{
	color:#999;
}