@charset "utf-8";
/* web MasterLayout */
* { 
	margin: 0;
	padding: 0;
}
		
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 30px;
	min-height:700px;
	font-size:25px;
	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;
}


#logo{
	float:left;
	z-index:999999999999999999999;
	position:relative;
	top:0px;
	}

.break-text{
	word-break:break-all;
	width:850px;
	margin-top:20px;
	white-space:pre-line;
	}



						
						
						/* -------------------------------------
							rightpane  
						------------------------------------- */						
														
							a.subtitle,table.tbl-list td a.subtitle:hover{
								color:#009acb;
								font-weight:bold;
								font-size:25px;
								line-height:35px;
								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;
							}
							
							

						/* -------------------------------------
							導航列  
						------------------------------------- */	
							

						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;
							}

	
#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;
}



#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="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"]  {
		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.purple{
		color:#fff;
		background:url(../images/bg-h2.gif) top;
	}						
	input.purple:hover{
		background:url(../images/bg-h2.gif) bottom;
	}						




/*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;
		}		


/*
	外跳滿版框架
*/	
.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;
}
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;
}