@charset "utf-8";
/* CSS Document */
/**********************************
UNIVERSAL STLYES
**********************************/
.pad-top {
	padding-top:10px;
}
.pad-bottom {
	padding-bottom:10px;
}
.search p:first-child {
	color: #333;
    font-weight: 800;
}
/**********************************
MAIN STLYES
**********************************/
body {
	background-color:#fff;/*#e0dfe3*/
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}
a {
	text-decoration:none;
}
a:link, a:visited, a:active {
	color:blue;
}
h1, h2, h3, h4, h5 {
	margin:0;
}
p {
	margin:5px 0;
}
body table#tbl-body {
	max-width:975px;
	width:975px;
	background-color:#fff;/*#6c98a5*/
	margin:0 auto;
	padding:10px;
}
table#tbl-body .tbl-header tr td {
	text-align:center;
}
table#tbl-body .tbl-header div.logo img {
	width: auto;
    height: 85px;
}
table#tbl-body .tbl-header div.banner img {
	width:465px;
	height:85px;
}

table#tbl-body .tbl-header tr:first-child td:first-child {
	width:485px;
	height:85px;
	padding-right:10px;
}
table#tbl-body .tbl-header tr:first-child td:last-child {
	width:460px;
	height:85px;
}
table#tbl-body .tbl-header tr:last-child td {
	padding:10px 0;
}
table#tbl-body .tbl-header div#main-menu {
	border:1px solid #333;
}
table#tbl-body .tbl-header div#main-menu ul {
	margin:0;
	padding:0;	
}
table#tbl-body .tbl-header div#main-menu ul li {
	list-style:none;
	display:inline-block;
}
table#tbl-body .tbl-header div#main-menu ul li a {
	padding:0 1.075em;
	-webkit-padding-before:0;
	-webkit-padding-end:1.075em;
	-webkit-padding-after:0;
	-webkit-padding-start:1.075em;
    text-align: center;
	font-size:14px;
	font-weight:700;
	color:#333;
}
table#tbl-body .tbl-header div#main-menu ul li a i.fa-twitter {
	font-size:20px;
	color:#31a9db;
	vertical-align:middle;
}
table#tbl-body .main-content td.left-col div.content-wrap div.article-wrap {
    height: 880px;
    overflow-y: scroll;
    overflow-x: hidden;
	padding-top: 10px;
    margin-top: 10px;
}
table#tbl-body .main-content div.content-wrap {
	background-color:#fff;
}
table#tbl-body .main-content td.left-col {
	width:375px;
	vertical-align:top;
}
table#tbl-body .main-content td.mid-col {
	width:375px;
	padding:0 10px;
	vertical-align:top;
}
table#tbl-body .main-content td.right-col {
	width:185px;
	max-width:185px;
	vertical-align:top;
}
table#tbl-body .main-content td.right-col div.content-wrap {
	text-align:center;
}
div.content-wrap .banner {
	text-align:center;
}
div.content-wrap h3.feat-art {
	padding-top: 20px;
	font-weight: 800;
}
div.content-wrap ul.nav li a {
    font-weight: 800;
	color:#555;
}
div.content-wrap ul.nav li {
	margin-bottom:-2px;
}
div.content-wrap ul.nav.nav-tabs {
	border-bottom: 2px solid #a5a6a1;
}
div.content-wrap ul.nav li.active a {
	color:#333;
	border: 2px solid #a5a6a1;
    border-bottom-color: transparent;
}
div.content-wrap article {
	display:inline-flex;
	padding: 20px 0;
    border-bottom: 2px solid #a5a6a1;
}
div.content-wrap article:first-child {
	padding-top:0;
}
div.content-wrap article:last-child {
    border-bottom: 0;
}
div.content-wrap article div.img img {
	max-width:120px;
	max-height:110px;
	height:110px;
	width:120px;
}
div.content-wrap article div.img .bg-img {
	max-width: 120px;
    max-height: 110px;
    height: 110px;
    width: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.content-wrap article div.content {
	max-width:255px;
	width:100%;
	padding-left:10px;
	margin-right:15px;
}
div.content-wrap article div.content p {
	font-size:13px;
	text-align:justify;
}
div.content-wrap article div.content h3 {
	font-weight:800;
	font-size:14px;
}
div.content-wrap article div.content h3 a:active, div.content-wrap article div.content h3 a:visited, div.content-wrap article div.content h3 a:link {
	color:inherit;
}
div.content-wrap article div.content h3 a:hover {
	color:#F00;
}
div.content-wrap article div.content ul {
	padding: 10px 0 0 0;
	margin:0;
}
div.content-wrap article div.content ul li {
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	font-size:13px;
	font-weight:800;
}
div.content-wrap article div.content ul li:first-child {
	color:#F00;
}
div.content-wrap article div.content ul li:nth-child(2) {
	color:#ebecf0;
}
div.content-wrap article div.content ul li:last-child {
	color:#7777a1;
}
div.content-wrap carousel .carousel {
	margin-bottom:10px;
}
div.content-wrap popular h3.most-pop {
	padding-top: 20px;
    font-weight: 800;
	border-bottom: 2px solid #a5a6a1;
}
table#tbl-body .main-content td.mid-col div.content-wrap popular div#most-pop-arts {
	padding-top:10px;
	margin-top:10px;
	overflow-x: hidden;
    overflow-y: scroll;
	height: 495px;;
}
div.content-wrap popular div#most-pop-arts h3.most-pop-arts-ttl {
	font-weight:800;
}
div.content-wrap popular div#most-pop-arts p {
	/*color: #c1002a;
	font-size:14px;
	font-weight:600;*/
}
div.content-wrap popular div#most-pop-arts div.pop-num {
    width: 25px;
    height: 30px;
    background-color: #F00;
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    vertical-align: middle;
}
div.content-wrap popular div#most-pop-arts div#triangle-topright {
    width: 0;
    height: 0;
    border-top: 7px solid #80021d;
    border-left: 10px solid transparent;
    position: absolute;
	margin-top: 30px;
}

/*******************************
MODS STYLES
*******************************/
.row {
	width:100%;
}
.col-150, .col-215 {
	display:inline-block;
}
.col-150 {
	width:145px;
	padding-right:10px;
	text-align:right;
}
.col-215 {
	width:215px;
	vertical-align:top;
}
.pdf-section { background-color:#fff; width:185px; text-align:center; margin-top: -10px; }
.pdf-section p { margin: 0em 0 -1.5em; padding: 1em 0 0 0; font-size: 15px !important; text-decoration:underline; }
.pdf-section p a { color: red; z-index: 9999; position: relative;  }
.pdf-section iframe { width:100%; max-width:185px; height: 15em; }
.pdf-section iframe:first-child { width: 100%; max-width: 110px; text-align: center; height: 2em; margin-bottom: -1.5em; position: relative; }
.pdf-section iframe:last-child { width:100%; max-width:160px; text-align: center; height: 3em; margin-top:-2em; position:relative; }

/*******************************
CAROUSEL STYLES
*******************************/
ol.carousel-indicators li.thumbs {
	background-size:100% 100%;
	background-repeat:no-repeat;
}

/*******************************
GETTO STYLES
*******************************/
.arrow-down:after {
	font-family: 'FontAwesome';
    content: "\f078";
	font-size: 12px;
    padding-left: 5px;
}
.carousel .item.bg-img {
	width:379px;max-width:379px;;height:303px;max-height:303px;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.1);background-size:contain!important;
}
ol.carousel-indicators li.thumbs.bg-img {
	background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.1);background-size:contain!important;
}