﻿@charset "utf-8";
/* CSS Document */
* { font-family: Arial; }

body { margin: 0 auto; padding: 0; width: 1004px; height: 610px; background: #563E24 url(../images/bg.jpg) repeat-x; font-size: 12px;}
ul{list-style:none}


.font_a { font-family: Arial, Helvetica, sans-serif;}
.font-blod { font-weight: bold; }
.index_frame { border-left: 1px solid #8E6105; border-right: 1px solid #8E6105;}
.gbook_box { width: 243px; height: 16px; background-color: #ECD89D; border: 1px solid #E0A643; }
.join_box { height: 12px; border:none;border-bottom:1px #ECD89D solid; background:transparent;  color: #DFA644; padding-bottom: 2px; text-align: center;}
.textarea { width: 243px; background-color: #ECD89D; border: 1px solid #E0A643; }

/*.menu {	width: 100%; height: 22px; line-height: 22px; background-color: #553E24; border-top: 1px solid #8E6105; border-bottom: 1px solid #8E6105; }*/
.yellow_font { color: #DFA644; font-weight: bold; }
.yellow_font a:link { color: #DFA644; text-decoration: none; }
.yellow_font a:visited { color: #DFA644; text-decoration: none; }
.yellow_font a:hover {text-decoration: underline; color: #ECD89D;}
.byellow_font { color: #ECD89D; }
.byellow_font a:link { color: #ECD89D; text-decoration: none; }
.byellow_font a:visited { color: #ECD89D; text-decoration: none; }
.byellow_font a:hover {text-decoration: underline; color: #DFA644;}
.brown_font { color: #553E24; }
.title { font-size: 18px; font-weight: bold; }
.padding_a { padding-top: 2px; }
.padding_b { padding-top: 5px; }
.padding_c { padding-left: 5px; }
.box { border: 2px solid #ECD89D; }
.box_a { border: 1px solid #ECD89D; }
.box_b { border: 1px solid #8E6105; }

.bottom { height: 22px; background-image: url(../images/bottom_bg.jpg); }
.space { text-indent:2em;margin:0;padding:0; }
.space_a { text-indent:5.5em;margin:0;padding:0; }

.line-height { line-height: 18px; }
.line-height_a { line-height: 22px; }
.line-height_b { line-height: 24px; }
.bottom_line { border-bottom: 1px solid #8E6105; }

.clearall {clear:both;height:0;font-size:1px;line-height:0;}


/* 產品效果 --------------------------------------------------------------------------------------------------------------------------------*/
	#imageFlow {
		position: absolute;
		width: 1004px;
		height: 381PX;
		MARGIN-RIGHT: auto;
		MARGIN-LEFT: auto;
		overflow:hidden;			
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #fff 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;

	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
/*#map_a { width:512px;height:381px;background-image: url(../images/join/world_map.png);*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/join/word_map.png");*background:none; }*/
#link_c {width:512px;height:381px;position:relative;}
#link_c a {display:block;height:55px; line-height: 50px; background:url(../images/quan1.gif) no-repeat;text-decoration:none;color:#553E24}
#link_c a:hover {display:block;height:55px; line-height: 50px; background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
#link_c a:active {display:block;height:55px; line-height: 50px;background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
#map_a {width:512px;height:381px;position:absolute;top:0;left:0;background-image:url(images/join/world_map.png);*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/join/world_map.png");*background:none;}

#link {width:512px;height:381px;position:relative;}
#link a {display:block;height:55px; line-height: 50px; background:url(../images/quan1.gif) no-repeat;text-decoration:none;color:#553E24}
#link a:hover {display:block;height:55px; line-height: 50px; background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
#link a:active {display:block;height:55px; line-height: 50px;background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
#map {width:512px;height:381px;position:absolute;top:0;left:0;background-image:url(images/join/china_map.png);*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/join/china_map.png");*background:none;}
#link_b {width:512px;height:381px;position:relative;}
#link_b a {display:block; padding-left:17px; height:25px; line-height: 25px;  background:url(../images/quan1.gif) no-repeat;text-decoration:none;color:#553E24}
#link_b a:hover {display:block;padding-left:17px; height:25px; line-height: 25px;background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
#link_b a:active {display:block;padding-left:17px; height:25px; line-height: 25px;background:url(../images/quan2.gif) no-repeat;text-decoration:none;color:#333}
