@import "base.css";


.bgf3f3f3 { background:#f3f3f3; }

#stage { width:100%; height:765px; }
#mainContainer { position:relative; background:white; width:1024px; height:100%/*765px*/; margin:0 auto;}

#left { width:182px; height:100%; background:url("../images/leftBackground.png") repeat-y; position:Absolute; z-index:1;}
#content { background:url("../images/contentBgMap.png") no-repeat 26px 415px; position:Absolute; left:175px; top:0px; width:849px; height:100%; z-index:0;}
#content_family { position:Absolute; left:175px; top:0px; width:849px; height:100%; z-index:0; display:none;}
#content .top { position:Absolute; }
#bgBox { width:50%; height:100%; left:0%; background:#f3f3f3; position:Absolute; }

.graphic .logo{ margin:40px 0 30px 30px;  }
.graphic .image{ margin-bottom:30px;  }

.btContainer {  }
.btContainer .information { margin:110px 0 1px 0; }

.globalList { height:100%; }
.globalList li { width:164px; height:100%; float:left; background:url("../images/contentBoxBg_off.png") repeat-y;}
.globalList li.first { width:188px; background:url("../images/contentBoxBg_first_off.png") repeat-y; }
.globalList li.last { width:169px; background:url("../images/contentBoxBg_last_off.png") repeat-y; }

.globalList li dl { margin-top:149px; }
.globalList li.first dl { margin-left:24px; }
/*.globalList li dt { height:42px; margin-left:35px; }*/
.globalList li dt { margin:177px 0 15px 0; }
.globalList li dd { width:164px; height:22px; margin-bottom:2px; }

.familyList { background:yellow; margin:50px 0 0 10px; width:849px; }
.familyList li { margin:0 0 30px 20px; width:260px; float:left; }
.familyList li img { margin-bottom:30px }

/* 2015-09-17 Γί°‘ */
.family_txt1 { border-bottom: 1px solid #c3c3c3; width: 750px; padding: 0 0 40px 0; margin: 50px 0 40px 0; }
.family_list { overflow: hidden; width: 750px}
.family_list li.overs { position: relative; width: 369px; height: 180px; margin-bottom: 12px; float: left; }
.family_list li.left { margin-right: 12px; }
.family_list .imgs { position:absolute; top:0; left:0; }