@charset "utf-8";

.mainContainer {
	width:695px;
	font-size: 95%;
	line-height: 1.5;
}

.promoImg {
	width: 838px;
}

#gospel01 {
	height: 530px;
}

#gospel01 h3 {
	margin-bottom: 40px;
}

#gospel01 .introTxt {
	margin-bottom: 18px;
	background: url(/course_vocal/gospel/images/gospel_img_02.jpg) no-repeat right top;
}

.bnrEvent {
	padding-left: 0;
}

#coursePrice,
#courseAccess,
#coursePoint {
	margin-left: 0;
}


/* ------------------------------------------
 tab
------------------------------------------- */

.tabContentNav ul li {
	float:left;
	text-indent:-9999px;
}

.tabContentNav ul li a {
	display:block;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.box {
	margin: 0px 0 35px 0;
	padding-bottom:20px;
	background: #f1f1f1 url(/course_vocal/gospel/images/cmn_bg_02.png) no-repeat left bottom;
	width: 701px;
}

div.tabArea div.box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.tabArea div.box {
	min-height: 1px;
}

* html div.tabArea div.box {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div.tabArea2 div.box2 {
	display: none;
	margin: 0 0 20px 8px;
}
div.tabArea div.box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.tabArea div.box {
	min-height: 1px;
}
* html div.tabArea div.box {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* tabContentNav */

.tabContentNav ul li a {
	height:71px;
	background-image: url(/course_vocal/gospel/images/gospel_nav_01.png);
}

.tabContentNav ul li#tabMenu01 a {
	width:115px;
	background-position:0 0;
}

.tabContentNav ul li#tabMenu01 a:hover,
.tabContentNav ul li#tabMenu01 a.selected {
	background-position:0 -71px;
}

.tabContentNav ul li#tabMenu02 a {
	width:129px;
	background-position:-115px 0;
}

.tabContentNav ul li#tabMenu02 a:hover,
.tabContentNav ul li#tabMenu02 a.selected {
	background-position:-115px -71px;
}

.tabContentNav ul li#tabMenu03 a {
	width:115px;
	background-position:-244px 0;
}

.tabContentNav ul li#tabMenu03 a:hover,
.tabContentNav ul li#tabMenu03 a.selected {
	background-position:-244px -71px;
}

.tabContentNav ul li#tabMenu04 a {
	width:115px;
	background-position:-359px 0;
}

.tabContentNav ul li#tabMenu04 a:hover,
.tabContentNav ul li#tabMenu04 a.selected {
	background-position:-359px -71px;
}

.tabContentNav ul li#tabMenu05 a {
	width:115px;
	background-position:-474px 0;
}

.tabContentNav ul li#tabMenu05 a:hover,
.tabContentNav ul li#tabMenu05 a.selected {
	background-position:-474px -71px;
}

.tabContentNav ul li#tabMenu06 a {
	width:106px;
	background-position:-589px 0;
}

.tabContentNav ul li#tabMenu06 a:hover,
.tabContentNav ul li#tabMenu06 a.selected {
	background-position:-589px -71px;
}


/* tab 01 */

#tabContent01 h3 {
	margin-bottom: 18px;
}

#tabContent01 .textBody {
	margin: 0 auto 20px;
	width: 635px;
	clear: both;
}

#tabContent01 .textBody:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tabContent01 .textBody  {
	min-height: 1px;
}

* html #tabContent01 .textBody  {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#tabContent01 h4 {
	margin-bottom: 8px;
}

#tabContent01 .subTitle {
	margin-bottom: 10px;
	color: #9c623e;
	font-weight: bold;
}

#tabContent01 .subTitle span {
	font-weight: normal;
	font-size: 77%;
}

#tabContent01 .textBody p {
	margin-bottom: 
	18px;
}

#tabContent01 .contenBox {
	margin-bottom: 12px;
	clear: both;
}

#tabContent01 .contenBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tabContent01 .contenBox {
	min-height: 1px;
}

* html #tabContent01 .contenBox {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#tabContent01 .contenBox .contL {
	float: left;
	width: 311px;
}

#tabContent01 .contenBox .contL p {
	padding-top: 18px;
	width: 289px;
}

#tabContent01 .contenBox .contR {
	float: right;
	width: 311px;
}

#tabContent01 .contenBox .caption {
	margin: 5px 0 0 5px;
	color: #9c623e;
}

#tabContent01 .textBody .textBody02 {
	float: left;
	width: 542px;
}

#tabContent01 .textBody02:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tabContent01 .textBody02  {
	min-height: 1px;
}

* html #tabContent01 .textBody02  {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#tabContent01 .txtLeft {
	float: left;
	width: 342px;
}

#tabContent01 .imgRight {
	float: right;
}

/* tab 02 */
#tabContent02 #tabContent02_01 {
	padding: 28px 30px 0 30px;
}

#tabContent02 #tabContent02_01 .contL {
	margin: 0 24px 25px 0;
	width: 181px;
	float: left;
}

#tabContent02 #tabContent02_01 .contR {
	width: 430px;
	float: right;
}

#tabContent02 #tabContent02_01 .contR h3 {
	margin-bottom: 20px;
}

#tabContent02 #tabContent02_01 h4 {
	margin-bottom: 8px;
}

#tabContent02 #tabContent02_01 .profile {
	font-size: 85%;
}

#tabContent02 #tabContent02_02 {
	padding: 30px;
}

#tabContent02 #tabContent02_02 .contL {
	float: left;
}

#tabContent02 #tabContent02_02 .contR {
	float: right;
}

#tabContent02 #tabContent02_03 {
	margin: 0 auto 15px;
	background: url(/course_vocal/gospel/images/index_bg02.png) no-repeat left bottom;
	width: 636px;
}

#tabContent02 #tabContent02_03 .contenBox {
	padding: 30px 27px 55px 27px;
	background: url(/course_vocal/gospel/images/index_bg01.png) no-repeat left top;
}

#tabContent02 #tabContent02_03 .contenBox h3 {
	margin-bottom: 25px;
	text-align: center;
}



/* tab 03 */

#tabContent03 .profile {
	padding: 30px 30px 0 30px;
}

#tabContent03 .profile .contL {
	float: left;
	width: 161px;
}

#tabContent03 .profile {
	margin-bottom: 20px;
}

#tabContent03 .profile .contR {
	float: right;
	width: 447px;
}

#tabContent03 .profile .contR h3 {
	margin-bottom: 20px;
}

#tabContent03 .profile .contR p {
	font-size: 85%;
}

#tabContent03 .interview {
	margin: 0 auto 15px;
	background: url(/course_vocal/gospel/images/index_bg02.png) no-repeat left bottom;
	width: 636px;
	clear: both;
}

#tabContent03 .interview .contenBox {
	margin: 0 auto 15px;
	padding: 30px;
	background: url(/course_vocal/gospel/images/index_bg01.png) no-repeat left top;
	width: 576px;
}

#tabContent03 .interview .imgR {
	margin: 0 0 25px 25px;
	float: right;
}

#tabContent03 #tabContent03_05 {
	padding: 30px 30px 0 30px;
}

#tabContent03 #tabContent03_05 .contenBox {
	margin-bottom: 20px;
}

#tabContent03 #tabContent03_05 h3 {
	margin-bottom: 15px;
}

#tabContent03 #tabContent03_05 .contL {
	float: left;
	width: 261px;
}

#tabContent03 #tabContent03_05 .contR {
	float: right;
	width: 358px;
}

#tabContent03 #tabContent03_05 .contR h4 {
	margin-bottom: 25px;
}

/* tab 04 */

#tabContent04 {
	padding: 24px 0 30px 0;
}

#tabContent04 #tabContent04_01 {
	margin: 0 auto 50px;
	width: 635px;
	background: url(/course_vocal/gospel/images/index_bg04.png) no-repeat left bottom;
	color: #8c5939;
}

#tabContent04 #tabContent04_01 .contenBox {
	padding: 30px 15px 25px;
	background: url(/course_vocal/gospel/images/index_bg03.png) no-repeat left top;
}

#tabContent04 #tabContent04_01 h3 {
	margin-bottom: 8px;
	text-align: center;
}

#tabContent04 #tabContent04_01 .tableCaption {
	margin-bottom: 5px;
	text-align: center;
}

#tabContent04 #tabContent04_01 .tableWrap {
	position: relative;
}

#tabContent04 #tabContent04_01 table {
	float: right;
	border: 1px solid #8c5939;
	width: 561px;
	table-layout: fixed;
}

#tabContent04 #tabContent04_01 table th {
	padding: 15px 0;
	background: #7b351d;
	color: #fff;
	border: 1px solid #e0d0c7;
	text-align: center;
}

#tabContent04 #tabContent04_01 table td {
	padding: 19px 0;
	border: 1px solid #e0d0c7;
	text-align: center;
	font-size: 85%;
	background: #fff;
}

#tabContent04 #tabContent04_01 li {
	position: absolute;
	left: 0;
}

#tabContent04 #tabContent04_01 .time01 {
	top: 44px;
}

#tabContent04 #tabContent04_01 .time02 {
	top: 101px;
}


#tabContent04 #tabContent04_01 .time03 {
	top: 155px;
}

#tabContent04 #tabContent04_01 .time04 {
	top: 213px;
}

#tabContent04 #tabContent04_02 {
	padding: 0 30px;
}

#tabContent04 #tabContent04_02 .contenBox {
	margin-bottom: 20px;
}

#tabContent04 .lessonClass h3 {
	margin-bottom: 10px;
}

#tabContent04 .lessonClass .contL {
	float: left;
	width: 181px;
}

#tabContent04 .lessonClass .contL li {
	margin-bottom: 8px;
}

#tabContent04 .lessonClass .contR {
	padding-right: 50px;
	float: right;
	width: 368px;
}

#tabContent04 .lessonClass .contR p {
	margin-bottom: 1.5em;
}

#tabContent04 .lessonClass .contR table {
	border: 1px solid #8c5939;
	font-size: 85%
}

#tabContent04 .lessonClass .contR table th {
	padding: 8px 15px;
	color: #7b351d;
	width: 85px;
	font-weight: bold;
	border: 1px solid #8c5939;
}

#tabContent04 .lessonClass .contR table td {
	padding: 8px 15px;
	color: #3d3e3e;
	border: 1px solid #8c5939;
}

#tabContent04 #tabContent04_03 {
	padding: 0 30px;
}

#tabContent04 #tabContent04_03 li {
	padding-right: 50px;
	float: left;
	width: 166px;
	font-size: 85%;
	background: url(/course_vocal/gospel/images/index_icon01.png) no-repeat 170px center;
}

#tabContent04 #tabContent04_03 li.step3 {
	padding-right: 0;
	background: none;
}

#tabContent04 #tabContent04_03 li p {
	margin-bottom: 10px;
}

/* tab 05 */

#tabContent05 .textBody {
	padding: 0 14px;
}

#tabContent05 .intro {
	margin: 21px 11px 18px 11px;
}

#tabContent05 .intro h3 {
	margin-bottom: 15px;
}

#tabContent05 #tabContent05_01 h4,
#tabContent05 #tabContent05_02 h4 {
	margin-bottom: 15px;
}

#tabContent05 #tabContent05_01 ul,
#tabContent05 #tabContent05_02 ul {
	margin-bottom: 20px;
	background: url(/course_vocal/gospel/images/index_bg07.png) no-repeat 193px 15px;
}

#tabContent05 #tabContent05_01 li,
#tabContent05 #tabContent05_02 li {
	margin-right: 40px;
	background: url(/course_vocal/gospel/images/index_bg06.png) no-repeat left bottom;
	width: 185px;
	font-size: 85%;
	float: left;
}

#tabContent05 #tabContent05_01 .listLast,
#tabContent05 #tabContent05_02 .listLast {
	margin-right: 0;
}

#tabContent05 #tabContent05_01 li p,
#tabContent05 #tabContent05_02 li p {
	padding: 12px 15px;
	background: url(/course_vocal/gospel/images/index_bg05.png) no-repeat left top;
	min-height: 60px;
}

* html #tabContent05 #tabContent05_01 li p,
* html #tabContent05 #tabContent05_02 li p {
	height: 50px;
}

#tabContent05 #tabContent05_01 li span,
#tabContent05 #tabContent05_02 li span {
	font-weight: bold;
	color: #dc400c;
	font-size: 115%;
}

#tabContent05 #tabContent05_01 .cont01,
#tabContent05 #tabContent05_02 .cont01 {
	margin-bottom: 30px;
}

#tabContent05 #tabContent05_01 .cont01 .contL,
#tabContent05 #tabContent05_02 .cont01 .contL {
	width: 347px;
	float: left;
}

#tabContent05 #tabContent05_01 .cont01 .contR,
#tabContent05 #tabContent05_02 .cont01 .contR {
	float: right;
}

#tabContent05 #tabContent05_02 ul {
	margin-bottom: 20px;
	background: url(/course_vocal/gospel/images/index_icon01.png) no-repeat 193px 15px;
}

#tabContent05 #tabContent05_02 .contC {
	margin-right: 29px;
	width: 191px;
	float: left;
}

#tabContent05 #tabContent05_02 .lastBox {
	margin-right: 0;
}

#tabContent05 #tabContent05_02 .contC p {
	margin-top: 5px;
	text-align: center;
}

#tabContent05 #tabContent05_02 .cont02 {
	margin-bottom: 12px;
}

#tabContent05 #tabContent05_02 .cont03 {
	clear: both;
/*	background: url(/course_vocal/gospel/images/index_icon03.png) no-repeat 369px 196px;*/
}

#tabContent05 #tabContent05_02 .cont03 h4 {
	text-align: center;
/*	background: url(/course_vocal/gospel/images/index_icon02.png) no-repeat center 30px;*/
}

#tabContent05 #tabContent05_02 .cont03 h5 {
	margin-bottom: 10px;
	text-align: center;
}

#tabContent05 #tabContent05_02 .cont03 .contL {
	float: left;
}


#tabContent05 #tabContent05_02 .cont03 .contR {
	float: right;
}

/* tab 06 */

#tabContent06 .textBody {
	padding: 0 14px;
}

#tabContent06 #tabContent06_01 {
	margin-bottom: 12px;
	padding-top: 22px;
}

#tabContent06 #tabContent06_01 ul {
	margin-bottom: 12px;
}

#tabContent06 #tabContent06_01 .contL {
	width: 328px;
	float: left;
}

#tabContent06 #tabContent06_01 .contR {
	width: 328px;
	float: right;
}

#tabContent06 #tabContent06_01 .contenBox {
	margin-bottom: 12px;
}

#tabContent06 #tabContent06_02 {
	padding-bottom:15px;
	background: url(/course_vocal/gospel/images/index_bg08.png) no-repeat 14px bottom;
}

#tabContent06 #tabContent06_02 h4 {
	margin-bottom: 17px;
}

#tabContent06 #tabContent06_02 ol {
	padding: 0 0 19px 16px;
}

#tabContent06 #tabContent06_02 ol li {
	margin-bottom: 18px;
	float: left;
	width: 320px;
	font-size: 85%;
}

#tabContent06 #tabContent06_02 ol li.listLast {
	margin-bottom: 0;
	float: none;
	width: 480px;
	clear: both;
}

#tabContent06 #tabContent06_02 ol li div {
	margin-right: 11px;
	float: left;
	width: 171px;
}

#tabContent06 #tabContent06_02 ol li dl {
}

#tabContent06 #tabContent06_02 ol li dt {
	margin: 8px 0;
}



/*--------------------------
12/12/17
---------------------------*/



.ranking_wrap {

}
.content_set { margin:0 0 30px 0;
}
.ranking_title {
  background-color: black;
}
.ranking_title p {
  color: white;
  font-size: 14px;
  padding: 8px 23px;
}
.ranking_box {
  padding: 15px;
  background-color: #efefef;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #bababa;
}
.ranking_dark {
  background-color: #dedede;
}
.ranking_medal {
  float: left;
  width: 109px;
}
.ranking_comment {
  float: left;
  width: 555px;
}
.ranking_comment h4 {
  font-size: 16px;
  font-weight: bold;
  color: #cb0f18;
}
.ranking_balloon_wrap {
  padding-top: 20px;
}
.ranking_face {
  float: left;
  width: 70px;
}
.ranking_balloon {
  float: left;
  width: 465px;
  padding-left: 10px;
  background: url('../images/ranking_balloon.png') 0px 45px no-repeat;
}
.ranking_balloon_inner {
  width: 461px;
  padding: 13px 7px;
  background-color: white;
}
.ranking_box_small {
  background-color: #dedede;
  width: 346px;
  height: 80px;
  line-height: 80px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #cb0f18;
}
.ranking_box_small img {
  margin: 13px;
  float: left;
}
.ranking_left {
  border-top: solid 1px #efefef;
  border-right: solid 1px #efefef;
  border-bottom: solid 1px #bababa;
}
.ranking_right {
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #bababa;
  border-left: solid 1px #bababa;
}
.ranking_bottom {
  border-bottom: none;
}



.tab{
	height: 48px;
	width: 701px;
	margin-bottom: 20px;
}

.tab ul li{
	float: left;
}

.tab ul li.l7{
	margin-left: 7px;	
}

.boxA{
	margin: 25px 0 0 0;
}

.textA{
	padding: 14px;
}

.textB{
	padding: 10px 14px 18px 14px;
}

.boxB{
	margin: 35px 0 0 0;
}

.boxB h3{
	margin: 24px 14px 0 14px;
}

.boxB h5{
	margin: 0 14px 0 14px;
}

.boxB h5.t16{
	margin: 16px 14px 0 14px;
}


.contact{
	height: 82px;
	width: 647px;
	background-image: url(/course_vocal/gospel/images/gospel_bg_contact.jpg);
	margin: 35px 0 35px 0;
	padding: 24px 0 0 24px;
}

.contact2{
	height: 82px;
	width: 647px;
	background-image: url(/course_vocal/gospel/images/gospel_bg_contact.jpg);
	margin: 35px 0 35px 14px;
	padding: 24px 0 0 24px;
}

.imgR18{
	margin: 0 18px 0 0;
}

.boxC {
	margin: 20px 0 30px 0;
	background: url(/course_vocal/gospel/images/cmn_bg_03.jpg) no-repeat;
	height: 191px;
	width: 671px;
}

.boxC .contL {
	width: 347px;
	float: left;
	margin: 19px 0 0 25px;
}

.boxC .contR {
	float: right;
	margin: 8px 11px 0 0;
}

.l11{
	padding-left: 11px;
}


.boxD{
	height:690px;
	padding: 15px 11px 0 11px;
	background: url(/course_vocal/gospel/images/cmn_bg_04.jpg) no-repeat;
}


.boxBg{
	background-image: url(/course_vocal/gospel/images/cmn_bg_05.jpg);
	background-repeat: no-repeat;
	padding: 8px 0 0 13px;
	height: 254px;
	width: 342px;
}

.t15{
	padding-top: 15px;
}

.t25{
	padding-top: 25px;
}

.t35{
	padding-top: 35px;
}

.boxE{
	height: 353px;
	width: 656px;
	background: url(/course_vocal/gospel/images/cmn_bg_06.jpg) no-repeat;
	padding-top: 18px;
	padding-left: 16px;
	margin-top: 35px;
}


.imgL2{
	float: left;	
}

.imgR2{
	float:right
}


.textC{
	padding: 27px 20px 12px 190px;
	display: block;
}

.imgL2 img{
	padding-right: 15px;
}


.td_1{
	text-align: center;
	vertical-align: middle;
	width: 150px;
	background-color: #c0af95;
	border: 1px solid #b9a59c;
}

.td_2{
	width: 270px;
	padding: 12px 15px 11px 15px;
	border: 1px solid #b9a59c;
}


.boxF{
	height: 286px;
	width: 656px;
	background: url(/course_vocal/gospel/images/cmn_bg_07.jpg) no-repeat;
	padding-top: 18px;
	padding-left: 16px;
	margin-top: 35px;
}

.pic{
	background-image: url(/course_vocal/gospel/images/cmn_bg_08.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 671px;
	margin-top: 20px;
}

.pic table{
	width: 100%;	
}

.td_3{
	text-align: center;
	vertical-align: middle;
	height: 125px;
	width: 115px;
}

.td_4{
	vertical-align: middle;
	padding-left: 17px;	
}

.teacherTitle{
	background-image: url(/course_vocal/gospel/images/cmn_bg_09.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 290px;
	width: 671px;
}

.textD{
	padding: 72px 0 0 0;
}

.textH{
	padding: 72px 0 0 20px;
}

.imgB{
	padding-bottom: 10px;
}

.textE{
	font-size: 90%;
	color: #282828;
	padding: 0 15px 0 0;
}

.imgR {
	margin: 0 0 10px 20px;
	float: right;
}

.boxG{
	padding: 27px 20px 0 20px;
	height: 400px;
	width: 671px;
}

.teacherText{
	padding: 26px 20px 20px 20px;
	background-image: url(/course_vocal/gospel/images/cmn_bg_10.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.teacherText p{
	margin-bottom: 10px;	
}

.teacherBox{
	background-image: url(/course_vocal/gospel/images/cmn_bg_11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 103px;
	width: 626px;
	padding: 11px 14px 11px 14px;
	margin-left: -11px;
}

.teacherBox2{
	background-image: url(/course_vocal/gospel/images/cmn_bg_12.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 134px;
	width: 626px;
	padding: 11px 14px 11px 14px;
	margin-left: -11px;
}

.textF{
	font-size: 90%;
	color: #282828;
	padding: 7px 0 0 0;
}


.bh{
	background-image: url(/course_vocal/gospel/images/bg_bh.jpg);
	height: 43px;
	width: 701px;
	font-size: 22px;
	color: #320302;
	text-align: center;
	padding-top: 12px;
}


.textI{
	padding: 0 14px 14px 14px;
}