/*---------------------------------------pop_box---------------------------------------*/
.pop_box{
	margin:0 auto;
	border:1px solid #bdbdbd;
	background:#fff;
	border-radius:5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17), 0 0 40px rgba(0, 0, 0, 0.02) inset;
    position:relative;
    *zoom:1;
}

/*-----------------------card_top-----------------------*/
.card_top{
	height:32px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6),to(#e6e6e6));
	border-bottom:1px solid #bababa;
	border-radius:5px 5px 0 0;
}
.card_tab{
	width:120px;
	float:left;
	font-size:16px;
	line-height:32px;
	padding-left:10px;
	font-weight:bold;
}
.card_close{
	width:30px;
	float:right;
	text-align:right;
}

/*-----------------------card_bot-----------------------*/
.card_bot{
	clear:both;
	height:80px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5),to(#d6d6d6));
	border-top:1px dashed #bababa;
	border-radius:0 0 4px 4px;
	color:#333;
	position:relative;
}
.nobg{
	background:#fff;
}
.card_bot .pages{
	padding:14px 0 0 5px;
}
.card_bot .pages font{
	display:block;
	float:left;
	margin:0 5px;
}
.card_bot .pages font img{
	width:32px;
	height:32px;
	padding:0;
	margin:-3px -3px -6px;
}
.card_bot .pages_cb{
	clear:both;
	padding-left:10px;
	padding-top:6px;
	font-size:13px;
}
.card_bot .pages_cb input{
	float:left;
	margin-top:2px;
	margin-right:3px;
}
.card_bot .jd{
	position:absolute;
	right:245px;
	bottom:26px;
	width:166px;
	height:28px;
}
.card_bot .jd .img{
	float:left;
	width:18px;
	padding-right:6px;
}
.card_bot .progressbar{
	float:left;
	margin-top:7px;
	width:140px;
	height:10px;
	border:1px solid #c9c6d7;
	border-radius:5px;
	background:#f0f0f0;
}
.card_bot .progress{
	height:10px;
	margin:-1px;
	border-radius:5px;
	border:1px solid #7ec249;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#a6d77b),to(#9bce65));
	box-shadow:inset 0 1px 0 #cae6a9;
}
.card_bot .face{
	width:54px;
	height:54px;
	margin:13px 5px 0 10px;
}
.bot_btn{
	padding-right:5px;
}
.bot_btn li{
	float:left;
	margin:11px 1px;
	display:inline;
	min-width:42px;
	text-align:center;
}
.bot_btn li table{
	width:100%;
}
.popbtn_normal{
	padding:4px;
}
.popbtn_current{
	border:1px solid #8f663f;
	padding:3px; 
	border-radius:4px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fffee8),color-stop(0.5, #fff2c0),color-stop(0.5, #ffe48e), to(#fffddd));
}
.popbtn_current td,.popbtn_normal td{
	text-align:center;
}

/*-----------------------card_bot2-----------------------*/
.card_bot2{
	clear:both;
	height:50px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5),to(#d6d6d6));
	border-top:1px solid #bababa;
	border-radius:0 0 4px 4px;
	color:#333;
	position:relative;
}
.qd_btn{
	margin-top:9px;
	margin-right:10px;
}
.qd_btn input{
	padding:7px 16px;
	font-size:14px;
	font-weight:bold;
	color:#555;
}

/*-----------------------card-----------------------*/
.card{
	clear:both;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
}
/*--------callout-------*/
.callout{
	padding:14px 5px;
	font-size:22px;
	line-height:28px;
	color:#333;
}
.callout dt{
	clear:both;
	max-width:380px;
	margin:5px 5px 5px 15px;
	padding:10px;
	float:left;
	border:1px solid #cec2ac;
	border-radius:4px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fffcd7),color-stop(0.2, #fffcd7),to(#faf3bd));
	box-shadow:inset 0 1px 0 #fff;
	position:relative;
}
.callout dt span{
	padding:0 5px;
}
.callout dt b{
	position:absolute;
	width:9px;
	height:15px;
	top:-1px;
	left:-9px;
}
.callout dt font{
	position:absolute;
	width:30px;
	height:30px;
	top:5px;
	right:-50px;
	margin-bottom:-10px;
	text-align:center;
}
.callout dd{
	clear:both;
	max-width:380px;
	margin:5px 15px 5px 5px;
	padding:10px;
	float:right;
	border:1px solid #65ccee;
	border-radius:4px;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#c7f2fd),color-stop(0.2, #c7f2fd),to(#b4f0ff));
	box-shadow:inset 0 1px 0 #e9fafe;
	position:relative;
}
.callout dd span{
	padding:0 5px;
}
.callout dd b{
	position:absolute;
	width:9px;
	height:15px;
	top:0;
	right:-9px;
}
.callout dd font{
	position:absolute;
	width:30px;
	height:30px;
	top:5px;
	left:-50px;
	margin-bottom:-10px;
	text-align:center;
}

/*--------score-------*/
.score{
	padding:14px 5px;
	font-size:24px;
	line-height:28px;
	color:#333;
}
.score dd{
	padding:6px 8px 2px;
}
.score dd span{
	padding:0 5px;
}

/*--------score2-------*/
.score2{
	padding:10px 5px;
	font-size:18px;
	line-height:20px;
	color:#666;
}
.score2 dd{
	padding:6px 8px 2px;
}
.score2 dd span{
	padding:0 5px;
}

/*--------options-------*/
.options{
	width:100%;
	height:119px;
	background:#f7fbe7;
	border-top:1px solid #bababa;
	box-shadow:inset 0 1px 0 #fff;
}
.options th{
	border-right:1px solid #bababa;
	font-weight:normal;
}
.tab_green{
	background:#c2e094;
	height:26px;
	line-height:26px;
	border:1px solid #fff;
	border-bottom:none;
	text-shadow:0 1px 0 #e9f4d9;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.options_con{
	width:176px;
	margin:0 auto;
}
.options_con li{
	margin:10px 15px;
	float:left;
	text-align:center;
	color:#333;
}
.options_con li img{
	width:48px;
	height:48px;
}
.options_normal{
	padding:2px 5px;
}
.options_current{
	border:1px solid #49a518;
	border-radius:3px;
	background:#ceedaa;
	padding:1px 4px;
	position:relative;
}
.options_right{
	position:absolute;
	width:22px;
	height:23px;
	top:-7px;
	right:-10px;
}
.text_box{
	display:block;
	border:1px solid #bdbdbd;
	border-radius:5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17), 0 0 40px rgba(0, 0, 0, 0.02) inset;
}

.wz_box9{
	min-height:370px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
    font-size: 80px;
    font-family: "楷体","华文楷体";
}
.wz_box9 li{
	float:left;
	text-align:center;
}
.wz_box9 .py{
    text-align:center;
	font-weight:normal;
    color: red;
}

.wzsp9{
	min-height:300px;
	color:#ffffff;
    font-size: 80px;
    font-family: "楷体","华文楷体";
	font-weight:bold;
	line-height:100px;
    text-align:center;
}

.loading{
    width:260px;
    height:56px;
	margin-left: 66px;
    line-height:56px;
    color:#000;
    padding-left:60px;
    font-size:15px;
    background: #fff url(../../images/speechapp/loader.gif) no-repeat 10px 50%;
}