/*
 * layout
 */
 article,aside,details,figcaption,figure,
 footer,hgroup,header,menu,nav,section{display:block}
 
.container{ margin: 0 auto; width: 1000px; overflow: hidden; margin-bottom:20px;}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16{ display: inline; float: left; margin: 0 10px; overflow: hidden; }
.grid-1{ width: 40px; }
.grid-2{ width: 100px; }
.grid-3{ width: 200px; }
.grid-4{ width: 220px; }
.grid-5{ width: 280px; }
.grid-6{ width: 340px; }
.grid-7{ width: 400px; }
.grid-8{ width: 460px; }
.grid-9{ width: 520px; }
.grid-10{ width: 580px; }
.grid-11{ width: 640px; }
.grid-12{ width: 700px; }
.grid-13{ width: 1000px; }
.grid-14{ width: 820px; }
.grid-15{ width: 880px; }
.grid-16{ width: 940px; }

button,input,select,textarea{ font:12px "宋体","Lucida Grande", Helvetica, Arial, Verdana, \5FAE\8F6F\96C5\9ED1, sans-serif; }
.container{line-height:1.5;}

.mb10{ margin-bottom: 10px !important;  }
.mb20{ margin-bottom: 20px !important;  }
.mb30{ margin-bottom: 30px !important; }

.m0{ margin: 0 !important; }

.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }

.tal{ text-align: left !important; }
.tar{ text-align: right !important; }
.tac{ text-align: center !important; }

.fleft{ float: left !important; }
.fright{ float: right !important; }

.tblack{ color: #333 !important; }
.torange{ color: #F60 !important; }
.tgrey{ color: #999 !important; }
.tred{ color: #D51A0C !important; }
.tblue{ color: #1EB7E4 !important; }

.wsnormal{ white-space: normal !important;; }

.loader{ background: url('www/ajax-loader.gif') no-repeat center center; }

.price{ font-size: 24px; font-family: Georgia; }

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

a{ color: #0087CC; text-decoration: none; }
a:hover{ text-decoration: underline; }
.thison { color:#FF6600}
.icons{ background: url(www/icons.png) no-repeat; }

.section-box{ float: left; }
	.section-header{ padding: 5px 0 0; height: 35px; overflow: hidden; }
	.section-header,
	.section-h1{ background: url(section-header.png) repeat-x; }
	.section-h1{ float: left; margin: 0 10px 0 0; height: 35px; color: #F60; font-size: 18px; background-position: 0 -165px; }
	.section-h1 a{ color: #F60; }
	.section-h2{ float: left; margin: 5px 0 0; color: #999; font-size: 14px; font-weight: normal; }
	.section-h2 a{ color: #999;  }
	.section-link{ float: left; margin: 5px 0 0; }
	.section-header .fright{ float: right; padding: 0 10px 0 0; font-size: 12px; }

.box-bg,
.notes-box{ border-radius: 5px; border: 1px solid #EEE; background: #FFF url(www/box-bg.png) repeat-x 0 0; color: #999; }

.notes-box{ padding: 9px; border-radius: 3px; border-color: #FDC; background-color: #FFC; background-position: 0 -49px; color: #A03D2A; }

.pro-box{  }
.pro-img-box{ padding: 0 0 0 74px; }
	.pro-logo{ float: left; margin: 0 0 0 -74px; width: 64px; height: 64px; overflow: hidden; clear: left; }
	.pro-box p,
	.pro-box footer{ margin: 10px 0 0 0; }
	.pro-title,
	.pro-title a{ color: #333; font-size: 14px; }
	.pro-title span{ color: #999; font-size: 12px; font-weight: normal; }
	.pro-box p{ color: #999; }
	.pro-box a{ white-space: nowrap; }

.pro-side{ margin: 0 0 10px; padding: 0 10px; border-bottom: 1px solid #EEE; }
	.pro-side p{ padding: 0 0 10px; }

.cut-line{ margin: 0 5px;color: #D6D6D6; }
.input-text,
.input-textarea,
.page input{ padding: 3px; border: 1px solid #CCC; border-radius: 3px; background: url(www/input.png) repeat-x; line-height: 1.2em; color: #666; }
.input-textarea{ background: #FFF; }
.input-text:focus,
.input-textarea:focus{ border-color: #999; outline: 0; }


.input-yellow{ background: #FFC; cursor: text; }

.error-input{ position: absolute; margin: 1px 0 0 1px; padding: 1px 3px; color: #C90; border-radius: 3px; white-space: nowrap; line-height: 19px; }
	.error-input .icons{ float: left; margin: 0 3px 0 0; width: 16px; height: 16px; background-position: 0 -119px; }

.entry-content{  }
	.entry-content p,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content ul,
	.entry-content ol{ margin: 1em 0; }

	.entry-content ul{ margin-left: 10px; }
		.entry-content ul li{ padding: 0 0 0 20px; background: url(www/ul_style.png) no-repeat 7px 7px; }

#header{ overflow: visible; }
	#site-title a,
	.menu li a,
	.menu li a span{ background: url(www/header-bg.png) no-repeat; }

	#assistive-menu{ padding: 10px 0; height: 18px; color: #666; }
		#assistive-menu a{ color: #666; }
		#assistive-menu a:hover{ text-decoration: none; }
		a.message em{ display: inline-block; *display: inline; margin: -1px 0 0 3px; padding: 2px 5px; line-height:12px; border-radius: 3px; background: #F60; color: #FFF; *zoom: 1; }
	#site-title a{ display: inline; float: left; width: 100%; height: 40px; text-indent: -1000px; }

	#access{ overflow: visible; }
		.menu{ padding: 0 0 2px; height: 40px; background: url(www/menu-bg.png) no-repeat; }
			.menu li,
			.menu li a,
			.menu li a span{ position: relative; display: block; line-height: 18px; cursor: pointer; }
			.menu li{ position: static; cursor: default; }

			.menu li{ float: left; width: 126px; height: 40px; }
			.menu li.last-node{ width: 112px }

			.menu li a{ position: absolute; padding: 0 0 0 10px; background-position: 0 -50px; color: #4B4B4B; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #FFF; }
			.menu li a span{ padding: 11px 10px 11px 0; width:106px; height: 18px; background-position: 100% -50px; text-align: center; overflow: hidden; }

			.menu li.last-node a span{ width: 110px; }
			.menu li.first-node a,
			.menu li.last-node a span{ background-position: 500px 500px; }

			/* hover */
			.menu li a:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -150px; z-index: 1; }
			.menu li a:hover span{ padding-right: 11px; background-position: 100% -150px; }
			.menu li.first-node a:hover{ margin: 0; padding-left: 10px; background-position: 0 -100px;  }
			/*.menu li.last-node a:hover span{ padding-right: 10px; background-position: 100% -100px; }*/

			/* current-page */
			.menu li a.current-page-item,
			.menu li a.current-page-item:hover{ margin: 0 0 0 -1px; padding-left: 11px; background-position: 0 -250px; color: #FFF; text-shadow: 1px 1px 1px #F30; z-index: 100; }
			
			.menu li a.current-page-item span,
			.menu li a.current-page-item:hover span{ padding-right: 11px; background-position:100% -250px; }

			.menu li.first-node a.current-page-item,
			.menu li.first-node a.current-page-item:hover{ margin: 0; padding-left: 10px; background-position: 0 -200px; }

			.menu li.last-node a.current-page-item span,
			.menu li.last-node a.current-page-item:hover span{ padding-right: 10px; background-position: 100% -200px; }

	.menu_drop_down{ position: absolute; display: none; margin: 40px 0 0 -1px; padding: 0 10px; width: 350px; box-shadow: 0 1px 2px rgba(34,25,25,.4); border: 1px solid #CCC; border-top: 0; background: white url(www/box-bg.png) repeat-x 0 0; z-index: 999; filter: progid:DXImageTransform.Microsoft.Shadow(color = #ADACAC,direction = 135,strength = 3); }
		.menu_drop_down li{ float: none; padding: 10px 0 10px 120px; width: auto; height: 1%; border-bottom: 1px dashed #EEE; overflow: hidden; }
		.menu_drop_down li.last-child{ border: 0; }
		.menu_drop_down li strong{ float: left; margin: 0 0 0 -110px; font-weight: bold; }
		.menu_drop_down li a,
		.menu_drop_down li a:hover,
		.menu_drop_down li span{ position: static; float: none; display: inline; margin: 0; padding: 0; background: none; font-weight: normal; }
		.menu_drop_down li a{ color: #0087CC; white-space: nowrap; }
		.menu_drop_down li a:hover{ text-decoration: underline; }
		
.side-links{ padding: 0 0 10px; width: 199px; border-right: 1px solid #EEE; text-align: left; background:#FAFAFA;}
	.side-links h3{ padding: 10px 0px 10px 30px; border-bottom: 1px solid #EEE; color: #666; }
	.side-links h3 a{ color: #333; }
	
	.side-links ul{ }
		.side-links li{ position: relative; padding: 10px 0px 0 40px; background-position: 24px -69px; }
			.side-links li a{ color: #666; }
			.side-links li a.current-page-item{ color: #333; font-weight: bold; cursor: default; }
			.side-links li a.current-page-item:hover{ text-decoration: none; }
	

#branding{ }
	.bannner{ position: relative; width: 700px; height: 180px; overflow: hidden; }
		.banner-image{ float: left; width: 700px; height: 310px; }
		.banner-control{ position: absolute; right: 5px; bottom: 5px; }
			.banner-control a{ float: left; margin: 0 0 0 5px; padding: 2px 0; width: 16px; height: 12px; border-radius: 3px; background-color: #FFF; background-position: 100px 100px; color: #000; font-size: 12px; text-align: center; line-height: 12px; overflow: hidden; opacity: 0.5; _filter:alpha(opacity=50); }
			.banner-control a:hover{ background-color: #000; color: #FFF; text-decoration: none; }

			.banner-control a.activate,
			.banner-control a.activate:hover{ background-color: transparent; background-position: 0 0; cursor: default; text-shadow: 1px 1px 1px #F30; color: #FFF; opacity: 1; _filter:alpha(opacity=100); }

	.login-box{ height: 160px; }
		.login-box a.login-btn{ display: block; width: 190px; height: 51px; background: url(www/login-btn.png) no-repeat; text-indent: -1000px; overflow: hidden; }
		.login-box a.login-btn:hover{ background-position: 0 -51px; }
		.login-box .login-btn2{ float: left; margin: 0 10px 0 0; width: 70px; height: 25px; background: url(www/login-btn2.png) no-repeat; text-indent: -1000px; border: 0; overflow: hidden; cursor: pointer; *zoom: 1; }
		.login-box p{ padding: 0 5px; }
			.login-box p .alipay-login{ padding: 0 0 0 18px; background-position: 0 -51px; line-height: 16px; }
		.login-box label{ float: left; margin: 4px 10px 0 0; }
		.login-box .nolabel{ position: relative; padding: 0 0 0 39px; width: 161px; white-space: nowrap; overflow: hidden; }
		.login-box .forget-link{ float: left; margin: 4px 0 0; }
		.login-box .reg-box{ margin-top: 10px; }
		.login-box .reg-link{ float: right; display: inline; margin: 3px 10px 0 0; font-size: 12px; font-weight: normal; }
			.reg-box a{ margin: 0 10px 0 0; padding: 10px 0 0; }
		.login-box .loader{ height: 50px; }

	.logined-box{ height: 160px; }
		.logined-box .side-header{ margin-bottom: 5px; padding-bottom: 5px; }
		.logined-box ul{ margin: 0 0 10px; width: 100%; overflow: hidden; }
			.logined-box ul li{ float: left; padding: 0 5px; width: 90px; }
			.my-cloud{ margin: 5px 0 0; padding-top: 5px; border-top: 1px solid #EEE; }

	.video-image{ display: block; height: 110px; overflow: hidden; }


.product-list,
.marketing-list,
/*.cloud-list,*/
.partner-list{ width: 720px; overflow: hidden; }

.product-list .pro-box,
.marketing-list .pro-box/*,
.cloud-list li,
.cloud-list .link-box*/{ float: left; margin: 0 20px 0 0; width: 340px; }

#products{  }
	.developer-box{ padding: 20px; background: #F9F9F9; }
		.dev-menu{ float: right; margin: 10px 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #EEE; }
		.dev-menu .pro-box{ margin: 5px 0; }
		.developer-box p{ margin: 0; }

/*	.product-side{  }
		.product-side .ad1{ height: 180px; overflow: hidden; }
		.product-side .ad2{ height: 100px; overflow: hidden; }*/

#marketing{  }
	.marketing-list{ width: 720px; overflow: hidden; }
		.marketing-list .pro-box{ width: 220px; }
	
	.event-list{  }
		.event-list li{ margin: 0 0 10px; padding: 0 0 10px; width: 100%; border-bottom: 1px solid #EEE; overflow: hidden; }
			.event-image{ float: left; margin: 0 10px 0 0; padding: 1px; width: 75px; height: 75px; border: 1px solid #D6D6D6; background: #FFF; overflow: hidden; }
		.event-single{ display: block; height: 70px; overflow: hidden; }

#partners{ overflow: hidden; }
	.partner-list{ width: 720px; overflow: hidden; }
	.partner-list li{ float: left; margin: 0 20px 0 0; width: 100px; }

/* message page */
#message-main{ min-height: 300px; _height: 300px; overflow: visible; }

.message-list{ border: 0 solid #EEE; border-width: 0 1px; }
	.message-list .none{ padding: 50px; border-bottom: 1px solid #EEE; color: #999; text-align: center; }
	.message-item{ padding: 10px; height: 16px; border-bottom: 1px solid #EEE; background-position: -40px 10px; }
		.message-item header{ padding: 0 0 0 20px; background-position: -50px 0; overflow:hidden; cursor: pointer; zoom: 1; }
		.message-item h1{ float: left; font-size: 12px; line-height: 1.3em; }
		.message-item h1 a{ color: #333; }
		.message-item .timmer{ float: right; color: #999; }
		.message-item .entry-content{ display: none; }
	.message-readed{  }
		.message-readed header{ background-position: -50px -30px; *zoom: 1; }
		.message-readed h1 a{ color: #666; font-weight: normal; }
	.message-open{ height: auto; }
		.message-open .entry-content{ display: block; padding: 0 0 0 20px; color: #666; clear: both; }

	.message-list .alt{ background-color: #F9F9F9; }

/* products page */
#mobile-dev{  }
	.mobile-dev-list{ width: 100%; overflow: hidden; }
		.mobile-dev-list .pro-box{ float: left; display: inline; padding: 20px 20px 20px 94px; width: 263px;overflow: hidden; }

.product-description{ padding: 10px; background: #F9F9F9; color: #999; }

.product-ecs-list,
.product-odps-list,
.product-other-list,
.product-dun-list{ width: 780px; overflow: hidden; }
	.product-ecs-list .pro-box{ float: left; margin: 0 20px 0 0; width: 240px; }
	.product-odps-list .pro-box,
	.product-dun-list .pro-box,
	.product-other-list .pro-box{ float: left; margin: 0 20px 0 0; width: 294px; }

.site-list{ padding: 0 10px; }
	.site-list li{ margin: 0 0 20px; }
	.site-list h3{ margin: 0 0 5px; font-size: 12px; }

/* marketing page */
.marketing-sort{ }
	.marketing-sort h2{ padding: 9px 10px; height: 16px; border-radius: 5px 5px 0 0; background: url(www/header-bg.png) repeat-x 0 -300px; color: #FFF; font-size: 14px; text-shadow: 1px 1px 1px #5A697F; line-height: 16px; }
	.marketing-sort ul{ border: 1px solid #EEE; border-width: 0 1px; background: #F9F9F9; }
		.marketing-sort li{ padding: 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; }
			.marketing-sort li h3{ margin: 0 0 10px; font-size: 12px; background-position: 185px -30px; }

	.marketing-sort a{ white-space: nowrap; }

.marketing-banner{ position: relative; float: left; margin: 0 20px 0 0; width: 460px; height: 180px;  overflow: hidden; }
.marketing-banner-image{ float: left; width: 460px; height: 180px; overflow: hidden; }
.marketing-login{ float: left; width: 220px; }

.mrkting-list{ width: 720px; overflow: hidden; }
	.mrkting-list .pro-box{ float: left; margin: 0 20px 0 0; width: 220px; }
	.mrkting-list .pro-inner,
	.mrkting-list .pro-inner-hover{ padding: 10px; border: 1px solid #EEE; }
	.mrkting-list .pro-inner-hover{ border-color: #DDD; }
		.mrkting-list .pro-box-title{ padding: 0 0 10px; border-bottom: 1px solid #EEE; }
		.mrkting-list .torange{ margin: 0 10px 0 0; }

.mrkting-side{  }
	.mrkting-side h3{ padding: 0 0 5px; border-bottom: 1px solid #EEE; color: #F60; }

.news-list{ margin: 10px 0 0; }
	.news-list li{ padding: 5px 0 5px 20px; height: 16px; background-position: 0 -75px; line-height: 16px; }

.buy-btn{ display: block; width: 66px; height: 23px; background: url(www/buy-btn.png) no-repeat; text-indent: -1000px; }

.mrkt-left,
.mrkt-right{ float: left; width: 480px; }

.mrkt-right{ width: 220px; }

.anli{ width: 720px; overflow: hidden; }
	.anli li{ float: left; margin: 0 20px 10px 0; width: 160px; height: 50px; }
.pp-list{ width: 230px; overflow: hidden; }
	.pp-list li{ float: left; margin: 10px 10px 0 0; width: 105px; height: 50px; overflow: hidden; }

/* help pagenavi */
.help-page-box{ padding: 0 10px; color: #333; }

.page { margin: 20px 0 0; }
.page input{ margin: 0 3px; width: 2em; }
.page a,
.page b{  display: inline-block; *display: inline; margin: 0 5px 0 0; padding: 1px 5px; border: 1px solid #DDD; border-radius: 3px; *zoom: 1; }
.page b{ border-color: #CCC; background: #EEE; color: #999; }

/* partners page */
.parn-list .pro-box{ margin: 20px 0 0; width: 650px; overflow: hidden; }
.parn-list .pro-img-box{ padding: 0 0 0 110px; }
.parn-list .pro-title{ font-size: 18px; }
.parn-list .pro-logo{ margin: 0 0 0 -110px; width: 100px; height: 100px; }
.parn-content p{ color: #999; }

/* yfc page */
.yfc-content,
.yfc-links{ float: left; }

.yfc-content{ margin: 0 20px 0 0; padding: 0 10px; width: 500px; }
.yfc-links{ margin: 24px 0 0; width: 219px; border-left: 1px solid #EEE; }
.yfc-links li{ padding: 10px 0 10px 40px; border-bottom: 1px solid #EEE; background-position: 25px -68px; }
.yfc-links li.last-link{ border: 0; }

/* cloud page */
.yunos-h1{ width: 468px; height: 80px; background: url(www/os-title.png) no-repeat 0 0; text-indent: -1000px; overflow: hidden; }
.yunos-h2{ padding: 0 0 0 10px; color: #8E97A7;	font-size: 14px; }
.yunos-banner{ position: relative; height: 250px; overflow: hidden; }
.yunos-banner-links{ position: absolute; right: 30px; bottom: 5px; }

.yunos-list{ width: 780px; overflow: hidden; }
	.yunos-list .pro-box{ float: left; margin: 0 20px 0 0; width: 368px; }
	.yunos-list .pro-inner{ padding: 20px; }
	.yunos-list .pro-title{ font-size: 20px; }
	.yunos-list .pro-inner p{ width: 250px; }


/*开发者首页*/
.sub-menu { display: inline; float: right; margin:18px 10px;}
	.sub-menu li{ display: inline;  padding:0 15px 0 0; }
	.sub-menu li a { color:#666666; background: url(www/icons.png) no-repeat -52px -350px; padding-left:15px;}
	.sub-menu li a.selected,
	.sub-menu li a:hover { text-decoration: none; background-position:-52px -300px; }
	.sub-menu li a.selected{font-weight:bold;}

#branding,
#products,
#marketing { width: 100%; overflow: hidden; }

.banner-box { position:relative; z-index: 10; }
	.banner-img { display:block;  height: 260px; overflow: hidden; position: relative;}
	.banner-control-d {position:absolute; bottom:15px; right:300px; *zoom:1; }
	.banner-control-d a { display: inline; float:left; width: 12px; height: 12px; margin: 0 4px; overflow: hidden; text-indent: -200px; background-position: 0 -300px; }
	.banner-control-d a.activate { background-position: 0 -350px;}

.welcome-box { position:absolute; width:180px; top:15px; right:5px; padding:9px 19px; z-index: 50; }
	.wel-h1 { width:180px; margin:0 auto 5px; font-size:16px; text-align: center; color:#000000;}
	.welcome-box p { padding:5px 0; }
	a.btn-developers { display:block; height: 37px; width: 161px; margin:5px auto; background: url(www/developer-btn.png) no-repeat left top; text-indent: -9999px; overflow:hidden; }
	a.btn-developers:hover{ background-position:left bottom;}
	a.edit-dev{ display:block; text-align:center; font-size:14px; font-weight:bold;margin:5px auto;}


.section-h1-blue { background-position: 0 -325px; color: #00C5E8; }

.product-dev-list{ width: 720px; }
.product-dev-list .pro-box{ margin: 0 20px 5px 0; float: left; width: 254px; padding: 0 0 0 84px; }
.product-dev-list .pro-logo{ margin: 5px 0 0 -84px;}

.dev-side h3{ padding: 12px 0 5px; border-bottom: 1px solid #EEE; color: #00C5E8;	}
.dev-side .news-list {margin: 10px 0 5px;}
.dev-side li a{ color: #333; }


.side-list-wrap{}
ul.side-list { }
	ul.side-list  li { padding: 10px 0 0 15px; background-position: 0 -68px; clear:both; overflow:hidden;}
	ul.side-list  li a { float:left; width:160px; color: #666666;}
	ul.side-list  li span { float:right; width:40px; color: #666666;}
	ul.side-list  li a.current-page-item { color: #333; font-weight: bold; cursor: default; }
	ul.side-list  li a.current-page-item:hover { text-decoration: none; }
.side-list-wrap footer{ margin:10px 8px 0 0; text-align:right;}
.aboutus-box {padding:10px 10px 20px; background:#F5F5F5; border-radius: 5px; }
	.aboutus-box h3{ margin: 0 5px; color: #2986c2; }
	.about-dl { margin: 20px 0 0; padding: 0 0 0 35px;}
	.about-dl dt { color:#666; }
	.about-dl dt span { font-size:12px;}
	.about-dl dd { color:#999;}
	.about-dl dd .blue {color:#317990; }
	.ic-mail { background-position: 0 -245px;}
	.ic-wang { background-position: 0 -190px;}

/*Font-color*/
.fcblue { color:#116699 !important;}
.fcorange { color:#ff7f17 !important;}
a.fcblue { color:#0087CC !important;}

/*NewsList*/
.trends-list{}
	.trends-list li{ padding:10px 20px; border-bottom:dashed 1px #CCCCCC; overflow:hidden;}
	.trends-list li a{ float:left; font-size:14px; color:#666666;}
	.trends-list li .timmer{ float:right; color:#999999;}
.newsview-wrap { border-bottom: 1px solid #EEE; }
	.newsview-box{ padding:10px; color:#666666;}
	.newsview-wrap h1 { text-align:center; color:#333333;}
	.newsview-wrap .timmer { text-align:center; color:#666666;}
.breadcrumb{ padding:10px 0;}

	.breadcrumb a { color:#333333;}
	.breadcrumb span { color:#999999;}
/*Event*/
.event-dev-list { padding:10px;}
	.event-dev-list .pro-box { overflow:hidden; padding: 10px 0 0 110px;}
	.event-dev-list .pro-logo { width:72px; height:72px; margin-left:-100px;}
.side-pro-box{ border-left: 1px solid #EEE; }
	.side-pro-box li{ padding: 20px 10px 10px; border-bottom: 1px solid #EEE; }
	.side-pro-box li.last{ border: 0; }
	.side-pro-box .pro-img-box { padding: 0 0 0 52px;}
	.side-pro-box .pro-img-box .links { float:left; margin: 5px 10px 0 0; color:#0087CC;}
	.side-pro-box .pro-logo { width:42px; height:42px; margin-left:-52px;}
.product-dev-info {}
	.product-dev-info .pro-img-box { padding: 0 0 0 104px;}
	.product-dev-info .pro-logo { width:74px; height:74px; margin-left:-94px;}
	.product-dev-info .pro-title{ font-size:16px;}
	.product-dev-info .pro-subhead {float:14px; margin: 10px 0 0; color:#333333;}
	.product-dev-info p strong {font-size:16px;}

.dev-bg-side{ padding: 0; }
.dev-bg-inner{ padding: 9px 9px 100px; background: url(www/dev-bg-side.png) no-repeat left bottom; }
.dev-bg-side p{ padding: 5px 10px; }

.forms{  }
	.forms p,
	.forms .agreement-box{  position: relative; padding: 9px; min-height: 26px; _height: 26px; padding-left: 110px; border: 1px solid #FFF; }
	.forms .agreement-box p{ position: static; height: auto; }
	.forms p.item-selected{ border-radius: 3px; border: 1px solid #EEE; background: #F9F9F9 url(www/box-bg.png) repeat-x 0 -49px; }
	.forms .form-item-name{ position: relative; float: left; margin: 4px 0 0 -110px; width: 100px; text-align: right; }
	.forms label,
	.forms .mobile, .forms .textonly{ float: left; margin: 4px 15px 0 0; }
	.forms .input-text{ width: 20em; height: 18px; }
	.forms .input-text,
	.forms .input-textarea{ float: left; margin: 0 10px 0 0; line-height: 18px; }
	.forms .agreement-box .entry-content{ float: left; width: 380px; height: 100px; }
	.forms .agreement-box p{ padding: 0; border: 0; background: #FFF; }
	.forms .agreement-box .entry-content{ padding: 0 10px; border-radius: 3px; border: 1px solid #CCC; overflow-y: scroll; }
	.forms .submit-btn{ float: left; margin: 0 20px 0 0; width: 90px; height: 31px; border: 0; background: url(www/submit-btn.png) no-repeat; text-indent: -1000px; cursor: pointer; overflow: hidden; }
	.forms .cancel-btn{ float: left; margin: 5px 0 0; color: #666; }
	.forms select{ float: left; margin: 0 10px 0 0; }
	.forms .item-selects{ height: 26px; }
	.forms .form-tip-box{ white-space: nowrap; }
	.forms .tip-normal,
	.forms .tip-error{ margin: 0 0 0 0 !important; }
	.forms .tip-normal,
	.forms .tip-normal span{ float: left; background: url(www/form-tip.png) no-repeat; color: #1EB7E4; font-style: normal; font-weight: normal; line-height: 16px; }
	.forms .tip-normal{ padding: 0 0 0 15px; }
	.forms .tip-normal span{ padding: 5px 10px 5px 0; height: 16px; background-position: 100% 0; }
	.forms .tip-error{ float: left; padding: 4px 0 4px 20px; background: url(www/icons.png) no-repeat 0 -395px; color: #F90; font-weight: normal; }
	.forms .tip-loading{ padding: 4px 0 4px 20px; background: url(www/loader.gif) no-repeat 0 4px; }

.cssSelect{ position: relative; float: left; margin: 0 10px 0 0; white-space: nowrap; }
.cssSelect *{ display: block; }
.cssSelect a{ color: #666; text-decoration: none; outline: 0; }
	.cssSelect .selectBox,
	.cssSelect .selectLt,
	.cssSelect .selectRt{ float: left; background: url(www/select-bg.png) no-repeat; cursor: pointer; }

	.cssSelect .selectBox{ padding: 0 0 1px 0; }
	.cssSelect .selectLt{ padding: 4px 10px; height: 16px; color: #666; line-height: 17px; background: none; overflow: hidden; }
	.cssSelect .selectRt{ padding: 0 25px 0 0; height: 26px; }

	.cssSelect .sNormal{ background-position: 0 0; }
	.cssSelect .sNormal .selectRt{ background-position: 100% 0; }

	.cssSelect .sHover{ background-position: 0 -50px; }
	.cssSelect .sHover .selectRt{ background-position: 100% -50px; }

	.cssSelect .sPressDown{ background-position: 0 -100px; }
	.cssSelect .sPressDown .selectRt{ background-position: 100% -100px; }

	.cssSelect .optionsBox{ position: absolute; margin: 1px 0 0; padding: 0 1px 1px; border: 1px solid #999; box-shadow: 1px 1px 2px #CCC; background: #FFF; z-index: 100; }
	.cssSelect .optionsInnerBox{  }
	.cssSelect .optionBox{ margin: 1px 0 0; padding: 5px 50px 5px 10px; cursor: pointer; }
	.cssSelect .optionBox span{ cursor: pointer; }

	.cssSelect .oNormal{  }
	.cssSelect .oHover{ background: #EEE; }
	.cssSelect .selected{ background: #FFC; }