@charset "utf-8";
/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#e9e9e9;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap{
	width:100%;
	height:100%;
	margin:0px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}

/*上部的開始了*/
#top{
	width:100%;
	height:74px;
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	background-position:top left;
	overflow: hidden;
}
#topxian{
	height:5px;
	background-color:#545454;
	margin:0px;
	padding:0px;
}
#topbanner{width:100%; height:100%;}
#topbanner_bg{
	width:800px;
	height:118px;
	text-align:center;
}
#top_about{
	width:76%;
	height:27px;
	color:#701e12;
	text-align:right;
	padding-top:46px;
}
#top_flash{
	width:76%;
	height:69px;
	overflow:hidden;
	text-align:right;
}
#top_flash2{
	height:auto;
	position:absolute;
	left:82%;
	top:0px;
}

#logo{
	padding-left:8%;
	padding-top:24px;
	position:absolute;
}
#logo1{
	width:258px;
	float:left;
}
#version{
	width:63px;
	height:37px;
	padding-left:20px;
	float:left;
}
/*上部的結束了*/

/*現在是中間的部分*/
#content{
	width:100%;
	height:auto;
}
#space{
	width:2%;
	height:auto;
	float:left;
}
#con_left{
	overflow:auto;
	float:left;
	width:6%;
	height:488px;
	background-image:url(../images/pic1.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.subbox{   
    display:inline;   
    display:block;   
    float:left;
}
#image{
	position:relative;
	height:100%;
}
#image div{position:absolute;left:0;bottom:0;}
#con_top{
	width:68%;
	height:23px;
	background-image:url(../images/bg2.gif);
	background-repeat:repeat-x;
	float:left;
}
#go_blog{
	width:75px;
	float:right;
	padding-top:4px;
}
#con_cen{
	width:70%;
	height:510px;
	float:left;
}
#con_about1 {
	background-image: url(../images/about_bg3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}
#con_about2 {
	background-image: url(../images/about2_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}
#con_about3 {
	background-image: url(../images/about3_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
	
}
#con_portfolio {
	background-image: url(../images/about_bg3.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 72%;
	overflow: hidden;
	background-position: right top;
}
#con_contact {
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
	
}
#con_success{
	background-image: url(../images/success_tablebg.jpg);
	background-repeat:repeat-y;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}
#con_access{
	background-image: url(../images/acc_bg.jpg);
	background-repeat:repeat-x;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}
#con_clint {
	background-image: url(../images/clinet_bg.jpg);
	background-repeat:repeat-x;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}
#con_clint2 {
	background-image: url(../images/clinet_bg2.jpg);
	background-repeat:repeat-x;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}

#title {
	float: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#apple {
	background-image: url(../images/apple.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}


/*中間的部分結束*/

/*右邊的部分開始*/
#con_right{
	width:15%;
	height:auto;
	float:left;
	position:relative;
	z-index:10;
}

#yuyan{
	width:201px;
	height:23px;
	margin:auto;
	color:#701e12;
	padding-top:20px;
	padding-bottom:15px;
}
#menu{
	width:201px;
	overflow:hidden;
}
#menu ul{list-style:none;}
#menu li{margin:0px;}

/*右邊的部分結束*/

/*下邊的*/
#bottom{
	width:100%;
	height:27px;
	float:left;
}
#bottom_l{
	width:8%;
	height:27px;
	background-color:#777777;
	float:left;
}
#bottom_r{
	background-color:#969696;
	color:#701e12;
	padding-left:18px;
}

#acc_bg{
	background-image: url(../images/acc_bg.jpg);
	background-repeat:repeat-x;
	background-position: right top;
	float: left;
	width: 72%;
	overflow: hidden;
}

/*下邊的結束*/
#menu2{           /*導航*/
	width:100%;
	float:left;
	overflow:hidden;
}
#por_about{
	width:100%;
	height:auto;
	float:left;
	line-height:24px;
}
.success_name {	
	float:left;
	margin:2px;
	padding-top: 0px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:0px;
}
a.jz:link{font-size:12px;color:#000;text-decoration:none;}
a.jz:visited{font-size:12px;color:#000;text-decoration:none;}
a.jz:hover{font-size:12px;color:#FF9900;text-decoration:none;}
.vip {
	background-image: url(../images/vip_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contactright {
	background-image: url(../images/glass.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.vip2 {
	background-image: url(../images/vip_app.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}