@charset "UTF-8";
/*
Designed by infinity arts 
Designer:kenny,kenny@infarts.cn
Date:2009.10.19
version:1.0..091019
site url:http://www.infarts.cn
*/
/* 基础公用属性 */
*{
	margin: 0px;
	padding: 0px;
	font-family:"微软雅黑",Verdana, Geneva, sans-serif;
}
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	background: #dedede url(bg/body_bg.gif) no-repeat center top;
}
ins{
	display: none;
}
lable{
	cursor:pointer;
	}
li{
	list-style-type: none;
}
img{
	border: 0px none #000;
}
a{
	color: #77603f;
	text-decoration: none;
}
a:hover{
	color: #090;
}
.clear{
	clear: both;
}
/*主体框架*/
.wrapper{
	width: 968px;
	margin-right: auto;
	margin-left: auto;
}
/*头部*/
.header{
	height: 106px;
	position: relative;
}
.header h1{
	position: absolute;
	bottom: 0px;
}
.header h1 a{
	background-image: url(bg/iostudio_logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 193px;
	padding-bottom: 10px;
}
.header p.hotLIne a {
	display: block;
	background-image: url(bg/hot_line_top.gif);
	background-repeat: no-repeat;
	height: 59px;
	width: 299px;
	position: absolute;
	right: 0px;
}

/*头部导航*/
.header ul{
	bottom: 0px;
	position: absolute;
	right: 0px;
}

.header ul li{
	float: left;
	margin-right: 15px;
}
.header ul li a{
	display: block;
	background-position:center top;
	height: 30px;
	background-repeat: no-repeat;
}
.header ul li a.home{
	background-image: url(bg/nav_home.gif);
	width: 47px;
}
.header ul li a.about{
	background-image: url(bg/nav_about.gif);
	width: 59px;
}
.header ul li a.showcase{
	background-image: url(bg/nav_showcase.gif);
	width: 89px;
}
.header ul li a.service{
	background-image: url(bg/nav_service.gif);
	width: 68px;
}
.header ul li a.siteIntro{
	background-image: url(bg/nav_siteIntro.gif);
	width: 88px;
}
.header ul li a.foresight{
	background-image: url(bg/nav_foresight.gif);
	width: 90px;
}
.header ul li a.recruitment{
	background-image: url(bg/nav_recruitment.gif);
	width: 40px;
}
.header ul li a.contact{
	background-image: url(bg/nav_contact.gif);
	width: 75px;
}
.header ul li a.bbs{
	background-image: url(bg/nav_bbs.gif);
	width: 32px;
}
.header ul li a:hover,.header ul li.current a{
	background-position: center bottom;
}
/*幻灯片*/
.slider{
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}

ul.adPanel{
	height: 83px;
}
ul.adPanel li{
	float: left;
}
/*用户登录*/
.userPanel{
	position: relative;
	background-image: url(bg/user_panel.gif);
	background-repeat: no-repeat;
	height: 52px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.userPanel ul.userTabs{}
.userPanel ul.userTabs li{
}
.userPanel ul.userTabs li a{
	display: block;
	height: 52px;
	width: 110px;
	background-repeat: no-repeat;
}
.userPanel ul.userTabs li a:hover{
	background-position: left bottom;
}
.userPanel ul.userTabs li.user{
	float: right;
}
.userPanel ul.userTabs li.vipper{
	float: left;
}
.userPanel ul.userTabs li.user a{
	background-image: url(bg/user_login.gif);
}
.userPanel ul.userTabs li.vipper a{
	background-image: url(bg/vip_login.gif);
}
.userPanel ul.userTabs li a.current{
	background-position: bottom;
}
.userPanel .loginArea{
	height: 49px;
	width: 740px;
	position: absolute;
	left: 110px;
	padding-top: 3px;
}
.userPanel .loginArea p.inputBg{
	background-image: url(bg/input_bg.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 214px;
	float: left;
	margin-top: 5px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.userPanel .loginArea p.inputBg input{
	border: 0px none #000;
	background-color: #000;
	width: 200px;
	margin-top: 3px;
	margin-left: 2px;
	line-height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	height: 30px;
	padding-left: 2px;
}
.userPanel .loginArea .inputBtn{
	background-image: url(bg/login_btn.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 84px;
	border: 0px none #000;
	margin-top: 5px;
	cursor:pointer;
}
.userPanel .loginArea .login{
	color: #92B751;
}
.userPanel .loginArea .register{
	color: #fff;
}
.userPanel .loginArea .forgot{
	color: #4b4b4b;
	background-image: url(bg/forgot_psw.gif);
	width: 114px;
}
/*主体内容*/
.mainWrapper{
	margin-top: 10px;
	clear:both;
}
/*作品展示*/
ul.showcaseList{}
ul.showcaseList li{
	background-image: url(bg/showcase_bg.gif);
	background-repeat: no-repeat;
	height: 245px;
	width: 210px;
	float: left;
	padding-right: 15px;
	padding-left: 16px;
	padding-top: 15px;
}
ul.showcaseList li:hover{
	background-position: left bottom;
}
ul.showcaseList li a{}
ul.showcaseList li a:hover{}
.teamHead ul.teamTab  li a.current{}
.teamAvatar  {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}
ul.showcaseList li dt{line-height: 24px;}
ul.showcaseList li dd{}
ul.showcaseList li dd.postTime{
	font-size: 9px;
}
/*活动公告*/
ul.eventsList{}
ul.eventsList li{
	height: 109px;
	padding-top: 20px;
	background-color: #FFF;
	margin-bottom: 1px;
}
ul.eventsList li:hover{
	background-image: url(bg/events_hover.gif);
	background-repeat: repeat-x;
}
ul.eventsList li p.date{
	float: left;
	height: 109px;
	width: 80px;
	text-align: center;
}
ul.eventsList li p.date big{
	font-size: 36px;
	font-weight: bold;
	display: block;
}
ul.eventsList li p.date small{
	font-size: 14px;
	font-weight: bold;
}
ul.eventsList li dl{
	padding-right: 15px;
}
ul.eventsList li dl dt{
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}
ul.eventsList li dl dt a{
	color: #000;
}
ul.eventsList li:hover dl dt a,ul.eventsList li:hover dl dd a,ul.eventsList li:hover p.date{
	color: #FFF;
}
ul.eventsList li dl dd{}
ul.eventsList li dl dd a{
	color: #666;
}
.servicePanel .servieSuit {
	width: 179px;
	padding-top: 15px;
	padding-left: 15px;
	display:none;
	position:absolute;
}
.servicePanel .servieSuit p{
	margin-bottom: 10px;
}
a.tipsLink {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 2px;
	height: 120px;
	width: 130px;
	z-index:100;
	
}
.footerContact {
	background-image: url(bg/footer_contact.gif);
	background-repeat: no-repeat;
	height: 148px;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}
.footerContact .book{
	
	float: left;
	width: 296px;
}
.footerContact .book a{
	display: block;
	height: 148px;
	background-image: url(bg/guestLink.gif);
	background-repeat: no-repeat;
}
.footerContact .book a:hover{background-position: 0 bottom;}
.footerContact .qq{
	float: left;
	width: 300px;
	padding-top: 60px;
	padding-left: 23px;
}
.footerContact .qq a{
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	margin-right: 10px;
}
.footerContact .hotline{
	float: right;
	width: 348px;
}
.footer {
	background-color: #726147;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #dec8a5;
	clear: both;
}
.footer .inner{
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(bg/footer_logo.gif);
	background-repeat: no-repeat;
	height: 80px;
	padding-left: 170px;
	clear: both;
}
.footer a{color: #dec8a5;}
.footer a:hover{color: #fff;}
/*内页外框*/
.InnerpageWrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #262626;
	background-image: url(bg/innerPage_bg.gif);
	background-repeat: repeat-y;
	position: relative;
}
/*内页侧边*/
.sider{
	float: left;
	width: 216px;
	background-image: url(bg/sider_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Slider{
	height: 264px;
	width: 960px;
	margin: 0 auto;
}
.sider h2{
	background-repeat: no-repeat;
	background-position: center;
	height: 80px;
}
.sider ul.nav{
	background-color: #7D7D7D;
	line-height: 36px;
}
.sider ul.nav li{
	height: 36px;
	text-transform: uppercase;
	font-size: 10px;
}
.sider ul.nav li strong{
	padding-right: 5px;
	font-size: 14px;
}
.sider ul.nav li a{
	display: block;
	height: 36px;
	padding-left: 10px;
	color: #FFF;
}
.sider ul.nav li.current a{
	background-color: #93b445;
	background-image: url(bg/sider_choose.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sider ul.nav li a:hover{
	background-color: #A1BF5E;
}
.sider h2.siderEventsTit{
	background-image: url(bg/recent_new_tit.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
}
.sider a.siderMore{
	background-image: url(bg/sider_more.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 46px;
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.sider a.siderMore:hover{
	background-position: bottom;
}
.sider ul.eventsDate{
	height: 97px;

}
.sider ul.eventsDate li{
	float: left;
	width: 72px;
	text-align: center;
}
.sider ul.eventsDate li a.current{
	background-color: #FFF;
	background-image: none;
	color: #8e7957;
}
.sider ul.eventsDate li a{
	background-image: url(bg/eventsDate_bg.gif);
	background-repeat: no-repeat;
	height: 97px;
	display: block;
	color: #333;
}
.sider ul.eventsDate li big{
	display: block;
	font-size: 26px;
	font-weight: bold;
	line-height: 40px;
	padding-top: 10px;
}
.sider ul.eventsDate li small{
	font-weight: bold;
	text-transform: uppercase;
}
.sider ul.eventsDate li a:hover{
	color: #000;
}
.sider .eventsWrapper{height:90px;}
.sider dl.eventsContent{
	background-color: #FFF;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 90px;
	width:196px;
	display:none;		
	position:absolute;

}
.sider dl.eventsContent a{
	color: #787878;
}
.sider dl.eventsContent dt{
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.sider dl.eventsContent dt a{
	color: #000;
}
.sider dl.eventsContent dd{}
.sider .contactSider{clear:both;margin-top:10px;}
.sider .contactSider a.bookLink{
	background-image: url(bg/guest_book_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 45px;
	width: 216px;
	
}
.sider .contactSider a.bookLink:hover{
	background-position: bottom;
}
.sider h2.siderContactTit{
	background-image: url(bg/contat_sider_tit.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
}
.sider h2.siderContactTit a.siderMore{
	background-image: url(bg/sider_more2.gif);
}
.sider p.contactInfo {
	background-image: url(bg/sider_contact_content.gif);
	background-repeat: no-repeat;
	height: 60px;
	padding-top: 84px;
	padding-left: 11px;
}
.sider p.contactInfo a{
	display: block;
	height: 35px;
	width: 35px;
	float: left;
	margin-right: 5px;
}
.sider address {
	color: #FFF;
	font-style: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.sider ol.contact{padding:10px 10px 30px 10px; color: white;}
.sider ol.contact li{line-height: 21px; border-bottom-color: #575757; border-bottom-width: 1px; border-bottom-style: dashed; list-style-position: inside; list-style-type: decimal;}
.innerContent{
	float: right;
	width: 744px;
	padding-bottom: 35px;
}
.innerContent p.visiting {
	line-height: 30px;
	text-align: right;
	padding-right: 20px;
}
.innerContent p.visiting strong{
	color: #FFF;
}
a.gotoTop {
	background-image: url(bg/top_btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	width: 101px;
	right: 0px;
	bottom: 0px;
	position: absolute;
}
.pages {
	line-height: 30px;
	padding-left: 20px;
	height: 35px;
	padding-right: 20px;
	clear: both;
}
.pages a {
	display: block;
	padding: 5px;
	float: left;
	height: 15px;
	line-height: 15px;
	background-color: #333;
	color: #FFF;
	margin-right: 1px;
}
.pages a:hover{
	color: #FC0;
	background-color: #000;
}
.pages span{
	float: right;
	margin-right:60px;
}
ul.sliderPages{
	position: absolute;
	right: 10px;
	bottom: 0px;
	font-size: 11px;
	line-height: 21px;
}
ul.sliderPages li{
	float: left;
}
ul.sliderPages li a{
	display: block;
	height: 21px;
	width: 21px;
	text-align: center;
}
ul.sliderPages li a.current {
	background-image: url(bg/pages_current.gif);
	background-repeat: no-repeat;
	width: 46px;
}


/*20091110 kenny*/
.loginBox{
	width:300px;
	margin: 0 auto;
}
.loginBox dl{
	line-height: 24px;
	font-size: 12px;
}
.loginBox dl dt{
	font-weight: bold;
}
.loginBox dl dd{
	padding-bottom: 8px;
}
.loginBox dl dd input{
border: 1px solid #dbd3d5;
	height: 21px;
	width: 270px; 
}
.loginBox h2{
	/*background-repeat: no-repeat;
	background-position: center left;*/
	height: 50px;
	line-height:50px;
	font-size:24px;
} 
/*.loginPanel h2{
	background-image: url(bg/login_tit.gif)
}
.registerPanel h2{
	background-image: url(bg/register_tit.gif)
}*/
.loginPanel{
	width: 280px;
	padding:0 10px;
	margin: 0 auto;
}
.registerPanel{
	width: 280px;
	padding:0 10px;
	margin: 0 auto;
}
#edit{width:380px;}
#edit .registerPanel{float: left;}
/*#edit h2{background-image: url(bg/edit_tit.gif)}*/
.postArticle{width:600px;margin: 0 auto;}
.postArticle dl{line-height: 24px;}
.postArticle dt{font-weight: bold;}
.postArticle dd input{width:580px;height: 21px;}
.inputStyle{
border: 1px solid #dbd3d5;
}
.loginBox .inputBtn,.postArticle .inputBtn{ width:150px;}
.loginBox .textarea{width:270px;height:140px;}
.postArticle{width:600px;margin: 0 auto;}
.postArticle dl{line-height: 24px;}
.postArticle dt{font-weight: bold;}
.postArticle dd input{width:580px;height: 21px;}
.postArticle .textarea{width:580px;height: 100px;border: 1px solid #dbd3d5;}
.textarea{border: 1px solid #dbd3d5;}