* {
-webkit-touch-callout:none;
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */

/* No support for these yet, use at own risk */
-o-user-select: none;
user-select: none;
}
.first-name-cont{
	width:30%;height: 25px;
}
.contact-cont{
	width:64%;height: 25px
}
.common-cont{
	width:90%;
}
.username-cont{
	width:36%;
}
.span1 {
	width: 93%;
	border-radius: 0px 10px 0px 0px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 34px;
}
.span1_error {
	width: 173%;
	border-radius: 0px 10px 0px 0px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 34px;
}
.span1a {
	width: 100%;
	border-radius: 0px 10px 0px 0px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 34px;
}
.span3c {
	width: 209px;
	margin-top: 60px;
	z-index: 1;
	display: block;
}
.buttomReading {
	background-image: url(../images_en/reading/pic_reading_buttom.png);
	height: 156px;
	width: 100%;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: right;
}
.buttomReadingResult {
	background-image: url(../images_en/reading/pic_reading_buttom_result.png);
	height: 329px;
	width: 100%;
	display: block;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: center;
}
.commentArea {
	margin-right: auto;
	margin-left: auto;
	width: 560px;
}
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.rightMenu {
	float: right;
	width: 212px;
	margin-right: -30px;
	margin-top: -7px;
	left: 75%;
	z-index: 100;
	position: absolute;
	top: 41px;
}
.logoCP {
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.mainTop {
	margin: 0px;
	position: relative;
	top: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.articleContent {
  width: 500px;
  padding-left: 20px;
  display: block;
  height: auto;
  padding-top: 20px;
}
.toplineReading {
	background-image: url(../images_en/reading/pic_line_reading.png);
	height: 50px;
	width: 31px;
	position: relative;
	z-index: 0;
	top: 80px;
	left: 35px;
}
.toplineReading_main {
  background-image: url(../images_en/reading/pic_line_reading.png);
  height: 60px;
  width: 31px;
  position: relative;
  z-index: 0;
  top: 60px;
  left: 35px;
}
.toplineListening {
	background-image: url(../images_en/listening/pic_line_listening.png);
	height: 50px;
	width: 31px;
	position: relative;
	z-index: 0;
	top: 80px;
	left: 175px;
}
.toplineListening_main {
	background-image: url(../images_en/listening/pic_line_listening_main.png);
	height: 150px;
	width: 31px;
	position: relative;
	z-index: 0;
	top: 88px;
	left: 170px;
}
.toplineMyspace {
	background-image: url(../images_en/myspace/pic_line_myspace.png);
	height: 50px;
	width: 31px;
	position: relative;
	z-index: 0;
	top: 70px;
	left: -110px;
}
.articleTopInfo_left {
	width: 500px;
	display: block;
	float: none;  /* float: left; */
}
.articleTopArea {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 730px;
}
.articleTopRanking {
	width: auto;
	margin: 0px;
	padding: 0px;
	float: none;
	display: block;
	height: 80px;
}
.ratingArea {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  /* float: left; */
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.btnLike {
  float: left;
  padding-left: 0px;
  height: 50px;
}
.btnLevel {
  float: left;
  padding-left: 50px;
  height: 50px;
}
.articleTopTitle {
	color: #00aeb2;
	font-size: xx-large;
	font-weight: bold;
	padding-left: 28%;
	padding-top: 50px;
	padding-bottom: 20px;
}
.target-readArticle {
	z-index: 100;
	width: 300px;
	position: absolute;
	right: 16%;
}

.pageTopReading {
	background-image: url(../images_en/reading/reading_top_bg.png);
	height: 41px;
	width: 75%;
	float: right;
	position: relative;
	top: 0px;
	right: -15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 39px;
	line-height: 2.7em;
	color: #333333;
	font-size: small;
	background-repeat: no-repeat;
	background-position: right;
}
.pageTopReading a {
	color: #333;
}
.pageTopReading a:hover {
	color: #ffffff;
}
.pageTopListening {
	background-image: url(../images_en/listening/listening_top_bg_01.png);
	height: 41px;
	width: 75%;
	float: right;
	position: relative;
	top: 0px;
	right: -15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 39px;
	line-height: 2.7em;
	color: #ffffff;
	font-size: small;
	background-repeat: no-repeat;
	background-position: right;
}
.pageTopListening a {
	color: #ffffff;
}
.pageTopListening a:hover {
	color: #b2eaf9;
}
.leftMenu {
	background-image: none;
	height: 0px;
	width: 0px;
	background-position: center;
	position: relative;
	z-index: -1;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.leftbtn_listening {
	float: left;
	height: 10px;
	font-size: large;
	right: 0px;
	width: 505px;
	background-image: none;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 220px;
}
.leftPic {
	background-image: none;
	height: 0px;
	width: 0px;
	background-position: center;
	position: relative;
	z-index: -2;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.leftbtn {
	font-size: large;
	width: 525px;
	background-image: url(../images_en/reading/leftbtn_768_bg.png);
	background-repeat: no-repeat;
	margin-top: -48px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: 205px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 103px;
}
.leftbtn li {
	float: left;
	height: 43px;
	left: 500px;
}
.leftbtn > li > a {
	height: 43px;
	width: 176px;
	display: block;
	color: #ffffff;
	text-align: center;
	line-height: 2.2em;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000000;
	margin-left: 12px;
	background-image: url(../images_en/myspace/btn_left_bg_on.png);
	transition:all 0.5s;
}
.leftbtn > li > a:hover {
	background-image: url(../images_en/reading/btn_left_bg.png);
	height: 45px;
	width: 176px;
	text-shadow: 1px 1px 3px #000000;
}
.leftbtn .active > a,
.leftbtn .active > a:hover {
background-image: url(../images_en/reading/btn_left_bg.png);
	height: 45px;
	width: 176px;
	text-shadow: 1px 1px 3px #000000;
}

.leftbtn_myspace {
	font-size: large;
	width: 525px;
	background-image: url(../images_en/reading/leftbtn_768_bg.png);
	background-repeat: no-repeat;
	margin-top: -48px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: 205px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 103px;
}
.leftbtn_myspace li {
	float: left;
	height: 43px;
	left: 500px;
}
.leftbtn_myspace > li > a {
	height: 43px;
	width: 108px;
	display: block;
	color: #ffffff;
	text-align: center;
	line-height: 2.2em;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000000;
	margin-left: 12px;
	background-image: url(../images_en/myspace/btn_left_bg_02_on.png);
	transition:all 0.5s;
	font-size:13px;
}
.leftbtn_myspace > li > a:hover {
	background-image: url(../images_en/myspace/btn_left_bg_02.png);
	height: 45px;
	width: 108px;
	text-shadow: 1px 1px 3px #000000;
}
.leftbtn_myspace .active > a, .leftbtn_myspace .active > a:hover {
background-image: url(../images_en/myspace/btn_left_bg_02.png);
	height: 43px;
	width: 108px;
	text-shadow: 1px 1px 3px #000000;
}


.reading_leftArea {
	width: 100%;
	height: 52px;
	margin-top: 0px;
	z-index: 1;
	display: block;
}
.leftbtn_myspace > li .notes {
	background-color: #ff0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  height: 22px;
  width: 22px;
  border-radius: 20px;
  text-align: center;
  line-height: 1.8em;
  box-shadow: #333333 0px 1px 2px;
  position: absolute;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 113px;
}
.load_menu {
	height: 40px;
	margin-left: 12px;
}
.load_menu li {
	float: left;
}
.btn_load_01 a {
	background-image: url(../images_en/load/768/btn_01.png);
	height: 40px;
	width: 108px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_01 a:hover {
	background-image: url(../images_en/load/768/btn_01_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_01 .active {
	background-image: url(../images_en/load/768/btn_01_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_02 a {
	background-image: url(../images_en/load/768/btn_02.png);
	height: 40px;
	width: 298px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_02 a:hover {
	background-image: url(../images_en/load/768/btn_02_on.png);
	height: 40px;
	width: 298px;
}
.btn_load_02 .active {
	background-image: url(../images_en/load/768/btn_02_on.png);
	height: 40px;
	width: 298px;
}
.btn_load_03 a {
	background-image: url(../images_en/load/768/btn_03.png);
	height: 40px;
	width: 108px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_03 a:hover {
	background-image: url(../images_en/load/768/btn_03_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_03 .active {
	background-image: url(../images_en/load/768/btn_03_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_04 a {
	background-image: url(../images_en/load/768/btn_04.png);
	height: 40px;
	width: 108px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_04 a:hover {
	background-image: url(../images_en/load/768/btn_04_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_04 .active {
	background-image: url(../images_en/load/768/btn_04_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_05 a {
	background-image: url(../images_en/load/768/btn_05.png);
	height: 40px;
	width: 148px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_05 a:hover {
	background-image: url(../images_en/load/768/btn_05_on.png);
	height: 40px;
	width: 148px;
}
.btn_load_05 .active {
	background-image: url(../images_en/load/768/btn_05_on.png);
	height: 40px;
	width: 148px;
}
.btn_load_06 a {
	background-image: url(../images_en/load/768/btn_06.png);
	height: 40px;
	width: 84px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_06 a:hover {
	background-image: url(../images_en/load/768/btn_06_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_06 .active {
	background-image: url(../images_en/load/768/btn_06_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_07 a {
	background-image: url(../images_en/load/768/btn_07.png);
	height: 40px;
	width: 108px;
	display: block;
	transition:all 0.3s;
	background-position: bottom;
	background-repeat: no-repeat;
}
.btn_load_07 a:hover {
	background-image: url(../images_en/load/768/btn_07_on.png);
	height: 40px;
	width: 108px;
}
.btn_load_07 .active {
	background-image: url(../images_en/load/768/btn_07_on.png);
	height: 40px;
	width: 108px;
}
#back-top {
	bottom: 200px;
	display: none;
	height: 36px;
	left: 50%;
	margin-left: 325px;
	position: fixed;
	width: 36px;
	z-index: 10;
}
.btn_intro {
	width: 185px;
	height: 66px;
	bottom: -5px;
	position: absolute;
	z-index: 100;
	left: 38%;
}
.reRead {
	display: block;
	background-color: #ffffff;
	overflow: auto;
	box-shadow: 0px 5px 5px #7d7d7d;
	border: 5px solid #F60;
	position: fixed;
	height: auto;
	width: 250px;
	bottom: 13%;
	top: 17%;
	left:65%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.btn_reRead_close {
	background-color: #F60;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	width: 25px;
	z-index: 110;
	float: right;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: none;
	position: fixed;
	bottom: 13%;
	top: 17%;
	left:65%;
}
.btn_reRead_close a {
	color: #FFF;
}