/* 
	@author:XeonWell
	@email:XeonWell@dzl.cc
*/
/* common definition */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ font-family: Verdana, Arial, Helvetica, sans-serif, "ËÎÌå"; font-size:12px; margin:0; padding:0; line-height:2em; }
ul { list-style-type:none; }
img{ border-width:0; }
.nd{ display:none; }
.indent { text-indent:2em; }
.clear { clear:both; }
a { color:#333; }
a:hover { color:#f00; }

table.tbl { border-left:1px solid #ccc; border-top:1px solid #ccc; border-collapse:collapse; border-spacing:0; }
	table.tbl tr td, table.tbl tr th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:0.5em 1em; }
	input.btn { width:100px; height:30px; line-height:30px; border:1px solid #999; text-align:center; }

	dl.postList dt a { display:block; width:100%;  font-weight:bold; line-height:3em; color:#900;}


body{ text-align:center;  }

#bodywrapper { width:972px; margin:0 auto; text-align:left; overflow:hidden; }
#header { height:150px; position:relative; border-bottom:3px solid #339; margin-top:1.5em; }
	#logo { position:absolute; left:10px; top:0; }
	#menu {height:40px; background:url(../i/ulback.gif) repeat-x; position:absolute; width:100%; bottom:0;}
	#menu li {float:left; }
	#menu li a {display:block; height:40px; line-height:40px; padding:0 14px 0 0; float:left; color:#fff; text-decoration:none;}
	#menu li a b {display:block; height:40px; float:left; padding:0 0 0 14px; cursor:pointer; font-size:120%; letter-spacing:3px;}
	#menu li a:hover, #menu li#cur a {background:url(../i/tab_a.gif) no-repeat right top; line-height:36px;}
	#menu li a:hover b, #menu li#cur a b {background:url(../i/tab_b.gif) no-repeat left top; line-height:36px;}

#contentWrapper { }
	#leftContainer { float:left; width:202px; margin-top:0.5em; }
	dl.serviceTree { width:180px; }
	dl.serviceTree dt h3 { text-align:center; background:url(../i/lbg.gif) transparent left top no-repeat; }
	dl.serviceTree a { text-decoration:none; display:block; }
	dl.serviceTree dt h3 a { letter-spacing:.5em; color:#fff; line-height:30px; }
	dl.serviceTree dd { margin:0 auto 1em;border:1px solid #ddd; }
	dl.serviceTree dd ul li { float:left; width:50%; }
	dl.serviceTree dd ul li a { text-align:center; }
	dl.serviceTree dd ul li a:hover { text-decoration:underline; }
		
	dl.serList { }
	dl.serList a{ display:block; }
	dl.serList dt h3 a { background:url(../i/arrow.gif) left center no-repeat; padding-left:2em; }
	dl.serList dd { margin-bottom:1em; padding-bottom:.5em; border-bottom:1px dotted #888; }
	dl.serList dd ul { padding-left:2em; }
	dl.serList dd ul li { float:left; width:25%; }
	dl.serList dd ul li a { text-indent:2em; }
	
	#rightContainer { width:760px; float:right; margin-top:0.5em; }
		.content { text-indent:2em; margin:1em; }
		.content ul, .content ol { margin-left:2em; }
		.nav { border-bottom:dotted #333 1px; margin-bottom:1em; }
		
		.serviceDetail h1.title { text-align:center; }
		.serviceDetail .serviceDetailContent p { text-indent:2em; }
		.serviceDetail p.sarrow { text-align:right; padding-left:2em; }
		ul.articleList li/*,ul.prodList li*/ { border-bottom:dotted #666 1px; }
		ul.articleList li a { text-decoration:none; display:block; position:relative; height:2em; padding-left:25px; background:url(../i/arrow.gif) transparent 5px center no-repeat; }
		ul.articleList li a span {  color:#888; bottom:0; right:1em; position:absolute; }
		ul.prodList li { float:left; width:25%; margin-bottom:1em; }
		ul.prodList li a { display:block; text-align:center; }
		ul.prodList li a img { margin:0 auto; display:block; }
		.prodDetail h1.pTitle { text-align:center; margin-bottom:1em; }
		.prodDetail div.pContent p { text-indent:2em; }
		
		.articleWrapper { margin:1em; }
		.articleWrapper .articleTitle { text-align:center; font-size:150%; }
		.articleWrapper .subTitle { text-align:right; padding-right:1em; color:#888; }
		.articleWrapper .articleContent { text-indent:2em; }
		.articleWrapper .artilceTag a { padding-left:1em; }
		.articleWrapper .relatedPost h3 { margin:1em 0 0; }
		.articleWrapper ul, .articleWrapper ol { margin-left:1em; list-style-type:disc; }

	/* for index.asp only */
	#flash { width:100%; height:263px; overflow:hidden; margin:0 auto; background:url(/i/13ling.jpg) left top no-repeat; }
	#tab { border:1px solid #ddd; padding:0.2em; /*margin:0 1em;*/ margin-top:.2em; }
	#tab ul.tabMenu { background-color:#339; height:39px; border:1px solid #888; }
	#tab ul.tabMenu li { float:left; height:30px; margin:9px 5px 0; }
	#tab ul.tabMenu li a { text-decoration:none; display:inline-block; font-weight:bold; padding:0 2em; font-size:120%; background-color:#fff; color:#29c; letter-spacing:2px; line-height:30px; height:30px; text-align:center; }
	#tab ul.tabMenu li a:hover, #tab ul.tabMenu li a#selectedTab { position:relative; height:31px; margin-bottom:-1px; background-color:#ffe; color:#e60; }
	
	.tabServices, .tabContent0, .tabContent1, .tabContent2, .tabContent3, .tabContent4, .tabContent5, .tabContent6, .tabContent7 { height:11.5em; overflow:hidden; padding:1em 0; display:none; _height:13.5em; }
	div.tabS div.tabServices, div.tab0 div.tabContent0, div.tab1 div.tabContent1, div.tab2 div.tabContent2, div.tab3 div.tabContent3, div.tab4 div.tabContent4, div.tab5 div.tabContent5, div.tab6 div.tabContent6, div.tab7 div.tabContent7 { display:block; }
	div.tabContent ul li { float:left; width:50%; }
	div.tabContent ul li a { display:block; margin:0 1em; text-decoration:none; }
	div.tabContent ul li a:hover { background-color:#fff; }
	div.tabContent ul li a span { float:right; cursor:pointer; }
	dl.indexServiceTree { margin:0 10px; }
	dl.indexServiceTree dt { float:left; width:100px; margin-bottom:.5em; }
	dl.indexServiceTree dt h3 a { text-align:center; text-decoration:none; }
	dl.indexServiceTree dd { float:right; width:840px; margin-bottom:.5em;}
	dl.indexServiceTree ul li { float:left; width:8%; }
	dl.indexServiceTree a { display:block; }
	.fLink { margin:1em 10px; }
	.fLink h3{ float:left; padding-right:1em; }
	.fLink a { float:left; padding:0 1em; }
	
	/* marquee list for index */
	.indexProdList { margin:1em auto; border:1px solid #ddd;}
	.indexProdList h3.ipTitle { text-align:center; background-color:#339; }
	.indexProdList h3.ipTitle a { text-decoration:none; color:#fff; line-height:30px; height:30px; letter-spacing:1em; font-size:120%; }
	.mqList { height:165px; margin:5px; overflow:hidden;}
	.mqList a{ text-align:center; display:block;}
	.mqList a img { margin:0 10px; border:1px solid #ccc; display:block; }
	.mqList a:hover img { border:1px solid #9f2925; }

	#leftCP { float:left; width:33%;  height:4em; }
	#rightBA { float:right; width:65%; height:4em; }
	
/* for expert */
ul.ExpertList { margin:0 2em; }
ul.ExpertList li { width:50%; float:left; margin-bottom:2em;  }
ul.ExpertList li a { display:block;width:100%; float:left; }
ul.ExpertList li a img { float:left; border:1px solid #ccc; margin:0 2em 0 0; }
ul.ExpertList li a:hover img { border-color:#900; }
ul.ExpertList li a  span { float:left; width:60%; cursor:pointer; }
ul.ExpertList li a  span.ExpertSDesc { text-indent:2em; height:5em; }
.ExpertDetail { padding:0 2em; }

/* for pager */
div.badoo {  color: #48b9ef;  text-align: right; padding:1em 2em; clear:both; }
div.badoo a { border: #f0f0f0 2px solid; padding:2px 5px; margin: 0px 2px; color: #333; text-decoration: none; }
div.badoo a:hover { border: #666 2px solid; }
div.badoo a:active { border: #666 2px solid; }
div.badoo span.current { border: #666 2px solid; padding:2px 5px; font-weight: bold; color: #fff; background-color: #666; }
div.badoo span.disabled { display: none; }

/* for post */
dl.postList dt a { display:block; width:100%; font-weight:bold; line-height:3em; color:#900;}
dl.postList dd { padding-left:2em; }
#footer { clear:both; text-align:center; margin:1em 0 2em;border-top:3px solid #666; }
#footer a:hover{ text-decoration:none; }