@font-face {
  font-family: NSR;
  src: url(../fonts/NunitoSans-Regular.ttf);
}

body *{
	background-repeat: no-repeat;
	text-decoration:none;
	font-family: NSR;
}
.righteousR{}
.hkg_light{}
.hkg_italic{}
.tB{
	font-weight: bold;
}
.tkT{
	font-family: RighteousR;
}
.tkB{}
.tc{text-align:center;}
.dn{display:none;}
.cd,.player-time,footer a,footer p{
	color: #000;
}
.i-play.listen,.i-play.suggest{
	position:absolute;
	background-size:100%;
	width: 64px;
    height: 64px;
}
.i-play.listen{
	bottom: 37px;
    left: 22px;
	background-image:url("../images/audio-play.png");
}
.i-play.suggest{
	bottom: 22px;
    left: 21px;
	background-image:url("../images/i-playS.png");
}
#listening .section-title h2,#userbooks h2{
	position: relative;
    top: 15px;
}
#userbooks h2{
	left:15px;
}
#listening span,#suggestions span{
	font-size:19px;
}
#suggestions span{
	color:#0e0726;
}
#listening span:last-child{
	color:#fefefe;
}

#topBox{
    height: 70px;
	z-index: 1111;
}
#topBox ul li a{
	color:#000;
}
#search {
	position: relative;
    padding: 15px 0;
    width: 80%;
    margin: 0 auto;
}
#search .form-control{
	height:50px;
	text-indent: 30px;
	width: 80%;
    margin: 0 auto;
}
#searchBtn{
	position:absolute;
	top: 24px;
    right: 70px;
    width: 32px;
    height: 32px;
	background-image:url("../images/search.png");
	background-size:100%;
	background-color: transparent;
    border: none;
}
#p-search #keyword{
	height: 50px;
}
#p-search #searchBtn{
	top: 9px;
	right: 25px;
}
#now-try #nt2{
	display:none;
}
#now-try, #store{
	padding:30px 0;
}

#store .container{
	background: #3A384C;
    padding: 60px 0 0;
}
#now-try .container{
    width: 100%;
	padding:0;
	overflow: hidden;
}
#store img{width:100%;}
#now-try .tst-author{
	float:left;
	margin-right: 30px;
	/*
	background-color: #fdbd15;
	-webkit-box-shadow: 0px 12px 29px 11px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 29px 11px rgba(0,0,0,0.75);
    box-shadow: 0 12px 29px -11px rgba(0,0,0,0.75);
	*/
}
#now-try .tst-author.apple{
	background-image:url("../images/app_store.png");
	background-size:100%;
	background-position:0 0;
}
#now-try .tst-author.google{
	background-image:url("../images/app_store.png");
	background-size:100%;
	background-position:0 -47px;
}
#now-try .gbc1,#now-try .gbc2{
	height:684px;
	background: #ddd;
}
#now-try .gbc2 .item{
	padding-left:30px;
}
#now-try .section-title{
	padding: 40px 30px 0;
}
#now-try h1,#now-try h2{
	font-size:3.4vw !important;
	letter-spacing: 4px;
	color:#000;
	padding: 0;
	line-height: normal;
}
#now-try img{
	width:55%;
	margin-top: 30px;
}
#store p{
	font-size:16px;
	color:#fff;
}
#home {
    width: 90%;
    border-radius: 8px;
    position: absolute;
    top: 95px;
    left: 5%;
	overflow: hidden;
}
#home .col4,#home .col8{float:left;}
#home .col4{width:34%;}
#home .col8{width:66%;padding:5%;}
#home .owl-item {height: 370px;}
#home img {
	height: auto;
	border-radius:8px;
}
#home .inBook {
    position: absolute;
	width: 100%;
    padding: 8% 5%;
}
#banner-try{
    margin-bottom: 30px;
	padding: 0;
}
#banner-bottom{
	top: 28px;
	margin-bottom: 42px;
}
#banner-top,#banner-bottom{
	padding: 0;
}
#banner-top img,#banner-bottom img,#banner-try img{
	width: 100%;
}
#bannerBottomBox{
	overflow:hidden;
}
#maincategory {
    top: 50px;
    margin-top: 50px;
}
#categories .owl-item,#categories .slider .item {
    height: 400px;
}
#categories ul li{
	background-color:#000;
	border-radius: 16px;
}
#categories ul li a h3{
	color:#f5f5f5;
	text-transform: lowercase;
	font-weight: inherit;
}
#categories ul li a h3 strong{
	/*font-family:RighteousR;*/
}
#records ul li .team-info{
	background-color: #190528;
    padding: 0;
    position: relative;
    top: -20px;
    height: 40px;
    line-height: 2.3;
	border-radius: 0 0 0 18px;
}
#categories button.prev{
    left: 30px;
}
#detailBox {
    position: absolute;
    top: 96px;
	width:1446px;
    z-index: 1;
}
.owl-item h1{
	font-size:32px;
}
.owl-item p{
	font-size:20px;
}
.owl-dots{display:none;}
.navbar-brand>img{
	position: relative;
    top: -18px;
    width: 120px;
}
.dropdown ul li a{color:#353535 !important;}
.dropdown ul li.on a{color:#fff !important;}
.slider .item{background-size: 100% 100%;}
#categories .item{height: 400px;}
#news .team-info{
	position:absolute;
	top:0;
	height:100%;
}
#writers .team-info{
	position:absolute;
	top:165px;
	padding: 0;
}
.team-info {
	width: 100%;
}

.section-title {
    padding-bottom: 5px;
}
h2{font-size: 24px;}
.team-info h3{
	font-size: 20px;
	color:#fff;
}
#writers .team-info h3{
	color:#171126;
	text-align: center;
	font-size: 17px;
}
#records .team-info h3{
	color:#fff;
	text-align: center;
	font-size: 17px;
}
section {overflow-x: hidden;}
#about{
	/* height: 100vh; */
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	
}
section.navbar,#categories{overflow: initial;}
#products{
	overflow:hidden;
}
#categories p,#categories h1{
	color:#fff;
	margin: 0;
}
.detailLinkBox {
    position: absolute;
    bottom: -370px;
    border: 1px solid #ccc;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 3.2;
    border-radius: 8px;
	background-color:#ff0000;
	color: #fff;
}
#news {
    padding: 0;
	overflow: hidden;
}
.c_img{background-size:cover !important;}
#langBox li.on{background-color:#b60000;}

footer {
	margin-top:60px;
    padding: 75px 0 60px;
}
footer .container, footer .fRight{
    padding-right: 0;
}
#footer img{
	position: relative;
    top: -2px;
    width: 100%;
}
#footer ul{float:right;}
#footer ul li{
	float:left;
	list-style: none;
	margin: 0 10px;
}
.facebook,.instagram,.twitter{
	display:inline-block;
	width:24px;
	height:24px;
	background-size:100%;
}
.facebook{background-image:url("../../site/images/facebook.png")}
.instagram{background-image:url("../../site/images/instagram.png")}
.twitter{background-image:url("../../site/images/twitter.png")}
.socialLinks a{margin: 0 4px;}

.imgG{
	position: relative;
	width:330px;
    display: inline-block;
	margin-right: 30px;
}
.team-thumb img {
    max-height: 220px;
}
#store {
    margin-top: 30px;
}
.tst-author {
    width: 132px;
    margin: 30px auto 0;
    padding: 22px;
}
.tst-author:hover{
	color:#222;
}
#userbooks img{width:100%;}
#userbooks .listItem {
    float: left;
    width: 20%;
    height: 380px;
    padding-left: 0;
    padding-right: 30px;
}
#myAudioModal,#userInfoModal {
	width: 28%;
	background-color: #e6e6e6;
	border-radius: 16px;
	position: fixed;
	top: 200px;
	left: 36%;
	padding: 15px 15px 30px;	
}
#myAudioModal p,#userInfoModal p{
	color:#000 !important;
}
#myAudioModal p.title,#userInfoModal p.title{
    font-size: 30px;
}
#myAudioModal p.info{
	margin: 0 0 24px;
}
#myAudioModal a div,#myAudioModal #uploadFile{
	background-color: #ffc000;
    padding: 10px 0;
    border-radius: 8px;
	width: 38%;
    float: left;
    margin: 0 3% 0 7%;
	border: none;
}
#userInfoModal{
	padding: 15px 15px 17px;
}
#userInfoModal a div{
	background-color: #ffc000;
    padding: 10px 0;
    border-radius: 8px;
	width: 38%;
	margin: 0 auto;
}
#myAudioModal #audioFile{
	visibility:hidden;
	position:absolute;
}
#myAudioModal .infoSelected{
	color: green !important;
    margin-bottom: 20px;
}
#fullBg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #222;
	opacity:0.6;
}
#myAudioModal .infoSize{
	color:red !important;
}


.pz{padding:0;}
.ddn{display:none;}