@charset "utf-8";
/*
Theme Name: qikplay
Theme URI: http://qikplay.com/
Author: inspire2designs
Author URI: http://www.inspire2designs.com/
Version: 1.0
*/

/***** GENERAL *****/
body {background: #e9e9e9;-webkit-font-smoothing: antialiased}
p, li, table {color: #282828; font: 13px/1.4 Tahoma;margin: 0}
a {text-decoration: none}
a:hover {text-decoration: none}
a:focus {color: #000;outline: 0;text-decoration: none}
h1, h2, h3, h4, h5, h6 {color: #282828;font-family: Arial, Tahoma;line-height: 1.4;margin: 0}
h1 {font-size: 22px}
h2 {font-size: 20px}
h3 {font-size: 18px}
h4 {font-size: 15px}
h5 {font-size: 14px}
h6 {font-size: 12px}
.text-center {text-align: center!important}
.text-right {text-align: right!important}
.help-block {margin-bottom: 0}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.textclip {overflow: hidden!important;text-overflow: ellipsis!important;white-space: nowrap!important}
.textnoclip {text-overflow: inherit!important;white-space: inherit!important}

.msg_validate{color:#F00;font-size:12px}.green{color:#090}.red{color:#F00}.orange{color:#F63}.bold{font-weight:bold}div.msgBox{padding:4px 10px 4px 10px;position:fixed;z-index:1000;font-family:Verdana;width:430px;min-height:160px;color:#00335e;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0px 0px 11px #000000;-webkit-box-shadow:0px 0px 11px #000000;box-shadow:0px 0px 11px #000000;background-color:#EEE}div.msgBoxBackGround{top:0;left:0;position:absolute;padding:0;margin:0;width:100%;height:100%;background-color:#000000;opacity:0.9;z-index:999}div.msgBoxTitle{padding:5px 0 5px 0;font-variant:small-caps;font-size:16pt;font-weight:lighter;color:#000000;width:100%;border-bottom:1px solid #002c5f}div.msgBoxImage{margin:20px 5px 0 5px;display:inline-block;float:left;height:75px;width:75px}div.msgBoxImage img{height:75px;width:75px}div.msgBoxContent{font-size:11pt;margin:0 3px 6px 3px;display:inline-block;float:left;height:90px;width:319px}div.msgBoxContent p{padding:0;margin:0;display:table;height:100%;width:100%}div.msgBoxContent span{display:table-cell;vertical-align:middle;color:#00335e}div.msgBoxButtons{display:inline-block;width:100%;text-align:right}div.msgBoxButtons input[type='button']{cursor:pointer;margin:2px;height:35px;width:90px;border:1px solid #aaa;background-color:#999;color:#FFFFFF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}div.msgBoxButtons input[type='button']:hover{background-color:#666;color:White}div.msgBoxButtons input[type='button']:active{background-color:#AAAAAA;color:White}div.msgBoxInputs{margin:0 auto;padding-top:2px;padding-bottom:2px;margin-top:5px;width:195px}div.msgInput input[type='text'],div.msgInput input[type='password']{padding:4px;border:1px solid #DFDFDF;color:#2f2f2f;width:180px}div.msgInput text{color:#2f2f2f;font-size:10pt}@media only screen and (max-width: 767px){div.msgBox{width:280px}}


@media (min-width: 768px){
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%;*width: 20%}
}
@media (min-width: 1200px) {
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%;*width: 20%}
}
@media (min-width: 768px) and (max-width: 979px) {
	.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%;*width: 20%}
}

.btn {z-index: 999}
.red {color: #ae1b1a!important}
.red:hover {text-decoration: underline}
.darkred {background: #731211!important}
.red-btn {background: #ae1b1a;color: #fff!important;border: none;font-weight: bold;padding: 5px 10px}
.black-btn {background: #282828;color: #fff;font-weight: bold;padding: 10px 15px;border-radius: 5px}
.trial-btn {background: #fd365e;color: #fff;font-weight: bold;padding: 10px 15px; border-radius: 5px; font-size: 14px; display: block; float: right;}
.trial-btn:hover,.trial-btn:focus{color:#fff;}
.bigred-btn {
	background: #c2060a url(../images/bigred-btn.png) repeat-x;
	color: #fff;
	display: block;
	font-size: 19px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}
.bigred-btn.outstock {
	background: #cdcdcd;
}
.redbg-btn {
	background: #c2060a url(../images/redbg-btn.png) repeat-x;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	height: 30px;
	width: 112px;
	border-radius: 5px;
}
.bigred-btn:hover, .bigred-btn:focus, .black-btn:hover, .black-btn:focus, .redbg-btn:hover, .redbg-btn:focus {color: #fff}
.bigred-btn > span {
	background: url(../images/cart-btn.png) no-repeat center center;
	display: block;
	float: right;
	height: 15px;
	width: 105px;
	margin: 5px 5px 0 0;
}
.redbg-btn > span {
	background: url(../images/cart-btn-small.png) no-repeat center center;
	display: block;
	height: 30px;
	width: 77px;
	margin: 0 auto;
}
.black-btn > span {
	background: url(../images/cart-btn-small.png) no-repeat center center;
	display: block;
	height: 25px;
	width: 77px;
	margin: 0 auto;
}
.divider {background: #e5e5e5;height: 1px;margin: 15px 0;overflow: hidden}
.separate {background: #e9e9e9;height: 15px;margin: 15px -30px 20px}
.share {float: right}
.large-padding {padding: 50px 0}

#ribbon {}
.ribbon {
	margin:auto;
	width: 100%;
	height: auto;
	background-image: url(http://www.bectero.com/intropage/coronation/assets/img/before/ribbon-bectero-1.jpg);
	background-repeat: no-repeat;
    background-position: center;
}
.ribbon-header {height: 130px;}


/***** HEADER *****/
.header {margin: 30px 0 15px}
.logo {float: left;width: 156px}
.logo a {display: block}
.topinfo {float: right}
.lang {color: #3a3a3a;font: 11px Tahoma;margin-bottom: 5px;text-align: right}
.lang a {color: #3a3a3a}
/* CART */
.cart {text-align: center}
.cart .glyphicon-shopping-cart {
	background: #c2060a;
	border: 1px solid #c2060a;
	color: #fff;
	margin-top: -1px;
	padding: 6px;
}
.cart .btn-default {
	background: #fff;
	border: 1px solid #d2d2d2;
	color: #000;
	font: 11px Tahoma;
	padding-left: 30px;
	border-radius: 0;
}
.cart .btn-default span {color: #808080}
.cart .btn-default:hover,
.cart .btn-default:focus,
.cart .btn-default:active,
.cart .btn-default.active {background: #fff;border-color: #d2d2d2}
.cart .btn-group.open .dropdown-toggle {box-shadow: none}
.cart .dropdown-menu {
	margin-top: -2px;
	padding: 10px 20px;
	width: 320px;
	border-radius: 0px;
}
.cart .cart-item {border-bottom: 1px solid #e5e5e5;padding: 10px 0;overflow: hidden}
.cart .cart-item .entry-media {float: left;margin: 0 15px 0 0}
.cart .cart-item .cover {height: 60px;width: 60px}
.cart .cart-item figcaption {float: left;text-align: left;width: 120px}
.cart .cart-item figcaption .entry-name,
.cart .cart-item figcaption .entry-owner,
.cart .cart-item figcaption .entry-category {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cart .cart-item .cartinfo {float: right;text-align: right}
.cart .cart-item .cartinfo .price {font-weight: bold}
.cart .cart-item .cartinfo a {color: #ae1b1a}
.cart .cart-item .cartinfo a:hover {text-decoration: underline}
.cart .summary {padding: 10px 0;overflow: hidden;text-align: right}
.cart .summary .total {color: #ae1b1a;font-weight: bold}
.cart .summary .note {color: #7f7f7f;margin-bottom: 5px}
.cart .summary .btn-group {margin-top: 10px}
.cart .summary a {color: #000;margin-left: 10px}
.cart-icon {float: left;margin: 3px 5px 0 0}

/***** MAIN NAVIGATION *****/
.mainnav {background: #282828 url(../images/mainnav-bg.png) repeat-x bottom center;border-top: 5px solid #8a0004}
.mainnav .nav-pills > li > a {
	color: #fff;
	font: 12px Arial, Tahoma;
	padding: 10px 11px;
	text-transform: uppercase;
	border-radius: 0;
}
.mainnav .nav > li > a:hover,
.mainnav .nav > li > a:focus {background: #8a0004}
.mainnav .nav-pills > li.active > a,
.mainnav .nav-pills > li.active > a:hover,
.mainnav .nav-pills > li.active > a:focus {background: #8a0004}
.mainnav .nav-pills > li.link > a {padding: 4px 3px}
.mainnav .nav-pills > li.link > a:hover {background: none}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background: #8a0004;border: none}

.largenav {height: 104px}
.largenav .header-player {margin: 8px 0 0 10px}
.largenav .search {background: #000;margin-top: 8px;padding: 7px;border-radius: 8px}
.largenav .search .searchform {width: 280px}
.searchform .form-control {
	background: #555;
	border: none;
	color: #979797;
}
.searchform .form-control:focus {border: none;box-shadow: none}
.searchform .btn-default {background: #000;border-color: #000;color: #fff}
.searchform .btn-default:hover,
.searchform .btn-default:focus,
.searchform .btn-default:active {box-shadow: none}

.login .dropdown-menu {
	margin-top: -2px;
	padding: 15px 15px 10px;
	border-radius: 0px;
}
.login .dropdown-menu li h4 {color: #282828;font: bold 16px Arial, Tahoma;margin-bottom: 10px}
.login .dropdown-menu li h4 span {margin-right: 5px}
.login .dropdown-menu > li > a {margin-bottom: 5px;padding: 0}
.login .dropdown-menu > li > a:hover, .login .dropdown-menu > li > a:focus {background: none}

.login .dropdown-menu label {font: normal 11px Arial, Tahoma}
.login .dropdown-menu .form-group {margin-bottom: 5px}
.login .dropdown-menu .form-control {border-left: 3px solid #f00;height: 28px;line-height: 28px;font-size: 12px;border-radius: 0}
.login .dropdown-menu .loginmeta, .login .dropdown-menu .forgotmeta {margin-top: 10px;text-align: right}
.login .dropdown-menu .btn {background: #c2060a;color: #fff;font: normal 13px Arial, Tahoma;padding: 6px 16px;border-radius: 3px}
.login .dropdown-menu .btn:hover {color: #fff}
.login .dropdown-menu .btn-link {color: #868686;font: 12px Arial, Tahoma;float: left;margin-top: 8px}

.mobilenav .navbar-right .link {float: right}

.togglenav .navbar {margin-bottom: 0}
.togglenav .navbar-inverse {
	background: #383838 url(../images/navbar-mobile-bg.png) repeat-x;
	border: none;
	margin-top: 10px;
}
.togglenav .navbar-inverse .navbar-brand {color: #fff;font-size: 16px;text-transform: uppercase}
.togglenav .navbar-inverse .navbar-brand span {margin-right: 5px}
.togglenav .navbar-form {border: none;margin: 0;box-shadow: none}
.togglenav .navbar-toggle {
	background: #ce0000 url(../images/icon-navbar-toggle.png) no-repeat center center;
	border-color: #ce0000; 
	height: 31px;
	width: 40px;
	margin-right: 11px;
}
.togglenav .navbar-inverse .navbar-toggle:hover,
.togglenav .navbar-inverse .navbar-toggle:focus {background-color: #ce0000}
.togglenav .navbar-brand {margin-left: 9px}
.togglenav .navbar-collapse {padding-left: 0;padding-right: 0}
.togglenav .input-group {margin-left: 4px;margin-right: 4px}
.togglenav .nav > li {border-bottom: 1px solid #000}
.togglenav .nav > li > a {color: #fff;font-size: 14px;text-transform: uppercase}
.togglenav .nav > li > a:hover,
.togglenav .nav > li > a:focus {background: #ce0000}
.togglenav .nav > li span {
	float: left;
	display: block;
	height: 20px;
	width: 20px;
	margin-right: 10px;
}
.togglenav .nav > li .icon-people {background: url(../images/icon-toggle-people.png) no-repeat center center}
.togglenav .nav > li .icon-video {background: url(../images/icon-toggle-video.png) no-repeat center center}
.togglenav .nav > li .icon-download {background: url(../images/icon-toggle-download.png) no-repeat center center}
.togglenav .nav > li .icon-cd {background: url(../images/icon-toggle-cd.png) no-repeat center center}
.togglenav .nav > li .icon-cart {background: url(../images/icon-toggle-cart.png) no-repeat center center}
.togglenav .nav > li .icon-star {background: url(../images/icon-toggle-star.png) no-repeat center center}
.togglenav .nav > li .icon-movie {background: url(../images/icon-toggle-movie.png) no-repeat center center}

.nav > li > a:hover, .nav > li > a:focus {background-color: transparent}

/***** CONTENT *****/
.slider {margin-bottom: 20px}
.slidera .container-fluid {padding: 0}

/* ENTRY */
.box {background: #fff;padding: 20px 30px}
.topbox {overflow: hidden;margin-bottom: 15px}
.topbox h3 a {color: #282828}
.topbox h3 a:hover {color: #b70701}
.topic {float: left;font-weight: bold}
.linkmore {float: right;font-size: 11px;margin-top: 5px}
.linkmore a {color: #5d5d5d}
.linkmore a:hover {border-bottom: 3px solid #d01312;color: #b70701}
.tabstyle {float: right}
.tabstyle.nav-pills > li + li {margin-left: 0}
.tabstyle.nav > li > a {background: #e9e9e9;padding: 3px 8px;border-radius: 0}
.tabstyle.nav > li > a span {color: #afafaf}
.tabstyle.nav-pills > li.active > a,
.tabstyle.nav-pills > li.active > a:hover,
.tabstyle.nav-pills > li.active > a:focus {background: #c9c9c9}
.tabstyle.nav-pills > li.active > a span,
.tabstyle.nav-pills > li.active > a:hover span,
.tabstyle.nav-pills > li.active > a:focus span {color: #282828}
.entry-media {margin-bottom: 5px;overflow: hidden;position: relative}
.recommend-artists .entry-media, .lastest-artists .entry-media {margin-bottom: 13px}
/*.entry-name {font-weight: bold;margin-bottom: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}*/
.entry-name {font-weight: bold;margin-bottom: 2px;overflow: hidden;height: 39px}
.home .news .entry-name {overflow: hidden;text-overflow: inherit;white-space: inherit;height: 38px}
.topchart .entry-name {height: auto}
.entry-name a {color: #232323}
.entry-name a:hover {color: #d01312}
.entry-owner a {color: #282828}
.entry-owner a:hover {color: #d01312}
.search .entry-owner {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.entry-category {color: #7f7f7f;margin-top: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.entry-price {font-weight: bold;font-size: 14px}
.price-sale {color: #c2060a}
.price-sale s {color: #232323}
.entry-reverse .entry-media {margin-bottom: 0}
.entry-reverse figcaption {background: #191919;padding: 10px 15px;text-align: left}
.entry-reverse .entry-name, .entry-reverse .entry-owner, .entry-reverse .entry-owner a, .entry-reverse p {color: #fff}

/* PLAY */
.play-btn {
	background: #000;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 10px;
	padding: 7px;
	position: absolute;
	top: inherit;
	left: 0;
	bottom: 0;
}
.play-btn:hover {background: #000}

/* BADGE */
.badge-corner {
	border: 40px solid #e00000;
	border-color: rgba(224,0,0,.8);
	height: 0;
	width: 0;
	position: absolute;
	top: -40px;
	right: -40px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.badge-corner b {
	color: #fff;
	font-size: 13px;
	position: relative;
	top: 18px;
	left: -18px;
	text-transform: uppercase;
}
.badge-artist {
	background: #000;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;
	position: absolute;
	top: inherit;
	left: 0;
	bottom: 0;
}
.badge-artist a {color: #fff}
.badge-rectan {
	background: #e00000;
	border-color: rgba(224,0,0,.8);
	color: #fff;
	font-size: 13px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
}
.black-fade {
	background: #000;
	background: rgba(0,0,0,.7);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

/* MODULE */
.you-may-like {margin-bottom: 40px}
.you-may-like .entry {text-align: center}
.you-may-like .entry .entry-owner {height: 34px}

.recommend {margin-bottom: 20px}
.recommend .entry {text-align: center}
.recommend .entry-media .banner {margin-bottom: 8px}
.recommend .entry .entry-owner {height: 34px}

.new-release {margin-bottom: 20px}
.new-release .entry {margin-bottom: 10px;text-align: center}
.new-release .entry .entry-owner {height: 34px}

.videos {margin-bottom: 20px}
.videos .entry {text-align: center}
.videos .entry-media .banner {margin-bottom: 8px}

.home .news {margin-bottom: 20px}

.discover {margin-bottom: 40px}
.discover .entry {text-align: center}
.discover .entry .cover {width: 100%}

.genre {margin-bottom: 10px}
.banner img {margin-bottom: 15px}
.banner-widget {text-align: center}
.banner-widget .entry-media {background: #fff;margin-bottom: 0;padding: 15px 0 0}
.banner-widget img {margin-bottom: 5px}

.topchart {background: #fff;margin-bottom: 20px;padding: 0 0 15px}
.topchart .topbox {background: #282828;margin-bottom: 0;padding: 10px 15px}
.topchart .topic {color: #fff}
.topchart .nav {background: #d61300;margin-bottom: 20px}
.topchart .nav-pills > li.active > a,
.topchart .nav-pills > li.active > a:hover,
.topchart .nav-pills > li.active > a:focus {background: #ad0000;border-left: 1px solid #b40100}
.topchart .nav-pills > li > a {
	border-right: 1px solid #b40100;
	border-left: 1px solid #e63600;
	color: #fff;
	font-size: 13px;
	padding: 8px 15px 12px;
	border-radius: 0;
}
.topchart .nav-pills > li > a:hover {background: #d61300}
.topchart .nav-pills > li + li {margin-left: 0}
.topchart .entry {background: #ececec;overflow: hidden;margin: 0 20px 5px}
.topchart .entry .number-chart {
	background: #313131;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	float: left;
	height: 50px;
	padding-top: 15px;
	text-align: center;
	width: 18px;
}
.topchart .entry .entry-media {float: left;margin-bottom: 0}
.topchart .entry .entry-media .cover {width: 50px}
.topchart .entry .entry-caption {float: left;margin: 5px 10px 0;width: 120px}
.topchart .entry .listen-btn {
	background: #313131;
	color: #fff;
	float: right;
	font-size: 16px;
	margin: 10px 10px 0;
	padding: 6px;
}
.topchart .topbox.listing {height: 45px;margin-bottom: 20px;padding: 0;overflow: inherit}
.topchart .topbox.listing .topic {padding: 10px 0 10px 15px}
.topchart .topbox.listing .navbar-right {float: right}
.topchart .topbox .nav {height: 45px;margin-bottom: 0}
.topchart .topbox .nav .open > a,
.topchart .topbox .nav .open > a:hover,
.topchart .topbox .nav .open > a:focus {background: none;border-color: #e63600;border-left: 1px solid #e63600;border-right: 1px solid #b40100}
.topchart .topbox .nav-pills > li > a {padding: 12px 15px 14px 20px}
.topchart .topbox .nav-pills > li.active > a,
.topchart .topbox .nav-pills > li.active > a:hover,
.topchart .topbox .nav-pills > li.active > a:focus {background: none;border: none}
.topchart .topbox.listing .dropdown-menu {
	background: #d61300;
	right: 0;
	left: inherit;
	margin: 0;
	padding: 0;
	border-radius: 0;
}
.topchart .topbox.listing .dropdown-menu > li > a {color: #fff;padding: 10px 15px}
.topchart .topbox.listing .dropdown-menu > .active > a,
.topchart .topbox.listing .dropdown-menu > .active > a:hover,
.topchart .topbox.listing .dropdown-menu > .active > a:focus {background: #ad0000}
.topchart .topbox.listing .dropdown-menu > li > a:hover,
.topchart .topbox.listing .dropdown-menu > li > a:focus {background: #c21212}

.tabmenu {float: right;margin-top: 5px}
.tabmenu li a {color: #5d5d5d;font-size: 11px;margin-left: 15px;padding: 0;border-radius: 0}
.tabmenu li a:hover {background: none}
.tabmenu.nav-pills > li.active > a, .tabmenu.nav-pills > li.active > a:hover,
.tabmenu.nav-pills > li.active > a:focus {
	background: none;
	border-bottom: 3px solid #d01312;
	color: #b70701;
}
.topchart .entry .icon-cart {
	background: url(../images/icon-cart-red.png) no-repeat center center;
	display: block;
	float: right;
	height: 28px;
	width: 28px;
	margin: 10px 10px 0;
	text-indent: -9999px;
}

.browse {background: #282828;margin-bottom: 20px;padding: 10px 15px 15px}
.browse .topic {color: #fff;margin-bottom: 10px}
.s-hidden {padding-right: 10px;visibility: hidden}
.selectcustomstyle {
    color: #000;
    clear: both;
    cursor: pointer;
    font: 13px/28px Tahoma;
    height: 30px;
    position: relative;
}
.selectstyle {
    background: #e2e2e2 url(../images/selectbrowse-down.png) no-repeat right center;
    padding: 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.selectstyle:active, .selectstyle.active {
    background: #c6c6c6 url(../images/selectbrowse-up.png) no-repeat right center;
    color: #000;
}
.browse .options {
    background: #c6c6c6;
    border: 1px solid #444;
    display: none;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    z-index: 999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.browse .options li {color: #666;font: 12px/26px Tahoma;margin: 0;padding: 0 15px}
.browse .options li:hover {background-color: #e2e2e2}

.recommend-artists {margin-bottom: 40px;padding-bottom: 0}
.recommend-artists .entry {margin-bottom: 0}
.recommend-artists .entry.big .badge-artist {background: #8a0000;background: rgba(138,0,0,.8);font-size: 15px}

.lastest-artists {margin-bottom: 20px}
.artists .topchart .entry .entry-caption .entry-name {margin-top: 10px}

.artist-profile .top {margin: 30px 0 40px}
.artist-profile .top h1 {color: #fff;font-size: 46px;font-weight: bold;text-transform: uppercase;text-shadow: 1px 1px 1px #000}
.artist-profile .top p {color: #fff;text-shadow: 1px 1px 1px #000}
.artist-profile .top .share {margin: 30px 0 0 10px}
.artist-profile .wrapper {background: #e9e9e9;padding: 20px 10px 0}
.artist-profile .wrapper > .left {padding-right: 8px}
.artist-profile .wrapper > .right {padding-left: 8px}
.artist-profile .profile {background: #fff;border-bottom: 10px solid #970000;margin-bottom: 15px}
.artist-profile .profile .profile-info {padding: 15px 20px 20px}
.artist-profile .profile .profile-info h3 {font-weight: bold;margin-bottom: 5px}
.artist-profile .profile .profile-info table {margin-bottom: 10px}
.artist-profile .profile .profile-info table > tbody > tr > td:nth-child(1) {
	color: #919090;
	vertical-align: top;
	width: 60px;
}

.artist-profile .news {background: #fff;border-bottom: 10px solid #970000;margin-bottom: 15px;padding: 15px 20px 5px}
.artist-profile .news h3 {font-weight: bold;margin-bottom: 15px}
.artist-profile .news img {margin-bottom: 5px}
.artist-profile .news h4 {margin-bottom: 5px}
.artist-profile .news h4 a {color: #232323;font-weight: bold}
.artist-profile .news h4 a:hover {color: #970000}
.artist-profile .news .more {color: #970000;font-size: 13px;float: right;margin-bottom: 15px}
.artist-profile .news .more:hover {text-decoration: underline}

.artist-products .entry {text-align: center}
.artist-products .topbox {float: left}
.artist-products .tabstyle {float: right}
.btn-wrapper {clear: both;margin: 0 15px;padding: 15px 0 10px}
.artist-profile .btn-wrapper {margin: 0 7px}
.profile .btn-wrapper {margin: 0 8px}
.btn-more {background: #f6f6f6;border: 1px solid #ededed;color: #b6b6b6;border-radius: 0}

.stylelist .entry {margin-bottom: 10px}
.stylelist .entry .entry-media {float: left;margin: 0 10px 0 0}
.stylelist .entry .entry-media .cover {height: 70px;width: 70px}
.stylelist .entry figcaption {float: left;text-align: left;width: 120px}
.stylelist .entry .entry-play a {color: #c2060a;font-size: 11px}
.stylelist .entry .entry-play a span {font-size: 10px}
.stylelist .entry .iteminfo {float: right;margin-top: 1px;text-align: right}
.stylelist .entry .iteminfo .price {
	color: #cd0000;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 6px;
	text-align: center;
	width: 61px;
	border-radius: 3px;
}
.stylelist .entry .iteminfo .price:hover {background: url(../images/icon-cart-red.png) no-repeat center center;text-indent: -9999px}
.stylelist .entry .iteminfo .price.download,
.stylelist .entry .iteminfo .price.download:hover {
	background: url(../images/icon-download-red.png) no-repeat center center;
	text-indent: -9999px;
}

.products-list {margin: 25px 0 20px;padding-bottom: 25px}
.products-list .topbox .topic {font-size: 27px;float: none}
.products-list .productitem img {margin-bottom: 20px}
.products-list .productitem p {background: #f8f8f8;padding: 5px 10px 10px}
.products-list .productitem .black-btn {float: right}
.products .productitem .black-btn {float: right}

.also-bought {margin-bottom: 20px}
.also-bought .entry {text-align: center}

.more-about {margin-bottom: 20px}
.more-about .entry {text-align: center}

.also-like {border-left: 1px solid #e5e5e5;margin-bottom: 20px;overflow: hidden;padding-left: 15px}
.also-like .topic {float: none;margin-bottom: 10px;text-align: center;text-indent: 15px}
.also-like .entry {margin-bottom: 15px;padding-right: 0;text-align: center}
.also-like .entry .entry-media img {margin-bottom: 0}

.products .topbox .share {margin: 0 0 0 10px}
.products-list .productitem.physical img {border: 1px solid #e2e2e2}
.products-list .productitem.physical .physical-info {margin-bottom: 15px}
.products-list .productitem.physical .physical-info p {background: none;padding: 0 0 10px}
.products-list .productitem.physical .bigred-btn {width: 170px}
.products-list .productitem.physical .bigred-btn img {border: none;margin: 0 5px 5px 0}

.products-list .productitem.physical .n-price h4 {font-size: 25px;font-weight: bold}
.products-list .productitem.physical .s-price h5 {font-size: 18px;text-decoration: line-through}
.products-list .productitem.physical .s-price h4 {color: #c2060a;font-size: 25px;font-weight: bold}
.products-list .productitem.physical .note {color: #aaa;font-style: italic;font-size: 12px;margin-bottom: 10px}

.productitem .table a {color: #282828}
.productitem .table a:hover {color: #b70701}

/* ZOOM */
.physical-img {margin-bottom: 20px}
.coverproduct img {height: auto;width: 100%;margin-bottom: 0!important}
.products-list .productitem.physical .elastislide-carousel img {border-color: #fff;margin-bottom: 0}
.products-list .productitem.physical .elastislide-carousel ul li {awidth: 50%!important}
.products-list .productitem.physical .elastislide-carousel ul li a {border: 1px solid #e2e2e2;box-shadow: none}
.products-list .productitem.physical .elastislide-carousel ul li.active a {border-color: #f3080d}

.news-events .wrapper {background: #e9e9e9;margin-top: 25px;padding: 20px 10px 0}
.news-events .wrapper > .left {padding-right: 8px}
.news-events .wrapper > .right {padding-left: 8px}
.news-events .news {background: #fff;border-bottom: 10px solid #970000;margin-bottom: 15px;padding: 15px 20px 5px}
.news-events .news h3 {font-weight: bold;margin-bottom: 15px}
.news-events .news img {margin-bottom: 5px}
.news-events .news h4 {margin-bottom: 5px}
.news-events .news h4 a {color: #232323;font-weight: bold}
.news-events .news h4 a:hover {color: #970000}
.news-events .news .more {color: #970000;font-size: 13px;float: right;margin-bottom: 15px}
.news-events .news .more:hover {text-decoration: underline}

.news-article {border-bottom: 10px solid #970000;margin-bottom: 15px}
.news-article .topic {margin-bottom: 5px}
.news-article .date {color: #939393}

.news-events .news-article {margin-bottom: 0}

/* TAGS */
.news-article .tags {margin-top: 20px 0 0}
.news-article .topbox .share {margin: 30px 0 0 10px}
.tags {margin: 15px 0 10px}
.tags p {background: #fff!important;color: #555;margin-bottom: 5px!important}
.tags p a {
	background: url(../images/tag.png) no-repeat left center;
	display: inline-block;
	padding-left: 14px;
	margin: 0 0 4px 0;
}
.tags p a span {
	background: #f8f8f8 url(../images/tag-bg.png) repeat-x right center;
	color: #888;
	padding: 1px 7px 4px 3px;
	display: block;
	white-space: nowrap;
}
.tags p a:hover span {color: #c2060a}

.category-news .wrapper {margin-top: 25px}
.lastest-news {margin-bottom: 20px}
.lastest-news .entry {background: #ececec;margin-bottom: 10px;padding-left: 0;overflow: hidden}
.lastest-news .entry .entry-media {float: left;margin: 0 20px 0 0;width: 30%}
.lastest-news .entry figcaption {padding: 20px 0}
.lastest-news .entry figcaption a {color: #d01312;margin-top: 5px;font-size: 13px;text-decoration: underline}

.category-news .topchart .topbox {margin-bottom: 20px}

.video .topchart {padding-bottom: 0}
.video .topchart .number-chart {display: none}
.video .topchart .entry {background: none;margin-bottom: 20px}
.video .topchart .entry .entry-media img {width: 100px}
.video .topchart .entry .entry-caption {width: 140px}

.category-video .topchart {padding-bottom: 0}
.category-video .wrapper {margin-top: 25px}
.category-video .topchart .number-chart {display: none}
.category-video .topchart .entry {background: none;margin-bottom: 20px}
.category-video .topchart .entry .entry-media img {width: 100px}
.category-video .topchart .entry .entry-caption {width: 140px}
.category-video .boxfix {margin-bottom: 20px;padding: 20px 0}
.category-video .boxfix .entry .entry-media {margin-bottom: 20px}
.category-video .boxfix .topbox, .category-video .boxfix .bottombox {padding: 0 20px}
.category-video .boxfix .entry .entry-media {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}
.category-video .boxfix .entry .entry-media iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* VIDEO */
.vdo-view {float: right;font-size: 27px;line-height: 32px}

/* VIDEO SLIDER */
.video-slider {background: #222;margin-bottom: 30px}
.visibleNearby {
	background: #222;
	color: #fff;
	padding-top: 0;
	width: 100%;
}
.visibleNearby .rsGCaption {
	background: #222;
	float: left;
	padding: 0 0 20px;
	width: 100%;
	position: static;
	left: auto;
	bottom: auto;
	text-align: center;
}
.visibleNearby .entry-name {color: #fff;font-size: 16px}
.visibleNearby .entry-owner {clear: both;color: #ddd;display: block;font-size: 14px}


/* Scaling transforms */
.visibleNearby .rsSlide img {
	opacity: 0.45;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: scale(0.9);  
	-moz-transform: scale(0.9); 
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1);
	-ms-transform: scale(1)
	-o-transform: scale(1)
	transform: scale(1);
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
	#video-slider {padding: 15px 0}
	#video-slider .rsOverflow, .royalSlider#video-slider {height: 300px!important}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
	#video-slider .rsOverflow, .royalSlider#video-slider {height: 200px!important}
}

.entry-meta {margin: 7px 0 0}
.entry-meta .entry-price {color: #ae1b1a;float: right;font-size: 19px;line-height: 28px;margin-right: 10px}
.entry-meta .icon-cart {
	background: url(../images/icon-cart-red.png) no-repeat center center;
	display: block;
	float: right;
	height: 28px;
	width: 28px;
	text-indent: -9999px;
}

/* WALL */
.wall {background: #222;list-style: none;margin: 0;padding: 0;overflow: hidden}
.wall li {background: #222;float: left;padding: 3px;width: 10%}
.wall img {opacity: 0;padding: 15px;position: relative;left: 30px;
	-webkit-transition:  all .8s ease .3s;
	-moz-transition:  all .8s ease .3s;
	-o-transition:  all .8s ease .3s;
	transition: all .8s ease .3s;
}
.wall img.animate {padding: 0}

/* SHOPPING */
.shopping-cart {margin: 50px 0 20px}
.shopping-cart .cart-items-topic {
	background: #282828;
	border-bottom: 3px solid #e5e5e5;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	padding: 10px 15px;
}
.shopping-cart .cart-delete {
	background: url(../images/icon-cross.png) no-repeat left center;
	float: left;
	height: 80px;
	width: 18px;
	margin-right: 20px;
	text-indent: -9999px;
}
.shopping-cart .cart-type {text-align: left}
.shopping-cart .cart-type .entry-category {color: #282828}
.shopping-cart .cart-price {text-align: right}
.shopping-cart .cart-quantity {text-align: right}
.shopping-cart .cart-quantity.fixed span {background: #fff;border: 1px solid #cfcfcf;padding: 1px 10px 2px}
.shopping-cart .cart-total {text-align: right}
.shopping-cart .cart-items {overflow: hidden;margin-bottom: 15px}
.shopping-cart .cart-items .entry {background: #e2e2e2;border-bottom: 1px solid #e5e5e5;padding: 15px;overflow: hidden}
.shopping-cart .cart-items .entry:nth-child(2n+1) {background: #f4f4f4}
.shopping-cart .cart-items .entry-media {float: left;margin: 0 15px 0 0}
.shopping-cart .cart-items .cover {height: 80px;width: 80px}
.shopping-cart .cart-items a {color: #ae1b1a}
.shopping-cart .cart-items a:hover {text-decoration: underline}
.shopping-cart .summary {padding: 0 15px;overflow: hidden;text-align: right}
.shopping-cart .summary .total {color: #ae1b1a;font-weight: bold;font-size: 30px}
.shopping-cart .summary .note {color: #7f7f7f;margin-bottom: 5px}
.shopping-cart .summary a {color: #000;margin-left: 10px}
.shopping-cart .summary h5 {font-weight: bold}
.shopping-cart .summary h5 span {display: inline-block;width: 75px}

.shopping-cart .cart-meta .btn-group {padding: 10px 7px}
.shopping-cart .cart-meta .btn-group a {color: #fff;font-weight: normal}
.shopping-cart .cart-meta .btn-group a:hover {color: #ff9433;text-decoration: none}
.shopping-cart .cart-meta .btn-group img {margin: 0 7px 4px 0}

.shopping-cart .infopanel {background: #f4f4f4;margin-bottom: 15px}
.shopping-cart .infopanel h3 {
	background: #282828;
	border-bottom: 3px solid #e5e5e5;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
}
.shopping-cart .infopanel .infobody {padding: 0 15px 10px}
.shopping-cart .infopanel .infobody .top {border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 10px 0}
.shopping-cart .infopanel .infobody label {color: #282828;font-size: 14px}
.shopping-cart .infopanel .infobody h5 {font-weight: bold;margin-bottom: 10px}
.shopping-cart .infopanel .infobody .icon-edit {
	background: url(../images/icon-edit.png) no-repeat left center;
	color: #282828;
	float: right;
	padding-left: 20px;
}

.shopping-cart .promo {margin-bottom: 15px;padding-bottom: 5px}
.shopping-cart .promo h6 {margin-bottom: 5px}
.shopping-cart .promo .input-group .btn {padding: 6px 15px}

.shopping-cart .pager a {
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 26px;
	height: 27px;
	width: 69px;
	padding: 0 10px;
	border-radius: 0;
}
.shopping-cart .pager a:hover {text-decoration: none}
.shopping-cart .pager .next a {background: url(../images/pager-next.png) no-repeat;padding-right: 15px}
.shopping-cart .pager .previous a {background: url(../images/pager-previous.png) no-repeat;padding-left: 15px}

.shopping-cart .margintop {margin-top: 20px}

.breadcrumb {background: none;padding: 0;display: table;width: 100%}
.breadcrumb > li + li:before {content: "";padding: 0}
.breadcrumb li {
	background: #cbcbcb;
	display: table-cell;
	height: 36px;
	text-align: center;
}
.breadcrumb .connect {background: url(../images/breadcrumb-bg.png) no-repeat;height: 0;width: 18px}
.breadcrumb .connect.active-left {background: url(../images/breadcrumb-active-left.png) no-repeat}
.breadcrumb .connect.active-right {background: url(../images/breadcrumb-active-right.png) no-repeat}
.breadcrumb li a {color: #fff;font-size: 15px;display: block;line-height: 36px}
.breadcrumb .last {background: #cbcbcb url(../images/breadcrumb-last.png) no-repeat right center}
.breadcrumb .active {background: url(../images/breadcrumb-active.png) repeat-x}
.breadcrumb .last.active a {background: url(../images/breadcrumb-last-active.png) no-repeat right center}

/* PROFILE */
.profile .icon-edit {
	background: url(../images/icon-edit.png) no-repeat left center;
	color: #282828;
	float: right;
	margin-top: 3px;
	padding-left: 20px;
}
.profile .icon-add {
	background: url(../images/icon-add.png) no-repeat left center;
	color: #282828;
	float: right;
	margin-top: 3px;
	padding-left: 20px;
}
.profile .icon-back {
	background: url(../images/icon-back.png) no-repeat left center;
	color: #282828;
	float: right;
	margin-top: 3px;
	padding-left: 20px;
}
.profile .address {margin: 0 0 20px}
.address .panel-group {margin-bottom: 10px}
.address .panel-group .panel {overflow: inherit}
.address .panel {border: none;box-shadow: none}
.address .panel-heading {background: #282828}
.address .panel-heading a:hover, .address .panel-heading a:focus {text-decoration: none}
.address .panel-title {margin: 0}
.address .panel-title > a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-right: 30px;
}
.address .panel-title > a.collapsed {background: url(../images/toggle-down.png) no-repeat right center}
.address .panel-title > a {background: url(../images/toggle-up.png) no-repeat right center}
.address .panel-title .icon-edit {
	background: url(../images/icon-edit-white.png) no-repeat left center;
	color: #fff;
	float: right;
	font-weight: normal;
	margin: 0 30px 0 0;
	padding: 0 0 0 20px;
}
.address .panel-group .panel-heading + .panel-collapse .panel-body {border: none}
.address .panel-body {padding: 0 0 10px}

.profile .userinfo, .profile .buyhistory {margin: 30px 0 20px}
.profile .avatar {float: left;margin-right: 30px}
.profile .avatar img {border-radius: 100%}
.profile .status {border-left: 2px solid #c2060a;float: left;padding: 5px 10px}
.profile .status h4 {color: #c2060a;font-weight: bold}
.profile .status h4 b {color: #282828;display: inline-block;width: 120px}
.profile .userinfo .table > tbody > tr > td:first-child {width: 180px}
.profile .address .table > tbody > tr > td:first-child {width: 180px}

.profile .table .form-control {width: 300px}

.h-status, .h-total {color: #f00;white-space: nowrap}
.h-invoice a {color: #282828;text-decoration: underline}
.h-invoice a:hover {color: #f00}

.buy-list {overflow: hidden;margin-bottom: 10px}
.buy-list-stack {border-bottom: 1px solid #aaa;padding-bottom: 10px}
.buy-list h5 {background: #282828;border-bottom: none;font-weight: bold;margin-bottom: 5px;padding: 7px 10px}
.buy-list h5 a {color: #fff}
.buy-list h5 a:hover {text-decoration: underline}
.buy-list span {display: block;padding: 0 10px 2px}

/* VIEWALL */
.viewall .box {margin-top: 30px}
.viewall .box .entry {margin-bottom: 10px}
.viewall .topbox {margin-bottom: 25px}
.viewall .topbox .nav-tabs li.active a {color: #970000;font-size: 17px;font-weight: bold}
.viewall .topbox .nav-tabs li a {color: #444;font-size: 15px}

.video-search .entry-name {
    height: 58px;
    overflow: hidden;
    text-overflow: inherit;
    white-space: inherit;
}
.news-search .entry-name {
    height: 38px;
    overflow: hidden;
    text-overflow: inherit;
    white-space: inherit;
}

.pagination {margin: 50px auto 0}
.pagination > li > a, .pagination > li > span {border: none;color: #c2060a;margin: 0 1px;line-height: 18px}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {background-color: #c2060a;border-color: #fff;color: #fff}

/* PAGE */
.signup {margin: 80px 0 20px;padding: 30px}
.signup .topic {
	background: #232323;
	color: #fff;
	float: none;
	font-size: 35px;
	margin-bottom: 30px;
	padding: 10px 0;
	text-align: center;
}
.signup .note {color: #930000;text-align: center}
.signup #radio-idnumber {margin-top: 10px}
.signup .btn-submit {margin: 30px auto 10px;padding: 10px 50px}

.contact {margin: 80px 0 20px;padding: 30px}
.contact .topic {
	background: #232323;
	color: #fff;
	float: none;
	font-size: 35px;
	margin-bottom: 30px;
	padding: 10px 0;
	text-align: center;
}
.contact .btn-submit {margin: 30px auto 10px;padding: 10px 50px}

/* CHECKBOX & RADIO */
label.checkbox span.holder {background: url(../images/checkbox.png) no-repeat}
label.radio span.holder {background: url(../images/radio.png) no-repeat}
.checkbox, .radio {margin-bottom: 5px;overflow: hidden}
.checkbox label, .radio label {line-height: 18px;margin-bottom: 8px;text-indent: 2px}

/* TABLE */
table {max-width: 100%}
th {text-align: left}
.table {margin-bottom: 15px;width: 100%}
.table > thead > tr > th {background: #282828;border-bottom: none;color: #fff;padding: 10px 0 10px 15px;white-space: nowrap}
.table > tbody > tr > td {background: #e2e2e2;padding:  10px 10px 10px 15px}
.table-striped > tbody > tr:nth-child(2n+1) > td {background: #f4f4f4}

.th-bulkcheck {width: 35px}
.th-play {width: 31px}
.th-play span {color: #939393;font-size: 11px;margin-left: 4px}
.th-genre {width: 100px}
.th-price {width: 100px}
.th-icon {width: 105px}

.table .wish {
	background: url(../images/sprite-star.png) top center;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
}
.table .download {
	background: url(../images/sprite-download.png) top center;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin: 0 5px 0 0;
	text-indent: -9999px;
}
.table .lyric {
	background: url(../images/sprite-lyric.png) top center;
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin: 0 12px 0 0;
	text-indent: -9999px;
}
.table .wish.active, .table .download.active, .table .lyric.active {background-position: center bottom}
.table .wish:hover, .table .download:hover {background-position: center bottom}
.table img {margin-bottom: 0!important}

.lyricbox {clear: both;border-top: 20px solid #fff}
.lyricbox .topic {background: #282828;color: #fff;float: none;padding: 10px 0 10px 15px}

/* POPOVER */
.desc-popover {background: none;border: none}

/* COMMENT */
.comment .avatar img {border-radius: 100%}
.comment .avatar .img-responsive {margin: 0 auto 5px}
.comment .avatar figcaption {color: #000;font-weight: bold;font-size: 14px;text-align: center}
.comment .post textarea {border: 1px solid #d4d4d4;height: 102px;margin-bottom: 10px;border-radius: 0}
.comment .post .fb-post {float: right}
.comment .post .fb-post .checkbox {margin: 5px 20px 0 0}
.comment .post .fb-post .checkbox label {font-size: 12px}
.comment .post .fb-post .checkbox label img {margin-left: 3px}
.comment .post button {float: right}
.comment .post p {margin-bottom: 5px}
.comment .post .date {color: #545454;font-size: 11px}
.comment-post {margin-top: 35px;padding-top: 0}
.comment-post .topbox {
	background: url(../images/comment-arrow.png) no-repeat 20px 0;
	height: 23px;
	position: relative;
	top: -23px;
}
.comment-post .avatar .img-responsive {max-width: 75%}
.comment-post .post {border-left: 1px solid #d4d4d4;padding-left: 20px}

/* REVIEW */
.review .avatar img {border-radius: 100%}
.review .avatar .img-responsive {margin: 0 auto 5px}
.review .avatar figcaption {color: #000;font-weight: bold;font-size: 14px;text-align: center}
.review .post h5 {color: #b80508;font-weight: bold;margin-bottom: 5px}
.review .post p {margin-bottom: 5px}
.review .post .date {color: #545454;font-size: 11px}
.review .post textarea {border: 1px solid #d4d4d4;height: 102px;margin-bottom: 10px;border-radius: 0}
.review .post button {float: right}
.review-reply .post .ratethis {margin: 15px 0 0 0;overflow: hidden}
.review-reply .post .ratethis span {font-size: 13px;font-weight: bold;float: left;line-height: 23px;margin-right: 5px}
.review-reply .post .ratethis .ratestar {float: left}
.review-reply .post .ratethis #hint {color: #b80508;float: left;font-size: 13px;line-height: 21px}
.review-reply {margin-top: 20px}
.review-post {margin-top: 35px;padding-top: 0}
.review-post .topbox {
	background: url(../images/comment-arrow.png) no-repeat 10px 0;
	height: 23px;
	position: relative;
	top: -23px;
}
.review-post .rating {border-left: 1px solid #d4d4d4;padding-left: 20px}
.review-post .rating h5 {font-weight: bold}
.review-post .rating p {font-size: 10px;margin: 5px 0}

.review-summary h1 {color: #b80508;line-height: 75px;font-size: 60px;font-weight: bold}
.review-summary h5 {font-weight: bold}

.ratesum ul {list-style: none;margin: 5px 0 0 0;padding: 0}
.ratesum li {color: #5d5050;display: block;font-size: 11px;line-height: 18px;overflow: hidden}
.ratetext {float: left;width: 45px}
.ratecount {float: left}
.ratebar {
	background: #ececec;
	float: left;
	margin: 7px 10px 0 0;
	padding: 0;
	width: 70%;
}
.ratebar span {background: #b80508;display: block;height: 8px}

.btn-more.comment-more {border-color: #fff;margin-top: 15px}

/* PLAYER */
.jp-single-red .jp-controls {list-style-type: none;margin: 2px 0 0 0;padding: 0}
.jp-single-red .jp-controls li {text-indent: -9999px}
.jp-single-red .jp-controls li a {display: block;height: 16px;width: 16px!important}
.jp-single-red .jp-controls .jp-play {background: url(../images/play-red-small.png) no-repeat}
.jp-single-red .jp-controls .jp-play:hover {background: url(../images/playing-red-small.png) no-repeat}
.jp-single-red .jp-controls .jp-pause {background: url(../images/pause-red-small.png) no-repeat;height: 0}
.jp-single-red .jp-controls .jp-pause:hover {background: url(../images/pause-red-small.png) no-repeat}

.jp-single-white .jp-controls {
	float: right;
	list-style-type: none;
	margin: 11px 11px 0 0;
	padding: 0;
}
.jp-single-white .jp-controls li {text-indent: -9999px}
.jp-single-white .jp-controls li a {display: block;height: 29px;width: 29px}
.jp-single-white .jp-controls .jp-play {background: #313131 url(../images/headphone-white-small.png) no-repeat center center}
.jp-single-white .jp-controls .jp-play:hover {background: #313131 url(../images/play-white-small.png) no-repeat center center}
.jp-single-white .jp-controls .jp-pause {background: #c2060a url(../images/pause-white-small.png) no-repeat center center;height: 0}
.jp-single-white .jp-controls .jp-pause:hover {background: #c2060a url(../images/pause-white-small.png) no-repeat center center}

.jp-single-black .jp-controls {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.jp-single-black .jp-controls li {text-indent: -9999px}
.jp-single-black .jp-controls li a {display: block;height: 29px;width: 29px}
.jp-single-black .jp-controls .jp-play {background: #282828 url(../images/play-white-small.png) no-repeat center center;background-color: rgba(0,0,0,.7)}
.jp-single-black .jp-controls .jp-play:hover {background: #c2060a url(../images/play-white-small.png) no-repeat center center}
.jp-single-black .jp-controls .jp-pause {background: #c2060a url(../images/pause-white-small.png) no-repeat center center;height: 0}
.jp-single-black .jp-controls .jp-pause:hover {background: #c2060a url(../images/pause-white-small.png) no-repeat center center}

/* BLANK */
.page .blank {margin: 50px 0 20px}
.demo > div > div {border: 1px solid #000;margin-bottom: 20px;padding: 10px}

/* E-WALLET */
.e-wallet .callbox {background: #f7f7f7;border: 1px solid #e7e7e7;margin: 10px 0;padding: 20px 30px;text-align: center}
.e-wallet .callbox h6 {color: #ae1b1a;font-size: 32px;font-weight: bold}
.e-wallet .banner {margin: 0 0 10px;text-align: center}
.e-wallet .radio {height: 32px}
.e-wallet .radio label {font-size: 19px;margin-left: 5px}
.e-wallet .red-btn {margin-top: 20px;padding: 10px 35px}

/* LOGIN */
.login-form-page .form-control {border-left: 3px solid #f00;height: 28px;line-height: 28px;font-size: 12px;border-radius: 0}
.login-form-page h6 {
	background: url(../images/line-gray.png) no-repeat center center;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
.login-form-page {margin: 0 auto;float: right;padding: 0 20px;width: 275px}
.social-login {border-left: 1px solid #eee;float: left;margin: 0 auto;padding: 30px;width: 255px}
.social-login a {display: block;margin-bottom: 10px}

.login-form-page label {font: normal 11px Arial, Tahoma}
.login-form-page .form-group {margin-bottom: 5px}
.login-form-page .form-control {border-left: 3px solid #f00;height: 28px;line-height: 28px;font-size: 12px;border-radius: 0}
.login-form-page .loginmeta {margin-top: 10px}
.login-form-page .loginmeta span {float: left}
.login-form-page .btn {background: #c2060a;color: #fff;font: normal 13px Arial, Tahoma;float: right;padding: 6px 16px;border-radius: 3px}
.login-form-page .btn:hover {color: #fff}
.login-form-page .btn-link, .login-form-page .loginmeta span {color: #868686;font: 12px Arial, Tahoma;float: left}
.login-form-page .loginmeta span {margin-right: 10px}
.login-form-page .loginmeta .login-referer {background: #eee;padding: 2px 10px 5px;margin-bottom: 10px}
.login-form-page .loginmeta .radio label {font-size: 13px;margin-bottom: 0}

.forgot-page {margin: 0 auto;padding: 0 10px;width: 280px}
.forgot-page h6 {
	background: url(../images/line-gray.png) no-repeat center center;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
.forgot-page p {color: #aaa;margin-bottom: 10px}
.forgot-page label {font: normal 11px Arial, Tahoma}
.forgot-page .form-group {margin-bottom: 5px}
.forgot-page .form-control {border-left: 3px solid #f00;height: 28px;line-height: 28px;font-size: 12px;border-radius: 0}
.forgot-page .btn {background: #c2060a;color: #fff;font: normal 13px Arial, Tahoma;float: right;padding: 6px 16px;border-radius: 3px}
.forgot-page .btn:hover {color: #fff}
.forgot-page .btn-link {color: #868686;font: 12px Arial, Tahoma;float: left;margin-top: 8px}

.fanpage-widget {background: #fff url(../images/head-facebook.jpg) no-repeat top left;margin-top: 20px;padding: 49px 10px 10px}
.twitter-widget {background: #fff url(../images/head-twitter.jpg) no-repeat top left;margin-top: 20px;padding: 59px 10px 10px}
.instagram-widget {background: #fff url(../images/head-instagram.jpg) no-repeat top left;margin-top: 20px;padding: 59px 10px 10px}

/* PROMOTION */
.promotion .box {margin-bottom: 20px}
.promotion .entry {margin-bottom: 15px;text-align: center}
.promotion .entry .entry-name {color: #4870cc;font-weight: normal;font-size: 13px;text-decoration: underline}
.promotion .entry .entry-detail {color: #aaa}

.promotion-detail .entry {margin-bottom: 15px;text-align: center}
.promotion-detail .entry-meta {text-align: center}
.promotion-detail .entry-meta p {color: #c50004}
.promotion-detail .entry-meta span {font-size: 12px;font-weight: normal}
.promotion-detail .entry-meta h5 {color: #c50004;font-size: 20px;font-weight: bold}
.promotion-detail .entry .entry-owner {height: 35px}
.promotion-detail .entry-meta .redbg-btn {margin: 5px auto 0}

.promotion-editor {margin: 0 0 20px}

/* FOOTER */
.footer {background: #1b1b1b;margin-top: 25px;padding: 25px 0 40px}
.footer h1 {margin-bottom: 10px}
.footer h2 {color: #fff;font-size: 18px;margin-bottom: 5px}
.footer p {color: #c0c0c0;margin-bottom: 10px}
.footer a {color: #fff}
.footer a:hover {color: #fff;text-decoration: underline}
.footer ul {list-style: none;float: left;padding: 0 30px 0 0}
.footer .partners {padding: 0}
.footer .partners li {float: left}
.footer li a {color: #666}
.bottom {background: #2f2f2f;height: 250px}

/* TINY */
.tiny h1, .tiny h2, .tiny h3, .tiny h4, .tiny h5, .tiny h6 {
    font-family: Arial, Tahoma;
    line-height: 1.2;
    float: none;
    margin: 0;
    text-transform: none;
}
.tiny h1 {font-size: 35px}
.tiny h2 {font-size: 30px}
.tiny h3 {font-size: 28px}
.tiny h4 {font-size: 25px}
.tiny h5 {font-size: 23px}
.tiny h6 {font-size: 20px}
.tiny p {margin-bottom: 15px}
.tiny ul {margin-bottom: 10px}
.tiny .nobullet li {list-style: none;margin-left: 0}
.tiny li {list-style: disc;margin-left: 18px}
.tiny ol {margin-bottom: 10px}
.tiny ol li {list-style: decimal;margin-left: 22px}
.tiny hr {background: #fff;border: none;clear: both}
.tiny table, .tiny table tr, .tiny table tr td, .tiny table tr th {border: 1px solid #ccc}
.tiny table th {background: #eee;color: #333;font: bold 14px Tahoma;padding: 10px 15px}
.tiny table {margin: 5px 0 10px;width: 100%}
.tiny tr td {
    font: 13px/1.4 Tahoma;
    padding: 7px 15px;
}
.tiny img {height: auto;margin-bottom: 10px;max-width: 100%}

/* RESPONSIVE */
@media (max-width: 1199px) {
	.banner-widget .entry-media {padding: 0 0 5px}
}
@media (max-width: 991px) {
	.logo {float: none;margin: 0 auto 20px;width: 250px}
	.topinfo {float: none}
	.lang {text-align: center}
	.you-may-like {margin-bottom: 20px}
	.new-release .entry-reverse {margin-bottom: 25px}
	.cart .dropdown-menu.pull-right {right: -101px}
	.signup .btn-check {margin-top: 10px}
	.topchart .entry .entry-caption {width: auto}
	.video .topchart .entry .entry-caption {width: 190px}
	.category-video .topchart .entry .entry-caption {width: 190px}
	.mainnav {background: #282828}

	.shopping-cart .cart-price {margin-top: 3px;text-align: left}
	.wall li {width: 20%}
	
	.banner-widget {padding-left: 8px;padding-right: 5px}
	.banner-widget .entry-media {padding: 15px 0 0}
	
	.also-like {border-left: none;margin-top: 30px;margin-bottom: 0;padding-left: 0}
	.also-like .entry {margin-bottom: 0}

}
@media (max-width: 767px) {
	.large-padding {padding: 30px 0}
	.logo {float: none;margin: 0 auto 15px;width: 156px}
	.topchart .topbox .nav {float: right}
	.topchart .topbox .dropdown-menu {left: auto;right: 0}

	.comment .avatar, .review .avatar {margin-bottom: 15px}
	.review-post .rating {text-align: center}

	.login-form-page {float: none}
	.social-login {border-left: none;float: none}

	.shopping-cart .cart-meta .btn-group {padding: 0 7px}
	.shopping-cart .cart-total {color: #f00;font-size: 16px}
	.shopping-cart .cart-quantity {margin-top: 1px}

	.wall li {width: 25%}

	.table .wish {margin: 0 10px 5px 0}
	.table .download {margin: 0 10px 5px 0}
	.table .lyric {margin: 0 9px 0 0}

	.profile .userinfo .table > tbody > tr > td:first-child {width: auto}
	.profile .address .table > tbody > tr > td:first-child {width: auto}

	.line2 {height: auto}
	.line3 {height: 40px}

	.ratesum {margin-bottom: 20px;overflow: hidden}
	
	.banner-widget .entry-media {padding: 15px 0 0}
	
	.vdo-view {float: none}
	.video .topchart .entry .entry-caption {width: auto}
	.category-video .topchart .entry .entry-caption {width: auto}
	
}
@media (max-width: 480px) {
	.large-padding {padding: 10px 0}
	.box {padding: 15px 15px}
	.recommend-artists {padding-bottom: 0}
	.recommend-artists .entry {margin-bottom: 20px}
	.shopping-cart .cart-items .entry {padding: 10px}
	.topchart .entry .entry-caption {width: 120px}
	.video .topchart .entry .entry-caption {width: 140px}

	.comment-post {padding-top: 0}
	.comment .post .fb-post .checkbox {margin-right: 0}

	.breadcrumb li a {font-size: 13px}

	.line2 {height: 40px}
	.line3 {height: 60px}
	
	.lastest-news .entry .entry-media {margin-right: 10px}
	.lastest-news .entry figcaption {padding: 10px 0 10px 10px}
	
}
@media (max-width: 320px) {
	div.jp-type-playlist {width: auto}
	.ratebar {width: 60%}
	.banner-widget .entry-media {padding: 0 0 5px}
	.video .topchart .entry .entry-caption {width: 140px}
	.category-video .topchart .entry .entry-caption {width: 140px}
	
}
.cover, .banner {width: 100%}


.show-grid [class^="col-"] {
	background-color: rgba(86, 61, 124, 0.15);
	border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}




/* Begin Addition CSS 2016-01-17 */


/* CSS Document */
.home .slider {
	margin-bottom: 0;
}

.container-banner {
	background-position: top center;
	background-repeat: no-repeat;
}
.bg_banner > a {
	display: block;
}

.home .box {
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
}
.home .box .topbox {
	margin-bottom: 35px;
}

.home .box .topbox .topic {
	color: #fff;
	padding-left: 40px;
}
@media (max-width: 480px)	 {
	.home .box .topbox .topic {
		padding-left: 50px;
	}
}

.home .tabmenu.nav-pills > li.active > a, .home .tabmenu.nav-pills > li.active > a:hover, .home .tabmenu.nav-pills > li.active > a:focus {
	background: #d01312;
	border: 1px solid #d01312;
	color: #fff;
}
.home .tabmenu li a {
	background: #fff;
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	margin-left: 10px;
	padding: 0 5px;
}

.linkmore a {
	background: #000 url("http://www.qikplay.com/templates/images/btn-more.png") repeat-x top center;
	color: #fff;
	padding: 5px;
}
.linkmore a:hover {
	background: #000;
	border: none;
	color: #fff;
}

.home .topchart-wrapper {
	background: #c16e23 url("http://www.qikplay.com/templates/images/topchart-bg.png") no-repeat top center;
	margin-bottom: 20px;
	padding: 0 5px 5px;
}
.home .topchart {
	margin: 0;	
}
.home .topchart .topbox {
	background: url("http://www.qikplay.com/templates/images/topchart-topic.png") no-repeat 0 0;
}
.home .topchart .topic {
	padding-left: 25px;
}

.home .btn-more {
	background: #000 url("http://www.qikplay.com/templates/images/btn-more.png") repeat-x top center;
	color: #fff;
	padding: 3px 5px;
	float: right;
	width: auto;
	font-size: 11px;
}

.basket-btn {
	background: url("http://www.qikplay.com/templates/images/basket-sprite.png") no-repeat top right;
	height: 19px;
}
.cloud-btn {
	background: url("http://www.qikplay.com/templates/images/cloud-sprite.png") no-repeat top right;
	height: 19px;
}

.topchart .entry .entry-cat {
	color: #b3b3b3;
	font-size: 11px;
}
.topchart .entry {
	margin: 0 10px 5px;
}
.topchart .entry .entry-media .cover {
	width: 85px;
}
.topchart .entry .number-chart {
	height: 85px;
	padding-top: 32px;
}
.topchart .entry .entry-caption {
	width: 100px;
	margin: 5px 5px 0 10px;
}
.topchart .entry .entry-meta {
	float: right;
	margin: 25px 5px 0 0;
	width: 80px;
}
.topchart .entry .entry-meta .price-small {
	color: #b3b3b3;
	display: block;
	font-size: 11px;
	line-height: 1;
	padding-right: 30px;
	text-align: right;
}
.topchart .entry .entry-meta .price-normal {
	color: #b3b3b3;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	height: 19px;
	padding-right: 30px;
	text-align: right;
}
.topchart .entry .entry-meta:hover .price-small, .topchart .entry .entry-meta:hover .price-normal {
	color: #d61300;
	background-position: bottom right;
}

.entry .entry-cat {
	color: #d61300;
	font-size: 11px;
}
.entry .entry-meta.meta-block {
	background-position: bottom right;
	display: block;
	margin: 10px 0;
	text-align: left;
}
.entry .entry-meta .price-small {
	color: #d61300;
	font-size: 11px;
	margin-right: 5px;
}
.entry .entry-meta .price-normal {
	color: #d61300;
	font-size: 15px;
	font-weight: bold;
}

.entry-reverse .entry-name, .entry-reverse .entry-owner, .entry-reverse .entry-owner a, .entry-reverse p {
	color: #282828;
}
.entry-reverse figcaption {
	background: #fff;
	padding: 0;
}

.recommend .entry .entry-cat {
	margin-bottom: 20px;
}

.you-may-like .entry {
	text-align: left;
}
.you-may-like .entry .entry-owner {
	height: auto;
}
.recommend .entry {
	text-align: left;
}
.recommend .entry .entry-owner {
	height: auto;
}
.new-release .entry .entry-owner {
	height: auto;
}
.new-release .entry {
	text-align: left;
}


@media (max-width: 1199px) {
	.topchart .entry .entry-caption {
		width: 70px;
	}
}
@media (max-width: 991px) {
	.topchart .entry .entry-caption {
		width: 150px;
	}
	.you-may-like .entry .entry-cat {
		margin-bottom: 20px;
	}
}
@media (max-width: 767px) {
	.you-may-like .entry .entry-cat {
		margin-bottom: 0;
	}
}
@media (max-width: 480px) {
	.topchart .entry .entry-caption {
		width: 80px;
	}
}
@media (max-width: 320px) {
	.topchart .entry .entry-caption {
		width: 70px;
	}
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	.ribbon {
		background-image: url(http://www.bectero.com/intropage/coronation/assets/img/before/ribbon-mobile-bectero-1.jpg);
	}
}


/* End Addition CSS 2016-01-17 */