#my-collection .moduleList .fnc2 {
  width: 192px;
  float:right;
}

#my-collection .moduleList .remove, #my-collection .moduleList .remove-upldata {
  background: url(../images/icon/mycollection/delete.png) center center no-repeat;
  width: 64px;
  margin: 9px 0px;
  float: right;
  height: 46px;
  cursor: pointer;
}

#my-collection .moduleList .remove:hover, #my-collection .moduleList .remove-upldata:hover {
  background: url(../images/icon/mycollection/delete_over.png) center center no-repeat;
  cursor: pointer;
}

#my-collection .moduleList .share {
  width: 64px;
  float: right;
  margin: 9px 0px;
  height: 46px;
}

#my-collection .moduleList .add {
  width: 64px;
  float: right;
  margin: 9px 0px;
  height: 46px;
}

#login-button {
  border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  width: 160px;
  float: right;
  height: 30px;
}

#login-button:hover {
  border: 1px solid #39d1b3;
  color: #39d1b3
}

#my-collection .moduleList .l-h {
  color: #fff;
}

#my-collection .moduleGrid {
  margin-top: 35px;
}

#my-collection .artist .img:after {
  border: 0px;
}

#my-collection .moduleList .artist {
  padding: 0px;
}

#my-collection .moduleGrid .cover:before {
  border: 0px;
}

#my-collection .moduleGrid .cover .img {
  position: absolute;
  top: 0px;
  z-index: 9999;
}

#my-collection .moduleGrid .cover {
  cursor: pointer;
}

#my-collection .moduleGrid .cover .fnc {
  z-index: 10000;
}

#my-collection .moduleGrid .cover:after {
  border: 1px solid rgba(255, 255, 255, 0.2);
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
}

#my-collection .moduleGrid .item:hover .cover:after {
  border: 0px;
}

#my-collection .artist .cover:after {
  border-radius: 50%;
}

#my-collection .moduleGrid .item:hover .img:after {
  border: 0px;
}

#my-collection .moduleGrid .item:hover img.preimg {
  opacity: 0;
}

#my-collection .moduleGrid .item[data-reftype='UPL']:hover .preload, #my-collection .moduleGrid .item[data-reftype='OUPL']:hover .preload {
  opacity: 1;
}

#my-collection .moduleGrid .item:hover .preload {
  opacity: 0;
}

#my-collection .moduleGrid .item:hover .img, #my-collection .moduleGrid .item:hover .img img {
  opacity: 0.5;
}

#my-collection .moduleGrid .name a {
  font-size: 14px;
  color: #fff;
}

#my-collection .moduleGrid .desc a, #my-collection .moduleGrid .desc {
  font-size: 12px;
  color: #a1a1a1;
}

#my-collection .dropdown-menu li:hover {
  color: #555555;
}

.moduleList .l-r .offairicon {
  display: none;
}

.moduleList .l-r.offair .offairicon {
  display: block;
  width: 46px;
  line-height: 62px;
  float: right;
  margin: 0px 9px;
}

.moduleList .l-r.offair .song, .moduleList .l-r.offair .cover {
  cursor: default;
}

.moduleList .l-r.offair, .moduleList .l-r.offair a {
  color: #555555;
}

.moduleList .l-r.offair .cover {
  opacity: 0.5;
}

.moduleList .l-r.offair .duration {
  display: none;
}

.moduleList .l-r.offair:hover {
  background-color: #000000;
}

.moduleList .l-r.offair:hover .fnc2 {
  /* display: none; */
}

.moduleList .l-r.offair:hover .fnc2 .add,
.moduleList .l-r.offair:hover .fnc2 .share{
  display: none;
}
.moduleList .l-r.offair:hover .fnc1 {
  /* display: table-cell; */
}
.moduleList .l-r.offair .play {
  display: none;
}

.element .right .edit, .element .right .delete {
  opacity: 0.7;
}

.element .right .edit:hover, .element .right .delete:hover {
  opacity: 1;
}

.element .right .edit,
.element .right .delete {
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin-right: 22px;
  /*background-repeat: no-repeat;
	background-position: 0px;*/
  float: left;
}

.element .right .delete{
  margin-left: 22px;
}

.element .right .edit {
  background: url('/images/icon/edit.png?v=1') center center no-repeat;
}

.element .right .edit {
  background: url('/images/icon/edit_over.png?v=1') center center no-repeat;
}

.element .right .delete {
  background: url('/images/icon/delete.png') center center no-repeat;
}

#select-options ul.dropdown {
  /*.sortingbar ul.dropdown{*/
  opacity: 0;
  /*display: none;*/
  visibility: hidden;
  width: 220px;
  background: #262626;
  color: #a1a1a1;
  list-style-type: none;
  text-align: left;
  padding: 0px 18px;
  border-radius: 3px;
  margin-top: -37px;
  cursor: pointer;
  z-index: 1000;
  float: right;
  font-size: 14px;
  position: absolute;
  margin-left: -66px;
}

#select-options:hover ul.dropdown {
  /*.sortingbar:hover ul.dropdown{*/
  opacity: 1;
  /*display: block;*/
  visibility: visible;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  -moz-transition: visibility 0s, opacity 0.5s linear;
  -o-transition: visibility 0s, opacity 0.5s linear;
  -ms-transition: visibility 0s, opacity 0.5s linear;
  /*transition: opacity .5s ease-in;*/
  transition: visibility 0s, opacity 0.5s linear;
}

.chi #select-options ul.dropdown {
  width: 200px;
}

#select-options .sort-text {
  float: left;
  width: 48px;
  height: 14px;
  z-index: 1100;
  text-align: right;
}

.chi #select-options .sort-text {
  width: 40px;
}

.sortingbar {
  float: right;
  position: absolute;
  top: 350px;
  width: 100%;
  z-index: 400;
  color: #c9c9c9;
  font-size: 14px;
  min-width: 995px;
}

.sortingbar.bannerMode {
  top: 525px;
}

.sortingbar .sort-text-outer {
  float: right;
  margin: 13px 0;
  width: 60px;
  color: #fff;
  opacity: 1;
  text-align: right;
}

.sortingbar.chi .sort-text-outer {
  width: 36px;
  text-align: left;
}

#dropdown-btn {
  width: 120px;
  background-color: transparent;
  color: #fff;
  text-align: left;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  padding-left: 16px;
}

.sortingbar.chi #dropdown-btn {
  width: 87px;
}

.sortingbar #select-options {
  float: right;
  margin: 8px 0;
  width: 105px;
  z-index: 500;
}

.chi #select-options {
  width: 85px;
}

#select-options ul.dropdown .sorting-btn {
  float: right;
  width: 20px;
  height: 22px;
  z-index: 1100;
}

#select-options ul.dropdown .selected-value, #select-options ul.dropdown .sort-text {
  margin: 18px 0;
}

#select-options ul.dropdown .sorting-btn {
  margin: 15px 0;
}

#select-options:hover ul.dropdown .selected-value {
  float: right;
  width: 100px;
  text-align: left;
}

.chi #select-options:hover ul.dropdown .selected-value {
  width: 80px;
}

#select-options:hover ul.dropdown li {
  float: right;
  width: 160px;
  padding-left: 60px;
}

#select-options:hover ul.dropdown li {
  width: 160px;
}

.chi #select-options:hover ul.dropdown li {
  width: 140px;
}

#select-options #sorting {
  background-color: transparent;
  color: #fff;
  border: 0;
  width: 100%;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: none;
}

#select-options:hover ul.dropdown li {
  margin-right: 20px;
  margin-bottom: 12px;
  text-align: left;
}

#select-options ul.dropdown li:hover {
  /*.sortingbar ul.dropdown li:hover{*/
  color: #ffffff;
}

#select-options ul.dropdown li.selected {
  background: url('../images/tick_grey.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 25px 50%;
  text-align: left;
}

#select-options ul.dropdown li.selected:hover {
  /*.sortingbar ul.dropdown li:hover{*/
  background: url('../images/tick_white.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 25px 50%;
  text-align: left;
}

#select-options:hover #dropdown-btn {
  opacity: 0;
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  -ms-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}

.editPlayList #create {
  bottom: 34px;
  right: 24px;
  position: absolute;
}

.editPlayList #back {
  bottom: 24px;
  right: 140px;
  position: absolute;
}

#my-collection .noresults {
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 20px;
  height: 500px;
  margin-top: 25px;
}

#my-collection.content-c.bannerMode .moduleList {
  margin-top: 48px;
}

#my-collection.content-c.bannerMode .moduleGrid {
  margin-top: 84px;
}

#my-collection.content-c .banner {
  width: 100%;
}

#my-collection.content-c .banner img {
  width: 100%;
  margin-top: 36px;
  background-color: #d8d8d8;
  cursor: pointer;
}

#my-collection .noresults .chi, #my-collection .noresults .eng {
  display: flex;
  justify-content: center;
  margin: 25px auto;
  line-height: 30px;
  font-size: 14px;
}

#my-collection #home-btn, #freereg-button {
  border-radius: 5px;
  background-color: #3ad0b3;
  cursor: pointer;
  width: 160px;
  float: left;
  height: 30px;
}

#my-collection .eng #home-btn {
  width: 200px;
}

#my-collection #home-btn:hover, #freereg-button:hover {
  background-color: #27bb9d;
}