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: 55px; background-color:#fff; }
#main h2 { margin-top: 10px; }

#bhead { position: fixed; left:0; right: 0; top: 0;  padding: 10px; line-height:15px; z-index: 1000; 
background: #83bf43; border-bottom:2px solid #356808; 
}


.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 10px;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:12px;border-top:2px solid #92908e;padding:10px 10px; background: #fff; }
#bfoot a{text-decoration:none}
#bfoot a:hover{text-decoration:underline}

.ssrcha a { color: #666; }


.title{padding: 6px; margin: 10px 0px;padding-left:19px;background:#f9f9f9; }
.alink a,.title a{color:#66991c;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: right; padding: 0px; margin-top: 2px; width: 70%; overflow: hidden; position: relative; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; }

#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: #fff; }

#submitsearch { background:#4d5e61 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: #2975ff; }
#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?v=1") no-repeat 0px -105px; }

@media (max-width: 767px) {
a#cclogo { width: 83px; height: 40px; background:transparent url("imageset.png?v=1") 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: 2px;
background: #1cbb80 url("imageset.png?v=3121") no-repeat 4px -77px;
}
.btndown a { display: block; height: 100%; }

.playlis2 li, .playlis2 p, .playlis2 div{ 
padding-left: 95px; 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; }


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