.plLength, #npAction {
	display: none;
}

/* Font Family
================================================== */

@import url("//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400");


/* Desktop
================================================== */

.container { position:relative; margin:0 auto; width:390px; }
.column { width:inherit; }


/* Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width:390px; }
}


/* Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
.container { width:300px; }
}


/* Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width:390px; }
}


/* CSS Reset
================================================== */

html,body,div,span,h1,h6,p,a,ul,li,audio {
border:0;
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline;
}

body { line-height:1; margin-top: -10px !important; }
ul { list-style:none; }


/* Basic Styles
================================================== */

html,body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
background-color:#fff;
color:#C8C7C8;
font:20px/24px "Yanone Kaffeesatz", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
padding:5px 0;
}

* {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}


/* Typography
================================================== */

h1,h6,p { color:#808080; font-weight:200; }
h1 { font-size:42px; line-height:44px; margin:20px 0 0; }
h6 { font-size:18px; line-height:20px; margin:4px 0 20px; }
p { font-size:18px; line-height:20px; margin:0 0 2px; }


/* Links
================================================== */

a,a:visited { color:#ddd; outline:0; text-decoration:underline; }
a:hover,a:focus { color:#bbb; }
p a,p a:visited { line-height:inherit; }


/* Misc.
================================================== */

.add-bottom { margin-bottom:20px !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Custom Styles
================================================== */

/* Highlight Styles */
::selection { background-color:#262223; color:#444; }


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */
audio { margin:0 15px 0 14px; width:380px; }
#mainwrap { box-shadow:0 0 6px 1px rgba(0,0,0,.25); }
#audiowrap { background-color:#231F20; margin:0 auto; }
#plwrap { margin:0 auto; }
#tracks { position:relative; text-align:center; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:21px; text-align:right; }
#npAction { padding:21px; position:absolute; }
#plList { margin:0; }
#plList li { background-color:#231F20; cursor:pointer; display:block; margin:0; padding:21px 0; }
#plList li:hover { background-color:#262223; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#262223!important; cursor:default!important; }
a[id^="btn"] { background-color:#231F20; color:#C8C7C8; cursor:pointer; display:inline-block; font-size:50px; margin:0; padding:21px 27px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#262223; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* IE 9 */
html[data-useragent*="MSIE 9.0"] audio { margin-left:9px; outline:none; width:380px; }
html[data-useragent*="MSIE 9.0"] #audiowrap { background-color:#000; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover { background-color:#080808; }
html[data-useragent*="MSIE 9.0"] #plList li { background-color:#000; }
html[data-useragent*="MSIE 9.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="MSIE 9.0"] .plSel,
html[data-useragent*="MSIE 9.0"] .plSel:hover { background-color:#080808!important; }

/* IE 10 */
html[data-useragent*="MSIE 10.0"] audio { margin-left:6px; width:380px; }
html[data-useragent*="MSIE 10.0"] #audiowrap { background-color:#000; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover { background-color:#080808; }
html[data-useragent*="MSIE 10.0"] #plList li { background-color:#000; }
html[data-useragent*="MSIE 10.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="MSIE 10.0"] .plSel,
html[data-useragent*="MSIE 10.0"] .plSel:hover { background-color:#080808!important; }

/* IE 11 */
html[data-useragent*="rv:11.0"] audio { margin-left:2px; width:380px; }
html[data-useragent*="rv:11.0"] #audiowrap { background-color:#000; }
html[data-useragent*="rv:11.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover { background-color:#080808; }
html[data-useragent*="rv:11.0"] #plList li { background-color:#000; }
html[data-useragent*="rv:11.0"] #plList li:hover { background-color:#080808; }
html[data-useragent*="rv:11.0"] .plSel,
html[data-useragent*="rv:11.0"] .plSel:hover { background-color:#080808!important; }

/* All Apple Products */
html[data-useragent*="Apple"] audio { margin:0; width:100%; }
html[data-useragent*="Apple"] #audiowrap { background-color:#000; }
html[data-useragent*="Apple"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="Apple"] a[id^="btn"]:hover { background-color:#080808; }
html[data-useragent*="Apple"] #plList li { background-color:#000; }
html[data-useragent*="Apple"] #plList li:hover { background-color:#080808; }
html[data-useragent*="Apple"] .plSel,
html[data-useragent*="Apple"] .plSel:hover { background-color:#080808!important; }

/* IOS 7 */
html[data-useragent*="OS 7"] body { color:#373837; }
html[data-useragent*="OS 7"] audio { margin-left:3px; width:380px; }
html[data-useragent*="OS 7"] #audiowrap { background-color:#e6e6e6; }
html[data-useragent*="OS 7"] a[id^="btn"] { background-color:#e6e6e6; color:#373837; }
html[data-useragent*="OS 7"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="OS 7"] #plList li { background-color:#e6e6e6; }
html[data-useragent*="OS 7"] #plList li:hover { background-color:#eee; }
html[data-useragent*="OS 7"] .plSel,
html[data-useragent*="OS 7"] .plSel:hover { background-color:#eee!important; }

/* IOS 8 */
html[data-useragent*="OS 8"] body { color:#373837; }
html[data-useragent*="OS 8"] audio { margin-left:6px; width:380px; }
html[data-useragent*="OS 8"] #audiowrap { background-color:#e4e4e4; }
html[data-useragent*="OS 8"] a[id^="btn"] { background-color:#e4e4e4; color:#373837; }
html[data-useragent*="OS 8"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="OS 8"] #plList li { background-color:#e4e4e4; }
html[data-useragent*="OS 8"] #plList li:hover { background-color:#eee; }
html[data-useragent*="OS 8"] .plSel,
html[data-useragent*="OS 8"] .plSel:hover { background-color:#eee!important; }

/* IOS 9 */
html[data-useragent*="OS 9"] body { color:#373837; }
html[data-useragent*="OS 9"] audio { margin-left:6px; width:380px; }
html[data-useragent*="OS 9"] #audiowrap { background-color:#d5d5d5; }
html[data-useragent*="OS 9"] a[id^="btn"] { background-color:#d5d5d5; color:#373837; }
html[data-useragent*="OS 9"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="OS 9"] #plList li { background-color:#d5d5d5; }
html[data-useragent*="OS 9"] #plList li:hover { background-color:#eee; }
html[data-useragent*="OS 9"] .plSel,
html[data-useragent*="OS 9"] .plSel:hover { background-color:#eee!important; }

/* Chrome */
html[data-useragent*="Chrome"] body { color:#5a5a5a; }
html[data-useragent*="Chrome"] audio { margin-left:9px; width:380px; }
html[data-useragent*="Chrome"] #audiowrap { background-color:#fafafa; }
html[data-useragent*="Chrome"] a[id^="btn"] { background-color:#fafafa; color:#5a5a5a; }
html[data-useragent*="Chrome"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="Chrome"] #plList li { background-color:#fafafa; }
html[data-useragent*="Chrome"] #plList li:hover { background-color:#eee; }
html[data-useragent*="Chrome"] .plSel,
html[data-useragent*="Chrome"] .plSel:hover { background-color:#eee!important; }

/* Chrome / Android / Tablet */
html[data-useragent*="Chrome"][data-useragent*="Android"] body { color:#373837; }
html[data-useragent*="Chrome"][data-useragent*="Android"] audio { margin-left:4px; width:380px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #audiowrap { background-color:#fafafa; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"] { background-color:#fafafa; color:#373837; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"]:hover { background-color:#eee; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li { background-color:#fafafa; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li:hover { background-color:#eee; }
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel,
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel:hover { background-color:#eee!important; }


/* Audio Player Media Queries
================================================== */

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
audio { width:380px; }
html[data-useragent*="MSIE 9.0"] audio { width:380px; }
html[data-useragent*="MSIE 10.0"] audio { width:380px; }
html[data-useragent*="rv:11.0"] audio { width:380px; }
html[data-useragent*="OS 7"] audio { width:380px; }
html[data-useragent*="OS 8"] audio { width:380px; }
html[data-useragent*="OS 9"] audio { width:380px; }
html[data-useragent*="Chrome"] audio { width:380px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] audio { margin-left:4px; width:380px; }
}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
audio { width:380px; }
html[data-useragent*="MSIE 9.0"] audio { width:380px; }
html[data-useragent*="MSIE 10.0"] audio { width:380px; }
html[data-useragent*="rv:11.0"] audio { width:380px; }
html[data-useragent*="OS 7"] audio { width:380px; }
html[data-useragent*="OS 8"] audio { width:380px; }
html[data-useragent*="OS 9"] audio { width:380px; }
html[data-useragent*="Chrome"] audio { width:380px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:4px; width:380px; }
#npTitle { width:245px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
audio { width:270px; }
html[data-useragent*="MSIE 9.0"] audio { width:280px; }
html[data-useragent*="MSIE 10.0"] audio { width:287px; }
html[data-useragent*="rv:11.0"] audio { width:295px; }
html[data-useragent*="OS 7"] audio { width:290px; }
html[data-useragent*="OS 8"] audio { width:294px; }
html[data-useragent*="OS 9"] audio { width:294px; }
html[data-useragent*="Chrome"] audio { width:277px; }
html[data-useragent*="Chrome"][data-useragent*="Mobile"] audio { margin-left:4px; width:290px; }
#npTitle { width:167px; }
}

/* ---------- Common definitions ---------- */

body {
	background-color: #FFFFFF;
	padding: 0px;
	border: 0px;
	margin: 10px 0px 10px 0px;
}
.genre {
font-size: 10px !important;
}

div#content {
	margin: 0px;
	padding: 0px;
	background: #FAFAFA;
	border: 0px solid #e2e2e2;
}


table#content {
	width: 100%;
	background: #FAFAFA;
}
td.content_left {
	border: 1px solid #e2e2e2;
	margin: 1px;
	padding: 10px;
}
td.content_right {
	border: 1px solid #e2e2e2;
	margin: 1px;
	padding: 10px;
}

a {
    color: #8b0200;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}
/* ---------- Form definitions ---------- */

input.text {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #444444;
    padding: 2px 2px 2px 2px;
}

textarea {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #444444;
    padding: 2px 2px 2px 2px;
}

textarea.code {
    font-family: monospace;
}

select {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #444444;
    padding: 1px 2px 1px 2px;
}

input.text:focus,
textarea:focus,
select:focus {
    border: 1px solid #8b0200;
}

input.button {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/button_bg_gray.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid #888888;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

input.button:hover {
    background-image: url(../images/button_bg_blue.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid #3879ac;
    cursor: pointer;
}

/* ---------- Data table definitions ---------- */

table.data th {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    background-color: #333333;
    border: 1px solid #333333;
    padding: 3px 4px 3px 4px;
}

table.data th.small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align: left;
    background-color: #333333;
    border: 1px solid #333333;
    padding: 2px;
}

table.data td.cat {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: #DDDDDD;
    padding: 4px
}

table.data td.cat.left {
    border-left: 1px solid #CCCCCC;
}

table.data td.cat.right {
    border-right: 1px solid #CCCCCC;
}

table.data td {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding: 3px;
    border-bottom: 1px solid #CCCCCC;
}

table.data td.footer {
    background-color: #F4F4F4;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

table.data td.left1 {
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

table.data td.right1 {
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

table.data td.left2 {
    background-color: #EEEEEE;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

table.data td.right2 {
    background-color: #EEEEEE;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* ---------- Form table definitions ---------- */

table.form th {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    background-color: #333333;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    padding: 4px;
}

table.form td.mark {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    padding: 5px 5px 5px 5px;
    width: 15px;
}

table.form td.label {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    background-color: #FFFFFF;
    padding: 7px 5px 5px 5px;
    width: 140px;
}

table.form td.field {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
	background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    padding: 5px 5px 5px 5px;
}

table.form td.mark.highlight,
table.form td.label.highlight,
table.form td.field.highlight {
	background-color: #EEEEEE;
}

table.form td.divider {
	font-size: 1px;
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 4px 4px 4px 4px;
}

table.form td.divider div.line {
	font-size: 1px;
    background-image: url(../images/line_dotted.gif);
    background-repeat: repeat-x;
    background-position: center center;
}

table.form td.cat {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #DDDDDD;
    padding: 4px 4px 4px 4px;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

table.form td.control {
    font-size: 11px;
    text-align: right;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 5px 10px 5px 10px;
}

table.form td.success {
	color: #57861A;
	font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;;
	background-color: #EEF7DD;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px;
}

table.form td.error {
	color: #CC0000;
	font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;;
	background-color: #FFD6D6;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    padding: 10px;
}

table.form span.error {
	color: #CC0000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	display: block;
	margin: 1px 1px 2px 1px;
}

table.form .scroll {
    border: 1px solid #000000;
    overflow: auto;
}

/* ---------- Pagination definitions ---------- */

div.pagination {
	padding: 10px;
	float: right;
}

div.pagination a.box {
	font-weight: normal;
	text-decoration: none;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

div.pagination a.box:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
	border: 1px solid #333333;
}

div.pagination a.box_active {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
	border: 1px solid #333333;
	padding: 0px 3px 0px 3px;
	cursor: text;
}

/* ---------- Tab bar definitions ---------- */

div.tab_bar {
    border-bottom: 1px solid #8b0200;
    margin-bottom: 20px;
}

div.tab_bar ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

div.tab_bar li {
	float: left;
	margin-right: 5px;
}

div.tab_bar a {
    color: #8b0200;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 4px 2px 4px;
    display: block
}

div.tab_bar a:hover {
    background-color: #E6E6E6;
}

div.tab_bar a.active {
    color: #FFFFFF;
    background-color: #8b0200;
}

div.tab_bar a.active:hover {
    background-color: #8b0200;
}

/* ---------- Box definitions ---------- */

div.box {
    background-color: #EEEEEE;
    padding: 10px;
    border: 1px solid #CCCCCC;
}

/* ---------- Link definitions ---------- */

a.expanded {
    background-image: url(../images/expanded.gif);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 2px 2px 11px;
}

a.collapsed {
    background-image: url(../images/collapsed.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 2px 2px 11px;
}

/* ---------- Text definitions ---------- */

.standard {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.mini {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.green {
    color: #008000;
}
.red {
    color: #CC0000;
}
.table-records-resp, .table-account-resp,  .voting_charts_resp, .downloads_resp, .charts_index_resp {
        display: none;
    }



/*RESPONSIVE*/
/*@media screen and (max-width:360px) {
    input.text {
        padding: 5px;
    }
    .table-records-web {
        display: none;
    }
    div#content {
        border: none;
    }
    .table-records-resp {
        display: block ;
    }
    .inform-name {
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
        margin-bottom: 5%;
    }
    .table-records-resp .data .table-block:nth-child(odd) {
        background: #ccc;
    }
    .cat {
        float: left;
        font-weight: bold;
        margin-right: 5%;
        width: 40%;
    }
    .table-block {
        margin-bottom: 5%;
    }*/
    /*Account*/
  /* .table-account-resp {
        display: block;
    }
    .table-account-web {
        display: none;
    }
    div#content {
        padding: 0;
    }
    .table-account-resp .small, .content_right .right2, .table-account-resp .content_left .right2 {
        display: block;
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
    }
    .table-account-resp .data {
        margin-bottom: 5%;
    }
    .table-account-resp .left2, .content_left .data .right2 {
        background: #ccc;
    }
    .left-data .left2, .left-data .left1 {
        float: left;
        margin-right: 5%;
    }
    .float {
        float: left;
        margin-right: 5%;
    }
     div.tab_bar li {
        width: 30%;
    }
    .table-account-resp .cat-account {
        background: #ccc;
    }
    .table-account-resp .info-name {
        margin: 0;
    }
    .mark {
        float: left;
    }
    input.text {
        width: 90%;
    }
    .table-account-resp .scroll {
        border: 1px solid #000000;
        overflow: auto;
        width:90%;
        height:100px;
        margin-top:5px;
    }
    .control .button {
        margin-bottom: 5%;
    }
    .cat-account {
        font-weight: bold;
    }
    span {
        font-weight: bold;
    }
    .label {
        float: left;
        margin-right: 5%;
    }
    .label-checkbox {
        float: left;
        margin-right: 5%;
        width: 80%;
    }
    .checkbox {
        overflow: hidden;
        margin-bottom: 5%;
    }
    .mark-img {
        width: 50%;
        float: left;
    }
    .mark-img img {
        width: 100%;
    }
      input.text {
        margin: 1% 0;
    }*/
    /*voting_charts*/
    /*.voting_charts_resp {
        display: block;
    }
    .voting_charts_web {
        display: none;
    }*/
    /*charts_index*/
  /* .charts_index_web {
        display: none;
    }
    .charts_index_resp {
        display: block;
    }
    .charts_index_resp .table_big > div {
        overflow: hidden;
    }
     .form_cell, .div_form {
        max-width: 90%;
    }

}
@media screen and (max-width:480px) {
    input.text {
        padding: 5px;
    }
    .table-records-web {
        display: none;
    }
    div#content {
        border: none;
    }
    .table-records-resp {
        display: block ;
    }
    .inform-name {
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
        margin-bottom: 5%;
    }
    .table-records-resp .data .table-block:nth-child(odd) {
        background: #ccc;
    }
    .cat {
        float: left;
        font-weight: bold;
        margin-right: 5%;
        width: 40%;
    }
    .table-block {
        margin-bottom: 5%;
    }*/
    /*Account*/
    /*.table-account-resp {
        display: block;
    }
    .table-account-web {
        display: none;
    }
    div#content {
        padding: 0;
    }
    .table-account-resp .small, .content_right .right2, .table-account-resp .content_left .right2 {
        display: block;
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
    }
    .table-account-resp .data {
        margin-bottom: 5%;
    }
    .table-account-resp .left2, .content_left .data .right2 {
        background: #ccc;
    }
    .left-data .left2, .left-data .left1 {
        float: left;
        margin-right: 5%;
    }
    .float {
        float: left;
        margin-right: 5%;
    }
     div.tab_bar li {
        width: 30%;
    }
    .table-account-resp .cat-account {
        background: #ccc;
    }
    .table-account-resp .info-name {
        margin: 0;
    }
    .mark {
        float: left;
    }
    input.text {
        width: 90%;
    }
    .table-account-resp .scroll {
        border: 1px solid #000000;
        overflow: auto;
        width:90%;
        height:100px;
        margin-top:5px;
    }
    .control .button {
        margin-bottom: 5%;
    }
    .cat-account {
        font-weight: bold;
    }
    span {
        font-weight: bold;
    }
    .label {
        float: left;
        margin-right: 5%;
    }
    .label-checkbox {
        float: left;
        margin-right: 5%;
        width: 80%;
    }
    .checkbox {
        overflow: hidden;
        margin-bottom: 5%;
    }
    .mark-img {
        width: 50%;
        float: left;
    }
    .mark-img img {
        width: 100%;
    }
      input.text {
        margin: 1% 0;
    }*/
    /*voting_charts*/
  /* .voting_charts_resp {
        display: block;
    }
    .voting_charts_web {
        display: none;
    }*/
    /*charts_index*/
   /* .charts_index_web {
        display: none;
    }
    .charts_index_resp {
        display: block;
    }
    .charts_index_resp .table_big > div {
        overflow: hidden;
    }
     .form_cell, .div_form {
        max-width: 90%;
    }
}
@media screen and (max-width:640px) {
    input.text {
        padding: 5px;
    }
    .table-records-web {
        display: none;
    }
    div#content {
        border: none;
    }
    .table-records-resp {
        display: block ;
    }
    .inform-name {
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
        margin-bottom: 5%;
    }
    .table-records-resp .data .table-block:nth-child(odd) {
        background: #ccc;
    }
    .cat {
        float: left;
        font-weight: bold;
        margin-right: 5%;
        width: 40%;
    }
    .table-block {
        margin-bottom: 5%;
    }*/
    /*Account*/
    /*.table-account-resp {
        display: block;
    }
    .table-account-web {
        display: none;
    }
    div#content {
        padding: 0;
    }
    .table-account-resp .small, .content_right .right2, .table-account-resp .content_left .right2 {
        display: block;
        background-color: #333333;
        border: 1px solid #333333;
        color: #ffffff;
    }
    .table-account-resp .data {
        margin-bottom: 5%;
    }
    .table-account-resp .left2, .content_left .data .right2 {
        background: #ccc;
    }
    .left-data .left2, .left-data .left1 {
        float: left;
        margin-right: 5%;
    }
    .float {
        float: left;
        margin-right: 5%;
    }
     div.tab_bar li {
        width: 30%;
    }
    .table-account-resp .cat-account {
        background: #ccc;
    }
    .table-account-resp .info-name {
        margin: 0;
    }
    .mark {
        float: left;
    }
    input.text {
        width: 90%;
    }
    .table-account-resp .scroll {
        border: 1px solid #000000;
        overflow: auto;
        width:90%;
        height:100px;
        margin-top:5px;
    }
    .control .button {
        margin-bottom: 5%;
    }
    .cat-account {
        font-weight: bold;
    }
    span {
        font-weight: bold;
    }
    .label {
        float: left;
        margin-right: 5%;
    }
    .label-checkbox {
        float: left;
        margin-right: 5%;
        width: 80%;
    }
    .checkbox {
        overflow: hidden;
        margin-bottom: 5%;
    }
    .mark-img {
        width: 50%;
        float: left;
    }
    .mark-img img {
        width: 100%;
    }
      input.text {
        margin: 1% 0;
    }*/
    /*voting_charts*/
    /*.voting_charts_resp {
        display: block;
    }
    .voting_charts_web {
        display: none;
    }*/
    /*charts_index*/
    /*.charts_index_web {
        display: none;
    }
    .charts_index_resp {
        display: block;
    }
    .charts_index_resp .table_big > div {
        overflow: hidden;
    }
    .form_cell, .div_form {
        max-width: 90%;
    }

}*/