@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
html {
    width:100%;
}
body {
    width:100%;
    font-size:14px;
    font-family:'Malgun Gothic', "Open Sans", sans-serif;
    color:#331d35;
    background-color:#e5e5e5;
}
ol, ul {
	list-style: none;
}
.row {
	margin:0px;
}
.row>div {
	
}

.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h500 {height: 500px !important;}
.h600 {height: 600px !important;}
.h700 {height: 700px !important;}

.h254 {height: 254px !important;}
.h354 {height: 354px !important;}
.h454 {height: 453px !important;}
.h554 {height: 554px !important;}
.h654 {height: 654px !important;}


.icon-area-16 {
    display:inline-block;
    position:relative;
    width:16px;
    height:16px;
    height:16px;
}
.container-wrap {
    position:relative;
    width:100%;
}
.top-wrap {
	display:block;
	width:100%;
	background:url(../images/head-bg.png) 0 0 repeat;
}
.btn-area {
	width:1000px;
	margin:0 auto;
	text-align:right;
}
.btn-area a {
	display:inline-block;
	color:#fff;
	font-size:12px;
	padding:2px;
}
.menu-wrap {
    display:block;
    width:100%;
    text-align:center;
    vertical-align:top;
    padding:35px 0 94px;
    background:url(../images/head-bg.png) 0 0 repeat;
}
.menu-list {
	z-index:4;
    display:inline-block;
    width:1000px;
}
.menu-list li {
    width:33.3333%;
    float:left;
}
.menu-list li a {
    display:block;
    color:#fff;
    text-align:center;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    padding:13px 15px 15px;
}
.menu-list li a .icon {
    position:relative; top:5px;
    font-size:25px;
    margin-right:15px;
}
.menu-list li.active a,
.menu-list li.active a:hover {
    position:relative;
    border-radius:4px;
    background:#24a9e1;
    
}
.menu-list li a:hover {
    position:relative;
    border-radius:4px;
    background:#505356;
}
.menu-list li.active a::after {
    content:'';
    z-index:9999;
    position:absolute; left:49%; bottom:-34px;
    display:inline-block;
    width:16px; height:11px;
    background:url(../images/icon-arrow.png) center bottom -1px no-repeat;
}
.contents-wrap {
    z-index:3;
    /*float:left;
    width:800px;*/
    width:1000px;
    margin:-66px auto 30px;
    border:1px solid #c9c9c9;
    border-radius:4px;
    background:#fff;
}
.dashboard-head h2 {
    color:#646464;
    font-size:20px;
    padding:20px 30px;
    margin:0px;
    border-bottom:1px solid #c9c9c9;
    background:#fff;
}
.dashboard-head h2 .icon {
    position:relative; top:3px;
    color:#24a9e1;
    font-size:25px;
    font-weight:700;
    margin-right:10px;
    border-radius:2px;
    /*background:#24a9e1;*/
}
.dashboard-body {
    padding:15px;
}
.search-wrap {
    display:inline-block;
    width:100%;
    vertical-align:top;
    
    /*border-top:1px solid #e6e6e6;*/
    border-bottom:1px solid #e6e6e6;
}
.search-area {
    float:left;
    width:938px;
}
.search-input{
    width:100%;
    color:#999;
    font-size:14px;
    line-height:1.42857143;
    padding:20px 30px;
    border:none;
}
.search-btn {
    width:60px;
    height:60px;
    color:#24a9e1;
    font-size:20px;
    padding:10px 15px;
    border-radius:0px;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    background:url(../images/icon-search.png) center center no-repeat;
}
.edit-open-btn {
    float:right;
    width:60px;
    height:60px;
    color:#fff;
    font-size:20px;
    padding:10px 15px;
    border-radius:0px;
    background:#24a9e1 url(../images/icon-edit.png) center center no-repeat;
}
.edit-area {
    padding:15px;
    border-bottom:1px solid #e6e6e6;
    background:#f5f5f5;
}
.dataSource-btn .icon-area-16 {
    top:3px;
    margin-right:5px;
}
.dataSource-btn>.btn {
    border:1px solid #d1d1d1;
}
.dataSource-btn>.btn.active {
    color:#388dcd;
    border:1px solid #ccc;
    box-shadow:none;
    background:#fafafa;
}
.dataSource-btn .news.icon-area-16 {
    background:url(../images/icon_new.png) 0 0 no-repeat;
}
.dataSource-btn .btn.active .news.icon-area-16 {
    background:url(../images/icon_new.png) -16px 0 no-repeat;
}
.dataSource-btn .blog.icon-area-16 {
    background:url(../images/icon_blog.png) 0 0 no-repeat;
}
.dataSource-btn .btn.active .blog.icon-area-16 {
    background:url(../images/icon_blog.png) -16px 0 no-repeat;
}
.dataSource-btn .twitter.icon-area-16 {
    background:url(../images/icon_twitter.png) 0 0 no-repeat;
}
.dataSource-btn .btn.active .twitter.icon-area-16 {
    background:url(../images/icon_twitter.png) -16px 0 no-repeat;
}
.data-wrap {
    margin-bottom:5px;
}
.data-wrap>div { 
    margin-bottom:10px;
}
.data-input-area>div {
    float:left;
    margin-right:10px;
}
.data-input-area .btn-group .btn {
    width:60px;
}
.data-input {
    width:170px;
}
.data-input input {
    box-shadow:none;
    -webkit-box-shadow:none;
}

.data-input .icon-area-16 {
    top:-1px;
    background: url(../images/icon_calender.png) 0 0 no-repeat;
}

/* chart-box */
.row-1, .row-2 {
    display:inline-block;
    width:100%;
    vertical-align:top;
}

.row-3 .chart-box-7{
	float:left;
    width:640px;
}
.row-3 .chart-box-3{
	float:left;
    width:287px;
}
.row-2 .chart-box {
    float:left;
    width:464px;
}
.row-1 .chart-box {
    width:948px;
}
.chart-box-noline {
    /* height:60px;
    margin:15px; */
    background:#fff;
}
.chart-box {
    margin:10px;
    border:1px solid #e6e6e6;
    border-radius:4px; 
    background:#fff;
}


.chart-box .chart-box-head {
    height:44px;
    padding:12px 2px 10px;
    margin:0 15px;
    /*border-bottom:1px solid #e6e6e6;*/
} 
.chart-box .chart-box-body {
    overflow:auto;
    height:354px;
    padding:15px 15px 15px;
} 
.chart-box-small .chart-box-body{
    height:100px!important;
}
.chart-box-big .chart-box-body{
    height:570px!important;
}
.chart-box .chart-box-head .title {
    color:#24a9e1;
    font-size:15px;
    font-weight:700;
}
.chart-box .chart-box-head .small {
    position:relative;
    color:#999;
    font-size:11px;
    padding-left:7px;
}
.chart-box .chart-box-head .small::after {
    content:'';
    display:block;
    position:absolute; bottom:1px; left:0;
    width:1px;
    height:12px;
    background:#ddd;
}
.noOver {
	height:auto;
	overflow:visible!important;
}

/* relation-table */

.relation-table tr td.num {
    text-align:center;
}
.relation-table tr td.name {
	overflow:hidden;
	width:100px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.relation-table tbody tr td {
	color:#777;
	font-size:12px;
    padding:5px;  
}

/* progress-bar */

.progress {
    height:30px;
    margin-bottom:5px;
}
/* .progress-bar-left {
    position:relative;
    background:#3a9ad9 url(../images/icon-positive.png) center center no-repeat!important;
}
.progress-bar-right {
    position:relative;
    float:right!important;
    background:#eb7260 url(../images/icon-negative.png) center center no-repeat!important;
} */
.progress-bar-left, 
.progress-bar-right {
	position:relative;
	line-height:30px;
}
.progress-bar-left {
    background:#3a9ad9;
}
.progress-bar-right {
    float:right!important;
    background:#eb7260;
}
.progress-bar-left .icon-area-16,
.progress-bar-right .icon-area-16 {
	top:3px;
	margin-right:5px;
}  
.progress-bar-left .icon-area-16 {
    background:url(../images/icon-positive.png) center center no-repeat;
}
.progress-bar-right .icon-area-16 {
    background:url(../images/icon-negative.png) center center no-repeat;
}
.progress-sm {
    height:7px;
    margin-top:5px;
    margin-bottom:0px;
    box-shadow:none;
}
.progress-sm .progress-bar {
    background:#29aba4;
}
.text-info {
    display:inline-block;
    width:100%;
    color:#666;
    font-size:12px;
}
.text-info .text-left {
    float:left;
}
.text-info .text-right {
    float:right;
}
.progress-bar .numb {
	background:none!important;
}
.text-info .numb {
    color:#999;
    font-size:12px;
    padding:0 3px;
    background:none!important;
}

.box-in-box-wrap {
	margin-top:15px;
}

/* number-box */

.number-box>div {
	width:242px;
	padding:0px;
}
.number-box .box-stats {
    position:relative;
    color:#fff;
    text-align:left;
    margin:10px;
    border-radius:4px;
    white-space:nowrap;
}
.number-box dl.stats-info {
    padding:20px 20px 15px 100px;
}
.number-box dl.stats-info dt.txt {
    color:#fff; 
    font-weight:400;
    margin-bottom:3px;
}
.number-box dl.stats-info  dd.num {
    font-size:26px;
}
.number-box .stats-icon .icon {
    opacity:1;
}
.number-box .stats-icon {
    position:absolute; top:0px; left:0px;
    color:rgba(255,255,255,.7); font-size:40px;
    padding:20px 19px 18px;
    background:rgba(0,0,0,.05)
}


/* TopicTrend */
 
ul.table-list {
	display:inline-flex; 
	padding:0px;
	margin-bottom:0px;
}
ul.table-list li {
    float:left;
    width:178px;
    padding:0px;
    margin-right:6px;
}
ul.table-list li:last-child {
    margin-right:0px;
}
ul.table-list>li>table {
	table-layout:fixed;
    width:100%;
    border-spacing:1px;
}
ul.table-list>li>table>thead>tr>th,
ul.table-list>li>table>tbody>tr>td {
    text-align:center;
    padding:5px;
    border:1px solid #fff;
}
ul.table-list>li>table>tbody>tr>td.ranking {
    background:#ccc;
}
ul.table-list>li>table>tbody>tr:nth-child(1)>td.ranking,
ul.table-list>li>table>tbody>tr:nth-child(2)>td.ranking,
ul.table-list>li>table>tbody>tr:nth-child(3)>td.ranking {
    background:#29aba4;
}
ul.table-list>li>table>tbody>tr>td.txt {
	text-align:left;
  	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
ul.table-list>li>table>tbody>tr>td {
    font-size:12px;
    background:#f1f1f1;
}
ul.table-list>li>table>thead>tr.date {color:#fff; font-size:16px; background:#354458;}
ul.table-list>li>table>thead>tr.sort>th {font-size:11px; font-weight:400; padding:2px;}
ul.table-list>li>table>thead>tr.sort>th.positive {color:#fff; background:#3a9ad9;}
ul.table-list>li>table>thead>tr.sort>th.negation {color:#fff; background:#eb7260;}
.table-list table thead .date th {
	padding:8px!important;
}
.srList-body {
	margin-bottom:0px;
}
.srList-foot {
	display:inline-block;
	width:100%;
	line-height: 10px;
}
.pagination {
    margin:0px;
}

.view-sort .btn {
	padding:0px 3px!important;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
	/* padding-top:0px; */
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	top:7px;
}

.chart-box-33 .chart-box-body .SearchResult_view .srList-body {
	height:262px!important;
	border-bottom:none!important;
}
.chart-box-33 .chart-box-body .SearchResult_view .srList-head .head-right,
.chart-box-33 .chart-box-body .SearchResult_view .srList-foot {
	display:none;	
}