@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
color:#; 	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 24px;
}
a { text-decoration: none; outline: none; hlbr:expression(this.onFocus=this.blur()); }
a:hover { text-decoration: none;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0;}
img { border: none; }
ul li{ list-style:none;}
.clr { clear: both; display:block; }
.tRight { text-align: right; }
.tLeft { text-align:left;}
.tCenter { text-align: center; }
.fL { float: left; }
.fR { float: right; }


.logo_cht{ position:relative;}
.logo_cht img{width:150px; height:55px;}
.logo_hic{position:relative; right:0; top:12px;}
.logo_hic img{width:100px; height:30px;}


.table_in .rm{ height:20px; line-height:20px; margin:10px 0;font-size:12px;}
.table_in .rm input,.table_in .input input{vertical-align:middle;}
.table_in .reg{ height:20px; line-height:20px;margin:10px 0; font-size:12px;}
.table_in .reg a:hover{ font-weight:bold;}
.table_in .mlongin{ font-family:Arial; font-size:18px; color:#666; font-weight:bold;}
.table_in .input{ font-size:16px; color:#666;}
.table_in .input2{ font-size:16px; color:#666; display:inline;}
.input span{ display:block; width:100px ; height:47px; vertical-align:middle; line-height:47px;}
.table_in .erro{
	font-size: 13px;
	color: #F00;
	text-align: left;
	height: 20px;
	line-height: 20px;
	width: 400px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 0;
}
.btn1{ width:68px; height:26px; line-height:20px; background:url(../images/btn.gif) no-repeat; position:relative; margin:0 auto; padding:3px 0 0 0;  font-family:"微軟正黑體"; font-size:15px; color:#fff; font-weight:bold; outline:none; border:none; cursor:pointer;}
.table_in .login{ width:68px; text-align:center; height:26px; line-height:20px; background:url(/cloud-static/images/btn.gif) no-repeat; position:relative; margin:0 auto; padding:3px 0 0 0;font-family:"微軟正黑體"; font-size:15px; color:#fff; font-weight:bold; outline:none; border:none; cursor:pointer;}
.table_in .login a{ font-family:Arial; font-size:15px; color:#fff; font-weight:bold;}
.table_in .login a:hover{color:#fff; }
.userportal{text-align:center;}
.userportal a{text-decoration: underline;}
.userportal a:link {
	color:#3366FF;
	text-decoration: underline;
}
.userportal a:visited {
	color: #3366FF;
	text-decoration: underline;
}
.userportal a:hover {
	color: #3366FF;
	text-decoration: underline;
}


.index_left ,.index_right {width:100px; padding-top:200px;}

.index_left {
	float:left;}
	
.index_right {
	float:right;}

.index_left2 ,.index_right2 {width:100px; padding-top:35px;}

.index_left2 {
	float:left;}
	
.index_right2 {
	float:right;}

.index_page {
	float:left;
	width:742px;
	padding:50px 41px 0px 41px;
	margin:auto;
	position: relative; }

.index_page .but_jointo1 {
	z-index:1;
	position:absolute;
	width:108px;
	height:34px;
	left:296px;
	top:380px;}

.index_page .but_jointo2 {
	z-index:1;
	position:absolute;
	width:108px;
	height:34px;
	left:419px;
	top:380px;}

.index_page .but_jointo3 {
	z-index:1;
	position:absolute;
	width:108px;
	height:34px;
	left:360px;
	top:380px;}

.index_dot {
	width:222px;
	margin:auto;}

.index_dot2 {
	width:222px;
	padding-top:30px;
	text-align:center;
	margin:auto;}
	
.index_icon {
	width:960px;
	margin:auto;
	padding-top:100px;}
	
.index_icon h1 {
	padding:0;
	margin:0;
	font-weight: lighter;
	font-size:16px;
	color:#666;
	line-height:1.7em;}

.index_icon em {
	display:block;
	border-bottom:1px dotted #666;
	width:100%;
	height:5px;}

.icon_box {
	width:120px;
	float:left;
	padding-top:50px;}

	
.content {
	padding:30px;}
.content02 {
	width:500px;
	margin:auto;}

.table_in {
	width:380px;
	margin:0 auto;
	padding:15px 0;}
	
.table_custom1 {
	width:500px;
	margin:0 auto;
	padding:25px 0;}	
	
.table_in h1 {
	padding:0;
	margin:0;
	font-weight: lighter;
	font-size:16px;
	color:#666;
	line-height:1.7em;
	text-align:center;}
	
.table_in p {
	padding:0;
	margin:0;
	font-size:16px;
	color:#666;}

.table_in a{
	text-decoration:none;
	color:#006;
	}
.table_in a:hover{
	color:#600;
	text-decoration:none;
	}

.list {
	padding:3px;
	margin:5px 0 30px;
	background:#FFF;
	font-size:16px;
	color:#666;
	width:375px;
	border:solid 1px #cccccc;}

.list_captcha {
	padding:3px;
	margin:5px 0 30px;
	background:#FFF;
	font-size:16px;
	color:#666;
	width:250px;
	border:solid 1px #cccccc;}

.edit_title {
	padding:20px 0px 10px 0px;}
	
.edit_table {
	background:#FFF;
	border:solid 1px #d9d9d9;
	padding:20px;}
.w_450 {
	width:450px;
	margin:auto;}
	
.tall_50 {
	height:50px;}

.process {
	width:576px;
	margin:0 auto;
	padding:50px 0px 20px 0px;
	}

.provision_scroller {
	border:solid 1px #d9d9d9;
	background:#FFF;
	font-size:12px;
	color:#000;
	line-height:24px;
	padding:0px 0px 10px 20px;
	margin:0px 0px 10px 0px;
	}
	
.scroller {
	font-size:12px;
	line-height:21px;
	height:190px;
	padding:20px 20px 0px 10px;
	margin-bottom:10px;
	position:relative; 
	overflow-y:auto;
	color:#666;
	SCROLLBAR-FACE-COLOR: # 999 ;
	SCROLLBAR-HIGHLIGHT-COLOR: # CCC ;
	SCROLLBAR-SHADOW-COLOR: # 333 ;
	SCROLLBAR-3DLIGHT-COLOR: # 666 ;
	SCROLLBAR-ARROW-COLOR: # 000 ;
	SCROLLBAR-TRACK-COLOR: #FFF ;
	SCROLLBAR-DARKSHADOW-COLOR: #FFF;}
	
.index_login {
	width:520px;
	font-size:36px;
	color:#fff;}
	
	
.typ_black {
	font-size:12px;
	color:#000;}
	
.typ_gray {
	font-size:16px;
	color:#666;
	line-height:2em;}
	
.typ_orange {
	font-size:16px;
	color:#ec5106;
	line-height:2em;}
	
.captcha {
	padding:3px;
	margin:2px 0;
}