/***********************************************/
/* style.css                           */
/* Keer Design      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

@import url( chromestyle.css );

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#000;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
	color:#000;
}

form {
	margin: 0;
	padding: 0;
}

input{ }

.bt-login{
	background-color:#fff;
	border:1px solid #C4C4C4;}


.space{
	height:5px;
	padding:0px;
	margin:0px;}




/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #000;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color:#000000;
}



h1,h2,h3,h4,h5,h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

h6{ color:#CC0000; font-weight:bold; font-size:12px;}
/******* font color tag styles *******/

.yellow{
	color:#FFFF00;}
.blank{
	color:#000000;
	font-weight:bold;}
.red{
	color:#DC202D;
	font-weight:bold;}
.white{
	color:#fff;
	font-weight:bold;}


/***********************************************/
/* Layout Divs                                */
/*********************************************/

#homePage{
	width: 900px;
	margin:auto; 
	padding:0;
}
#serviceBg{
	background:url(../images/home-service.gif) no-repeat bottom left;
	width:160px;
	height:60px;
	}

#serviceTitle{
	padding:10px;
	padding-bottom:0px;
	font-weight:bold;
	color:#000;}
	
#serviceContent{
	padding:6px;
	color:#8c8c8c;
	text-align:center;}

#clients{
	background:url(../images/home-clients.gif) no-repeat center;
	height:100px;}
	
	
#footer2 {
 CLEAR: both; 
 TEXT-ALIGN: center;
 color:#8c8c8c;
 padding:0;
 margin:0;
 margin-top:5px;
 
}


#footerTitle{
	background-color:#DC202D;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	TEXT-ALIGN: center;
	}
	
#footerTitle2{
;
	TEXT-ALIGN: center;
	}
	
#footerLinks{ 
	 background-color:#F7F7F7;
	  border:1px solid #E5E5E5; 
	  TEXT-ALIGN: center;
}

#footer p{
	padding:10px;
}

#footerTitle a{
	color: #ffffff;
}

#footerTitle a:link{
	color: #ffffff;
	text-decoration: none;
}

#footerTitle a:hover{
	text-decoration: none;
	color:#000000;
}
/************** header tag styles **************/

#mastHead{
	height:165px;
	margin-bottom:5px !important; margin-bottom:0;
	background-color:#ffffff;
}
#head{
	margin: 0px;
	padding: 0px;
	height:90px;
	color: #8c8c8c;
	font-weight: normal;
	background-color:#FFFFFF;
}
#head p{ float:left; width:190px; text-align:center}
#head span{ float:right; margin:auto; padding:0; line-height:25px; padding-right:10px; }
#head span a:link, #head span a:visited{ background:url(../images/dt2.gif) no-repeat 0 6px; padding-left:10px; margin-left: 5px; color:#000;}
#head span a:hover { text-decoration:underline;}

#globalNav{
	position: relative;
	height: 32px;
	line-height:32px;
	padding: 0px;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#CC0000 url(../images/home-naiv-menu.gif) repeat-x;
	
}
#search{
	background:url(../images/home-search-bg.gif) no-repeat bottom;
	background-position: center;
	margin: auto;
	padding: 0px;
	width:900px;
	height:45px;
	margin-bottom:5px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#searchLeft{
	float:left;
	padding: 0px;
	}
#searchRight{
	float:right;
	padding: 0px;
	}
	
.search ul{
	padding:0px;
	margin:0px;
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center;
	vertical-align: TOP;

}

.search li{
	MARGIN: 1px 0px; 
	LINE-HEIGHT: 30PX;
	padding:5px 10px;
	font-size:12px;
    font-weight:normal;
}
.search input{ height:16px; margin:0; padding:0;}


/***********************************************/
/* Container Layout Divs                      */
/*********************************************/
#container{ float:left; margin:auto; padding:0; }


#col_l { FLOAT: left; WIDTH: 170px; margin:0; padding:0;}
.col_l p{ border:0; padding-bottom:5px;}
#col_l a:link, a:visited{
	text-decoration: none;
}

#col_l a:hover{
	text-decoration: underline;
}


#col_2 { margin-left:175px; padding:0;}

#col_2 a:link, a:visited{
	text-decoration: none;
}

#col_2 a:hover{
	text-decoration: underline;
}


#col_2_2 {
  float:right;
  padding:0px;
  MARGIN: 0px; 
}

/***********************************************/
/*  Component Divs                            */
/*********************************************/
.color_red{ color:#D91D26; font-size:11px;}	
.color_blue{ color:#084BE0; font-size:11px;}
.color_gray { color:#9C9C9C;}	
.left {
	float:left;
}

img.left {
	float:left;
	margin: 0px 10px 5px 0px;
}
a img.left {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF6600;
}
.cls {zoom:1;}
.cls:after {content:"";visibility:hidden;display:block;height:0;clear:both;}

h2{ font-size:12px; list-style:none; margin:0; padding:0;}

a.r:link , a.r:visited { color:#D8161F; font-size:11px;}
a.r:hover{ color:#D8161F}

a.b:link , a.b:visited { color:#084BE0; font-size:11px;}
a.b:hover{ color:#084BE0}

.page{ float:right; clear:none; height:30px; line-height:30px; border:0px solid #E3E3E3; margin:10px 0; padding:0; width:600px; text-align:right;}
.page a:link, .page a:visited{ padding-left:5px;}

/***********************************************/
/*  Left Component Divs                       */
/*********************************************/
#col_l_t{
	background:url(../images/home-left-title.gif) no-repeat;
	height:25px;
	line-height:25px;
	padding:0px 10px;
	width:150px;
	font-weight:bold;
	color:#fff;}
.col_l_c{
	background-color:#fff;
	border:1px solid #E5E5E5;
	width:148px; margin-bottom:5px;
	padding:0px 10px;}

.col_l_c img{
	vertical-align: middle;
	}

.col_l_c ul{
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: left;
	vertical-align: TOP;
}
.col_l_c li{
	MARGIN: 1px 0px;
	LINE-HEIGHT: 21PX;
	font-size:12px;
    font-weight:normal;
	color:#000;
}

.col_l_c li a{float:left;}
.col_l_c li span{ font-size:11px; float:right; color:#000; text-align:left; width:45px;}

.line{
	background:url(../images/horizontal-line.gif) repeat-x bottom left; }	

.arrow {	background:url(../images/dt2.gif) no-repeat 0 10px; padding:0 10px;}

/***********************************************/
/* col_2_row_1                                */
/*********************************************/
#col_2_row_1 { float:left; clear:none; margin:0; padding:0; width:725px; height:204px;margin-bottom:5px !important; margin-bottom:1px; }
	#col_2_row_1_l { float:left; width:480px; padding:0; margin:0;}
	#col_2_row_1_l img{ border:0; list-style:none;padding:0; margin:0;}
	#col_2_row_1_r { float:right; width:240px; padding:0; margin-left:5px; }

	#col_2_2_bg{
	background:url(../images/bg_login.gif) no-repeat top;
	width:220px;
	height:184px;
	padding:10PX;
	}
	#col_2_2_t{
		background:url(../images/home-login.gif) no-repeat;
		height:25px;
		line-height:25px;
		font-weight:bold;
		padding-left:10px; font-size:12px;
		color:#fff;
	}

/***********************************************/
/* col_2_row_2                                */
/*********************************************/
#col_2_row_2 { float:left; margin-bottom:5px; width:725px;}

	#col_2_row_2_t{
		background:url(../images/title_rmsp.gif) no-repeat;
		height:25px;
		line-height:25px;
		padding:0px 10px;
		font-weight:bold; font-size:12px;
		color:#fff;}
	
	#col_2_row_2_c { border:1px solid #E5E5E5;padding-bottom:5px !important; padding-bottom:9px;}

	#col_2_row_2_c .ul1 {padding:10px; margin:0; list-style:none; }
	#col_2_row_2_c .ul1 li {width:33%;float:left;margin-bottom:10px; height:114px; font-family: Verdana, Arial, Helvetica, sans-serif}
	
	#col_2_row_2_c .ul1 li img {margin:auto;border:0; float:left; }
	#col_2_row_2_c .ul1 li div { display:block; float:right; text-align:left; width: 150px; font-size:12px;}
	#col_2_row_2_c .ul1 li div p{ height:72px; line-height:18px; font-size:11px;}
	#col_2_row_2_c .ul1 li div strong{ display:block; height:20px; line-height:20px;}
	#col_2_row_2_c .ul1 a {display:inline-block;}
	#col_2_row_2_c .ul1 a:hover { text-decoration:underline;}

/***********************************************/
/* col_2_row_3                                */
/*********************************************/
#col_2_row_3 { float:left; margin:0; padding:0; margin-bottom:10px !important; margin-bottom:5px;}
	#col_2_row_3_c { border:1px solid #E5E5E5; height:177px;}
	
	#col_2_row_3_c .dl1{ padding: 5px 10px; margin:0; list-style:none;}
	#col_2_row_3_c .dl1 dt{ line-height:18px; padding:4px 0; }
	
	#col_2_row_3_c .ul1 {padding:5px 10px; margin:0; list-style:none;}
	#col_2_row_3_c .ul1 li {float:left;width:50%;font-family: Verdana, Arial, Helvetica, sans-serif}
	
	#col_2_row_3_c .ul1 li img {margin:auto;border:0;}
	#col_2_row_3_c .ul1 li div {float:left; display:block;text-align:left;}
	#col_2_row_3_c .ul1 li div p{line-height:18px; font-size:11px;margin-bottom:5px;}
	#col_2_row_3_c .ul1 li div strong{ display:block; margin-bottom:5px;}
	#col_2_row_3_c .ul1 a {display:inline-block;}
	#col_2_row_3_c .ul1 a:hover { text-decoration:underline;}
		
	#col_2_row_3_l { float:left; width:320px; margin:0; padding:0;}
		#col_2_row_3_l_t{
			background:url(../images/title_other.gif) no-repeat left;
			height:25px;
			line-height:25px;
			padding:0px 10px;margin:0;
			font-weight:bold;
			color:#fff;}
	

	#col_2_row_3_r { float:left; width:400px; padding:0; margin-left:5px;}
		#col_2_row_3_r_t{
			background:url(../images/title_jp.gif) no-repeat right;
			height:25px;
			line-height:25px;
			padding:0px 10px; margin:0;
			font-weight:bold;
			color:#fff;}

/*****************************/
/*Login                     */
/***************************/
#fp-renew {background-color:#fff; margin:0; padding:0; height:177px; border:1px solid #E5E5E5; width:218px;}
#mobile_card {}
#fp-renew ul{margin:0; list-style:none; padding:5px 9px;}
#fp-renew li{margin-top:8px;margin-bottom:6px;clear:both; line-height:24px;}
#fp-renew li .k{float:left;width:4.0em;}
#fp-renew li strong{color:#FF4E00;font-size:12px;font-weight:bold;}

.confirm { background:url(../images/login.gif) no-repeat; width:62px; height:21px; line-height:21px; border:0; color:#D8161F; font-weight:bold; font-size:12px;}
.regist{ background:url(../images/regist.gif) no-repeat; width:67px; height:21px; border:0; font-size:12px; }

#s1{margin-left:10px;}
.v1{ margin-left:50px;}

/*****************************/
/*Links                     */
/***************************/
#links{ background-color:#F7F7F7; border:1px solid #E5E5E5; width:898px;}
#links img{ padding:10px;}




/*****************************/
/*¹ºÂòÁ÷³Ì                  */
/***************************/
	#col_2_row_2_c .left { width:30%;}
	#col_2_row_2_c .right { width:60%;}

	/******* ul2 *******/

	#col_2_row_2_c .ul2 {padding:10px; margin:0; list-style:none; clear:none;}
	#col_2_row_2_c .ul2 li {width:20%;float:left; height:150px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
	
	#col_2_row_2_c .ul2 li img {margin:auto;border:0; float:left; }
	#col_2_row_2_c .ul2 li div { float:right; display:block; text-align:left; font-size:12px;}
	#col_2_row_2_c .ul2 li div p{  font-size:11px;}
	#col_2_row_2_c .ul2 li div strong{ display:block; height:20px; line-height:20px;}
	#col_2_row_2_c .ul2 a {display:inline-block;}
	#col_2_row_2_c .ul2 a:hover { text-decoration:underline;}
	
	
	#col_2_row_2_c h3{ text-align:center; padding:0; margin:0; padding-top:65px; padding-left:30px;} 
	#bg-flow{ background:transparent url(../images/flow-img-bg.gif) no-repeat center left; height:150px; width:140px;}
	
	#col_2_row_2_c a.flow-img-write,#col_2_row_2_c a.flow-img-write:visited{
		color: #000000;
		background:#CC0000 url(../images/flow-img-write-off.gif) no-repeat center center; height:150px; width:125px;
	}
	#col_2_row_2_c a.flow-img-write:hover{
		color: #000000; text-decoration:none;
		background:#CC0000 url(../images/flow-img-write-on.gif) no-repeat center center;
	}

	#col_2_row_2_c a.flow-img-confirm,#col_2_row_2_c a.flow-img-confirm:visited{
		color: #000000;
		background:#CC0000 url(../images/flow-img-confirm-off.gif) no-repeat center center; height:150px; width:125px;
	}
	#col_2_row_2_c a.flow-img-confirm:hover{
		color: #000000; text-decoration:none;
		background:#CC0000 url(../images/flow-img-confirm-on.gif) no-repeat center center;
	}

	#col_2_row_2_c a.flow-img-online,#col_2_row_2_c a.flow-img-online:visited{
		color: #000000;
		background:#CC0000 url(../images/flow-img-online-off.gif) no-repeat center center; height:150px; width:125px;
	}
	#col_2_row_2_c a.flow-img-online:hover{
		color: #000000; text-decoration:none;
		background:#CC0000 url(../images/flow-img-online-on.gif) no-repeat center center;
	}
	#col_2_row_2_c a.flow-img-success,#col_2_row_2_c a.flow-img-success:visited{
		color: #000000;
		background:#CC0000 url(../images/flow-img-success-off.gif) no-repeat center center; height:150px; width:125px;
	}
	#col_2_row_2_c a.flow-img-success:hover{
		color: #000000; text-decoration:none;
		background:#CC0000 url(../images/flow-img-success-on.gif) no-repeat center center;
	}
	
	/******* ul3 *******/
	#col_2_row_2_c .ul3 {padding:10px; margin:0; list-style:none; clear:none; background-color:#F7F7F7; margin:0 10px;}
	#col_2_row_2_c .ul3 li {float:left;margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
	#col_2_row_2_c .ul3 li img {margin:auto;border:0; float:left; }
	#col_2_row_2_c .ul3 li p{ line-height:18px; font-size:12px; margin-bottom:10px; padding:5px 0; border:1px dashed #ccc; border-left:0; border-right:0;}
	#col_2_row_2_c .ul3 li strong{ display:block; height:20px; line-height:20px;padding-bottom:5px; font-size:14px;}
	#col_2_row_2_c .ul3 a {display:inline-block;}
	#col_2_row_2_c .ul3 a:hover { text-decoration:underline;}

	#col_2_row_2_c .ul3 dl{list-style:none; clear:none;}
	#col_2_row_2_c .ul3 dt {margin-bottom:10px; background:url(../images/dt2.gif) no-repeat 0 6px; padding:0 10px;}

	/******* ul4 *******/
	#col_2_row_2_c .flow_t_b{ background:url(../images/flow_t_b.gif) no-repeat left; margin:10px; margin-bottom:0; height:26px; line-height:26px; padding:0 10px;}
	
	#col_2_row_2_c .ul4 {padding:10px; margin:0; list-style:none; clear:none; background-color:#F7F7F7; margin:0 10px;}
	#col_2_row_2_c .ul4 li {width: 100%; float:left;margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
	#col_2_row_2_c .ul4 li p{ line-height:18px; font-size:12px; margin-bottom:10px; padding:5px 0; border:1px dashed #ccc; border-left:0; border-right:0;}
	#col_2_row_2_c .ul4 li b{ font-weight:normal;}
	
	#col_2_row_2_c .ul4 .input_gray {border: 1px solid #9C9C9C;#}
	#col_2_row_2_c .ul4 a {display:inline-block;}
	
	#col_2_row_2_c .ul4 a:hover { text-decoration:underline;}
	
	.bt_submit{ margin-left:58px; background:url(../images/bt_submit.gif) no-repeat left top; width:75px; height:24px; line-height:24px; border:0; color:#D8161F;  font-size:12px;}
	.bt_cancel{ margin-left:5px; background:url(../images/bt_cancel.gif) no-repeat left top; width:75px; height:24px; line-height:24px; border:0; font-size:12px;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/***********************************************/
/*  Ê×Ò³                           */
/*********************************************/
#index_l { FLOAT: left; WIDTH: 220px; margin:0; padding:0;}
.index_l p{ border:0; padding-bottom:5px;}
#index_l a:link, a:visited{
	text-decoration: none;
}

#index_l a:hover{
	text-decoration: underline;
}

#index_2 { margin-left:225px; padding:0; background-color:red}

#index_2 a:link, a:visited{
	text-decoration: none;
}

#index_2 a:hover{
	text-decoration: underline;
}

#index_2_2 {
  float:right;
  padding:0px;
  MARGIN: 0px; 
}

/***********************************************/
/*  index Component Divs                       */
/*********************************************/
#index_l_t{
	background:url(../images/home-login.gif) no-repeat top;
	height:25px;
	line-height:25px;
	padding:0px 10px;
	font-weight:bold;
	color:#fff;}
	
#index_l_t span{text-align:right; display:inherit; padding-left:120px;}
#index_l_c{margin:0; padding:0 10px; height:320px !important; height:324px;}
.index_l_c{
	background-color:#fff;
	border:1px solid #E5E5E5;
	padding:0px 10px;}

.index_l_c img{
	vertical-align: middle;
	}

.index_l_c ul{
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: left;
	vertical-align: TOP;
}
.index_l_c li{
	MARGIN: 1px 0px;
	LINE-HEIGHT: 21PX;
	font-size:12px;
    font-weight:normal;
	color:#000;
}

.index_l_c li a{float:left;}
.index_l_c li span{ font-size:11px; float:right; color:#000; text-align:left; width:30px;}


/***********************************************/
/* Ê×Ò³                                */
/*********************************************/
#index_2_row_1 { float:left; clear:none; margin:0; padding:0; width:675px; height:204px;margin-bottom:5px !important; margin-bottom:0;}
	#index_2_row_1_l { float:left; width:480px; padding:0; margin:0;}
	#index_2_row_1_l img{ border:0; list-style:none;padding:0; margin:0;}
	#index_2_row_1_r { float:right; padding:0; margin-left:5px; }	
	
	#index_2_2_bg{
	background:url(../images/bg_login.gif) no-repeat top;
	height:184px;
	padding:10PX;
	}
	#index_2_2_t{
		background:url(../images/index-login.gif) no-repeat;
		height:25px;
		width:190px;
		line-height:25px;
		font-weight:bold;
		margin:0; font-size:12px; text-indent:10px;
		color:#fff; 
	}
	
	#index_2_2_t span{
		text-align:right; display: inherit; padding-left:95px;
	}
	
	.index_2_2_c{ border:1px solid #E5E5E5; margin:0; padding:0; height:177px; width:188px;}
	
	.index_2_2_c ul{margin:10px; list-style:none; padding:0;}
	
	.index_2_2_c li{clear:both; line-height:24px;}
	
/***********************************************/
/*index_2_row_2                                */
/*********************************************/
#index_2_row_2 { float:left; margin:5px 0; width:675px;}

	#index_2_row_2_t{
		background:url(../images/title_hot.gif) no-repeat;
		height:25px;
		line-height:25px;
		padding:0px 10px;
		font-weight:bold; font-size:12px;
		color:#fff;}
		
	#index_2_row_2_t span{text-align:right; display:inherit; padding-left:570px;}
	
	#index_2_row_2_c { border:1px solid #E5E5E5;padding-bottom:5px !important; padding-bottom:9px;}

	#index_2_row_2_c .ul1 {padding:10px; margin:0; list-style:none; }
	#index_2_row_2_c .ul1 li {width:33%;float:left;margin-bottom:10px; height:114px; font-family: Verdana, Arial, Helvetica, sans-serif}
	
	#index_2_row_2_c .ul1 li img {margin:auto;border:0; float:left; }
	#index_2_row_2_c .ul1 li div { display:block; float:right; text-align:left; width: 150px; font-size:12px;}
	#index_2_row_2_c .ul1 li div p{ height:72px; line-height:18px; font-size:11px;}
	#index_2_row_2_c .ul1 li div strong{ display:block; height:20px; line-height:20px;}
	#index_2_row_2_c .ul1 a {display:inline-block;}
	#index_2_row_2_c .ul1 a:hover { text-decoration:underline;}

/***********************************************/
/* index_2_row_3                                */
/*********************************************/
#index_2_row_3 { float:left; margin:0; padding:0; margin-bottom:10px !important; margin-bottom:5px;}
	#index_2_row_3_c { border:1px solid #E5E5E5; height:177px;}
	
	#index_2_row_3_c .dl1{ padding: 5px 10px; margin:0; list-style:none;}
	#index_2_row_3_c .dl1 dt{ line-height:18px; padding:4px 0; }
	
	#index_2_row_3_c .ul1 {padding:5px 10px; margin:0; list-style:none;}
	#index_2_row_3_c .ul1 li {float:left;width:50%;font-family: Verdana, Arial, Helvetica, sans-serif}
	
	#index_2_row_3_c .ul1 li img {margin:auto;border:0;}
	#index_2_row_3_c .ul1 li div {float:left; display:block;text-align:left;}
	#index_2_row_3_c .ul1 li div p{line-height:18px; font-size:11px;margin-bottom:5px;}
	#index_2_row_3_c .ul1 li div strong{ display:block; margin-bottom:5px;}
	#index_2_row_3_c .ul1 a {display:inline-block;}
	#index_2_row_3_c .ul1 a:hover { text-decoration:underline;}
		
	#index_2_row_3_l { float:left; width:340px; margin:0; padding:0;}
		#index_2_row_3_l_t{
			background:url(../images/title_other1.gif) repeat-x left;
			height:25px;
			line-height:25px;
			padding:0px 10px;margin:0;
			font-weight:bold;
			color:#fff;}
		#index_2_row_3_l_t span{text-align:right; display:inherit; padding-left:235px;}

	#index_2_row_3_r { float:left; width:330px; padding:0; margin-left:5px;}
		#index_2_row_3_r_t{
			background:url(../images/title_jp1.gif) no-repeat right;
			height:25px;
			line-height:25px;
			padding:0px 10px; margin:0;
			font-weight:bold;
			color:#fff;}
			
		#index_2_row_3_r_t span{ text-align:right; display:inherit; padding-left:230px;}
		
.index-ad01{float:left; margin:5px 0; border:1px solid #333}
.index-ad01 img{border:0; width:218px; height:60px}

.index-ad02{float:right; margin-bottom:5px;  border:1px solid #333}
.index-ad02 img{border:0; width:700px; height:60px}

.index-ad03{border:0; margin-top:4px;}

.index-ad04{float:left; margin:0 0; border:1px solid #333}
.index-ad04 img{border:0; width:673px; height:60px}
