/* Market Watch */
.horoscope-wrapper { background: none repeat scroll 0 0 #fff; padding: 0 0 40px; position: relative; width: auto; /*z-index: 99;*/ }
.select_horoscope { border-bottom:2px dotted #ccc; margin:0 0 20px; padding:10px 0; }
.select_horoscope li { background: #fff; border: 1px solid #e8e8e8; display: block; float: left; list-style: outside none none; margin-left: 1%; position: relative; text-align: center; width: 6%; }
.select_horoscope li:hover { border:1px solid #de303a; }
.select_horoscope li img { max-width: 100%; padding: 4px 8px; width: 86%; }
.select_horoscope .select_title { float:left; margin:0 4px 0 0; }
.select_horoscope .select_title h3 { color: #1f6096; font: 600 1.8em "Roboto Condensed", sans-serif; text-transform: uppercase; }
.horo-list { }
.horo-list li { border-bottom: 1px dotted #cccccc; margin:0 2.5% 2% 0; float: left; padding: 0 0 20px; width: 31.5%; }
.horo-list li:nth-child(3n+3) {
 margin-right: 0;
}
.horo-list .item-header { display:block; float:left; width:30%; }
.horo-list .item-header img { width:100%; }
.horo-detail img.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.horo-detail img.grayscale:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); }
.horo-list .item-content { display:block; margin-left:32%; overflow:hidden;}
.horo-list .item-content h4 { color: #333; font-size: 1.7em; margin:0 0 15px; text-transform:uppercase; }
.horo-list .item-content h4 span { color: #bbb; display:block; font-family:open sans; font-size: 0.64em; font-weight: 600; line-height:100%; }
.horo-detail .item-content h4 span { font-size: 0.44em;}
.horo-list .item-content p { height:64px; overflow:hidden; }
/*.horo-tabs{ float: right; font-size: 1.2em; padding: 15px 0 0;}*/
.horo-tabs a { color:#ccc; margin-left:15px; text-decoration:none; }
.horo-tabs a:hover { text-decoration:none; }
.horo-tabs a.active, .horo-tabs-detail a.active  { color:#3c98ca; }
.horo-tabs i.fa { font-size: 0.9em !important; margin: 2px 0 0; }
.horo-tabs span { margin-right:15px; display: inline-block; float: left; margin-right: 5px; }
.horo-tabs, .horo-tabs-detail  { background-color: #fff; border-bottom: 3px dotted #ccc; border-radius: 2px 2px 0 0; margin-bottom: 20px; padding: 0; text-align: right; width: 100%; }
.horo-tabs h2 { color:#1f6096; display: inline-block; font-size:1.8em; float: left; margin: 12px 0 0; text-transform:uppercase; }
.horo-tabs h3 { background: none repeat scroll 0 0 #fff; color: #999; cursor: pointer; display: inline-block; font-size: 1.15em; padding: 15px 15px 14px; text-align: center; text-transform:uppercase; }
.horo-tabs h3.active { background: none repeat scroll 0 0 #fff; color: #3c98ca; }
.horo-tabs h3:hover { background:#f7f7f7; color: #de303a; }
/* Horo Detail*/
.horo-tabs-detail a{color: #ccc;display: inline-block;font-family: oswald;font-size: 1.15em;margin-left: 15px;padding: 15px 15px 14px;text-decoration: none; text-transform:uppercase;}
.horo-tabs-detail a i{ margin:0px 4px 0 0; vertical-align:middle}
.horo-detail { border-bottom:1px dotted #ccc; clear:both; margin:0 0 20px; position:relative; text-align:center; }
.horo-detail .item-header { display:inline-table; width:25%; float:none; }
.horo-detail .item-content { display: inline-block; margin-left: 0; padding: 8% 0; text-align: left; }
.horo-detail .item-content h4 { font-size:2.6em; }
.horo-detail .next-horo, .horo-detail .prev-horo { position: absolute; right: 0; top: 25%; width: 10%; }
.horo-detail .prev-horo { left:0; }
.horo-detail .next-horo img, .horo-detail .prev-horo img { width: 100%; }
.horo-list h3 span, .horo-list h4 span { color: #e84c55; }
.horo-list p { color: #444; margin-bottom:20px!important; line-height:28px;text-align:justify}
.horo-mimi { background: none repeat scroll 0 0 #e8f2f6; border: 2px solid #fff; box-shadow: 2px 2px 3px #cccccc; padding: 10px; }
.horo-mimi li { display: block; float: left; list-style: outside none none; margin-left: 5.5%; position: relative; text-align: center; width: 20%; }
.horo-list h4 {  font-weight: 600;  margin-bottom: 10px;}
.horo-mimi li:nth-child(4n+1) {
 clear: both;
 margin-left: 0px;
}
.horo-mimi li img { background: none repeat scroll 0 0 #fff; border: 1px solid #e8e8e8; max-width: 100%; padding: 10%; width: 86%; }
.horo-mimi li img:hover, .horo-mimi li.active img { border:1px solid #de303a; }
.horo-mimi li em { display: inline-block; font: 500 1.1em/100% "Roboto Condensed", sans-serif; margin: 5px 0 15px; text-align: center; width: 100%; }
.horo-mimi li a { color:#333; }