.text-core {
  position: relative;
}
.text-core .text-wrap {
  background: #fff;
  position: absolute;
}
.text-core .text-wrap textarea,
.text-core .text-wrap input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #9daccc;
  outline: none;
  resize: none;
  position: absolute;
  z-index: 1;
  background: none;
  overflow: hidden;
  margin: 0;
  padding: 3px 5px 4px 5px;
  white-space: nowrap;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  line-height: 13px;
  height: auto;
}

.text-core .text-wrap .text-tags {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 3px 35px 3px 3px;
  cursor: text;
}
.text-core .text-wrap .text-tags.text-tags-on-top {
  z-index: 2;
}
.text-core .text-wrap .text-tags .text-tag {
  float: left;
}
.text-core .text-wrap .text-tags .text-tag .text-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  border: 1px solid #9daccc;
  background: #e2e6f0;
  color: #000;
  padding: 0px 17px 0px 3px;
  margin: 0 2px 2px 0;
  cursor: pointer;
  height: 16px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
  position: absolute;
  right: 3px;
  top: 2px;
  display: block;
  width: 11px;
  height: 11px;
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/libs/jquery-textext/src/css/close.png?f18844804721') 0 0 no-repeat;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:hover {
  background-position: 0 -11px;
}
.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:active {
  background-position: 0 -22px;
}

.text-core .text-wrap .text-dropdown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: 3;
  background: #fff;
  border: 1px solid #9daccc;
  width: 100%;
  max-height: 100px;
  padding: 1px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.text-core .text-wrap .text-dropdown.text-position-below {
  margin-top: 1px;
}
.text-core .text-wrap .text-dropdown.text-position-above {
  margin-bottom: 1px;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
  padding: 3px 5px;
  cursor: pointer;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
  font-style: normal;
  text-decoration: underline;
}
.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
  color: #fff;
  background: #6d84b4;
}

.text-core .text-wrap .text-focus {
  -webkit-box-shadow: 0px 0px 6px #6d84b4;
  -moz-box-shadow: 0px 0px 6px #6d84b4;
  box-shadow: 0px 0px 6px #6d84b4;
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
.text-core .text-wrap .text-focus.text-show-focus {
  display: block;
}

.text-core .text-wrap .text-prompt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 1px 0 0 2px;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  color: #c0c0c0;
  overflow: hidden;
  white-space: pre;
}
.text-core .text-wrap .text-prompt.text-hide-prompt {
  display: none;
}

.text-core .text-wrap .text-arrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/libs/jquery-textext/src/css/arrow.png?cf5e7a589624') 50% 50% no-repeat;
  cursor: pointer;
  z-index: 2;
}


div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				140px;
	top: 				40px;
}

div.jGrowl.top-right {
	right: 				10px;
	top: 				55px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				140px;
}

div.jGrowl.bottom-right {
	right: 				10px;
	bottom: 			80px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
  -webkit-pointer-events: none;
}

#nprogress .bar {
  background: #ff595f;

  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ff595f, 0 0 5px #ff595f;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display:block;
}
audio,
canvas,
video {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
audio:not([controls]) {
    display:none;
}
html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
a:focus {
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
a:hover,
a:active {
    outline:0;
}
a.blockhref {
    display: block;
    height: 100%;
    width:100%;
}
.floatright {
    float:right;
    padding-top:4px;
}

.floatleft {
    float:left;
}
sub,
sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
img {
    height:auto;
    border:0;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle;
}
button,
input,
select,
textarea {
    margin:0;
    font-size:100%;
    vertical-align:middle;
}
button,
input {
    *overflow:visible;
    line-height:normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding:0;
    border:0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor:pointer;
    -webkit-appearance:button;
}
input[type="search"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
            box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none;
}
textarea {
    overflow:auto;
    vertical-align:top;
}
.clearfix {
    *zoom:1;
}
.clearfix:before,
.clearfix:after {
    display:table;
    content:"";
}
.clearfix:after {
    clear:both;
}
.hide-text {
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
.input-block-level {
    display:block;
    width:100%;
    min-height:28px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
}
body{
    margin:0;
    font-family:'Helvetica Neue', Arial, Helvetica,'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size:13px;
    line-height:22px;
    color:#333;
    background-color: #f4f4f4;
}
a {
    color: #333;
    text-decoration:none;
}
a:hover {
    color: #999;
}
a.disabled {
    color: #aaa;
}
.row {
    margin-left:-20px;
    *zoom:1;
}
.row:before,
.row:after {
    display:table;
    content:"";
}
.row:after {
    clear:both;
}
[class*="span"] {
    float:left;
    margin-left:20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width:780px;
}
.container.edit_wrapper {
    width: 940px;
}
.modal.up_box .container,
.work-modal.up_box .container {
    width:760px;
}
.modal.up_box .container#inside_box,
.work-modal.up_box .container#inside_box {
    padding:20px;
    margin-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
}
.span15{width:1180px;}
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid {
    width:100%;
    *zoom:1;
}
.row-fluid:before,
.row-fluid:after {
    display:table;
    content:"";
}
.row-fluid:after {
    clear:both;
}
.row-fluid>[class*="span"] {
    float:left;
    margin-left:2.127659574%;
}
.row-fluid>[class*="span"]:first-child {
    margin-left:0;
}
.row-fluid > .span12 {width:99.99999998999999%;}
.row-fluid > .span11 {width:91.489361693%;}
.row-fluid > .span10 {width:82.97872339599999%;}
.row-fluid > .span9 {width:74.468085099%;}
.row-fluid > .span8 {width:65.95744680199999%;}
.row-fluid > .span7 {width:57.446808505%;}
.row-fluid > .span6 {width:48.93617020799999%;}
.row-fluid > .span5 {width:40.425531911%;}
.row-fluid > .span4 {width:31.914893614%;}
.row-fluid > .span3 {width:23.404255317%;}
.row-fluid > .span2 {width:14.89361702%;}
.row-fluid > .span1 {width:6.382978723%;}
.container {
    margin-left:auto;
    margin-right:auto;
    *zoom:1;
}
.container:before,
.container:after {
    display:table;
    content:"";
}
.container:after {
    clear:both;
}
.container-fluid {
    padding-left:20px;
    padding-right:20px;
    *zoom:1;
}
.container-fluid:before,
.container-fluid:after {
    display:table;
    content:"";
}
.container-fluid:after {
    clear:both;
}
p {
    margin:0 0 9px;
    font-size:12px;
    line-height:20px;
}
p small {
    font-size:11px;
    color:#999;
}
.container p {
    font-size:15px;
    line-height:24px;
    margin:0 0 26px;
    word-wrap: break-word;
    word-break: break-all;
}
.container .well p {
    font-size:13px;
    line-height:21px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.container .reply_block p {
    margin-bottom: 8px;
}
.container .reply_block #history {
    margin-top: 30px;
}
.container .reply_block textarea {
    width: 768px;
}
.lead {
    margin-bottom:18px;
    font-size:20px;
    font-weight:200;
    line-height:27px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0;
    font-weight:bold;
    color:#666;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight:normal;
    color:#999;
}
h1 {
    font-size:30px;
    line-height:36px;
}
h1 small {
    font-size:18px;
}
h2 {
    font-size:22px;
    line-height:36px;
}
h2 small {
    font-size:16px;
}
h3 {
    font-size:16px;
    line-height:36px;
}
h3 small {
    font-size:14px;
}
h4,
h5,
h6 {
    line-height:20px;
}
h4 {
    font-size:14px;
}
h4 small {
    font-size:12px;
}
.item_box h4 small {
    margin-left:7px;
}
h5 {
    font-size:12px;
}
h6 {
    font-size:11px;
    color:#999;
}
.span10 h1 {
    margin-bottom:10px;
}
.page-header {
    margin:10px auto 20px;/*20140212*/
    width: 100%;
    float:left;
}
.page-header h2 {
    float:left;
    margin-bottom:20px;
}
.page-header h2 small {
    margin-left:10px;
}
.page-header .form-actions_right {
    margin:0;
}
.span9 .page-header {
    padding: 0;
}
.span9 h4 {
    margin-bottom:10px;
}
.page-header .icon_box {
    float:left;
    margin-right:8px;
    margin-top:-8px;
}
/*20140212*/
.page-header .search_box{
    float: right;
}
.page-header .search_box i{
    margin-left: -12px;
    margin-top: -2px;
    filter: alpha(opacity=70);
-moz-opacity: 0.7;
    opacity: 0.7;
}
.page-header .search_box i:hover{
    filter: alpha(opacity=100);
-moz-opacity: 1;
    opacity: 1;
}
/*/20140212*/
ul,
ol {
    padding:0;
    margin:0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom:0;
}
ul {
    list-style:disc;
}
ol {
    list-style:decimal;
}
li {
    line-height:18px;
}
ul.unstyled,
ol.unstyled {
    margin-left:0;
    list-style:none;
}
dl {
    margin-bottom:18px;
}
dt,
dd {
    line-height:18px;
}
dt {
    font-weight:bold;
    line-height:17px;
}
dd {
    margin-left:9px;
}
.dl-horizontal dt {
    float:left;
    clear:left;
    width:120px;
    text-align:right;
}
.dl-horizontal dd {
    margin-left:130px;
}
hr {
    margin:18px 0;
    border:0;
    border-top:1px solid #eee;
    border-bottom:1px solid #fff;
}
strong {
    font-weight:bold;
}
.muted {
    color:#999;
}
abbr[title] {
    border-bottom:1px dotted #ddd;
    cursor:help;
}
abbr.initialism {
    font-size:90%;
    text-transform:uppercase;
}
blockquote {
    padding:0 0 0 15px;
    margin:0 0 18px;
    border-left:5px solid #eee;
}
blockquote p {
    margin-bottom:0;
    font-size:16px;
    font-weight:300;
    line-height:22.5px;
}
blockquote small {
    display:block;
    line-height:18px;
    color:#999;
}
blockquote small:before {
    content:'\2014 \00A0';
}
blockquote.pull-right {
    float:right;
    padding-left:0;
    padding-right:15px;
    border-left:0;
    border-right:5px solid #eee;
}
blockquote.pull-right p,
blockquote.pull-right small {
    text-align:right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content:"";
}
address {
    display:block;
    margin-bottom:18px;
    line-height:18px;
    font-style:normal;
}
small {
    font-size:100%;
}
cite {
    font-style:normal;
}
code,
pre {
    padding:0 3px 2px;
    font-family:Menlo,Monaco,"Courier New",monospace;
    font-size:12px;
    color:#333;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
code {
    padding:2px 4px;
    color:#d14;
    background-color:#f7f7f9;
    border:1px solid #e1e1e8;
}
pre {
    display:block;
    padding:8.5px;
    margin:0 0 9px;
    font-size:12.025px;
    line-height:18px;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border:1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    white-space:pre;
    white-space:pre-wrap;
    word-break:break-all;
    word-wrap:break-word;
}
pre.prettyprint {
    margin-bottom:18px;
}
pre code {
    padding:0;
    color:inherit;
    background-color:transparent;
    border:0;
}
.pre-scrollable {
    max-height:340px;
    overflow-y:scroll;
}
form {
    margin:0 0 18px;
}
fieldset {
    padding:0;
    margin:0;
    border:0;
}
legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:27px;
    font-size:19.5px;
    line-height:36px;
    color:#333;
    border:0;
    border-bottom:1px solid #eee;
}
legend small {
    font-size:13.5px;
    color:#999;
}
label,
input,
button,
select,
textarea {
    font-size:12px;
    font-weight:normal;
    line-height:18px;
}
label {
    display:block;
    margin-bottom:10px;
    color:#333;
}
input,
textarea,
select,
.uneditable-input {
    display:inline-block;
    width:80px;
    height:18px;
    padding:5px;
    font-size:13px;
    line-height:18px;
    color:#555;
    border:1px solid #ccc;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.uneditable-textarea {
    width:auto;
    height:auto;
}
label input,
label textarea,
label select {
    display:block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width:auto;
    height:auto;
    padding:0;
    margin:3px 0;
    *margin-top:0;
    line-height:normal;
    cursor:pointer;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
    border:0 \9;
}
input[type="image"] {
    border:0;
}
input[type="file"] {
    width:auto;
    padding:initial;
    line-height:initial;
    border:initial;
    background-color:#fff;
    background-color:initial;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    width:auto;
    height:auto;
}
select,
input[type="file"] {
    height:28px;
    *margin-top:4px;
    line-height:28px;
}
input[type="file"] {
    line-height:18px \9;
}
select {
    width:80px;
    background-color:#fff;
}
select[multiple],
select[size] {
    height:auto;
}
input[type="image"] {
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
textarea {
    height:auto;
}
input[type="hidden"] {
    display:none;
}
.radio,
.checkbox {
    padding-left:18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float:left;
    margin-left:-18px;
}
.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top:5px;
}
.radio.inline,
.checkbox.inline {
    display:inline-block;
    padding-top:5px;
    margin-bottom:0;
    vertical-align:middle;
}
.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline,
.radio.inline+.checkbox.inline {
    margin-left:10px;
}
input,textarea {
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
       -moz-transition:border linear 0.2s,box-shadow linear 0.2s;
        -ms-transition:border linear 0.2s,box-shadow linear 0.2s;
         -o-transition:border linear 0.2s,box-shadow linear 0.2s;
            transition:border linear 0.2s,box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
    border-color:rgba(82, 168, 236, 0.8);
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    outline:0;
    outline:thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
.input-mini {width:40px;}
.input-small {width:80px;}
.input-medium {width:100px;}
.input-large {width:190px;}
.input-xlarge {width:250px;}
.input-xxlarge {width:380px;}
.input-xxxlarge {width:470px;}
.input-xxxxlarge {width:500px;}
.input-xxxxxlarge {width:800px;}
.span10 .full_box {width:760px;}
.form-signup .input-xxlarge {width:450px;}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
    float:none;
    margin-left:0;
}
input,textarea,
.uneditable-input {
    margin-left:0;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
    width:930px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
    width:850px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
    width:770px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
    width:690px;
    }
input.span8,
textarea.span8,
.uneditable-input.span8 {
    width:610px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
    width:530px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
    width:450px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
    width:370px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
    width:290px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
    width:210px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
    width:130px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
    width:50px;
}
.input-prepend input.span1 {
    width: 75px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
       -moz-box-shadow: 0 0 6px #f8b9b7;
            box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
    padding:8px 0;
    text-align: center;
    *zoom:1;
    margin:10px 0;
}
.form-actions .btn {
    margin-right:10px;
}
.form-actions .pull-right .btn {
    margin-right:0px;
    margin-left:10px;
}
.form-actions_right {
    padding:5px 0;
    text-align: right;
    *zoom:1;
    margin:10px 0;
}
.form-actions_right.top_line {
    padding: 15px 0;
    margin: 20px 0;
}
.form-actions_left {
    padding:5px 0;
    text-align: left;
    *zoom:1;
    margin:10px 0;
}
.form-actions:before,
.form-actions:after {
    display:table;
    content:"";
}
.form-actions:after {
    clear:both;
}
.uneditable-input {
    display:block;
    background-color:#fff;
    border-color:#eee;
    -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);
       -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);
            box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor:not-allowed;
}
:-moz-placeholder {
    color:#999;
}
::-webkit-input-placeholder {
    color:#999;
}
.help-block,
.help-inline {
    color:#999;
}
.help-block {
    display:block;
    margin-top:5px;
    margin-bottom:0;
}
.help-block i {
    margin-top:-1px;
}
.help-inline {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    padding-left:5px;
}
.input-prepend,
.input-append {
    margin-bottom:5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
    *margin-left:0;
    -webkit-border-radius:0 3px 3px 0;
       -moz-border-radius:0 3px 3px 0;
            border-radius:0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
    position:relative;
    z-index:2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
    border-left-color:#ccc;
}
.input-prepend .add-on,
.input-append .add-on {
    display:inline-block;
    width:auto;
    min-width:16px;
    height:18px;
    padding:5px;
    font-weight:normal;
    line-height:18px;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    vertical-align:middle;
    background-color:#eee;
    border:1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
    -webkit-border-radius:3px 0 0 3px;
       -moz-border-radius:3px 0 0 3px;
            border-radius:3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
    background-color:#84ff2e;
    border-color:#3d9400;
}
.input-prepend .add-on,
.input-prepend .btn {
    margin-right:-5px;
}
.input-append input,
.input-append select .uneditable-input {
    -webkit-border-radius:3px 0 0 3px;
       -moz-border-radius:3px 0 0 3px;
            border-radius:3px 0 0 3px;
}
.input-append .uneditable-input {
    border-left-color:#eee;
    border-right-color:#ccc;
}
.input-append .add-on,
.input-append .btn {
    margin-left:-1px;
    -webkit-border-radius:0 3px 3px 0;
       -moz-border-radius:0 3px 3px 0;
            border-radius:0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right:-1px;
    -webkit-border-radius:3px 0 0 3px;
       -moz-border-radius:3px 0 0 3px;
            border-radius:3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left:-1px;
    -webkit-border-radius:0 3px 3px 0;
       -moz-border-radius:0 3px 3px 0;
            border-radius:0 3px 3px 0;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display:inline-block;
    margin-bottom:0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display:none;
}
.form-search label,
.form-inline label {
    display:inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom:0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left:0;
    margin-bottom:0;
    vertical-align:middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float:left;
    margin-left:0;
    margin-right:3px;
}
legend+.control-group {
    margin-top:18px;
    -webkit-margin-top-collapse:separate;
}
.control-group {
    margin-bottom:18px;
    *zoom:1;
}
.control-group:before,
.form-horizontal .control-group:after {
    display:table;
    content:"";
}
.control-group:after {
    clear:both;
}
.control-label {
    float:left;
    width:80px;
    padding-top:5px;
    text-align:right;
}
.controls {
    margin-left:100px;
    *display:inline-block;
    *margin-left:0;
    *padding-left:20px;
    line-height:24px;
    margin-bottom:10px;
}

mark {
    background:none;
}
mark.bolder{
    color:#666;
    font-weight:bolder;
}
/* table */
table {
    max-width:100%;
    border-collapse:collapse;
    border-spacing:0;
    background-color:transparent;
}
.table {
    width:100%;
    margin-bottom:10px;
    font-size: 13px;
    line-height: 30px;
}
.table th,.table td {
    padding:4px 5px;
    vertical-align:top;
    border-top:1px solid #ddd;
    text-align: left;
}
.playlist_table {
    font-size: 14px;
}
.table.playlist_table th,.table.playlist_table td {
    padding:6px 8px;
}
table .song_edit_td {
    padding:5px 0;
    cursor:auto;
}
.table-noline th,.table-noline td {
    border:0px;
    padding:8px 5px;
}
.table th {
    font-weight:bold;
}
.table thead th {
    vertical-align:bottom;
}
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top:0;
}
.table tbody+tbody {
    border-top:2px solid #ddd;
}
.table-condensed th,
.table-condensed td {
    padding:4px 5px;
}
.table-bordered {
    border:1px solid #ddd;
    border-left:0;
    border-collapse:separate;
    *border-collapse:collapsed;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.table-bordered th,
.table-bordered td {
    border-left:1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top:0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius:4px 0 0 0;
       -moz-border-radius:4px 0 0 0;
            border-radius:4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius:0 4px 0 0;
       -moz-border-radius:0 4px 0 0;
            border-radius:0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius:0 0 0 4px;
       -moz-border-radius:0 0 0 4px;
            border-radius:0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius:0 0 4px 0;
       -moz-border-radius:0 0 4px 0;
            border-radius:0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color:#f9f9f9;
}
.table-striped thead {
    background: #ECECEC;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#ECECEC));
    background: -webkit-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 );
    -webkit-box-shadow:inset 0px 0px 0px 1px #f8f8f8;
       -moz-box-shadow:inset 0px 0px 0px 1px #f8f8f8;
            box-shadow:inset 0px 0px 0px 1px #f8f8f8;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color:#f5f5f5;
}
table .span1 {float:none;width:20px;margin-left:0;}
table .span2 {float:none;width:54px;margin-left:0;}
table .span3 {float:none;width:80px;margin-left:0;}
table .span4 {float:none;width:110px;margin-left:0;}
table .span5 {float:none;width:140px;margin-left:0;}
table .span6 {float:none;width:160px;margin-left:0;}
table .span7 {float:none;width:190px;margin-left:0;}
table .span8 {float:none;width:220px;margin-left:0;}
table .span9 {float:none;width:250px;margin-left:0;}
table .span10 {float:none;width:280px;margin-left:0;}
table .span11 {float:none;width:310px;margin-left:0;}
table .span12 {float:none;width:340px;margin-left:0;}
table .span13 {float:none;width:370px;margin-left:0;}
table .span14 {float:none;width:400px;margin-left:0;}
table .span15 {float:none;width:430px;margin-left:0;}
table .span16 {float:none;width:460px;margin-left:0;}
table .span17 {float:none;width:490px;margin-left:0;}
table .span18 {float:none;width:520px;margin-left:0;}
table .span19 {float:none;width:550px;margin-left:0;}
table .span20 {float:none;width:580px;margin-left:0;}
table .span21 {float:none;width:610px;margin-left:0;}
table .span22 {float:none;width:640px;margin-left:0;}
table .span23 {float:none;width:670px;margin-left:0;}
table .span24 {float:none;width:700px;margin-left:0;}
/* icon */
i[class^="icon-"] {
    opacity:0.6;
}
[class^="xs_icon-"]:last-child,
[class*=" xs_icon-"]:last-child,
[class^="s_icon-"]:last-child,
[class*=" s_icon-"]:last-child,
[class^="m_icon-"]:last-child,
[class*=" m_icon-"]:last-child,
[class^="l_icon-"]:last-child,
[class*=" l_icon-"]:last-child,
[class^="xl_icon-"]:last-child,
[class*=" xl_icon-"]:last-child {
    *margin-left:0;
}
[class^="xs_icon-"],
[class*=" xs_icon-"],
[class^="s_icon-"],
[class*=" s_icon-"],
[class^="m_icon-"],
[class*=" m_icon-"],
[class^="l_icon-"],
[class*=" l_icon-"],
[class^="xl_icon-"],
[class*=" xl_icon-"] {
    display:inline-block;
    vertical-align:text-top;
    background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/personal_music_iconset.png?e152017d87e7');
    background-repeat:no-repeat;
    *margin-right:.3em;
}
[class^="xs_icon-"],
[class*=" xs_icon-"] {
    width:10px;
    height:10px;
}
[class^="s_icon-"],
[class*=" s_icon-"] {
    width:15px;
    height:15px;
}
[class^="m_icon-"],
[class*=" m_icon-"] {
    width:20px;
    height:20px;
}
[class^="l_icon-"],
[class*=" l_icon-"] {
    width:30px;
    height:30px;
}
[class^="xl_icon-"],
[class*=" xl_icon-"] {
    width:50px;
    height:50px;
}
.xs_icon-play {background-position: 0px -450px;}
#trending_top #top_title .btn:active .xs_icon-play {background-position: -30px -450px;}
.xs_icon-addplaylist {background-position:0px -480px;}
.xs_icon-addplaylist_w {background-position:-15px -480px;}
/*20131224*/
.s_icon-addqueue {background-position:0px -735px;}
.s_icon-addqueue_w {background-position:-15px -735px;}
a:hover .s_icon-addqueue_w {background-position:-30px -735px;}
.s_icon-addplaylist {background-position:0px -750px;}
.s_icon-addplaylist_w {background-position:-15px -750px;}
a:hover .s_icon-addplaylist_w {background-position:-30px -750px;}
/*/20131224*/
/*20140114*/
.s_icon-badge_sod {background-position:-30px -630px;
    margin-left: 7px;margin-top: 6px;}
.m_icon-badge_recommend {background-position:-75px -630px;margin-left: 8px;}
.m_icon-badge_experts {background-position:-105px -630px;margin-left: 5px;}
.m_icon-badge_week {background-position:-135px -630px;margin-left: 6px;}
.m_icon-badge_month {background-position:-165px -630px;margin-left: 6px;}
.m_icon-badge_year {background-position:-195px -630px;margin-left: 6px;}
/*/20140114*/
.s_icon-none {background-position:100px 100px;}
.s_icon-like {background-position:0px 0px;}
.s_icon-like_w {background-position:-15px 0px;}
.s_icon-like.selected, .s_icon-like_w.selected {background-position:-45px 0px;}
.s_icon-go {background-position:0px -570px;}
.s_icon-go_w {background-position:-15px -570px;}
a:hover .s_icon-go, a:hover .s_icon-go_w, .s_icon-go.selected, .s_icon-go_w.selected {background-position:-45px -570px;}
a:hover .s_icon-go.selected, a:hover .s_icon-go_w.selected {background-position:0px -570px;}
.s_icon-repost {background-position:0px -60px;}
.s_icon-repost_w {background-position:-15px -60px;}
.s_icon-add {background-position:0px -15px;}
.s_icon-add_w {background-position:-15px -15px;}
a:hover .s_icon-add_w {background-position:-30px -15px;}
.s_icon-msg {background-position:0px -30px;}
.s_icon-msg_w {background-position:-15px -30px;}
.s_icon-buy {background-position:0px -75px;}
.s_icon-buy_w {background-position:-15px -75px;}
.icon_only .s_icon-buy_w { margin-right:3px;}
a:hover .s_icon-buy_w {background-position:-30px -75px;}
.s_icon-cart {background-position:0px -555px;}
.s_icon-cart_w {background-position:-15px -555px;}
a:hover .s_icon-cart_w {background-position:-30px -555px;}
.s_icon-sub {background-position:0px -210px;}
.btn .s_icon-sub, .btn:hover .s_icon-sub.selected, .btn[disabled]:hover .s_icon-sub {background-position:-15px -210px;}
.member_item a:hover .s_icon-sub, .btn:hover .s_icon-sub, .s_icon-sub.selected, .dropdown-menu .s_icon-sub {background-position:-45px -210px;}
.member_item a:hover .s_icon-sub.selected {background-position:0px -210px;}
.s_icon-play {background-position:0px -420px;}
.s_icon-play_a {background-position:-195px 0px;margin-right:5px;margin-top:2px;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.s_icon-play_a:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.s_icon-play_w {background-position:-30px -465px;}
.s_icon-play_b {background-position:0px -465px;}
.s_icon-author {background-position:0px -195px;}
.s_icon-music {background-position:0px -120px;}
.s_icon-design {background-position:0px -135px;}
.s_icon-photo {background-position:0px -150px;}
.dropdown-menu a:hover .s_icon-photo {background-position:-30px -150px;}
.s_icon-video {background-position:0px -165px;}
.s_icon-writing {background-position:0px -180px;}
.s_icon-one {background-position:0px -405px;}
.s_icon-grid {background-position:0px -390px;}
.s_icon-list {background-position:0px -375px;}
.s_icon-votes {background-position:0px -270px;}
.s_icon-edit {background-position:0px -285px;}
.author_wrapper .edit_box .s_icon-edit, .item_box .edit_box .s_icon-edit {background-position:-15px -285px;}
.item_box .info_wrapper .info_box.pull-right .s_icon-edit { margin-top: 2px;}
.s_icon-upload {background-position:0px -345px;}
a:hover .s_icon-upload {background-position:-30px -345px;}
.s_icon-movecover {background-position:0px -360px;}
a:hover .s_icon-movecover {background-position:-30px -360px;}
.s_icon-error {background-position:0px -300px;}
a:hover .s_icon-error, .help-inline .s_icon-error {background-position:-45px -300px;}
.s_icon-color {background-position:0px -495px;}
.s_icon-time {background-position:0px -90px;}
.s_icon-event {background-position:0px -105px;}
.s_icon-cc {background-position: 0px -255px;}
.s_icon-ctr {background-position:0px -240px;}
.s_icon-embed {background-position:0px -330px; width:16px;}
.s_icon-success {background-position:-45px -210px;}
h4 .s_icon-success {margin-top: 2px;}
.s_icon-warning {background-position:-45px -315px;}
.s_icon-question {background-position:0px -225px;}
h4 .s_icon-question {margin-top: 2px;}
.s_icon-setting {background-position:0px -510px;}
.s_icon-address {background-position:0px -540px;}
.item_content .s_icon-address {background-position:0px -540px;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.s_icon-price {background-position:0px -525px;}
.s_icon-date {background-position:0px -585px;}
.s_icon-artist {background-position:0px -600px;}
.s_icon-iv {background-position:0px -615px; margin-right:5px;}
.s_icon-star {background-position:-30px -630px; margin-right:5px; margin-top:1px;margin-left: 12px;}
.s_icon-money {background-position: -75px -660px;}
.s_icon-money_w {background-position: -105px -660px;}
.dropdown-menu .s_icon-globe {background-position:-105px -570px; margin-right:5px; margin-top:-4px; width: 20px; height: 20px; line-height: 20px}
.dropdown-menu a:hover .s_icon-globe {background-position:-135px -570px; margin-right:5px;}
.m_icon-play {background-position:-75px 0px;margin-top:0;}
.m_icon-author {background-position:-75px -300px;}
.m_icon-music {background-position:-75px -150px;}
.m_icon-design {background-position:-75px -180px;}
.m_icon-photo {background-position:-75px -210px;}
.m_icon-video {background-position:-75px -240px;}
.m_icon-writing {background-position:-75px -270px;}
.m_icon-facebook {background-position:-105px -60px;}
li:hover .m_icon-facebook {background-position:-105px -90px;}
.m_icon-radio {background-position:-75px -30px;width: 21px;}
.m_icon-search {background-position:-75px -60px;}
.m_icon-footer {background-position:-75px -90px;}
.m_icon-upload {background-position:-75px -120px;}
.m_icon-open {background-position:-180px 0px;width: 17px;width: 70px; height:40px;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
#trending_top:hover .m_icon-open {background-position:-180px -45px;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.m_icon-eventclose {background-position:-75px -330px; width:26px; height:18px; filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.m_icon-eventclose.active {background-position:-75px -360px; width:26px; height:18px; filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.m_icon-eventclose:hover, .m_icon-eventclose.active:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.m_icon-back {background-position:-75px -390px;}
.feature_nav .m_icon-back {background-position:-105px -390px; filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.feature_nav .m_icon-back:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.m_icon-next {background-position:-75px -420px;}
.feature_nav .m_icon-next {background-position:-105px -420px; filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.feature_nav .m_icon-next:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.m_icon-top {background-position:-75px -480px;}
.m_icon-top_w {background-position:-135px -481px;}
.m_icon-calendar {background-position:-75px -540px;}
.m_icon-fb {background-position:-315px 0px;}
.m_icon-twitter {background-position:-315px -30px;}
.m_icon-plurk {background-position:-315px -60px;}
.m_icon-gplus {background-position:-315px -90px;}
.m_icon-sina {background-position:-315px -120px;}
.m_icon-mail {background-position:-315px -150px;}
.m_icon-iv {background-position:-315px -180px;}
.m_icon-sv {background-position:-315px -210px;}
.m_icon-link {background-position:-315px -240px;}
.m_icon-message {background-position:-105px -30px;}
.l_icon-fb {background-position:-270px 0px;}
.l_icon-twitter {background-position:-270px -30px;}
.l_icon-plurk {background-position:-270px -60px;}
.l_icon-gplus {background-position:-270px -90px;}
.l_icon-sina {background-position:-270px -120px;}
.l_icon-mail {background-position:-270px -150px;}
.l_icon-iv {background-position:-270px -180px;}
.l_icon-upload {background-position:-75px -450px;}
.l_icon-add {background-position:-105px -450px;}
.l_icon-photo {background-position:-75px -510px;}
.xl_icon-play {background-position:-180px -90px;}
.xl_icon-videoplay {background-position: -180px -150px;}
.xl_icon-photoopen {background-position: -180px -210px;}
.xl_icon-question {background-position: -180px -390px;}
.xl_icon-success {background-position: -180px -270px;}
.xl_icon-writing {background-position: -180px -510px;}
.xl_icon-random {background-position:-270px -260px;}
.m_icon-random {
    background-position:-270px -310px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -2px;
    margin-right: 1px !important;
}
/* dropdown */
.dropdown {
    position:relative;
}
.dropdown-toggle {
    *margin-bottom:-3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline:0;
}
.more {
    width:100%;
    text-align:right;
    line-height:22px;
}
.caret {
    display:inline-block;
    width:0;
    height:0;
    vertical-align:top;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #333;
    opacity:1;
    filter:alpha(opacity=100);
    content:"";
}
.un_caret {
    display:inline-block;
    width:0;
    height:0;
    vertical-align:top;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #333;
    opacity:1;
    filter:alpha(opacity=100);
    content:"";
}
.label .un_caret {
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #fff;
    margin-top:4px;
    margin-right:3px;
}
.caret_r {
    display:inline-block;
    width:0;
    height:0;
    vertical-align:top;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid #999;
    content:"";
}
.caret_l {
    display:inline-block;
    width:0;
    height:0;
    vertical-align:top;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-right:4px solid #333;
    opacity:1;
    filter:alpha(opacity=100);
    content:"";
}
.btn .caret_l {
    margin-top:4px;
    margin-right:4px;
}
.dropdown .caret,
.more .caret,
.more .un_caret {
    margin-top:8px;
    margin-left:2px;
}
.more .caret_r {
    margin-top:6px;
    margin-left:4px;
}
.navbar .dropdown:hover .caret {
    opacity:1;
    filter:alpha(opacity=100);
}
.dropdown:hover .caret,
.open.dropdown .caret,
.more:hover .caret {
    opacity:0.3;
    filter:alpha(opacity=30);
}
.more:hover .caret_r {
    border-left:4px solid #666;
}
.more:hover .un_caret {
    border-bottom:4px solid #999;
}
.dropdown .badge {
    position:absolute;
    top:3px;
    right:1px;
    background:#990000;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
.dropdown-menu {
    position:absolute;
    top:100%;
    right:0;
    z-index:1000;
    float:left;
    display:none;
    min-width:130px;
    padding:6px 0px;
    margin:0;
    list-style:none;
    background-color:#fff;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip:padding-box;
       -moz-background-clip:padding;
            background-clip:padding-box;
    *border-right-width:2px;
    *border-bottom-width:2px;
    text-align:left;
    font-size:12px;
}
.dropdown-menu.notice,
.dropdown-menu.message {
    width:250px;
    padding:0px;
}
.navbar .dropdown-menu {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
            border-radius:0px;
            right:-37px;
    min-width:110px;/*20131220*/
}
.navbar .pull-right .dropdown-menu {
    right:-41px;
}
.navbar .pull-right .member_box .dropdown-menu {
    right:0px;
    left:auto;
    margin-right: 15px;/*20131220*/
}
.dropdown-menu .pull-right {
    right:0;
    left:auto;
}
.content_box .box .dropdown-menu {

}
.content_box .box .dropdown-menu:before {
    right:20px;
    left:auto;
}
.content_box .box .dropdown-menu:after {
    right:21px;
    left:auto;
}
.dropdown-menu a.content_box {
    height:40px;
    width:230px;
    line-height:20px;
    padding:10px;
}
.dropdown-menu a.content_box .preview {
    overflow: hidden;
    width:175px;
    height:40px;
    white-space: normal;
}
.dropdown-menu a.content_box:hover {
    background:#eee;
}
.dropdown-menu a.content_box img {
    float:left;
}
.dropdown-menu .more {
    width:auto;
    text-align:center;
    background:#e9e9e9;
}
.dropdown-menu .divider {
    height:1px;
    margin:3px 1px;/*20131220*/
    overflow:hidden;
    background-color:#e5e5e5;
    border-bottom:1px solid #fff;
    *width:100%;
    *margin:-5px 0 5px;
}
.dropdown-menu img {
    margin-right:10px;
    width: 40px;
}
.dropdown-menu input {
    padding:2px;
    margin-left:35px;
}
.dropdown-menu .membername {
    height: 40px;
    word-wrap: break-word;
    word-break: normal;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}
.dropdown-menu a {
    display:block;
    padding:6px 15px;/*20131220*/
    clear:both;
    font-weight:normal;
    line-height:18px;
    color:#666;
    white-space: nowrap;
}
.navbar .dropdown-menu a {
    font-size: 13px; /*20131220*/
}
.dropdown-menu a:hover {
    text-shadow:none;
}
.dropdown-menu .text {
    display:block;
    padding:3px 15px;
    clear:both;
    font-weight:normal;
    line-height:18px;
    color:#999;
    white-space:nowrap;
}

.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#999;
}
.dropdown.open {
    z-index:1000;
}

.dropdown.open .dropdown-menu {
    display:block;
}
.pull-right .dropdown-menu {
    left:auto;
    right:0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top:0;
    border-bottom:4px solid #000;
    content:"\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top:auto;
    bottom:100%;
    margin-bottom:1px;
}
.dropdown-menu .caret_r {
    float:right;
    margin-top:5px;
    margin-right:0px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.typeahead {
    margin-top:2px;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.well {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#f5f5f5;
    border:1px solid #eee;
    border:1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
       -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
    border-color:#ddd;
    border-color:rgba(0, 0, 0, 0.15);
}
.well-large {
    padding:24px;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}
.well-small {
    padding:9px;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.fade {
    -webkit-transition:opacity 0.15s linear;
       -moz-transition:opacity 0.15s linear;
        -ms-transition:opacity 0.15s linear;
         -o-transition:opacity 0.15s linear;
            transition:opacity 0.15s linear;
               opacity:0;
}
.fade.in {
    opacity:1;
}
.collapse {
    -webkit-transition:height 0.35s ease;
       -moz-transition:height 0.35s ease;
        -ms-transition:height 0.35s ease;
         -o-transition:height 0.35s ease;
            transition:height 0.35s ease;
    position:relative;
    overflow:hidden;
    height:0;
}
.collapse.in {
    height:auto;
}
.close {
    float:right;
    font-size:20px;
    font-weight:bold;
    line-height:18px;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:0.2;
    filter:alpha(opacity=20);
    margin-right:5px;
}
.close:hover {
    color:#000;
    text-decoration:none;
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor:pointer;
}

/* btn */
.btn i {
    margin-right:3px;
    margin-top:-1px;
}
.icon_only i,
.content_box .box .icon_only i,
.info_box .icon_only i {
    margin-right:0px;
}
.btn {
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:5px 10px;
    margin-bottom:0;
    font-size:13px;
    line-height:18px;
    color:#333;
    text-align:center;
    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align:middle;
    background-color:#f5f5f5;
    background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter:progid:dximagetransform.microsoft.gradient(enabled=false);
    border:1px solid #cccccc;
    border-bottom-color:#b3b3b3;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    cursor:pointer;
    *margin-left:.3em;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color:#e6e6e6;
}
.btn:active,
.btn.active {
    background-color:#cccccc \9;
}
.btn:first-child {
    *margin-left:0;
}
.btn:hover {
    color:#333333;
    text-decoration:none;
    background-color:#e6e6e6;
    background-position:0 -15px;
    -webkit-transition:background-position 0.1s linear;
       -moz-transition:background-position 0.1s linear;
        -ms-transition:background-position 0.1s linear;
         -o-transition:background-position 0.1s linear;
            transition:background-position 0.1s linear;
}
.btn:focus {
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
.btn.active,
.btn:active {
    background-image:none;
    -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
    background-color:#e6e6e6;
    background-color:#d9d9d9 \9;outline:0;
}
.btn.disabled,
.btn[disabled] {
    cursor:default;
    background-image:none;
    background-color:#e6e6e6;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.btn-xlarge {
    padding: 20px 40px 16px 40px;
    font-size:18px;
    line-height:normal;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.btn-xlarge i {
    margin-right:8px;
    margin-top:-3px;
}
.btn-large {
    padding:9px 14px;
    font-size:15px;
    line-height:normal;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.btn-large [class^="icon-"] {
    margin-top:1px;
}
.btn-small {
      padding: 6px 12px 5px 12px;
      font-size: 12px;
      line-height: 14px;
}
.btn-small [class^="s_icon-"],
.btn-small [class^="xs_icon-"] {

}
.btn-mini {
    padding:3px 4px 2px 4px;
    font-size:11px;
    line-height:14px;
    margin-top:-1px;
}
.btn-minimini {
    padding:3px 3px 2px 3px;
}
.content_box .btn-group .btn-full {
      padding: 8px 26px;
      font-size: 12px;
      line-height: 14px;
      letter-spacing:12px;
}
.content_box .btn-group .btn-full [class^="s_icon-"],
.content_box .btn-group .btn-full [class^="xs_icon-"] {
  margin-top: -1px;
  margin-right:11px;
}
.table .btn-minimini {
    float:left;
}
.table .divider-vertical {
    height: 20px;
    width: 1px;
    margin: 6px 0 4px 0;
    overflow: hidden;
    background-color: #C5C5C5;
    border-right: 1px solid white;
    float:left;
    margin-right:5px;
}
.table .btn {
    margin-right:5px;
    float:left;
}
.table .form-song_edit .btn {
    float:none;
}
.table i {
    float:left;
}
.table .well i {
    float:none;
}
.table .well .btn {
    margin-top: 0px;
}
.table .btn-group {
    float:left;
    margin-right:5px;
}
.table .btn-group .btn {
    margin-right:0px;
}
.table .btn-group .btn .caret {
    margin: 6px 2px 5px 1px;
}
.table .btn-group .dropdown-menu {
    top: 100%;
    right: -10px;/*20131224*/
    left:auto;
}
.btn-minimini i,
.btn-minimini_r i {
    margin-right:0px;
}
.btn-minimini_r {
    padding:2px 0px;
}
.btn.btn-circle {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 7px 6px 7px 8px;
}
.btn-large.btn-circle {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 12px 10px 12px 14px;
}
.btn-mini.btn-circle {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 3px 4px 5px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover,
.btn-facebook,
.btn-facebook:hover,
.btn-black,
.btn-black:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active,
.btn-black.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
    background-color: #111111;
    background-image: -moz-linear-gradient(top, #333333, #111111);
    background-image: -ms-linear-gradient(top, #333333, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#111111));
    background-image: -webkit-linear-gradient(top, #333333, #111111);
    background-image: -o-linear-gradient(top, #333333, #111111);
    background-image: linear-gradient(top, #333333, #111111);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111', GradientType=0);
    border-color: #111111 #111111 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #111;
}
.btn-primary:active,
.btn-primary.active {
    background-color: #080808 \9;
}
.btn-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #f89406;
}
.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9;
}
.btn-danger {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9;
}
.btn-success {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #51a351;
}
.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}
.btn-info {
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}
.btn-inverse {
    background-color: #414141;
    background-image: -moz-linear-gradient(top, #555555, #222222);
    background-image: -ms-linear-gradient(top, #555555, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
    background-image: -webkit-linear-gradient(top, #555555, #222222);
    background-image: -o-linear-gradient(top, #555555, #222222);
    background-image: linear-gradient(top, #555555, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222222;
}
.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9;
}
.btn-facebook {
    background-color: #536e9f;
    background-image: -moz-linear-gradient(top, #657eaf, #536ba3);
    background-image: -ms-linear-gradient(top, #657eaf, #536ba3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#657eaf), to(#536ba3));
    background-image: -webkit-linear-gradient(top, #657eaf, #536ba3);
    background-image: -o-linear-gradient(top, #657eaf, #536ba3);
    background-image: linear-gradient(top, ##657eaf, #536ba3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#657eaf', endColorstr='#536ba3', GradientType=0);
    border-color: #536e9f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
    background-color: #536e9f;
}
.btn-facebook:active,
.btn-facebook.active {
    background-color: #536e9f \9;
}

.btn-delete:hover {
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #da4f49;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-transition:none;
       -moz-transition:none;
        -ms-transition:none;
         -o-transition:none;
            transition:none;
}
.btn-black {
    background-color:rgba(0,0,0,0.7);
    background-image:none;
    border:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] {
    background-color: rgba(0,0,0,0.7);
}
.btn-black:active,
.btn-black.active {
    background-color: rgba(0,0,0,0.7);
}


button.btn,
input[type="submit"].btn {
    *padding-top:2px;
    *padding-bottom:2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding:0;
    border:0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top:7px;
    *padding-bottom:7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top:3px;
    *padding-bottom:3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top:1px;
    *padding-bottom:1px;
}
.btn-group {
    *zoom:1;
    *margin-left:.3em;
}
.btn-group.two_btn .btn-small {
    padding: 6px 30px 5px 30px;
}
.table .btn {
    margin-top:6px;
}
.table .action_btn .btn-group {
    position:relative;
}
.btn-group:before,
.btn-group:after {
    display:table;
    content:"";
}
.btn-group:after {
    clear:both;
}
.btn-group:first-child {
    *margin-left:0;
}
.btn-group+.btn-group {
    margin-left:5px;
}
.btn-toolbar {
    margin-top:9px;
    margin-bottom:9px;
}
.btn-toolbar .btn-group {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.btn-group .btn {
    position:relative;
    float:left;
    margin-left:-1px;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
}
.btn-group .btn:first-child {
    margin-left:0;
    -webkit-border-top-left-radius:4px;
        -moz-border-radius-topleft:4px;
            border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
        -moz-border-radius-bottomleft:4px;
            border-bottom-left-radius:4px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
    -webkit-border-top-right-radius:4px;
        -moz-border-radius-topright:4px;
            border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
        -moz-border-radius-bottomright:4px;
            border-bottom-right-radius:4px;
}
.btn-group .btn.large:first-child {
    margin-left:0;
    -webkit-border-top-left-radius:6px;
        -moz-border-radius-topleft:6px;
            border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
        -moz-border-radius-bottomleft:6px;
            border-bottom-left-radius:6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
    -webkit-border-top-right-radius:6px;
        -moz-border-radius-topright:6px;
            border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
        -moz-border-radius-bottomright:6px;
            border-bottom-right-radius:6px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
    z-index:2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline:0;
}
.span3 .content_box .btn-group .btn-small {
    padding: 6px 19px 5px 19px;/*20131224*/
}
.btn-group .btn-small.dropdown-toggle,
.span3 .content_box .btn-group .btn-small.dropdown-toggle {
/*20131224*/
}
.btn-group .btn-mini.dropdown-toggle {
/*20131224*/
}
.btn-group .btn-small.dropdown-toggle {
    *padding-top:4px;
    *padding-bottom:4px;
}
.btn-group .btn-large.dropdown-toggle {
    padding-left:12px;
    padding-right:12px;
}
.btn-group.open {
    *z-index:1000;
}
.btn-group.open .dropdown-menu {
    display:block;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
                 border-radius:5px;
}
.btn-group.open .dropdown-toggle {
    background-image:none;
    -webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn .caret {
    margin-top:7px;
    margin-left:5px;
}
.btn:hover .caret,
.open.btn-group .caret {
    opacity:1;
    filter:alpha(opacity=100);
}
.btn-mini .caret {
    margin-top:5px;
}
.btn-small .caret {
    margin-top:6px;
}
.btn-large .caret {
    margin-top:6px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #000;
}
.btn-primary .caret,.btn-warning .caret,
.btn-danger .caret,.btn-info .caret,
.btn-success .caret,.btn-inverse .caret {
    border-top-color:#fff;
    border-bottom-color:#fff;
    opacity:0.75;
    filter:alpha(opacity=75);
}
/* 20140110 */
#wrapper .menu_bar {
    margin: 0px;
    padding: 0;
    background: #F0F0F0;
    overflow: hidden;
    border-bottom: none;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34, 25, 25, 0.4);
    text-align: center;
}
#wrapper .menu_bar ul {
    margin: 0px auto;
    list-style: none;
    padding:0px;
    width: 1240px;
}
#wrapper .menu_bar li {
    position: relative;
    display: inline-block;
    padding: 10px;
}
#wrapper .menu_bar a {
    color:#666;
    font-weight:normal;
}
#wrapper .menu_bar a:hover {
    color:#333;
}
#wrapper .menu_bar li.selected a {
    color:#333;
    font-weight:bold;
}

/*20140211*/
.abgne_tab {
    clear: left;
    width: auto;
    margin: 10px 1px 10px 0;
}

.tab-content {
    padding: 30px 20px 10px 20px;
}

.abgne_tab .tab-content p {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 26px;
    word-wrap: break-word;
    word-break: break-all;
}
/*/20140211*/

.alert {
    padding:8px 35px 8px 14px;
    margin-bottom:18px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    background-color:#fcf8e3;
    border:1px solid #fbeed5;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    color:#ff6600;
}
.alert-heading {
    color:inherit;
}
.alert .close {
    position:relative;
    top:-2px;
    right:-21px;
    line-height:18px;
}
.alert-success {
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3d9400;
}
.alert-danger,
.alert-error {
    background-color:#f2dede;
    border-color:#eed3d7;
    color:#9b0511;
}
.alert-info {
    background-color:#d9edf7;
    border-color:#bce8f1;
    color:#1155cc
}
.alert-block {
    padding-top:14px;
    padding-bottom:14px;
}
.alert-block>p,
.alert-block>ul {
    margin-bottom:0;
}
.alert-block p+p {
    margin-top:5px;
}
.ann_list li {
    margin-bottom:10px;
    border-bottom:#eee 1px solid;
    font-size: 13px;
    line-height: 28px;
}
.q_list {
    margin-top:10px;
}
.q_list li {
    margin-bottom:7px;
}
.q_list li>a,
.ann_list li>a {
    color:#999;
}
.q_list li>a:hover,
.ann_list li>a:hover {
    color:#666;
}
.nav {
    margin-left:0;
    list-style:none;
}
.nav>li>a {
    display:block;
}
.nav>li>a:hover {
    text-decoration:none;
    background-color:#eee;
}
.nav .nav-header {
    display:block;
    padding:3px 15px;
    font-size:11px;
    font-weight:bold;
    line-height:18px;
    color:#999;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform:uppercase;
}
.nav li+.nav-header {
    margin-top:4px;
}
.nav-list {
    padding-left:15px;
    padding-right:15px;
    margin-bottom:0;
}
.nav-list>li>a,
.nav-list .nav-header {
    margin-left:-15px;
    margin-right:-15px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list>li>a {
    padding: 5px 15px;
    margin-bottom: 7px;
}
.nav-list>.active>a,
.nav-list>.active>a:hover {
    color:#fff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color:#999;
}
.nav-list [class^="icon-"] {
    margin-right:2px;
}
.nav-list .divider {
    height:1px;
    margin:8px 1px;
    overflow:hidden;
    background-color:#e5e5e5;
    border-bottom:1px solid #fff;
    *width:100%;
    *margin:-5px 0 5px;
}
.nav-tabs,.nav-pills {
    *zoom:1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
    display:table;
    content:"";
}
.nav-tabs:after,
.nav-pills:after {
    clear:both;
}
.nav-tabs>li,
.nav-pills>li {
    float:left;
}
.nav-tabs>li>a,
.nav-pills>li>a {
    padding-right:12px;
    padding-left:12px;
    margin-right:2px;
    line-height:14px;
}
.nav-tabs {
    border-bottom:1px solid #ddd;
}
.nav-tabs>li {
    margin-bottom:-1px;
}
.nav-tabs>li>a {
    padding-top:5px;
    padding-bottom:5px;
    line-height:18px;
    background-color:#eee;
    border:1px solid transparent;
    border-bottom:1px solid #ddd;
    -webkit-border-radius:4px 4px 0 0;
       -moz-border-radius:4px 4px 0 0;
            border-radius:4px 4px 0 0;
}
.nav-tabs>li>a:hover {
    border-color:#eeeeee #eeeeee #dddddd;
    color:#666;
}
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    color:#555555;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent;
    cursor:default;
}
.nav-pills>li>a {
    padding-top:8px;
    padding-bottom:8px;
    margin-top:2px;
    margin-bottom:2px;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
}
.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    color:#fff;
    background-color:#366ddc;
}
.nav-stacked>li {
    float:none;
}
.nav-stacked>li>a {
    margin-right:0;
}
.nav-tabs.nav-stacked {
    border-bottom:0;
}
.nav-tabs.nav-stacked>li>a {
    border:1px solid #ddd;
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
}
.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-radius:4px 4px 0 0;
       -moz-border-radius:4px 4px 0 0;
            border-radius:4px 4px 0 0;
}
.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-radius:0 0 4px 4px;
       -moz-border-radius:0 0 4px 4px;
            border-radius:0 0 4px 4px;
}
.nav-tabs.nav-stacked>li>a:hover {
    border-color:#ddd;
    z-index:2;
}
.nav-pills.nav-stacked>li>a {
    margin-bottom:3px;
}
.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom:1px;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.dropdown-menu {
    border-width:1px;
}
.nav-pills .dropdown-menu,
.dropdown-menu {
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret,
.active .dropdown-toggle .caret {
    border-top-color:#333;
    border-bottom-color:#333;
}
.nav>.dropdown.active>a:hover {
    color:#000;
    cursor:pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>.open.active>a:hover {
    color:#fff;
    background-color:#999;
    border-color:#999;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
    opacity:1;filter:alpha(opacity=100);
}
.tabs-stacked .open>a:hover {
    border-color:#999;
}
.tabbable {
    *zoom:1;
}
.tabbable:before,
.tabbable:after {
    display:table;
    content:"";
}
.tabbable:after {
    clear:both;
}
.tab-content {
    display:table;
    width:100%;
}
.tab-content p {
    font-size:13px;
}
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
    border-bottom:0;
}
.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display:none;
}
.tab-content>.active,
.pill-content>.active {
    display:block;
}
.tabs-below .nav-tabs {
    border-top:1px solid #ddd;
}
.tabs-below .nav-tabs>li {
    margin-top:-1px;
    margin-bottom:0;
}
.tabs-below .nav-tabs>li>a {
    -webkit-border-radius:0 0 4px 4px;
       -moz-border-radius:0 0 4px 4px;
            border-radius:0 0 4px 4px;
}
.tabs-below .nav-tabs>li>a:hover {
    border-bottom-color:transparent;
    border-top-color:#ddd;
}
.tabs-below .nav-tabs .active>a,
.tabs-below .nav-tabs .active>a:hover {
    border-color:transparent #ddd #ddd #ddd;
}
.tabs-left .nav-tabs>li,
.tabs-right .nav-tabs>li {
    float:none;
}
.tabs-left .nav-tabs>li>a,
.tabs-right .nav-tabs>li>a {
    min-width:74px;
    margin-right:0;
    margin-bottom:3px;
}
.tabs-left .nav-tabs {
    float:left;
    margin-right:19px;
    border-right:1px solid #ddd;
}
.tabs-left .nav-tabs>li>a {
    margin-right:-1px;
    -webkit-border-radius:4px 0 0 4px;
       -moz-border-radius:4px 0 0 4px;
            border-radius:4px 0 0 4px;
}
.tabs-left .nav-tabs>li>a:hover {
    border-color:#eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left .nav-tabs .active>a,
.tabs-left .nav-tabs .active>a:hover {
    border-color:#ddd transparent #ddd #ddd;
    *border-right-color:#ffffff;
}
.tabs-right .nav-tabs {
    float:right;
    margin-left:19px;
    border-left:1px solid #ddd;
}
.tabs-right .nav-tabs>li>a {
    margin-left:-1px;
    -webkit-border-radius:0 4px 4px 0;
       -moz-border-radius:0 4px 4px 0;
            border-radius:0 4px 4px 0;
}
.tabs-right .nav-tabs>li>a:hover {
    border-color:#eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right .nav-tabs .active>a,
.tabs-right .nav-tabs .active>a:hover {
    border-color:#ddd #ddd #ddd transparent;
    *border-left-color:#ffffff;
}

.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 5999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    min-width: 800px;
}

.navbar-inner {
  min-height: 46px;
    padding-right: 0px;
    padding-left: 0px;
    *zoom: 1;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}

.navbar-inner:before,
.navbar-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
    display: block;
    float: left;
    width: 190px;
    height: 46px;
}

.navbar .brand:hover {
    text-decoration: none;
}
.navbar .brand .logo_sv {
    width: 130px;
    height: 20px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv.png');
    background-image: none, url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv.svg?1a9ca02d88cc'), url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_2x.png?3ae20a7e40d8');
    background-size: 130px 20px;
    background-repeat: no-repeat;
    margin: 14px 0px 12px 20px;
    float: left;
}
.navbar .brand .dropdown {
    float: left;
}
.navbar .brand .logo_sv_tw {
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_tw.png?01ded8ea1de2');
    background-image: none, url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_tw.svg?7a380fbbdab3');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 14px 0px 12px 5px;
    float: left;
}
.navbar .brand .logo_sv_hk {
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_hk.png?1cfccf71c3a4');
    background-image: none, url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_hk.svg?5d74b7b08f7f');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 14px 0px 12px 5px;
    float: left;
}
.navbar .brand .logo_sv_cn {
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_cn.png?1ca1cb83d1d0');
    background-image: none, url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sv_cn.svg?0e21823e0e5d');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 14px 0px 12px 5px;
    float: left;
}
.navbar .dropdown.brand > .dropdown-toggle .caret {
    display: none;
}
.navbar .brand .dropdown-menu {
    left:0px;
    min-width: 60px;
    right: auto;
}
.navbar .brand .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 7px;
    right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    content: '';
}
.navbar .brand .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 8px;
    right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover {
  color: #333333;
}

.navbar .divider-vertical {
    height: 45px;
    width: 1px;
    border:none;
    margin:4px 0 0 0;
    background: -moz-linear-gradient(top,  rgba(204,204,204,0) 0%, rgba(142,142,142,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0)), color-stop(100%,rgba(142,142,142,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(142,142,142,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(142,142,142,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(142,142,142,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(204,204,204,0) 0%,rgba(142,142,142,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  line-height: 0;
  content: "";
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-bottom: 0;
}

.navbar-search input.search-query {
    padding: 4px 8px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    margin: 5px 20px 9px 20px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
  line-height:20px;
}

.navbar .nav > li > a {
    float: none;
    padding: 15px 20px 11px 20px;
    color: #555555;
    text-decoration: none;
    font-weight:500;
}
.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #333333;
    text-decoration: none;
    background: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #333333;
    text-decoration: none;
}
.navbar .pull-left .dropdown-menu {
    left: 0;
    right: auto;
}
.navbar .pull-right .dropdown-menu {
    left: auto;
    right: 0;
}
.navbar .dropdown-menu:before,
.navbar .dropdown-menu:after {
    border: none;
}
/* menu-two */
.navbar .nav > li {
    position: relative;
}
.navbar .nav > li:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    top: 22px;
    left: 8px;
}
.navbar .nav > li.list-one:before {
    background: #ff595f;
}
.navbar .nav > li.list-two:before {
    background: #2cbcf4;
}
.navbar .nav > li.list-three:before {
    background: #f7d443;
}
.navbar .nav > li.list-four:before {
    background: #42e2b0;
}
.navbar .nav > li.list-five:before {
    background: #F14DDA;
}
.navbar .nav.pull-left > li > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 12px;
    margin: 10px 8px 6px 8px;
}
.navbar .nav.pull-left > li.list-park > a {
    padding: 5px 0px;
    margin: 10px 0 6px 0;
}
.navbar .nav.pull-left > li.list-park > a img {
    margin-top: -2px;
}
.navbar .nav > li.list-one > a:hover,
.navbar .nav > li.list-one.active > a,
.navbar .nav > li.list-one.active > a:hover,
.navbar .nav > li.list-one.active > a:focus {
    background: #ff595f;
    color: #fff;
}
.navbar .nav > li.list-two > a:hover,
.navbar .nav > li.list-two.active > a,
.navbar .nav > li.list-two.active > a:hover,
.navbar .nav > li.list-two.active > a:focus {
    background: #2cbcf4;
    color: #fff;
}
.navbar .nav > li.list-three > a:hover,
.navbar .nav > li.list-three.active > a,
.navbar .nav > li.list-three.active > a:hover,
.navbar .nav > li.list-three.active > a:focus {
    background: #f7d443;
    color: #fff;
}
.navbar .nav > li.list-four > a:hover,
.navbar .nav > li.list-four.active > a,
.navbar .nav > li.list-four.active > a:hover,
.navbar .nav > li.list-four.active > a:focus {
    background: #42e2b0;
    color: #fff;
}
.navbar .nav > li.list-five > a:hover,
.navbar .nav > li.list-five.active > a,
.navbar .nav > li.list-five.active > a:hover,
.navbar .nav > li.list-five.active > a:focus {
    background: #F14DDA;
    color: #fff;
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}


.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: auto;
  right:16px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.navbar .nav > li > .dropdown-menu:before {
    right:57px
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: auto;
  right:17px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.navbar .nav > li > .dropdown-menu:after {
    right:58px;
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar .nav li.dropdown.open > .dropdown-toggle {
  color: #555555;
}
.navbar .nav li.member_box.dropdown.open > .dropdown-toggle {
    background-color:transparent;
}
.navbar .dropdown > .dropdown-toggle .caret {
  border-top-color: #333;
  border-bottom-color: #333;
  margin-left:5px;
  padding-bottom:6px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar .pull-right > li.m_icon-search > .dropdown-menu {
    padding-bottom:0px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-right-color: #222222;
  border-left-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}

.dropdown-menu.pull-left {
    left:0;
    right:auto;
}
.dropdown-menu.pull-right {
    left:auto;
    right:0;
}

.breadcrumb {
    padding:7px 14px;
    margin:0 0 18px;
    list-style:none;
    background-color:#fbfbfb;
    background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border:1px solid #ddd;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    -webkit-box-shadow:inset 0 1px 0 #ffffff;
       -moz-box-shadow:inset 0 1px 0 #ffffff;
            box-shadow:inset 0 1px 0 #ffffff;
}
.breadcrumb li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    text-shadow:0 1px 0 #ffffff;
}
.breadcrumb .divider {
    padding:0 5px;
    color:#999999;
}
.breadcrumb .active a {
    color:#333333;
}
.breadcrumb .active a {
    color:#333333;
}
.pagination {
    height:36px;
    margin:0 0 18px 0;
    text-align: right;
}
.pagination ul {
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-left:0;
    margin-bottom:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
    background:#fcfcfc;
}
.pagination li {
    display:inline;
}
.pagination a {
    float:left;
    padding:0 14px;
    line-height:34px;
    text-decoration:none;
    border:1px solid #ddd;
    border-left-width:0;
}
.pagination a:hover,
.pagination .active a {
    background-color:#f5f5f5;
}
.pagination .active a {
    color:#999;
    cursor:default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color:#999;
    background-color:transparent;
    cursor:default;
}
.pagination li:first-child a {
    border-left-width:1px;
    -webkit-border-radius:3px 0 0 3px;
       -moz-border-radius:3px 0 0 3px;
            border-radius:3px 0 0 3px;
}
.pagination li:last-child a {
    -webkit-border-radius:0 3px 3px 0;
       -moz-border-radius:0 3px 3px 0;
            border-radius:0 3px 3px 0;
}
.pagination-centered {
    text-align:center;
}
.pagination-right {
    text-align:right;
}
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
  line-height: 24px;
}
.pager {
    margin-left:0;
    margin-bottom:18px;
    list-style:none;
    text-align:center;
    *zoom:1;
}
.pager:before,
.pager:after {
    display:table;
    content:"";
}
.pager:after {
    clear:both;
}
.pager li {
    display:inline;
}
.pager a {
    display:inline-block;
    padding:5px 14px;
    background-color:#fff;
    border:1px solid #ddd;
    -webkit-border-radius:15px;
       -moz-border-radius:15px;
            border-radius:15px;
}
.pager a:hover {
    text-decoration:none;
    background-color:#f5f5f5;
}
.pager .next a {
    float:right;
}
.pager .previous a {
    float:left;
}
.pager .disabled a,
.pager .disabled a:hover {
    color:#999999;
    background-color:#fff;
    cursor:default;
}
.modal-open .dropdown-menu {
    z-index:2050;
}
.modal-open .dropdown.open {
    *z-index:2050;
}
.modal-open .popover {
    z-index:7001;
}
.modal-open .tooltip {
    z-index:7000;
}
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:6001;
    background-color:#fff;
}
.modal-backdrop.fade {
    opacity:0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
    opacity:0.8;
    filter:alpha(opacity=80);
}
#zoomScroll {
    position: fixed;
    z-index: 6001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    background-color: rgba(255, 255, 255, 0);
    overflow-x: auto;
    overflow-y: scroll;
    -webkit-perspective: 1000;
}
#zoomScroll.visible {
    background-color: rgba(0, 0, 0, 0.85);
}
#SocialShare {
    position: fixed;
    top: 162px;
    width: 150px;
    left: 50%;
    margin-left: 500px;
    z-index: 9999;
}
#SocialShare li {
    display: block;
    margin: 10px 0;
    padding: 0 0 2px;
    list-style: none;
}
#SocialShare .btn-mini i {
    margin-top:-2px;
}
#SocialShare .dropdown-menu {
    right: 37px;
    left: auto;
    top: 100%;
}
#SocialShare .dropdown-menu li {
    margin:0px;
}
#SocialShare .dropdown-menu li.text {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #999;
    white-space: nowrap;
}
.modal.up_box,
.work-modal.up_box {
    width:1000px;
    margin:40px auto;
    position: static;
    top:0px;
}
.modal.up_box #author_wrapper,
.work-modal.up_box #author_wrapper {
    margin-top:0px;
    padding: 20px 120px;
}
.modal.up_box #setting_content,
.work-modal.up_box #setting_content {
    margin-bottom:0px;
    padding: 20px 120px;
}
.modal.up_box .span7,
.work-modal.up_box .span7 {
    width:520px;
}
.modal.up_box .span2,
.work-modal.up_box .span2 {
    width:160px;
}
.modal.up_box table .span2,
.work-modal.up_box table .span2 {
width: 54px;
}
.modal.up_box .span8,
.work-modal.up_box .span8 {
    width:580px;
}
.personal_wrapper #item_box_list .works_list.music_works_list table .span8,
.modal.up_box table .span8 {
    width:220px;
}
.modal.up_box .span8 h2,
.work-modal.up_box .span8 h2 {
    line-height: 30px;
    margin-bottom: 20px;
}
.modal.up_box .info_box.span8 h2,
.work-modal.up_box .info_box.span8 h2 {
    line-height: 30px;
    margin-bottom: 0px;
}
.span3 .content_wrapper img {
    width: 220px;
    height: auto;
}

.dropdown-menu .loadingimg {
    text-align:center;
}
.dropdown-menu .loadingimg > img {
    width: 15px;
}
.work-modal {
    position:fixed;
    top:25%;
    left:50%;
    z-index:6002;
    overflow:auto;
    width:560px;
    margin:0 0 0 -280px;
    background-color:#fff;
    border:1px solid #ccc;
    *border:1px solid #ccc;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
            box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
       -moz-background-clip:padding-box;
            background-clip:padding-box;
}
.modal {
    position:fixed;
    top:15%;
    left:50%;
    z-index:6002;
    width:560px;
    margin:0 0 0 -280px;
    background-color:#fff;
    border:1px solid #ccc;
    *border:1px solid #ccc;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
            box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
       -moz-background-clip:padding-box;
            background-clip:padding-box;
}
.modal.video,
.modal.photo {
    position:fixed;
    top:25%;
    left:50%;
    z-index:1050;
    overflow:auto;
    width:760px;
    margin:-100px 0 0 -380px;
    background-color:transparent;
    border:none;
    *border:none;
    -webkit-border-radius:none;
       -moz-border-radius:none;
                 border-radius:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
                 box-shadow:none;
    -webkit-background-clip:padding-box;
       -moz-background-clip:padding-box;
                 background-clip:padding-box;
}
.modal.video .modal-body {
    max-height:455px;
    padding:0px;
    background:#000;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
       -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
                 box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
}
.modal.photo .modal-body {
    max-height:none;
    padding:0px;
    background:#000;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
       -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
                 box-shadow:0 3px 7px rgba(0, 0, 0, 0.6);
}
.modal.photo .modal-body img {
    width:100%;
}
.modal.video .modal-header,
.modal.photo .modal-header {
    padding:3px 0px;
    border-bottom:none;
}
.modal.video .modal-header h3,
.modal.photo .modal-header h3{
    color:#fff;
}
.modal.video .modal-header .close,
.modal.photo .modal-header .close {
    font-size:30px;
    color:#fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 10px;
}
.modal.video .modal-header .close:hover,
.modal.photo .modal-header .close:hover {
    color:#fff;
    text-decoration:none;
    opacity:0.8;
    filter:alpha(opacity=80);
    cursor:pointer;
}
.modal.fade {
    -webkit-transition:opacity .3s linear, top .3s ease-out;
       -moz-transition:opacity .3s linear, top .3s ease-out;
        -ms-transition:opacity .3s linear, top .3s ease-out;
         -o-transition:opacity .3s linear, top .3s ease-out;
            transition:opacity .3s linear, top .3s ease-out;
    top:-25%;
}
.modal.fade.in {
    top:50%;
}
.modal.batch-modal,
.modal.addimg-modal {
    width:700px;
    margin-left:-350px;
    top:15%;
}
.addimg-modal .modal-body {
    max-height:450px;
    overflow:auto;
}
.addimg-modal .modal-body .select_box .item.span2.imagepool_box{
    margin:5px 0px 5px 16px;
}
.addimg-modal .modal-body .select_box .item.span2 {
    margin:5px 0px 5px 20px;
}
.addimg-modal .imgset_wrapper {
    border-top:1px solid #eee;
    padding:20px 10px;
    margin-top:20px;
}
.addimg-modal .imgset_wrapper .imgset_img,
.addimg-modal .imgset_wrapper .control-group {
    float:left;
}
.addimg-modal .imgset_wrapper .imgset_img img {
    width:140px;
    height:auto;
}
.addimg-modal input[type="file"] {
    width:600px;
}
.addimg-modal .pagination {
    margin-right:5px;
    margin-top:10px;
}
.modal-header {
    padding:3px 15px;
    border-bottom:1px solid #eee;
}
.warning .modal-header h3 {
    color:#b94a48;
}
.modal-header .close {
    margin-top:2px;
}
.modal-body {
    padding:20px;
}
.modal-body form {
    margin-bottom:0px;
    margin-top:10px;
}
.modal-form {
    margin-bottom:0;
}
.modal-body.select-body {
    max-height: 300px;
    overflow: auto;
}
.modal-footer {
    padding:8px 15px;
    margin-bottom:0;
    text-align:right;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    -webkit-border-radius:0 0 6px 6px;
       -moz-border-radius:0 0 6px 6px;
            border-radius:0 0 6px 6px;
    -webkit-box-shadow:inset 0 1px 0 #ffffff;
       -moz-box-shadow:inset 0 1px 0 #ffffff;
            box-shadow:inset 0 1px 0 #ffffff;
    *zoom:1;
}
.modal.video .modal-footer,
.modal.photo .modal-footer,
.modal#Login .modal-footer {
    display:none;
}
.modal-footer:before,
.modal-footer:after {
    display:table;
    content:"";
}
.modal-footer:after {
    clear:both;
}
.modal-footer .btn+.btn {
    margin-left:5px;
    margin-bottom:0;
}
.modal-footer .btn-group .btn+.btn {
    margin-left:-1px;
}

.modal-body .item.span2 {
    margin-bottom:20px;
}
.modal-body h4 {
    margin-bottom:10px;
    font-weight: 500;
}
.modal-body .well {
    min-height: 20px;
    padding: 25px 11px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #666;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border: 2px solid #ddd;
    border-bottom-color: #ccc;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
    -moz-box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
    box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
}
.modal-body .well:hover {
    color:#666;
    background-color:#e6e6e6;
    background-position:0 -15px;
    -webkit-transition:background-position 0.1s linear;
       -moz-transition:background-position 0.1s linear;
         -ms-transition:background-position 0.1s linear;
            -o-transition:background-position 0.1s linear;
                 transition:background-position 0.1s linear;
    -webkit-box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
       -moz-box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
                 box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
}
.modal-body .well.select_song {
    padding:10px 0px;
    text-align:left;
    border:1px solid #ddd;
    -webkit-box-shadow:0px 0px 1px 1px rgba(255,255,255,1) inset;
       -moz-box-shadow:0px 0px 1px 1px rgba(255,255,255,1) inset;
                 box-shadow:0px 0px 1px 1px rgba(255,255,255,1) inset;
    width: 515px;
}
.modal-body .well.select_song:hover {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, .7);
       -moz-box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, .7);
                 box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, .7);
}
.modal-body .well.select_song h4 {
    margin:0;
}
.modal-body .well.select_song.selected {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, 1);
       -moz-box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, 1);
                 box-shadow: 0px 0px 0px 3px rgba(0, 117, 192, 1);
}
.modal-body .form-select_song .control-label {
    width:100px;
}
.modal-body .form-select_song .controls {
    margin-left: 115px;
}
.modal-body .well.select_song img {
    float:left;
    width:60px;
    height:60px;
    margin:0 10px;
}
.modal-body .well.select_song p {
    margin-bottom:0px;
}
.tooltip {
    position:absolute;
    z-index:9998;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0);
}
.tooltip.in {
    opacity:0.8;
    filter:alpha(opacity=80);
}
.tooltip.top {
    margin-top:-2px;
}
.tooltip.radio-top {
    margin-top:-10px;
    font-size:13px;
}
.tooltip.right {
    margin-left:2px;
}
.tooltip.bottom {
    margin-top:2px;
}
.tooltip.left {
    margin-left:-2px;
}
.tooltip.top .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #ff595f;
}
.tooltip.radio-top .tooltip-arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #ff595f;
}
.tooltip.left .tooltip-arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #ff595f;
}
.tooltip.bottom .tooltip-arrow {
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #ff595f;
}
.tooltip.right .tooltip-arrow {
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #ff595f;
}
.tooltip-inner {
    max-width:200px;
    padding:3px 8px;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
    background-color:#ff595f;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.tooltip.radio-top .tooltip-inner {
    background-color:#ff595f;
    padding:10px 15px;
}
.tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
}
.popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1010;
    display:none;
    padding:5px;
}
.popover.top {
    margin-top:-5px;
}
.popover.right {
    margin-left:5px;
}
.popover.bottom {
    margin-top:5px;
}
.popover.left {
    margin-left:-5px;
}
.popover.top .arrow {
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #000000;
}
.popover.right .arrow {
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #000000;
}
.popover.bottom .arrow {
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #000000;
}
.popover.left .arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #000000;
}
.popover .arrow {
    position:absolute;
    width:0;
    height:0;
}
.popover-inner {
    padding:3px;
    width:280px;
    overflow:hidden;
    background:#000000;
    background:rgba(0, 0, 0, 0.8);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
            box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
    padding:9px 15px;
    line-height:1;
    background-color:#f5f5f5;
    border-bottom:1px solid #eee;
    -webkit-border-radius:3px 3px 0 0;
       -moz-border-radius:3px 3px 0 0;
            border-radius:3px 3px 0 0;
}
.popover-content {
    padding:14px;
    background-color:#ffffff;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
    -webkit-background-clip:padding-box;
       -moz-background-clip:padding-box;
            background-clip:padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
    margin-bottom:0;
}
.thumbnails {
    margin-left:-20px;
    list-style:none;
    *zoom:1;
}
.thumbnails:before,
.thumbnails:after {
    display:table;
    content:"";
}
.thumbnails:after {
    clear:both;
}
.thumbnails>li {
    float:left;
    margin:0 0 18px 20px;
}
.thumbnail {
    display:block;
    padding:4px;
    line-height:1;
    border:1px solid #ddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail:hover {
    border-color:#366ddc;
    -webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
       -moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
            box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail>img {
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
.thumbnail .caption {
    padding:9px;
}
.label {
    padding:1px 4px 2px;
    font-size:10.998px;
    font-weight:bold;
    line-height:13px;
    color:#ffffff;
    vertical-align:middle;
    white-space:nowrap;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#999999;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.label:hover {
    color:#ffffff;
    text-decoration:none;
}
.label-important {
    background-color:#e32c3b;
}
.label-important:hover {
    background-color:#c21a28;
}
.label-warning {
    background-color:#ff6600;
}
.label-warning:hover {
    background-color:#cc5200;
}
.label-success {
    background-color:#3d9400;
}
.label-success:hover {
    background-color:#286100;
}
.label-info {
    background-color:#1155cc;
}
.label-info:hover {
    background-color:#0d419d;
}
.label-inverse {
    background-color:#333333;
}
.label-inverse:hover {
    background-color:#1a1a1a;
}
.label-music {
  background-color: #900;
}
.label-photo {
  background-color: #598527;
}
.label-dna {
  background-color: #DD6F00;
}
.label-video {
  background-color: #0076A3;
}
.label-writing {
  background-color: #BB6C6C;
}
.badge {
    padding:0px 4px;
    font-size:11px;
    font-weight:bold;
    white-space:nowrap;
    color:#fff;
    background-color:#666;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
}
.badge:hover {
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}
.badge-error {
    background-color:#c21a28;
}
.badge-error:hover {
    background-color:#990000;
}
.badge-warning {
    background-color:#ff6600;
}
.badge-warning:hover {
    background-color:#cc5200;
}
.badge-success {
    background-color:#3d9400;
}
.badge-success:hover {
    background-color:#286100;
}
.badge-info {
    background-color:#1155cc;
}
.badge-info:hover {
    background-color:#0d419d;
}
.badge-inverse {
    background-color:#333333;
}
.badge-inverse:hover {
    background-color:#1a1a1a;
}
@-webkit-keyframes progress-bar-stripes {from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}
.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.progress .bar {
    width:0%;
    height:18px;
    color:#ffffff;
    font-size:12px;
    text-align:center;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#0e90d2;
    background-image:-moz-linear-gradient(top, #149bdf, #0480be);
    background-image:-ms-linear-gradient(top, #149bdf, #0480be);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image:-webkit-linear-gradient(top, #149bdf, #0480be);
    background-image:-o-linear-gradient(top, #149bdf, #0480be);
    background-image:linear-gradient(top, #149bdf, #0480be);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-transition:width 0.6s ease;
       -moz-transition:width 0.6s ease;
        -ms-transition:width 0.6s ease;
         -o-transition:width 0.6s ease;
            transition:width 0.6s ease;
}
.progress-striped .bar {
    background-color:#149bdf;
    background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size:40px 40px;
       -moz-background-size:40px 40px;
         -o-background-size:40px 40px;
            background-size:40px 40px;
}
.progress.active .bar {
    -webkit-animation:progress-bar-stripes 2s linear infinite;
       -moz-animation:progress-bar-stripes 2s linear infinite;
            animation:progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar {
    background-color:#dd514c;
    background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:linear-gradient(top, #ee5f5b, #c43c35);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.progress-danger.progress-striped .bar {
    background-color:#ee5f5b;
    background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar {
    background-color:#5eb95e;
    background-image:-moz-linear-gradient(top, #62c462, #57a957);
    background-image:-ms-linear-gradient(top, #62c462, #57a957);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image:-webkit-linear-gradient(top, #62c462, #57a957);
    background-image:-o-linear-gradient(top, #62c462, #57a957);
    background-image:linear-gradient(top, #62c462, #57a957);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.progress-success.progress-striped .bar {
    background-color:#62c462;
    background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar {
    background-color:#4bb1cf;
    background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image:-o-linear-gradient(top, #5bc0de, #339bb9);
    background-image:linear-gradient(top, #5bc0de, #339bb9);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.progress-info.progress-striped .bar {
    background-color:#5bc0de;
    background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar {
    background-color:#ff822e;
    background-image:-moz-linear-gradient(top, #ff944d, #ff6600);
    background-image:-ms-linear-gradient(top, #ff944d, #ff6600);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff944d), to(#ff6600));
    background-image:-webkit-linear-gradient(top, #ff944d, #ff6600);
    background-image:-o-linear-gradient(top, #ff944d, #ff6600);
    background-image:linear-gradient(top, #ff944d, #ff6600);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff944d', endColorstr='#ff6600', GradientType=0);
}
.progress-warning.progress-striped .bar {
    background-color:#ff944d;
    background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.accordion {
    margin-bottom:18px;
}
.accordion-group {
    margin-bottom:2px;
    border:1px solid #e5e5e5;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.accordion-heading {
    border-bottom:0;
}
.accordion-heading .accordion-toggle {
    display:block;
    padding:8px 15px;
}
.accordion-inner {
    padding:9px 15px;
    border-top:1px solid #e5e5e5;
}
.carousel {
    position:relative;
    margin-bottom:18px;
    line-height:1;
}
.carousel-inner {
    overflow:hidden;
    width:100%;
    position:relative;
}
.carousel .item {
    display:none;
    position:relative;
    -webkit-transition:0.6s ease-in-out left;
       -moz-transition:0.6s ease-in-out left;
        -ms-transition:0.6s ease-in-out left;
         -o-transition:0.6s ease-in-out left;
            transition:0.6s ease-in-out left;
}
.carousel .item>img {
    display:block;
    line-height:1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
    display:block;
}
.carousel .active {
    left:0;
}
.carousel .next,
.carousel .prev {
    position:absolute;
    top:0;
    width:100%;
}
.carousel .next {
    left:100%;
}
.carousel .prev {
    left:-100%;
}
.carousel .next.left,
.carousel .prev.right {
    left:0;
}
.carousel .active.left {
    left:-100%;
}
.carousel .active.right {
    left:100%;
}
.carousel-control {
    position:absolute;
    top:40%;
    left:15px;
    width:40px;
    height:40px;
    margin-top:-20px;
    font-size:60px;
    font-weight:100;
    line-height:30px;
    color:#ffffff;
    text-align:center;
    background:#2c2c2c;
    border:3px solid #ffffff;
    -webkit-border-radius:23px;
       -moz-border-radius:23px;
            border-radius:23px;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.carousel-control.right {
    left:auto;
    right:15px;
}
.carousel-control:hover {
    color:#ffffff;
    text-decoration:none;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.carousel-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:10px 15px 5px;
    background:#333;
    background:rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
    color:#fff;
}
.hero-unit {
    padding:60px;
    margin-bottom:30px;
    background-color:#eee;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}
.hero-unit h1 {
    margin-bottom:0;
    font-size:60px;
    line-height:1;
    color:inherit;
    letter-spacing:-1px;
}
.hero-unit p {
    font-size:18px;
    font-weight:200;
    line-height:27px;
    color:inherit;
}
.pull-right {
    float:right;
}
.pull-left {
    float:left;
}
.hide {
    display:none;
}
.show {
    display:block;
}
.invisible {
    visibility:hidden;
}
.navbar .brand,
.subnav a {
    color:#aaa;
}
.subnav .nav>li>a {
    border-left:0px solid white !important;
    border-right:0px solid white !important;
    color:#333;
}
.btn-navbar:hover {
    background-color:#ccc;
    background-position:0 0;
}
.search-query {
    border:1px solid #CCC;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
}

/* navbar */
.navbar .member_box {
}
.navbar .nav > li.member_box > a {
    float:left;
}
.navbar .member_box img {
    padding: 0;
    width: 30px;
    height: 30px;
    margin-top: -7px;
    margin-bottom: -10px;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.navbar .member_box .membername {
    float:left;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*20140212*/
.navbar .nav .icon_box,
.navbar .nav .search_box {
    width: 49px;
}
.navbar .nav .icon_box,
.navbar .nav .search_box i {
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;
 }

.navbar .nav .icon_box.open,
.navbar .nav .icon_box:hover,
.navbar .nav .search_box i.open,
.navbar .nav .search_box i:hover {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
}
.navbar .nav .icon_box a,
.navbar .nav .search_box a {
    height: 20px;
}

.navbar .nav .search_box .search_input{
    position: absolute;
    right: 20px;
    top: 6px;
}
/*/20140212*/
.navbar .nav li.dropdown.icon_box.open > .dropdown-toggle {
    height: 20px;
}
.navbar .nav .icon_box .dropdown-menu a {
    height:auto;
}
.navbar .dropdown-menu .icon_box {
    position: absolute;
    top: -41px;
    right: -1px;
}
.navbar .member_box .signup_link,
.navbar .member_box .login_link {
    font-weight: bold;
    padding: 0;
}


/* wrapper */
#wrapper {
   /*
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 41px;
   overflow-y:auto;
   overflow-x:hidden;
   */
   padding-bottom: 46px;
   padding-top: 46px;
}
#right {
    position: absolute;
   top: 0px;
   bottom: 0px;
   left:125px;
   right:0px;
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 5;
   display: block;
   min-width:860px;
}

#error_container  {
    position: relative;
    margin-top: 22%;
    margin-bottom: 60px;
}
#error_container .span10 img {
    -moz-transform:rotate(3deg);
    -webkit-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform:rotate(3deg);
}

/* trending_top */
#trending_top {
    height: 42px;
    position: fixed;
    top: 46px;
    right: 0;
    left: 0;
    background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_queue_bg.jpg?127d5188165e');
    border-bottom: 1px solid #333;
    z-index: 200;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    padding: 0 0 0 15px;
}
#trending_top .m_icon-open {
    margin:1px 5px;
    float:right;
}
#trending_top .divider-vertical {
    margin:0;
    background: -moz-linear-gradient(top,  rgba(55,55,55,0.65) 0%, rgba(44,44,44,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,0.65)), color-stop(100%,rgba(44,44,44,0.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(55,55,55,0.65) 0%,rgba(44,44,44,0.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(55,55,55,0.65) 0%,rgba(44,44,44,0.3) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(55,55,55,0.65) 0%,rgba(44,44,44,0.3) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(55,55,55,0.65) 0%,rgba(44,44,44,0.3) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6373737', endColorstr='#4d2c2c2c',GradientType=0 ); /* IE6-9 */
}
#trending_top #top_title {
    position: absolute;
    top: 0px;
    left:0px;
    right:0px;
    z-index: 6;
    padding: 0 0 0 30px;
    height: 42px;
}
#trending_top #top_title .photo {
    float:left;
    margin:5px 10px 5px 0;
}
#trending_top #top_title .photo img {
    width:30px;
    height:30px;
}
#trending_top #top_title .title_text {
    float:left;
    font-size: 16px;
    font-weight: bold;
    color: #aaa;
    margin-top:11px;
}
#trending_top #top_title .title_text a {
    color:#fff;
}
#trending_top #top_title .playall_link {
    margin-left:10px;
    font-size: 13px;
}
.playall_link .btn {
    margin-right:5px;
    margin-top: -3px;
}
#trending_top #top_title .btn:active {
    background-color: #666666;
    background-image: -moz-linear-gradient(top, #333333, #666666);
    background-image: -ms-linear-gradient(top, #333333, #666666);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#666666));
    background-image: -webkit-linear-gradient(top, #333333, #666666);
    background-image: -o-linear-gradient(top, #333333, #666666);
    background-image: linear-gradient(top, #333333, #666666);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111', GradientType=0);
    border-color: #111111 #111111 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#trending_top #top_title .edit_box,
#trending_top #top_title .sort_box {
    font-size: 12px;
    margin-right:15px;
    float:right;
    padding-top:12px;
}
#trending_top #top_title .edit_box a,
#trending_top #top_title .sort_box a {
    color:#aaa;
}
#trending_top #top_title .edit_box a:hover,
#trending_top #top_title .sort_box a:hover {
    color:#fff;
}
#trending_top #top_title .sort_box .dropdown-menu {
    top:28px;
    right:-8px;
}
#trending_top #top_title .title_select {
    float:right;
    font-size: 13px;
    font-weight: bold;
}
#trending_top #top_title .title_select a,
#trending_top #top_title .title_select .select_box_text {
    color:#aaa;
    padding: 10px 20px;
    display:block;
}
#trending_top #top_title .title_select a:hover {
    color:#fff;
}
#trending_top #top_title .title_select .select_box {
    float:left;
}
#trending_top #top_title .title_select .select_box .caret {
    border-top: 4px solid #aaa;
    margin-left: 5px;
    margin-top: 10px;
}
#trending_top #top_title .title_select a:hover .caret {
    border-top: 4px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
#trending_top #top_title .title_select .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    background:rgba(0,0,0,0.96);
}
#trending_top #top_title .title_select .dropdown-menu:before {
    border:0px;
}
#trending_top #top_title .title_select .dropdown-menu:after {
    border:0px;
}

#trending_top #top_title .title_select .dropdown-menu li>a:hover,
#trending_top #top_title .title_select .dropdown-menu .active>a,
#trending_top #top_title .title_select .dropdown-menu .active>a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#222;
}
#trending_top #top_title .title_select .dropdown-menu.dropdown-type {
    max-height: 380px;
    width: 400px;
}
#trending_top #top_title .title_select .dropdown-menu.dropdown-type li {
    float: left;
    width: 50%;
}
#trending_top #top_menu {
    background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_queue_bg.jpg?127d5188165e');
    position: absolute;
    top: 43px;
    left:0px;
    right:0px;
    height:auto;
    font-size: 14px;
    color: #aaa;
    -moz-box-shadow:inset 0px -15px 15px rgba(0,0,0,0.6);
    -webkit-box-shadow:inset 0px -15px 15px rgba(0,0,0,0.6);
    box-shadow:inset 0px -15px 15px rgba(0,0,0,0.6);
    display:none;
    padding:0;
}
#trending_top #top_menu li {
    line-height:30px;
}
#trending_top #top_menu a {
    color:#aaa;
}
#trending_top #top_menu a:hover {
    color:#fff;
}
#trending_top #top_menu .selected a {
    color:#fff;
}
#trending_top #top_menu_list_f,
#trending_top #top_menu_list,
#trending_top #top_menu_list_s {
    list-style: none;
    padding: 0;
    float: left;
    width: 90px;
    position: relative;
    padding: 15px 30px;
    margin: 0;
    min-height:130px;
    text-align:center;
}
#trending_top #top_menu_list_f {
    width:50px;
}
#trending_top #top_menu_type {
    list-style: none;
    padding: 15px 30px;
    margin: 0;
    -webkit-column-count: 3;
       -moz-column-count: 3;
                 column-count: 3;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
                 column-gap: 5px;
    position: relative;
    min-height:130px;
}
#trending_top .menu_tagcloud {
    margin: 0;
    height: 150px;
    float: left;
    overflow: hidden;
    min-width: 800px;
    padding: 10px 30px;
}

#trending_top #top_title .title_select .menu_tagcloud a {
    text-decoration: none;
    color:#ccc;
    float: left;
    clear:none;
    padding:10px 5px;
    line-height:30px;
}
#trending_top #top_title .title_select .menu_tagcloud a:hover {
    color:#fff;
}

#trending_top .menu_tagcloud a.size1 {
    font-size:10px;
}
#trending_top .menu_tagcloud a.size2 {
    font-size:14px;
}
#trending_top .menu_tagcloud a.size3 {
    font-size:18px;
}
#trending_top .menu_tagcloud a.size4 {
    font-size:22px;
}
#trending_top .menu_tagcloud a.size5 {
    font-size:26px;
}
#trending_top .menu_tagcloud a.size6 {
    font-size:30px;
}

#trending_top #top_menu_type i {
    margin-right:5px;
    margin-top:-3px;
}

/* list */

.top_wrapper {
    width: 1440px;
    margin: 0 auto;
}

.with_topbar {
    padding-top: 42px;
}

@media all and (min-width: 1440px) {
    .top_wrapper {
        /* 5 columns: 1350px */
        width: 1330px;
    }
}

@media all and (min-width: 1336px) and (max-width: 1440px) {
    .top_wrapper {
        /* 4 columns: 1080px */
        width: 1330px;
    }
}

@media all and (min-width: 1080px) and (max-width: 1336px) {
    .top_wrapper {
        /* 4 columns: 1080px */
        width: 1065px;
    }
}

@media all and (max-width: 1080px) {
    .top_wrapper {
        /* 3 columns: 925px */
        width: 800px;
    }
}


/*20140114*/
.badge_box {
    position: relative;
    width: 245px;
    height: 30px;
    float: right;
    margin-top: -15px;
    margin-right: 18px;
}

.badge_box li {
    list-style: none;
    height: 29px;
    width: 29px;
    float: right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 5px;
}

.badge_box .badge_one {
    background-color: #ff5658;
    border: 1px solid #e44648;
}
.badge_box .badge_two {
    background-color: #00ca7a;
    border: 1px solid #01a363;
}
.badge_box .badge_three {
    background-color: #12aadc;
    border: 1px solid #0583ad;
}
.badge_box .badge_four {
    background-color: #fc883b;
    border: 1px solid #ea6711;
}
.badge_box .badge_five {
    background-color: #fca83b;
    border: 1px solid #e68e1c;
}
.badge_box .badge_six {
    background-color: #fcc13b;
    border: 1px solid #ff9c36;
}
.badge_box li i{
    margin-top: 5px;
}
/*/20140114*/

#item_box_list,
#radio_box_list {
    width: 100% !important;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}

/*#item_box_list{
    margin-left: 10px;
}*/

.index_list {
    top: 0px;
}
.inside_list {
    top: 0px;
}
#item_box_list .default_box {
    text-align:center;
    padding:30px;
}
#item_box_list .default_box h3 {
    margin-bottom:10px;
}
#item_box_list.playlist {
    position:relative;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    width:auto;
}
.item_box {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
       -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
            box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    margin:8px; /* 要連 .square_f 寬度一起改 */
}
.item_box.hide_item {
    filter: alpha(opacity=40) !important;
    -moz-opacity: 0.4 !important;
    opacity: 0.4 !important;
}
.item_box.hide_item:hover {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}
.item_box.writing_album_item {
    background-color:transparent;
    border-bottom: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    margin:7px;
}
.item_box.writing_album_item:hover {
    background-color: #fff;
    border-bottom: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.item_box .hide {
    position:absolute;
    width:100%;
    height:100%;
}
.item_box.news_item .hide {
    position:absolute;
    width:100%;
    height:auto;
}
.item_box .more {
    width: 100%;
    padding: 0 0 7px 0;
}
.item_box .more a {
    margin-right:15px;
    color:#999;
}
.item_box .more:hover a {
    color:#666;
}
.square_t .slidetabs {
    width:100%;
    height: 17px;
}
.banner_wrapper {
    width:520px;
    margin:7px;
}
.banner_wrapper.item_box {
    background: none;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* 20140318 */
.wechat_block {
    width: 220px;
    height: 165px;
 border-bottom: #eee solid 1px;
}

.wechat_block .logo{
    width: 40px;
    height: 40px;
    float: left;
}

.wechat_block p{
    padding-top: 3px;
    width: 170px;
    float: right;
    }

.wechat_block .qrcode{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
}

.weibo_block {
    margin-top: 15px;
}

.WB_FB_info {
    width: 57px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}

/* /20140318 */

/* Preview Slider Gallery Style */
.square_t.ps_container {
    width: 520px;
    height: 345px;
    position:relative;
    background-color: #fff;
    border-bottom: solid #999 1px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.ps_image_wrapper {
    width: 520px;
    height: 345px;
    overflow:hidden;
    position:relative;
    margin:0 auto;
    -moz-box-shadow:0px 0px 5px #999;
    -webkit-box-shadow:0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
}
.ps_image_wrapper img{
    position:absolute;
    left:0px;
    top:0px;
}
ul.ps_nav{
    list-style:none;
    margin:0;
    padding:0;
    width: 52px;
    margin: 0 auto;
    position:relative;
}
ul.ps_nav li{
    float:left;
}
ul.ps_nav li a{
    display:block;
    text-indent:-9000px;
    width:11px;
    height:11px;
    outline:none;
    padding:0px 3px;
    background:transparent url('//d3luje6nlvhi9q.cloudfront.net/asset/images/dot.png?ea262aa790b1') no-repeat top center;
}
ul.ps_nav li a:hover,ul.ps_nav li.selected a{
    background-position:50% -11px;
}
ul.ps_nav li.ps_preview{
    display:none;
    width:85px;
    height:91px;
    top:-95px;
    left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
    position:absolute;
}

.ps_preview_wrapper{
    width:75px;
    height:75px;
    border:5px solid #fff;
    overflow:hidden;
    position:relative;
    -moz-box-shadow:0px 0px 5px #999;
    -webkit-box-shadow:0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
}
.ps_preview_wrapper img{
    position:absolute;
    top:0px;
    left:0px;
}
.square_ad {
    width: 520px;
    height: 167px;
    background-color: #fff;
    border-bottom: solid #999 1px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    margin-top:6px;
}
.square {
    width:250px;
    height:250px;
}
.square_t {
    width:520px;
    height:250px;
}
.square_t .square {
    width: 250px;
    height: 250px;
    position: absolute;
}
.square_t .square img {
    width: 100%;
    height: 100%;
}
.square_s,
.square_s.music_list_item {
    width:250px;
    height:740px;
}
.square_l  {
    width:250px;
    height:74px;
}
.square_l  .chart_play {
    width:auto;
    height:100%;
    margin-right:10px;
    background:#000;
    float:left;
    position:relative;
}
.square_l  .chart_play img {
    width:auto;
    height:100%;
}
.square_l  .songname  {
    font-weight:bold;
    font-size:13px;
    margin-top:5px;
}

.square_l  .author a {
    color:#666;
}
.square_l  .author a:hover {
    color:#999;
}
.square_l  .songname,
.square_l  .author {
    float: left;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 21px;
}
.square_l .info_wrapper {
    width: 63%;
    padding-top: 3px;
    border:0px;
    float:left;
}
.square_l .info_wrapper .info_box {
    margin-left: 0px;
    margin-right: 10px;
}
.square_l .info_wrapper .info_box.pull-right {
    margin-right: 0px;
}
.square_l .item_action {
    position:relative;
    top:5px;
    left:0px;
    z-index:auto;
    float: left;
}
.square_l .item_action_box {
    float: left;
    height: 25px;
    width: 25px;
    margin-top: 5px;
    background-color:transparent;
}
.square_l .item_action .dropdown-menu {
    top: 23px;
    right: -13px;
}
.square_p {
    width: 960px;
    height: 180px;
    background-color: #fff;
    margin: 10px auto;
    position: relative;
    -webkit-box-shadow: 0px 1px 2px #a0a0a0;
       -moz-box-shadow: 0px 1px 2px #a0a0a0;
            box-shadow: 0px 1px 2px #a0a0a0;
    text-align: justify;
    text-justify: inter-ideograph;
    padding:20px;
}
.square_p .square {
    width: 200px;
    height: 200px;
    position: absolute;
}
.square_p .item_content {
    overflow: hidden;
    height: 85%;
    margin-left: 200px;
}
.square_f {
    width:516px; /* = (width(.item_box) + margin(.item-box) ) * 2 */
    height:360px;
}
.square_f img {
    width:100%;
    height:100%;
}
.square .item_img,
.square_f .item_img,
.square_t .item_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.item_img.nine img {
    width: 33.3%;
    height: 33.3%;
    float: left;
}
.item_img.four img,
.span4 .content_wrapper .item_img.four img,
.modal-body .form-album_add .item_box.square .item_img.four img {
    width: 50%;
    height: 50%;
    float: left;
}
.item_img.six {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    height:auto;
}
.item_img.six img {
    width: 16.66%;
    height: 16.66%;
    float: left;
}
.item_box.square.photo_album {
    width: 256px;
    height: 256px;
    background-color:transparent;
    border-bottom: solid #999 0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.dna_set_item .item_content  h4,
.photo_album_item .item_content  h4,
.video_album_item .item_content  h4 {
    margin-bottom: 0;
}

.dna_set_item:hover,
.photo_album_item:hover,
.video_album_item:hover {
    z-index: 10;
}

.dna_set_item .item_img,
.photo_album_item .item_img,
.video_album_item .item_img {
    position:absolute;
    width: 250px;
    height: 250px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.dna_set_item .item_img.first,
.photo_album_item .item_img.first,
.video_album_item .item_img.first {
    top:0;
    left:0;
    z-index:3;
}
.dna_set_item .item_img.second,
.photo_album_item .item_img.second {
    top:0px;
    left:0px;
    z-index:2;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.dna_set_item:hover .item_img.second,
.photo_album_item:hover .item_img.second {
    top:0px;
    left:60px;
    z-index:2;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(15deg);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.video_album_item .item_img.second {
    top:-5px;
    right:-5px;
    z-index:2;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.dna_set_item .item_img.third,
.photo_album_item .item_img.third {
    top:0px;
    left:0px;
    z-index:1;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.dna_set_item:hover .item_img.third,
.photo_album_item:hover .item_img.third {
    top:30px;
    left:120px;
    z-index:1;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.video_album_item .item_img.third {
    top:-10px;
    right:-10px;
    z-index:1;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.square_music {
    width:520px;
    height:auto;
}
.square_music .content_wrapper {
        width:94%;
}
.square_music .content_wrapper .content_box .album_cover {
    position: relative;
    float: left;
    margin:5px 10px 0 0;
}
.square_music .content_wrapper .content_box .album_cover img {
    margin:0;
    width:50px;
    height:50px;
}
.square_music .content_wrapper .content_box .album_cover i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 25;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.item_img img {
    width:100%;
    height:auto;
}
.item_action {
    position:relative;
    top:10px;
    right:10px;
    z-index:35;
    display: inline-table;
    float: right;
}
.item_action .dropdown-menu {
    top:100%;
    right:-4px;/*20131224*/
    left:auto;
}
.item_action_box {
    float: left;
    height: 25px;
    width: 25px;
    margin-top: 5px;
    background-color: rgba(0,0,0,.8);
}

.item_action .left {
    -webkit-border-top-left-radius:4px;
        -moz-border-radius-topleft:4px;
            border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
        -moz-border-radius-bottomleft:4px;
            border-bottom-left-radius:4px;
}
.item_action .right {
    -webkit-border-top-right-radius:4px;
        -moz-border-radius-topleft:4px;
            border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
        -moz-border-radius-bottomleft:4px;
            border-bottom-right-radius:4px;
}
.item_action .single {
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}
.item_action .btn-group {
    float:left;
}
.item_action .btn-group .btn {
    margin-right:0px;
}
.item_action .btn {
    float:left;
    margin-right:5px;
}
.item_votes {
    position: relative;
    bottom:0px;
    left:0px;
    right:0px;
    padding:0px 15px;
    height:22px;
    line-height:22px;
    font-weight:bold;
    color:#FFF;
    float: left;
}
.item_votes em {
    font-size:12px;
    font-weight:bold;
}
.item_vote_btn {
    position: relative;
    right:8px;
    float: right;
}
.item_result {
    position: absolute;
    top:13px;
    left:-5px;
    z-index:30;
}
.item_result .triangle-topright {
    width: 0;
    height: 0;
    border-top: 5px solid #cd4f4f;
    border-left: 5px solid transparent;
    position: absolute;
    top:20px;
    left:0px;
}
.item_result .text {
    background:#a00000;
    padding: 0 0 0 15px;
    color:#fff;
    font-size:13px;
    line-height:20px;
    float:left;
}
.item_result .pacman {
    width: 0px;
    height: 0px;
    border-right: 10px solid transparent;
    border-top: 10px solid #a00000;
    border-left: 10px solid #a00000;
    border-bottom: 10px solid #a00000;
    float:left;
}
.item_black {
    position: absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    background:rgba(0,0,0,.3);
    z-index:20;
}
.item_box .playbtn_box {
    position: absolute;
    top:0; bottom:0; left:0; right:0; margin:auto;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index:25;
}
.item_box .playbtn_box:hover {
    filter:alpha(opacity=0);
    -moz-opacity: 1;
    opacity: 1;
}
.item_box .buybtn_box {
    position: absolute;
    top:10px;
    right:10px;
    z-index:35;
}
.feature_nav {
    z-index:25;
    position: absolute;
    top:50%;
    margin-top:-10px;
    padding:0px ;
}
.feature_nav.back {
    left:5px;
}
.feature_nav.next {
    right:5px;
}

.square_t.index_experts .item_content {
    overflow:hidden;
    float:right;
    width:45%;
    height:60%;
}
.square_t.top_one .item_content {
    overflow:hidden;
    float:right;
    width:45%;
    height:80%;
}

.celebrity {
    width: auto;
    height: auto;
    position: relative;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}
.celebrity .s_icon-repost {
    margin-right: 7px;
    float: left;
    margin-top: 6px;
}
.celebrity .celebrity_img {
    position: relative;
    width: 25px;
    height: 25px;
    overflow: hidden;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
}
.celebrity .celebrity_img img {
    width:100%;
    height:100%;
}
.item_content .celebrity h4 {
    width:180px;
    height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 30px;
    margin-bottom:2px;
}
.item_content .celebrity h4 small {
    color: #555;
}
.item_content .celebrity h6 {
    font-weight: normal;
    width: 150px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5px;
    line-height: 18px;
    font-size: 11px;
    color: #999;
    display: inline-block;
}
.item_content .celebrity h6 i {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    margin-right: 5px;
    margin-top: -1px;
}
.item_content {
    padding:15px;
    word-wrap: break-word;
}
.square_t .item_content {
    overflow:hidden;
    float:right;
    width:45%;
    height:80%;
}
.calendar_list .music_item .item_content h4,
.calendar_list .music_item .item_content h5,
.calendar_list .news_item .item_content h4,
.calendar_list .news_item .item_content h5,
.day_item .item_content h4,
.day_item .item_content h5,
.top_list .music_item .item_content h4,
.top_list .music_item .item_content h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}
.calendar_list .news_item .item_content p {
    display:none;
}
.calendar_list .news_item .square .item_img img,
.day_item .square .item_img img {
    min-height:250px;
    min-width:250px;
    height:auto;
    width:100%;
}
.item_content h4 {
    margin-bottom:7px;
}
.item_content .list h5 a {
    color:#333;
    margin-bottom:6px;
    margin-left:0;
}
.item_content .list h5 a:hover {
    color:#999;
}
.item_content .list .play_btn {
    width: 20px;
    height: 20px;
    display: block;
}
.item_content .list.disabled .btn-circle,
.song_line.disabled .btn-circle,
.item_box.item_delay .playbtn_box {
    display: none;
}
.item_content .list.disabled h5 a {
    color: #aaa;
}
.item_box h5 a {
    margin-right:5px;
    margin-left:5px;
}
.item_content h5 a,
.list h6 a,
.top_list.list_wrapper .list h5 a {
    color:#666;
}
.item_content h5 a:hover,
.list h6 a:hover,
.top_list.list_wrapper .list h5 a:hover {
    color:#999;
}
.item_content .list,
.top_list.list_wrapper .list,
.works_list_right .list {
    border-bottom:#eee solid 1px;
    padding:14px 0;
    float:left;
    width:100%;
}
.item_content .list.last_list {
    border:none;
    padding-bottom: 0;
}
.item_content .list.more {
    border: 0;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: -10px;
}
.item_content  .list.topwriting {
    height:100px;
    overflow:hidden;
}
.item_content .list .number,
.top_list.list_wrapper .list .number,
.works_list_right .list .number  {
    float:left;
    font-size:16px;
    font-weight:bold;
    color:#aaa;
    width:10%;
    text-align: center;
    margin-right: 10px;
}
.item_content .list .number.first {
    background: #ff595f;
    color: #fff;
    border-radius: 50%;
}
.top_list .list .number {
    margin-top:8px;
}
.list .chart_play {
    width:35px;
    height:35px;
    margin-right:8px;
    float:left;
    position:relative;
}
.top_list.list_wrapper .list .chart_play {
    width:42px;
    height:42px;
}
.list .buy_btn,
.personal_wrapper .repost .list .buy_btn {
    float:right;
    margin-top:9px;
}
.list.first .buy_btn {
    margin-top:13px;
}
.list .buy_btn {
    display:none;
}
.list:hover .buy_btn {
    display:block;
}
.list .play_btn,
.personal_wrapper .repost .list .play_btn {
    margin-top:9px;
    margin-right:10px;
    float:left;
}
.list.first .play_btn {
    margin-top:5px;
    margin-right:10px;
    float:left;
    width: 30px;
    height: 30px;
}
.list .chart_play img {
    width:100%;
    height:100%;
}
.item_content .list.topwriting .writingphoto img {
    width:100%;
    height:auto;
}
.list .chart_play i {
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 25;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.list .chart_play i:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.item_content h6 {
    font-size: 15px;
    color: #666;
    line-height: 32px;
}
.item_box.square_s .item_content h3 {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    right: 0;
    background: #ff595f;
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 36px;
}
.top_list.list_wrapper h3 {
    font-size: 15px;
}
.item_box.square_s .item_content h3 i,
.top_list.list_wrapper h3 i {
    margin-right: 5px;
    margin-top: 2px;
}
.item_box.square_s .item_content {
    padding-top: 50px;
}
.item_content .list .list_data h6 {
    font-size: 11px;
}
.item_content .list .list_data h5,
.item_content .list .list_data h6,
.personal_wrapper .music_list_item.repost .item_content .list h5 {
    float:left;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:17px;
    margin-bottom:0px;
}
.top_list .music_list_item .item_content .list.first .list_data h5 {
    font-size: 15px;
    line-height: 22px;
}
.top_list .music_list_item .item_content .list.first .list_data h6 {
    font-size: 12px;
    line-height: 18px;
}
.top_list.list_wrapper h4, .top_list.list_wrapper h5 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 0px;
}
.list .list_data {
    float:left;
    width:75%;
}
.list.first .list_data {
    float:left;
    width:65%;
}
.list .list_text {
    float:left;
    margin: 10px 0;
    background: #eee;
    padding: 8px;
    width: 207px;
}
.square_s .list .list_data,
.top_list.list_wrapper .list .list_data {
    float:left;
    width:55%;
}
.works_list_right .list h4 {
    float:left;
    width:75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:22px;
    margin-bottom:0px;
}
.writing_item .item_content .list h4{
    float:left;
    width:68%;
    height:60px;
    overflow:hidden;
    line-height:20px;
    margin-bottom:5px;
}
.writing_item .item_content .list h5 {
    width:100%;
}
.item_info {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    padding: 0;
    z-index:32;
    position:absolute;
    bottom:auto;
    top: 0;
    right: 0;
    left: 0;
}
.item_info h4 a {
    color:#fff;
}
.item_info h5 a {
    color:#ccc;
}
.item_info .songname {
   font-size: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding:0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#aaa;
}

.item_info .author a,
.item_info .song_type a,
.item_info .sub_author a {
    color: #fff;
}
.item_info .sub_author {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    height: 50px;
    padding:0 15px;
    margin-top:3px;
}
.item_info .author {
     font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    overflow: hidden;
    height: 24px;
    padding:0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:3px;
}
.item_info .songname a {
    color:#ccc;
}
.item_info .count {
   font-size: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding:0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom:3px;
}
.item_info .count a {
    color:#ccc;
}
.item_info .count .box {
    margin-right:8px;
}
.item_info .count i {
    margin-right:5px;
}
.item_title {
    position: absolute;
    z-index:30;
    top:-5px;
    left:-5px;
}
.item_mark {
    position: absolute;
    z-index:30;
    top:-4px;
    left:10px;
}
.item_oftheday {
    position: absolute;
    z-index:30;
    bottom:0;
    left:0;
    right:0;
    background:#42e2b0;
    color:#fff;
    padding:0;
    font-size:15px;
    font-weight:700;
    line-height: 36px;
}
.item_oftheday.cod {
    background:#2cbcf4;
}
.item_box .song_box {
    position:relative;
    margin: 0;
    width:250px;
    height:250px;
    float:left;
}
.item_box .song_box img {
    margin:0px;
    width:250px;
    height:250px;
}
.square .item_images {
    margin:0 15px;
}
.square .item_images img {
    width:45px;
    height:45px;
    margin:5px;
}

.index_signup h1,
.index_signup h3 {
    text-align:center;
    margin-top:30px;
    color:#fff;
}
.index_signup .form-signup,
.index_signup .form-login {
    width:400px;
    margin:20px auto;
}
.index_signup .form-login .input-large {
    width:185px;
}
/*calendar_list*/
.calendar_list .item_date {
    position: absolute;
    top: -7px;
    right: auto;
    left: 10px;
    bottom: auto;
    padding: 15px 10px 0px 10px;
    height: auto;
    font-size: 14px;
    color: #eee;
    background: #000;
    z-index: 25;
    width: 40px;
    text-align:center;
}

.modal.up_box .item_date {
    position: absolute;
    top:33px;
    bottom: auto;
    padding: 15px 10px 0px 10px;
    height: auto;
    font-size: 14px;
    color: #eee;
    background: #000;
    z-index: 25;
    width: 40px;
    text-align:center;
}
.calendar_list .item_date:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0px solid #000;
    border-right: 50px solid #000;
    border-top: 10px solid #000;
}
.modal.up_box .item_date:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0px solid #000;
    border-right: 50px solid #000;
    border-top: 10px solid #000;
}
.calendar_list .item_date:after,
.modal.up_box .item_date:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #555;
}
.item_date .triangle-topright {
    width: 0;
    height: 0;
    border-bottom: 7px solid #555;
    border-left: 5px solid transparent;
    position: absolute;
    left: -5px;
    top: 0px;
}
.calendar_list .item_date h1,
.modal.up_box .item_date h1 {
    font-size: 30px;
    line-height: 28px;
    border-bottom: 1px #777 solid;
    padding-bottom:3px;
    color: #fff;
    -webkit-font-smoothing: auto;
    letter-spacing: 0px;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
}
.calendar_list .item_date h1 small,
.modal.up_box .item_date h1 small {
    color: #ccc;
    font-size:10px;
    margin-left:2px;
}
.calendar_list .item_date h2,
.modal.up_box .item_date h2 {
    display: block;
    color: #eee;
    -webkit-font-smoothing: auto;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left: 1px;
}
.calendar_list .item_date h3,
.modal.up_box .item_date h3 {
    display: block;
    color: #eee;
    -webkit-font-smoothing: auto;
    font-weight: normal;
    line-height: 14px;
    font-size: 13px;
    letter-spacing: 3px;
    margin-left: 3px;
}
h2.live_title {
    margin-left:80px;
}
/*top_song_list*/
.top_list .item_box .item_info {
    position: relative;
    width: 90%;
    padding: 10px 5%;
    height: auto;
    font-size: 14px;
    color: #eee;
    background:#000;
    font-weight: bold;
    display: block;
}
.top_list .item_box .item_info .triangle-topright {
    width: 0;
    height: 0;
    border-top: 5px solid #444;
    border-left: 7px solid transparent;
    position: absolute;
    left: 0px;
    bottom: -5px;
    display: none;
}
.top_list .item_box .item_num {
    position: absolute;
    top: auto;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: auto;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    padding: 20px 10px 5px 10px;
    height: auto;
    font-size: 20px;
    line-height: 24px;
    color: #eee;
    z-index: 24;
}
.top_list .item_box .item_num .num {
    font-size: 40px;
    line-height: 45px;
}
.top_list .item_box .item_info a {
    color: #eee;
}
.top_list .item_box .item_info a:hover {
    color: #fff;
}
.top_list .music_list_item h3 {
    line-height:24px;
}
.chartpage_left {
    min-width: 600px;
    position: fixed;
    left: 0px;
    right: 301px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    top: 89px;
    bottom: 40px;
}
.top_list.box_wrapper {
    min-width: 600px;
    position: relative;
    top: 0;
    bottom: 0;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
}
.top_list.list_wrapper {
    position: fixed;
    top: 89px;
    bottom: 40px;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 270px;
    background: #FCFCFC;
    border-left: #D5D5D5 1px solid;
    padding:15px;
}

.item_box.upload_item {
    background-color:transparent;
    border: 2px dashed #C1C1C1;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.upload_item .btn {
    margin:0 auto 10px auto;
    width:90%;
}
.upload_item .btn i {
    margin-right:10px;
}
.upload_item h4 {
    text-align:center;
    margin-bottom:10px;
}
.news_item,
.event_item,
.about_item,
.upload_item,
.sub_item {
    width:250px;
}
.social_item {
    padding: 15px;
    padding-left: 5px;
}
.sub_item .who_box img {
    width:30px;
    height:30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.sub_item .who_box .author {
    width:50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub_item .who_box .btn {
    margin-top:0px;
}
.sub_item h4 {
    margin-bottom:9px;
}
.sub_item h4 small {
    margin-left: 0px;
}
.about_item .nodescription {
    color:#ccc;
}
.upload_item img {
    position: relative;
    left: 50%;
    margin-left: -65px;
    margin-top:10px;
}
.news_item.no_img .item_content .info_wrapper {
    margin-bottom:0px;
}
.news_item img,
.event_item img {
    width:100%;
    margin:0;
}
.news_item .item_content,
.event_item .item_content {
    width:auto;
    height:auto;
}
.news_info {
    height:15px;
    color:#999;
    float:left;
    margin-bottom:15px;
}
.item_box p {
    margin-top:7px;
    margin-bottom:0px;
}
.item_content h5 .badge {
    margin-right:5px;
    padding: 1px;
}
.badge-hk {
    background-color: #990000;
}
.item_box .add_message {
    width:100%;
    min-height: 50px;
}
.item_box .add_message form {
    margin:0px;
    padding:10px;
}
.item_box .add_message img {
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-right: 3px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.item_box .add_message .help-inline {
    margin-left: 15px;
    padding-top: 15px;
    padding-left: 0;
}
.item_box .add_message form input {
    width:175px;
}
.info_wrapper {
    width:100%;
    border-top: 1px solid #EEE;
    padding: 5px 0;
}
.item_box .info_wrapper {
    background: #fafafa;
    position: relative;
    bottom: 0;
    padding: 5px 0 0 0;
    height: 28px;
}
.info_wrapper .btn-mini {
    margin-top:0px;
}
.works_list_right .info_wrapper {
    width:83%;
    padding-top:3px;
    border-top: 0px;
    margin-bottom: 0px;
    margin-left:10%;
}
.info_wrapper .dropdown .dropdown-menu {
    top: 20px;
    left: -16px;
    right:auto;
}
.info_wrapper .dropdown .dropdown-menu:before {
    left: 16px;
    right: auto;
}
.info_wrapper .dropdown .dropdown-menu:after {
    left: 17px;
    right: auto;
}
.info_wrapper .dropdown .dropdown-menu .dropdown_message {
    margin-bottom:0px;
}
.info_wrapper .dropdown .dropdown-menu input {
    margin:10px;
    padding: 4px 8px;
}
.author_item .info_wrapper .info_box,
.square_t .info_wrapper .info_box,
.item_box .info_wrapper .info_box.pull-left,
.works_list_right .info_wrapper .info_box {
    float: left;
    margin-right:10px;
}
.info_wrapper .info_box {
    color: #999;
    margin-left:15px;
    margin-right:0px;
    margin-bottom:5px;
}
.info_wrapper .info_box.btn-info {
    color:#fff;
}
.info_wrapper .info_box.btn-info.selected {
    color:#333;
    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align:middle;
    background-color:#f5f5f5;
    background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image:linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter:progid:dximagetransform.microsoft.gradient(enabled=false);
    border:1px solid #cccccc;
    border-bottom-color:#b3b3b3;
    cursor:pointer;
}
.info_wrapper .info_box.btn-info.selected:hover {
    background-color:#e6e6e6;
}
.info_box.pull-right {
    margin-left:0px;
    margin-right: 15px;
}
.full_box .info_box.pull-right {
    margin-top:5px;
}
.author_item .info_wrapper .info_box i,
.square_t .info_wrapper .info_box i,
.info_wrapper .info_box i,
#searchresults a span.searchheading i,
.event_item i {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    margin-top:0px;
}
#searchresults {
    border: 1px solid #CCCCCC;
    left: 20px;
    margin-top: -10px;
    position: absolute;
    width: 270px !important;
}
.event_item i {
    float:left;
    margin-left:15px;
}
.info_box i.selected,
#searchresults a span.searchheading:hover i,
.info_wrapper a:hover i {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.author_item .action_wrapper,
.square_t .action_wrapper {
    float:left;
    width:100%;
    margin-bottom:10px;
}
/*radio_item*/
.radio_item {
    position: absolute;
    top: 30px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
}
.radio_item .square {
    width:50%;
    height:100%;
    position:relative;
    top: 0px;
    left: 0px;
    bottom:0px;
    float: left;
}
.radio_item .item_content {
    overflow:visible;
    float: right;
    width: 45%;
    position:absolute;
    right:10px;
    top:10px;
    bottom:10px;
    overflow:auto;
}
.radio_item .item_content  .content_box {
    width: 100%;
    margin: 0;
    float: left;

    padding: 8px 0;
}
.radio_item .item_content  .content_box .box {
    float: left;
    width: 100%;
    border-bottom: 0px;
    margin: 4px auto;
    padding-bottom: 4px;
}
#radio_box {
    margin-top: 180px;
    width:800px;
    height:400px;
    background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/radio.png?d59b2cae4a97');
    background-repeat:no-repeat;
}
.radio_item h3 a {
    color: #666;
}
.radio_item h3 a:hover {
    color: #999;
}
/*experts_item*/
.experts_item,
.music_item,
.music_list_item,
.photo_item,
.photo_album_item,
.dna_set_item,
.video_album_item,
.member_item,
.live_item {
    width:250px;
    height:auto;
}
.writing_album_item {
    width:250px;
    height:250px;
}

.experts_item .square,
.music_item .square,
.news_item .square,
.music_list_item .square,
.dna_set_item .square,
.photo_item .square,
.photo_album_item .square,
.video_album_item .square,
.live_item .square,
.day_item .square {
    position:relative;
}
.live_item .square {
    width: 250px;
    height: auto;
}
.music_list_item .list_box {
    width:100%;
}
.writing_album_item h3 {
    text-align:center;
    font-size: 21px;
    line-height: 32px;
}
.writing_album_item h4 {
    text-align:center;
    position:absolute;
    bottom:10%;
    width:80%;
    font-weight: normal;
    color: #999;
    margin-bottom: 3px;
}
.writing_album_item .item_content {
    z-index: 4;
    position: relative;
    margin: 0 auto;
    padding:30% 10% 10% 10%;
    height:60%;
}
.writing_album_item .item_page {
    width:250px;
    height:250px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background-color: #fff;
    border-bottom: solid #999 1px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
                  box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.writing_album_item:hover .item_page {
    border-bottom: solid #999 1px;
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
                  box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
}
.writing_album_item .item_page.first {
    z-index: 3;
    top:26px;
    height:224px;
    background:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/lined_paper.png?e95f1234eeb0');
}
.writing_album_item .item_page.first:before {
    content: "";
    position: absolute;
    top: -26px;
    left: 0;
    right: 26px;
    background: #fefefe;
    height: 26px;
    display: block;
    -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
                  box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
}

.writing_album_item .item_page.first:after {
    content: "";
    position: absolute;
    top: -26px;
    right: 0;
    width: 0;
    height: 0;
    border-right: 26px solid transparent;
    border-bottom: 26px solid #ddd;
}
.writing_album_item .item_page.second {
    z-index: 2;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.writing_album_item .item_page.third {
    z-index: 1;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
}

.member_item .item_member_img {
    position:absolute;
    top:40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    border:5px solid #fff;
    overflow:hidden;
}
.member_item .item_member_img img {
    width:100%;
    height:100%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.member_item .item_img {
    width: 250px;
    height: 80px;
    overflow:hidden;
}
.member_item .item_content {
    padding-top: 75px;
}
/*eventpage*/
#wrapper.eventpage_wrapper {
    padding-top: 46px;
}
#eventpage_data {
    position:fixed;
    top: 46px;
    bottom: 41px;
    left: 0px;
    overflow-y: auto;
    overflow-x:hidden;
    z-index: 5;
    width:610px;
    background:#fcfcfc;
    border-right:#D5D5D5 1px solid;
}
#eventpage_data .topimg img {
    width: 570px;
    margin-bottom:10px;
    margin-top:20px;
}
#eventpage_data .content_wrapper {
    width:570px;
    padding:0 20px;
    text-align: justify;
    text-justify: inter-ideograph;
}
#eventpage_data .content_wrapper .well .close {
    margin-bottom:10px;
}
#eventpage_data .content_wrapper h3 {
    float:left;
}
#eventpage_data .content_wrapper .well h3 {
    float:none;
    line-height: 30px;
    margin-bottom: 10px;
}
#eventpage_data .content_wrapper .btn-large {
    float:right;
}
#eventpage_data .content_wrapper .well .item.span2 {
    margin: 5px 10px 10px 30px;
}
#eventpage_data .content_wrapper .well .item.span2 .btn {
    margin-top:5px;
}
.eventpage_right {
    min-width: 600px;
    position:absolute;
    left:611px;
    right:0px;
}
.eventpage_right.data_hide,
.eventpage_right.data_hide .menu {
    left:0px;
}
#eventpage_works_list,
#eventpage_works_list_vote,
#eventpage_works_list_result {
    position:relative;
    top:100px;
    padding-bottom: 46px;
}
.eventpage_wrapper .menu {
    background-color: #eee;
    height: 29px;
    border-bottom: 1px solid #DDD;
    padding: 20px 15px 0 15px;
    position:fixed;
    left:611px;
    right:0px;
    z-index:999;
}
.eventpage_right .form-actions_right {
    position:absolute;
    left:0;
    right:0;
    top:50px;
    padding: 5px 15px;
}
.works_box,
.eventpage_wrapper .works_box,
.personal_wrapper .works_list {
    position:relative;
    margin: 0 auto;
    margin-top:10px;
}
.row.works_box {
    margin-left: -20px;
}
.form-actions_right h3 {
    float:left;
    margin-top:10px;
}
.form-actions_right h3 small {
    margin-left:7px;
}

/*20131225*/
.form-actions_right .btn-group .btn.active {
    background-color: #D1D1D1;
}
/*/20131225*/
/*personal*/
#wrapper.personal_wrapper {
    padding-top: 50px;
}
.personal_wrapper .author_bg {
    height:360px;
    width:100%;
    padding-top: 20px;
    background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/bg/bg_default_01.jpg?1d943b83322e');
    background-repeat:repeat;
}
.personal_wrapper .author_wrapper {
    position: relative;
    height: 360px;
    margin: 0 auto;
    width: 1240px;
    background:#fff;
}
.personal_wrapper .author_wrapper .cover {
    height: 300px;
    width:940px;
    overflow: hidden;
    float: left;
    position:relative;
}
.personal_wrapper .author_wrapper .cover img {
    width:100%;
}

.personal_wrapper .author_wrapper .edit_box {
    position: absolute;
    bottom: 12px;
    padding: 2px 5px;
    background: rgba(0, 0, 0, 0.8);
    right: 12px;
}
.personal_wrapper .author_wrapper .edit_box a {
    color: #CCC;
}
.personal_wrapper .author_wrapper .edit_box:hover a {
    color: #fff;
}
.personal_wrapper .author_wrapper .edit_box .dropdown-menu {
    bottom:30px;
    right:-10px;
    left:auto;
    top:auto;
}
.personal_wrapper .author_wrapper .edit_box .dropdown-menu a {
    color:#666;
}
.personal_wrapper .author_wrapper .edit_box .dropdown-menu a:hover {
    color:#fff;
}
.personal_wrapper .author_wrapper .edit_box .dropdown-menu::before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto;
}
.personal_wrapper .author_wrapper .edit_box .dropdown-menu::after {
    border-top: 6px solid #ffffff;
    border-bottom: 0;
    bottom: -6px;
    top: auto;
}
.personal_wrapper .author_wrapper .photo {
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: 999;
    background-color: white;
    border: 4px solid white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 160px;
    width: 160px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.personal_wrapper .author_wrapper .photo img {
    width: 100%;
    height: 100%;
}
.personal_wrapper .author_wrapper .data_box {
    position: absolute;
    top: auto;
    right: 0px;
    left: 0px;
    bottom: 8px;
    width: auto;
    padding: 8px 20px;
    border-top: #ccc 1px solid;
    height: 36px;
}
.personal_wrapper .author_wrapper .data_box .action_wrapper {
    margin-top:7px;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box .btn {
    position:absolute;
    bottom:5px;
    left:10px;
    right: 10px;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box .data_box {
    position:absolute;
    top: auto;
    right: 0px;
    left: 0px;
    bottom:0px;
    width: auto;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    padding: 20px 10px 5px 10px;
    height:auto;
    border:0;
}
.personal_wrapper .author_wrapper h2 {
    margin-left:185px;
    float:left;
}
.personal_wrapper .author_wrapper h2 small {
    margin-left:7px;
    font-size: 14px;
}
.personal_wrapper .author_wrapper .info_wrapper {
    border-top: 0px;
    margin-left:15px;
    width: auto;
    margin-top:5px;
    float:left;
}
.personal_wrapper .author_wrapper .info_wrapper .info_box {
    float: left;
    color: #999;
}
.personal_wrapper .author_wrapper .works_menu_wrapper {
    height: 300px;
    width:300px;
    float: left;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box  {
    height: 150px;
    width:150px;
    float: left;
    position:relative;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box.one {
    height: 300px;
    width:300px;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box h4  {
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box img {
    height: 100%;
    width:100%;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box .playbtn_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 25;
}
.personal_wrapper .author_wrapper .works_menu_wrapper .works_menu_box:hover .playbtn_box {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}



.personal_wrapper .menu_bar {
    margin: 0px;
    padding: 0;
    background: #F0F0F0;
    overflow: hidden;
    border-bottom: none;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(34, 25, 25, 0.4);
    text-align: center;
}
.personal_wrapper .menu_bar ul {
    margin: 0px auto;
    list-style: none;
    padding:0px;
    width: 1240px;
}
.personal_wrapper .menu_bar li {
    position: relative;
    display: inline-block;
    padding: 10px;
}
.personal_wrapper .menu_bar a {
    color:#666;
    font-weight:normal;
}
.personal_wrapper .menu_bar a:hover {
    color:#333;
}
.personal_wrapper .menu_bar li.selected a {
    color:#333;
    font-weight:bold;
}
.personal_wrapper .author_wrapper .item_content {
    overflow: hidden;
    height:80%;
}

.personal_wrapper .author_wrapper .music_list_item {
    width:250px;
    height:250px;
}
.personal_wrapper .music_list_item .item_content .list h5,
.music_list_item.album_item .item_content .list h5 {
    float: left;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    margin-bottom:0px;
}
.personal_wrapper .music_list_item.repost .item_content .list h5 {
    width:100%;
}
.personal_wrapper .list .buy_btn,
.personal_wrapper .list .play_btn,
.music_list_item.album_item .item_content .list .play_btn,
.music_list_item.album_item .item_content .list .buy_btn {
    margin-top:2px;
}
.personal_wrapper .playlist .list .buy_btn,
.personal_wrapper .playlist .list .play_btn {
    margin-top:9px;
}
.personal_wrapper .author_wrapper .who_item .item_content .item_img img {
    float: left;
    width: 18%;
    margin-right:2%;
    margin-bottom:2%;
}
.personal_wrapper .author_wrapper .video_item .item_content .item_img img {
    float: left;
    width: 48%;
    margin-right:2%;
    margin-bottom:2%;
}
#item_box_list .works_list {
    padding: 20px;
    width: auto;
    position:relative;
}
.personal_wrapper #item_box_list .works_list.music_works_list {
    margin-right:300px;
}
.personal_wrapper #item_box_list .works_list.music_works_list .span8 {
    width: 660px;
}
.personal_wrapper #item_box_list .works_list_right {
    position: absolute;
    top: 40px;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 270px;
    border-left: #D5D5D5 1px solid;
    padding: 0 15px;
}
.personal_wrapper #item_box_list .works_list_right.index_right {
    top: 0px;
}
.personal_wrapper .top_list.list_wrapper {
    position: absolute;
    top: 40px;
    bottom: 0;
    right: auto;
    left:0px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 270px;
    background: #FCFCFC;
    border-left: #D5D5D5 0px solid;
    border-right: #D5D5D5 1px solid;
    padding:15px;
}

.personal_wrapper .works_list .music_wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5;
    width: 470px;
    border-right: #D5D5D5 1px solid;
    padding:0 15px;
}
.personal_wrapper .works_list .else_wrapper {
    min-width: 600px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 500px;
    right: 0px;
    overflow: auto;
    background: #FCFCFC;
    overflow-x: hidden;
    padding: 5px;
}
.personal_wrapper .works_wrapper {
    position:relative;
}

.container .btn-group.list_style {
    float: right;
    margin-right: 0px;
}
.personal_wrapper .form-actions_right .btn-group,
.btn-group.list_style,
.personal_wrapper .form-actions_right select {
    float: right;
    margin-left:10px;
    margin-top:10px;
}
.personal_wrapper .form-actions_right h4 {
    float: left;
    width: 100%;
    text-align: left;
}
.btn-group.list_style .btn i  {
    margin:0px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
.btn-group.list_style .btn:hover i,
.btn-group.list_style .btn i.selected  {
    margin:0px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.personal_wrapper .works_list .container {
    width:auto;
    margin:20px;
}
.personal_wrapper .works_list .line {
    margin-bottom:20px;
}

.personal_wrapper .works_list .works_box .left {
    float: left;
    width: 260px;
    margin-right:20px;
    margin-left:20px;
    margin-top:10px;
}
.personal_wrapper .works_list .works_box .right {
    position: relative;
    float: left;

}
.personal_wrapper .works_list .works_box .full {
    padding-left:20px;
    width: 98%;
}
.personal_wrapper .works_list .photo_album_box {
    margin: 15px 0;
    position:relative;
    height:350px;
    overflow:hidden;
}
.personal_wrapper .works_list .photo_album_box .content_box {
    width: 100%;
    margin: 0;
    float: left;
    padding: 8px 0;
    word-wrap: break-word;
}
h2 .photo_album_name {
    padding-right:10px;
    margin-right:10px;
    border-right:#ddd 1px solid;
}
.personal_wrapper .container {
    padding:10px 30px;
    margin:20px auto;
    width:1180px;
}
#item_box_list.music_works {
    width:1240px !important;
    height: auto !important;
}

.personal_wrapper .personal_index {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 300px;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}
#item_box_list.music_works.playlist_wrapper .content_wrapper {
    margin-bottom: 30px;
}
#item_box_list.music_works.playlist_wrapper .span9 {
    width: 960px;
}
#item_box_list.music_works.playlist_wrapper .span12 {
    width: 1200px;
}
/* for 1250px or less */
@media screen and (max-width: 1250px) {
    .personal_wrapper .author_wrapper {
    width: 940px;
    }
    .works_menu_wrapper {
        display:none;
    }
    .personal_wrapper .menu_bar ul {
    width: 940px;
    }
    .personal_wrapper .container {
    width:880px;
    }
    .personal_wrapper .container .span12 {
    width:620px;
    }
    .personal_wrapper #item_box_list .works_list_right {
        display:none;
    }
    #item_box_list.music_works {
    width:940px !important;
    }
    #item_box_list.music_works.playlist_wrapper .span9 {
    width: 660px;
    }
    #item_box_list.music_works.playlist_wrapper .span12 {
        width: 900px;
    }
    .personal_wrapper #item_box_list .works_list.music_works_list {
    margin-right: 0px;
    }
    .personal_wrapper .personal_index {
        right:0;
    }
    .modal.up_box {
        width:800px;
        margin-left: 45px;
    }
    #SocialShare {
    left: 50%;
    margin-left: 335px;
    }
    .modal.up_box #author_wrapper {
    padding: 20px;
    }
    .modal.up_box #setting_content {
    padding: 20px;
    }
}

/* onair */
.onair_box{
    background-color: #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding:30px;
    margin:20px auto;
}
.onair_box .item_img {
    height:58px;
    width:180px;
}
.onair_box .item_img img {
    height:100%;
    width:100%;
}
.onair_box h2{
    padding-bottom: 10px;
}
.onair_box p {
font-size: 15px;
line-height: 24px;
margin: 0 0 10px;
word-wrap: break-word;
word-break: break-all;
clear: both;
}
/* /onair */

/* inside_box */
#inside_box {
    background-color: #fff;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding:30px;
    margin:20px auto;
}
#inside_box.container .span7 img {
    max-width: 540px;
}

.content_line {
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow:0 1px 0 0 #fff;
       -moz-box-shadow:0 1px 0 0 #fff;
            box-shadow:0 1px 0 0 #fff;
}
.bottom_line {
    border-bottom: 1px solid #EEE;
}
.top_line {
    border-top: 1px solid #ececec;
}
.right_line {
    border-right: 1px solid #EEE;
}
.line {
    color: #e7e7e7;
    border-bottom-width: 1px;
    border-bottom-color: #e7e7e7;
    border-style: none none solid;
    -webkit-box-shadow:0 1px 1px #FFF;
       -moz-box-shadow:0 1px 1px #FFF;
            box-shadow:0 1px 1px #FFF;
    margin: 0;
}
/* 瑷畾闋� */
#setting_menu {
    -webkit-border-radius:5px 5px 0px 0px;
       -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #f1f1f1;
    height:9px;
    border-bottom: 1px solid #dddddd;
    padding:20px 30px;
    margin-top:20px;
}
#setting_content {
    background-color: #fff;
    padding: 30px;
    margin-bottom:20px;
    -webkit-border-radius:0px 0px 5px 5px;
       -moz-border-radius:0px 0px 5px 5px;
            border-radius:0px 0px 5px 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#setting_content .content_wrapper p a {
    color:#4083A9;
}
#setting_content .content_wrapper p a:hover {
    text-decoration:underline;
}
#setting_content .content_wrapper p a:hover {
    color:#4083A9;
}
.tos_wrapper {
    text-align: justify;
    text-justify: inter-ideograph;
}
.size60 {
    width: 60px;
    height: 60px;
}
.size35 {
    width: 35px;
    height: 35px;
}
.form-profile .uploader-avatar .avatar {
    float: left;
    width:160px;
    height:160px;
    background-color: white;
    border: 4px solid white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 160px;
    width: 160px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.form-profile .uploader-avatar .uploader-tools {
    margin-left: 180px;
}
.form-personal_setting .uploader-avatar img {
    width:460px;
    margin-bottom:20px;
}
.form-personal_setting h4 {
    margin-top:30px;
    margin-bottom:10px;
}
.form-profile select {
    width: 70px;
    margin-right: 5px;
}
.form-profile select.input-xlarge {
    width:auto;
}
.form-profile input[type="file"] {
    width: 300px;
}
.form-delete {
    margin: 0;
    padding:0;
}
.form-team .controls {
    margin-bottom:20px;
}
.help-inline .icon_box {
    margin-right: 5px;
    margin-left: 5px;
}
.page-header .help-inline {
    margin:8px 5px;
    float:left;
}
.help-inline img {
    margin-right:5px;
}
.well.form-song_add,
.well.form-photo_add,
.well.form-dna_add,
.well.form-video_add {
    padding:45px 30px 30px 30px;
}

.form-change_photo .control-group,
.form-change_cover .control-group {
    text-align:center;
}
.form-song_add .control-group,
.form-video_add .control-group {
    margin-bottom:0px;
}

.form-song_add .file_box,
.form-photo_add .file_box,
.form-dna_add .file_box,
.form-video_add .file_box {
    text-align:center;
}
.form-song_add .control-group .btn {
    margin-bottom:10px;
}
.control-group .btn img {
    margin-right: 10px;
    float:left;
    width:25px;
}
.form-song_add .control-group em,
.form-photo_add .control-group em,
.form-dna_add .control-group em,
.form-video_add .control-group em {
    font-size:20px;
    color:#666;
}
.form-song_add .uploader-tools {
    margin-left: 120px;
}
.form-song_add input[type="file"] {
    margin-bottom: 5px;
}
.form-album_edit {
    float:left;
}
.form-album_add .item_box.square,
.form-album_edit .item_box.square,
.form-song_edit .item_box.square {
    position:relative;
    margin:0px;
    width:300px;
    height:300px;
}
.modal-body .form-album_add .span2 {
    width:160px;
}
.modal-body .form-album_add .span4 {
    width:340px;
}
.modal-body .form-album_add .span4 .input-xlarge {
    width: 330px;
}
.modal-body .form-album_add .item_box.square {
    width:160px;
    height:160px;
}
.modal-body .form-album_add .item_box.square img {
    width:100%;
    height:100%;
}
.modal-body .form-album_add .span4 select {
    width: 262px;
}
.form-album_add .item_box .edit_box,
.form-album_edit .item_box .edit_box,
.form-song_edit .item_box .edit_box {
    position: absolute;
    bottom:10px;
    right:10px;
    padding:2px 5px;
    background:rgba(0,0,0,0.8);
}
.form-album_add .item_box .edit_box,
.form-album_edit .item_box .edit_box,
.form-album_add .item_box .edit_box a,
.form-album_edit .item_box .edit_box a,
.form-song_edit .item_box .edit_box {
    color:#ccc;
}
.form-album_add .item_box .edit_box a:hover,
.form-album_edit .item_box .edit_box a:hover {
    color:#fff;
}
.form-video_edit .controls .cover_select {
    width:80px;
    height:80px;
    padding:3px;
    margin:5px 0px 10px 25px;
    float:left;
    border:2px solid transparent;
}
.select_box .item {
    padding:3px;
    margin:5px -20px 10px 20px;
    float:left;
    border:2px solid transparent;
}
.modal-body .select_box .item {
    margin:5px 5px 10px 25px;
}
.form-video_edit .controls .cover_select:hover,
.select_box .item:hover {
    border:#149BDF 2px solid;
}
.form-video_edit .controls .cover_select.selected,
.select_box .item.selected {
    border:#0480BE 2px solid;
}
.form-video_edit .controls .cover_select img {
    width:80px;
    height:80px;
}
.form-song_edit .controls,
.form-album_add .controls,
.form-album_edit .controls,
.form-myplaylist_edit .controls,
.form-photo_edit .controls,
.form-dna_edit .controls,
.form-video_edit .controls,
.form-personal_setting .controls,
.form-profile .controls,
.form-notifications .controls,
.form-change_email .controls,
.form-change_password .controls,
.form-delete .controls,
.form-language .controls {
    margin-left:0px;
}
.form-song_edit .controls .input-xxxxlarge,
.form-album_add .controls .input-xxxlarge,
.form-album_edit .controls .input-xxxlarge,
.form-photo_edit .controls .input-xxxxlarge,
.form-dna_edit .controls .input-xxxxlarge,
.form-video_edit .controls .input-xxxxlarge,
.form-profile .controls .input-xxxlarge,
.form-change_email .controls .input-xxxlarge {
    width: 560px;
}
.form-video_edit .controls.cover_select_box {
    margin-left:-10px;
}
.form-song_edit h3,
.form-photo_edit h3,
.form-dna_edit h3,
.form-video_edit h3 {
    margin-right:10px;
    float:left;
    line-height:28px;
}
.form-song_edit .status-inline,
.form-photo_edit .status-inline,
.form-dna_edit .status-inline,
.form-video_edit .status-inline {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    margin:5px;
}
.status-inline.error {
    color:#b94a48;
}
.form-song_edit .upload_box {
    margin-left: 0px;
}
.form-song_edit input[type="file"] {
    width: 445px;
}

.form-song_edit .control-label,
.form-album_add .control-label,
.form-album_edit .control-label,
.form-myplaylist_edit .control-label,
.form-photo_edit .control-label,
.form-dna_edit .control-label,
.form-video_edit .control-label,
.form-personal_setting .control-label,
.form-profile .control-label,
.form-notifications .control-label,
.form-change_email .control-label,
.form-change_password .control-label,
.form-delete .control-label,
.form-language .control-label {
    float: none;
    width: 100%;
    padding-top: 0px;
    text-align: left;
    margin-bottom: 3px;
}

.form-photo_edit .span7 .control-label,
.form-dna_edit .span7 .control-label {
    width:60px;
}
.form-photo_edit .span7 .controls,
.form-dna_edit .span7 .controls {
    margin-left:75px;
}
.form-song_edit select,
.form-video_edit .span4 select,
.form-myplaylist_edit .span4 select {
    width: 100%;
    margin-right:5px;
}
.form-writing_add select,
.form-writing_edit select {
    width: 230px;
    margin-right:5px;
}
.form-song_edit .span4 .btn {
    width: 275px;
}
.form-song_edit .span4 img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.form-song_edit .span4 input[type="file"] {
    display: inline-block;
    width: 200px;
}
#item_box_list .form-actions_right select {
    width: 200px;
}
.form-batch_edit select,
.form-photo_edit select,
.form-dna_edit select,
.form-photo_album_choose select,
.form-dna_set_choose select,
.form-album_edit select {
    width: 100%;
    margin-right:5px;
}
.form-personal_setting select {
    width: 110px;
    margin-right:10px;
}
.form-personal_setting input[type="file"] {
    margin-top:5px;
}
.form-personal_setting .item.span1 {
    width:106px;
    height:106px;
    margin: 8px -15px 0px 18px;
    padding:2px;
    border:#fff 2px solid;
}
.form-personal_setting .item.span1 img {
    width:100%;
    height:100%;
}
.form-personal_setting .item.span1:hover {
    border:rgba(0, 117, 192, 0.5) 2px solid;
}
.form-personal_setting .item.span1.selected {
    border:rgba(0, 117, 192, 1) 2px solid;
}
.form-personal_setting.span7 {
    width:520px;
}
.form-song_edit .span8,
.form-album_edit .form-song_edit .span8,
.form-video_edit .span8,
.form-writing_add .span8,
.form-writing_edit .span8,
.form-album_add .span8,
.form-album_edit .span8,
.form-dna_edit .span8,
.form-photo_edit .span8 {
    width:570px;
    float:left;
}
.form-video_edit .span4,
.form-photo_edit .span8,
.form-dna_edit .span8,
.form-song_edit .span4 {
    margin-left: 30px;
}
.form-album_edit .form-song_edit .span4 {
    width:300px;
    float:left;
    margin-left:30px;
}
.form-album_add .span8,
.form-album_edit .span8 {
    margin-left:60px;
}
.form-album_edit .well.form-song_edit .span8 {
    margin-left: 20px;
}
.form-song_edit .span4 .help-inline,
.form-photo_edit .span4 .help-inline {
    padding-left:0px;
    margin-top:5px;
}
.form-photo_edit .span4 img,
.form-dna_edit .span4 img {
    width:100%;
}
.form-photo_edit .span4 .control-group,
.form-dna_edit .span4 .control-group {
    margin-top:10px;
    margin-bottom:0px;
}
.form-song_edit .span4 button,
.form-song_add_s button,  {
    float:right;
}
.form-album_edit tr,
.form-myplaylist_edit tr {
    cursor:move;
}
.form-song_edit .span12,
.form-photo_edit .span12,
.form-writing_add .span12,
.form-dna_edit .span12,
.form-video_edit .span12 {
    width:900px;
}
.form-photo_edit_s.span3,
.form-dna_edit_s.span3 {
    margin-top:20px;
    margin-left: 30px;
    margin-right: -10px;
}
.form-photo_edit_s.span3 .item,
.form-dna_edit_s.span3 .item {
    overflow: hidden !important;
    width: 200px;
    height: 200px;
    margin-bottom:10px;
    position:relative;
}
.form-photo_edit_s.span3 img,
.form-dna_edit_s.span3 img {
    width:100%;
}
.form-photo_edit_s .btn,
.form-dna_edit_s .btn {
    margin:0;
    padding:5px 7px;
}
.form-dna_edit_s .item .item_action,
.form-photo_edit_s .item .item_action {
    position:absolute;
}
.form-dna_edit_s .item .item_action .dropdown-menu,
.form-photo_edit_s .item .item_action .dropdown-menu {
    top: 26px;
    right: 0px;
}
.form-dna_edit_s .item .item_action .dropdown-menu::before,
.form-dna_edit_s .item .item_action .dropdown-menu::after,
.form-photo_edit_s .item .item_action .dropdown-menu::before,
.form-photo_edit_s .item .item_action .dropdown-menu::after {
    border:0px;
}
.table .form-song_edit .span12 {
    float:left;
    margin-left:20px;
}
.uploader_box {
    border: 1px dotted #CCC;
    padding:10px;
    margin-top:30px;
    text-align:center;
    line-height:40px;
}
.song_select-form .check {
    margin: 10px;
    padding: 0;
    -webkit-column-count: 3;
       -moz-column-count: 3;
                 column-count: 3;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
                 column-gap: 5px;
    position: relative;
}
.form-forgot_password select {
    width: 120px;
    margin-right: 5px;
}
.form-login.right_line {
    padding-right:25px;
}
.form-login .help-inline {
    padding-left:0px;
}
.form-login .form-actions {
    width:260px;
}
.index_signup .form-login .form-actions {
    width:auto;
}
.form-login .input-xlarge {
    width:230px;
}
.form-login_fb .btn {
    margin-top:30px;
    margin-right:0px;
}
.form-login_fb.span4 {
    margin-left:50px;
}
.form-login.span3,
.form-login_fb.span3 {
    width:235px;
}
.form-login_fb.span3 {
    text-align:center;
}
.form-login.span5 .input-xlarge {
    width: 95%;
}
.form-login.span5 .form-actions {
    width: 100%;
}
.banner_box {
    text-align:center;
}

.login_banner.banner_box {
    position: absolute;
		top: 100%;
		margin-top: 20px;
    z-index: 6002;
}

#SocialShare .banner_box {
    margin-left: 20px;
    width: 120px;
}
.index_banner.banner_box {
    margin: 20px auto 0 auto;
}
.content_wrapper.banner_box {
    width: 760px;
}

.fb_connect_box {
    margin-bottom:20px;
}
.span4.well {
    width:340px;
    text-align: justify;
    text-justify:inter-ideograph;
    padding: 25px 17px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #666;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border: 2px solid #ddd;
    border-bottom-color: #ccc;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
    -moz-box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
    box-shadow: 0px 0px 1px 2px rgba(255,255,255,1) inset;
}
.span4.well:hover {
    color:#666;
    background-color:#e6e6e6;
    background-position:0 -15px;
    -webkit-transition:background-position 0.1s linear;
       -moz-transition:background-position 0.1s linear;
         -ms-transition:background-position 0.1s linear;
            -o-transition:background-position 0.1s linear;
                 transition:background-position 0.1s linear;
    -webkit-box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
       -moz-box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
                 box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.5),0px 0px 1px 2px rgba(255,255,255,1) inset;
}
.span4.well h3 small {
    line-height:24px;
}
.fb_portrait {
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 10px;
}
.fb_portrait img {
    width:30px;
    height:30px;
}
.form-share .controls {
    margin:15px 0;
    border-bottom:#ddd 1px solid;
}
.form-share .controls em {
    font-size:14px;

    color:#999;
}
.form-share .controls i {
    margin-right:8px;
    margin-top:-8px;
    margin-bottom:5px;
}
.form-share .controls .btn {
    float:right;

}
.form-reactivate {
    margin-top:10px;
}
.form-writing_add .control-group .edit_box {
    float:right;
    margin-top: 5px;
}
.form-writing_add .editor_wrapper {
    float: left;
    width: 100%;
    margin-top:10px;
}
.form-dna_set_edit {
    margin-bottom:20px;
    float: left;
}
.form-photo_album_edit .form-actions_right,
.form-dna_set_edit .form-actions_right {
    padding:0;
    margin:0 0 0 20px;
}
.form-photo_album_edit .form-actions_right .btn-group,
.form-photo_album_edit .form-actions_right .btn,
.form-dna_set_edit .form-actions_right .btn-group,
.form-dna_set_edit .form-actions_right .btn {
    float:right;
    margin-left:5px;
    margin-top:0px;
}
.form-photo_album_edit .form-actions_right .btn-group .btn,
.form-dna_set_edit .form-actions_right .btn-group .btn {
    float:left;
    margin:0 -1px 0 0;
}
.form-photo_album_edit .form-actions_right .btn-group .btn-small.dropdown-toggle,
.form-dna_set_edit .form-actions_right .btn-group .btn-small.dropdown-toggle {
    padding: 5px 10px;
}
.form-actions_right .dropdown-menu:before,
.form-actions_right .dropdown-menu:after {
    border:0;
}
.controls a.iv_link {
    text-decoration:underline;
    line-height:28px;
}
/*浣滆€呮瑒*/
#author_wrapper {
    -webkit-border-radius:5px 5px 0px 0px;
       -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #f1f1f1;
    height:60px;
    border-bottom: 1px solid #ddd;
    padding:20px;
    margin-top:20px;
}
#author_wrapper .photo {
    float: left;
    background-color: white;
    border: 4px solid white;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    height: 60px;
    width: 60px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}
#author_wrapper img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
#author_wrapper .username_box {
    float: left;
    width: 400px;
    margin-left: 15px;
    color: #666;
    font-weight: bold;
}
#author_wrapper h2 {
    line-height:64px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#author_wrapper .btn_box {
    float: right;
    margin-top: 22px;
    text-align: right;
}
/*鍏у*/
.content_wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom:10px;
    float: left;
    word-wrap: break-word;
		word-break: break-all;
}
.content_wrapper.live_content {
    width: auto;
    padding:10px;
}

.span10 .content_wrapper .photo {
    text-align:center;
    width:760px;
    float:left;
    position:relative;
    margin: 15px auto;
}
.span10 .content_wrapper .photo img {
    width:auto;
    max-width:760px;
}
.span10 .content_wrapper .photo .photo_grid_box {
    z-index: 25;
    position: absolute;
    left:0px;
    right:0px;
    padding:10px 25px;
    margin-top:-10px;
    top: 50%;
}
.span10 .content_wrapper .photo_grid {
    float:left;
    width:70px;
    height:70px;
    margin:0px 2px;
    padding:0px;
    border:transparent 2px solid;
}
.span10 .content_wrapper .photo_grid.selected {
    border:#fff 2px solid;
    margin:0 5px;
}
.span10 .content_wrapper .photo_grid img {
    width:100%;
    filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
}
.span10 .content_wrapper .photo_grid img:hover {
    width:100%;
    filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;
}
.span10 .photo_album,
.span10 .dna_set {
    width:825px;
    float:left;
    margin-top:10px;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item {
    overflow: hidden !important;
    background: #ccc;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    width:66px;
    height:66px;
}
.span10 .photo_album .item,
.span10 .dna_set .item {
    overflow: hidden !important;
    background: #ccc;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    width:98px;
    height:98px;
}
.form-dna_set_edit .span12 .dna_set .item {
    cursor: move;
}
.personal_wrapper .works_list .photo_album_box .photo_album.large .item {
    width:280px;
    height:280px;
}
.personal_wrapper .works_list .photo_album_box .photo_album.small .item {
    width:137px;
    height:137px;
}
.personal_wrapper .works_list .photo_album_box .photo_album.mini .item {
    width:90px;
    height:90px;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item.cover {
    width:280px;
    height:280px;
}
.span12 .photo_album .cover,
.span12 .dna_set .cover {
    width:303px;
    height:303px;
}
.span12 .photo_album img,
.span12 .dna_set img,
.personal_wrapper .works_list .photo_album_box .photo_album img {
    width: 100%;
    height: auto;
    filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;
}
.span12 .photo_album img:hover,
.span12 .dna_set img:hover,
.personal_wrapper .works_list .photo_album_box .photo_album img:hover {
    width: 100%;
    height: auto;
    filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item.more_box {
    text-align:center;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item.more_box:hover {
    background: #666666;
}
.personal_wrapper .works_list .photo_album_box .photo_album.large .item.more_box h1 {
    padding-top:120px;
}
.personal_wrapper .works_list .photo_album_box .photo_album.small .item.more_box h1 {
    padding-top:50px;
}
.personal_wrapper .works_list .photo_album_box .photo_album.mini .item.more_box h1 {
    padding-top:10px;
    font-size:20px;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item.more_box h1 small {
    font-size: 12px;
    line-height: 18px;
}
.personal_wrapper .works_list .photo_album_box .photo_album .item.more_box:hover h1 {
    color:#fff;
}
.edit_box {
    float:right;
    margin-top:10px;
}
.edit_box i {
    margin-right:3px;
    margin-top:-1px;
}
.span4 .content_wrapper img {
    width:300px;
    height:300px;
}
.span4 .content_wrapper .info_box {
    margin-top:10px;
}
.span10 .content_wrapper .content_box .img_box,
.content_wrapper.search_result .content_box .img_box {
    margin-right: 10px;
    float: left;
    width:96px;
    height:96px;
    position: relative;
}
.span10 .content_wrapper .content_box .img_box img,
.content_wrapper.search_result .content_box .img_box img {
    width:96px;
    height:96px;
    margin-left:0px;
}
.content_wrapper .content_box .guest_box {
    width: auto;
    margin: 0;
    float: left;
    padding: 8px 0;
    word-wrap: break-word;
    margin-left: -6px;
}
.content_wrapper .content_box .guest_box img {
    margin-right: 0px;
    float: left;
    width:50px;
    height:50px;
    margin-bottom:6px;
    margin-left:6px;
}
.content_wrapper .content_box {
    width: 100%;
    margin: 0;
    float: left;
    padding:8px 0;
    word-wrap: break-word;
}
.content_wrapper .content_box_helf {
    width: 50%;
    float: left;
}

.content_wrapper .content_box .btn_fb {
    float: left;
    margin-top: 4px;
}

.content_box .box {
    float: left;
    width: 100%;
    border-bottom:#eee solid 1px;
    margin:4px auto;
    padding-bottom:4px;
}
.content_box .box i {
    margin-right:5px;
    margin-top:-1px;
}
.content_box .box .share {
    float: left;
    margin-right:10px;
}
.content_box .btn-buy {
    width: 194px;
    margin-top: 8px;
}
.content_box .btn-group {
    position:relative;
    float:left;
}
.pull-right .content_box .btn-group {
    margin-right:0px;
}
.content_box .btn-group .dropdown-menu {
    right:4px;/*20131224*/
    left:auto;
    top:100%;
}
.content_box .num {
    float:right;
    font-weight:bold;
}
.content_wrapper .content_box.photo_box img {
    margin-right: 5px;
    float: left;
    width:80px;
    height:80px;
    margin-bottom:5px;
    margin-left:0px;
}
.cc_img img {
    width:100px;
    height:auto;
    margin-left:0px;
}
.content_wrapper .content_box .music_info .btn_play {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}
.content_wrapper .content_box .music_info h2 {
    margin-left: 55px;
    line-height: 30px;
    margin-bottom: 5px;
}
.content_wrapper .content_box .music_info .text {
    margin-left: 55px;
}
.content_wrapper .content_box #songname {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 30px;
    color:#666;
}
.span10 #work_comment.full_box {
    width:660px;
    margin-left:50px;
}
.content_wrapper#work_comment .content_box img {
    margin-right:20px;
    margin-left:10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    float: left;
}
.content_wrapper#work_comment .comment_box .text {
    margin: 10px 30px 10px 80px;
    text-align: justify;
}
.container .content_wrapper#work_comment .comment_box .text p {
    font-size: 13px;
    line-height: 24px;
}
.content_wrapper#work_comment .add_comment_box .input-xxxlarge {
    width:568px;
    resize: vertical;
}
.content_wrapper .comment_box .name {
    margin-right: 10px;
    font-weight: bold;
}
.unread {
    background:#ddd;
}
.notice_box {
    line-height:24px;
}
.notice_box .time {
    color:#999;
    float:right;
}
.notice_box a {
    color:#666;
    font-weight:bold;
}
.content_wrapper .content_box.notice_box i {
    filter:alpa(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.notice_box .notice_text {
    margin-left:5px;
}
a .comment_box .name {
    color:#333;
}
a .comment_box .text {
    color:#666;
}
.content_wrapper .comment_box:hover {
    background:#eee;
}
.content_wrapper .comment_box .time {
    color:#999;
}
.content_wrapper .recommend_box.span2,
.content_wrapper .teammember_box.span2 {
    float: left;
    margin-left: 40px;
    margin-right: -30px;
    width:140px;
}
.content_wrapper .recommend_box img,
.content_wrapper .teammember_box img {
    margin: 10px 10px 5px 0;
    width:120px;
    height:120px;
}
.content_wrapper .recommend_box .songname,
.content_wrapper .teammember_box .teammember_name {
    font-size:13px;
    font-weight: bold;
    margin: 5px 15px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content_wrapper .teammember_box {
    text-align:center;
}
.content_wrapper .recommend_box .author,
.content_wrapper .teammember_box .teammember_titles {
    margin: 5px 15px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#title_wrapper {
    -webkit-border-radius:5px 5px 0px 0px;
       -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
    background-color: #f1f1f1;
    height:30px;
    border-bottom: 1px solid #dddddd;
    padding:20px 30px;
    margin-top:20px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#title_wrapper h2{
    float: left;
    margin-right:20px;
}
#title_wrapper .title_menu {
    list-style:none;
    padding-top:10px;
    margin:0px;
    float: left;
}
#title_wrapper .title_menu li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    text-shadow:0 1px 0 #ffffff;
}
#title_wrapper .title_menu .divider {
    padding:0 5px;
    color:#999999;caret
}
#top {
    width:100%;
    float:left;
}
#top .label {
    font-size: 10px;
    margin-bottom: 10px;
    float:right;
}
.action_btn {
    list-style:none;
    margin-left:0px;
    margin-bottom:0px;
}
.dropdown-menu i {
    margin-right:5px;
    margin-top:-1px;
}
.table .dropdown-menu i {
    margin-top:1px;
}
.action_btn .dropdown-menu {
    top:18px;
    right:-12px;
}


.load {
    text-align:center;
    background:#ddd;
    line-height:40px;
}
.info_box {
    margin-right:10px;
}
.info_box i {
    margin-right:3px;
    margin-top:-1px;
}
/*瑾板枩姝�*/
.who_box {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}
.who_box img {
    margin-right: 10px;
    width:50px;
    height:50px;
    float: left;
}
.who_box .name {
    height:50px;
    font-size: 13px;
    line-height: 50px;
    font-weight: bold;
    float: left;
    width:370px;
}
.who_box .author {
    font-size: 13px;
    line-height: 28px;
    font-weight: bold;
    float: left;
    width:370px;
}
.who_box .count {
    font-size: 11px;
    line-height: 22px;
    float: left;
    width:370px;
}
.who_box .btn {
    float:right;
    margin-top:-20px;
}
.num_dialog {
    display: inline-block;
}
.num_box {
    background: white;
    border: 1px solid #C1C1C1;
    height: 14px;
    line-height: 14px;
    margin-left: 6px;
    min-width: 15px;
    padding: 1px 2px;
    text-align: center;
    display: inline-block;
}
.num_box_t {
    height: 0;
    left: 2px;
    position: relative;
    top: -14px;
    width: 5px;
    z-index: 2;
}
.num_box_t s,
.num_box_t i {
    border-color: transparent #D7D7D7 transparent;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
}
.num_box_t i {
    border-right-color: white;
    left: 2px;
    top: -7px;
}
.g_text {
    color:#bbb;
}
.search_result .search_none {
    width: 620px;
}
.search_result .search_none h4 {
    color: #999999;
    font-weight: normal;
    margin-left: -15px;
    margin-top: 2px;
    text-align: center;
}
.search_result p {
    margin-left:115px;
    margin-right:25px;
    text-align: justify;
    text-justify:inter-ideograph;
    font-size: 13px;
    line-height: 21px;
}
.search_result h3,
.search_result h4 {
    line-height:24px;
    margin-bottom:5px;
    margin-left: 115px;
}
.search_result h3 i {
    margin-top:3px;
    float:right;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.content_wrapper.search_result .content_box .img_box i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 25;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.content_wrapper.search_result .content_box .img_box i:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.question_type .span5 {
        margin-left:0px;
        margin-right:20px;
        width:350px;
}
.question_type a {
    color:#999;
}

.question_type .well {
    display:block;
    width: 206px;
    height: 90px;
}
.question_type .well:hover {
    -webkit-box-shadow: 0 1px 8px #666;
       -moz-box-shadow: 0 1px 8px #666;
                 box-shadow: 0 1px 8px #666;
}
.question_type .well h4 {
    line-height:30px;
}
.form-marketing {
    margin-top:20px;
}
.form-service,
.form-service_s,
.question_type {
    margin-top:15px;
}
.form-actions .m_icon-open {
    margin-bottom:-25px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    float:none;
}
.form-actions .m_icon-open.close {
    margin-bottom:-20px;
    -moz-transform:rotate(3.14159rad);
    -webkit-transform:rotate(3.14159rad);
    -o-transform:rotate(3.14159rad);
    -ms-transform:rotate(3.14159rad);
    transform:rotate(3.14159rad);
    float:none;
    margin-left: -5px;
}
.form-actions .m_icon-open:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.personal_wrapper .form-actions_right,
#item_box_list .form-actions_right {
    margin-bottom:0px;
    padding:0 15px;
}
.form-actions_right .dropdown {
    float:right;
    margin-top: 10px;
}
/*
.form-playlist_add .dropdown .btn {
    width: 250px;
    text-align: left;
}
*/
.form-playlist_add .dropdown .btn .caret {
    float: right;
}
.form-actions_right .dropdown .btn {
    padding: 4px 10px;
}
.form-playlist_add {
    min-height:130px;
}
.form-playlist_add .dropdown .btn {
    width:250px;
    text-align:left;
}
.form-playlist_add .dropdown .btn .caret {
    float:right;
}
/* tag */
.tag_box {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
    color: #454545;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    border-left: 0;
    position: relative;
    display: inline-block;
    margin: 2px 10px 5px 10px;
    padding: 0 8px 0 14px;
    height: 23px;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
}
.tag_box:before,
a.tag_box:before {
    content:"";
    float:left;
    position:absolute;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
     M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
    zoom: 1;
    -webkit-box-shadow: 1px 0px 0 rgba(255,255,255,0.5) inset;
    -moz-box-shadow: 1px 0px 0 rgba(255,255,255,0.5) inset;
    box-shadow: 1px 0px 0 rgba(255,255,255,0.5) inset;
    height: 16px;
    width: 16px;
    left: -6px;
    top: 3px;
    border: 1px solid;
    border-right: 0;
    border-top: 0;
    border-color: #ddd;
}
.tag_box:after,
a.tag_box:after {
    content:"";
    position:absolute;
    float:left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #fff;
    border: 1px solid #bbb;
    height: 3px;
    width: 3px;
    top: 9px;
    left: 3px;
    }
.tag_box a {
    color:#454545;
}
.item_box.repost h5 img {
    width:20px;
    height:20px;
    margin-left:3px;
    margin-right:3px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.item_box p.repost_text {
    font-size: 13px;
    margin-bottom: 0px;
    text-align: justify;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.item_box .tag_box {
    font-size:11px;
}
.pull-right .tag_box,
.pull-right a.tag_box {
    margin-right:0px;
    margin-left:5px;
}
.tag_controls {
    position: relative;
    height: auto;
    min-height: 55px;
    padding: 5px 10px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    background-color: white;
}
.form-photo_edit .tag_controls,
.form-dna_edit .tag_controls,
.form-photo_edit .type_select .btn,
.form-dna_edit .type_select .btn {
    width: 550px;
}
.type_select .btn .category_value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 265px;
    display: block;
    float: left;
}
.span8 .type_select .btn .category_value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 530px;
    display: block;
    float: left;
}
.form-batch_edit.span8 .type_select .btn .category_value {
    width: 480px;
}
.form-writing_add .type_select .btn .category_value,
.form-writing_edit .type_select .btn .category_value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 765px;
    display: block;
    float: left;
}


.form-song_edit .tag_controls,
.form-video_edit .tag_controls {
    width: 210px;
}
.form-writing_add .tag_controls,
.form-writing_edit .tag_controls {
    width:813px;
}
.controls.tag_recommend {
    margin-bottom: 10px;
    line-height: 30px;
}
.controls.tag_recommend .tag_title {
    width: 100%;
    font-size: 12px;
}
.tag_help_text {
    margin-top: 5px;
}
.tag_textarea {
    width: 570px;
}
.modal-body .tag_textarea {
    width: 512px;
}
.tag_textarea_small {
    width: 230px;
    height: 100px;
}
.tag_textarea_big {
    width: 800px;
    height: 100px;
}

/* textext.js */

.text-core .text-wrap textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 0px 35px 5px;
    white-space: nowrap;
    font-size: 13px;
    line-height: 11px;
}

.text-core .text-wrap .text-tags {
    padding: 5px 35px 5px 7px;
}

.form-batch_edit .tag_control-group .controls {
    margin-left:20px;
    width:490px;
}
.form-batch_edit .tag_control-group .controls.tag_recommend {
    margin-left: 100px;
    width: 510px;
}
.form-batch_edit .type_select .btn {
    width:500px;
}
.tag_wrapper .tag_box,
.tag_controls .tag_box,
.tag_recommend .tag_box {
    position: relative;
}
.tag_wrapper,
.tag_recommend {
    padding-left:2px;
}
.tag_controls .taginput {
    float: left;
    width: auto;
    padding: 4px 0;
    margin: 0;
    background-color: transparent;
    color: #444;
    border: 0;
    outline: 0;
    overflow: hidden;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.tag_btn {
    display: inline-block;
    margin-top:10px;
}

.tag_box .close_btn {
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    margin: 0 0 0 5px;
}
.tag_box .close_btn:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.tag_box .text-remove {
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    margin: 0 0 0 5px;
}
.tag_box .text-remove:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#top-hat-notif {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    background: #a80000;
    text-align: center;
    z-index: 5998;
    color: #eee;
    line-height: 40px;
}
#top-hat-notif a {
    color: #fff;
}
.form-embed .control-group .checkbox {
    float:left;
    margin-right:20px;
    width:60px;
}
.form-repost .repost_data {
}
.form-repost .repost_data img {
    width:160px;
    float:left
}
.form-repost .repost_data .text_box {
    margin-left:160px;
    padding:0 20px;
}

.form-share_box {
    width:520px;
}
.span12 .input-xxxxxlarge {
    width:890px;
}
.form-writing_add .input-xxxlarge {
    width:460px;
}
.type_select .btn {
    text-align:left;
}
.span7 .type_select .btn {
    width:375px;
}
.span7 .input-xxlarge {
    width:385px;
}
.type_select .caret {
    float:right;
}
.type_select .dropdown-menu {
    right:0px;
    top:100%;
    width:auto;
}
.span4 .type_select .dropdown-menu {
    min-width:300px;
}
.span4 .type_select .dropdown-menu .add_category input {
    min-width: 180px;
}
.span8 .type_select .dropdown-menu {
    min-width:570px;
}
.span8 .type_select .dropdown-menu .add_category input {
    min-width: 460px;
}
.form-writing_add .type_select .dropdown-menu,
.form-writing_edit .type_select .dropdown-menu {
    min-width: 800px;
    right: 0;
}
.form-writing_add .type_select .dropdown-menu .add_category input,
.form-writing_edit .type_select .dropdown-menu .add_category input {
    min-width: 780px;
}
.type_select .dropdown-menu::before,
.type_select .dropdown-menu::after {
    border: 0;
}
.item.span2 img {
    width:100%;
    height:140px;
}
.item.span2 h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:5px;
}

.live_box {
    border:#eee 1px solid;
    padding:0px;
    margin-bottom:30px;
    font-size:14px;
}
.live_box .left {
    float:left;
}
.live_box .left img {
    width:360px;
    height:auto;
}
.live_box .right {
    width:360px;
    float:right;
    padding:20px;
}
.live_box .info_box {
    margin-bottom:20px;
}
.live_box .info_box i {
    margin-right: 5px;
    margin-top: 1px;
}

.span10 .content_wrapper.full_box img {
    max-width:760px;
}
.span10 .content_wrapper.full_box .photo #imageContainer img {
    max-width: 640px;
    max-height: 640px;
}

.form-signup .input-xxlarge {width:450px;}


/*
Back to top button
*/
#back-top {
    position: fixed;
    bottom: 55px;
    right: 15px;
    z-index: 10000;
}
#back-top a {
    width: 20px;
    height:20px;
    display: block;
    background-color: #ddd;
    /* rounded corners */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    padding:10px;
}
#back-top a:hover {
    background-color: #999;
}

/* loading */
#loading_box {
    padding: 22px 15px 17px 15px;
}
.who_loading {
    padding: 15px 0;
    float: left;
    width: 60px;
    margin: 0 230px;
    text-align: center;
}
.barlittle {
    background-color:#aaa;
    border:1px solid #888;
    width:5px;
    height:5px;
    float:left;
    margin-left:5px;
  opacity:0.1;
    -moz-transform:scale(0.7);
    -webkit-transform:scale(0.7);
    -moz-animation:move 1s infinite linear;
    -webkit-animation:move 1s infinite linear;
}
#block_1{
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
 }
#block_2{
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
#block_3{
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
#block_4{
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}
#block_5{
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
@-moz-keyframes move{
    0%{-moz-transform: scale(1.2);opacity:1;}
    100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
    0%{-webkit-transform: scale(1.2);opacity:1;}
    100%{-webkit-transform: scale(0.7);opacity:0.1;}
}


#floatingCirclesG{
position:relative;
width:40px;
height:40px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:7px;
width:7px;
-moz-border-radius:4px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:4px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:4px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:4px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:4px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:16px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#frotateG_02{
left:5px;
top:5px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:16px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:5px;
top:5px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:16px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:5px;
bottom:5px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:16px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#frotateG_08{
left:5px;
bottom:5px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

/* fb_like */
.fb_iframe_widget iframe {
    position: absolute;
    right: 0px;
    width: auto;
    position: absolute;
    left: auto;
}

/* 用于活动投票list页面 */
.vote_list {
    background-color:transparent !important;
}

@charset "utf-8";
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: 'Helvetica Neue', Arial, Helvetica,'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #666;
}

a {
	color: #333;
	text-decoration: none;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/** footer & player **/
#player_wrapper{
	position: fixed;
	margin: 0 auto;
	left:0;
	bottom:0px;
	width: 100%;
	z-index: 10000;
	clear: both;
	min-width: 998px;
}
#playerDetails {
	height: 43px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 7000;
	border-bottom:1px solid #333;
	cursor: pointer;
}
#playerDetails h4 {
	float:left;
	line-height:43px;
	color:#ddd;
	font-size: 14px;
	margin: 0 0 0 20px;
	font-weight: bold;
}
#playerDetails #button_wrapper {
	float:left;
}
#playerDetails #button_wrapper .player_control {
	margin-top: 12px;
}
#playerDetails #button_wrapper .radio-type {
	float: left;
	margin-left: 10px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#playerDetails #button_wrapper .radio-type a {
	color: #aaa;
	padding: 12px 15px 8px 15px;
	height: 24px;
	display: block;
}
#playerDetails #button_wrapper .radio-type:hover a {
	color: #fff;
}
#playerDetails #button_wrapper .dropup .caret {
	border-bottom: 4px solid #aaa;
	margin-left: 5px;
}
#playerDetails #button_wrapper .dropup:hover .caret {
	border-bottom: 4px solid #fff;
	opacity:1;
	filter:alpha(opacity=100);
}
#playerDetails #button_wrapper .dropdown-menu {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: rgba(0,0,0,0.96);
}
#playerDetails #button_wrapper .dropdown-menu:before,
#playerDetails #button_wrapper .dropdown-menu:after {
	border: 0px;
}
#playerDetails #button_wrapper .dropdown-menu.dropdown-type {
	max-height: 380px;
	width: 400px;
	left: 0;
	right: auto;
}
#playerDetails #button_wrapper .dropdown-menu.dropdown-type li {
	float: left;
	width: 50%;
}
#playerDetails #button_wrapper .dropdown-menu.dropdown-type li>a {
	padding: 3px 15px;
	clear: both;
}
#playerDetails #button_wrapper .dropdown-menu.dropdown-type li>a:hover,
#playerDetails #button_wrapper .dropdown-menu.dropdown-type .active>a,
#playerDetails #button_wrapper .dropdown-menu.dropdown-type .active>a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#222;
}
#shuffle_button, #shuffle_button.active:hover {background-position:-40px -20px; margin-right:10px;}
#loop_button, #loop_button.active:hover {background-position:0px -20px; margin-right:10px;}
#limitless_button, #limitless_button.active:hover {background-position:-80px -20px; margin-right:10px;}
#shuffle_button:hover, #shuffle_button.active {background-position:-60px -20px;}
#loop_button:hover, #loop_button.active {background-position:-20px -20px;}
#limitless_button:hover, #limitless_button.active {background-position:-100px -20px;}
#playerDetails_queue {
	position: absolute;
	right: 0px;
}
#current_playlist_clear,
#current_playlist_save {
	width:40px;
	height:40px;
	float: right;
	margin:3px 0 0 0;
	z-index: 10003;
	cursor: pointer;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') no-repeat;
}
#current_playlist_clear {
	background-position:-80px -140px;
}
#current_playlist_clear:hover {
	background-position:-120px -140px;
}
#current_playlist_save {
	background-position:0px -140px;
}
#current_playlist_save:hover {
	background-position:-40px -140px;
}
#current_playlist_navigator {
	width:128px;
	height:43px;
	float: right;
}
#current_playlist_navigator .navigator_left,
#current_playlist_navigator .navigator_right {
	width:40px;
	height:40px;
	float: right;
	margin: 3px 0 0 0;
	z-index: 10003;
	cursor: pointer;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#current_playlist_navigator .navigator_left:hover,
#current_playlist_navigator .navigator_right:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#current_playlist_navigator .navigator_left,
#current_playlist_navigator .navigator_left:hover {
	background-position:-80px -220px;
}
#current_playlist_navigator .disabled.navigator_left,
#current_playlist_navigator .disabled.navigator_left:hover {
	background-position:0px -220px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#current_playlist_navigator .navigator_right,
#current_playlist_navigator .navigator_right:hover {
	background-position:-120px -220px;
}
#current_playlist_navigator .disabled.navigator_right,
#current_playlist_navigator .disabled.navigator_right:hover {
	background-position:-40px -220px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#queue_songCount {
	display: block;
	float: left;
	line-height: 43px;
	font-size: 11px;
	font-weight: bold;
	color: #ddd;
	margin-right:20px;
}

#queue_songCount a {
	color: #ddd;
	text-decoration:none;
}

.playlist_button {
	height: 15px;
	width: 15px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 8px;
	background-position: -92px -30px;
	background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon_forwhite.png?e81ced42d622');
	background-repeat: no-repeat;
	cursor:pointer;
	filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;
}
.playlist_button.open,
.playlist_button:hover {
	filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;
}
.playlist_button .dropdown-menu {
	width:400px;
	bottom:23px;
	top:auto;
	right: auto;
	left: auto;
	margin-left:-195px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:0px;
	-webkit-box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2);
}
.playlist_button .dropdown-menu::before {
	top:auto;
	bottom: -40px;
	right: 0px;
	height:10px;
}
.playlist_button .dropdown-menu::after {
	border: 0px;
}
.playlist_button .dropdown-menu h4 {
	margin-left:5px;
}
.playlist_button .dropdown-menu .table {
	margin-bottom:0px;
}
.playlist_button .dropdown-menu .table td {
	border-top: 0px solid #DDD;
}
.playlist_button .dropdown-menu a {
	padding:3px;
	clear:none;
}
.playlist_button .dropdown-menu i {
	margin-right:0px;
}
.playlist_button .dropdown-menu .s_icon-add,
.playlist_button .dropdown-menu .s_icon-share,
.playlist_button .dropdown-menu .s_icon-edit {
	filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;
}
.playlist_button .dropdown-menu .s_icon-add:hover,
.playlist_button .dropdown-menu .s_icon-share:hover,
.playlist_button .dropdown-menu .s_icon-edit:hover {
	filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;
}
.playlist_button .dropdown-menu .action_btn {
	margin-top:3px;
}
#queue_clear_button:hover {
	filter:Alpha(Opacity=100, FinishOpacity=100, Style=2); /* IE */
	-moz-opacity:1; /* Moz + FF */
	opacity:1; /* CSS3 */
}

#playerDetails_nowPlaying {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
}

#playerDetails_current_song {
	line-height: 30px;
	font-weight: bold;
	font-size: 11px;
	color: #999;
	white-space: nowrap;
	float: left;
}

#playerDetails_current_song a {
	line-height: 30px;
}

#playerDetails_current_song a:hover{
	text-decoration:underline;
}

#toggle_queue {
	width: 30px;
	height: 30px;
	float: left;
	color: #666;
	cursor:pointer;
	text-decoration:none;
}

#queue{
	/*height: 0;*/
	height:140px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	z-index: 8000;
	overflow: hidden;
}

#queue_list_window {
	padding: 0px;
	/*
	position: relative;
	overflow-y: hidden;
	overflow-x: auto;
	*/
	left: 0;
}
#queue_list {
	background: none;
	width: 100%;
	position: relative;
	margin: 0;
	height: 135px;
	left: 0;
	padding:0;
}
.queue-item {
	width: 86px;
	height: 125px;
	list-style: none;
	float:left;
}

.queue-item .queue-item-content {
	margin: 5px 2px;
	position: relative;
	display:block;
}

.queue-item .nowplaying{ background-color: #fff; }

.nowplaying .queueSong .queueSong_name {color: #333;}

.queue-item .queueSong {
	/*background: url() no-repeat -82px 0;*/
	display: block;
	position: relative;
	height: 115px;
	width: 82px;
}

.queue-item a.remove {
	width: 15px;
	height: 15px;
	position: absolute;
	top: -5px;
	right: -5px;
	display: none;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') -40px 0 no-repeat;
	z-index: 10000;

	cursor:pointer;
}

.queue-item a.remove:active { background-position: -40px 0px; }

#queue_list .queueSong:hover a.remove { display: block; }

.queueSong .albumart {
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
	top: 6px;
	left: 6px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
	background-color:#333;
	background-size: 70px 70px;
}

.queueSong a.play {
	display: none;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') -20px 0 no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
}

.queueSong a.play.paused {
	display: none;
	background-position: 0px 0;
}

#queue_list .queueSong:hover .albumart a.play { display: block; }

.queueSong_name, .queueSong_artist {
	display: block;
	text-align: center;
	width: 100%;
	color: #333;
	font-size: 10px;
	line-height: 12px;
}

.queueSong .queueSong_name {
	width: 74px;
	font-size: 12px;
	line-height: 16px;
	margin: 10px 4px 0 4px;
	font-weight: bold;
	color: #eee;
}
.queueSong .queueSong_artist {
	width: 74px;
	font-size: 10px;
	color: #aaa;
	line-height: 13px;
	margin: 0 4px;
}

.queueSong .queueSong_artist:hover{ text-decoration:underline; }

.queueSong.suggestion .queueSong_name{color: #999;}

.queueSong.suggestion .queueSong_artist{color: #999;}

.queue-item-drag, .queue-item .suggestion .albumart {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}



#queue .viewport {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	right: 200px;
	left: 0;
}

#queue .scroll-bar-wrap {
	position: absolute;
	bottom: 0;
	padding: 5px;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 2;
}

#queue .scrollbar{
	position: absolute;
	bottom: 0;
	padding: 5px;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 2;
}

#queue .track{
	position: absolute;
	top: 0px;
	left: 4px;
	z-index: 2;
	cursor: pointer;
	padding: 0 0 5px 0;
}

#queue .track #queue_scrollbar_track_inner {
	height: 5px;
	width: 100%;
	background: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.queue_scrollbar_background {
	background: #999;
	height: 5px;
}

#queue .thumb {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 0 0 5px 0;
}

#queue .thumb #queue_scrollbar_thumb_inner {
	overflow: hidden;
	background: #aaa;
	width: 100%;
	height: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#queue:active .thumb #queue_scrollbar_thumb_inner,
#queue:hover .thumb #queue_scrollbar_thumb_inner {
	background-position: 0 -110px;
}
#queue .banner_box {
	float: right;
	padding: 10px;
	position: absolute;
	right: 0px;
	z-index: 2;
}
#queue .banner_box img {
	width: 180px;
	height: 115px;
}
#player {
	height: 40px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 9000;
	clear: both;
	background: #f8f8f8;
	border-top: solid #e0e0e0 1px;
}

#player_controls_playback {
	position: absolute;
	left: 15px;
	top: 0;
	width: 130px;
	height: 40px;
}

#player_play_pause {
	background-position: 0px -100px;
	width:20px;
	height:20px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin:10px 15px;
}

#player_play_pause:hover {
	background-position: 0px -100px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#player_play_pause.disabled {
	background-position: 0px -100px;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

#player_play_pause.pause {
	background-position: -20px -100px;
}

#player_play_pause.pause:hover {
	background-position: -20px -100px;
}

#player_prev, #player_next {
	width: 20px;
	height:20px;
	position: relative;
	margin:10px;
}

#player_prev {
	background-position: -40px -100px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#player_prev:hover {
	background-position: -40px -100px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#player_prev.disabled {
	background-position: -40px -100px;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

#player_next {
	background-position: -60px -100px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#player_next:hover {
	background-position: -60px -100px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#player_next.disabled {
	background-position: -60px -100px;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}


#player_times #player_elapsed {
	color: #666;
	float:left;
	width: 60px;
}
#player_times #player_duration {
	color: #666;
	float:right;
	width: 60px;
}

.player_control {
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	background:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') no-repeat;
}

#player_controls_right {
	height: 53px;
	display: block;
	position:absolute;
	right:50%;
	margin-right: -400px;
}
#player_controls_right .player_control {
	margin-right:10px;
}

/* temp closed */
#player_crossfade, #player_options {
	cursor:default;
	display:none;
}
#player_crossfade {
	background-position: -300px -108px;
	width: 30px;
}
#player_options {
	background-position: 0 -148px;
	width: 30px;
}
.divider-vertical {
	height: 40px;
	width: 1px;
	margin: 0 10px 0 0;
	display: block;
	float: left;
	background: #ddd;
}
#playerDetails_queue .divider-vertical {
	margin: 0;
	float: right;
	height: 43px;
	background: #333;
}
#open_playlist_button {
	background-position: -80px -100px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width:60px;
	height:40px;
}
#open_playlist_button:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#open_playlist_button.close {
	-moz-transform: rotate(3.14159rad);
	-webkit-transform: rotate(3.14159rad);
	-o-transform: rotate(3.14159rad);
	-ms-transform: rotate(3.14159rad);
	transform: rotate(3.14159rad);
	margin-right:0px;
}
#playlist_button {
	background-position: 0px -20px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin-top:20px;
}
#playlist_button:hover {
	background-position: 0px -20px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#player_volume_group {
	position: absolute;
	left: 160px;
	top: 0;
	height: 40px;
	width: 110px;
}

#player_volume {background-position: -120px -60px; width: 24px; height: 40px;position: absolute; left:0px;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#player_volume.lv0{background-position: -40px -60px;}
#player_volume.lv1{background-position: -40px -60px;}
#player_volume.lv2{background-position: -80px -60px;}
#player_volume.lv3{background-position: -80px -60px;}
#player_volume.lv4{background-position: -120px -60px;}
#player_volume.lv5{background-position: -120px -60px;}
#player_volume.muted{background-position: 0px -60px;}

#volume_wrapper {
	top: 16px;
	position: absolute;
	right:0px;
	width: 80px;
}
#volume_wrapper #volume_progress.bar {
	background: #bcbcbc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width:30%;
}
#volume_scrubber {
	display: block;
	width: 13px;
	height: 13px;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') -100px -40px no-repeat;
	position: absolute;
	top: -2px;
	left: 30%;
	margin-left: -5px;
	cursor: pointer;
}
#volume_scrubber:hover {
	background-position:-140px -40px;
}

#player_radio {
	width: 110px;
	height: 40px;
	float: right;
	position: relative;
	display:none;
}

#player_radio_button {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 20px;
	background:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon_forwhite.png?e81ced42d622') no-repeat;
	background-position: 0px -105px;
	cursor: pointer;
}

#player_radio_switch {
	width: 25px;
	height: 20px;
	background:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon_forwhite.png?e81ced42d622') no-repeat;
	background-position: -50px -105px;
	position:relative;
	left: 0;
}

#player_radio_button.active #player_radio_switch {left: 25px;}

#player_radio_label {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 40px;
	float: left;
}

#player_controls_seeking {
	height: 40px;
	position:absolute;
	right:80px;
	left:580px;
}
#player_times {
	font-size: 11px;
	color: #555;
	right:0px;
	line-height:40px;
	text-align:center;
	position:relative;
}

#seeking_wrapper {
	top: 16px;
	background: none;
	position: absolute;
	float:left;
	left:60px;
	right:60px;
}
#seeking_wrapper .bar,
#volume_wrapper .bar {
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #eee;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.7);
	box-shadow: 0 1px 0 rgba(255,255,255,.7);
	border: 1px solid #e1e1e1;
}

#player_seeking_buffer.bar {
	width: 0;
	background: #fff;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#player_seeking_progress.bar {
	width: 0;
	background: #bcbcbc;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#player_seeking_progress .inner {
	background: rgb(212,212,212); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(212,212,212,1) 0%, rgba(183,183,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,212,212,1)), color-stop(100%,rgba(183,183,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(183,183,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(183,183,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(183,183,183,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(212,212,212,1) 0%,rgba(183,183,183,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}
#player_seeking_scrubber {
	display: block;
	width: 20px;
	height: 20px;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') -120px -40px no-repeat;
	position: absolute;
	top: -5px;
	left: 0;
	margin-left: -5px;
	cursor: pointer;
}
#player_seeking_scrubber:hover {
	background-position:-160px -40px;
}

#player .progress{
	overflow: hidden;
}
.open_playlist {
	float:right;
	margin-right:10px;
}
#player_song_container {
	position: absolute;
	left: 298px;
	top: 0;
	height: 40px;
	width: 280px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#player_song_container #display_coverart {
	position: absolute;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_coverart.jpg?a88178690c8d') top left no-repeat;
	background-size: 42px 42px;
	width: 42px;
	height: 42px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	left: -1px;
	bottom:0;
	overflow:hidden;
	border: 1px solid #ccc;
}
#player_song_container #display_coverart img {
	width: 42px;
	height: 42px;
}
#display_text {
	position: absolute;
	left: 55px;
	right: 90px;
	top:0;
}
#display_text h5 {
	color:#333;
	line-height:24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	margin: 0;
	font-weight: 500;
}
#display_text h5 a {
	color:#333;
	text-decoration: none;
}
#display_text h6 {
	color:#555;
	line-height:11px;
	font-weight:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	margin: 0;
}
#display_text h6 a {
	color:#555;
	text-decoration: none;
}
#display_action {
	position: absolute;
	right: 8px;
	top: 10px;
	height:20px;
	display:none;
}
#display_action i {
	margin:0 4px;
	display: inline-block;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318');
	background-repeat: no-repeat;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width:15px;
	height:15px;
}
#display_action i:hover,
#display_action i.active {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#display_action .player_s_icon-like {background-position: 0px -40px;}
#display_action .player_s_icon-like:hover {background-position: 0px -40px;}
#display_action .player_s_icon-like.active {background-position: -20px -40px;}
#display_action .player_s_icon-like.active:hover {background-position: -20px -40px;}
#display_action .player_s_icon-share {background-position: -40px -40px;}
#display_action .player_s_icon-share:hover {background-position: -40px -40px;}
#display_action .player_s_icon-buy {background-position: -60px -40px;}
#display_action .player_s_icon-buy:hover {background-position: -60px -40px;}
#display_action .dropdown-menu {
	bottom:100%;
	top:auto;
	right:-8px;
	left:auto;
}
#display_action  .dropdown-menu:before {
	border-top: 7px solid #CCC;
	border-bottom:none;
	bottom: -7px;
	top:auto;
}
#display_action  .dropdown-menu:after {
	border-top: 6px solid white;
	border-bottom:none;
	bottom: -6px;
	top:auto;
}
#c_queue {
	display:none;
	background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_queue_bg.jpg?127d5188165e');
	-moz-box-shadow:inset 0px 15px 15px rgba(0,0,0,0.6);
	-webkit-box-shadow:inset 0px 15px 15px rgba(0,0,0,0.6);
	box-shadow:inset 0px 15px 15px rgba(0,0,0,0.6);
}
.limitless-item .icon_limitless {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') no-repeat;
	background-position: -40px -180px;
	margin: 15px auto;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.limitless-item:hover .icon_limitless {
	background-position: -40px -180px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* for 1250px or less */
@media screen and (max-width: 1250px) {
	#player_volume_group {
		width: 25px;
	}
	#player_song_container {
		left:213px;
	}
	#player_controls_seeking {
		left:495px;
	}
	#volume_wrapper {
		display:none;
		position: absolute;
		bottom: 30px;
		top:auto;
		width: 25px;
		height: 98px;
		z-index: 10002;
		background: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/player_icon.png?956ba2f4c318') no-repeat bottom left;
		background-position:-180px 0;
	}
	#volume_wrapper .bar {
		position: absolute;
		top:10px;
		left: 9px;
		width: 5px;
		height: 75px;
		cursor: pointer;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #b1b1b1;
		cursor: pointer;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.7);
		box-shadow: 0 1px 0 rgba(255,255,255,.7);
		border: 1px solid #7e7e7f;
	}

	#volume_scrubber {
		position: absolute;
		left: 6px;
		bottom: 30%;
		height: 14px;
		width: 14px;
		z-index: 10000;
		cursor: pointer;
		margin-bottom: 0px;
		top: auto;
		margin-left: 0;
	}

	#volume_wrapper #volume_progress.bar {
		bottom: 11px;
		top:auto;
		position:absolute;
		width: 5px;
		margin: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #999999;
		height:30%;
	}
}
#loading_overlay {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 125px;
    position: absolute;
    z-index: 5999;
}

#loading_line {
    display:none;
    position: relative;
    height: 30px;
    width: 40px;
    margin-left: 52%;
    margin-top: 20%;
    z-index: 5999;
}

#loading_text {
    position: relative;
    height: 30px;
    width: 50px;
    left: 45%;
    top: 45%;
    font-size: 14px;
    margin-top: 8px;
    color: #000;
}

#loading_line div {
    background-color:#888888;
    border-color:#888888;
    border-style:solid;
    border-width:thin;
}

#loading {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: 50%;
    margin-right: 50%;
}

.load_Square{
    background-color:#555555;
    width:12px;
    height:12px;
    border:1px solid #dcd6d6;
    margin: 0px auto;
    position: absolute; 
    top: 5px; 
    left: 5px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
}

#sq_2 {
    margin-left: 14px;
}

#sq_3 {
    margin-left: 14px;
    margin-top: 14px;
}

#sq_4 {
    margin-top: 14px;
}


.form-song_edit .more a {
    text-decoration:none;
}

#dragdropsmallarea.hover {
    background:#EEE;
    color:#AAA;
}

.item_box .edit_box a {
    text-decoration: none;
}
#top_menu {
    display: none;
}

#top_menu.show {
    display: block;
}
.menu_list_box {
    display: none;
}

.error-inline {
    display: none;
    vertical-align: middle;
    padding-left: 5px;
}

.more #nextpage {
    display: block;
}

#nextpage {
    display: none;
}

#searchresults {
    width: 350px;
    background-color:#fff;
    font-size:10px;
    line-height:14px;
    overflow-y: auto;
}
#searchresults a {
    display:block;
    background-color: #fff;
    clear:left;
    height:43px;
    text-decoration:none;
    outline:none;
}
#searchresults a:hover {
    background-color: #eee;
}
#searchresults a span.searchheading {
    display:block;
    font-weight:bold;
    color: #333;
    width: 100%;
	padding:5px 0;
}
#searchresults a span.searchheading i {
	float:right;
	margin:10px;
}
#searchresults span.category {
    font-size:11px;
    display:block; 
    color: #666;
    background-color: #f2f2f2;
    height: 22px;
    line-height: 22px;
    vertical-align:15px;
    text-indent:5px;
    border-top: 1px solid #E2E2E2;
}

#searchresults .searchlist {
    background-color:#b7b7b7;
    background:-moz-linear-gradient(27% 66% 74deg, #b7b7b7, #e4e4e4 99%);
    outline:none;
}
#searchresults a span img {
    height: 35px;
    width: 35px;
    float:left;
    margin-left:5px;
	margin-right:10px;
}
#searchresults a span .search_name {
    overflow:hidden;
    font-size: 12px;
    line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#searchresults span.moreresults a {
    font-size:11px;
    display:block; 
    color: #999;
    height: auto;
    line-height: 22px;
    vertical-align:15px;
    text-indent:5px;
    text-align: center;
    cursor: pointer;
}
#searchresults span.moreresults a:hover {
	background-color:#fff;
	color: #666;
}

#nextpage_loading {
    display: none;
    position: absolute;
    height: 50px;
    width: 140px;
    left: 50%;
    bottom: 5%;
    margin: 0 0 0 -20px;
    z-index: 5000;
    text-align: center;
    background-color: 
    rgba(0, 0, 0, 0.85);
    border-radius: 5px 5px 5px 5px;
    color: white;
    font-size: 15px;
    margin-top: ;
    line-height: 45px; 
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.square_t .square {
    position: absolute;
    left: 0px;
    top: 0px;
}

#playerDetails {
    cursor: pointer;
}

.message-delete {
    display: none;
}


/* Grid */
.col-md-1, .col-lg-1, .col-md-2, .col-lg-2, .col-md-3, .col-lg-3, .col-md-4, .col-lg-4, .col-md-5, .col-lg-5, .col-md-6, .col-lg-6, .col-md-7, .col-lg-7, .col-md-8, .col-lg-8, .col-md-9, .col-lg-9, .col-md-10, .col-lg-10, .col-md-11, .col-lg-11, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  margin: 10px;
  float: left;
}

.col-md-12 {
  width: 1000px;
}
.col-md-11 {
  width: 915px;
}
.col-md-10 {
  width: 830px;
}
.col-md-9 {
  width: 745px;
}
.col-md-8 {
  width: 660px;
}
.col-md-7 {
  width: 575px;
}
.col-md-6 {
  width: 490px;
}
.col-md-5 {
  width: 405px;
}
.col-md-4 {
  width: 320px;
}
.col-md-3 {
  width: 235px;
}
.col-md-2 {
  width: 150px;
}
.col-md-1 {
  width: 65px;
}
.col-md-pull-12 {
  right: 1000px;
}
.col-md-pull-11 {
  right: 915px;
}
.col-md-pull-10 {
  right: 830px;
}
.col-md-pull-9 {
  right: 745px;
}
.col-md-pull-8 {
  right: 660px;
}
.col-md-pull-7 {
  right: 575px;
}
.col-md-pull-6 {
  right: 490px;
}
.col-md-pull-5 {
  right: 405px;
}
.col-md-pull-4 {
  right: 320px;
}
.col-md-pull-3 {
  right: 235px;
}
.col-md-pull-2 {
  right: 150px;
}
.col-md-pull-1 {
  right: 65px;
}
.col-md-pull-0 {
  right: auto;
}
.col-md-push-12 {
  left: 1000px;
}
.col-md-push-11 {
  left: 915px;
}
.col-md-push-10 {
  left: 830px;
}
.col-md-push-9 {
  left: 745px;
}
.col-md-push-8 {
  left: 660px;
}
.col-md-push-7 {
  left: 575px;
}
.col-md-push-6 {
  left: 490px;
}
.col-md-push-5 {
  left: 405px;
}
.col-md-push-4 {
  left: 320px;
}
.col-md-push-3 {
  left: 235px;
}
.col-md-push-2 {
  left: 150px;
}
.col-md-push-1 {
  left: 65px;
}
.col-md-push-0 {
  left: auto;
}
.col-md-offset-12 {
  margin-left: 1000px;
}
.col-md-offset-11 {
  margin-left: 915px;
}
.col-md-offset-10 {
  margin-left: 830px;
}
.col-md-offset-9 {
  margin-left: 745px;
}
.col-md-offset-8 {
  margin-left: 660px;
}
.col-md-offset-7 {
  margin-left: 575px;
}
.col-md-offset-6 {
  margin-left: 490px;
}
.col-md-offset-5 {
  margin-left: 405px;
}
.col-md-offset-4 {
  margin-left: 320px;
}
.col-md-offset-3 {
  margin-left: 235px;
}
.col-md-offset-2 {
  margin-left: 150px;
}
.col-md-offset-1 {
  margin-left: 65px;
}
.col-md-offset-0 {
  margin-left: 0;
}

@media (min-width: 1200px) {
  .col-lg-12 {
    width: 1228px;
  }
  .col-lg-11 {
    width: 1124px;
  }
  .col-lg-10 {
    width: 1020px;
  }
  .col-lg-9 {
    width: 916px;
  }
  .col-lg-8 {
    width: 812px;
  }
  .col-lg-7 {
    width: 708px;
  }
  .col-lg-6 {
    width: 604px;
  }
  .col-lg-5 {
    width: 500px;
  }
  .col-lg-4 {
    width: 396px;
  }
  .col-lg-3 {
    width: 292px;
  }
  .col-lg-2 {
    width: 188px;
  }
  .col-lg-1 {
    width: 84px;
  }
  .col-lg-pull-12 {
    right: 1228px;
  }
  .col-lg-pull-11 {
    right: 1124px;
  }
  .col-lg-pull-10 {
    right: 1020px;
  }
  .col-lg-pull-9 {
    right: 916px;
  }
  .col-lg-pull-8 {
    right: 812px;
  }
  .col-lg-pull-7 {
    right: 708px;
  }
  .col-lg-pull-6 {
    right: 604px;
  }
  .col-lg-pull-5 {
    right: 500px;
  }
  .col-lg-pull-4 {
    right: 396px;
  }
  .col-lg-pull-3 {
    right: 292px;
  }
  .col-lg-pull-2 {
    right: 188px;
  }
  .col-lg-pull-1 {
    right: 84px;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 1228px;
  }
  .col-lg-push-11 {
    left: 1124px;
  }
  .col-lg-push-10 {
    left: 916px;
  }
  .col-lg-push-9 {
    left: 916px;
  }
  .col-lg-push-8 {
    left: 812px;
  }
  .col-lg-push-7 {
    left: 708px;
  }
  .col-lg-push-6 {
    left: 604px;
  }
  .col-lg-push-5 {
    left: 500px;
  }
  .col-lg-push-4 {
    left: 396px;
  }
  .col-lg-push-3 {
    left: 292px;
  }
  .col-lg-push-2 {
    left: 188px;
  }
  .col-lg-push-1 {
    left: 84px;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 1228px;
  }
  .col-lg-offset-11 {
    margin-left: 1124px;
  }
  .col-lg-offset-10 {
    margin-left: 1020px;
  }
  .col-lg-offset-9 {
    margin-left: 916px;
  }
  .col-lg-offset-8 {
    margin-left: 812px;
  }
  .col-lg-offset-7 {
    margin-left: 708px;
  }
  .col-lg-offset-6 {
    margin-left: 604px;
  }
  .col-lg-offset-5 {
    margin-left: 500px;
  }
  .col-lg-offset-4 {
    margin-left: 396px;
  }
  .col-lg-offset-3 {
    margin-left: 292px;
  }
  .col-lg-offset-2 {
    margin-left: 188px;
  }
  .col-lg-offset-1 {
    margin-left: 84px;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* /Grid */



/* Margin */

.m-top-0 { margin-top: 0px !important;}
.m-top-1 { margin-top: 10px !important;}
.m-top-2 { margin-top: 20px !important;}
.m-top-3 { margin-top: 30px !important;}
.m-top-4 { margin-top: 40px !important;}
.m-top-5 { margin-top: 50px !important;}
.m-top-6 { margin-top: 60px !important;}
.m-top-7 { margin-top: 70px !important;}
.m-top-8 { margin-top: 80px !important;}
.m-top-9 { margin-top: 90px !important;}
.m-top-10 { margin-top: 100px !important;}
.m-bottom-0 { margin-bottom: 0px !important;}
.m-bottom-1 { margin-bottom: 10px !important;}
.m-bottom-2 { margin-bottom: 20px !important;}
.m-bottom-3 { margin-bottom: 30px !important;}
.m-bottom-4 { margin-bottom: 40px !important;}
.m-bottom-5 { margin-bottom: 50px !important;}
.m-bottom-6 { margin-bottom: 60px !important;}
.m-bottom-7 { margin-bottom: 70px !important;}
.m-bottom-8 { margin-bottom: 80px !important;}
.m-bottom-9 { margin-bottom: 90px !important;}
.m-bottom-10 { margin-bottom: 100px !important;}
.m-left-0 { margin-left: 0px !important;}
.m-left-1 { margin-left: 10px !important;}
.m-left-2 { margin-left: 20px !important;}
.m-left-3 { margin-left: 30px !important;}
.m-left-4 { margin-left: 40px !important;}
.m-left-5 { margin-left: 50px !important;}
.m-left-6 { margin-left: 60px !important;}
.m-left-7 { margin-left: 70px !important;}
.m-left-8 { margin-left: 80px !important;}
.m-left-9 { margin-left: 90px !important;}
.m-left-10 { margin-left: 100px !important;}
.m-right-0 { margin-right: 0px !important;}
.m-right-1 { margin-right: 10px !important;}
.m-right-2 { margin-right: 20px !important;}
.m-right-3 { margin-right: 30px !important;}
.m-right-4 { margin-right: 40px !important;}
.m-right-5 { margin-right: 50px !important;}
.m-right-6 { margin-right: 60px !important;}
.m-right-7 { margin-right: 70px !important;}
.m-right-8 { margin-right: 80px !important;}
.m-right-9 { margin-right: 90px !important;}
.m-right-10 { margin-right: 100px !important;}

.m-center { margin: 0 auto;}
.m-0 {margin: 0 !important;}

/* /Margin */
/* padding */

.p-top-0 { padding-top: 0px !important;}
.p-top-1 { padding-top: 10px !important;}
.p-top-2 { padding-top: 20px !important;}
.p-top-3 { padding-top: 30px !important;}
.p-top-4 { padding-top: 40px !important;}
.p-top-5 { padding-top: 50px !important;}
.p-top-6 { padding-top: 60px !important;}
.p-top-7 { padding-top: 70px !important;}
.p-top-8 { padding-top: 80px !important;}
.p-top-9 { padding-top: 90px !important;}
.p-top-10 { padding-top: 100px !important;}
.p-bottom-0 { padding-bottom: 0px !important;}
.p-bottom-1 { padding-bottom: 10px !important;}
.p-bottom-2 { padding-bottom: 20px !important;}
.p-bottom-3 { padding-bottom: 30px !important;}
.p-bottom-4 { padding-bottom: 40px !important;}
.p-bottom-5 { padding-bottom: 50px !important;}
.p-bottom-6 { padding-bottom: 60px !important;}
.p-bottom-7 { padding-bottom: 70px !important;}
.p-bottom-8 { padding-bottom: 80px !important;}
.p-bottom-9 { padding-bottom: 90px !important;}
.p-bottom-10 { padding-bottom: 100px !important;}
.p-left-0 { padding-left: 0px !important;}
.p-left-1 { padding-left: 10px !important;}
.p-left-2 { padding-left: 20px !important;}
.p-left-3 { padding-left: 30px !important;}
.p-left-4 { padding-left: 40px !important;}
.p-left-5 { padding-left: 50px !important;}
.p-left-6 { padding-left: 60px !important;}
.p-left-7 { padding-left: 70px !important;}
.p-left-8 { padding-left: 80px !important;}
.p-left-9 { padding-left: 90px !important;}
.p-left-10 { padding-left: 100px !important;}
.p-right-0 { padding-right: 0px !important;}
.p-right-1 { padding-right: 10px !important;}
.p-right-2 { padding-right: 20px !important;}
.p-right-3 { padding-right: 30px !important;}
.p-right-4 { padding-right: 40px !important;}
.p-right-5 { padding-right: 50px !important;}
.p-right-6 { padding-right: 60px !important;}
.p-right-7 { padding-right: 70px !important;}
.p-right-8 { padding-right: 80px !important;}
.p-right-9 { padding-right: 90px !important;}
.p-right-10 { padding-right: 100px !important;}

.p-center { padding: 0 auto;}
.p-0 {padding: 0 !important;}

/* /padding */

/* Float */

.float-r { float: right;}
.float-l { float: left;}
.float-n { float: none;}
.clearfix {clear: both;}

/* /Float */

/* text */

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

/* /text */
/* width */

.w-100 { width: 100px !important;}
.w-110 { width: 120px !important;}

/* /width */
/* Nav */
.nav-more {
	width: 28px;
	height: 28px;
	margin-top: 9px;
	margin-left: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ff595f;
	border: 1px solid #ff595f;
}


.nav-more:hover {
	background: none;
}

.nav-more .dropdown-toggle {
	padding: 13px 15px 11px 5px !important;
}

.icon-nav-more {
	position: absolute;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 4px;
	width: 4px;
	background: #FFF;
	opacity: 1 !important;
}

.nav-more .m-left-07 {
	margin-left: 7px;
}
.nav-more .m-left-14 {
	margin-left: 14px;
}

.nav-more:hover .icon-nav-more {
	background: #ff595f;
}

.nav-more .dropdown-menu {
	left: 0 !important;
	padding-bottom: 20px;
	z-index: 9999;
}

.nav-more .dropdown-menu li {
	list-style: none;
}

.dropdown-full {
	position: fixed;
	left: 0;
	right: 0;
	top: 46px;
	background-color: #FFF;
	z-index: 999;
}

.nav-more:hover .dropdown-menu {
	display: block;
}

.nav-more .dropdown-menu li>a:hover,
.nav-more .dropdown-menu .active>a,
.nav-more .dropdown-menu .active>a:hover {
	color:#666;
	text-decoration:none;
	background-color:#EEE;
}


.nav-more .dropdown-menu .col-md-12,
.nav-more .dropdown-menu .col-lg-12 {
	float: none;
	border-bottom: 1px solid #EEE;
}

.nav-more .dropdown-menu .col-md-12.last,
.nav-more .dropdown-menu .col-lg-12.last {
	border-bottom: none;
}

.nav-more .dropdown-menu .col-md-2.last,
.nav-more .dropdown-menu .col-lg-2.last {
	border-right: none;
}

.nav-more .dropdown-menu .col-md-2,
.nav-more .dropdown-menu .col-lg-2 {
	margin: 10px 0px;
	padding: 0 7px;
}

.nav-more .dropdown-menu .col-md-2 p,
.nav-more .dropdown-menu .col-lg-2 p {
	color: #a0a0a0;
	font-size: 13px;
}

/* LOGOS */

.nav-more .logo-packer {
	width: 104px;
	height: 23px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_packer.png?5a7f1e7496eb');
	background-size: 104px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 14px;
	margin-left: 8px;
}

.nav-more .logo-blow {
	width: 105px;
	height: 30px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_blow.png?822132d03f89');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 8px;
	margin-left: 8px;
}

.nav-more .logo-indievox {
	width: 105px;
	height: 32px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_indievox.png?63a3a205db7f');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 10px;
	margin-left: 8px;
}

.nav-more .logo-parkpark {
	width: 105px;
	height: 39px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_parkpark.png?ffe0c4aaab01');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 6px;
	margin-left: 8px;
}

.nav-more .logo-citycafe {
	width: 100px;
	height: 40px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_citycafe.png?15d8b6ca849b');
	background-size: 100px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 9px;
	margin-top: 6px;
}

.nav-more .logo-tbl {
	width: 105px;
	height: 37px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_tbl.png?d91cc472ec63');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 8px;
	margin-left: 8px;
}

.nav-more .logo-tnbt {
	width: 105px;
	height: 47px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_tnbt.png?a269965b2785');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 24px;
	margin-left: 7px;
}

.nav-more .logo-tnbttv {
	width: 85px;
	height: 62px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_tnbttv.png?6980f8b9a2cd');
	background-size: 85px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 9px;
	margin-left: 17px;
}
.nav-more .icon-talent-service {
	width: 105px;
	height: 40px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/icon-talent-service.png?3c6a91d9c479');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 9px;
	margin-left: 8px;
}

.nav-more .logo-radio {
	width: 105px;
	height: 40px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo-radio.png?44b613a9288b');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 8px;
}


.nav-more .logo-collections {
	width: 105px;
	height: 40px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo-collections.png?5919a76a7dce');
	background-size: 105px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 8px;
}

.nav-more .logo-sodapp {
	width: 70px;
	height: 70px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_sodapp.png?7440d91bc735');
	background-size: 70px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 25px;
}
.nav-more .logo-svapp {
	width: 70px;
	height: 70px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_svapp.png?60b93fe04421');
	background-size: 70px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 25px;
}

.nav-more .logo-ivapp {
	width: 70px;
	height: 70px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/logo_ivapp.png?70754e615250');
	background-size: 70px auto;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 25px;
}

.nav-more p {
line-height: 20px;
padding-top: 10px;
}

@media (min-width: 1200px) {
	.nav-more .logo-packer {
		width: 142px;
		height: 33px;
		background-size: 142px auto;
		margin-top: 5px;
		margin-left: 7px;
	}

	.nav-more .logo-blow {
		width: 142px;
		height: 41px;
		background-size: 142px auto;
		margin-top: 0px;
		margin-left: 7px;
	}

	.nav-more .logo-indievox {
		width: 142px;
		height: 41px;
		background-size: 142px auto;
		margin-top: 0px;
		margin-left: 8px;
	}

	.nav-more .logo-parkpark {
		width: 142px;
		height: 52px;
		background-size: 142px auto;
		margin-left: 9px;
		margin-top: 0;
	}

	.nav-more .logo-citycafe {
		width: 120px;
		height: 52px;
		background-size: 120px auto;
		margin-top: 0;
		margin-left: 18px;
	}

	.nav-more .logo-tbl {
		width: 142px;
		height: 51px;
		background-size: 142px auto;
		margin-top: 0px;
		margin-left: 8px;
	}

	.nav-more .logo-tnbt {
		width: 142px;
		height: 47px;
		background-size: 142px auto;
		margin-top: 22px;
		margin-left: 8px;
	}

	.nav-more .logo-tnbttv {
		width: 105px;
		height: 70px;
		background-size: 105px auto;
		margin-top: 0px;
		margin-left: 26px;
	}

	.nav-more .icon-talent-service {
		width: 143px;
		height: 70px;
		background-size: 143px auto;
		margin-top: -5px;
		margin-left: 8px;
	}

	.nav-more .logo-radio {
		width: 143px;
		height: 70px;
		background-size: 143px auto;
		margin-top: -5px;
		margin-left: 8px;
	}

	.nav-more .logo-collections {
		width: 143px;
		height: 70px;
		background-size: 143px auto;
		margin-top: -5px;
		margin-left: 8px;
	}

	.nav-more .logo-sodapp {
		width: 70px;
		height: 70px;
		background-size: 70px auto;
		margin-left: 44px;
	}
	.nav-more .logo-svapp {
		width: 70px;
		height: 70px;
		background-size: 70px auto;
		margin-left: 44px;
	}

	.nav-more .logo-ivapp {
		width: 70px;
		height: 70px;
		background-size: 70px auto;
		margin-left: 44px;
	}
}

/* /LOGOS */

/* /Nav */

/* 20140919 */
.onair-title {
    margin-left: -30px;
    margin-top: 30px;
}

#index_wrapper {
	/*
    position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	bottom: 0;
    */
	overflow-y: auto;
	overflow-x: auto;
	padding-top: 0;
	background-color: #FFF;
}

.nu-item_box {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}


.shadow-none {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

img {
	vertical-align: middle;
}

.index_content {
	width: 1000px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.index_content h1 {
	font-size:30px;
	line-height:36px;
}

.index_content h1 small {
	font-size:18px;
}
.index_content h2 {
	font-size:22px;
	line-height:36px;
	font-weight: normal;
}

.index_content h2 small {
	font-size:16px;
}
.index_content h3 {
	font-size:16px;
	line-height:36px;
	font-weight: normal;
}

.index_content h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.index_content h4 small {
	font-size:14px;
}

.index_content h5 {
	font-size:13px;
	line-height:19px;
	font-weight: normal;
}

.index_content h5 small {
	font-size:12px;
	color: #AAA;
}

.index_content h5 a {
	color: #666666;
}

.index_content h5 a:hover,
.index_content h6 a:hover {
	opacity: .95;
}

.index_content h6 {
	font-size:12px;
	color:#999;
}
.index_content p {
	font-size:14px;
	line-height: 20px;
}
.index_content .info_box_all {
	margin-top: 5px;
}

@media (min-width: 1200px) {
	.index_content {
		width: 1228px;
	}

	.index_content h1 {
		font-size:30px;
		line-height:36px;
	}

	.index_content h1 small {
		font-size:18px;
	}
	.index_content h2 {
		font-size:22px;
		line-height:36px;
	}

	.index_content h2 small {
		font-size:16px;
	}
	.index_content h3 {
		font-size:16px;
		line-height:36px;
	}

	.index_content h4 {
		font-size: 17px;
		line-height:28px;
	}

	.index_content h4 small {
		font-size:14px;
	}

	.index_content h5 {
		font-size:14px;
		line-height:22px;
	}

	.index_content h6 {
		font-size:12px;
		color:#999;
	}
}

.index_content .row {
	margin-right: -10px;
	margin-left: -10px;
}

.index_content img {
	width: 100%;
	height: auto;
}


.index_content .item_content .list .number.first {
	background: #ff595f;
	color: #fff;
	border-radius: 50%;
}

.index_content .item_content .list .number {
	float:left;
	font-size: 15px;
	color:#aaa;
	width: 22px;
	height: 22px;
	text-align: center;
	margin-right: 18px;
	margin-left: 5px;
	font-weight: normal;
}

.nu-item_box.square_s .item_content h3 {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	right: 0;
	color: #666;
	font-size: 18px;
	padding: 0 15px;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 36px;
	margin-top: 8px;
}

.nu-item_box.square_s .item_content h3 i {
	margin-right: 10px;
	margin-top: -2px;
	margin-left: 3px;
}

.nu-item_box.square_s .l_icon-play_r {
	background-position:0px -15px;
	background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/images/index_icon.png?fa4d1c890e7b');
}

.nu-item_box.square_s .item_content {
	padding-top: 48px;
}
.nu-item_box.square_s .list .list_data {
	float:left;
	width: 185px;
}
.nu-item_box.square_s .list .list_data.first_list_data {
	width: 165px;
}

@media (min-width: 1200px) {
	.nu-item_box.square_s .list .list_data {
		float:left;
		width: 260px;
	}
	.nu-item_box.square_s .list .list_data.first_list_data {
		width: 220px;
	}
}
.playbtn_box {
	position: absolute;
	top:0;
	left: 0;
	right:0;
	margin:auto;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index:25;
}


.nu-item_box .item_img-creative .playbtn_box {
	bottom: 75px;
}

.nu-item_box .item_img-lg-otd .playbtn_box {
	bottom: 0;
}

.recommed_content .nu-item_box .playbtn_box {
	bottom: 90px;
}

.chart_content .nu-item_box .playbtn_box {
	bottom: 140px;
}

@media (min-width: 1200px) {
	.nu-item_box .item_img-creative .playbtn_box {
		bottom: 75px;
	}
	.recommed_content .nu-item_box .playbtn_box {
		bottom: 100px;
	}
	.chart_content .nu-item_box .playbtn_box {
		bottom: 152px;
	}
}

.item_img-creative .playbtn_box:hover,
.item_img-lg-otd .playbtn_box:hover,
.nu-item_box .playbtn_box:hover {
	filter:alpha(opacity=0);
	-moz-opacity: 1;
	opacity: 1;
}
.nu-item_box .buybtn_box {
	position: absolute;
	top:10px;
	right:10px;
	z-index:35;
}

/* Feature */


#iosslider-banner {
	height: 390px;
	background: #000;
	border-bottom: 1px solid #bfbfbf;
}

.iosslider-wrapper {
	clear: both;
	width: 100%;
	height: 390px;
	padding: 0;
	margin: 0;
	position: relative;
}

#iosslider-banner .fluidHeight {
	overflow: hidden;
	height: 390px;
}

.iosslider-wrapper .fluidHeight {
	height: 100%;
	padding: 0;
	position: relative;
}

#iosslider-banner .sliderContainer {
	height: 390px;
}

.iosslider-wrapper .sliderContainer {
	height: 390px;
	padding: 0;
}

#iosslider-banner .slideSelectors {
	position: absolute;
	z-index: 999;
	background: rgba(232, 232, 232, 0.7);
	font-size: 20px;
	line-height: 1;
	top: 0px;
	bottom: 0px;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

#iosslider-banner .slideSelectors.right-selector {
	right: 0;
	left: auto;
}

#iosslider-banner .slideSelectors .prev,
#iosslider-banner .slideSelectors .next {
	padding: 185px 10px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#iosslider-banner .slideSelectors .prev:hover,
#iosslider-banner .slideSelectors .next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#iosslider-banner:hover .slideSelectors {
	opacity: 1;
	filter: alpha(opacity=100);
}

#iosslider-banner .glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
}


.iosslider-wrapper .iosSlider {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 20px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 0px;
}

.iosslider-wrapper .iosSlider .slider {
	height: 100%;
}

#iosslider-banner .iosSlider .slider .item {
	padding: 0;
	margin: 0;
	float: left;
}

.iosslider-wrapper .iosSlider .slider .item1 .inner,
.iosslider-wrapper .iosSlider .slider .item3 .inner {
	width: 750px;
	height: 390px;
}

.iosslider-wrapper .iosSlider .slider .item2,
.iosslider-wrapper .iosSlider .slider .item4 {
	width: 375px;
	height: 390px;
}

.iosslider-wrapper .iosSlider .slider .item2 .inner,
.iosslider-wrapper .iosSlider .slider .item4 .inner {
	width: 375px;
	height: 195px;
}

.iosslider-wrapper .iosSlider .slider .item1 img,
.iosslider-wrapper .iosSlider .slider .item2 img,
.iosslider-wrapper .iosSlider .slider .item3 img,
.iosslider-wrapper .iosSlider .slider .item4 img {
	width: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}

.iosslider-wrapper .iosSlider .slider .item .inner {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  background: #000;
  overflow: hidden;
}


.iosslider-wrapper .item .blow-title {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	bottom: 0;
	z-index: 999;
	height: 70px;
}

.iosslider-wrapper .item3 .blow-title {
	width: 750px;
}

.iosslider-wrapper .item4 .blow-title {
	width: 375px;
}

.iosslider-wrapper .item .blow-title h2 a {
	padding: 0 15px;
	display: block;
	color: #FFF;
	line-height: 70px;
	font-weight: normal;
}

.iosslider-wrapper .item .blow-title h3 {
	height: 60px;
	overflow: hidden;
	color: #FFF;
}

.iosslider-wrapper .item .blow-title h3 a {
	display: block;
	color: #FFF;
	line-height: 24px;
	padding: 12px 15px;
	font-weight: normal;
}
/* /Feature */

/* Count */

.count_content .nu-item_box,
.otd_content .nu-item_box {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.count_content .nu-item_box h1 {
	font-size: 52px;
	font-weight: normal;
}

.count_content .nu-item_box .song h1 {
	color: #ff595f;
}

.count_content .nu-item_box .creative h1 {
	color: #2CBCF3;
}


/* /Count */

/* Oftheday */
.nu-item_oftheday {
	z-index:30;
	left:0;
	color:#666;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 24px;
}

.otf-hr {
	width: 300px;
	margin: 6px auto;
}

@media (min-width: 1200px) {
	.nu-item_oftheday {
		line-height: 23px;
	}
	.otf-hr {
		width: 380px;
		margin: 6px auto;
	}
}
.nu-item_oftheday .circle {
	background-color: #ff595f;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	margin-top: -1px;
	margin-left: 0px;
	margin-right: 10px;
}

@media (min-width: 1200px) {
	.nu-item_oftheday .circle {
		margin-top: -3px;
	}
}
.cod .circle {
	background-color: #2cbcf4;
}

.nu-item_oftheday .circle .s_icon-star {
	margin-left: 6px;
	margin-top: 5px;
}


.oftheday_content {
	padding: 10px 0;
	word-wrap: break-word;
}


@media (min-width: 1200px) {
	.oftheday_content {

	}
}


.s_icon-star-song {
	background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/index_icon.png?fa4d1c890e7b');
	background-position:-15px 0px;
	margin-right:8px;
	margin-top:1px;
	margin-left: 12px;
}

.s_icon-star-creative {
	background-image:url('//d3luje6nlvhi9q.cloudfront.net/asset/images/index_icon.png?fa4d1c890e7b');
	background-position:0px 0px;
	margin-right:8px;
	margin-top:1px;
	margin-left: 12px;
}

/* /Oftheday */

/* Chart */
.nu-item_box.chart_box {
	height: 740px;
}

.chart_box .item_content {
	padding: 15px 15px 0 15px;
}

.nu-item_box .item_content .list {
	padding: 11px 0;
}

@media (min-width: 1200px) {
	.nu-item_box.chart_box {
		height: 845px;
	}
	.nu-item_box .item_content .list {
		padding: 15px 0;
	}
	.nu-item_box.square_s .item_content {
		padding-top: 50px;
	}
}

.nu-item_box .list .s_icon-play_w {
	display: none;
}

.nu-item_box .list:hover .s_icon-play_w {
	display: block;
}

.nu-item_box .list:hover .item_img {
	opacity: .7;
}

.nu-item_box .list .list_data h5 {
	font-weight: normal !important;
	margin-bottom: 4px;
	font-size: 14px;
}


@media (min-width: 1200px) {
	.nu-item_box .list .list_data h5 {
		font-size: 15px;
	}
}

.nu-item_box .list .list_data h6 {
	font-weight: normal !important;
	font-size: 12px;
}


@media (min-width: 1200px) {
	.nu-item_box .list .list_data h6 {
		font-size: 13px;
	}
}
/* /Chart */


.nu-item_box .xl_icon-photoopen {
	display: none;
}

.item_img-creative:hover .xl_icon-photoopen,
.item_img-lg-otd:hover .xl_icon-photoopen,
.item_img-lg:hover .xl_icon-photoopen {
	display: block;
}


.nu-item_box .item_action {
	position: absolute;
	display: none;
}

.experts_content .item_img-xl .item_action {
	top: 315px;
}

@media (min-width: 1200px) {
	.experts_content .item_img-xl .item_action {
		top: 273px;
	}
}

.item_img-creative:hover .item_action,
.item_img-lg-otd:hover .item_action,
.item_img-xl:hover .item_action,
.item_img-lg:hover .item_action {
	display: block;
}

.nu-item_box .item_img {
	background: #000;
}

.item_img-creative:hover .item_img,
.item_img-lg-otd:hover .item_img,
.item_img-xl:hover .item_img,
.item_img-lg:hover .item_img {
	opacity: .7;
}

.nu-item_box .more {
	display: block;
	width: 100%;
	padding: 11px 0;
	text-align: center;
	color: #B7B7B7;
	font-size: 14px;
}

@media (min-width: 1200px) {
	.nu-item_box .more {
		padding: 12px 0;
	}
}
.nu-item_box .more:hover {
	color: #999;
}

.nu-item_content {
	padding: 10px 15px;
	word-wrap: break-word;
}
.col-md-4 .nu-item_content {
	padding: 15px 0;
}

.col-md-2 .nu-item_content,
.col-lg-2 .nu-item_content {
	word-wrap: break-word;
}


@media (min-width: 1200px) {
	.col-md-2 .nu-item_content,
	.col-lg-2 .nu-item_content {
	}
}

.col-2-info {
}

.col-2-info h5 {
	width: 148px;
}

@media (min-width: 1200px) {
	.col-2-info {
	}
	.col-2-info h5 {
		width: 180px;
	}
}
.nu-item_box .list .chart_play {
	margin-right: 18px;
}
.nu-item_box .item_img-xs {	width: 40px; height: 40px; background: #000;}
.nu-item_box .item_img-sm {	width: 60px; height: 60px; background: #000;}
.nu-item_box .item_img-md {	width: 160px; height: 160px; background: #000;}
.nu-item_box .item_img-lg {	width: 150px; height: 150px; background: #000;}
.nu-item_box .item_img-creative {	width: 150px; height: 150px; background: #000;}
.nu-item_box .item_img-lg-otd {	width: 320px; height: 320px; background: #000; position: relative;}
.nu-item_box .item_img-xl {	width: 235px; height: 235px; background: #000;}

@media (min-width: 1200px) {
	.nu-item_box .item_img-sm {	width: 80px; height: 80px;}
	.nu-item_box .item_img-lg {	width: 188px; height: 188px;}
	.nu-item_box .item_img-creative {	width: 188px; height: 188px;}
	.nu-item_box .item_img-lg-otd {	width: 396px; height: 396px;}
	.nu-item_box .item_img-xl {	width: 292px; height: 292px;}
}


.index-title .more {
	color: #B7B7B7;
	font-size: 14px;
	width: 100px;
}

.index-title .more a {
	color: #B7B7B7;
}

.index-title .more:hover a {
	color: #999;
}

/* Experts */

.index_content .celebrity {
	border: none;
	padding: 0;
	margin-top: -20px;
	margin-left: -15px;
}

.index_content .celebrity .celebrity_img {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #D5D5D5;
}

.experts_content .s_icon-repost {
	margin-top: 45px;
}
.experts_content .info_box .s_icon-repost {
	margin-top: 0px;
}

.experts_content .playbtn_box {
	top: 395px;
}
@media (min-width: 1200px) {
	.experts_content .playbtn_box {
		top: 390px;
	}
}

.experts_content .nu-item_content {
	padding: 10px 15px;
}

.experts_content .expert {
	width: 125px;
	max-height: 80px;
	overflow: hidden;
}

.experts_content .expert a {
	width: 125px;
	display: block;
}

.experts_content .expert small {
	font-size: 12px;
}

.experts_content .nu-item_content p {
	height: 200px;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.experts_content .nu-item_content p {
		height: 160px;
		overflow: hidden;
	}
}


/* /Experts */

/* News */
.news_content .nu-item_box {
	opacity: .9;
}
.news_content .nu-item_box:hover {
	opacity: 1;
}
.news_content .nu-item_content {

}

.news_content .nu-item_content h4 {
	height: 42px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
}

.news_content .nu-item_content h5 {
	color: #999;
	font-weight: normal;
}

@media (min-width: 1200px) {
	.news_content .nu-item_content {

	}
	.news_content .nu-item_content h4 {
		height: 48px;
		line-height: 24px;
	}
}

.news_content .nu-item_box .item_img {
	height: 134px;
	display: block;
	overflow: hidden;
	position: relative;
}

@media (min-width: 1200px) {
	.news_content .nu-item_box .item_img {
		height: 167px;
	}
}

.news_content .nu-item_box .item_img img,
.ticket_content .nu-item_box .item_img img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}


/* /News */

/* Ticket */

.ticket_content .nu-item_content {

}

.ticket_content .nu-item_content h5 {
	font-weight: normal;
	letter-spacing: 1px;
	color: #777;
}

.ticket_content .nu-item_content h4 {
	height: 42px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom: 2px;
	margin-top: 2px;
}

@media (min-width: 1200px) {
	.ticket_content .nu-item_content {

	}
	.ticket_content .nu-item_content h4 {
		height: 48px;
		line-height: 24px;
	}
}

.ticket_content .nu-item_box .item_img {
	height: 124px;
	display: block;
	overflow: hidden;
	position: relative;
}

@media (min-width: 1200px) {
	.ticket_content .nu-item_box .item_img {
		height: 154px;
	}
}

/* /Ticket */

/* Playlist */

.playlist_content .playbtn_box {
	top: 100px;
	margin-top: 0;
}
@media (min-width: 1200px) {
	.playlist_content .playbtn_box {
		top: 120px;
	}
}
/* /Playlist */

/* Chart-NO1 */

.chart_content .playbtn_box {
	top: 100px;
	margin-top: 0;
}
@media (min-width: 1200px) {
	.chart_content .playbtn_box {
		top: 120px;
	}
}

.chart_content .item_info {
	position: relative;
	padding: 10px;
	height: auto;
	font-size: 14px;
	color: #eee;
	background: #000;
	font-weight: bold;
	display: block;
}

@media (min-width: 1200px) {
	.chart_content .item_info {
		padding: 10px 15px;
	}
}

.chart_content .col-2-info_box,
.experts_content .col-2-info_box,
.playlist_content .col-2-info_box {
	padding: 2px 15px 10px 15px;
}


/* /Chart-NO1 */

/* Creative */

.creative-info {
	padding: 10px;
	position: absolute;
	background: rgba(0,0,0,.6);
	-o-transition: .1s linear;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	transition: .1s linear;
	bottom: 0;
	opacity: 0;
	left: 0;
	right: 0;
	max-height: 130px;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.creative-info {
		max-height: 170px;
	}
}
.creative-content:hover .creative-info {
	opacity: 1;
}

.creative-info h5,
.creative-info h6 {
	font-weight: normal;
	max-height: 110px;
	overflow: hidden;
}
.creative-info h5 a,
.creative-info h6 small,
.creative-info h6 a {
	color: #fff;
}
@media (min-width: 1200px) {
	.creative-info h5,
	.creative-info h6 {
		max-height: 135px;
	}
}

.creative-content {
	width: 150px;
	height: 150px;
	overflow: hidden;
}
@media (min-width: 1200px) {
	.creative-content {
		width: 188px;
		height: 188px;
	}
}
/* /Creative */

/* Footer */

.index_content .footer {
	background: #3C3C3C;
	padding: 8px;
	position: absolute;
	left: 0;
	right: 0;
}

.index_content .footer p {
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
}

/* /Footer */

@charset "utf-8";

#img_body {
    opacity:0;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

#index_wrapper {
    bottom: 0;
}

.n_like {
    cursor: pointer;
}

.navbar .member_box .membername {
  max-width: 100px;
}

/* 201509 */
.navbar .nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
.navbar .nav.pull-left > li > a {
  margin: 10px 3px 6px 3px;
}
.navbar .member_box .membername {
  max-width: 50px;
}
.navbar .nav > li:before {
  display: none;
}
.navbar .navbar-inner .col-md-12,
.navbar .navbar-inner .col-lg-12 {
  width: 940px;
}
@media (min-width: 1200px) {
  .navbar .nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar .nav.pull-left > li > a {
    margin: 10px 8px 6px 8px;
  }
  .navbar .member_box .membername {
    max-width: 100px;
  }
  .navbar .navbar-inner .col-md-12,
  .navbar .navbar-inner .col-lg-12 {
    width: 1150px;
  }
}
/* 201509 */

#iosslider-banner {
  height: 390px;
  background: none;
  border-bottom: none;
  margin-bottom: 10px;
}
#iosslider-banner .fluidHeight {
  height: 390px;
}
#iosslider-banner .sliderContainer {
  height: 390px;
}
#iosslider-banner .iosSlider .slider .item {
  width: 750px;
  height: 390px;
  margin: 0 10px;
}
#iosslider-banner .iosSlider .slider .item .inner {
  background: none;
  width: 750px;
  height: 390px;
}
#iosslider-banner .iosSlider .slider .item .inner img {
  height: 390px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#iosslider-banner .slideSelectors .prev, #iosslider-banner .slideSelectors .next {
  padding: 180px 10px;
}
.oppo .circle {
  background-color: #f7d443;
}
@media (min-width: 1200px) {
  .nu-item_box.chart_box {
    height: 860px;
  }
}
#wrapper {
  padding-bottom: 41px;
  padding-top: 46px;
}
.footer {
  background: #3C3C3C;
  padding: 8px;
  left: 0;
  right: 0;
}
.footer p {
  color: #FFF;
  font-size: 12px;
  line-height: 12px;
}
.index_content {
  width: 940px;
  padding-right: 0;
  padding-left: 0;
}
.col-md-12 {
  width: 940px;
}
.col-md-8 {
  width: 620px;
}
.col-md-4 {
  width: 300px;
}
.nu-item_box .item_img {
  background: none;
}
.nu-item_box .item_img-lg-otd {
  width: 100%;
  height: 100%;
}
.col-md-8 .index_ad {
  width: 620px;
  height: auto;
}
.col-md-8 .index_ad img {
  width: 100%;
  height: auto;
}
.col-md-12.index_ad,
.col-md-12.index_ad img {
  width: 940px;
  height: 123px;
}
.nu-item_box.square_s .list .list_data.first_list_data {
  width: 140px;
}
.nu-item_box.square_s .list .list_data {
  width: 165px;
}
.col-md-2 {
  width: 140px;
}
.nu-item_box .item_img-lg,
.nu-item_box .item_img-xl {
  width: 100%;
  height: auto;
}
.col-md-3 {
  width: 220px;
}
.nu-item_box.chart_box {
  height: 678px;
}
.nu-item_box .item_content .list {
  padding: 7.5px 0;
}
.nu-item_box .list .list_data h6 {
  height: 17px;
  overflow: hidden;
}
.nu-item_box .list .list_data.first_list_data h6 {
  height: auto;
}
.nu-item_box .list .list_data h6 .pull-right {
  display: none;
}
.experts_content .expert {
  width: 110px;
}
@media (min-width: 1200px) {
  .index_content {
    width: 1150px;
  }
  .col-lg-12 {
    width: 1150px;
  }
  .col-md-8 {
    width: 760px;
  }
  .col-md-2 {
    width: 175px;
  }
  .col-md-3 {
    width: 272.5px;
  }
  .col-md-4 {
    width: 370px;
  }
  .col-md-8 .index_ad {
    width: 760px;
  }
  .nu-item_box.chart_box {
    height: 755px;
  }
  .nu-item_box .item_content .list {
    padding: 10px 0;
  }
  .nu-item_box .list .list_data h6 .pull-right {
    display: block;
  }
  .nu-item_box.square_s .list .list_data.first_list_data {
    width: 190px;
  }
  .nu-item_box.square_s .list .list_data {
    width: 230px;
  }
  .experts_content .expert {
    width: 150px;
  }
  .col-md-12.index_ad,
  .col-md-12.index_ad img {
    width: 1150px;
    height: 150px;
  }
}
.fb-item_box {
  overflow: hidden;
  width: 300px;
}
.app-item_box {
  height: 184px;
  width: 270px;
  padding: 15px;
  position: relative;
}
.app-btn-block {
  margin-top: 30px;
  text-align: center;
}
.app-item_box img.img-responsive {
  max-width: 100%;
  width: auto;
  margin-top: 20px;
}
.app-item_box img.img-wc-btn {
  max-width: 90%;
  width: auto;
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  -o-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.app-btn-block img.app-btn {
  width: 45%;
  margin: 0 2%;
}
@media (min-width: 1200px) {
  .fb-item_box {
    width: 370px;
  }
  .app-item_box {
    height: 184px;
    width: 340px;
  }
  .app-item_box img.img-responsive {
    margin-top: 10px;
  }
}
/* CSS */

.DynarchCalendar {
  border: 1px solid #aaa;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: #e8e8e8;
  font: 11px "lucida grande",tahoma,verdana,sans-serif;
  line-height: 14px;
  position: relative;
  cursor: default;
}

.DynarchCalendar table {
  border-collapse: collapse;
  font: 11px "lucida grande",tahoma,verdana,sans-serif;
  line-height: 14px;
}

.DynarchCalendar-topBar {
  border-bottom: 1px solid #aaa;
  background: #ddd;
  padding: 5px 0 0 0;
}

table.DynarchCalendar-titleCont {
  font-size: 130%; font-weight: bold;
  color: #444;
  text-align: center;
  z-index: 9;
  position: relative;
  margin-top: -6px;
}

.DynarchCalendar-title div {
  padding: 5px 17px;
  text-shadow: 1px 1px 1px #777;
}
.DynarchCalendar-hover-title div {
  background-color: #fff;
  border: 1px solid #000;
  padding: 4px 16px;
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/drop-down.gif?c442fe15371a');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.DynarchCalendar-pressed-title div {
  border: 1px solid #000;
  padding: 4px 16px;
  background-color: #777;
  color: #fff;
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/drop-up.gif?2abff84b45c7');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}






.DynarchCalendar-bottomBar {
  border-top: 1px solid #aaa;
  background: #ddd;
  padding: 2px;
  position: relative;
  text-align: center;
}

.DynarchCalendar-bottomBar-today {
  padding: 2px 15px;
}

.DynarchCalendar-hover-bottomBar-today {
  border: 1px solid #000;
  background-color: #fff;
  padding: 1px 14px;
}
.DynarchCalendar-pressed-bottomBar-today {
  border: 1px solid #000;
  background-color: #777;
  color: #fff;
  padding: 1px 14px;
}






.DynarchCalendar-body {
  position: relative;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
}

.DynarchCalendar-first-col { padding-left: 5px; }
.DynarchCalendar-last-col { padding-right: 5px; }

.DynarchCalendar-animBody-backYear {
  position: absolute;
  top: -100%;
  left: 0;
}
.DynarchCalendar-animBody-back {
  position: absolute;
  top: 5px;
  left: -100%;
}
.DynarchCalendar-animBody-fwd {
  position: absolute;
  top: 5px;
  left: 100%;
}
.DynarchCalendar-animBody-now {
  position: absolute;
  top: 5px;
  left: 0;
}
.DynarchCalendar-animBody-fwdYear {
  position: absolute;
  top: 100%;
  left: 0;
}

.DynarchCalendar-dayNames {
  padding-left: 5px;
  padding-right: 5px;
}

.DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }

.DynarchCalendar-navBtn {
  position: absolute;
  top: 5px;
  z-index: 10;
}

.DynarchCalendar-navBtn div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 15px;
  width: 16px;
  padding: 1px;
}
.DynarchCalendar-hover-navBtn div {
  border: 1px solid #000;
  padding: 0;
  background-color: #fff;
}
.DynarchCalendar-navDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.DynarchCalendar-pressed-navBtn div {
  border: 1px solid #000;
  padding: 0;
  background-color: #777;
  color: #fff;
}

.DynarchCalendar-prevMonth {
  left: 25px;
}

.DynarchCalendar-nextMonth {
  left: 100%;
  margin-left: -43px;
}

.DynarchCalendar-prevYear {
  left: 5px;
}

.DynarchCalendar-nextYear {
  left: 100%;
  margin-left: -23px;
}

.DynarchCalendar-prevMonth div {
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/nav-left.gif?c6e3ed0c0b69');
}

.DynarchCalendar-nextMonth div {
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/nav-right.gif?b9bc88e4614c');
}

.DynarchCalendar-prevYear div {
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/nav-left-x2.gif?b27f14b7ae2b');
}

.DynarchCalendar-nextYear div {
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/nav-right-x2.gif?328ab630fa2f');
}

.DynarchCalendar-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  overflow: hidden;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.DynarchCalendar-menu table td div {
  text-align: center;
  font-weight: bold;
  padding: 3px 5px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
  width: 4em;
  text-align: center;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  border: 1px solid #000;
  padding: 2px 4px;
  background-color: #fff;
  color: #000;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
  border: 1px solid #000;
  padding: 2px 4px;
  background-color: #777;
  color: #fff !important;
}

.DynarchCalendar-menu-year {
  text-align: center;
  font: 16px "lucida grande",tahoma,verdana,sans-serif;
  font-weight: bold;
}

.DynarchCalendar-menu-sep {
  height: 1px; font-size: 1px; line-height: 1px;
  overflow: hidden;
  border-top: 1px solid #888;
  background: #fff;
  margin-top: 4px; margin-bottom: 3px;
}

.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
.DynarchCalendar-time-down { background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/time-down.png?85d6dacc97a3') no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-up { background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/img/time-up.png?382b622ee5ff') no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-sep { padding: 0 2px; }
.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }

/* body */

.DynarchCalendar-hover-week { background-color: #ddd; }

.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
  width: 1.7em;
  padding: 3px 4px;
  text-align: center;
}
.DynarchCalendar-weekNumber {
  border-right: 1px solid #aaa;
  margin-right: 4px;
  width: 2em !important;
  padding-right: 8px !important;
}

.DynarchCalendar-day {
  text-align: right; color: #222;
}
.DynarchCalendar-day-othermonth { color: #888; }
.DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-today { color: #00f; font-weight: bold; }

.DynarchCalendar-day-disabled {
  opacity: 0.5;
  text-shadow: 2px 1px 1px #fff;
}

.DynarchCalendar-hover-date {
  padding: 2px 3px;
  background-color: #eef;
  border: 1px solid #88c;
  margin: 0 !important;
  color: #000;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }

.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }

.DynarchCalendar-day-selected {
  padding: 2px 3px;
  margin: 1px;
  background-color: #aaa;
  color: #000 !important;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }

/* focus */

.DynarchCalendar-focusLink {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.DynarchCalendar-focused {
  border-color: #000;
}

.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
  background-color: #ccc;
  border-color: #336;
}

.DynarchCalendar-focused .DynarchCalendar-hover-week {
  background-color: #ccc;
}

.DynarchCalendar-tooltip {
  position: absolute;
  top: 100%;
  width: 100%;
}

.DynarchCalendar-tooltipCont {
  margin: 0 5px 0 5px;
  border: 1px solid #aaa;
  border-top: 0;
  padding: 3px 6px;
  background: #ddd;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
  background: #ccc;
  border-color: #000;
}

@media print {
  .DynarchCalendar-day-selected {
    padding: 2px 3px;
    border: 1px solid #000;
    margin: 0 !important;
  }
}

/* This is for Gecko-based browsers */

.DynarchCalendar {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.DynarchCalendar-title, .DynarchCalendar-title div {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.DynarchCalendar-topBar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}

.DynarchCalendar-bottomBar {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.DynarchCalendar-bottomBar-today {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.DynarchCalendar-navBtn, .DynarchCalendar-navBtn div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.DynarchCalendar-menu {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.DynarchCalendar-menu table td div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.DynarchCalendar-weekNumber {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.DynarchCalendar-day {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.DynarchCalendar-day-disabled {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.DynarchCalendar-tooltipCont {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 5px;
}

.DynarchCalendar-time-hour, .DynarchCalendar-time-minute {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
}

.DynarchCalendar-time-am {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.DynarchCalendar-focused {
  background-color: #fff;
}

.DynarchCalendar-topBar {
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/brushed-steel.jpg?6c59bcbe3414') no-repeat 50% 0;
}

.DynarchCalendar-bottomBar {
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/brushed-steel.jpg?6c59bcbe3414') no-repeat 50% 50%;
}

.DynarchCalendar-hover-title,
.DynarchCalendar-hover-navBtn,
.DynarchCalendar-hover-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  background: #dde url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/coolbg.png?8e4d6388ecbf') repeat-x 0 50%;
}
.DynarchCalendar-hover-title div,
.DynarchCalendar-hover-navBtn div { background-color: transparent; }

.DynarchCalendar-pressed-title,
.DynarchCalendar-pressed-navBtn,
.DynarchCalendar-pressed-bottomBar-today,
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
  background: #445 url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/coolbg.png?8e4d6388ecbf') repeat-x 0 50%;
}
.DynarchCalendar-pressed-title div,
.DynarchCalendar-pressed-navBtn div { background-color: transparent; }

.DynarchCalendar-hover-week,
.DynarchCalendar-focused .DynarchCalendar-hover-week {
  background: #ddd url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/coolbg.png?8e4d6388ecbf') repeat-x 0 50%;
}

.DynarchCalendar {
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/steel.jpg?0d580e65293d') no-repeat 50% 30px;
}







.DynarchCalendar-day-selected {
  background-color: #1864fc;
  color: #fff !important;
  background-image: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/steel/coolbg.png?8e4d6388ecbf');
  background-position: 0 50%;
  background-repeat: repeat-x;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
  background-color: #1864fc;
  color: #fff !important;
}

.DynarchCalendar-focused .DynarchCalendar-body {
  background: url('//d3luje6nlvhi9q.cloudfront.net/asset/style/cal_css/shadow-b.png?eaa568c45aea') repeat-x 0 0;
}