@charset "utf-8";



/* index.html */

	/* demo图片列表盒子 */
	.demoBox{  text-align:left;   }
	.demoBox .hd{ position:relative; z-index:1; font-size:40px; height:60px; line-height:60px; padding-bottom:20px; border-bottom:3px solid #ddd;    }
	.demoBox .hd em{ display:inline-block; *display:inline; zoom:1;  width:60px; height:60px; font-size:60px; line-height:60px;  text-align: center; background:#ddd; color:#fff; 
		-webkit-border-radius: 1000px;
		-moz-border-radius: 1000px;
		border-radius: 1000px;
		behavior: url(PIE.htc);
		font-family:Arial;
	}
	.demoBox .hd h3{ vertical-align:middle; display:inline-block; *display:inline; zoom:1;padding-left:10px; color:#999;  }
	.demoBox .hd h3 strong{ padding-left:10px; color:#1974a1;   }
	.demoBox .hd .notice{ cursor:pointer; font-size:12px; line-height:20px;  display:inline-block; *display:inline; zoom:1; position:relative; padding:2px 10px; background:#c00; color:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		behavior: url(PIE.htc);
	}
	.demoBox .hd .notice p{ display:none;  position:absolute; top:18px; left:0px; background:#c00; color:#fff; width:400px; padding:10px 20px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	

	}
	.demoBox .hd .noticeOn p{ display:block;  }
	.demoBox .bd{ padding:20px 0;  }
	.demoBox .bd ul{ overflow:hidden; zoom:1; padding-bottom:5px;  }
	.demoBox .bd ul li{   position:relative;  cursor:pointer; float:left; width:160px; text-align:center; margin-right:25px; border:2px solid #ddd; padding:1px; margin-bottom:20px; background:#fff; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: #999 1px 1px 2px;
		-moz-box-shadow: #999 1px 1px 2px;
		box-shadow: #999 1px 1px 2px;
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li .pic{ line-height:0px; height:120px; overflow:hidden;  }
	.demoBox .bd ul li img{ width:160px; height:120px;  }
	.demoBox .bd ul li .title{ line-height:30px; height:30px; overflow:hidden;  border-top:1px solid #ddd;   background:#E8E8E8; 
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#F0F0F0));
			background: -webkit-linear-gradient(#FAFAFA, #F0F0F0);
			background: -moz-linear-gradient(#FAFAFA, #F0F0F0);
			background: -ms-linear-gradient(#FAFAFA, #F0F0F0);
			background: -o-linear-gradient(#FAFAFA, #F0F0F0);
			background: linear-gradient(#FAFAFA, #F0F0F0);
			-pie-background: linear-gradient(#FAFAFA, #F0F0F0);
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li:hover{ border-color:#1974a1;  }
	.demoBox .bd ul li.new{ border-color:#f60;  }
	.demoBox .bd ul li.new:hover{ border-color:#1974a1; }
	.demoBox .bd ul li.new em{ position:absolute; left:-5px; top:5px; display:block; width:40px; height:20px; line-height:20px; background:#f60; color:#fff; 
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(PIE.htc);
	}
	.yourIdea h1{ font-size:30px; line-height:40px;  }


	

	/* demo 展示盒子 */
	#showDemoBox{ display:none;  width:1000px; height:530px;  text-align:left;  overflow-y:scroll; }
	.blockPage{ top:20px !important; }
	#showDemoBox .hd{ height:50px; line-height:50px; background:#ccc; font-size:20px; color:#fff;  font-weight:bold; padding:0 20px;
		background: #1b80b2;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0797DD), to(#1974a1));
		background: -webkit-linear-gradient(#0797DD, #1974a1);
		background: -moz-linear-gradient(#0797DD, #1974a1);
		background: -ms-linear-gradient(#0797DD, #1974a1);
		background: -o-linear-gradient(#0797DD, #1974a1);
		background: linear-gradient(#0797DD, #1974a1);
		-pie-background: linear-gradient(#0797DD, #1974a1);
		behavior: url(PIE.htc);
	}
	#showDemoBox .hd h3{ font-weight:bold; }
	#showDemoBox em{ display:inline-block; *display:inline; zoom:1; width:20px; height:16px; background:#fff; 
		line-height:14px; text-align:center; float:right; color:#333; cursor:pointer; margin-top:10px; font-size:14px; font-family:Verdana;    }
	#showDemoBox #iframe{ width:970px; height:1000px;  }


/* demoEffect 文件CSS ======================================= */

	#demoContent{ text-align:center; width:423px; height:285px;    }
	#demoContent .effect{ display:inline-block; *display:inline; zoom:1; text-align:left;  margin:0 auto;   }
	#demoContent .js{ text-align:left; margin:10px 20px;  line-height:20px;  background:#f3f3f3;  padding:5px 20px;    }
	#demoContent .js span{ color:#1974a1; }
	#demoContent .js span i{ color:#f30; font-weight:bold;  }
	#demoContent .notice{ color:#fff;  background:#000; text-align:left; padding:4px 20px; margin:10px 20px;   }
	#demoContent .css{  text-align:left; margin:10px 20px;  }
	#demoContent .css blockquote{ overflow:scroll; }

	#demoContent  .authorWord{ padding:10px 20px; border:1px dotted #ddd; text-align:left; margin-bottom:20px;   }
	#demoContent  .authorWord em{ color:#f00;  }
	/* 
	深蓝色 #1974a1
	*/