@import url(http://static.8591.com.tw/css/index/global.css);
@import url(http://static.8591.com.tw/css/index/layout.css);
@import url(http://static.8591.com.tw/css/index/component.css);

/* ============================================
網?內容

Usage examples:
<div id="Content" class="ContStyle">
	 <h4></h4>
	 <div id="Agree"></div>
</div>
============================================ */
.ContStyle {
	padding-bottom:20px;
	background-color:#FfFfFf;
}
.ContStyle h4 {
	background-color:#FEF9E1;
	margin:10px 6px 2px 6px;
	font-size:16px;
	padding-top:2px;
	line-height:30px;
	color:#222222;
	text-align:center;
}
#Agree {
	height:480px;
	width:97%;
	background-color:#FEF9E1;
	border:1px solid #F2D67D;
	overflow:auto;
	margin:3px 5px 15px 5px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:4px;
}
input.so {
	font-size:15px;
	padding:2px 5px 2px 5px;
}
#RegWarning {
	text-align:center;
	margin-top:10px;
}
/* ============================================
CSS表單

Usage examples:
<div id="RegContent">
	<div class="FormRow">
		<div class="Name">xx</div>
		<div class="InputArea"></div>
	<div/>
</div>
============================================ */
#RegContent {
	text-align:left;
	width:904px;
	margin:0 auto;
}
hr.Green {
	color:#ACA899;
	margin-bottom:15px;
}
.FormRow {
	clear:both;
	height:24px;
	padding-left:15px;
	margin-bottom:10px;
}
.FormRow select {
	height:20px;
}
.FormRow select {
	height:16px;
}
.FormRow .Name {
	float:left;
	width:78px;
	vertical-align:middle;
	line-height:24px;
	background:url(http://image.8591.com.tw/index/public/global/arrow_down.gif) no-repeat left center;
	padding-left:25px;
	font-weight:bold;
	margin-right:20px;
}
.HeightLen {
	height:38px;
}
.HeightLen .Name {
	line-height:38px;
}
.FormRow .AllRow {
	width:100%;
	font-weight:normal;
}
.FormRow .InputDesc {
	float:left;
}
.FormRow .InputDesc select {

}
.FormRow .InputDesc p{
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
.FormRow .InputDesc span {
	margin-left:2px;
	margin-top:4px;
}
.FormRow .InputDesc span.RedColor {
	clear:both;
	float:left;
	margin-top:8px;
	margin-bottom:2px;
	color:#FF0000;
}
#pwd, #repwd {
		width:84px;
		height:16px;
}
/* ============================================
登录页面

Usage examples:
<div id="Content" class="LoginCont">
</div>
============================================ */
.LoginStyle {
	text-align:left;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}
#LoginDlg {
	border:1px solid #FFDA68;
	margin:0 auto;
	margin-top:20px;
	width:780px;
	padding-bottom:20px;
}
#LoginDlg .LTitle{
	 border-top:1px solid #FFF;
	 border-bottom:1px solid #FFF;
	padding:8px 0 5px 6px;
	font-size:15px;
	font-family:"MingLiU","PMingLiU";
	background: url(http://image.8591.com.tw/index/public/public/bgt.gif);
/*	margin:2px 0;*/
}
#LoginDlg .LCont {
	border-top:1px solid #FFDA68;
	padding:5px 0;
}
/* ============================================
左边说明框

Usage examples:
============================================ */
#LoginDlg .LCont .LLeft {
	float:left;
	width:55%;
	margin-left:2px;
	font-size:10pt;
}
#LoginDlg .LCont .LLeft li {
		clear:both;
		padding:6px 0;
}
#LoginDlg .LCont .LLeft li span{
	float:left;
}
#LoginDlg .LCont .LLeft li span a:link, #LoginDlg .LCont .LLeft li span a:visited{
	color:#0000BB;
}
#LoginDlg .LCont .LLeft li span.RightDesc{
	float:left;
	margin-left:2px;
	width:380px;
	text-align:justify;
	text-justify:inter-ideograph;
}
/* ============================================
右边登录框

Usage examples:
============================================ */
#LoginDlg .LRight {
	float:right;
	width:40%;
	border:3px solid #CCCCCC;
	margin-right:8px;
	padding:0 8px 8px 6px;
}
#LoginDlg .LRight .RBox{
	background-color:#F5F5F5;
	margin-top:8px;
	padding:4px 0;
}
#LoginDlg .LRight .RBox p{
	clear:both;
	display:block;
	padding:0;
	margin:5px 0;
}
#LoginDlg .LRight .RBox .LInputBox{
	float:left;
	width:145px;
	margin-left:10px;
	padding-left:12px;
}
.W280 {
	width: 280px;
}
#LoginDlg .LRight .RBox .LInputBox label {
	float:left;
	padding-top:5px;
	width:98px;
	text-align:right;
}
#LoginDlg .LRight .RBox .RInputBox{
	float:left;
	width:115px;
	text-align:left;
	line-height:22px;
}
#LoginDlg .LRight .RBox .RBoxRow{
	padding:0 0 8px 30px;
}
#LoginDlg .LRight .RBox .NumLetter {
	float:left;
	line-height:15px;
	margin-left:14px;
	padding-top:4px;
	width:38px;
	white-space:nowrap;
}
#LoginDlg .LRight .RBox .NumLetterImg {
	float:left;
	width:180px;
}
DIV.Button {
	float:left;
	margin-top:6px;
	width:144px;
	padding:6px 0;
	background-color:#F5F5F5;
	margin-left:5px;
	text-align:center;
}
DIV.ButtonOne {
	margin-left:0;
}
.AllWidth {
	width:100%;
	text-align:center;
}
#check {
	width:84px;
	height:15px;
}
/* ============================================
忘记密码样式

Usage examples:
============================================ */
.ForgetStyle {
	 border:1px solid #CCCCCC;
	height:440px;
	text-align:left;
	margin:0 auto;
}

.xboxcontent h2 {font-size:11pt; border:0;font-family:"Arial","MingLiU","PMingLiU";color:#FF0000;padding-top:0.5em;margin-bottom:10px;}
.xboxcontent h3{margin-bottom:4px;
	font-size:10pt;
	line-height:17pt;
	padding-left:2pt;
	color:#06a;
	font-size:11pt;
	font-family:"Arial","MingLiU","PMingLiU";
	text-align:center;
	}
.xboxcontent p{
color:#333333;
font-size:10pt;
line-height:20pt;
text-align:left;

}
.xboxcontent ul{
margin-bottom:3px;
padding-left:1pt;
	}
.xboxcontent li {
	color:##0066AA;
	font-size:11pt;
	padding-left:10pt;
	line-height:50pt;
	font-family:"Arial","MingLiU","PMingLiU";
	text-align:left;
  text-decoration:none;
  cursor:pointer;
}

.xboxcontent li.display{
color:#333333;
margin-bottom:1px;
	font-size:10pt;
	line-height:20pt;
	padding-left:20pt;
	font-family:"Arial","MingLiU","PMingLiU";
	text-align:left;
	text-decoration:none;
    }
.xboxcontent li p{
	margin-top:5px;
	margin-bottom:5px;
}
.xboxcontent {
    color:#333333;
    font-size:10pt;
    font-family:"Arial","MingLiU","PMingLiU";
    padding-bottom:0.5em;
    padding-left:10pt;
    text-align:left;
    line-height:17pt;
    border:1px solid #F5F5F5;
}
.xboxcontent li.b{
    line-height:20pt;
}
.ipLeft {
    float:left;
    font-size:10pt;
    margin-left:1px;
    width:53%;
}

/************安全鎖阻檔?面**********/

.LockCont{
    border-top:1px solid #FFDA68;
    padding:20px 0;
}
.LockLeft{
    float:left;
    font-size:10pt;
    margin-left:1px;
    width:73% !important; 
    width:71%;
    
}
.LockRight{
	margin-top:-30px;
    float:right;
    margin-right:8px;
    width:24%;
}
.LockContentBox {
    font-size:10pt;
    font-family:"Arial","MingLiU","PMingLiU";
    padding-bottom:0.5em;
    padding-left:10pt;
    text-align:left;
    line-height:17pt;
    border:1px solid #FF9900;
    margin-left:20px;
    background-color:#FCFCCD;
	margin-bottom:15px;
	padding-top:4px;
}
.xboxcontentLi1{
    line-height:35px;
    line-height:30px !important;
    font-size:11pt;
    padding-bottom:20px;
    padding-top:5px;
    padding-right:3px;
	font-weight:bold;
	margin-left:-8px;
}
.xboxcontentLi1 span{
    float:left;
    padding-top:1px;
	padding-right:7px;
}
.xboxcontentLi2{
    padding-bottom:20px;
	line-height:20px;
}

.xboxcontentLi2 span{
    float:left;
    padding-top:1px;
}
.xboxcontentLi3{
    padding-bottom:20px;
}
.xboxcontentLi3 span{
    float:left;
}
.xboxcontentLi2{
	background:url(http://image.8591.com.tw/index/public/global/04.gif) no-repeat 0 3px; 
	padding-left:22px;
}
.xboxcontentLi3{
	background:url(http://image.8591.com.tw/index/public/global/05.gif) no-repeat 0 3px; 
	padding-left:22px;	
}
.xboxcontentLi4{
	background:url(http://image.8591.com.tw/index/public/global/06.gif) no-repeat 0 3px; 
	padding-left:22px;
}
.xboxcontentLi4 span{
    float:left;
    padding-top:3px;
	
}
.LockRight h2{
    font-size:11pt;
    padding-left:30px;
    line-height:30px;
	font-weight:normal;
}
.LockRight h3{
    font-size:13px;
    font-weight:normal;
    padding-bottom:25px;
	color:#999999;
}
.LeftFoot{
    float:left;
    padding-left:40px;
    padding-top:20px;
    width:100%;
    font-size:10pt;
}
.LeftFoot p{
    color:#0012FF;
    font-size:10pt;
}
.Ltitle1{
    background:url(http://image.8591.com.tw/index/public/global/safe.gif) no-repeat left;
    
}
.Ltitle2{
    background:url(http://image.8591.com.tw/index/public/global/cp.gif) no-repeat left;
    
}
.tips{
	margin: 0 auto;
    padding: 0;
	width:950px;
	height:30px;
	line-height:30px;
	border:1px solid #67aaee;
	background-color:#ecf2fe;
	font-size:10pt;
}
.tips span {
    color: red;
	margin-left:5px;
}
.tips i{
    background: url("http://statics.8591.com.tw/img/index/public/global/20100408_public_con.png") no-repeat scroll -288px -55px transparent;
    float: left;
    height: 15px;
    margin-top: 8px;
	margin-left:10px;
    width: 12px;
}