@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
*/

h2.serviceTitSider{
	background-image: url(bg/service_title_sider.gif);
}
h2.siteTitSider{background-image: url(bg/siteIntro_title_sider.gif);}
.innerContent .serviceHeader{
	background-color: #000;
}
.innerContent .serviceHeader .process{
	background-image: url(bg/process.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-position: right center;
		margin-bottom: 20px;
}
.innerContent .serviceHeader .process h3{
	background-image: url(bg/hot_service_tit.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 60px;
}
ul.serviceList{
}
ul.serviceList li{
	background-image: url(bg/serviceList_bg.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 370px;
	line-height: 53px;
	text-align: center;
	float: left;
	margin-left: 1px;
}
ul.serviceList li a{
	color: #FFF;
	display: block;
	height: 53px;
	width: 370px;
}
ul.serviceList li a:hover{
	background-color: #678228;
	color:#FFF;
}
ul.tips{
	clear: both;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(bg/tips.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	height: 200px;
	margin-top: 20px;
	line-height: 21px;
}
.foresightTab{
	background-image: url(bg/online_booking_header_tit.gif);
	background-repeat: no-repeat;
}
h4.bookingProcessTit{
	background-image: url(bg/booking_tit.gif);
	background-repeat: no-repeat;
	height: 27px;
	line-height: 27px;
	color: #FFF;
	padding-left: 28px;
	margin-top: 20px;
	font-size: 12px;
}
.bookingStep{
	background-image: url(bg/bookingBg.gif);
	background-repeat: repeat-x;
	height: 97px;
}
.bookingStep ol{
	width: 536px;
	margin-right: auto;
	margin-left: auto;
}
.bookingStep ol li{
	float: left;
}
.bookingStep ol li a{
	display: block;
	height: 97px;
	width: 134px;
	background-repeat: no-repeat;
}
.bookingStep ol li a:hover{
	background-position: bottom;
}
.bookingStep ol li.current a{
	background-position: bottom;
}
.bookingStep ol li a.step1{
	background-image: url(bg/booking_step_1.gif);
}
.bookingStep ol li a.step2{
	background-image: url(bg/booking_step_2.gif);
}
.bookingStep ol li a.step3{
	background-image: url(bg/booking_step_3.gif);
}
.bookingStep ol li a.step4{
	background-image: url(bg/booking_step_4.gif);
}
.bookingContent{
	height: 680px;
	width:744px;
	display:none;
}
.padding{
	background-color: #252525;
	
	clear: both;
	padding-top: 20px;

}

ul.recommondSuit{
	height: 270px;

}
ul.recommondSuit2{height: 620px;}
ul.recommondSuit li,ul.recommondSuit2 li{
	float: left;
	width: 170px;
	padding-left: 13px;
	padding-bottom: 20px;

}
ul.recommondSuit li p,ul.recommondSuit2 li p{
	line-height: 30px;
}
ul.recommondSuit li small,ul.recommondSuit2 li small{
	display: block;
	font-size: 12px;
	padding-left: 10px;
	line-height: 25px;
}
ul.recommondSuit li big,ul.recommondSuit2 li big{
	display: block;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 10px;
	background-color: #95b749;
}
ul.recommondSuit li cite,ul.recommondSuit2 li cite{
	font-style: normal;
	font-size: 24px;
	padding-left: 10px;
	font-weight: bold;
}
ul.recommondSuit li a.suitLink small,ul.recommondSuit li a.suitLink2 small{}
ul.recommondSuit li a.suitLink big,ul.recommondSuit2 li a.suitLink big{
	background-color: #95b749;
	color: #FFF;
}
ul.recommondSuit li a.suitLink cite,ul.recommondSuit2 li a.suitLink cite{
	line-height: 45px;
}
ul.recommondSuit li a.suitLink,ul.recommondSuit2 li a.suitLink{
	height: 250px;
	width: 170px;
	display: block;
	background-color: #ccc;
}
ul.recommondSuit li a:hover,ul.recommondSuit2 li a:hover{
	background-color: #726147;
	color: #FFF;
}
a.more {
}

.selectSuit{
	background-color: #303030;
	clear: both;
	height: 65px;
	line-height: 65px;
	padding-left: 60px;
	color: #FFF;
	position: relative;
}
.selectSuit strong{
	color: #FC0;
}
.selectSuit a.otherBtn {
	background-image: url(bg/open_btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	width: 140px;
	float: right;
	background-position: bottom;
	text-align: center;
	line-height: 27px;
	color: #FFF;
	position: absolute;
	right: 10px;
	bottom: 0px;
}
.selectSuit a.otherBtn:hover{
	color: #EBC014;
}
#bgnone{
	background-image: none;
}
.order{
	background-image: url(bg/order_bg.gif);
	background-repeat: repeat-x;
	padding-top: 25px;
	padding-bottom: 25px;
	clear: both;
}
.order h4{
	padding-left: 60px;
	font-size: 14px;
	color: #EFC014;
	line-height: 30px;
	margin-bottom: 20px;
}
.order h4 span{
	font-size: 12px;
	font-weight: normal;
	color: #909090;
}
.order  ul{
	line-height: 41px;
	margin: 0px;
	padding: 0px;
}
.order  ul li{
	height: 41px;
	padding-left: 60px;
}
.order  ul li.spacing{
	background-image: url(bg/order_spacing.gif);
	background-repeat: repeat-x;
}
.order ul.orderList{
}
.order ul.orderList li{}
.order ul.orderList li span{
	width: 80px;
	float: left;
	display: block;
	text-align: right;
	padding-right: 5px;
	color: #FFF;
}
.order ul.orderList li input{
	float: left;
	height: 20px;
	width: 180px;
	background-color: #313131;
	border: 1px solid #666;
	padding-left: 2px;
	margin-top: 10px;
	color: #FFF;
}
.order ul.orderList li input:hover{
	border: 1px solid #FFF;
}
 .postBtn{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 100px;
	clear: both;
	padding-left:220px;
}
.contentPanel{
	display: none;
}
 .postBtn input{
	background-image: url(bg/post_btn_bg.gif);
	background-repeat: repeat-x;
	height: 27px;
	padding-right: 20px;
	padding-left: 20px;
	border: 0px none #000;
	margin-right: 10px;
	cursor:pointer;
	float:left;

}
.postBtn a{
	background-image: url(bg/post_btn_bg.gif);
	background-repeat: repeat-x;
	height: 27px;
	padding-right: 20px;
	padding-left: 20px;
	display:block;
	width: 120px;
	line-height: 27px;
	color: #000000;
	float:left;

}
ul.suitCat{
	padding-top: 20px;
	background-color: #181818;
	height: 28px;
	padding-left: 60px;
}
ul.suitCat li{
	float: left;
}
ul.suitCat li.current{}
ul.suitCat li a.current{
	background-image: url(bg/bookingList_tabs2.gif);
}
ul.suitCat li a{
	display: block;
	line-height: 28px;
	background-image: url(bg/bookingList_tabs.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 28px;
	width: 94px;
	color: #FFF;
}
ul.suitCat li a:hover{
	color: #FC0;
}
.order h5 {
	background-image: url(bg/choose_team_btn.gif);
	background-repeat: no-repeat;
	height: 45px;
	padding-left: 90px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	clear: both;
}
ul.stafflist{
	padding-left: 60px;
}
ul.stafflist li{
	width: 80px;
	float: left;
	height: 120px;
	padding: 0px;
}
ul.stafflist li p{
	line-height: 21px;
}
ul.stafflist li a{
}
.postBtn h5 {
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
}
ul.FInalList{}
ul.FInalList li{}
ul.FInalList li strong{
	font-size: 16px;
	color: #FFF;
}
ul.FInalList li a{
	color: #FC0;
	font-weight: bold;
}
ul.FInalList li a:hover{
	color: #FFF;
}
#finish{
	background-image: url(bg/finishiTips.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 50px;
	background-color: #181818;
}
.productWrapper {

	width: 744px;

}
.productIntro{
	padding: 15px;
	position: relative;
}
.productIntro p.productImg{
	float: left;
}
.productIntro dl{
	float: right;
	width: 525px;
}
.productIntro dl dt{
	font-size: 15px;
	font-weight: bold;
	color: #FC0;
	line-height: 30px;
}
.productIntro dl dd{
	color: #dedede;
	line-height: 21px;
}
.productIntro dl dd strong{
	font-size: 14px;
	color: #FFF;
}
.productImgs{
	padding-top: 15px;
	text-align: center;
	padding-bottom: 50px;
}
.productImgs p{
	margin-bottom: 15px;
}
.preNdNext{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index:9999;
}
.preNdNext a{
	display: block;
	height: 21px;
	width: 40px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
}
.preNdNext a:hover{
	background-position: bottom;
}
.preNdNext a.pre{
	background-image: url(bg/preview_2.gif);
}
.preNdNext a.next{
	background-image: url(bg/next_2.gif);
}
#siteIntro {
}
#siteIntro li,#siteIntro li a{
	width: 221px;
	background-color: #000;
	height: 210px;
}
#siteIntro li cite{
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	line-height: 18px;
	display: block;
	padding-top: 12px;
}
.sitePanel{}
.sitePanel .sitePanelHead{
	background-image: url(bg/siteIntro_bg.gif);
	background-repeat: no-repeat;
	padding-top: 51px;
	padding-left: 33px;
	height: 227px;
}
.sitePanel .sitePanelDec {
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 21px;
	color: #CCC;
}
a.siteMore{
	background-image: url(bg/site_more.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 694px;
	line-height: 30px;
	color: #FC0;
	padding-left: 50px;
}
a.siteMore:hover{
	color: #FFF;
}
.guestHeader {
	background-image: url(bg/guestbook_tit.gif);
	background-repeat: no-repeat;
	height: 44px;
}
.guestHeader p.visiting {
	line-height: 44px;
}
#guestbook input {
	width: 400px;
}
#guestbook li.text{
	height: 200px;
}
#guestbook li.text .textarea {
	background-color: #404040;
	height: 180px;
	width: 398px;
	border: 1px solid #797979;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-left: 2px;
	color: #FFF;
}
#guestbook li.text .textarea:hover{
	border: 1px solid #FFF;
}
h4.guestTit{
	background-color: #252525;
	padding: 12px 24px 12px 52px;
	line-height: 25px;
}.guestbook {
	padding-top: 0px;
}
.map {
	background-image: url(bg/maps.gif);
	background-repeat: no-repeat;
	height: 453px;
}
.map a{display:block;width:135px;height:96px;padding-left: 158px;padding-top: 270px;}
.aboutContent{
	background-color: #000;
	float:left;
	clear:right;
}
.aboutContent .team{
	height:810px;
	text-align:left;
	padding-left:15px;
	background-color:#000;
}
.aboutContent .rightImg{
	float: right;
	width: 319px;
}
.aboutContent .leftContent{
	float: left;
	width: 425px;
	background-color:#000;
}
.aboutContent dl.about{
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.aboutContent dl.about dt{
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.aboutContent dl.about dd{
	margin-bottom: 20px;
	line-height: 18px;
	text-indent: 30px;
}
.aboutContent dl.about dd ol{
	padding-left:20px;
}
.aboutContent dl.about dd ol li{
	list-style-type: decimal;
}
.aboutContent dl.about dt.iostudio{
	background-image: url(bg/io_studio.gif);
	height: 43px;
}
.aboutContent dl.about dt.team{
	background-image: url(bg/team_tit.gif);
	height: 43px;
}
.aboutContent dl.about dt.professional{
	background-image: url(bg/professional.gif);
	height: 36px;
}
.aboutContent dl.about dt.vip{
	background-image: url(bg/vip.gif);
	height: 49px;
}
.aboutContent dl.about dt.Origin{
	background-image: url(bg/Origin_bg.gif);
	background-repeat: no-repeat;
	height: 80px;
	background-position:left center;
}
.aboutTabs{
	background-image: url(bg/about_tab_bg.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 744px;
}
.aboutTabs ul{
}
.aboutTabs ul li{
	float: left;
	line-height: 27px;
}
.aboutTabs ul li a{
	display: block;
	height: 27px;
	width: 97px;
	text-align: center;
}
.studio{
	background-image: url(images/111.jpg);
	background-repeat: no-repeat;
	height: 650px;
	background-position: center center;
}
.aboutTabs ul li a:hover{}
.aboutTabs ul li a.current{
	background-image: url(bg/about_tabs.gif);
	background-repeat: no-repeat;
	color:#FFF;
}
#job {
	background-image: url(bg/job_title.gif);
	height: 39px;
}
.jobContent {
	background-color: #000;
}
.jobContent img{
	*margin-top:-6px;
}
.jobTit {
	background-image: url(bg/job.gif);
	background-repeat: no-repeat;
	height: 160px;
	background-position: 40px center;
}
.jobTit ul{
	float: right;
	padding-right: 40px;
	padding-top: 40px;
}
.jobTit ul li{
	float: left;
	margin-right: 10px;
}
.jobTit ul li a{
	display: block;
	height: 90px;
	width: 108px;
	background-repeat: no-repeat;
}
.jobTit ul li a:hover{
	background-position: bottom;
}
.jobTit ul li a.photoJob{
	background-image: url(bg/job_photo.gif);
}
.jobTit ul li a.marketJob{
	background-image: url(bg/job_market.gif);
}
h3.photoJob {
	background-color: #262626;
	background-image: url(bg/photoJpb.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	height: 65px;
}
h3.marketJob {
	background-image: url(bg/marTit.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	height: 65px;
	background-color: #262626;
}
dl.jobDl {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
dl.jobDl dt{
	font-size: 22px;
	font-weight: bold;
	color: #FC0;
}
dl.jobDl dt strong{
	font-size: 11px;
	padding-left: 10px;
}
dl.jobDl dd{
	padding-top: 10px;
	padding-bottom: 40px;
	line-height: 18px;
}
dl.jobDl dd p{
	color: #FFF;
}
dl.jobDl dd ol{}
dl.jobDl dd ol li{
	color: #FFF;
	list-style-position: inside;
	list-style-type: decimal;
}
.apply {
	background-image: url(bg/if_u_can.gif);
	background-repeat: no-repeat;
	background-position: 40px 20px;
	padding-top: 55px;
	padding-left: 40px;
	padding-bottom: 60px;
}
#foresight {
	background-image: url(bg/foresight.gif);
}
.foresightTab {
	background-image: url(bg/tips_title.gif);
	background-repeat: no-repeat;
	padding-top: 80px;
	background-color: #191919;
	background-position: 40px 20px;
	padding-left: 40px;
	height: 110px;
}
.foresightTab ul{}
.foresightTab ul li{
	float: left;
	margin-right: 10px;
}
.foresightTab ul li a{
	display: block;
	height: 70px;
	width: 94px;
	background-repeat: no-repeat;
}
.foresightTab ul li a:hover,.foresightTab ul li a.current{
	background-position: bottom;
}
.foresightTab ul li a.foresight{
	background-image: url(bg/foresight_1.gif);
}
.foresightTab ul li a.foresight2{background-image: url(bg/foresight_2.gif);}
.foresightTab ul li a.foresight3{background-image: url(bg/foresight_3.gif);}
.foresightTab ul li a.foresight4{background-image: url(bg/foresight_4.gif);}
.foresightTab ul li a.foresight5{background-image: url(bg/foresight_5.gif);}
.foresightTab ul li a.foresight6{background-image: url(bg/foresight_6.gif);}
.foresightContent {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.foresightContent dt{
	font-size: 14px;
	color: #FC0;
	line-height: 24px;
	font-weight: bold;
}
.foresightContent dd{
	margin-bottom: 20px;
}