@charset "UTF-8";

.cHand {cursor: pointer} .cHand:hover {color: #ffd700; }
div#boxCode { background: #000d72;}
div#boxPlayer {}
audio#HXplayer {}
audio#HXplayer p {
    width: 200px;height: auto;
    font-family: 'Merienda', sans-serif;font-size: 10px;color: #fff;
}
audio#HXplayer p a {
    width: 200px;height: auto;
    font-family: 'Merienda', sans-serif;font-size: 10px;color: #fff;
    text-decoration: none;
}
audio#HXplayer p a:hover {color: #ffd700}
div#b_HXplayer {margin: 0 auto; !important;}
#npAction {
    padding: 5px 0px 2px 0px;
    font-family: 'Merienda', sans-serif;font-size: 10px;color: #fff;
    text-decoration: none;  text-transform: uppercase;
}
div.plTitle, div#npTitle {
    font-family: 'Merienda', sans-serif; font-size: 15px; color: #fff;
    text-decoration: none;
}
.bPlayer {
    width: 50px;height:25px; display: inline-block;
    background: rgba(0, 56, 219, 0.20);border: 0;
    position: relative;; cursor: pointer;
    text-align:center;font-size: 16px;color: #fff;
    border-radius: 20px; -webkit-border-radius: 20px;
    box-shadow: 0 0 0 1px rgba(0, 51, 219, 0.50) inset, 0 2px 1px 0 rgba(255, 255, 255, 0.75) inset;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;transition: background-color 0.2s ease-in-out 0s;
}
.bPlayer:hover {background: rgba(0, 11, 219, 0.40);color: #ffe404; font-size:15px;}
.bPlayer:active {position:relative;top:1px;}



@media screen and (max-width: 480px){
    .bPlayer {width:30%;height: 40px}
    div#b_HXplayer {text-align: center;}
    div#nowPlay {text-align: right;padding-right: 20px}
}