#flatmenu{background-color: #570088}
#search{display: table; width: 100%; }#search .searchleft{display: table-cell; vertical-align: middle; width: 96%}#search .searchright{display: table-cell; vertical-align: middle; width: 4%}
#search .searchleft input{width: 98%;}
.software-info h1{font-size: 18px; color: #000; font-weight: bold; margin: 0; padding: 0}
.software-info h3{font-weight: normal; font-size: 12px; font-style: italic}
.singer{clear: both; min-height: 30px; padding-top: 0}
.pagination{display: block; width: 100%; padding: 5px}.pagination span,.pagination a{padding: 3px 8px; display: inline-block; border: #eeedee solid 1px; margin-right: 4px}
.singer .content-items{padding: 5px 3px 1px 3px; display: block; border-bottom: 1px dashed #EEE; min-height: 35px}
.singer .content-items h3{font-size: 12px; font-weight: bold}
.singer .content-items h4{font-size: 11px; color: #7A7A7A; font-weight: normal; font-style: italic}
.software-info p{margin: 0; padding: 0}
.software-info p a{font-weight: bold;}
.fr{border-bottom:1px solid #efefef;clear:left;height: 50px;padding:5px}
.fr1{border-bottom:1px solid #efefef;clear:left;padding:5px}
.bavatar{float:left;padding-right:8px}
.mp3rank1{width:19px;height:42px;float:left;margin-right:5px}
.txt01,.grey{color:#888;font-size:small;white-space:normal}
.txt02{white-space:normal}
.txt04{background-color:#c8e3ff;padding:3px}
.mm-menu{background:#fff}
.mm-menu,.mm-menu a{color:#333}
.mm-page{box-shadow:none!important}
.mm-menu h4{font-size:20px}
#tooltips{display:none}
#page > div,.mm-panel > div{max-width:650px;margin:0 auto;padding:0; text-align: center}
.mm-panel > div{padding:0}
.mm-menu > .mm-panel{padding: 0}
#popup-1 img{width: 100%; height: auto}
.tip a.close{border-radius:10px;background:#6D6D6D; border: #FFF solid 1px; color:#fff;font-size:12px;font-weight:700;text-align:center;text-decoration:none;line-height:20px;display:block;width:20px;height:20px;position:absolute;top:7px;right:7px}
.smallpop-notify{
    background-color: rgb(240, 240, 240);
    padding: 0.5px;
    border-radius: 4px;
    display: inline-block;
}
.archive .item p{margin: 0; padding: 0; font-size: 11px; color: #6a6a6a; font-style: italic}
.archive .item p a{font-weight: bold; font-style: normal; font-size: 12px;}
.item span a,.archive .item p span a{font-weight: normal; color: #333; font-size: 11px; font-style: italic}
.smallpop-notify span{
    color: #fff;
    background-color: red;
    padding: 1px 4px 1px 3px;
    line-height: 11px;
    display: block;
    font-size: 11px;
    border: #FFF solid 1px;
    border-radius: 4px;
    display: inline-block;
}
.ins-app-action .close{background:url("http://static.mp3.zdn.vn/skins/mp3_mobile/images/icon.png") no-repeat scroll 0 0 transparent}
.button-light{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px 0 1px #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px 0 1px #fff;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px 0 1px #fff;border:solid 1px #d9d9d9;background:#fafafa;background:-moz-linear-gradient(top,#fafafa 0,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fafafa),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fafafa 0,#ececec 100%);background:-o-linear-gradient(top,#fafafa 0,#ececec 100%);background:-ms-linear-gradient(top,#fafafa 0,#ececec 100%);background:linear-gradient(to bottom,#fafafa 0,#ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ececec',GradientType=0)}
.ins-app-action{position:relative;width:100%;height:78px;background:#f9f9f9;background:-moz-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#d8d8d8));background:-webkit-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-o-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-ms-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:linear-gradient(to bottom,#f9f9f9 0,#d8d8d8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#d8d8d8',GradientType=0)}
.app-download{border:1px solid #dfdfdf;margin:5px;background-color:#f2f2f2;display:block}.app-icon{float:left;margin-right:10px}.app-download b{padding:5px;overflow:hidden;display:block;font-weight:normal}
.app-download span{display:block;border-top:1px solid #dfdfdf;background-color:white;text-align:center;height:27px;line-height:27px}.ins-app-action{position:relative;width:100%;height:78px;background:#f9f9f9;background:-moz-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#d8d8d8));background:-webkit-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-o-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:-ms-linear-gradient(top,#f9f9f9 0,#d8d8d8 100%);background:linear-gradient(to bottom,#f9f9f9 0,#d8d8d8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#d8d8d8',GradientType=0)}
.ins-app-action .button-light{display:inline;padding:5px 10px;font-weight:bold;position:absolute;top:24px;right:10px}.ins-app-action .close{position:absolute;top:0;left:0;display:block;width:30px;height:30px;background-position:-150px 0;cursor:pointer}
.info-com{overflow:hidden;padding-top:10px;margin-left:30px}.info-com img{float:left}.info-com p{color:#6a6a6a;margin:-2px 0 0 68px}.info-com strong{display:block;font-weight:bold}
.info-com span{display:block}
.small-star .current-rating{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAtElEQVQoz+2S0Q2AIAwFGYERHMVRGMGEBRjJERzBETqCGyCYQghRbKn8aXI/St8hD+W9VyNRv4AtaD3WWhNprZEKIDJEgLv3iBkhgEIAnwpC4FyEJ+YuQRicMHAJuMBW7T7/BX5zuDbOTBTBfhNGZacIdKckzmhSBx2SK5xVMkOSw9m36OH2NG8TV2AIAiMROILASQRrFbYh5btVIkglQ3nW2A2kkiWCoz7jm44OluBrfsErJ8j79BUPTQO5AAAAAElFTkSuQmCC)}
.tiny-star.star-rating-non-editable-container{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAcklEQVQoz2P4//8/AzmYgWKN6KC4uFgYhGF8UjTqgjBJGqG2GUOxMF6NQAViQCwFxGpAbICk0QAqBpITw6ZRAUkxLqyA1akENCvg9SNQgRYWTVoEA4cSjTDFalAM5uPVCFTABY0/ASSDBKBiXNRNcqRiADBao1Bj6dJdAAAAAElFTkSuQmCC);height:14px;width:69px}.tiny-star .current-rating{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdElEQVQoz2P4//8/AzmYgWKN6KC4uDgBhGF8UjQ+AGGSNEJt+w/FCXg1AhUUAHEDEB8A4g9IGj9AxUByBdg0LkBSjAsvwOpUApoX4PUjUMEFLJouEAwcSjTCFB+AYjAfr0agAgNo/AUgGRQAFTOgbpIjFQMAtcfKBD81ItYAAAAASUVORK5CYII=) left bottom;height:14px}
.reason-set-star-rating{margin-left: 75px;}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.box-ring{
    background-color: #FFF4D3;
    padding: 4px;
    font-size: 12px;
    clear: both;
    width: 100%;
}

.ringtune strong{color: red;}

.border-red{background-color: #F04000; border-left-color: #F9FF00}
.box-nhaccho .head{
    background-color: #DDD;
    margin-left: -0.2em;
    margin-right: -0.2em;
    font-weight: bold;
    padding-top: 7px;
    text-transform: uppercase;
}
.box-thumb{  width: 70px;
             height: 70px;
             overflow: hidden;
             display: inline;
             float: left;
             margin-right: 5px;}
.box-in{display: inline;float: left;}
#tbl-rich-snippet .software-info{display: block; width: 99%}
.newyear a{background: rgb(197, 1, 1);color: #FFF200;line-height: 45px;text-align: center;display: block;font-size: 21px;}
.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}
.audioButton {
    background: url("../images/btn.png") no-repeat 1px 0px;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: normal;
}

.audioButton:hover {
    background-position: 1px -40px;
}

.audioButton.playing {
    background-position: 1px -80px;
}

.audioButton.playing:hover {
    background-position: 1px -120px;
}

.audioButton.loading,
.audioButton.loading:hover {
    background: url("../images/loading.gif") no-repeat 1px 0px;
    text-indent: 0!important;
}

#player {
    display: none;
}

.box-ring .audio{width: 22px;}
.box-ring td{vertical-align: middle}
.bxheader{text-align: center; color: red; font-size: 13px; background-color: #EAEAEA}
.box-ring p{margin: 5px 0 0 0}
.box-ring p span{font-weight: bold; color: red}
.small{font-style: italic; color: #888; font-size: 11px;}
.maso a{color: red; font-weight: bold}
body .tbl-box h1{font-size: 13px; color: #333; }
.app-recommend{font-family: Verdana; position: relative; margin: 0; padding: 0; cursor: pointer; background-color: #FFF; border-radius: 2px;}
.app-recommend td{border: none; position: relative;}
.app-recommend .reason-set-star-rating{position: absolute; bottom: 2px; margin-left: -2px}
.app-recommend .icon{width: 40px; height: 40px; margin-right: 5px;}
.app-recommend .icon img{width: 40px; height: 40px;}
.app-recommend .info{padding-left: 3px; vertical-align: top}
.app-recommend .info h4,.app-recommend .info p{margin: 0; padding: 0;}
.app-recommend .info .install{position: absolute;
right: 5px;
bottom: 5px;
padding: 5px 12px;
background-color: #06B21B;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
border-radius: 2px;}
.comment-are{width: 100%; float: left; background-color: #FFF;}
.fb-like{margin-top: 5px;}
.fb-comments{float: left;}
.comment-help{float: left}
.content-block .item span.num{float: left; width: 30px; height: 30px; background-color: #CCC; color: #FFF; text-align: center; font-style: normal; font-size: 16px; font-weight: bold; line-height: 30px; margin-right: 5px; font-family: sans-serif}
.archive .singer-list .item .avatar{width: 24px; height: 24px; float: left;}
.archive .singer-list .item{line-height: 27px; padding: 0 5px; margin-bottom: 2px;}
@media all and (max-width: 768px) {
    .comment-help{display: none;}
    .fb-comments{float: none}
}
.topmusic .item{position: relative}
.topmusic .item .right-info{float: right}
.home-album .item{line-height: 21px}
.home-album .item .block-info{display: inline-block;}
.home-album .item p{margin: 0; padding: 0; line-height: normal}
/*Portrait Styles*/
#background-dimmer {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.7);
} 
#ad {
	border: 1px solid black;
	background-color: #0d2a4d;
        position: fixed;
}

#ad #adContainer{
    z-index: 1;
}

.centered {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
	
#ad button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
        z-index: 99999;
}
#clickthrough-button{
	height: 100%;
	width: 100%;
	z-index: 1;
}

#close-button { 
	position: absolute; 
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	background: url('../images/closeWhite.png') no-repeat;
	background-size: 24px 24px;
	z-index: 99;
}
/*Portrait Styles*/
/* #### Mobile Phones Portrait #### */


@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
  #ad {
        width: 480px;
        height: 800px; 
    }
}

@media screen and (max-device-width: 240px){
  /* some CSS here */
  #ad {
        width: 240px;
        height: 320px; 
    }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  #ad {
        width: 317px;
        height: 480px; 
    }
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  #ad {
        width: 318px;
        height: 566px; 
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
  #ad {
        width: 373px;
        height: 625px; 
    }
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}
#overlay{    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(00,00,00,0.3);
    top: 0;}
#dialog {
position: fixed;
margin-left: auto;
margin-right: auto;
z-index: 1;
top: 10px;
left: 0;
max-width: 320px;
right: 0;
border-radius: 9px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
#dialog a{display: block}
#dialog .close{
    position: absolute;right: -5px;background-color: #FFF;border-radius: 20px;width: 20px;height: 20px;text-align: center;vertical-align: middle;color: #000;top: -5px; font-weight: bold; line-height: 19px;
}

#dialog-bg {
position: relative;
width: 98%;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.4);
}
table.app-recommend{border: none; font-size: 12px;}
table.app-recommend td{padding: 5px 3px;}
.app-recommend{text-align: center; width: 100%; height: 103px; overflow: hidden; padding: 0 0 8px 0; border: #CCC solid 1px;}
.app-recommend h4{
    background: #00A920;
    padding: 4px 0 3px 5px;
    font-weight: normal;
    text-align: left;
    color: #FFFFFF;
    margin: 0 0 8px 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.app-recommend .icon{box-shadow: none; width: 60px; height: 60px; text-align: center; margin: 0; padding: 0;}
.app-recommend .icon-card{width: 90px; text-align: center; display: inline-block; overflow: hidden}
.app-recommend span{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; width: 100%; font-weight: bold;}
.clear-fix{clear: both}