F*{
	margin:0;
	padding:0;
	border:0;
}
header, nav, footer, section, aside, article{
	display:block;
}
body{
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:28px;
	color:#171717;
}
a{
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Birthstone", cursive;
	font-weight:normal;
}
.wrapper{
	max-width:1160px;
	width:100%;
	margin:0 auto;
}
.wrapper02{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.specer{
	font-size:0;
	line-height:0;
	clear:both;
}
nav{
	background:none;
	float:right;
}
.headerBg{
	background:url(110719header_bg.jpg) 0 50% no-repeat;
	padding:45px 0 30px 0;
	background-size:cover;
}
.headerWrap{
	width:100%;
	max-width:1090px;
	float:right;
	margin-top:20px;
}
.joyitaCont{
	width:100%;
	max-width:415px;
	float:left;
	text-align:center;
	margin-top:50px;
}
.joyitaCont img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.joyitaName{
	font-family: "Birthstone", cursive;
	font-size:90px;
	line-height:auto;
	color:#000;
	margin-top:35px;
}
.joyitaSinger{
	font-family: "Manrope", sans-serif;
	font-size:25px;
	line-height:31px;
	color:#000;
	font-weight:600;
	margin-top:-25px;
}
.vectorImg{
	width:100%;
	max-width:600px;
	float:right;
}
.aboutHerBg{
	background:#fff;
	padding:40px 0;
}
.aboutHerWrap{
	width:100%;
	max-width:1160px;
	float:left;	
}
.aboutJoyitaCont{
	width:100%;
	max-width:660px;
	float:left;	
}
.divider{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
}
.dividerResp{
	width:100%;
	margin:20px 0px;
	float:left;
	display:none;
}
.programCont{
	width:100%;
	max-width:460px;
	float:right;	
}
.aboutJoyitaHead{
	font-family: "Birthstone", cursive;
	font-size:55px;
	line-height:65px;
	color:#b32411;
	margin-bottom:15px;
}
.aboutJoyitaTxt01{
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:28px;
	color:#000;
	font-weight:500;
	margin-bottom:20px;
}
.aboutJoyitaTxt02{
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:35px;
	color:#000;
	font-weight:500;
}
.readMore{
	background:#da251d;
	font-family: "Manrope", sans-serif;
	font-size:15px;
	line-height:28px;
	color:#fff;
	font-weight:500;
	padding:5px 20px;
	display:inline-block;
	border-radius:20px;
}
.readMore:hover{
	background:#171717;
}
.musicBg{
	width:100%;
	padding:0 0 25px 0;
}
.musicBg img{
	width:100%;
	height:auto;
}
.bookAlbumBg{
	background:#fff;
	padding:10px 0 60px 0;
}
.bookAlbumWrap{
	width:100%;
	max-width:1160px;
	float:left;	
}
.relzAlbumCont{
	width:100%;
	max-width:520px;
	float:left;	
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-family: "Birthstone", cursive;
	font-size:55px;
	line-height:46px;
	color:#000;
	margin-bottom:35px;
	padding-left:55px;
}
.relzAlbumBox{
	width:100%;
	max-width:237px;
	float:left;
	margin-right:10px;	
}
.relzAlbumMore{
	max-width:25px;
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:500;
	color:#000;
	display:inline-block;
	margin-top:50px;
	text-align:center;
}
.relzAlbumMore span{
	font-family: "Manrope", sans-serif;
	font-size:35px;
	line-height:22px;
	color:#000;
	display:inline-block;
}
.publishBookCont{
	width:100%;
	max-width:525px;
	float:right;	
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-family: "Birthstone", cursive;
	font-size:55px;
	line-height:46px;
	color:#000;
	margin-bottom:35px;
	padding-left:105px;
}
.publishBookBox{
	width:100%;
	max-width:155px;
	float:left;
	margin-right:10px;	
}
.performedBg{
	background:url(110719performed_bg.jpg) 50% 0 no-repeat;
	padding:50px 0 120px 0;
	background-size:cover;
}
.performedWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;	
}
.performedBox{
	width:100%;
	max-width:500px;
	float:left;	
	margin-left:50px;
	margin-top:150px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-family: "Birthstone", cursive;
	font-size:60px;
	line-height:70px;
	color:#b32411;
	margin-bottom:15px;
	padding-left:75px;
}
.performedTxt01{
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:40px;
	font-weight:400;
	color:#000;
}
.fourTabCont{
	width:100%;
	max-width:430px;
	float:left;
	margin-top:100px;
	margin-left:130px;
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
.fourTabTxt01{
	font-family: "Birthstone", cursive;
	font-size:40px;
	line-height:46px;
	font-weight:400;
	color:#b32411;
}
footer{
	background:#60b9b2;
	padding:30px 0;
	font-family: "Manrope", sans-serif;
}
.footerCont01{
	width:100%;
	max-width:340px;	
	float:left;
	margin-right:50px;
}
.footerCont02{	
	width:100%;
	max-width:200px;
	float:left;
}
.footerHead{
	font-family: "Birthstone", cursive;
	font-size:40px;
	line-height:46px;
	color:#000;
	font-weight:400;
	padding-bottom:10px;
}
.footerTxt{
	font-size:16px;
	line-height:25px;
	font-weight:400;
	color:#000;
	padding-bottom:20px;
}
.footerBtn{
	font-size:16px;
	line-height:30px;
	font-weight:400;
	color:#000;
}
.footerBtn:hover{
	color:#fff;
}
.poweredbyBg{
	background:#c3c3c3;
	padding:10px 0;
	text-align:center;
}
.poweredby{
	font-size:14px;
	line-height:19px;
	color:#000;	
	display:inline-block;
}




/* Inner CSS */
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 90% no-repeat;
	padding:45px 0 30px 0;
	background-size:contain cover;
}
.inrHeaderWrap{
	width:100%;
	max-width:800px;
	float:left;
}
.inrJoyitaCont{
	width:100%;
	max-width:340px;
	float:left;
	margin-top:0px;
}
.inrJoyitaCont img{
	width:60%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.inrJoyitaName{
	width:100%;
	max-width:450px;
	float:left;
	margin-top:20px;
}
.inrJoyita{
	font-family: "Birthstone", cursive;
	font-size:90px;
	line-height:auto;
	color:#000;
	margin-top:35px;
}
.inrJoyitaSinger{
	font-family: "Manrope", sans-serif;
	font-size:23px;
	line-height:31px;
	color:#000;
	font-weight:600;
	margin-top:-25px;
	text-align:center;
}
.innerWrapBg{
	background:#fff;
	padding:30px 0 80px 0;
}
.innerCont{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.innerHeading{
	font-family: "Birthstone", cursive;
	font-size:50px;
	line-height:56px;
	color:#b32411;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.innerText{
	font-family: "Manrope", sans-serif;
	font-size:16px;
	line-height:28px;
	color:#171717;
	font-weight:500;
	margin-bottom:25px;
}
.innerTextBlack{
	font-family: "Manrope", sans-serif;
	font-size:25px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	font-style:italic;
	padding-bottom:25px;
}
.innerCont02{
	background:#f2f1ee;
	max-width:90%;
	margin:0 auto;
	padding:30px;
	margin-top:40px;
	margin-bottom:50px;
	border-radius:25px;
}
.authorBox{
	width:100%;
	max-width:230px;
	float:left;
	margin-right:30px;
	margin-bottom:35px;
}
.authorBox img{
	width:100%;
	border:1px solid #adadad;
}
.releaseMusicBox{
	width:100%;
	max-width:320px;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.releaseMusicBox img{
	width:100%;
}
.pressReviewBox{
	width:100%;
	max-width:320px;
	float:left;
	margin-right:28px;
	margin-bottom:35px;
}
.pressReviewBox img{
	width:100%;
	border:1px solid #ccc;
}















/* Responsive CSS*/

@media screen and (max-width:1200px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
}



@media screen and (max-width:1199px) and (min-width:992px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
nav{
	background:none;
	float:none;
}
.wrapper02{
	max-width:100%;
	margin:0 auto;
}
.headerBg{
	background:url(110719header_bg.jpg) 0 30% no-repeat;
	padding:0px 0 30px 0;
	background-size:cover;
}
.headerWrap{
	width:90%;
	max-width:1090px;
	float:none;
	margin:0 auto;
	margin-top:0px;
}
.joyitaName{
	font-size:75px;
	line-height:auto;
	margin-top:35px;
}
.joyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-25px;
}
.vectorImg{
	width:100%;
	max-width:450px;
	float:right;
	margin-top:35px;
}
.vectorImg img{
	width:100%;
}
.aboutJoyitaCont{
	width:100%;
	max-width:450px;
	float:left;	
}
.programCont{
	width:100%;
	max-width:400px;
	float:right;	
}
.aboutJoyitaHead{
	font-size:48px;
	line-height:58px;
	margin-bottom:15px;
}
.aboutJoyitaTxt01{
	font-size:15px;
	line-height:26px;
	font-weight:500;
	margin-bottom:20px;
}
.aboutJoyitaTxt02{
	font-size:15px;
	line-height:35px;
	font-weight:500;
}
.bookAlbumWrap{
	width:90%;
	max-width:1160px;
	float:none;
	margin:0 auto;	
}
.relzAlbumCont{
	width:100%;
	max-width:400px;
	float:left;	
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-size:48px;
	line-height:50px;
	margin-bottom:35px;
	padding-left:55px;
}
.relzAlbumBox{
	width:100%;
	max-width:160px;
	float:left;
	margin-right:10px;	
}
.relzAlbumBox img{
	width:100%;	
}
.publishBookCont{
	width:100%;
	max-width:400px;
	float:right;	
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-size:48px;
	line-height:50px;
	margin-bottom:35px;
	padding-left:105px;
}
.publishBookBox{
	width:100%;
	max-width:100px;
	float:left;
	margin-right:10px;	
}
.publishBookBox img{
	width:100%;
}
.performedBg{
	background:url(110719performed_bg_resp.jpg) 0 0 no-repeat;
	padding:0px 0 40px 0;
	background-size:cover;
}
.performedBox{
	width:100%;
	max-width:500px;
	float:left;	
	margin-left:90px;
	margin-top:150px;
	margin-bottom:50px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-size:50px;
	line-height:70px;
	margin-bottom:15px;
	padding-left:75px;
}
.fourTabCont{
	max-width:95%;
	float:none;
	margin:0 auto;
	clear:both;
	
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	text-align:center;
	margin-bottom:20px;
	margin-right:10px;
}
.fourTabTxt01{
	font-size:35px;
	line-height:46px;
	font-weight:400;
}
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 90% no-repeat;
	padding:0 0 30px 0;
	background-size:contain cover;
}
.inrHeaderWrap{
	width:100%;
	max-width:670px;
	float:none;
	margin:0 auto;
	margin-top:25px;
}
.inrJoyitaName{
	width:100%;
	max-width:330px;
	float:left;
	margin-top:20px;
}
.inrJoyita{
	font-size:75px;
	line-height:auto;
	margin-top:35px;
}
.inrJoyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-25px;
	text-align:center;
}



}






@media screen and (max-width:991px) and (min-width:768px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
nav{
	background:none;
	float:none;
}
.wrapper02{
	max-width:100%;
	margin:0 auto;
}
.headerBg{
	background:url(110719header_bg.jpg) 0 30% no-repeat;
	padding:0px 0 30px 0;
	background-size:cover;
}
.headerWrap{
	max-width:90%;
	float:none;
	margin:0 auto;
	margin-top:20px;
}
.joyitaCont{
	width:100%;
	max-width:300px;
	float:left;
	text-align:center;
	margin-top:50px;
}
.joyitaCont img{
	width:75%;
}
.joyitaName{
	font-size:60px;
	line-height:auto;
	margin-top:25px;
}
.joyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-20px;
}
.vectorImg{
	width:100%;
	max-width:350px;
	float:right;
	margin-top:25px;
}
.vectorImg img{
	width:100%;
}
.aboutJoyitaCont{
	max-width:100%;
	float:left;	
}
.divider{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
	display:none;
}
.dividerResp{
	max-width:100%;
	margin:30px 0;
	float:left;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.programCont{
	max-width:100%;
	float:left;	
}
.aboutJoyitaHead{
	font-size:45px;
	line-height:65px;
	margin-bottom:5px;
}
.aboutJoyitaTxt01{
	font-size:15px;
	line-height:28px;
	font-weight:500;
	margin-bottom:20px;
}
.bookAlbumWrap{
	width:90%;
	max-width:1160px;
	float:none;	
	margin:0 auto;	
}
.relzAlbumCont{
	width:100%;
	max-width:520px;
	float:left;
	margin-bottom:50px;	
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-size:45px;
	line-height:46px;
	margin-bottom:15px;
	padding-left:55px;
}
.publishBookCont{
	width:100%;
	max-width:525px;
	float:left;	
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-size:45px;
	line-height:46px;
	margin-bottom:35px;
	padding-left:105px;
}
.performedBg{
	background:url(110719performed_bg_resp.jpg) 50% 0 no-repeat;
	padding:50px 0 10px 0;
	background-size:cover;
}
.performedBox{
	width:100%;
	max-width:500px;
	float:left;	
	margin-left:70px;
	margin-top:70px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-size:50px;
	line-height:70px;
	margin-bottom:15px;
	padding-left:75px;
}
.fourTabCont{
	width:100%;
	max-width:630px;
	float:left;
	margin-top:50px;
	margin-left:60px;
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:10px;
	text-align:center;
	margin-bottom:20px;
}
.fourTabTxt01{
	font-size:35px;
	line-height:46px;
	font-weight:400;
}
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 90% no-repeat;
	padding:0 0 30px 0;
	background-size:contain cover;
}
.inrHeaderWrap{
	width:100%;
	max-width:670px;
	float:none;
	margin:0 auto;
	margin-top:25px;
}
.inrJoyitaName{
	width:100%;
	max-width:330px;
	float:left;
	margin-top:20px;
	margin-left:-50px;
}
.inrJoyita{
	font-size:68px;
	line-height:auto;
	margin-top:35px;
}
.inrJoyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-25px;
	text-align:center;
}
.innerHeading{
	font-size:45px;
	line-height:50px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.innerTextBlack{
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:25px;
}
.authorBox{
	width:100%;
	max-width:177px;
	float:left;
	margin-right:30px;
	margin-bottom:35px;
}
.releaseMusicBox{
	width:100%;
	max-width:285px;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.pressReviewBox{
	width:100%;
	max-width:283px;
	float:left;
	margin-right:28px;
	margin-bottom:35px;
}
}



@media screen and (max-width:767px) and (min-width:600px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
nav{
	background:none;
	float:none;
}
.wrapper02{
	max-width:100%;
	margin:0 auto;
}
.headerBg{
	background:url(110719header_bg.jpg) 50% 50% no-repeat;
	padding:0px 0 30px 0;
	background-size:cover;
}
.joyitaCont{
	width:100%;
	max-width:350px;
	float:none;
	text-align:center;
	margin:0 auto;
	margin-top:10px;	
	margin-bottom:50px;
}
.joyitaCont img{
	width:90%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.joyitaName{
	font-size:70px;
	line-height:auto;
	margin-top:25px;
}
.joyitaSinger{
	font-size:25px;
	line-height:31px;
	font-weight:600;
	margin-top:-20px;
}
.vectorImg{
	width:100%;
	max-width:450px;
	float:none;
	margin:0 auto;
}
.vectorImg img{
	width:100%;
	max-width:600px;
	float:right;
}
.aboutHerBg{
	padding:20px 0 40px 0;
}
.aboutJoyitaCont{
	max-width:100%;
	float:left;
	margin-bottom:20px;	
}
.divider{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
	display:none;
}
.dividerResp{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
	display:block;
}
.programCont{
	max-width:100%;
	float:left;	
	margin-top:25px;
}
.aboutJoyitaHead{
	font-size:45px;
	line-height:55px;
	margin-bottom:5px;
}
.bookAlbumWrap{
	width:90%;
	max-width:1160px;
	float:none;	
	margin:0 auto;
}
.relzAlbumCont{
	width:100%;
	max-width:520px;
	float:left;	
	margin-bottom:50px;
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-size:45px;
	line-height:46px;
	margin-bottom:20px;
	padding-left:55px;
}
.publishBookCont{
	width:100%;
	max-width:525px;
	float:left;	
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-size:45px;
	line-height:46px;
	margin-bottom:35px;
	padding-left:105px;
}
.performedBg{
	background:url(110719performed_bg_resp.jpg) 50% 0 no-repeat;
	padding:0px 0 50px 0;
	background-size:cover;
}
.performedBox{
	width:100%;
	max-width:500px;
	float:left;	
	margin-left:50px;
	margin-top:90px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-size:50px;
	line-height:70px;
	margin-bottom:15px;
	padding-left:75px;
}
.fourTabCont{
	width:100%;
	max-width:430px;
	float:left;
	margin-top:50px;
	margin-left:50px;
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:30px;
	margin-bottom:0px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	text-align:center;
	margin-bottom:0px;
}
.fourTabTxt01{
	font-size:35px;
	line-height:46px;
	font-weight:400;
}
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 90% no-repeat;
	padding:0 0 30px 0;
	background-size:contain cover;
}
.inrHeaderWrap{
	width:100%;
	max-width:670px;
	float:none;
	margin:0 auto;
	margin-top:25px;
}
.inrJoyitaCont{
	width:100%;
	max-width:300px;
	float:left;
	margin-top:0px;
}
.inrJoyitaName{
	width:100%;
	max-width:330px;
	float:left;
	margin-top:20px;
	margin-left:-50px;
}
.inrJoyita{
	font-size:60px;
	line-height:auto;
	margin-top:35px;
}
.inrJoyitaSinger{
	font-size:18px;
	line-height:31px;
	font-weight:600;
	margin-top:-15px;
	text-align:center;
}
.innerHeading{
	font-size:45px;
	line-height:55px;
	margin-bottom:10px;
}
.innerHeading{
	font-size:45px;
	line-height:50px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.innerTextBlack{
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:25px;
}
.authorBox{
	width:100%;
	max-width:209px;
	float:left;
	margin-right:30px;
	margin-bottom:35px;
}
.releaseMusicBox{
	width:100%;
	max-width:214px;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.pressReviewBox{
	width:100%;
	max-width:300px;
	float:left;
	margin-right:28px;
	margin-bottom:35px;
}



}


@media screen and (max-width:599px) and (min-width:480px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
nav{
	background:none;
	float:none;
}
.wrapper02{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.headerBg{
	background:url(110719header_bg.jpg) 50% 0 no-repeat;
	padding:0px 0 30px 0;
	background-size:cover;
}
.headerWrap{
	max-width:100%;
	float:left;
	margin-top:0px;
}
.joyitaCont{
	max-width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
.joyitaCont img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.joyitaName{
	font-size:16vw;
	line-height:40px;
	margin-top:30px;
}
.joyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-40px;
}
.vectorImg{
	width:90%;
	max-width:500px;
	float:none;
	margin:0 auto;
	margin-top:20px;
}
.vectorImg img{
	max-width:100%;
}
.aboutJoyitaCont{
	max-width:100%;
	float:left;	
}
.divider{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
	display:none;
}
.dividerResp{
	width:100%;
	margin:20px 0px;
	float:left;
	display:block;
}
.programCont{
	max-width:100%;
	float:left;	
}
.aboutJoyitaHead{
	font-size:10vw;
	line-height:50px;
	margin-bottom:15px;
}
.aboutJoyitaTxt01{
	font-size:16px;
	line-height:30px;
	font-weight:500;
	margin-bottom:20px;
}
.aboutJoyitaTxt02{
	font-size:16px;
	line-height:35px;
	font-weight:500;
}
.readMore{
	font-size:14px;
	line-height:28px;
	font-weight:500;
	padding:5px 20px;
	display:inline-block;
	border-radius:20px;
}
.musicBg{
	width:100%;
	padding:0 0 5px 0;
}
.bookAlbumBg{
	padding:30px 0 0px 0;
}
.bookAlbumWrap{
	background:#f0f0f0;
	max-width:100%;
	width:1160px;
	float:left;	
}
.relzAlbumCont{
	max-width:90%;
	float:none;
	margin:0 auto;	
	margin-top:30px;
	margin-bottom:80px;
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-size:10vw;
	line-height:46px;
	margin-bottom:35px;
	padding-left:55px;
}
.relzAlbumBox{
	max-width:100%;
	width:237px;
	float:none;
	margin:0 auto;
	margin-bottom:25px;
}
.relzAlbumMore{
	max-width:128px;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	margin-top:20px;
	text-align:center;
	color:#e21515;
	float:none;
	margin:0 auto;
	display:block;
}
.relzAlbumMore span{
	color:#e21515;
	font-size:28px;
	line-height:22px;
	display:inline-block;
}
.publishBookCont{
	width:90%;
	max-width:525px;
	float:none;	
	margin:0 auto;
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-size:10vw;
	line-height:46px;
	margin-bottom:35px;
	padding-left:105px;
}
.publishBookBox{
	width:100%;
	max-width:155px;
	float:left;
	margin-right:10px;	
	margin-bottom:15px;
}
.performedBg{
	background:url(110719performed_bg_resp.jpg) 70% 0 no-repeat #bee2f8;
	padding:50px 0 10px 0;
	background-size:cover;
}
.performedBox{
	width:85%;
	max-width:500px;
	float:right;	
	margin-left:0px;
	margin-top:50px;
	margin-bottom:20px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-size:10vw;
	line-height:70px;
	margin-bottom:15px;
	padding-left:75px;
}
.performedTxt01{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	margin-bottom:15px;
}
.fourTabCont{
	width:100%;
	max-width:200px;
	float:none;
	margin:0 auto;
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
footer{
	padding:30px 0;
}
.footerCont01{
	max-width:100%;
	float:left;
	margin-right:0px;
}
.footerCont02{	
	width:100%;
	max-width:200px;
	float:left;
}
.footerHead{
	font-size:40px;
	line-height:46px;
	font-weight:400;
	padding-bottom:10px;
}
.footerTxt{
	font-size:16px;
	line-height:25px;
	font-weight:400;
	padding-bottom:20px;
}
.footerBtn{
	font-size:16px;
	line-height:30px;
	font-weight:400;
}
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 0 no-repeat;
	padding:0 0 30px 0;
	background-size:cover;
}
.inrHeaderWrap{
	width:100%;
	max-width:350px;
	float:none;
	margin:0 auto;
	margin-top:25px;
}
.inrJoyitaCont{
	width:100%;
	max-width:350px;
	float:left;
	margin-top:0px;
}
.inrJoyitaName{
	width:100%;
	max-width:350px;
	float:left;
	margin-top:0px;
	text-align:center;
}
.inrJoyita{
	font-size:15vw;
	line-height:auto;
	margin-top:35px;
}
.inrJoyitaSinger{
	font-size:18px;
	line-height:31px;
	font-weight:600;
	margin-top:-25px;
	text-align:center;
}
.innerHeading{
	font-size:45px;
	line-height:55px;
	margin-bottom:10px;
}
.innerHeading{
	font-size:40px;
	line-height:45px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.innerTextBlack{
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:25px;
}

}



@media screen and (max-width:479px) and (min-width:320px){
..wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
nav{
	background:none;
	float:none;
}
.wrapper02{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.headerBg{
	background:url(110719header_bg.jpg) 50% 0 no-repeat;
	padding:0px 0 30px 0;
	background-size:cover;
}
.headerWrap{
	max-width:100%;
	float:left;
	margin-top:0px;
}
.joyitaCont{
	max-width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
.joyitaCont img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.joyitaName{
	font-size:19vw;
	line-height:40px;
	margin-top:30px;
}
.joyitaSinger{
	font-size:20px;
	line-height:31px;
	font-weight:600;
	margin-top:-40px;
}
.vectorImg{
	width:90%;
	max-width:500px;
	float:none;
	margin:0 auto;
	margin-top:20px;
}
.vectorImg img{
	max-width:100%;
}
.aboutJoyitaCont{
	max-width:100%;
	float:left;	
}
.divider{
	width:100%;
	max-width:10px;
	margin:0 10px;
	float:left;
	display:none;
}
.dividerResp{
	width:100%;
	margin:20px 0px;
	float:left;
	display:block;
}
.programCont{
	max-width:100%;
	float:left;	
}
.aboutJoyitaHead{
	font-size:12vw;
	line-height:50px;
	margin-bottom:15px;
}
.aboutJoyitaTxt01{
	font-size:16px;
	line-height:30px;
	font-weight:500;
	margin-bottom:20px;
}
.aboutJoyitaTxt02{
	font-size:16px;
	line-height:35px;
	font-weight:500;
}
.readMore{
	font-size:14px;
	line-height:28px;
	font-weight:500;
	padding:5px 20px;
	display:inline-block;
	border-radius:20px;
}
.musicBg{
	width:100%;
	padding:0 0 5px 0;
}
.bookAlbumBg{
	padding:30px 0 0px 0;
}
.bookAlbumWrap{
	background:#f0f0f0;
	max-width:100%;
	width:1160px;
	float:left;	
}
.relzAlbumCont{
	max-width:90%;
	float:none;
	margin:0 auto;	
	margin-top:30px;
	margin-bottom:80px;
}
.relzAlbumHead{
	background:url(110719cd_vector.png) 0 0 no-repeat;
	font-size:11vw;
	line-height:46px;
	margin-bottom:35px;
	padding-left:55px;
}
.relzAlbumBox{
	max-width:100%;
	width:237px;
	float:none;
	margin:0 auto;
	margin-bottom:25px;
}
.relzAlbumMore{
	max-width:128px;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	margin-top:20px;
	text-align:center;
	color:#e21515;
	float:none;
	margin:0 auto;
	display:block;
}
.relzAlbumMore span{
	color:#e21515;
	font-size:28px;
	line-height:22px;
	display:inline-block;
}
.publishBookCont{
	width:90%;
	max-width:525px;
	float:none;	
	margin:0 auto;
}
.publishBookHead{
	background:url(110719book_vector.png) 0 0 no-repeat;
	font-size:12vw;
	line-height:46px;
	margin-bottom:35px;
	padding-left:105px;
}
.publishBookBox{
	width:100%;
	max-width:155px;
	float:left;
	margin-right:10px;	
	margin-bottom:15px;
}
.performedBg{
	background:url(110719performed_bg_resp.jpg) 50% 0 no-repeat #bee2f8;
	padding:50px 0 10px 0;
	background-size:contain;
}
.performedBox{
	width:85%;
	max-width:500px;
	float:right;	
	margin-left:0px;
	margin-top:50px;
	margin-bottom:20px;
}
.performedHead{
	background:url(110719performe_vector.png) 0 0 no-repeat;
	font-size:12vw;
	line-height:70px;
	margin-bottom:15px;
	padding-left:75px;
}
.performedTxt01{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	margin-bottom:15px;
}
.fourTabCont{
	width:100%;
	max-width:200px;
	float:none;
	margin:0 auto;
}
.fourTabBox01{
	width:100%;
	max-width:200px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	text-align:center;
}
.fourTabBox02{
	width:100%;
	max-width:200px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
footer{
	padding:30px 0;
}
.footerCont01{
	max-width:100%;
	float:left;
	margin-right:0px;
}
.footerCont02{	
	width:100%;
	max-width:200px;
	float:left;
}
.footerHead{
	font-size:40px;
	line-height:46px;
	font-weight:400;
	padding-bottom:10px;
}
.footerTxt{
	font-size:16px;
	line-height:25px;
	font-weight:400;
	padding-bottom:20px;
}
.footerBtn{
	font-size:16px;
	line-height:30px;
	font-weight:400;
}
.inrHeaderBg{
	background:url(110719header_bg.jpg) 50% 0 no-repeat;
	padding:0 0 30px 0;
	background-size:cover contain;
}
.inrHeaderWrap{
	width:100%;
	max-width:350px;
	float:none;
	margin:0 auto;
	margin-top:25px;
}
.inrJoyitaCont{
	width:100%;
	max-width:320px;
	float:none;
	margin:0 auto;
 }
.inrJoyitaName{
	width:100%;
	max-width:350px;
	float:left;
	margin-top:0px;
	text-align:center;
}
.inrJoyita{
	font-size:15vw;
	line-height:auto;
	margin-top:25px;
}
.inrJoyitaSinger{
	font-size:18px;
	line-height:31px;
	font-weight:600;
	margin-top:-25px;
	text-align:center;
}
.innerHeading{
	font-size:11vw;
	line-height:40px;
	margin-bottom:10px;
}
.innerHeading{
	font-size:38px;
	line-height:43px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.innerTextBlack{
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	font-style:italic;
	padding-bottom:25px;
}
.authorBox{
	max-width:100%;
	float:left;
	margin-right:0px;
	margin-bottom:35px;
}
.releaseMusicBox{
	max-width:100%;
	float:left;
	margin-right:5px;
	margin-bottom:25px;
}
.pressReviewBox{
	max-width:100%;
	float:left;
	margin-right:8px;
	margin-bottom:35px;
}
}

media{}







/*Enquiry CSS*/
.formCont{
  max-width:500px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  color:#000;
  margin-top:30px;
}

.formCont02{
  max-width:500px;
  width: 100%;
  position: relative;
  color:#000;
  
}

.numberTxt{
	font-size:15px;
	line-height:25px;
	color:#fff;
	padding-bottom:8px;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact select,
#contact button[type="submit"] {
  font-family: 'Open Sans', sans-serif;
  color:#000;
}

#contact {
  rgba(249, 249, 249, 0.2);
  padding: 0;
 /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)*/;
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  font-family: 'Lato', sans-serif;
  border: medium none !important;
  margin: 0 0 10px;
  padding: 0;
  width: 90%;
  color:#000;
  font-size:16px;
  font-weight:normal;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact select,
#contact textarea {
  width: 90%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  color:#000;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact select:hover
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact select{
  max-width: 90%;
  color: #888;
  color:#000;
}
#contact textarea {
  height: 100px;
  max-width: 90%;
  resize: none;
  color:#000;
}

#contact button[type="submit"] {
  cursor: pointer;
  border: none;
  background: #1a6b82;
  color: #FFF;
  padding:10px;
  font-size: 17px;
  font-weight:500;
  margin: auto;
  width: 50%;
  display:block;
  text-transform:uppercase;
}

#contact button[type="submit"]:hover {
  background: #2e2a22;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}


:-ms-input-placeholder {
  color: #888;
}




/*Captcha Start*/

.capbox {
	background-color: #1a6b82;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 15px;
	margin: auto;
  	width: 50%;
	display:block;
	}

.capbox-inner {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background-color: #1a6b82;
	margin: 5px auto 0px auto;
	padding: 10px;
	}

#CaptchaDiv {
	font: bold 18px 'Open Sans', sans-serif;;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	text-align:center;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 180px;

}







.blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; // for android
    animation: 1s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}


/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}


/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../cimage35/113324b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('../cimage35/113324a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }