/* MP3 */
#mp3_player_main{ position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden;}

.vocabulary {
	width:622px;
	min-height:140px;
	background:url(../n_images/v-dot.gif) bottom repeat-x;
	position:relative;
}
.vocabulary .bluenum {
	width:30px;
	height:22px;
	font-size:14px;
	color:#1f5f8b;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../n_images/v-line.gif) right no-repeat;
	position:absolute;
	left: 3px;
	top: 10px;
}
.vocabulary .rednum {
	width:30px;
	height:22px;
	font-size:14px;
	color:#a20c28;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../n_images/v-line.gif) right no-repeat;
	left: 3px;
	top: 10px;
}
.vocabulary .title {
	width:100px;
	height:110px;
	font-size:24px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	left: 30px;
	top: 20px;
}
.vocabulary .wd {
	width:100px;
	height:110px;
	font-size:14px;
	color:#1f5f8b;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
}
.vocabulary .box {
	width:51px;
	height:16px;
	background:url(../n_images/pop-grid-bg4.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	position:absolute;
	left: 138px;
	top: 35px;
}
.text-blue14 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1f5f8b;
}
.text-red14 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#a20c28;
}

.grammar-top {
	width:480px;
	min-height:115px;
	padding:15px 0 0 135px;
	margin:15px 0 15px 0;
}
.grammar-top .grid1 {
	width:422px;
	min-height:40px;
	background:url(../n_images/grammar-pop.jpg) no-repeat;
	padding:20px 0 0 47px;
}
.grammar-top .grid2 {
	width:469px;
	height:20px;
	background:url(../n_images/grammar-pop.jpg) no-repeat bottom;
}
.grammar-main {
	width:615px;
	margin:0px 0 15px 0;
}
.grammar-main .tit {
	width:590px;
	height:25px;
	background:url(../n_images/icon-light.jpg) no-repeat top left;
	padding:3px 0 0 25px;
	margin-bottom:5px;
}
.text-brown20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #6b6058;
	font-weight:bold;
}

.pop-grid {
	position:absolute;
	z-index:30;
	width:300px;
}
.pop-grid h1 {
	height:30px;
	width:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #000;
}
.pop-grid .line {	
	width:276px;
	height:2px;
	display:block;
	margin:2px 0 8px 0 ;
	background:url(../n_images/pop-grid-line.gif) repeat-x;
}
.pop-grid .heart a {
	position:absolute;
	width:20px;
	height:17px;
	display:block;
	background:url(../n_images/btn-heart.gif) no-repeat top;
	left: 256px;
	top: -28px;
}
.pop-grid .heart a:hover {
	background:url(../n_images/btn-heart.gif) no-repeat bottom;
}
.pop-grid .more a {
	width:70px;
	height:20px;
	display:block;
	background:url(../n_images/pop-more.gif) no-repeat top;
	float:right;
}
.pop-grid .more a:hover {
	background:url(../n_images/pop-more.gif) no-repeat bottom;
}

.pop-grid .close a {
	width:30px;
	height:30px;
	display:block;
	background:url(../n_images/btn-close.png) no-repeat top;
	position:absolute;
	left: 301px;
}
.pop-grid .close a:hover {
	background:url(../n_images/btn-close.png) no-repeat bottom;
}

.box {
	height:16px;
	margin:10px 5px 15px 0;
}

.box span {
	background:url(../n_images/pop-grid-bg4.gif) no-repeat; width:8px;float:left;
}
.box p {
	height:16px;
	background:url(../n_images/pop-grid-bg4.gif) no-repeat right;
	padding:0px 8px 0px 0;
	margin-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	float:left;
}

.scored {
	display:none;
	height:242px;
	width:350px;
	/*
	position:absolute;
	left: 175px;
	top: 519px;
	*/
}

.scored .close a {
	width:30px;
	height:30px;
	display:block;
	background:url(../n_images/btn-close.png) no-repeat top;
	position:absolute;
	left: 351px;
	z-index:5;
	top: 7px;
}
.scored .close a:hover {
	background:url(../n_images/btn-close.png) no-repeat bottom;
}
.btn-send a {
	width:126px;
	height:52px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	background:url(../n_images/btn-send.png) no-repeat top;
}
.btn-send a:hover {
	background:url(../n_images/btn-send.png) no-repeat bottom;
}

/*------------ new 0707 ---------------*/
.quiz {
	width:602px;
	min-height:140px;
	background:url(../n_images/v-dot.gif) bottom repeat-x;
	display:block;
	padding:10px 10px 10px 10px;
	margin:auto;
}
.text-orange30 {
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#f48400;
}
.time {
	display:block;
	height:60px;
	width:78px;
	position:absolute;
	left: 550px;
	top: 330px;
	background:url(../n_images/quiz-time.png) no-repeat;
	color: #4e403c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding:18px 0 0 40px;
}

.time01 {
	display:block;
	height:60px;
	width:78px;
	position:absolute;
	left: 680px;
	top: 10px;
	background:url(../n_images/quiz-time.png) no-repeat;
	color: #4e403c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding:18px 0 0 40px;
}

.text-black72 {
	font-size:72px;
	font-family:Georgia;
	color:#000000;
	letter-spacing: -2px;
}
.scored {
	display:none;
	height:242px;
	width:350px;
	/*
	position:absolute;
	left: 175px;
	top: 519px;
	*/
}

.scored .close a {
	width:30px;
	height:30px;
	display:block;
	background:url(../n_images/btn-close.png) no-repeat top;
	position:absolute;
	left: 351px;
	z-index:5;
	top: 7px;
}
.scored .close a:hover {
	background:url(../n_images/btn-close.png) no-repeat bottom;
}
.btn-send a {
	width:126px;
	height:52px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	background:url(../n_images/btn-send.png) no-repeat top;
}
.btn-send a:hover {
	background:url(../n_images/btn-send.png) no-repeat bottom;
}

.text-black16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #000;
	letter-spacing: 2px;
}

.text-black13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}

.text-black15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	letter-spacing: 2px;
}

#html5_mp3_player{
	display:block;
	height:20px;
	width:120px;
	float:right;
}

#html5_mp3_player a{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-left:3px;
}

#html5_mp3_player a.play{
	background-image:url(../n_images/play.png);
}

#html5_mp3_player a.play:hover{
	background-image:url(../n_images/play-over.png);
}

#html5_mp3_player a.stop{
	background-image:url(../n_images/stop.png);
}

#html5_mp3_player a.stop:hover{
	background-image:url(../n_images/stop-over.png);
}

#html5_mp3_player a.prev{
	background-image:url(../n_images/left.png);
}

#html5_mp3_player a.prev:hover{
	background-image:url(../n_images/left-over.png);
}

#html5_mp3_player a.next{
	background-image:url(../n_images/right.png);
}

#html5_mp3_player a.next:hover{
	background-image:url(../n_images/right-over.png);
}

#html5_mp3_player a.down{
	background:url(../n_images/btn-mp3download.gif) no-repeat top;
}

#html5_mp3_player a.down:hover{
	background:url(../n_images/btn-mp3download.gif) no-repeat bottom;
}