/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800&subset=latin-ext&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Red+Rose:wght@300..700&display=swap');

body {/*font-family: 'Open Sans', sans-serif !important;*/}
body { 
	font-family: "Figtree", serif !important;
	font-optical-sizing: auto;
	font-size: 16px !important;
}

h2{font-size:1.5em;}
sup,sub {line-height:initial !important;}

.navbar-right {margin-right:0 !important;}
.navbar-default .navbar-nav>li>a {
    color: #777;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    padding: 0;
    border-color: #e7e7e7;
}
.navbar-default {
    background-color: #ddd !important;
    border-color: #ddd !important;
}

.jumbotron h1 {font-weight:800;}
.jumbotron p {font-weight:600 !important;}
.nopadding{padding:0 !important;}
.nopaddingleft {padding-left:0 !important;}
.nopaddingright {padding-right:0 !important;}
.nomargin{margin:0 !important;}
/*.noradius{border-radius:0 !important;}*/
.block{display:block;margin-bottom:0.7em;border-bottom:2px solid #777;padding-bottom:3px;}
.mt2em{margin-top:2em;}
.mt5{margin-top:5px;}
.logo{border-radius:24px;box-shadow:#FFF 0 0 0 5px;}
.myads{/*float:right;*/}
.lh26{line-height:26px;}
.raquo {display:table;}
.raquo span{display:table-cell;}
.raquo:before{content:'»';display:table-cell;padding-right:5px;text-decoration:none !important;}
.high {font-weight:bold;}
.list-group-item{padding: 5px 10px;}
.list-group-item.panel{margin-bottom:-1px;background:#FFF;border:1px solid #ddd;box-shadow:none;}
.list-group-item-heading{margin:-10px;padding: 5px 10px;background:#EEE;display:block;margin-bottom:1px !important;}
.list-group-item-heading>* {display:table-cell;width:100%;}
*[data-toggle="collapse"] {cursor:pointer;color:#999;}
*[data-toggle="collapse"] .glyphicon {transition:all 0.3s;margin-left:3px;}
*[data-toggle="collapse"]:not(.collapsed) .glyphicon {transform: rotate(180deg);}
.tab-pane {padding-top:10px;}
#db_search .media {margin-top:10px;margin-bottom:20px;}
#db_search .media-heading {font-size:16px;text-decoration:underline;margin:0;}
#db_search .media-body p {padding:0;margin:0;font-size:12px;}
#db_search .blue {color:#0053f9;}
#db_search .gray {color:#999;}

#cse-search-results iframe {width: 100%;}
.media-object{width:90px;}
.media-heading:hover{text-decoration:none;}
.jumbotron{padding-top:20px !important;padding-bottom:20px !important;}
.page-header{margin-top:0 !important;}
.gray-data{color:#999;margin:0 0 10px 50px;}
article{text-align:justify;font-size:1em;}
article img{margin:5px;}
article table{margin:3px;}
article img,article table{max-width:100% !important;height:auto !important;}
article table[align="center"] {width:100% !important;}
article table img{width:95% !important;height:auto !important;}
article table em{font-size:0.8em;padding:5px;display:block;}
.well.dark{border:none;background:#BBB;padding:0.8em 1em;height:3em;color:#FFF;margin-bottom:-25px;box-shadow:none;margin-top:20px;}
.well.dark a{color:#FFF;font-weight:bold;}
.well.light{border:none;background:#FFF;padding:0.8em 1em;height:3em;color:#999;margin-bottom:-25px;box-shadow:none;margin-top:0px;
    border-bottom: 1px solid #EEE;
    border-radius: 0;
	margin-bottom: 20px;
}
.well.light a{color:#999;font-weight:bold;}

.max125{max-height: 125px; display: block;}

.media.art.inline {margin-bottom:2em;}
.media.art .media-left {position:relative;display:block;height:170px;overflow:hidden;background:#F8f8f8;}
.media.art.inline .media-left {display:table-cell;background:transparent;width:33%;}
.media.art.inline .media-left a {height: 150px !important;}
.media.art.mini .media-left {display:table-cell;height:auto;background:transparent;width:33%;}
.media.art.mini .media-left a {height: 80px !important;}
.media.art .media-left a {position:absolute;display:block;left:0;top:0;width:100%;height:100%;max-height:100%;}
.media.art .media-left a img {    
	border: none;
	padding: 0;
	border-radius: 0;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.media.art.inline .media-body {padding-left: 10px;}
.media.art.mini .media-body {padding-left: 5px;}
.media.art .media-body h4 {color:#333 !important;text-align:left;font-size:19px;line-height: 1.3em;margin-bottom: 5px;font-weight:600;}
.media.art.inline .media-body h4 {margin-top:0;}
.media.art .media-body h5 {color:#333 !important;text-align:left;margin:0;font-size: 14px;font-weight:600;line-height: 1.3em;}
.media.art .media-body small {display:block;color:#999;font-size:0.8em;margin-bottom:1em;}
.media.art .media-body p {color:#999;}

.cover {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

#google{margin-left:15px;margin-right:15px;overflow:hidden;}

@media(min-width:1340px){
	.container{width:1320px !important;}
}
.marketing {margin-top:15px;text-align:center;}

/*new portal*/
.header {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.4em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	box-shadow: #BBB 0 -2px 0 0 inset;
	position: relative;
	color: #212121;
	margin-bottom: 10px;
	border-radius: 3px 3px 0 0;
}
.header > span {
	line-height: 1.5em;
	display: inline-block;
	border-bottom: 4px solid #333;
	margin-left: 1em;
	margin-right: 1em;
	padding: 10px 0px;
}
.header.nav-tabs {
	border: none;
	margin-bottom:10px;
}
.header.nav-tabs > li {
	line-height: 1.5em;
	display: inline-block;
	border-bottom: 4px solid transparent;
	margin-left: 1em;
	margin-right: 1em;
	float: none;
	margin-bottom: 0;
}
.header.nav-tabs > li > a {
	padding: 10px 0;
	line-height: 1.5em;
}
.header.nav-tabs > li.active {
	border-color: inherit;
}
.header.nav-tabs > li > a, .header.nav-tabs > li > a:hover, .header.nav-tabs > li > a:focus {
	border: none !important;
	background: transparent !important;
	border-radius: 0;
	margin: 0;
	color: #999;
}		
.header.nav-tabs > li.active > a {
	color: inherit !important;
}
.header .pull-right {
	margin-top: 9px;
}
a.action,
.header nav li {
	font-family: 'Open Sans', sans-serif;
	text-transform: initial;
	color: #999;
	box-shadow: none !important;
	font-size: 14px;
	font-weight: 500;
}
.header nav {margin-right:9px;}

.portal-color { color: #196392; /*color: <?=$appconf['portal_color'];?> !important;*/ }
.portal-border { border-color: #196392 !important; /*border-color: <?=$appconf['portal_color'];?> !important;*/ }
.portal-light-background { background: #F0F0F0 !important; }

.portal-inverse {
	background: #196392 !important; /*background: <?=$appconf['portal_color'];?> !important;*/
	color: #FFF !important;
	margin-top: 10px;
	margin-top: 6px;
	padding: 2px 0;
}
.portal-inverse span {border-bottom:0;}

.portal-button {
	border: 2px solid #196392 !important;
	background: #196392 !important;
	color: #FFF !important;
	transition: all 0.2s;
}
.portal-button:hover {
	background: #FFF !important;
	color: #196392 !important;
}		

/*
.gsc-input {width: 45%;}
.gsc-input input {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.gsc-input input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.gsc-search-button {vertical-align:top;}
.gsc-search-button input[type="button"] {
	display: inline-block;
	padding: 6px 45px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;	
	height: auto;
	border: 2px solid #196392 !important;
	background: #196392 !important;
	color: #FFF !important;
	transition: all 0.2s;
}
.gsc-search-button input[type="button"]:hover {
	background: #FFF !important;
	color: #196392 !important;
}
*/
.gsc-input-box  {
	padding: 0 3px 4px;
    border-radius: 6px;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
	padding: 8px 40px !important;
    background-color: #196392 !important;
}
.gsc-input {width:50% !important;}
.gsc-input input {    width: 100% !important;}
.gsc-search-button {width:auto !important;}

.gsc-wrapper {font-family: 'Open Sans', sans-serif !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top,.cse .gsc-control-cse, .gsc-control-cse {padding:0;}
.gs-result .gs-snippet {font-family: 'Open Sans', sans-serif !important;  font-size: 13px;}

/*fix new mod*/
.gsc-input {width:100% !important;}
form.gsc-search-box {
    width: 400px !important;
    max-width: 100%;
    margin-top: 6px !important;
}

#flash .item img {
	height: 350px;
    width: 100%;
	background: #f0f0f0;
}
#flash .carousel-caption {
    position: relative;
    background: #f0f0f0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 160px;
    text-align: left;
    padding: 10px;
    color: #000;
    text-shadow: none;	
	overflow: hidden;
}	
#flash a {
	text-decoration: none !important;
}
#flash h4 {
    font-size: 19px;
    font-weight: 600;
}	
#flash .carousel-control {
	background: transparent;
	box-shadow: none;
}
#flash .carousel-control:hover {
	background: rgba(0,0,0,0.1);
}
.img-responsive {
	margin: auto;
}
.media.art {
    margin-bottom: 15px;
	min-height: 250px;
}
.media.art.inline {
	margin-bottom: 3em;
    min-height: auto;
}
.more {
	font-weight: bold;
    float: right;
    margin-bottom: 15px;
    margin-top: 10px;
}

.xs-margin {
	padding: 0;
}
@media(max-width:991px){
	.well.light {height: auto;margin-bottom:0;}
	.adsbygoogle {
		max-width: 90% !important;
	}
}

/*2024-11*/
a, a:focus, a:hover {
	color: #0c4a6e !important;
}
.nav a {
	color: #082f49 !important;
}
.nav a:focus, .nav a:hover {
	color: #0369a1 !important;
}
.navbar {
	border-radius: 6px !important;
}
.jumbotron {
	border-radius: 10px !important;
}
.header {
	border-radius: 6px !important;
}
.orange {
    background: #ee6119;
    border-radius: 20px !important;
    margin-right: 15px;
    margin-left: 15px;
    color: #fff !important;
    font-weight: 600 !important;
}
.orange:hover {
	color: #fff !important;
}
.portal-button {
	border-radius: 20px !important;	
}
.col-fix {
	width: 73.8% !important;
}
@media(max-width:991px){
.col-fix {
	width: 100% !important;
}	
}
article {
    line-height: 25px;
}
h2 {
	font-weight: 600 !important;
}
.media.art .media-body h4 {
	font-size: 20px;
}
#flash h4 {
	font-size: 21px;
}
#flash .carousel-caption {
    height: 200px;
}
.carousel-control,.carousel-control:hover,.carousel-control:active,.carousel-control:focus {
		color: #fff !important;
}
.navbar-default .navbar-nav>li>a,
a.action, .header nav li,
.header {
	font-family: "Figtree", serif !important;
	font-optical-sizing: auto;
}
h4,h2 {
	font-family: "Red Rose", serif !important;
  font-optical-sizing: auto;
}

/*pimage*/
#phome,#ppage {
	width: 100% !important;
	padding: 0;
}
#phome .navbar,#ppage .navbar,
#phome .jumbotron,#ppage .jumbotron {
	border-radius: 0 !important;
	position: relative;
	overflow: hidden;
}
#phome .jumbotron {
	height: 500px;
}
#ppage .jumbotron {
	height: 300px;
}
.pback {
	position: absolute;
	z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}
.plogo {
	background: rgba(0,0,0,0.7);
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 30px;
    min-width: 600px;
	display: table;
	border-radius: 12px;
}
#phome .plogo {
	margin-top: 50px;
}
#ppage .plogo {
	margin-top: -25px;
	margin-left: -50px;
	transform: scale(0.8);
}
.plogo > div {
	display: table-cell;
}
.plogo .logo {
    border-radius: 16px;
    box-shadow: #FFF 0 0 0 3px;
}
.plogo h1 {
	font-size: 46px !important;
}
.plogo h1 a {
	color: #FFF !important;
}
.plogo .lead a {
	color: #FFF !important;
}
#ppage .plogo {
	padding: 5px 15px;
}	
@media(max-width:767px){
	.plogo {    min-width: 100%;}
	.plogo > div {padding:0 !important;}
	.plogo h1 {font-size: 30px !important;}
}