/*第1層色碼*/
.global-header__inner {background:#1E90FF;}
.global-header {background:#007FFF;}
/*第1層字的大小*/
.main-nav__link {font-size:24px;}
.social__items, .social__items a {font-size:12pt;}
/*網頁背景色碼*/
.slab.-darkest-blue {background:#EFEFEF;}
.container -wide {fill:#EFEFEF;}
/*第3層頁籤*/
.tabn {
display: flex;
flex-wrap: wrap;
max-width: 1000px;
background: #EFEFEF;
border: 0px solid #ccc; }
/*input 內容不顯示*/
.input {
position: absolute;
opacity: 0; }
/*tab按鈕*/
.tab-labeln {
width: 100%;
height:50px;
padding: 10px 10px;
background: #e5e5e5;
cursor: pointer;
font-weight: bold;
font-size: 19px;
text-decoration: none;
color: #24367D;
margin: 3px 3px 0 5px ;
border-radius: 7px;
border: solid 3px #fff;
transition: background 0.2s, color 0.1s; }
.tab-labeln:hover {
background: #d8d8d8;
background-image: linear-gradient(#fff,#e6ecf0);}
.tab-labeln:active {
background-color:#ccc;
background-image: linear-gradient(#fff,#e6ecf0);}
.input:checked + .tab-labeln {
background: #fff;
color: #1E90FF; }
@media (min-width: 600px) {
.tab-labeln {
color:#24367D;
width: auto; } }
/*tab內容*/
.tab-paneln{
display: none;
padding: 20px 0px 30px;
margin-top: 3px;
width: 330px ;
background: #efefef; }
@media (min-width: 600px) {
.tab-paneln { order: 1; } }
.input:checked + .tab-labeln + .tab-paneln {
display: block; }
/*tab版面設定*/
.contentn {
max-width: 999px;
background:#F8F8FF;
margin-right: auto;
margin-left: auto;
margin-top: 0;}
.tab-paneln li {list-style-type:none;}
.home-news {order:3;width: 330px;margin-top: 20px;}
.rewebs {order:5; width: 330px;margin-top: 25px;}
.rewebs li {list-style-type:none;}
/*連結方塊設定*/
.btn-sticky {
display: inline-block;
width:325px;
padding: 0.5em 1em;
text-decoration: none;
background: #f7f7f7;
border-radius: 5px 0 0 0;
border-left: solid 15px #0047AB;/*左線*/
color:#136BC2; /*文字色*/
font-weight: bold;
margin-top: 5px;
border-bottom: solid 3px #007FFF;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.29);}
.btn-sticky:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);}
.btn-stitch {
text-decoration: none;
background-image: linear-gradient(#fff,#f7f7f7);
border: 1px solid #e6ecf0;
border-radius: 4px;
width:290px;
color: #393e42;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 5px 14px;
position: relative;}
.btn-stitch i {color: #1da1f3;}
.btn-stitch:hover {
background-color: #e6ecf0;
background-image: linear-gradient(#fff,#e6ecf0);
border-color: #e6ecf0;}
.ribbon9 {
display: inline-block;
position: relative;
font-size: 28px;
padding: 10px 10px;}
.ribbon9:before {
position: absolute; content: ''; top: 100%;
left: 0; border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);}
.ribbon9:after {
position: absolute; content: ''; top: 100%;
right: 0; border: none;
border-bottom: solid 15px transparent;
border-left: solid 20px rgb(149, 158, 155);}
/*第6層色碼*/
.global-footer {
background: #5A5C4F;
color: #fff;}
.footer-nav.-primary {
border-bottom: 1px solid #fff;}
/*色碼控制*/
.audience-nav__list a:hover, .utility-
nav__list a:hover {color:#2d2a2a;}
.audience-nav__list a, .utility-nav__list a
{color:#FFFFFF;}
/*選單字體大小*/
.content {font-size:16px;}
/*漢堡式選單顏色*/
.toggle .icon {fill: #fff;}
