body{color:#333;background-color:#f5f6f7;font-size: 17px;font-family:Arial,sans-serif;margin:0;padding:0}

ul, ol {   margin: 0px;  padding: 0px;}
ul{margin:0;list-style-position:outside;list-style:none;list-style-image:none}
ul li{margin:0;padding:0}
ol{list-style-image:none;list-style-position:outside;list-style-type:decimal}

p {padding: 5px 0px; margin: 0px; }
.overflowhide{ overflow: hidden; }
.clr,.clear{clear:both}
.hide{display:none}
.show{display:inline}
.center{text-align:center}
.left{float:left}
.right{float:right}
.nowrap{white-space:nowrap}
img{border:0 none}
hr{border:0 none;height:1px;border-top:1px solid #cfcfcf}
.bold , .bold a {font-weight: bold;} .red , .red a {color: red; font-weight: bold;}.blue, .blue a {color: blue; font-weight: bold;}
.green, .green a {color: green; font-weight: bold;}.orange, .orange a  { color: #f74b08; font-weight: bold; }.gray, .gray a { color: #545454; font-weight: bold; }.smallhint, .smallhint a { color: #7d7d7d; font-weight: normal; font-size: 11px; }

.dot{color:red}

img{border:0}

.clear{clear:both}

a{color:#0268a2;text-decoration:none}

a:hover{color:#3282e6;text-decoration:underline}

h1,h2{font-size:16px;margin:0;padding:2px}

#main, .container{width:100%;max-width: 850px;overflow:hidden;margin:0 auto}
#main { margin-top: 0px; background-color:#fff; }
#main h2 { margin-top: 20px; font-weight: bold; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

#bhead { position: static; left:0; right: 0; top: 0;  padding: 10px; line-height:15px; z-index: 1000;
background: #d21919; border-bottom:2px solid #7f0707; 
}


h1 {font-size: 18px; font-weight: bold; }

.submit,input[type=submit]{background-color:#4078e0;border:1px solid #4a8bad;border-radius:2px;color:#fff;padding: 2px 5px;margin:2px 0;cursor:pointer}

.content{margin:5px 15px;background-color:#fff}

#langs{float:right;width:52px;margin-top:2px}

#langs a{font-size:12px;color:#000;background-color:#fee0c7;text-align:center;border-radius:2px;margin-bottom:4px;display:block;float:left;width:20px;height:18px;margin-left:5px}

#langs a:hover{background-color:#75abef;text-decoration:none}

#bfoot{color:#7b7979; font-size:14px;border-top:2px solid #7c7a78;padding:10px 10px; background: #fff; }
#bfoot a{text-decoration:none}
#bfoot a:hover{text-decoration:underline}

.ssrcha a { color: #666; }


.title{padding: 6px 15px; margin: 10px 0px; background:#f9f9f9; }
.alink a,.title a{color:#d21919;font-weight:700}

.line{font-size:19px;border-bottom:1px solid #e6e7e7;margin:0;padding:3px;padding-left:28px;background-image:url(arrow.png);background-repeat:no-repeat;background-position:7px;background-color:#fff;color:#a7a7a7}
.line a{color:#575757}

.ls{border-bottom:1px solid #e7e6e6;margin:0;padding:3px;padding-left:6px;clear:both}

img.img5{width:60px;height:50px;margin-right:6px;float:left}

td.td{background:url('images/td.png') no-repeat 0 4px;text-indent:12px;vertical-align:top;width:50%}

td.td a{color:#3d3d3d}


#searchform { float: none; padding: 0px; overflow: hidden; position: relative; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;     border: 2px solid #343535; margin: 10px 10px; background: #f5f5f5;  }

#inputsearch { border: 0 none; width: 85%; padding: 7px 10px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; background: transparent; }

#submitsearch { background:#343535 url('searchsubm.png') no-repeat center center; border: 0 none; border-radius: 0px; width: 12%; height: 100%; position: absolute; margin: 0px; top: 0px; right: 0px; }
#submitsearch:hover{ background-color: #636565; }
#inputsearch:focus{ box-shadow: inset 0 0 3px #f0a70b; }

a#cclogo { color: #333; font-size: 15px; display: inline-block;  float: left; padding: 0;  width: 192px; height: 34px; overflow: hidden; max-height: 45px; background:transparent url("imageset.png?44") no-repeat 0px -105px; }

/*
@media (max-width: 767px) {
a#cclogo { width: 83px; height: 40px; background:transparent url("imageset.png?44") no-repeat 0px -145px; }
}
*/

.durtime { color: #878c8c;  display: inline-block;  float: right; margin-right: 10px;
vertical-align: middle; }

.playlis { display:block; list-style-type: none; padding: 0px; margin: 0px;   margin-top: 5px; margin-left:-8px;  margin-right: -8px; }
.playlis li, .playlis p, .playlis div{
padding:10px 15px; padding-right: 15px; margin: 0px; display:block; overflow:hidden;
background-color:#fff; border-bottom:1px solid #DFDFDF;position:relative; 
}
.playlis li:last-child , .playlis p:last-child ,.playlis div:last-child { 
border-bottom:0px none !important; }
.playlis li:hover{ background-color:#F5F5F5; }
.playlis a{color: #2e609f;  }

.li_pad { padding-right: 0px !important; }
.li_pad .durtime{ margin-right: 40px !important; }


.btnplay { position: absolute; right: 10px; left: auto;   top: 5px; 
display: block; width: 30px; height: 30px; margin-left: 10px; font-style: normal; cursor: pointer; border-radius: 2px;
background:#64a4b9 url("imageset.png?v=3121") no-repeat 2px -53px;
}

.btnstop { background:#919191 url("imageset.png?v=31") no-repeat 2px -26px !important; }

.btnplayx { background: transparent !important; }

.btndown { position: absolute; left: 0px; top: 5px; display: block; width: 30px; height: 30px; margin-left: 10px;
 font-style: normal; cursor: pointer; border-radius: 50%; background: #e03131 url("imageset.png?v=3121") no-repeat 4px -77px;
}
.btndown:hover { background-color: #000; }
.btndown a { display: block; height: 100%; }

.playlis2 li, .playlis2 p, .playlis2 div{  padding-left: 55px; padding-right: 10px; }
.playlis2 .btnplay { left: 40px; right: auto; }



.youtube-video {border:1px solid gray;background-color:#F5F5F5;text-align:center;position:relative;width:100%;max-width:500px;margin: 10px 0px;}
.youtube-video.border_none{border:none!important}
.youtube-video img{width:100%;height:100%;display:block}
.youtube-video em {position:absolute;z-index: 10;cursor:pointer;top:0;left:0;
display: block; width: 100%; height: 100%; background:transparent url("youtube-video.png") no-repeat center center; }

.ccmusicinfoc p { padding: 8px 3px; margin: 0px;}

.liserch li { margin-right: 8px; display: inline; }

#downbut { display: inline-block; }
.downzona { margin-top: 7px; }

.amenu { margin-bottom: 5px;  }
.amenu a{ margin-right: 5px; display: inline-block;  margin-bottom: 5px;  background: #f9f9f9;
    padding: 2px 10px; border-radius: 6px; color: #0e3071; }

.embed-responsive { margin-top: 15px; margin-bottom: 15px; margin-left: 5%; margin-right: 5%; border: 1px solid #ccc; }

.relative { position: relative; }

#tipcopy { display: none; position: absolute; padding: 5px 15px; border-radius: 5px; background: #27c327; color: #fff;     z-index: 10; bottom: 120%; right: 5%;  }

.shareinput:-moz-read-only {  background-color: #fff; }
.shareinput:read-only { background-color: #fff; }


@media screen and (max-width:1000px){
#main{max-width:100%!important}
}