@charset "utf-8";
/* CSS Document */
body{
    background-image:url(../images/body_bg.gif);
    margin:0px auto;
    padding:0px;
	text-align:center;
}
img{
    border:0px;
}
.left_title{
    width:438px;
	margin:15px 0px 0px 26px;
}
.content_all{
    background-image:url(../images/content_bg.gif);
	background-repeat:no-repeat;
	width:998px;
	height:617px;
	text-align:left;
	clear:both;
}
.content_left_all{
    width:499px;
	height:530px;
	overflow:auto;
    overflow-x:hidden;/*取消水平捲軸。*/
    scrollbar-face-color: #e8e7e7;/*這是捲軸的主色。*/
    scrollbar-highlight-color: #ffffff;/*這是捲軸左邊及上面的邊框顏色。 */
    scrollbar-shadow-color: #ffffff;/*這是捲軸右邊及下面的邊框顏色。*/
    scrollbar-3dlight-color: #cccccc;/*這是捲軸右邊及上面的陰影色。*/
    scrollbar-arrow-color: #626262;/*這是捲軸上面和下面三角形箭頭的顏色。*/
    scrollbar-track-color: #EFEFEF;/*這是捲軸的背景顏色。*/
    scrollbar-darkshadow-Color: ##b2b2b2;/*這是捲軸左邊及下面的陰影色。*/
	float:left;
}
.content_left_all2{
    width:499px;
	height:582px;
	overflow:auto;
    overflow-x:hidden;/*取消水平捲軸。*/
    scrollbar-face-color: #e8e7e7;/*這是捲軸的主色。*/
    scrollbar-highlight-color: #ffffff;/*這是捲軸左邊及上面的邊框顏色。 */
    scrollbar-shadow-color: #ffffff;/*這是捲軸右邊及下面的邊框顏色。*/
    scrollbar-3dlight-color: #cccccc;/*這是捲軸右邊及上面的陰影色。*/
    scrollbar-arrow-color: #626262;/*這是捲軸上面和下面三角形箭頭的顏色。*/
    scrollbar-track-color: #EFEFEF;/*這是捲軸的背景顏色。*/
    scrollbar-darkshadow-Color: ##b2b2b2;/*這是捲軸左邊及下面的陰影色。*/
	float:left;
}
.text_area{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#212669;
	letter-spacing:1px;
	line-height:22px;
    padding:0px 15px 10px 25px;
	min-height:480px;
}
.text_area h1{
    font-size:12px;
	padding:0px;
	margin:0px;
	line-height:18px;
	letter-spacing:0px;
	padding-top:16px;
	padding-left:12px;
	margin-bottom:-12px;
	background-image:url(../images/list_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 20px;
	color:#333333;
}
.text_area span{
    color:#990033;
	font-weight:bold;
}
.text_area p{
    text-indent:26px;
}
.text_area b{
    color:#1A4259;
}
.reality_text12{
    padding-top:28px;
    padding-bottom:20px;
    font-weight:bold;
}
.reality_text12 li{
    font-weight:normal;
	padding-left:10px;
	letter-spacing:0px;
}

.content_right_all{
    width:499px;
	height:540px;
	float:left;
	text-align:left;
	margin-top:-28px;
}
.content_right_all2{
    width:499px;
	height:540px;
	float:left;
	text-align:left;
	margin-top:15px;
}
.reality_logo{
padding:80px 0px 0px 60px;
}
.about_pic{
    text-align:right;
	margin-left:10px;
    padding:0px 8px 26px 0px;
}
.pic_area{
    width:431px;
	height:auto;
	min-height:10px;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	margin-top:20px;
}
.pic_area2{
    width:431px;
	height:auto;
	min-height:10px;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:-50px;
	margin-bottom:30px;
}
.pic_title{
    background-image:url(../images/pic_title.gif);
	background-repeat:no-repeat;
    width:431px;
	height:40px;
	font-size:12px;
	padding-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	padding-top:4px;
	letter-spacing:0px;
}
.pic_content{
    width:431px;
	height:auto;
	min-height:50px;
	text-align:center;
	padding-bottom:25px;
	background-image:url(../images/pic_content_bg.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
}
.vision_menu{
    background-image:url(../images/vision_ban.gif);
	background-position: 0px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:6px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.about_menu{
    background-image:url(../images/about_ban.gif);
	background-position: 0px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:-4px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.service_menu{
    background-image:url(../images/service_ban.gif);
	background-position: 0px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:6px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.client_menu{
    background-image:url(../images/client_ban.gif);
	background-position: 0px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:6px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.contact_menu{
    background-image:url(../images/contact_ban.gif);
	background-position: 0px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:6px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.map_menu{
    background-image:url(../images/map_ban.gif);
	background-position: 1px -1px;
	background-repeat:no-repeat;
    text-align:left;
	margin-left:6px;
	position:absolute;
	margin-top:380px;
	width:485px;
}
.copyrights{
    font-size:11px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	clear:both;
	padding:14px 0px 0px 45px;
}
.copyrights2{
    font-size:11px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	clear:both;
	padding:10px 0px 0px 45px;
}

.history_year_th{
    background-color:#3C827C;
	color:#FFFFFF;
	padding:3px;
	width:40px;
	text-align:center;
}
.history_data_th{
    background-color:#3C827C;
	color:#FFFFFF;
	padding:3px;
	width:392px;
	text-align:center;
}
.history_year_td{
    background-color:#F7FBFB;
	padding:3px;
	width:40px;
	text-align:center;
}
.history_data_td{
    background-color:#F7FBFB;
	padding:3px 8px 3px 8px;
	width:392px;
}
.table_area{
    margin:6px 0px 0px 0px;
}
.table_area table{
    border-color:#666666;
	border-style:solid;
	border-width:1px;
}
.ct_Address{
    margin:10px 0px 0px 15px;
    letter-spacing:0px;
}
.ct_Address li{
    list-style-type:none;
	padding:0px;
	margin:0px 0px 0px -20px;
	line-height:15px;
}
.en_Address{
    margin:10px 0px 0px 15px;
    letter-spacing:0px;
}
.en_Address li{
    list-style-type:none;
	padding:0px;
	margin:0px 0px 0px -20px;
	line-height:15px;
}
.contact_main{
padding:40px 0px 0px 140px;
}
.client_all{
    clear:both;
}
.client_main{
margin-left:2px;
}
.client_input{
   float:left;
   margin-top:4px;
}
.client_name{
   float:left;
}
.contact_input{
    margin-bottom:8px;
}
.client_input input{
	border-width:0px;
	font-size:12px;
}
.client_input textarea{
	border-width:0px;
	font-size:12px;
}

.input_bg1{
    background-image:url(../images/input_bg1.gif);
	background-repeat:no-repeat;
	width:220px;
	height:6px;
}
.input_bg2{
    background-image:url(../images/input_bg2.gif);
	width:215px;
	height:auto;
	min-height:20px;
	vertical-align:top;
	clear:both;
	padding-left:5px;
}
.input_bg3{
    background-image:url(../images/input_bg3.gif);
	background-repeat:no-repeat;
	width:220px;
	height:4px;
}
.client1_but{
    margin-left:10px;
	margin-top:54px;
	position:absolute;
}
.client_time{
    line-height:32px;
	font-size:15px;
}
.login_input{
    clear:both;
	width:366px;
}
.login_input_img{
    width:60px;
	float:left;
}
.login_input input{
    border-width:0px;
	font-size:12px;
	height:20px;
}
.login_input_bg1{
    background-image:url(../images/name_input.gif);
	background-repeat:no-repeat;
	width:246px;
	height:auto;
	min-height:38px;
	vertical-align:top;
	float:left;
	padding:10px 0px 0px 6px;
}
.login_input_bg2{
    background-image:url(../images/password_input.gif);
	background-repeat:no-repeat;
	width:246px;
	height:auto;
	min-height:38px;
	vertical-align:top;
	float:left;
	padding:10px 0px 0px 6px;
}

.contact_input span{
    padding-left:6px;
}
.contact_input input{
    border-width:0px;
	font-size:12px;
	line-height:20px;
	height:20px;
}
.contact_input_03{
    float:left;
	width:64px;
	margin-left:6px;
}
.contact_textarea{
    float:left;
}
.contact_textarea textarea{
    border-width:0px;
	font-size:12px;
}
.contact_send{
    text-align:right;
	margin-right:60px;
}
.reality_text12a{
    font-weight:bold;
	padding-bottom:10px;
	padding-top:30px;
}

.reality_text12a ol{
    padding:0px;
	margin:0px;
	margin-left:32px;
	font-weight:normal;
}
.map_main{
    margin:0px 0px 0px 22px;
	position:absolute;
}
.map_pic{
    text-align:right;
	margin-right:8px;
}
.service4_text{
text-align:left;
}
.service4_text h1{
padding-bottom:14px;
}
.service_02_text li{
padding:0px;
margin:0px;
list-style-type:square;
}
.step_all{
   background-image:url(../images/client_step.gif);
   background-repeat:no-repeat;
   background-position:0px 35px;

   width:426px;
   background-color:#FFFFFF;
   margin-bottom:30px;
   margin-left:3px;
}
.step_title{
    height:35px;
	width:426px;
}
.step_text{
	height:auto;
	min-height:80px;
	padding:20px 20px 10px 10px;
	background-image:url(../images/client_arrow.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	
}
.step_text li{
margin-left:-10px;
padding-bottom:5px;
}
.back_index{
    position:absolute;
	width:40px;
	height:40px;
	z-index:1px;
	margin:-25px 0px 0px -35px;
}
.back_index img{
	width:40px;
	height:40px;
}

.login_main{
	position:absolute;
	background-image:url(../images/login_bg.gif);
	background-repeat:no-repeat;
	width:380px;
	height:289px;
	margin:40px 0px 0px 20px;
	padding:80px 0px 0px 80px;
}
.get_pass{
    clear:both;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
	padding-left:10px;
}
.login_but{
    text-align:right;
	margin-right:30px;
}
.quick_but{
    margin-right:10px;
}
.quick_but2{
    clear:both;
	margin-left:30px;
	width:600px;
}
.content_but{
    float:left;
	text-align:left;
	margin:10px 6px 0px 6px;
}
.content_next_but{
	text-align:right;
    float:right;
	margin:10px 6px 0px 6px;
	width:auto;
	min-width:20px;
}
.next_but{
    clear:both;
	background-image:url(../images/next_bg2.gif);
	height:26px;
	line-height:13px;
	float:left;
	min-width:20px;
}
.next_but A:link {
	FONT-SIZE: 12px;
	CURSOR:hand;
	color:#333333;
	TEXT-DECORATION: none;
}
.next_but A:visited {
	FONT-SIZE: 12px;
	color:#333333;
	CURSOR: hand;
	TEXT-DECORATION: none;
}
.next_but A:active {
	FONT-SIZE: 12px;
	color:#333333;
	TEXT-DECORATION: none;
}
.next_but A:hover {
	FONT-SIZE: 12px;
	color:#999999;
	TEXT-DECORATION: none;
}

.next_text{
    height:24px;
	background-image:url(../images/next_bg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	line-height:26px;
	padding-left:8px;
	padding-top:2px;
	float:left;
}
.next_arrow{
	float:left;
    height:26px;
	line-height:13px;
}
.content_prve_but{
    float:right;
	text-align:left;
	margin:10px 6px 0px 6px;
}

.prve_but{
	background-image:url(../images/next_bg2.gif);
	height:26px;
	line-height:13px;
	min-width:10px;
}

.prve_but A:link {
	FONT-SIZE: 12px;
	CURSOR:hand;
	color:#333333;
	TEXT-DECORATION: none;
}
.prve_but A:visited {
	FONT-SIZE: 12px;
	color:#333333;
	CURSOR: hand;
	TEXT-DECORATION: none;
}
.prve_but A:active {
	FONT-SIZE: 12px;
	color:#333333;
	TEXT-DECORATION: none;
}
.prve_but A:hover {
	FONT-SIZE: 12px;
	color:#999999;
	TEXT-DECORATION: none;
}

.prve_text{
    height:24px;
	background-image:url(../images/prve_bg.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	line-height:26px;
	float:left;
	padding-right:8px;
	padding-top:2px;
	min-width:30px;
}
.prve_arrow{
	float:left;
    height:26px;
	line-height:13px;
}
.Address_map{
    padding-top:28px;
}

.content_but{
	background-image:url(../images/content_but.gif);
	height:15px;
	line-height:13px;
	min-width:10px;
	padding:8px 6px 0px 16px;
	float:left;
	margin-left:-5px;
}

.content_but A:link {
	FONT-SIZE: 12px;
	CURSOR:hand;
	color:#333333;
	TEXT-DECORATION: none;
}
.content_but A:visited {
	FONT-SIZE: 12px;
	color:#333333;
	CURSOR: hand;
	TEXT-DECORATION: none;
}
.content_but A:active {
	FONT-SIZE: 12px;
	color:#333333;
	TEXT-DECORATION: none;
}
.content_but A:hover {
	FONT-SIZE: 12px;
	color:#999999;
	TEXT-DECORATION: none;
}
.flash_enter{
text-align:left;
margin:122px 0px 0px 108px;
}