@charset "utf-8";
/* CSS Document */

html,body
{
	margin:0;
	padding:0;
	background:url(images/bg.gif);
	 font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}
.page
{
	max-width:95%;
	width:960px;
	margin:0 auto;
}
.demowrap
{
	/*border: 4px solid #FFFFFF;*/
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
	display:block;
}
.demowrap img
{
	width:100%;
}
.left
{
	/*width:40%;*/
	width:420px;
	float:left;
}
.right
{
	width:55%;
	float:right;
	color:#333;
	text-shadow:1px 1px 0 #fff;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
.info
{
	text-indent:1em;
}
.box
{
	margin-bottom:40px;
}


#option ul
{
	list-style:square;
	line-height:2em;
}
#option b
{
	color:#333;
	padding:0 5px;
	text-shadow:1px 1px 0 #fff;
	
}
#option i
{
	color:#F30;
	margin-left:5px;
}