/* CSS Document */
/*--.custom-input-------------------------------------*/
*:focus {
    outline: none !important;
	-webkit-box-shadow: none !important;
          box-shadow: none !important;
}
input::-moz-focus-inner {
  border: 0; }
input {
	border-width: 1px;
	border-style: solid;
	font-family: 'Roboto Serif', 'Noto Serif TC', sans-serif;
	letter-spacing: 1px;
}
.custom-input {
	color: #000000;
	border-color: #cccccc;
	border-radius: 0px;
	outline: none;
	font-size: 15px;
	font-weight: normal;
	min-height: 35px;
	border-width: 1px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.custom-input::placeholder { color: #C8C8C8;}

.custom-input:not(:focus) {
	border-color: #cccccc;
}
.custom-input:focus {
	border-color: #fc2424;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #D8051F;
}
.custom-select {
	display: block;
	width: auto;
	padding-top: 6px;
	padding-right: 50px;
	padding-left: 20px;
	padding-bottom: 6px;
	-moz-padding-start: calc(30px - 3px);
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
	color: #51596c;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2351596C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 12px;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 35px;
}
.custom-select {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 16px;
	border-radius: 0px;
	width: 100%;
}
.custom-select:focus {
	border-color: #fc2424;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media (min-width: 768px) {
.custom-select {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 16px;
	border-radius: 0px;
	width: auto;
}	
}
.custom-select {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/*--.i-btn-style-1-------------------------------------*/
.i-btn-style-1 {
	border: 1px solid #AEAEAE;
	border-radius: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 0px;
	background-color: #FFBE00;
	letter-spacing: 1px;
	font-size: 18px;
	color: #FFFFFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'Noto Sans TC', sans-serif;
}
.i-btn-style-1:hover {
	border: 1px solid #113588;
	background-color: #113588;
	color: #ffffff;
}

.i-btn-style-2 {
	border: 1px solid #E89E00;
	border-radius: 0px;
	padding-top: 3px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
	background-color: #FFAE00;
	letter-spacing: 1px;
	font-size: 18px;
	color: #FFFFFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'Noto Sans TC', sans-serif;
}
.i-btn-style-2:hover {
	border: 1px solid #113588;
	background-color: #113588;
	color: #ffffff;
}


.i-btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  ----bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(----bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .i-btn {
    transition: none;
  }
}
.i-btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.i-btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.i-btn.active, 
.i-btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.i-btn:first-child:active:focus-visible, 
.i-btn.active:focus-visible, 
.i-btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}

.i-btn:disabled, .i-btn.disabled, fieldset:disabled .i-btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}











body {
	background-color: #E2F0F6;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	min-height: 500px;
	font-family: 'Roboto Serif', 'Noto Serif TC', sans-serif;
	letter-spacing: 1px;
}
.i-header-layout {
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0;
	position: relative;
	margin: 0;
	z-index: 2000;
}
.i-header-fixed .i-header-layout {
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	z-index: 2000 !important;
}

@media (min-width: 768px) {

.i-header-fixed .i-header-layout {
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
.i-mobile.i-header-fixed .i-header-layout,
.i-mobile-view-activated.i-header-fixed .i-header-layout {
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	z-index: 2000 !important;
}
}
.i-header-layout .navbar {
	align-items: stretch;
	background-color: #FFFFFF;
}
@media (min-width: 768px) {
.i-header-layout .navbar {
	background-color: transparent;
}
}
.i-brand-logo-block {
	position: relative;
	width: 120px;
	height: 100%;
	display: flex;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}
.i-brand-logo-block .navbar-brand{
	margin: 0 !important;
	padding: 0 !important;
	position: relative;

}
.i-brand-logo-block .navbar-brand img{
	width: 100%;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.7));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.7));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.7));
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler.collapsed {
	background-color: transparent;
	outline: none;
	border-width: 0px;
	box-shadow:none;
}
.navbar-toggler .navbar-toggler-icon {
	color: #191919;
}
.i-navbar-menu-block.show {padding-left: 0px;background-image:none;}
@media (min-width: 768px) {
.i-header-layout {
	background-color: #A7A8A8;
	padding-bottom: 0px;
}
.i-mobile .i-header-layout,
.i-mobile-view-activated .i-header-layout {
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0;
	position: relative;
	margin: 0;
	z-index: 2000;
}
.i-brand-logo-block {
	position: relative;
	width: 224px;
	height: 100%;
	display: flex;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

.i-mobile-view-activated .i-brand-logo-block,
.i-mobile-view-activated .i-brand-logo-block {
	position: relative;
	width: 120px;
	height: 100%;
	display: flex;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

.i-brand-logo-block .navbar-brand{
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	top: 0px;
	left: 0px;
}
.i-navbar-menu-block {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom: 0px;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,1.00) 3%,rgba(255,255,255,1.00) 90%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,1.00) 3%,rgba(255,255,255,1.00) 90%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,1.00) 3%,rgba(255,255,255,1.00) 90%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,1.00) 3%,rgba(255,255,255,1.00) 90%,rgba(255,255,255,0.00) 100%);
}	
}
.i-navbar-menu-block .navbar-nav{
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
}
.i-navbar-menu-block .navbar-nav .nav-link {
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto Serif', 'Noto Serif TC', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #53913C;
	letter-spacing: 1px;
	text-shadow: 0.2px 0.2px 0.2px #ACACAC;
}
.i-language-block {
	margin-bottom: 10px;
}
.i-search-block {
	margin-bottom: 10px;
	display: none;
}
@media (min-width: 768px) {
.i-navbar-menu-block .navbar-nav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-height: 53px;
}
.i-navbar-menu-block .navbar-nav .nav-link {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto Serif', 'Noto Serif TC', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #53913C;
	letter-spacing: 1px;
	text-shadow: 0.2px 0.2px 0.2px #ACACAC;
}	
.i-language-block {
	margin-bottom: 0px;
}
.i-search-block {
	margin-bottom: 0px;
	display: flex;
	margin-left: 5px;
}

.i-mobile .i-search-block,
.i-mobile-view-activated .i-search-block {
	margin-bottom: 10px;
	display: none;
}
}

form.d-flex {
	display: flex;
align-items: stretch;
justify-content: center;}
.i-search-block .i-search-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 5px;
	padding-right: 5px;
	white-space:nowrap;
}
.i-search-block .i-search-input input{
	display: flex;
	flex-grow: 2;
flex-shrink: 1;
flex-basis: 0%;
	height: 100%;
}
.i-search-block .i-search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space:nowrap;
	outline:none;
	-webkit-box-shadow: none !important;
          box-shadow: none !important;
	-webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.i-btn-language {
	background-color: #4B4B4B;
	color: #FFFFFF;
}
.btn.show,
.i-btn-language:focus,
.i-btn-language:active,
.i-btn-language:hover,
.i-btn-language.show {
	border: 1px solid #081B46;
	background-color: #113588;
	color: #ffffff;
}
.i-language-block .dropdown-menu .dropdown-item:hover{
	background-color: #113588;
	color: #FFFFFF;
}

.btn:focus-visible {color: #FF0004 !important;
  background-color: #00FF3C !important;
  border-color: #0054FF !important;
  outline: 0 !important;
  box-shadow: none !important;}


.i-footer-layout {
	margin-top: 10px;
}
.i-footer-block {
	text-align: center;
	padding: 5px;
}
.i-header-layout > .navbar { z-index: 2000;}
.i-mobile-search-block {
	position: relative;
	background-color: #78B1D5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	transform: translate(0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 1;
	display: block;
}
.i-mobile-search-form-block {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	background-color: #C9C9C9;
}
.i-mobile-search-form-block .i-search-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E7E7E7;
	border-left: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
@media (min-width: 768px) {
	
}
.i-mobile-search-form-block .i-search-input {
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: 0%;
}
.i-mobile-search-form-block .i-search-btn {
	
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.i-mobile-search-form-block .i-search-btn .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	outline: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
	height: 100%;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}
@media (min-width: 768px) {
.i-mobile-search-block {
	transform: translate(0, -100%);
	position: absolute;
	visibility: hidden;
	display: none;
}

.i-mobile .i-mobile-search-block,
.i-mobile-view-activated .i-mobile-search-block {
	position: relative;
	background-color: #78B1D5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	transform: translate(0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 1;
	display: block;
	visibility: visible;
}
}

/*-- Form Table --------------------------*/
.tr-block {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 0px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
}
 
.tr-block .td-block {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	padding: 5px;
}
.tr-block .td-tag {
	width: 105px;
	background-color: #EBEBEB;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
@media (min-width: 768px) {
.tr-block .td-tag {
	width: 150px;
	background-color: #EBEBEB;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
}
.tr-block .td-value {
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: 0%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.td-block button + button {
	margin-left: 10px;
}
.i-required {
	font-size: 10px;
	color: #E51D21;
}
.i-header-layout .navbar {z-index: 2000;}
.i-mobile-search-block {
	z-index: -1;
}

.i-getcode-block {
	display: block;
	align-items: stretch;
	justify-content: flex-start;
	height: 100%;
}
.i-getcode-block .i-code-input,
.i-getcode-block .i-code-img-block,
.i-getcode-block .i-rerepeat-img-block,
.i-getcode-block .i-rerepeat-text-block {
}
@media (min-width: 768px) {
.i-getcode-block {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	height: 100%;
}
.i-getcode-block .i-code-input,
.i-getcode-block .i-code-img-block,
.i-getcode-block .i-rerepeat-img-block,
.i-getcode-block .i-rerepeat-text-block {
	height: 100%;
	border: 0px solid #FF0004;
	display: flex;
align-items: center;
justify-content: center;
}
.i-getcode-block > div + div {
	margin-left: 5px;
}
.i-getcode-block .i-rerepeat-img-block {
	color: #0093FF;
}
}







.ul-data-inline {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.ul-data-inline > li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
.ul-data-inline > li { 
	
}
.ul-data-inline > li + li {
	margin-left: 0px;
	margin-top: 5px;
}
.ul-data-inline + .ul-data-inline {
	border-top: 1px dashed #CCCCCC;
	margin-top: 5px;
	padding-top: 5px;
}
.i-ml-5 {
	margin-left: 5px;
}
.i-mr-5 {
	margin-right: 5px;
}
.i-mlr-5 {
	margin-left: 5px;
	margin-right: 5px;
}
.w-100px { width:100px;}
.w-m-70px { width:70px;}
.w-80px {width:80px;}
.w-100px {width:100px;}
.i-ml-0 {
	margin-left: 0px !important;
}
@media (min-width: 768px) {
.ul-data-inline {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: auto;
}
.ul-data-inline > li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
}
.ul-data-inline > li { 
}
.ul-data-inline > li + li {
	margin-left: 10px;
	margin-top: 0px;
}
.ul-data-inline + .ul-data-inline {
	border-top: 0px dashed #CCCCCC;
	margin-top: 5px;
	padding-top: 0px;
}
.w-m-70px { width:auto;}
.w-d-600px {width:600px;}
.w-d-300px {width:300px;}
}


.i-w-150px {
	width: 150px;
}

/*-- i-News-bloc ------------------------------------*/
.i-News-block {
	border: 0px solid #FF0004;
	position: relative;
	width: 100%;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	margin-top: 5px;
	margin-bottom: 5px;
}
@media (min-width: 768px) {
.i-News-block {
	border: 0px solid #FF0004;
	position: absolute;
	top: 35px;
	left: 12px;
	width: calc(100% - 24px);
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	margin-top: 0px;
	margin-bottom: 0px;
}
}
.breakingNews{
	width: 100%;
	height: 40px;
	background: #FFF;
	position: relative;
	border: 2px solid #0067B8;
	overflow: hidden;
}
.breakingNews>.bn-title{
	width: auto;
	height: 40px;
	display: inline-block;
	background-color: #0074D0;
	position: relative;
}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:20px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #0074D0;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:16px;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}

.breakingNews>.bn-navi{width:40px; height:100%; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	cursor: pointer;
	opacity: 0.3;
	display: flex;
	align-items: center;
	justify-content: center;
}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}
.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}

.i-social-media-block {
	font-size: 25px;
	display: inline-block;
	margin-left: 10px;
}
.i-social-media-block > ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.i-social-media-block > ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
}
.i-social-media-block > ul > li a {
	color: #034D76;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.3));
	text-transform: none;
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.i-social-media-block > ul > li a:hover {
	color: #D31B1E;
}
.i-social-media-block > ul > li + li {
	margin-left: 10px;
}