/*body {background-color: #2d519f;}*/
a {color: #2196F3;}
a:hover, a:active, a:focus {color: #1565C0;}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {margin-left:0px; position:relative; top: 2px;}

.tooltip {font-family:"微軟正黑體", 'Microsoft JhengHei',"Helvetica Neue",Helvetica,Arial,sans-serif;}
.popover-content{font-family:"微軟正黑體", 'Microsoft JhengHei',"Helvetica Neue",Helvetica,Arial,sans-serif;}

.form-control:focus {border-color: #42a5f5; box-shadow: none;}
.daterangepicker .input-mini {border-radius: 0px; outline: none;}
.daterangepicker .input-mini.active {border: 1px solid #42a5f5; border-radius: 0px;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {height: auto;}


.date-setting { border-right: 1px dashed #e5e5e5; height: 450px;}
/*.date-setting .col-md-12 {padding-left:0px;}*/
.date-setting .checkbox label, .date-setting .radio label {position: relative; padding-left: 0px; width: 100%; line-height: 20px;}
.date-setting .checkbox label.dd-input-label, .date-setting .radio label.dd-input-label  { line-height: 30px;}
.date-setting #reservation {}
.date-input-fix {position: absolute; width: 100%; padding-left: 20px; top: 0;}

.source-setting { border-right: 1px dashed #e5e5e5; height: 450px;}

.source-setting .checkbox label, .source-setting .radio label {position: relative; padding-left: 0px; line-height: 20px;}

/*.source-sub-row {padding-left: 25px;}*/
/*.source-sub-row .checkbox::before {content: ""; display: block; position: absolute; width: 10px; left: -21px; top: 10px; border-top: 1px solid #afafaf;; z-index: 1;}*/

.source-sub-row td:first-child{padding-left: 25px;}
.source-sub-row td:first-child::before{content: ""; display: block; position: relative; width: 10px; left: -24px; top: 1em; border-top: 1px solid #afafaf;; z-index: 1;}

.daterangepicker .calendar th, .daterangepicker .calendar td {font-size: 12px; min-width: 26px;}

/*SKIN SET*/
/*.skin-blue-light .content-wrapper, .skin-blue-light .main-footer { border-left: 1px solid #ecf0f5;}*/
.skin-blue-light .main-header .navbar {background:none;}
.skin-blue-light .main-header .logo {background: none;}
.skin-blue-light .main-header .logo:hover {background-color: rgba(255, 255, 255, 0.3);}
.main-header {background:url(../images/navbar-bg.jpg);}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {background-color: rgba(255, 255, 255, 0.2);}

.skin-blue-light .main-header li.user-header {background:url(../images/user-header-bg.jpg);}
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {background:#2d519f url(../images/main-sidebar-bg.jpg) repeat-x;}
.skin-blue-light .user-panel>.info, .skin-blue-light .user-panel>.info>a {color: #fff;}

.skin-blue-light .sidebar a {color: #fff;}
.skin-blue-light .sidebar-menu>li:hover>a, .skin-blue-light .sidebar-menu>li.active>a {color: #fbfbfb; background:rgba(255, 255, 255, 0.2);}

.sidebar-menu .treeview-menu {padding-left:0px;}
.skin-blue-light .sidebar-menu>li>.treeview-menu {background:#26538a;}
.skin-blue-light .treeview-menu>li>a {color: #fff;}
.skin-blue-light .treeview-menu>li.active>a, .skin-blue-light .treeview-menu>li>a:hover { color: #26C6DA; color: #ECEFF1; background: rgba(0,0,0,.2);}
.skin-blue-light .treeview-menu>li.active>a::after { content:" "; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; right: 0; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #ecf0f5;}
.skin-blue-light .sidebar-menu>li.header {color: #ffffff;background: rgba(36, 67, 130, 0.2);}

.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {border-left: 1px solid #204c82;}

.sidebar-collapse.skin-blue-light .sidebar-menu>li:hover>a, .sidebar-collapse.skin-blue-light .sidebar-menu>li.active>a {color: #fbfbfb; background:#4d84b7;}

.text-online {color: #8BC34A;}

.pagination>li {display:inline-block; vertical-align:top;}
.pagination>li .input-mini {width:auto; height:22px;}
.pagination>li>a {background: #ffffff;color: #0c8eca;}
.pagination-sm>li>a, .pagination-sm>li>span {padding: 1px 5px; margin: 0 2px;}
.pagination>li>a, .pagination>li>span {border: 1px solid #9fcedc;}
/*SKIN SET END*/

/*sidebar-menu & opview-sidebar*/
.opview-sidebar {}
.sidebar-menu.opview-sidebar > li > a {padding:12px 5px 12px 42px; min-height: 44px;}
.opv-menu { width:24px; height:24px; display:block; position:absolute; top:10px; left:10px; background:transparent url(../images/icons/sidebar-menu-icon.png) 0px 0px;}
.opv-menu.opv-dashboard {background-position:0px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-dashboard, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-dashboard  {background-position:0px -24px;}
.opv-menu.opv-listening {background-position:-24px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-listening, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-listening{background-position:-24px -24px;}
.opv-menu.opv-reporting {background-position:-48px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-reporting, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-reporting{background-position:-48px -24px;}
.opv-menu.opv-following {background-position:-72px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-following, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-following{background-position:-72px -24px;}
.opv-menu.opv-setting {background-position:-96px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-setting, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-setting {background-position:-96px -24px;}
.opv-menu.opv-lab {background-position:-120px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.opv-lab, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.opv-lab{background-position:-120px -24px;}
.opv-menu.internet-celebrity {background-position:-144px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.internet-celebrity, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.internet-celebrity{background-position:-144px -24px;}
.opv-menu.course-opsugar {background-position:-168px 0px;}
.sidebar-menu.opview-sidebar > li > a:hover .opv-menu.course-opsugar, .sidebar-menu.opview-sidebar > li.active > a .opv-menu.course-opsugar{background-position:-168px -24px;}
/*.sidebar-menu.opview-sidebar .treeview .treeview-menu>li + li{border-top:1px solid rgba(0,0,0,.1);}*/
.sidebar-menu.opview-sidebar .treeview .treeview-menu li a { padding: 8px 5px 8px 45px;}
.sidebar-menu.opview-sidebar .treeview .treeview-menu li a i {position: absolute; top: 11px; left: 20px; display:block; height:30px; width: 30px; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;  -webkit-transition: all .1s ease-in-out;}
.sidebar-menu.opview-sidebar .treeview .treeview-menu li a:hover i { font-size: 26px; top: 6px; left: 13px;}

/*marquee*/
ul.marquee li {font-family: "微軟正黑體", 'Microsoft JhengHei','Source Sans Pro',sans-serif; font-size:12px;}
.marquee-bar {width: 35%; position: absolute; left: 50%; top: 13px; margin-left: -37%;}

.marquee-bar ul.marquee{color: #ffffff; background-color:rgba(255, 255, 255, 0.15); border: none; width:auto; border-radius: 4px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 11%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 11%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 90%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 11%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 90%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
.marquee-bar ul.marquee li {font-family: "微軟正黑體", 'Microsoft JhengHei','Source Sans Pro',sans-serif; font-size:12px; padding: 3px 5px 3px 5px; min-width: 100%; text-align: center;}
.marquee-bar ul.marquee li span { font-size:12px; color: #ffffff;}
.marquee-bar ul.marquee li span.sys-post-tag {background: #157c9e; padding: 0px 2px; border-radius: 3px; color: #ffffff; margin-right: 5px;}
.marquee-bar ul.marquee li span.sys-post-date {color: #06475d; margin-right: 5px;}
.marquee-bar ul.marquee li a {color: #ffffff; text-decoration:none;}
.marquee-bar ul.marquee li a:hover{text-decoration:underline;}
.marquee-bar-btn { position:absolute; z-index: 999; right: -15px; top: 1px;}
.marquee-bar-btn a {color:#0d3948;}
.marquee-bar-btn a:hover { color:#ffffff;}

.filter-marquee-bar {position: relative; padding: 2px 10px 2px 10px; margin-bottom: 0px; margin-top: 10px; background: #107daf; color: #ffffff; border-radius: 3px; border: 1px dashed #0d8fcb; margin-left: -25px;}
.marquee.filter-marquee {background-color: transparent; border: none; width: 100%;}
.marquee.filter-marquee li {font-weight:bold;}
.marquee.filter-marquee li span{font-weight:normal;}

.data-filter-info {background: #107daf; padding: 5px 10px; margin: 10px 10px;}
.data-filter-info-list {}
.data-filter-info-list li {display:inline-block; font-size:14px; margin-right:10px;}
.data-filter-info-list li.dd-source {display:block;}

/*mCustomScrollbar*/
.table-content .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 10px;}

/**/
.page-header-h1 { font-weight: bold; font-size: 26px !important; color: #3489b3;}
.page-header-h1 i {color: #799ac3;}

.row-search-setting {}
.row-search-setting h4 {position: relative; font-size: 15px; margin:10px 0 5px 0; color: #155e9e;}

.merge-topic {justify-content: flex-end;}
.merge-topic span.switch-label-title {color: #555; font-size: 13px; top: 4px; position: relative;}

.topic-setting-list .slimScrollDiv {margin-top: 15px;}

.box-header {background:url(../images/box-header-bg.jpg);}
.box-body-btns { margin:0 0 10px 0;}


.topic-setting { border-right: 1px dashed #e5e5e5; padding-right: 0; height: 450px;}
.topic-setting-scroll {border-bottom: 4px double #e5e5e5; padding: 0; width: 100% !important; height:250px;}
.topic-setting > .topic-setting-list>.topic-setting-scroll { border-bottom: 0 ;padding: 0; width: 100% !important; height:375px;}
.topic-setting-scroll label {display:block; font-weight: normal;}
.topic-setting-scroll .col-md-4.topic-label{width:33.33333333%; float: left;}
.topic-label  {padding-right:0px; padding-left: 10px;}
.topic-title {position: absolute; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topic-setting-select { padding:0 ;}
.topic-setting-keyword { padding: 0; height: 380px}
.no-padding { padding: 0;}

.skin-blue-light .sidebar-menu>li.header.chart-setting {color: #0e80bf; margin: 10px; background: #edf4f9; border-radius: 6px; box-shadow: 0px 2px 0 0 rgba(0,0,0,.5); font-size: 14px;}
.skin-blue-light .sidebar-menu>li.header.chart-setting .fa-question {color: #999999;font-size: 12px;}
.skin-blue-light .sidebar-menu>li.header.chart-setting .checkbox {color: #333333;}

.search-info {font-size: 13px; border-left: 1px solid #ccc; margin-left: 10px; padding-left: 10px;}
.search-info b {margin: 0 5px;}

.sub-search-title {position: relative; padding:10px 50px 10px 0; background: #78909C; color: #fff;}
.search-item-sort {}
.list-sort {}
.list-sort li {display: inline-block;}
.list-sort li a {color:#ffffff; padding: 0 5px; border-radius: 2px;}
.list-sort li a:hover {background: #546E7A;}
.list-sort li a .fa{vertical-align: middle;}
.list-sort li.active a  {color:#ffffff; background: #37474F;}
.list-sort li.active a .fa{color:#FFC107}

.search-item-filter {}

select.input-mini {font-size: 12px; height: 20px; line-height: 20px; padding: 0;}

.source-select {height: 34px; padding: 0; border: 0; font-size: 12px; line-height: 20px; top: -1px;}
.search-item-filter .source-select {height: 20px;}
.source-select .ms-choice {height: 20px; border: 0; line-height: 20px;}
.source-select .ms-choice > div  {top: -2px;}

.search-item-go {position: absolute; right: 10px; top: 9px;}

.searchitem {margin-bottom: 30px;}
.searchitem th, .searchitem td {vertical-align: top;}
.searchitem h1 {font-size: 18px; line-height: 120%; margin: 0 0 5px 0;}
.searchitem p {margin: 0 0 5px;word-break: break-word;}
.searchitem .floor {display:block; border:1px solid #666; color:#666; padding:1px 3px; font-size:10px; width:auto; float:left; margin-right:10px; line-height:120%; margin-top:2px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.pagination-row {margin: 10px 0; text-align: center}
.pagination-row .pagination {margin: 0 auto;}

.searchitem-list {}
.searchitem-list li {display: inline-block; padding-right: 10px;}
.searchitem-list li.beark-mark {}
.searchitem-list li.li-source {color: #FFA726;}
.searchitem-list li.li-author	{color: #546E7A;}

.box-header .box-title {color: #455A64;}

.opview-sidebar.fixed {position: fixed; width: 230px; top: 0px;}
.sidebar-collapse .opview-sidebar.fixed {width: 50px;}

.row-chart-setting {background: #ffffff; padding: 0 15px 0 40px; color: #08a1cd; position: relative; margin-bottom: 15px; font-size: 16px; border-radius: 3px; box-shadow:0 0 10px 0 rgba(107, 107, 107, 0.2);}
.row-chart-setting .fa-bar-chart {font-size: 24px; color: #bfe1ea; position: absolute; top: 11px; left: 8px;}
.row-chart-setting .fa-cog {font-size: 24px; color: #bfe1ea; position: absolute; top: 11px; left: 8px;}
.row-chart-setting .fa-question {vertical-align: super; font-size: 13px;}
.chart-setting-input { display:inline-block; margin-left: 20px; color:#333333; font-size: 14px;}

.btn-box-download {color: #0d4561; border: 1px solid #91a8b1; background-color: #ffffff;}
.btn-box-edit {padding: 3px 10px; color: #0d4561; border: 1px solid #91a8b1; background-color: #ffffff;}

.col-content { margin:10px 0;}
.content-row {padding: 15px 0;}

.hr {height: 1px; margin: 10px 0; border-top: 1px solid #efefef;}

.model-title {font-size: 16px; font-weight: bold; color: #496fb5;}

.tag-topic {display: block; padding: 2px 10px; text-align: center; color: #FFF; margin: 0px; font-size: 12px; width: auto; border-radius: 3px; max-width: 80px; white-space: nowrap; text-overflow: ellipsis;}

.col-unusual-msg {text-align:center; margin: 30px 0px;}
.col-unusual-msg img {margin-bottom:20px;}
.col-unusual-msg p {font-size:13px;}
.col-unusual-msg p.unusual-title {font-size:15px; color:#0aa0d2; font-weight: bold;}
.col-unusual-msg p.unusual-title2 {font-size:15px; font-weight: bold;}

/*FB-Emotions*/
.li-has-fb {}
.li-has-fb .popover{max-width: 352px; min-width: 352px;}
.list-fb-emotions {}
.list-fb-emotions li {position:relative; width:42px; height:50px; display:inline-block; vertical-align:top; text-align:center; margin:0; padding:0;}
.list-fb-emotions li+li { margin-left:10px;}
.list-fb-emotions li img {width:32px; display:block; margin: 0 auto; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;  -webkit-transition: all .1s ease-in-out;}
.list-fb-emotions li span {font-size:11px; display:block; text-align:center; width:42px; overflow:hidden; text-overflow:ellipsis; background: #E0E0E0; padding: 1px 2px; border-radius: 20px;}
.list-fb-emotions li:hover img {width:46px; position:absolute; top: -8px; left: -3px;}
.list-fb-emotions li:hover span{width: 51px; position: absolute; background: #1565C0; color: #ffffff; text-align: center; padding: 1px 3px; border-radius: 20px; top: 38px; left: -5px; z-index: 999;}

/*modal*/
.modal-header {padding: 10px 15px; background:url(../images/navbar-bg.jpg); color: #fff;}
.modal-footer {padding: 10px 15px;}
.modal-body h2 {margin-top: 10px; font-size: 16px; font-weight: bold; color: #496fb5;}
.modal-body .radio-inline {padding-left: 0;}
.modal-body .radio-inline + .radio-inline {padding-left: 20px;}
.modal-body .radio label, .modal-body .checkbox label {padding-left: 0;}
.modal-body .member-daily-setting	{position: relative; display: inline-block; top: -20px; left: 17px;}

/*table */
.table-list				{ border:solid 1px #cbcbcb; width:100%; clear:both; margin-bottom:15px;}
.table-list th			{ background:#f0f5f7 url(../images/th.png) repeat-x bottom; height:34px; line-height:34px; border-bottom:solid 1px #b6cad2; padding:0 11px; text-align:left; white-space:nowrap;}
.table-list th.th-title   {border-top: 1px solid #b6cad2;}
.table-list th.span-first {border-right: 1px solid #b6cad2;}
.table-list th.span-last {border-left: 1px solid #b6cad2;}
.table-list td			{ padding:8px 11px; border-right: dotted 1px #c7c7c7; line-height:120%; vertical-align:top; word-wrap:break-word; word-break:break-all;}
.table-list td a			{}
.table-list td .button	{ margin-top:6px;}
.table-list td .icon-plus	{ margin-right:5px;}
.table-list td .button		{ white-space:nowrap;}
.table-list td.min-sp, .table-list th.min-sp	{ width:40px; text-align:center;}
.table-list td.view	{ white-space:nowrap;}
.table-list td.td-nowrap	{ white-space:nowrap;}
.table-list tbody tr.even	{ background:#f5f8fa;}
.table-list tbody tr:hover	{ background:#e5ebee;}
.table-link					{ color:#056dae;}
.table-list .label			{ font-weight:normal;}

.table-list.no-border th, .table-list.no-border td { border:none;}

.table-td-number {}
.table-td-number td { white-space:nowrap;}

/*num-badge*/
.num-badge		{ background: #ffffff; color: #fff; display: inline-block; font-size: 11px; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 4px;}
.num-badge-red	{ background:#F45E6D;}
.num-badge-blue	{ background:#499CCF;}
.num-badge-gray	{ background:#9E9E9E;}
.num-badge-hundreds	{ width:22px;}
.num-badge.num-badge-zoomout{ width: 24px; height: 20px; line-height: 20px;} /* support chrome zoom out to 2 text*/


/**/
.main-footer {background: #ecf0f5; font-size: 12px;}
.skin-blue-light .main-footer {border-top-color: #ecf0f5;}

/*login.html*/
body.login-page { height:auto;}
.login-page, .register-page {background: #ffffff url(../images/login-bg.jpg) no-repeat; background-size: cover;}
.login-box-body, .register-box-body {background: #0d84d4 url(../images/login-box-body-bg.jpg) no-repeat; border-radius: 4px; box-shadow: 0 0 0px 6px rgba(0,0,0,.15);}
.login-box-msg, .register-box-msg { color:#ffffff;}
.login-box-body .checkbox { color:#ffffff;}
.login-box-body .button.btn-block {padding:0;}
.login-page .other-links {}
.login-page .other-links p {color:#ffffff; font-size:12px;}
.login-page .other-links a {color:#ffffff; font-size:12px;}
.login-page .other-links a:hover { text-decoration:underline;}
.login-footer { font-size:12px; color: #616161;}
.login-footer a {}

/*system-post.html*/
.sys-post-page {background: #ffffff url(../images/login-bg.jpg) no-repeat; background-size: cover;}
.sys-post-box { margin-top: 7%;}
.sys-post-logo { text-align: center; margin-bottom: 25px;}
.sys-post-body {}
.sys-post-body .box{ box-shadow: 0 0 0px 6px rgba(0,0,0,.15);}

/*overview.html*/
.sub-box-title {position: relative; padding:0; background: #78909C; color: #fff;}
.sub-box-title .nav.nav-tabs {padding-left: 5px;}
.sub-box-title .nav-tabs-custom {margin-bottom: 0px; background: #78909C;}
.sub-box-title .nav-tabs-custom>.nav-tabs>li {border-top: 0px solid transparent;}
.sub-box-title .nav-tabs-custom>.nav-tabs>li>a {font-size: 14px; padding: 5px 15px; color: #fff; border-radius: 3px 3px 0 0; margin-top: 5px; border-bottom-color: #ffffff; background: #577280 url(../images/nav-tabs-a-bg.png) bottom left repeat-x; }
.sub-box-title .nav-tabs-custom>.nav-tabs>li.active>a, .sub-box-title .nav-tabs-custom>.nav-tabs>li>a:hover {color: #091a23; background: #ffffff;}

/*inventory page*/
.inventory-page-box {position: relative; padding:0; background: #78909C; color: #fff;}
.inventory-page-box .nav.nav-tabs {padding-left: 5px;}
.inventory-page-box .nav-tabs-custom {margin-bottom: 0px; background: #78909C;}
.inventory-page-box .nav-tabs-custom>.nav-tabs>li {border-top: 0px solid transparent;}
.inventory-page-box .nav-tabs-custom>.nav-tabs>li>a {font-size: 14px; padding: 5px 15px; color: #fff; border-radius: 3px 3px 0 0; margin-top: 5px; border-bottom-color: #ffffff; background: #577280 url(../images/nav-tabs-a-bg.png) bottom left repeat-x; }
.inventory-page-box .nav-tabs-custom>.nav-tabs>li.active>a, .sub-box-title .nav-tabs-custom>.nav-tabs>li>a:hover {color: #091a23; background: #ffffff;}

.discuss-box			{ border:none; border-top:none; background:#ffffff; width:auto; padding:0px; margin:0 0 20px 0; -moz-border-radius:0 0 10px; -webkit-border-radius:0 0 10px;  border-radius:0 0 10px; #padding-bottom:0px;}
.discuss-box h3		{ font-size:15px; color:#666633; line-height:normal; margin:0; font-weight:normal;}
.discuss-box ol		{ margin-left:10px; padding:0px;}
.discuss-box li		{ display:list-item!important; padding:5px 5px; line-height:160%!important; border-bottom:1px dotted #ccc; list-style:none !important; color:#333!important; font-size:11px;}
.discuss-box li span	{ color:#003399!important;}
.discuss-box li span.pos	{color:#000000!important;position: absolute; left: -30px; width: 60px; text-align: right}

.discuss-box li b		{ font-weight:normal; font-style:italic; margin-left:10px; color:#669900; letter-spacing:0.01em;}
.discuss-box div.more	{ margin:0px; font-size:10px;}
.discuss-box li.current	{ background:#FFFFFF; font-weight:bold;}
.discuss-box li.current p	{ font-weight:bold; color:#000;}
.discuss-box i				{ margin-right:5px; color:#b4ad28; font-size:12px;}


/*leader.html*/
.col-edit-btns { margin:10px 0;}
.col-edit-btns.inner-btn { padding: 0;}
.item-filter-label { display:block; padding-right:5px; text-align:right;}

/*account-settings.html*/
.account-settings-info { font-size:14px;}
.account-settings-info .form-group { margin:0;}
.account-settings-info .form-horizontal .control-label { color:#425f9c;}
.field-setting {padding: 7px; margin: 9px 0px; border-radius: 3px; background: #f7fafb; box-shadow: inset 0 0 10px 0px #d6e8ef;}
.field-setting .label {margin-bottom: 5px; display: inline-block;}
.field-setting-content {height:130px;}

.input-math {width: 60px; padding: 6px 6px; display: inline-block; margin: 0 5px; height: 26px;}
.adv-control-static {padding-left:20px;}
.adv-control-setting {}
.adv-control-setting .switch {margin-left: 15px;}
.adv-control-setting .form-control-static {padding-left:20px;}

.adv-control-static.control-black-white { padding:0;}

.black-white-add {margin-bottom:10px;}
.black-white-add .form-group.form-bw-add {margin:0;}
.black-white-add .form-control {height: 26px; padding: 0 12px;}

.label-black-list {background: #263238; font-weight: normal; margin-right: 5px; display: inline-block;}
.label-white-list {background: #8BC34A; font-weight: normal; margin-right: 5px; display: inline-block;}

.black-white-footer {padding: 10px 0; text-align: right;}

.black-list, .white-list {padding:0 8px 0 8px;}
.black-list h5, .white-list h5 { font-size:13px; line-height: 180%;}
.black-list-content, .white-list-content { height:200px; padding:0 2px 0 10px; background: #f7fafb; box-shadow: inset 0 0 10px 0px #d6e8ef;}
.list-black-white {}
.list-black-white li { position:relative; width:100%; padding: 5px 18px;}
.list-black-white li + li {border-top:1px solid #cccccc;}
.list-black-white li .black-tag, .list-black-white li .white-tag {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-black-white li .editbox-black, .list-black-white li .editbox-white { width:100%;}
.list-black-white li i.fa, .list-black-white li .del { position:absolute;}
.list-black-white li .fa.fa-bookmark-o {color: #f87386; top: 9px; left: 0;}
.list-black-white li .del {top: 9px; right: 14px;}
.list-black-white li .del .fa.fa-close {color: #ababab; cursor: pointer;}
.list-black-white li .del .fa.fa-close:hover {color: #F44336;}

#btn-edit-setting-save, #btn-edit-setting-cancel, #btn-edit-setting-edit {}

@media screen and (min-width: 992px){
    .account-settings-info.last {border-left: 1px dotted #cccccc;}
}

/*keyword-settings.html*/
.table-keyword-setting {}
.table-keyword-setting th.keyword-color,.table-keyword-setting th.keyword-delete {width:30px;}
.table-keyword-setting td { position:relative; vertical-align:middle; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.table-keyword-setting th.inst-notification,.table-keyword-setting td.inst-notification {width:80px;}
.table-keyword-setting td.inst-notification .fa-commenting {color: #0f7cbf;}
.table-keyword-setting .fa-trash-o {font-size:14px; cursor:pointer; color:#484848;}
.table-keyword-setting .fa-trash-o:hover { color:#F44336;}

.table-keyword-setting .fa-plus-circle {position:absolute; top:13px; left:6px; font-size:22px; cursor:pointer; color:#8BC34A;}
.table-keyword-setting .fa-plus-circle:hover { color:#388E3C;}

/*exclude-settings.html*/
.list-exclude {margin-left: 20px;}
.list-exclude li {list-style-type: disc; color:#496fb5;}
.list-exclude li .list-title {display: block; color: #496fb5; font-size: 16px;}
.list-exclude li p{color: #333333;}

.alert-add-success {position:relative; border: 1px solid #C5E1A5; color: #689F38; background: #F1F8E9; padding: 10px;}
.alert-add-success h4 {font-size: 15px; margin: 0;}
.alert-add-success .close {line-height: 15px;}

.label-exclude {background: none; font-size: 15px; margin: 0px; color: #607D8B;}

.table-exclude {}
.table-exclude .has-select {background: #e8e8e8; opacity: .5;}
.table-exclude th.exclude-checkbox {width:30px;}
.table-exclude th.exclude-type {width:80px;}
.table-exclude th.exclude-blockade, .table-exclude td.exclude-blockade {width:80px; text-align:center;}
.table-exclude th.exclude-edit-btn, .table-exclude td.exclude-edit-btn {width:200px; text-align:left;}
.table-exclude th.exclude-edit-btn .button, .table-exclude td.exclude-edit-btn .button {margin-top:0px;}
.table-exclude th.exclude-reply-stock, .table-exclude td.exclude-reply-stock {width:80px; text-align:center;}
.table-exclude td { position:relative; vertical-align:middle; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.tag-exclude{display: block; padding: 2px; text-align: center; color: #FFF; margin:0px; font-size: 12px; width: 60px; border-radius: 3px;}

.exclude-source-input {position:relative; padding-right:55px !important;}
.btn-exclude-add { position:absolute; right:0px; top: 1px;}

.exclude-source .source-select .ms-choice { border-radius: 0px; height:34px; border:1px solid #d2d6de;}
.exclude-source .source-select .ms-choice > div { top: 5px;}
.exclude-source .ms-choice > span { top: 7px;}
.exclude-source .ms-drop.bottom {top: 35px;}
/*SourceClusterSetting.html*/
.btn-cluster-next { position:absolute; right:-15px; top: 1px;}
/*custom-audience.html*/
.table-custom-audience {}
.table-custom-audience .has-select {background: #e8e8e8; opacity: .5;}
.table-custom-audience th.custom-audience-edit-btn, .table-custom-audience td.custom-audience-edit-btn {width:200px; text-align:left;}
.table-custom-audience th.custom-audience-edit-btn .button, .table-custom-audience td.custom-audience-edit-btn .button {margin-top:0px;}
.table-custom-audience th.custom-audience-checkbox {width:30px;}
.table-custom-audience td { position:relative; vertical-align:middle; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.custom-audience-source-input {position:relative; padding-right:55px !important;}
.btn-custom-audience-add { position:absolute; right:0px; top: 1px;}

.table-custom-audience-addauthor td	{line-height:160%; border-bottom:1px; padding:3px 0px; vertical-align: middle;}
.table-custom-audience-addauthor td > label	{display: inline;}
.table-custom-audience-addauthor td > input {padding: 0px;}
.table-custom-audience-addauthor td.delete	{ color:#666; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.table-custom-audience-addauthor td.delete i  {cursor:pointer;}
.table-custom-audience-addauthor td.delete:hover i	{ color:#F30;}
.table-custom-audience-addauthor td.addNew	{ color:#999999; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.table-custom-audience-addauthor td.addNew i {cursor:pointer;}
.table-custom-audience-addauthor td.addNew:hover i	{ color:#71c101;}
.table-custom-audience-addauthor .fa-plus-circle { font-size:22px;}
.table-custom-audience-addauthor .fa-minus-circle { font-size:22px;}

.table-mail-group-addmail td	{line-height:160%; border-bottom:1px; padding:3px 0px; vertical-align: middle;}
.table-mail-group-addmail td > label	{display: inline;}
/*.table-mail-group-addmail td > input {padding: 0px;}*/
.table-mail-group-addmail td.delete	{ color:#666; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.table-mail-group-addmail td.delete i  {cursor:pointer;}
.table-mail-group-addmail td.delete:hover i	{ color:#F30;}
.table-mail-group-addmail td.addNew	{ color:#999999; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.table-mail-group-addmail td.addNew i {cursor:pointer;}
.table-mail-group-addmail td.addNew:hover i	{ color:#71c101;}
.table-mail-group-addmail .fa-plus-circle { font-size:22px;}
.table-mail-group-addmail .fa-minus-circle { font-size:22px;}

.textInput-add-mail {border-radius :4px; padding:5px;background-color:#ececec;border:1px solid #6699cc; vertical-align:middle; outline:none;}
/*member-settings.html*/
.table-member-setting {}
.table-member-setting th.mail-report {width: 30px;}
.table-member-setting td {position: relative; vertical-align: middle; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.table-member-setting th.member-edit, .table-member-setting td.member-edit { width:120px; text-align:center;}
.table-member-setting.table-list td .button { margin-top:0;}

/*member-setting-daily.html*/
.dailyAddresseeTable td				{line-height:160%; border-bottom:1px; padding:3px 0px; vertical-align: middle;}
.dailyAddresseeTable td > label				{display: inline;}
.dailyAddresseeTable td > input             {padding: 0px;}
.dailyAddresseeTable td.delete			{ color:#666; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.dailyAddresseeTable td.delete i			{cursor:pointer;}
.dailyAddresseeTable td.delete:hover i	{ color:#F30;}
.dailyAddresseeTable td.addNew			{ color:#999999; font-size:18px; text-align:center; width:10px;cursor:pointer; padding-left: 3px;}
.dailyAddresseeTable td.addNew i			{cursor:pointer;}
.dailyAddresseeTable td.addNew:hover i	{ color:#71c101;}
.dailyAddresseeTable .fa-plus-circle { font-size:22px;}

.dailyAddresseeTable .fa-minus-circle { font-size:22px;}

#scrollbar3 			{ height:300px; max-height:300px; margin:0px; border-top:1px solid #e5e5e5; border-bottom:4px double #e5e5e5; padding-left:3px;}
#scrollbar3 .viewport 	{ height: 300px; overflow: hidden; position: relative; }
#scrollbar3 .overview 	{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar	{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar3 .track 		{ background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb 		{ background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar3 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar3 .disable 	{ display: none; }

#mailscrollbar 			{ height:200px; max-height:200px; margin:0;background-color:#ececec; }
/*#mailscrollbar 			    { max-height:200px; margin:0px; padding-left:3px;}*/
#mailscrollbar .viewport 	{ height: 200px; overflow: hidden; position: relative; }
#mailscrollbar .overview 	{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#mailscrollbar .scrollbar	{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#mailscrollbar .track 		{ background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#mailscrollbar .thumb 		{ background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#mailscrollbar .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#mailscrollbar .disable 	{ display: none; }

.noSelect 				{ user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#COMPSet2		{ width:540px; margin:0 auto;}
#COMPSet2 h2		{ font-size:13px; font-weight:normal; line-height:normal; margin-top:0;}

/*daily-settings.html*/
.table-daily-setting {}
.table-daily-setting td {position: relative; vertical-align: top; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.table-daily-setting th.daily-edit, .table-daily-setting td.daily-edit { width:120px; text-align:center;}
.table-daily-setting th.notice-subject { width:143px;}
.table-daily-setting th.recipient {}

.tag-daily {display: inline-block; padding: 2px 5px; text-align: center; color: #FFF; margin:0px; font-size: 12px; border-radius: 3px; width: auto; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tag-daily + .tag-daily { margin-top:4px;}
.tag-daily.recipient { width:auto; background: #619FD3;}
.tag-daily.addressee-recipient { width:auto; background: #e48a8a;}
.tag-daily.line-group { width:auto; background: #00B900;}

.modal-daily-setting {}
.modal-daily-setting h4 {font-size: 15px; margin: 10px 0 10px 0; color: #155e9e;}
.modal-daily-setting .checkbox label, .modal-daily-setting .radio label{padding-left:0px; }

.modal-col-set {height:auto; padding: 0 15px;}
@media screen and (min-width: 992px){
    .modal-col-set + .modal-col-set {border-left: 1px dotted #cccccc; height:422px; padding: 0 20px;}
}

.daily-topic-setting {height: 300px;}
.daily-topic-setting .mCSB_inside > .mCSB_container { margin-right: 20px;}

.daily-article-list-setting { margin-bottom:15px;}
.daily-slider { margin:15px 0 25px 0;}

.daily-recipient-select {height: 34px; padding: 0; border: 0; font-size: 12px; line-height: 20px; top: -1px;}
.daily-recipient-select .ms-choice {height: 34px; border: 0; line-height: 34px; border-radius: 0px; border: 1px solid #d2d6de; }
.daily-recipient-select .ms-choice > div  {top: 5px;}

.switch.daily{margin-left: 5px;}
.switch-label.daily {background: #47a8d8;}
.switch-label.daily:before { content: attr(data-off); right: 11px; color: white; text-shadow:  0 1px rgba(0, 0, 0, 0.2);}
.switch-label.daily:after {content: attr(data-on); left: 11px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0;}

/*daily-settings.html - modal*/
.modal-body .sub-box-title {margin-top: -16px; margin-left: -15px; margin-right: -15px; background: #0e475d;}
.modal-body .sub-box-title .nav.nav-tabs { background: #0e475d;}
.tab-content .tab-pane:nth-child(1) .modal-col-set {min-height:420px;}
.tab-content .tab-pane:nth-child(2) .modal-col-set {min-height:350px;}
.tab-content .tab-pane:nth-child(3) .modal-col-set {min-height:350px;}

.report-slider-col {margin-bottom:60px;}

.report-slider .ui-slider-pip .ui-slider-line { height: 8px; top: -5px;}
.report-slider .ui-slider-pip:nth-child(even) { height: 15px;}
.report-slider .ui-slider-pip:nth-child(even) .ui-slider-line { height: 9px;}
.report-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-1 .ui-slider-label,
.report-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-2 .ui-slider-label,
.report-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-3 .ui-slider-label,
.report-slider .ui-slider-pip:nth-child(even).ui-slider-pip-selected-4 .ui-slider-label {}
.report-slider .ui-slider-pip-initial-1 .ui-slider-label { color: #03A9F4;}
.report-slider .ui-slider-pip-initial-2 .ui-slider-label { color: #03A9F4;}
.report-slider .ui-slider-pip-initial-3 .ui-slider-label { color: #8BC34A;}
.report-slider .ui-slider-pip-selected-1 .ui-slider-label,
.report-slider .ui-slider-pip-selected-2 .ui-slider-label,
.report-slider .ui-slider-pip-selected-3 .ui-slider-label { color: white; width: 2.4em; padding: 4px 0; margin-left: -1.2em; border-radius: 2px;}
.report-slider .ui-slider-pip-selected-1 .ui-slider-label { background-color: #03A9F4;}
.report-slider .ui-slider-pip-selected-2 .ui-slider-label { background-color: #03A9F4;}
.report-slider .ui-slider-pip-selected-3 .ui-slider-label { background-color: #8BC34A;}
.report-slider .ui-slider-tip { width: 34px; margin-left: -17px; top: -1px; background: #00c7d7; color: white; border: none; line-height: 20px; height: 20px;}
.report-slider .ui-slider-tip:before,
.report-slider .ui-slider-tip:after { display: none;}
.report-slider .ui-slider-handle.ui-state-active .ui-slider-tip,
.report-slider .ui-slider-handle.ui-state-focus .ui-slider-tip,
.report-slider .ui-slider-handle.ui-state-hover .ui-slider-tip,
.report-slider .ui-slider-handle:focus .ui-slider-tip,
.report-slider .ui-slider-handle:hover .ui-slider-tip { top: -1px;}
.report-slider .ui-slider-handle.ui-state-focus { z-index: 100;}

.report-slider .ui-slider-handle.ui-state-default:nth-child(1),
.report-slider .ui-slider-handle.ui-state-default:nth-child(2) {background: #5fc2ef;;}
.report-slider .ui-slider-handle.ui-state-default:nth-child(3) {background: #8BC34A;}

.report-slider-notice {}
.report-slider-notice span {margin-left: 10px; color: #616161; font-size: 13px;}
.report-slider-notice .fa-square {font-size: 14px; color: #5fc2ef; margin-right: 3px;}
.report-slider-notice .report-time .fa-square {color: #8bc34a;}
.report-slider-notice .fa-square-o {font-size: 14px; color: #5fc2ef; margin-right: 3px;}

/*pre-warning-setting.html*/
.table-warning-setting {}
.table-warning-setting td {position: relative; vertical-align: top; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.table-warning-setting th.warning-edit, .table-warning-setting td.warning-edit { width:120px; text-align:center;}
.table-warning-setting th.notice-subject { width:143px;}
.table-warning-setting th.recipient {}
.table-warning-setting tr.disable  td {background: #eaeaea; color: #bbb;}
.table-warning-setting tr.disable  td.control-btn{background: #eaeaea;}
.table-warning-setting tr.disable:hover  td, .table-warning-setting tr.disable  td:hover{background:#f1f1f1;}

.modal-warning-setting {}
.modal-warning-setting h4 {font-size: 15px; margin: 10px 0 10px 0; color: #155e9e;}
.modal-warning-setting .checkbox label, .modal-warning-setting .radio label{padding-left:0px; }

.warning-slider { margin: 15px 0 25px 40px;}
.warning-list-setting { position: relative; margin-bottom: 15px;}
.warning-list-setting .mark, mark {background-color: #ffffff;}
.warning-HL-btn {position: absolute; left: 0px; top: 60px;}

/*mood.html*/
.small-dd-source {font-size:13px; display:block; margin-bottom: 5px; color: #757575;}

/*keyword-preview.html*/
.keyword-setting {}
.keyword-setting-input { border-bottom: 0px double #e5e5e5; padding: 0; width: 100% !important; height: 150px;}
.keyword-setting-input textarea {width: 100%; height: 150px; border-color: #d2d6de; border-radius: 3px;}
.kp-col-content { }
.kp-col-content .tab-sub-col {position: relative; padding: 5px 15px 5px 15px; margin-bottom: 15px; background: #eaeef1; color: #333; border-radius: 3px; border: 1px dashed #bbbbbb;}
.kp-col-content .tab-content-col { }
.kp-marquee-bar  {}
.kp-marquee-bar .marquee.kp-marquee {background-color: transparent; border: none; width:100%;}
.tab-title-col {}
.tab-title-col h3 {font-size: 20px; color: #0b8bc8; margin-top: 0;}
.tab-title-col h3 i {font-size: 16px; position: relative; top: -2px;}

.tab-chart-col {}
.tab-chart-col .col-md-chart { padding-right:15px; padding-left:0px;}
.tab-chart-col .col-md-chart+.col-md-chart { padding-right:0; padding-left:15px;}
.tab-chart-col .col-md-chart h4 {color: #ffffff; background: #8BC34A; font-size: 17px; padding: 5px 15px; border-radius: 5px 5px 0 0;}
.tab-chart-col .col-md-chart h4 i {position: relative; font-size: 14px; top: -2px;}
.tab-chart-col .col-md-chart h4 span { font-size: 13px; position: relative; top: 2px; color: #33691E;}

.table-list-log {}
.table-list-log td {font-size:13px;}


/*textual.html*/
.data-filter-setting { background: #0d8fcb; padding: 0 15px 0 15px; color: #ffffff; position: relative; margin-bottom: 15px; font-size: 16px; border-radius: 3px; box-shadow:inset 0 0 10px 0 rgba(49, 49, 49, 0.4);}
.data-filter-setting .fa-sliders { font-size: 24px; color: #a3d8f1; margin-right: 5px; /*position: absolute; top: 45px; left: 15px;*/}
.data-setting-input {display: inline-block; color: #333333; font-size: 14px; margin: 10px 0;}
.data-setting-input.first { margin-left:10px;}
.data-setting-input span, .data-setting-input select {display: inline-block; width: auto;}
.data-filter-setting .fa-question { vertical-align: super; font-size: 13px;}
.data-filter-label {color: #ffffff; margin-left:20px;}
.data-filter-go {}
.data-setting-input.data-source-input { min-width:140px; max-width:200px;}
.data-setting-input .source-select { height: 20px;}

.col-md-chart h4 { color: #ffffff; background: #8BC34A; font-size: 17px; padding: 5px 15px; border-radius: 5px 5px 0 0; margin-bottom: 1px;}
.col-md-chart { padding-right:15px; padding-left:0px;}
/*.col-md-chart+.col-md-chart { padding-right:0; padding-left:15px;}*/

.keyword-explore {}
.keyword-explore .num-badge-gray {margin-left: 5px; padding: 0 5px; width: auto; border-radius: 16px;}
.keyword-explore .fa-caret-up {color: #03A9F4;}
.keyword-explore .fa-caret-down {color: #F44336;}

.col-table-date {}
.col-table-date table.dataTable {margin-top: 0px !important; margin-bottom: 5px !important;}
.col-table-date table.dataTable thead .sorting:after, .col-table-date table.dataTable thead .sorting_asc:after, .col-table-date table.dataTable thead .sorting_desc:after {top: 0px;}
.col-table-date .pagination {}
.col-table-date .pagination>li {font-size: 12px;}
.col-table-date .pagination>li>a {margin: 0 2px;}
.col-table-date .pagination>li>a, .col-table-date .pagination>li>span { padding: 3px 6px;}
.col-table-date .pagination>.disabled>a, .col-table-date .pagination>.disabled>a:focus, .col-table-date .pagination>.disabled>a:hover, .col-table-date .pagination>.disabled>span, .col-table-date .pagination>.disabled>span:focus, .col-table-date .pagination>.disabled>span:hover {cursor: default;}

.col-last { padding-right:0;}

.textual-table-scroll { height:260px;}
/*.storm-textual-table-scroll { height:500px;}*/
.table-textual {}
.table-textual {}
.table-textual td .fa-bookmark-o {color: #2196F3; margin-right: 5px;}
.table-textual .keyword-disabled { width:20px;}
.table-textual .keyword-disabled a {color: #ababab;}
.table-textual .keyword-disabled a:hover {color: #F44336;}

/*storm-map*/
.col-content .storm-content			{background:transparent url(../images/storm-map/storm-map.jpg) no-repeat center 10px; width:728px; padding:0px; margin-left: 240px; height:410px; overflow:hidden;}
.col-content .storm-box				{background:url(../images/storm-map/box.png) no-repeat center top;background-size:contain; width:350px;height:120px; position:relative; top:20px; left:10px;}
.col-content .storm-box .pic			{position: relative; left: 36px; top: 15px; width: 72px; float: left;}
.col-content .storm-box .pic img		{line-height: 85px; vertical-align:middle; height:72px;}
.col-content .storm-box .infor			{float:right; margin-right:15px;font-size:11px; width:201px; width:188px\9; position:relative; top:10px;}
.col-content .storm-box .infor li		{line-height:195%;}
.col-content .storm-box .infor li span.level	{color:#FF0000;}
.col-content .storm-box .infor li.keyword 		{font-weight:bold; color:#0066CC; font-size:11pt; line-height:160%;}
.col-content .graph				{ position:relative; position:relative; top:15px; left:10px;}

.col-content .emptybox			{background:transparent; width:240px; height:93px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.col-content .storm-box .infor{ position:relative; top:36px; left:-15px; top:15px; font-size:10px;}}/*chrome*/

.point 							{height:0px; max-width:200px; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.point .tip						{height:26px; #height:38px; position:relative; top:8px; max-width:100px;}

.point .tip .fa-times-circle				{ position:absolute; color:#F33; font-size:18px; top:-5px; right:-10px; background:url(../images/storm-map/closeBtn-bg.png) no-repeat center center; opacity:0;  transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.point:hover .tip .fa-times-circle			{ opacity:1;}
.point:hover .tip .fa-times-circle:hover	{ color:#F00; font-size:21px; top:-7px; right:-10px;}
.point:hover .tip .fa-times-circle:active	{ }

.point .tip a					{font-size:12px; text-decoration:none; background:url(../images/storm-map/tip2_L.png) repeat-x left top; margin-right:15px; padding:5px 25px 5px 5px; border-radius: 50px; #margin:0px; #padding:0px 0px 0px 2px; #line-height:48px; position:relative; white-space:nowrap;}
.point .tip a::before {content: " ";position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; bottom: -3px; left: 15px; margin-left: -5px; border-top-color:#696a6b; border-width: 5px 5px 0px;}
.point .tip a span				{background:none; color:#FFF; font-weight:normal; margin-left:3px;  padding:5px 0px 20px 5px; padding-right:15px; margin-right:-25px; font-family:Verdana,"新細明體"; position:relative; #left:15px; #padding-left:-5px; #padidng-right:0px; #margin-right:0px; #margin-left:-5px; white-space:nowrap;}
.point:hover .tip a  			{background:url(../images/storm-map/tip_L.png) repeat-x left top; }
.point:hover .tip a::before     {border-top-color:#292a2c;}
.point:hover .tip a span		{background:none;}
.point:hover .tip				{z-index:999; top:3px;}

.pointDisable	{ opacity:.3; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.pointDisable .fa-times-circle	{ display:none;}

.nameTag			{background:url(../images/storm-map/nameTag.png) no-repeat left top; height:35px; width:136px; padding:7px 0px 0 12px;  position:relative; top:220px; left:0px; }
.nameTag a:link,
.nameTag a:visited	{font-size:15px; font-family:"微軟正黑體","新細明體"; font-weight:bold;color:#FFFFFF; text-decoration:none;}
.nameTag a:hover	{color:#000;}

.storm-content-scroll {position:relative; overflow:hidden; width:auto; background:#FFFFFF url(../images/storm-map/col-storm-bg.jpg) no-repeat;}
.storm-list {position: absolute; width: auto; margin-left: 0px; top: 0px; min-width: 220px;}
.table-storm { margin-bottom:0px; border-bottom: 0px;}
.table-storm th.footer	{border-bottom: 0; border-top: solid 1px #b6cad2;}
.table-storm-child {}
.table-storm-child td {border-right:none;}
.table-storm-scroll { height:320px;}
.table-storm-scroll .mCSB_inside > .mCSB_container { margin-right: 0px;}

._1_1	{position:relative; left:135px; top:140px;}

._2_1	{position:relative; left:150px; top:80px;}
._2_2	{position:relative; left:180px; top:95px;}
._2_3	{position:relative; left:200px; top:120px;}

._3_1	{position:relative; left:160px; top:20px;}
._3_2	{position:relative; left:200px; top:40px;}
._3_3	{position:relative; left:240px; top:70px;}
._3_4	{position:relative; left:270px; top:100px;}

._4_1	{position:relative; left:190px; top:-25px;}
._4_2	{position:relative; left:230px; top:-10px;}
._4_3	{position:relative; left:260px; top:5px;}
._4_4	{position:relative; left:290px; top:30px;}
._4_5	{position:relative; left:310px; top:80px;}

._5_1	{position:relative; left:280px; top:-60px;}
._5_2	{position:relative; left:310px; top:-10px;}
._5_3	{position:relative; left:330px; top:20px;}
._5_4	{position:relative; left:350px; top:50px;}
._5_5	{position:relative; left:370px; top:100px;}
._5_6	{position:relative; left:390px; top:130px;}

._6_1	{position:relative; left:300px; top:-100px;}
._6_2	{position:relative; left:330px; top:-60px;}
._6_3	{position:relative; left:360px; top:-30px;}
._6_4	{position:relative; left:390px; top:10px;}
._6_5	{position:relative; left:410px; top:50px;}
._6_6	{position:relative; left:440px; top:110px;}

._7_1	{position:relative; left:330px; top:-140px;}
._7_2	{position:relative; left:360px; top:-110px;}
._7_3	{position:relative; left:390px; top:-70px;}
._7_4	{position:relative; left:420px; top:-30px;}
._7_5	{position:relative; left:440px; top:10px;}
._7_6	{position:relative; left:460px; top:50px;}
._7_7	{position:relative; left:470px; top:90px;}

._8_1	{position:relative; left:350px; top:-180px;}
._8_2	{position:relative; left:380px; top:-140px;}
._8_3	{position:relative; left:410px; top:-110px;}
._8_4	{position:relative; left:440px; top:-70px;}
._8_5	{position:relative; left:470px; top:-30px;}
._8_6	{position:relative; left:490px; top:20px;}
._8_7	{position:relative; left:500px; top:60px;}

._9_1	{position:relative; left:470px; top:-110px;}
._9_2	{position:relative; left:490px; top:-70px;}
._9_3	{position:relative; left:520px; top:-30px;}
._9_4	{position:relative; left:530px; top:10px;}
._9_5	{position:relative; left:540px; top:60px;}
._9_6	{position:relative; left:550px; top:100px;}
._9_7	{position:relative; left:550px; top:140px;}

._10_1	{position:relative; left:500px; top:-130px;}
._10_2	{position:relative; left:520px; top:-100px;}
._10_3	{position:relative; left:550px; top:-50px;}
._10_4	{position:relative; left:570px; top:0px;}
._10_5	{position:relative; left:590px; top:50px;}
._10_6	{position:relative; left:600px; top:100px;}
._10_7	{position:relative; left:600px; top:140px;}

._11_1	{position:relative; left:530px; top:-170px;}
._11_2	{position:relative; left:560px; top:-120px;}
._11_3	{position:relative; left:580px; top:-80px;}
._11_4	{position:relative; left:600px; top:-30px;}
._11_5	{position:relative; left:610px; top:20px;}
._11_6	{position:relative; left:630px; top:80px;}
._11_7	{position:relative; left:640px; top:130px;}

._12_1	{position:relative; left:560px; top:-190px;}
._12_2	{position:relative; left:580px; top:-160px;}
._12_3	{position:relative; left:610px; top:-110px;}
._12_4	{position:relative; left:620px; top:-70px;}
._12_5	{position:relative; left:650px; top:-10px;}
._12_6	{position:relative; left:670px; top:40px;}
._12_7	{position:relative; left:670px; top:100px;}

.storm-tag			{ border:1px solid #fff; border-radius:3px; padding:1px 5px; background:#000; color:#fff; white-space:nowrap; margin-right:14px;}
.storm-tag.light	{ border-color:#568e0a; background:#86cb28;}
.storm-tag.mid		{ border-color:#d9ab01; background:#f3bf00;}
.storm-tag.strong	{ border-color:#ff7300; background:#ff9300;}
.storm-tag.S-strong	{ border-color:#d60000; background:#fc0000;}
.storm-tag.no-related	{ border-color:#777777; background:#AAAAAA;}

@media screen and (min-width: 1440px){
    .col-content .storm-content			{background:transparent url(../images/storm-map/storm-map-xl.jpg) no-repeat center 10px; width:920px; padding:0px; margin-left: 240px; height:410px; overflow:hidden;}
    .col-content .storm-box				{background:url(../images/storm-map/box.png) no-repeat center top; background-size:contain;width:350px; height:120px; position:relative; top:20px; left:10px;}
    .col-content .storm-box .pic			{position: relative; left: 36px; top: 15px; width: 72px; float: left;}
    .col-content .storm-box .pic img		{line-height: 85px; vertical-align:middle; height:72px;}
    .col-content .storm-box .infor			{float:right; margin-right:15px;font-size:11px; width:201px; width:188px\9; position:relative; top:10px;}
    .col-content .storm-box .infor li		{line-height:195%;}
    .col-content .storm-box .infor li span.level	{color:#FF0000;}
    .col-content .storm-box .infor li.keyword 		{font-weight:bold; color:#0066CC; font-size:11pt; line-height:160%;}
    .col-content .graph				{ position:relative; position:relative; top:15px; left:10px;}

    .col-content .emptybox			{background:transparent; width:240px; height:93px;}
    @media screen and (-webkit-min-device-pixel-ratio:0){.col-content .storm-box .infor{ position:relative; top:36px; left:-15px; top:15px; font-size:10px;}}/*chrome*/

    ._1_1	{position:relative; left:135px; top:120px;}

    ._2_1	{position:relative; left:130px; top:50px;}
    ._2_2	{position:relative; left:165px; top:70px;}
    ._2_3	{position:relative; left:190px; top:105px;}

    ._3_1	{position:relative; left:145px; top:-20px;}
    ._3_2	{position:relative; left:190px; top:5px;}
    ._3_3	{position:relative; left:230px; top:45px;}
    ._3_4	{position:relative; left:255px; top:80px;}

    ._4_1	{position:relative; left:220px; top:-60px;}
    ._4_2	{position:relative; left:250px; top:-30px;}
    ._4_3	{position:relative; left:275px; top:-5px;}
    ._4_4	{position:relative; left:300px; top:30px;}
    ._4_5	{position:relative; left:325px; top:70px;}

    ._5_1	{position:relative; left:320px; top:-60px;}
    ._5_2	{position:relative; left:340px; top:-10px;}
    ._5_3	{position:relative; left:360px; top:20px;}
    ._5_4	{position:relative; left:370px; top:50px;}
    ._5_5	{position:relative; left:380px; top:100px;}
    ._5_6	{position:relative; left:390px; top:130px;}

    ._6_1	{position:relative; left:350px; top:-100px;}
    ._6_2	{position:relative; left:380px; top:-60px;}
    ._6_3	{position:relative; left:400px; top:-30px;}
    ._6_4	{position:relative; left:420px; top:10px;}
    ._6_5	{position:relative; left:435px; top:50px;}
    ._6_6	{position:relative; left:450px; top:110px;}

    ._7_1	{position:relative; left:390px; top:-140px;}
    ._7_2	{position:relative; left:420px; top:-110px;}
    ._7_3	{position:relative; left:450px; top:-70px;}
    ._7_4	{position:relative; left:480px; top:-30px;}
    ._7_5	{position:relative; left:490px; top:10px;}
    ._7_6	{position:relative; left:500px; top:50px;}
    ._7_7	{position:relative; left:510px; top:90px;}

    ._8_1	{position:relative; left:450px; top:-180px;}
    ._8_2	{position:relative; left:490px; top:-140px;}
    ._8_3	{position:relative; left:500px; top:-110px;}
    ._8_4	{position:relative; left:530px; top:-70px;}
    ._8_5	{position:relative; left:550px; top:-30px;}
    ._8_6	{position:relative; left:560px; top:20px;}
    ._8_7	{position:relative; left:570px; top:60px;}

    ._9_1	{position:relative; left:570px; top:-110px;}
    ._9_2	{position:relative; left:585px; top:-70px;}
    ._9_3	{position:relative; left:600px; top:-30px;}
    ._9_4	{position:relative; left:610px; top:10px;}
    ._9_5	{position:relative; left:625px; top:60px;}
    ._9_6	{position:relative; left:630px; top:90px;}
    ._9_7	{position:relative; left:630px; top:140px;}

    ._10_1	{position:relative; left:620px; top:-130px;}
    ._10_2	{position:relative; left:640px; top:-100px;}
    ._10_3	{position:relative; left:655px; top:-50px;}
    ._10_4	{position:relative; left:670px; top:0px;}
    ._10_5	{position:relative; left:680px; top:50px;}
    ._10_6	{position:relative; left:690px; top:100px;}
    ._10_7	{position:relative; left:690px; top:140px;}

    ._11_1	{position:relative; left:680px; top:-170px;}
    ._11_2	{position:relative; left:700px; top:-120px;}
    ._11_3	{position:relative; left:710px; top:-80px;}
    ._11_4	{position:relative; left:720px; top:-30px;}
    ._11_5	{position:relative; left:730px; top:20px;}
    ._11_6	{position:relative; left:750px; top:80px;}
    ._11_7	{position:relative; left:755px; top:120px;}

    ._12_1	{position:relative; left:745px; top:-180px;}
    ._12_2	{position:relative; left:765px; top:-140px;}
    ._12_3	{position:relative; left:780px; top:-95px;}
    ._12_4	{position:relative; left:790px; top:-45px;}
    ._12_5	{position:relative; left:800px; top:15px;}
    ._12_6	{position:relative; left:815px; top:70px;}
    ._12_7	{position:relative; left:815px; top:115px;}
}

/*warning.html*/
.warning-content { position:relative; min-height: 220px; margin-bottom: 15px;}
.warning-chart {min-height: 220px; margin-left: 105px;}
.warning-chart-img {position:absolute; left:0px;}

/*prediction.html*/
.table-prediction	{ width:100%;}
.table-prediction th	{ font-size:13px; font-weight:normal; color:#fff; background-color:#8D8D8D; text-align:left; padding:6px 15px;}
.table-prediction td	{ border-bottom:1px dotted #ccc; font-size:13px; padding:6px 15px;}
.table-prediction tr.high-04 td	{ background-color:#FCDBA4;}
.table-prediction tr.high-03 td	{ background-color:#FFE3B4;}
.table-prediction tr.high-02 td	{ background-color:#FFF1D9; border-bottom: 2px solid #FFCB86;}
.table-prediction tr.high-01 td	{ background-color:#ECECEC;}
.table-prediction tr.normal td		{ background-color:#ffffff;}
.table-prediction tr.low-01 td		{ background-color:#ECECEC; border-bottom: 2px solid #A4DAF0;}
.table-prediction tr.low-02 td		{ background-color:#EFF9FD;}
.table-prediction tr.low-03 td		{ background-color:#D5EFFA;}
.table-prediction tr.low-04 td		{ background-color:#C0E6F5;}
.table-prediction td.high-area		{ font-family:'微軟正黑體'; font-size:16px; color:#E43B04; vertical-align:middle; border-left: 1px dotted #ccc; border-bottom: 2px solid #FFCB86;}
.table-prediction td.low-area		{ font-family:'微軟正黑體'; font-size:16px; color:#005BB2; vertical-align:middle; border-left: 1px dotted #ccc;}
.table-prediction td.normal-area	{ font-family:'微軟正黑體'; font-size:16px; vertical-align:middle; border-left: 1px dotted #ccc; border-bottom: 2px solid #A4DAF0;}

/*track.html*/
.track-row .sub-search-title {margin-bottom: 15px;}
.box-tools-label {vertical-align: middle; margin: 0 5px;}
.box-tools-label input[type="checkbox"] {margin: 0; vertical-align: middle; margin-right: 3px}
.track-setting {}
.track-setting h3	{font-size: 16px; color: #ffffff; font-weight: bold; margin: 0; display: block; background: #7798a9; padding: 8px 5px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #607D8B;}
.col-track-list {}

.box-tools-label2 {margin: 0 5px;}
.box-tools-label2 input[type="checkbox"] {margin: 0; vertical-align: middle;}

.track-list-content { height:200px; padding:0 2px 0 10px; background: #f7fafb; box-shadow: inset 0 0 10px 0px #d6e8ef; margin-bottom:15px;}
.list-track {}
.list-track li { position:relative; width:100%; padding: 5px 18px;}
.list-track li + li {border-top:1px solid #cccccc;}
.list-track li .track-tag, .list-track li .track-tag {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-track li .editbox-track, .list-track li .editbox-track { width:100%;}
.list-track li i.fa.fa-bookmark-o,.list-track li i.fa.fa-close, .list-track li .del { position:absolute;}
.list-track li .fa.fa-bookmark-o {color: #f87386; top: 9px; left: 0;}
.list-track li .del {top: 9px; right: 14px;}
.list-track li .del .fa.fa-close {color: #ababab; cursor: pointer;}
.list-track li .del .fa.fa-close:hover {color: #F44336;}

/*author-track.html*/
.list-track.list-user-track li {padding:5px 18px 5px 0px;}
.list-track.list-user-track li.user-track-title {padding: 5px 0;}
.list-track.list-user-track li.user-track-title input[type=checkbox] { margin:0 5px 0 0;}
.list-track.list-user-track li.user-track-title .track-tag {display: block; float: right; color: #3e7b90;}
.list-track.list-user-track li .track-tag {font-weight: normal; margin: 0;}
.list-track.list-user-track li .track-tag input[type=checkbox] { margin:0 5px 0 0;}
.list-track.list-user-track li label.track-checkbox {position: relative; font-style: normal; color: #696868; margin:0;}

.list-clipping {}
.list-clipping li {padding: 5px 0;}
.list-clipping li.remind {font-size: 11px; color: #F44336;}

.col-author-track {margin-top:15px;}
.user-track-form {padding: 5px; background: #f1f1f1; border-radius: 3px; margin-bottom: 15px;}
.user-track-form h4 {font-size: 14px; margin: 0 0 5px;}
.user-track-form h4.last { margin-top:10px;}

.user-track-list.track-list-content {padding: 0 10px; height: 120px;}
.track-date-group {margin-bottom: 0;}
.track-date-group .checkbox label, .track-date-group .radio label {padding-left:0px;}
.date-input-fix.track-date { width:99%;}
.dd-track-go {margin-top: 20px; height:30px; text-align: center;}
.dd-track-go .button {width:45%; padding: 0; }
.dd-track-go .button.button-sm:active {padding: 1px 0px 0 0;}

.author-track-info {margin-right: 10px; color: #3f5967; padding-right: 10px; border-right: 1px solid #b8c6ce;}
.author-track-info b {margin: 0 4px;}

.sub-search-title.track-sort {padding: 10px 0px 10px 0;}

/*instant-notification-service.html*/
.col-tab-btns {margin-bottom: 10px;}
.col-tab-btns .btns-info {line-height: 30px; color: #1976D2; font-size: 16px;}
.col-tab-btns .fa-info-circle {font-size: 20px; color: #2196F3; vertical-align: text-bottom; margin-right: 5px;}

.table-instant {}
.table-instant td {border-right: none; vertical-align:middle;}
.table-instant.table-list td .button {margin-top: 0px;}

.table-report {}
.table-report td {border-right: none; vertical-align:middle;}
.table-report.table-list td .button {margin-top: 0px;}

.modal-notification-setting {}
.modal-notification-setting h4 { font-size: 15px; margin: 10px 0 10px 0; color: #155e9e;}

.notification-topic-setting {height: 300px;}
.verification-code-setting {margin-bottom: 15px;}

/*根據需求將顏色條淡*/
/*.notification-disabled {color:#989898;}*/
.notification-disabled {color:#cccccc;}
.notification-setting { margin-top: 20px;}
.notification-setting label {width:100%;}

.verification-key {display:block; margin-bottom:15px; color: #2f84c7; font-weight: bold; font-size: 18px; word-break: break-all;}

@media screen and (min-width: 992px){
    .modal-notification-setting .modal-col-set + .modal-col-set {border-left: 1px dotted #cccccc; height:345px; padding: 0 10px;}
}

/*post-row*/
.post-content {}
.post-content h3 {font-size: 15px;}
.post-content p {}
.post-content p.post-last-line { text-align:right; font-size:13px; color: #9E9E9E;}
.post-content p span {color: #1976D2; font-weight: bold;}


/*progress*/
.progress {margin-top: 20px;}
.progress-bar {text-align: left; transition-duration: 4s;}


/*ChannelCluster*/
.channel-cluster.cluster-select .ms-choice {border: 1px solid #d2d6de; height: 30px; line-height: 30px; border-radius: 4px;}
.channel-cluster.cluster-select .ms-choice > div { top: 3px;}
.form-group.cluster-switch {position: absolute;top:-3px;right:0;font-size: 13px;color: #555;line-height: 1.7;margin-bottom: 0;}
@media screen and (max-width: 1200px){
    .form-group.cluster-switch {position: relative;top:7px;right:0;font-size: 13px;color: #555;line-height: 1.7;margin-bottom: 0;}
}
.form-group.source-disabled { color:#ccc;}
.form-group.cluster-group {}
.form-horizontal .select-inline { position: relative; padding-top: 7px; margin-top: 0; margin-bottom: 0; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; display: inline-block;}

.fb-select {height: 26px; padding: 0 12px;}
.fb-label {margin-right:20px;}

.row-chart-setting .popover {}
.row-chart-setting .popover .popover-title { color: #455a64;}
.row-chart-setting .popover .popover-content { color:#333333;}
.cluster-group .popover { width:276px;}
.cluster-group .popover .popover-title { color: #455a64;}
.cluster-group .popover .popover-content { color:#333333;}

.cluster-source .source-select .ms-choice { border-radius: 4px; height:34px; border:1px solid #d2d6de;}
.cluster-source .source-select .ms-choice > div { top: 5px;}
.cluster-source .cluster-select .ms-choice { border-radius: 4px; height:34px; border:1px solid #d2d6de;}
.cluster-source .cluster-select .ms-choice > div { top: 5px;}
.cluster-source .ms-choice > span { top: 7px;}
.cluster-source .ms-drop.bottom {top: 35px;}
.cluster-select {height: 34px;padding: 0;border: 0;font-size: 12px;line-height: 20px;top: -1px;}

.cluster-source {padding:0;}
.cluster-source .form-horizontal .form-group { margin-right: 0px; margin-left: 0px;}

.form-cluster-name { padding-left:40px;}
.cluster-add.fa-plus-circle {position:absolute; top:6px; left:6px; font-size:22px; cursor:pointer; color:#8BC34A;}
.cluster-add.fa-plus-circle:hover { color:#388E3C;}

.cluster-delete.fa-ban {color: #F44336; margin-right: 5px; cursor: pointer;}
.cluster-delete.fa-ban:hover { color: #C62828;}

.ul-cluster-source {}
.ul-cluster-source .no-channel { color:#9E9E9E;}
.ul-cluster-source .fa-check-square-o {margin-right:5px;}

.table-cluster {}
.table-cluster td	{position: relative; vertical-align: middle; border-right: none; border-bottom: dotted 1px #c7c7c7;}
.table-cluster .cluster-name{}
.table-cluster .cluster-type{}
.table-cluster .cluster-blockade{ width: 120px;}
.table-list.table-cluster td .button {margin-top: 0px;}

.tag-cluster { display: inline-block; background: #78909C; padding: 2px; text-align: center; color: #FFF; margin: 1px; font-size: 12px; width: auto; border-radius: 3px;}

.cluster-select {height: 34px; padding: 0; border: 0; font-size: 12px; line-height: 20px; top: -1px;}
.search-item-filter .cluster-select {height: 20px;}
.cluster-select .ms-choice {height: 20px; border: 0; line-height: 20px;}
.cluster-select .ms-choice > div  {top: -2px;}
.ms-choice { border-radius: 4px; height:34px; border:1px solid #d2d6de;}
.exclude-source .cluster-select .ms-choice > div { top: 5px;}

.data-setting-input .cluster-select { height: 20px;}

/*scroll_tabs*/
.no-box-shadow {box-shadow: none;}
.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected, .scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected {background-color: #ffffff; color: #091a23; border-bottom: 1px solid #ffffff; }
.scroll_tabs_theme_light div.scroll_tab_inner span, .scroll_tabs_theme_light div.scroll_tab_inner li {background: #577280 url(../images/nav-tabs-a-bg-4px.png) bottom left repeat-x; border-left: none; border-top: none; margin: 5px 2px 0 2px; border-radius: 3px 3px 0 0;}
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over {background-color: #ffffff; border-bottom-color: #ffffff;}
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_over a, .scroll_tabs_theme_light div.scroll_tab_inner li.scroll_tab_over a {background-color: #ffffff; color: #091a23;}
.scroll_tabs_theme_light div.scroll_tab_inner span a, .scroll_tabs_theme_light div.scroll_tab_inner li a {color: #ffffff;}
.scroll_tabs_theme_light div.scroll_tab_inner span.tab_selected a, .scroll_tabs_theme_light div.scroll_tab_inner li.tab_selected a {color: #091a23;}

.scroll_tabs_theme_light .scroll_tab_left_button, .scroll_tabs_theme_light .scroll_tab_right_button {height: 26px; background-color: #2c4552; top: 6px !important; border: none;}

.scroll_tabs_theme_light .scroll_tab_left_button_disabled, .scroll_tabs_theme_light .scroll_tab_right_button_disabled {color: #919fa7; background-color: #5f7580; border: none; height: 26px; top: 6px !important;}

.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_left_finisher {background-color: #78909c;}
.scroll_tabs_theme_light div.scroll_tab_inner span.scroll_tab_right_finisher {background-color: #78909c; border-right: 1px solid #78909c;}

/*switch checkbox*/
.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 62px;
    height: 26px;
    padding: 3px;
    margin: 0;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: 20px;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #47a8d8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
    background: #4fb845;
}


/*趨勢圖懸停 CSS*/
#portletLoading	{ width:200px; height:150px; background-color:#f8f8f8; position:relative; border:5px solid #ebebeb; border-radius:3px; margin:20px auto; padding-top:20px; text-align:center; z-index:300; font-size:12px;}
.trandTable	{}
.trandTable th		{ line-height:14px; color:#fff; font-weight:bold; background:url(../images/trend-tab-th-bg.png) repeat-x;}
.trandTable td		{ padding:5px 5px 5px 10px; line-height:21px; border-bottom:1px solid #d2d2d2;}
.trandTable tr:nth-child(even) td { background:#f1f1f1; border-bottom:1px solid #d2d2d2; border-top:1px solid #fff; background-image:-webkit-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-moz-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-o-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:linear-gradient(to bottom, #f4f4f4, #e3e3e3);}
.trend-infoTip		{ position:relative; border:1px solid #a4bad8; border-bottom:1px solid #DAD8D8; background:#f1f1f1; padding:10px 20px; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .10s ease-in-out; box-shadow:inset 0 0 10px rgba(0,0,0,.2);}
.trend-infoTip h3	{ color:#3870BB; line-height:34px; margin:0; font-family:'微軟正黑體','新細明體',Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-shadow:0 1px rgba(255, 255, 255, 0.5);}
.trend-infoTip p	{ color:#666666;}

.trend-infoTip-close	{ position:absolute; right:15px; top:15px; font-size:16px;}
.trend-infoTip-close a	{ color:#797777; text-decoration:none;}
.trend-infoTip-close a:hover	{ color:#F33;}
.table-infoTip	{}
.table-infoTip th, .table-infoTip td	{ padding:4px 8px;}
.table-infoTip th	{ background:#CCDCF3; color:#4B76B3;}
.table-infoTip td	{ background:#ffffff;}
.table-infoTip .reply	{ width:10%; text-align:center;}
.table-infoTip .summary	{ max-width:520px;}
.table-infoTip td.summary	{ color:#666666;}


/*轉轉轉*/
#fullLoading, #fullLoading1	{ justify-content: center;display: flex;}
.overlay	{ background:#000; opacity:.9; position:fixed; width:100%; height:100%; z-index:9999;top: 0;left: 0;}
#loading { width:200px; height:90px; background-color:#F4F4F4; position:absolute; border:5px solid #f8f8f8; border-radius:6px;top:45%; text-align:center; z-index:9999; font-size:12px; padding-top: 20px;}

/*主題開關*/
.subjectSwitch	{position:absolute;top: -5px;right: 150px; z-index:20;}
.subjectSwitch span.switch-label-title {color: #555; font-size: 13px; position: relative;}

/*關鍵字探索*/
.keyExploreTable	{}
.keyExploreTable th		{ line-height:14px; color:#fff; font-weight:bold; background:url(../images/trend-tab-th-bg.png) repeat-x; white-space:nowrap;}
.keyExploreTable > thead > tr > th {padding: 4px 8px 4px 8px;}
.keyExploreTable td		{ padding:5px 5px 5px 10px; line-height:21px; border-bottom:1px solid #d2d2d2; word-break: break-all;}
/*.keyExploreTable tr:nth-child(even) td { background:#f1f1f1; border-bottom:1px solid #d2d2d2; border-top:1px solid #fff; *//*background-image:-webkit-linear-gradient(top, #f4f4f4, #e3e3e3); *//*background-image:-moz-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-o-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:linear-gradient(to bottom, #f4f4f4, #e3e3e3);}*/
.keyExploreTable td.num 	{ vertical-align:top;}
.keyExploreTable td.keyword { cursor: pointer;}
.keyExploreTable tr.same-key td {
    color:#06F;
    background: #f1f1f1;
    border-bottom: 1px solid #DBD670;
    border-top: 1px solid #fff;
    background-image: -webkit-linear-gradient(top, #FFFEE2, #FAF9C0);
    background-image: -moz-linear-gradient(top, #FFFEE2, #FAF9C0);
    background-image: -o-linear-gradient(top, #FFFEE2, #FAF9C0);
    /*background-image: linear-gradient(to bottom, #FFFEE2, #FAF9C0);*/
}
.keyExploreTable .badge	{color:#fff;background:#888;font-weight:normal;width: 25px;/* max-height: 15px; */text-align:center;}


.table-list tr.same-key td {
    color:#06F;
    background: #f1f1f1;
    border-bottom: 1px solid #DBD670;
    border-top: 1px solid #fff;
    background-image: -webkit-linear-gradient(top, #FFFEE2, #FAF9C0);
    background-image: -moz-linear-gradient(top, #FFFEE2, #FAF9C0);
    background-image: -o-linear-gradient(top, #FFFEE2, #FAF9C0);
    /*background-image: linear-gradient(to bottom, #FFFEE2, #FAF9C0);*/
}


/*表的樣式*/
/*.channelTable tr:nth-child(even) td { background:#f1f1f1; border-bottom:1px solid #d2d2d2; border-top:1px solid #fff; background-image:-webkit-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-moz-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-o-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:linear-gradient(to bottom, #f4f4f4, #e3e3e3);}*/
/*.sourceTable	{}*/
/*.sourceTable th		{ line-height:14px; color:#fff; font-weight:bold; background:url(../images/trend-tab-th-bg.png) repeat-x;}*/
/*.sourceTable td		{ padding:5px 5px 5px 10px; line-height:21px; border-bottom:1px solid #d2d2d2;}*/
/*.sourceTable tr:nth-child(even) td { background:#f1f1f1; border-bottom:1px solid #d2d2d2; border-top:1px solid #fff; background-image:-webkit-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-moz-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:-o-linear-gradient(top, #f4f4f4, #e3e3e3); background-image:linear-gradient(to bottom, #f4f4f4, #e3e3e3);}*/
/*.modal-custom  .modal-header	{background: #D0E4FD;}*/
/*.modal-custom  .modal-footer	{background: #F9F9F9;}*/

/*回文樣式*/
.togglebox			{border:1px solid #DDD988; background:#FFFFCC; width:90%; padding:5px 10px; margin:10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; float:left; #padding-bottom:0px;}
.togglebox h3		{font-size:15px; color:#666633; line-height:normal; margin:0; font-weight:normal;}
.togglebox ol		{margin-left:30px; padding:0px;}
.togglebox li		{display:list-item!important; padding:5px 5px; line-height:160%!important; border-bottom:1px dotted #ccc; list-style:decimal outside!important; color:#333!important; font-size:11px;}
.togglebox li span	{color:#003399!important;}
.togglebox li b		{font-weight:normal; font-style:italic; margin-left:10px; color:#669900; letter-spacing:0.01em;}
.togglebox div.more	{margin:0px; font-size:10px;}

/*競爭爭中心 選擇競爭中心 樣式*/
.COMPtag	{ border-radius:10px; color:#fff; padding:3px 10px; font-size: 10px; display:inline-block;}
.COMPcenter	{ height:60px; max-height:60px; background-image:-webkit-linear-gradient(top, #f4f4f4, #d5d5d5); background-image:-moz-linear-gradient(top, #f4f4f4, #d5d5d5); background-image:-o-linear-gradient(top, #f4f4f4, #d5d5d5); background-image:linear-gradient(to bottom, #f4f4f4, #d5d5d5);}
.COMPtheme	{ height:280px; max-height:280px;}
.COMPcenter table, .COMPtheme table	{ margin-bottom:0;}


/*關鍵字設定*/
#topicTable .textareaInput{padding: 5px; border: 1px solid #6699cc; height: 30px;margin: 0;resize: vertical;overflow: auto;}
tr.newTopic td		{ background:#e3f5df;}
tr.selectDelete		{}
tr.selectDelete td	{ background:#ffe3e3;}
tr.selectDelete td.delete i	{ color:#F00;}
td.displayName		{ width:160px; margin:0;}
td.displayKeyword	{ width:360px; margin:0;}

/*維度設定*/
#dimensionTable .textareaInput{padding: 5px; border: 1px solid #6699cc; height: 30px;margin: 0;resize: vertical;overflow: auto;}

/*使用者切換 自動完成*/
.ui-front {
    z-index: 1100;
}


/*長條圖*/
.labelDiv{
    float: left;
    width: 100px;
    overflow: hidden;
}

/*單一登入*/
.deleteLoginNotice 		{  display:block; padding:5px;}
.deleteLoginNotice span	{ color:#333; display:block; padding-bottom:10px; border-bottom:1px solid #eee;}
.deleteLoginNotice h1			{ font-family:'微軟正黑體','新細明體',Arial, Helvetica, sans-serif; font-size:22px; color:#142a45;}
#deleteLoginNotice.form	{ width:320px; margin:0 auto;}
#deleteLoginNotice h1::after { -webkit-box-shadow:inset 0 16px 8px -20px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 15px 8px -20px rgba(0,0,0,0.4); -webkit-mask-image: -webkit-linear-gradient(left,rgba(0,0,0,0),black 20%,black 80%,rgba(0,0,0,0) 100%); -moz-mask-image:-moz-linear-gradient(left,rgba(0,0,0,0),black 20%,black 80%,rgba(0,0,0,0) 100%);
    height:5px; width:100%; position:relative; content:''; top:-2px; left:0; display:block; border-top:1px solid rgba(0,0,0,0.15);}

.deleteLoginNoticeTable{width: 340px;text-align: left;}
.deleteLoginNoticeTable th{padding: 5px;}
.deleteLoginNoticeTable td{line-height:30px;border-top:1px solid rgba(0,0,0,0.15);padding: 5px;}


/*開關*/
.avgSwitch { position:absolute; top:10px; right:40px;z-index:20;}
.trendSwitch { position:absolute; top:10px; right:40px;z-index:20;}
.dataSwitch	{ position:absolute; top:10px; right:200px;z-index:20;}
.hourSwitch	{ position:absolute; top:10px; right:350px;z-index:20;}

/* share css set*/
.textInput, .textArea { padding:5px; background:url(../images/inputText.gif?_20151001) repeat-x left top; border:1px solid #6699cc; vertical-align:middle; outline:none;}
p span.keyword, li span.keyword { color: #FF0000!important; font-weight: bold; margin: 0 3px;padding:5px;}



/*.searchitem  p					{line-height:160%; color:#666; clear:both; margin-right:10px;  display:block; width:auto; margin:5px 15px 5px 0px; #margin-bottom:3px 15px 3px 0px; white-space:normal; word-break:break-all; word-wrap:break-word;}*/
.searchitem li a:link,
.searchitem li a:visited {color:#666; text-decoration:none; cursor:pointer}
.searchitem li a:hover		{color:#0066cc; text-decoration:none;}

/*追蹤 自動完成*/
.autocomplete-suggestions{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    color: #222222;
    max-height: none !important
}
.autocomplete-suggestion{
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
}

.totalCountLast {
    line-height: 34px;
    width: 180px;
}
.totalCountLast span {
    font-weight: bold;
    color: #0066cc;
    margin: 0 0px;
}
.content .statistics {
    text-align: center;
    margin: 5px 10px 15px 20px;
}

.popover{
    max-width: 100%;
}

.topic-setting-keyword .popover		{ width:445px; max-width:445px;}
.topic-setting-keyword .popover i		{ font-size:13px; color:#6298dd; margin-right:5px;}
.topic-setting-keyword .popover .popover-title i 	{ font-size:15px; color:#0088ff;}
.topic-setting-keyword .popover .popover-content	{ color:#666; line-height:26px;}

/*主題記綠、維度記錄*/
.table-changeLog.table thead th	{ white-space: nowrap;}
.table-changeLog.table th, .table-changeLog.table td		{ word-break: break-all;}

/*子查詢結果加底線*/
#filterMsg span {text-decoration:underline}
.filterMsg span {text-decoration:underline}

/* keyword-helper */
#keyword-helper-background  {position: fixed; bottom: 0px; left:0;height: 165px; width: 100%;background:#adccde;}
.keyword-helper {position: fixed; bottom: 50px; height: 150px;}
.keyword-helper	.row-helper {position:relative; height: 150px; padding:0 10px;}

.keyword-helper h2	{margin-top: 10px;margin-bottom:10px; font-size: 15px; font-weight: bold; color: #3f4d56;letter-spacing: 0.6px;}
.keyword-helper h2 span { font-size: 13px; color: #2b5c9e;}
.logic-label { background:#fff;padding: 0px 7px 2px 7px;border-radius: 2px;box-shadow: 0 0 5px #2b5ca6; font-size: 10px !important; cursor: pointer;margin: 0 3px}
.logic-label:hover { background: #4b72a7;color: #fff;box-shadow: 0 0 5px #ffffff;}

.col-helper-input { padding-left: 0px;}

.helper-search-btn {border-radius: 3px; border: 1px solid #d2d6de; margin: 10px 0px;box-shadow: 0px 0px 6px #609ec1;}
.helper-search-btn .btn {box-shadow: none; background-color: #fff; border: 1px solid transparent; height: 30px; color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0;}
.helper-search-btn input	{box-shadow: none; background-color: #fff; border: 1px solid transparent; height: 30px; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px;}
.helper-search-btn input:focus {border-color: #fff; box-shadow: none;}

.keyword-helper-content {height: 100px; background: #ffffff; border-radius: 2px; padding-top: 11px;box-shadow: 0px 0px 6px #609ec1;}
.keyword-helper-scroll {height:80px;}
.keyword-helper-scroll .key-label {}
.keyword-helper-scroll .key-label a {display: block; background: #ecf0f5; border: 1px solid #ccc; border-radius: 2px; padding: 0 8px; color: #606161;}
.keyword-helper-scroll .key-label a:hover { background: #0d83c1; color: #ffffff; border-color: #1e426f;}
.keyword-helper-scroll .key-label a.active{ background: #0d83c1; color: #ffffff; border-color: #1e426f;}
.keyword-helper-scroll .key-label a span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.helper-icon {position:absolute;}
.helper-icon i {}

.helper-close {position:absolute; top:5%;right: 2.5%; z-index: 10;}
.helper-close i { color: #547990; cursor: pointer;}

.helper-change {position:absolute; top:5%;right: 3.3%; z-index: 10;}
.helper-change i { color: #547990; cursor: pointer;}

@media (max-width: 767px){
    .keyword-helper { padding-left: 0px;  height: 220px;}
    .keyword-helper	.row-helper {height: 220px;}
    .col-helper-input { padding: 0;}
}

.keyword-helper-pic {position: fixed; bottom: 0px; left: 0px; padding-left: 1430px;margin: 50px}
.keyword-helper-blank{height: 120px}

.input-inline {display:inline-block;}
.input-inline.header-inline {margin:10px 15px 10px 0;}
.col-unsetting {text-align:center; padding: 40px 0;}
.col-unsetting img { margin-bottom:20px;}
.topic-setting.tnews-topic-setting {}
.topic-setting.tnews-topic-setting .topic-setting-scroll {height: 170px;}
.topic-setting.tnews-topic-setting .topic-setting-keyword {padding: 10px 0 0 0;}
.topic-setting.tnews-topic-setting .topic-setting-keyword div {text-align: right;}

.small-box {min-height: 120px;}
.small-box p { margin-bottom: 5px;}
.small-box>.inner { position: relative; padding: 10px; z-index: 1;}
.small-box.box-rise .icon { color: #b0d487;}
.small-box.box-down .icon { color: #f7c2bf;}
.small-box.box-add .icon {color: #ffffff; right: 50%; margin-right: -39px; top: 50%; margin-top: -70px; display: block; cursor: pointer; z-index: 10;}
.small-box.box-add .icon a {color: #ffffff;}
.box-rise { background-color: #8bc34a !important; color: #ffffff !important;}
.box-down { background-color: #f56d64 !important; color: #ffffff !important;}
.box-add { background-color: #d2d2d2 !important; color: #6d6d6d !important;}
.box-add:hover { background-color: #0aa1d0 !important;}
.statistics-num {display: inline-block; margin-left: 5px; background: rgba(0,0,0,.1); padding: 0 10px; border-radius: 10px; text-align: center;}
.box-rise .statistics-num {color: #fff;}
.box-down .statistics-num {color: #fff;}

.sbox-close {position: absolute; right: 6px; top: 0;z-index: 10;}
.box-rise .sbox-close .btn-box-tool {color: #c0e09c;}
.box-rise .sbox-close .btn-box-tool:hover {color: #42710b;}
.box-down .sbox-close .btn-box-tool {color: #f7bab8;}
.box-down .sbox-close .btn-box-tool:hover {color: #a21b12;}

@media (min-width: 992px){
    .sbox-row-5 .col-lg-2, .sbox-row-5 .col-md-2 { width: 20%;}
}
@media (min-width: 1200px){
    .sbox-row-5 .col-lg-2, .sbox-row-5 .col-md-2 { width: 20%;}
}

/*Smart Wizard*/
.sw-toolbar {}
.sw-toolbar .btn-group .button{margin-left: 5px;}

.dsshb-search-btn {border-radius: 3px; border: 1px solid #d2d6de; margin: 10px 0px;}
.dsshb-search-btn .btn {box-shadow: none; background-color: #fff; border: 1px solid transparent; height: 30px; color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0;}
.dsshb-search-btn input	{box-shadow: none; background-color: #fff; border: 1px solid transparent; height: 30px; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px;}
.dsshb-search-btn input:focus {border-color: #ffffff; box-shadow: none;}

.modal-s-box {box-shadow: 0 1px 1px rgba(0,0,0,0.2); border-top: 1px solid #e6e6e6;}

.dashbd-setting-scroll { height:150px;}
.dashbd-setting-scroll.dashbd-main-select {height:180px;}
.topic-setting-scroll.topic-dashbd { height:180px; border-bottom: none;}

.dashbd-preview {}
.dashbd-preview img {width:100%;}

.table-list-keyword-diagnose { border:none; width:100%; clear:both; margin-bottom:15px;}
.table-list-keyword-diagnose td	{ padding:8px 11px;line-height:120%; vertical-align:top; word-wrap:break-word; word-break:break-all;}

/*Dashboard*/
#ok-send { display: inline-flex; position: fixed;top: 12%;right: 1.2%; background: rgba(0,0,0,0.75); color: #fff; z-index: 9999; float: right; width: 300px; height: auto;padding: 1% 1.4%; border-radius: 13px;}
#ok-img {margin-right:7%;padding-top:4%}
#ok-msg h5 {font-weight: bold}
#ok-msg p {font-size:1px}

.keyword-diagnose-less{background: #dd4b39;padding: 0.5% 1.5%;border-radius: 15px;color: #fff;margin: 0 0.1% 0 0.1%;}

.report-setting-chart {margin-top:15px; padding: 0;}
.report-setting-chart .checkbox-inline, .report-setting-chart .radio-inline {height:30px; line-height:30px; padding-left: 0px; padding-right: 20px; margin-left: 0px;}
.report-setting-chart .checkbox-inline.report-go-btn , .report-setting-chart .radio-inline.report-go-btn {padding-right: 0px;}

.sub-search-title.report-ov-search {margin-bottom: 15px; padding: 10px 0;}

.table-daily-setting th.daily-edit.report, .table-daily-setting td.daily-edit.report { width: 140px; text-align: center;}
.table-daily-setting .report-status {white-space:nowrap;}
.report-status .fa-check-circle { color: #8BC34A;}

/*SubTopicResults filter*/
.sub-topic-res-checkbox { height: 30px;line-height: 30px;}
/*SubTopicResults svg setting*/
.sub-overlay {background: #000;position: fixed;z-index: 9999;}
.svg-btn {margin: 5% 0 0 7%}
/*right bar x-axis*/
.xaxis .tick.major { fill: rgb(69, 90, 100);}
.xaxis line{ fill: gray;stroke: gray; opacity: 1}
.xaxis path{ fill: none;}
line.tick.minor {opacity:0}

/*SubTopicResults 根據寬度調整大小*/
#svg-container {
    display: block;
    margin:auto;
    position: relative;
    width: 100%;
    padding-bottom: 55%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
}

@media screen and (min-width : 480px) {
    #svg-container { padding-bottom: 100%}
    .title,.bubble-tool{ font-size:14px}
    .sub-bubble-tool { font-size:12px}
    .terms,.svg_text,.txt {font-size:10px}
    .svg-btn { right: 20%;top:10px;margin: 10% 2px 0 2px;}
}

@media screen and (min-width: 768px) {
    #svg-container { padding-bottom: 94%}
    .title,.bubble-tool{ font-size:14px}
    .sub-bubble-tool { font-size:12px}
    .terms,.svg_text,.txt {font-size:11px}
    .svg-btn { right: 15%;top:10px;margin: 10% 2px 0 2px;}
}
@media screen and (min-width: 992px){
    #svg-container { padding-bottom: 80%}
    .title,.bubble-tool{ font-size:16px}
    .sub-bubble-tool { font-size:14px}
    .terms,.svg_text,.txt {font-size:12px}
    .svg-btn { margin: 5% 10% 0 10%;right: 0;top:0;}
}
@media screen and (min-width: 1200px){
    #svg-container { padding-bottom: 64%}
    .title,.bubble-tool{ font-size:18px}
    .sub-bubble-tool { font-size:16px}
    .terms,.svg_text,.txt {font-size:14px}
    .svg-btn { margin: 5% 10% 0 10%;right: 0;top:0;}
}
@media screen and (min-width: 1400px){
    #svg-container { padding-bottom: 63%}
    .title,.bubble-tool{ font-size:18px}
    .sub-bubble-tool { font-size:16px}
    .terms,.svg_text,.txt {font-size:14px}
    .svg-btn { margin: 5% 10% 0 10%;right: 0;top:0;}
}
@media screen and (min-width: 1600px){
    #svg-container { padding-bottom: 61%}
    .title,.bubble-tool{ font-size:20px}
    .sub-bubble-tool { font-size:18px}
    .terms,.svg_text,.txt {font-size:16px}
    .svg-btn { margin: 5% 10% 0 10%;right: 0;top:0;}
}
/*登入跑馬燈*/
.login-bar {position: relative;margin-bottom: 8%;width:100%;left:29%;top:0;background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.18) 50%,rgba(0,0,0,0) 100%);}
.login-btn:hover {color:#2196F3}

.deleteSubTopic {font-size:24px;color:red;cursor:pointer; }

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}


@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

/*bootstrap-select*/
.bootstrap-select > button { background-color: #ffffff;font-size: 12px;}
.bootstrap-select span{font-size: 12px;}
.bootstrap-select .dropdown-header { cursor: pointer;}


.search-header { border-bottom: none; height: 52px; display: flex; justify-content: space-between; background: #f5f5f5;}
.search-header-title { font-weight: bold; font-size: 17px !important; color: #0b7db5; text-align: left; margin: 0;}
.vertical-center {display: flex; align-items: center;}

.search-body {padding: 0 15px}

.search-setting { padding-right: 0; height: 450px;}
.search-setting-scroll {width: 100% !important; height:370px; margin-top: 5px;}
.all-source-setting-scroll {width: 100% !important; height:390px; margin-top: 5px;}

.input-group-btn { text-align:center; }
/*.input-group-btn > .search-btn { background-color:#337ab7;font-weight: bold; font-size: 2rem !important; width:13rem; border-radius:10px; border: 0}*/
 .search-btn {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:16px !important;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
    width: auto;
}
 .search-btn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.search-btn:active {	position:relative; top:1px;}

/*internet-celebrity*/
.ic-source-list{color: #607D8B; font-size: 13px; display: block; margin-top: 5px;}
.source-sub-row.ic-source {}

input.input-mini { font-size: 12px; height: 20px; line-height: 20px; padding: 0;}
.data-setting-input.ic-channel input { display: inline-block; width: 30px; text-align: center;}

.table-list td .ic-table-label:nth-child(odd) {background: #e5ebee;}
.table-list td .ic-table-label:nth-child(even) {background: #ffffff; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;}
.table-list td .ic-table-label:last-child {border-bottom: 0px;}
.ic-table-label {display: block; white-space: nowrap; line-height: 24px; padding: 0 10px; margin: 0px -11px;}
.ic-table-label.text-align-right {text-align:right;}

.fa-ic-icon {cursor:pointer;}


.box-footer { border-top: 4px double #e5e5e5;}
.box-body { padding-bottom: 0 }
.box-body>.col-md-2 , .box-body>.col-md-3 ,.box-body>.col-md-4 { padding: 0}

/*.toggle.custom, .toggle-on.custom, .toggle-off.custom { border-radius: 15px; }*/
.toggle.custom .toggle-handle { border-radius: 20px; }

.source-table {margin-top: 10px;}

.source-table label{font-weight: inherit; cursor: pointer;}
.source-setting-scroll{border-bottom: 4px double #e5e5e5; padding: 0; width: 100% !important; height:200px;}
.advanced-search-setting {height: 450px;}
.ratings {position: relative; vertical-align: middle; display: inline-block; color: #b1b1b1; overflow: hidden; height: 2.5rem;}
.full-stars {position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; color: #E67E22;}
.empty-stars:before, .full-stars:before {content:"\2605\2605\2605\2605\2605"; font-size: 11pt;}
.trader-respond {border-radius: 5px; color: red; border: 1px solid; padding: 0px 5px !important; font-size: 0.8em;margin-right: 10px}

.highcharts-container span{cursor:pointer;}

.line_setting > .modal-col-set{height: 450px;}
.line_setting > .modal-col-set-custom{height: 550px;}


#clear {color: #696969; font-size: 10px; cursor: pointer;display: inline;}

#swal2-content > p{text-align: left;}
#swal2-content {padding: 0 10%;}

.modal-daily-setting .report-time-select  { padding: 1px; height: 26px;}

.accountAnalysis-title {padding-left: 30px;padding-right: 50px;margin-bottom: 0px;}
.accountAnalysis-content {padding-left: 55px;padding-right: 50px;}

.lineChart, #drawPie, .lineCharts {height: 400px}
#helper {color: #696969; font-size: 10px; cursor: pointer}

/* 20200210 ADD -  welcome page */
.row-welcome-title { background:none; padding: 0; color: #455A64; position: relative; margin-bottom: 15px; font-size: 18px; border-radius: 3px;}
.row-data-source {}
.row-data-source .small-box { min-height: 90px;}
.box-source {background-image:linear-gradient(to left, #f7f7f7 0%, white 60%);}
.small-box.box-source ,.small-box.box-source:hover {color: #039BE5;}
.small-box.box-source h3 {font-weight: 100; font-size: 30px;}
.small-box.box-source .icon	{color: rgba(0,0,0,0.08);}
.small-box.box-source p { margin-bottom: 5px; color: #888888;}
.small-box.box-source .icon {font-size: 56px; top: 0px;}

.socilwatch-box { background: #ffffff url(../images/socialwatch-box-bg.png) no-repeat -30px -20px; padding: 15px 15px 15px 50px; color: #ffffff; position: relative; margin-bottom: 15px; font-size: 16px; border-radius: 3px; box-shadow:0 0 5px 0 rgba(49, 49, 49, 0.1);}
.socilwatch-box.back-issues { background: #ffffff url(../images/socialwatch-box-bg-2.png) no-repeat; padding: 10px 15px 10px 15px;}
.socilwatch-box h6 {color: #333; font-size: 20px;}
.socilwatch-box span {font-size: 18px; font-weight: 100; display: block; margin-bottom: 6px; color: #2196F3;}
.socilwatch-box.back-issues h6 {color: #333; font-size: 16px; background: #ffffff; line-height: 22px;}
.socilwatch-box.back-issues span {font-size: 16px; font-weight: bold; display:inline-block; margin-right: 10px; margin-bottom: 0; color: #2196F3;}

.socilwatch-box span.new-issues {display: inline-block; background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%); color: #ffffff; font-size: 13px; border-radius: 2px;
    padding: 2px 3px; margin-bottom: 0; margin-left: 5px; position: relative; top: -2px;}

.row-socilwatch-go {text-align:right;}
.row-socilwatch-go a {font-size: 15px;}

@media (max-width: 767px){
    .small-box.box-source h3 { font-size: 24px;}
    .row-data-source .small-box { min-height: 78px;}
}

.dashbd-top{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}

/* 20200615 ADD -  welcome page+opsugar */
/*.content-header.opsugar-content {background: #ebf0f4 url(images/course-opsugar-bg.jpg) no-repeat bottom center !important;}*/
/*.content-header.opsugar-content.course-content {background: transparent !important;}*/
/*.row-opsugar {padding:15px 0;}*/
.row-opsugar-first {}
.box-opsugar {position:relative; background: #ffffff; box-shadow:0 7px 14px 0 rgba(59,65,94,.1), 0 3px 6px 0 rgba(0,0,0,.07);margin-bottom: 20px;}
.box-opsugar .img-responsive {width:100%;}
.btn-opsugar-more {height: 32px; line-height: 32px;background: #fff; padding: 5px 10px; border-radius: 15px; border: 1px solid #2196f3;}

.opsugar-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(49, 142, 195, 0.6); border-radius: 3px;}
.box-opsugar:hover .opsugar-overlay { opacity: 1;}
.opsugar-text { color: #ffffff; font-size: 4em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.opsugar-text a {color: #ffffff;}

.sidebar-menu.opview-sidebar > li.menu-opsugar.active > a	{color: #fbfbfb; background:rgba(255, 255, 255, 0.2);}
.sidebar-menu.opview-sidebar > li.menu-opsugar.active > a::after{content: " "; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50%; right: 0; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #ecf0f5;}

.ribbon-wrapper {height: 70px; overflow: hidden; position: absolute; right: -2px; top: -2px; width: 70px; z-index: 10;}
.ribbon-wrapper .ribbon {box-shadow: 0 0 3px rgba(0,0,0,.3); font-size: .8rem; line-height: 100%; padding: .375rem 0; position: relative; right: -2px; text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4); text-transform: uppercase; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 90px;}
.ribbon-wrapper .ribbon::after, .ribbon-wrapper .ribbon::before {border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #9e9e9e; bottom: -3px; content: ''; position: absolute;}
.ribbon-wrapper .ribbon::before {left: 0;}
.ribbon-wrapper .ribbon::after {right: 0;}


/* 20210511 ChannelInfluence*/
.data-filter-info.mb-10 { margin-bottom:10px;}
.box.box-ch-influence {border-top-color: #ecf0f5; background: #ecf0f5; box-shadow: none;}
.box-ch-influence .box-header {background: #e2e7ec;}
.box-ch-influence .box-header .box-title {font-size: 14px;}
.box-ch-influence .box-header>.box-tools {top: 12px;}
.box-sub-header {padding:10px 10px 0px 10px; border-top: 1px dashed #ccc;}
.btn-outline-secondary {background-color: transparent; border: 1px solid transparent; color: #6c757d; border-color: #6c757d;}
.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d;}
.bg-gradient-primary {background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important; color: #fff;}
.list-ch-sort-setting {}
.list-ch-sort-setting > li {position:relative; display:inline-block;}
.list-ch-sort-setting li i.fa-question { font-size: 11px; vertical-align: super; color: #08a9d3;}
.btn-ch-sort {background-color: #e1f5fe; border-color: #81d4fa; color: #0288d1; border-radius: 30px; padding: 4px 12px;}
.list-engagement {}
.list-engagement > li {position:relative; display:inline-block;}
.input-ch-number {display: inline-block; max-width: 72px; text-align: center; height: 26px; margin: 0 4px; padding: 0 20px; border-radius: 3px;}
.label-engagement {position: relative;}
.label-engagement .fa {font-size: 16px; color: #8cc0da; cursor: pointer; position: absolute; top: 5px;}
.label-engagement .fa-plus-square {right: 8px;}
.label-engagement .fa-minus-square {left: 8px;}
.btn-enga-cal {height: 26px; line-height: 26px; padding: 0px 10px; position: relative; top: -2px;}

.box-user {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.box-user-selected {box-shadow: rgba(3, 102, 214, 0.5) 0px 0px 0px 3px;}
.col-widget-user {padding:15px}
.widget-user-num {color: #6b6b6b; background: #e0e0e0; padding: 1px 6px; border-radius: 30px}
.widget-user-check {}
.widget-user-check input[type=checkbox].checkbox01 {margin: 0px 5px 0px 0px}
.widget-user-image {}
.widget-user-image > img {width: 90px; height: auto; border: 3px solid #fff;}
.widget-user-info {}
.user-info-title {font-size: 18px; font-weight: bold; color: #525252;}
.user-info-title span {font-size: 14px; margin-left: 10px; color: #6f6f6f; white-space: nowrap;}
.user-info-title span .fa {font-size: 16px; color:#0e8cf1;}
.widget-user-tags {padding: 10px 0; margin-top: 10px;}
.col-widget-influence {}
.col-widget-influence h5 {color: #757575;}
.col-widget-influence h5 .fa-question {vertical-align: super; font-size: 12px;}
.col-influence-block {padding: 15px 0px;}
.col-influence-block.border-bottom {border-top: 1px dashed #d8d8d8;}
.col-influence-block .border-right {border-right: 1px solid #e6e6e6;}
.influence-block-gradient {background-color: #fdfdfd; background-image: linear-gradient(315deg, #fdfdfd 0%, #f6f6f6 74%);}
.tag-chinf {font-size:18px; font-weight:600; color: #505050;}
.tag-chinf em {font-size:14px; font-weight:normal; font-style: normal;}
.tag-theme-hit {background: #def6ff; color: #0480c1; padding: 0 8px; border-radius: 30px;}
.tag-theme-none {font-size: 14px; background: #dedede; color: #505050; padding: 0 8px; border-radius: 30px;}
.box-hot-article {padding:10px 0;}
.list-hot-article {}
.list-hot-article li {padding:5px 10px; border-top:1px dotted #cccccc;}
.list-hot-article li:first-child {border-top:none;}
.list-hot-article li:nth-child(even) {background:#f9f9f9; }
.list-hot-article li p {margin:0;}
.btn-user-tags {display:inline-block; margin-bottom:5px; height: 24px; line-height: 23px; background: #fff; padding: 0px 10px; border-radius: 15px; border: 1px solid #2196f3;}
.btn-user-tags:hover {background: #43b4e6; color: #ffffff;}
.btn-main-tags {background: #0b9bd0; color: #ffffff; border: 1px solid #0f7abe;}
.btn-main-tags:hover {background: #0f7abe;}

.btn-top3 .fa {transition: .3s transform ease-in-out;}
.btn-top3.collapsed .fa {transform: rotate(-180deg);}
.btn-chinf {background: #b3e5fc; border-color: #81d4fa; color: #0288d1;}
.btn-chinf-more {border-color: #dddddd; color: #525252;}

.table-list.table-list-chinf {}
.table-list.table-list-chinf tbody tr:hover {background: #ffffff;}
.table-list.table-list-chinf .td-hot-article {background: #f9f9f9; padding:0;}
.table-list.table-list-chinf .td-hot-article .list-hot-article { padding:8px 11px; border-top: 1px solid #e7e7e7;}
.table-list.table-list-chinf .tr-inf-header td { border-top:3px solid #cccccc;}
.table-list.table-list-chinf .tr-inf-header.frist td {border-top:none;}
.td-inf-label {display: block; font-weight: normal;}
.inf-label-title-w1 {font-size: 14px; display: inline-block; width: 60px;}
.inf-label-title-w1.light {color: #7b7b7b;}
.inf-label-title-w2 {font-size: 14px; display: inline-block; width: 100px;}
.inf-label-title-w2.light {color: #7b7b7b;}
.td-inf-theme-hit {font-size: 14px; background: #def6ff; color: #0480c1; padding: 0 8px; border-radius: 30px; display: inline-block}
.td-inf-theme-none {font-size: 14px; background: #dedede; color: #505050; padding: 0 8px; border-radius: 30px; display: inline-block}


.pd-r-5 {padding-right:5px !important;}
.pd-l-5 {padding-left:5px !important;}
.pd-t-0 {padding-top:0 !important;}
.pd-b-0 {padding-bottom:0;}
.mr-r-20 {margin-right:20px;}
.mr-tb-15 {margin:15px 0;}
.pd-tb-15 {padding:15px 0;}

@media (max-width: 430px){
    .box-ch-influence .box-tools {position: relative; float: none !important; margin-bottom: 15px;}
}
/*switch checkbox*/
.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 62px;
    height: 26px;
    padding: 3px;
    margin: 0;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: 20px;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #47a8d8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
    background: #4fb845;
}
div.tAndC ol {
    counter-reset: item;
}
div.tAndC ol li {
    display: block;
    position: relative;
}
div.tAndC ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}
/* 20200615 ADD */


/*20211226 200thousand Data*/
.overlay-200thousand {height: 100%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgb(255,255,255); background-color: rgba(255,255,255, 0.9); overflow-x: hidden; transition: 0.5s;}
.overlay-200thousand-content {position: relative; top: 50%; width: 100%; text-align: center; margin-top: -282px;}
.overlay-200thousand a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s;}
.overlay-200thousand a:hover, .overlay-200thousand a:focus {color: #2dbbfd;}
.overlay-200thousand .closebtn-200thousand {position: absolute; top: 20px;right: 45px; font-size: 50px;}
.card-200thousand {background:transparent url(../images/celebration_200thousand.png) no-repeat bottom center !important; width: 1024px; height: 563px; margin: 0 auto;}
.card-200thousand-content {padding-top: 300px;}
.card-200thousand-content p {font-weight: 900 !important;}
.card-200thousand-close {margin-bottom: 20px;}
.dd-200thousand {font-size: 20px; font-weight: bold; color: #ff654d;}
.p-footer-200thousand {color: #174d83 !important; font-weight: 900 !important; }
@media screen and (max-width: 1023px) {
    .overlay-200thousand-content {}
    .card-200thousand  {background:transparent url(../images/celebration_200thousand.png) no-repeat center center !important; width: 100%; height: 563px; margin: 0 auto;}
    .overlay-200thousand a {font-size: 20px}
    .overlay-200thousand .closebtn {font-size: 40px; top: 15px; right: 35px;}
}