/*@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;} }