.html_hidden {overflow: hidden!important;}
.sel_div {opacity: 0.75!important;}

body, h1, h2, h3, h4, h5, h6 {font-family: 'Arial','Microsoft JhengHei', sans-serif;}

header { width: 100%; position: fixed; top: 0; z-index: 777; background-color: rgba( 255, 255, 255, 1); transition: all 0.5s ease 0s;}
header.shrink { position: fixed; top: 0; z-index: 777; background-color: rgba( 255, 255, 255, .7); box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}

.imgCenter, .imgCenter a, .img-center, .img-center a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

.peak { width:100%; display: flex; align-items: center; justify-content: space-around; padding: 12px 0; }
.logo a { display: block; width: 235px; height: 47px; background: url(../images/logo.png) no-repeat left center / cover; }

.top-inquiry { margin-right: 10px; }
.top-inquiry a { background: url(../images/icon-inquiry.png) no-repeat center / cover; width: 20px; height: 20px; display: block; }
.top-inquiry:hover span { background: #00659e; }
.top-inquiry span { display: block; position: relative; width: 20px; height: 20px; z-index: 7; border-radius: 100%; background: #40488d; color: #fff; line-height: 19px; font-size: 12px; text-align: center; right: -7px; top: -10px; }

nav { display: flex; align-items: center; }
.menu-icons { display: flex; align-items: center; margin-left: 20px; }
.lang { width:20px; height:20px; position:relative; background:url(../images/icon-lang.png) no-repeat center / cover; cursor:pointer; margin-right: 10px;}
.lang:hover { color:#f1cc54; }
.lang-open { display:none; list-style: none; position:absolute; z-index:7; right:-35px; top:30px; width:90px; text-align: center; background:#fff; padding:0px; line-height:30px; color:#424242; border: 1px solid #a6a6a6;}
.lang-open a { font-size: 15px; color:#424242; display:block; padding:0 5px;}
.lang-open a:hover { color:#fff; background:#00659e;}
.lang select { background-color:transparent;}

.quick-search-box { position:relative; }
.quick-search { cursor:pointer; width: 20px; height: 20px;}
.quick-search-open { display:none; position:absolute; z-index:7; right:0; width:145px; top:30px; background:#fff; padding:10px; border-radius:5px; color:#424242; text-align:right; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);}
.quick-search-open input { width: 100%; border: 1px solid #a6a6a6; padding: 5px 10px; margin-bottom: 5px; }
.quick-search-btn { border-radius:5px; display:inline-block; line-height:30px; text-align:center; color:#fff !important; background:#40488d; padding:0 6px; font-size:14px;}
.quick-search-btn:hover { color:#fff; background:#00659e;}

.btn-more-01 {
  padding: 10px 40px;
  color: #fff !important;
  background: #1f5a7b;
  border-radius: 40px;
  font-size: 15px; line-height: 1.2;
  transition: 0.2s; position: relative; z-index: 1; display: table; margin: auto;
}
.btn-more-01:hover {
  background: #d9a414;
  color: #fff;
  letter-spacing: 2px;
  transition: 0.3s;
}
.btn-more-01::before {content: ""; position: absolute; right: -29px; top:calc(50% - 5px);  width: 10px; height: 10px; border-width: 1px 1px 0 0;border-style: solid; border-color: #1f5a7b; transform: rotate(45deg); opacity: 0; mix-blend-mode: exclusion; transition: 0.3s;}
.btn-more-01:hover::before {border-color: #d9a414; opacity: 1; right: -40px;}
.btn-more-01::after {content: ''; width: 60px; height: 1px; background: #1f5a7b; position: absolute; right: -30px; top: 50%; z-index: 10; /*mix-blend-mode: exclusion;*/ transition: 0.3s;}
.btn-more-01:hover::after {background: #d9a414; right: -40px;}

@media only screen and (max-width: 1070px) {
    .peak { justify-content: space-between; }
    .logo { margin-left: 10px; margin-top: 6px; }
    .logo a { width: 90px; height: 34px; }
    .top-inquiry { margin-right: 20px; }
    .lang { margin-right: 20px; }    
    nav { position:absolute; width:100%; right: 0; top:7px;}
    .menu-icons { position: absolute; right: 70px; top: 20px; z-index: 9999; margin-left: 0; }
    .showhide em { transition: all 0.3s ease-in-out; }
    .showhide-rotate em:nth-of-type(1) { position:relative; top:10px; transform:rotate(45deg); }
    .showhide-rotate em:nth-of-type(2) { display:none;}
    .showhide-rotate em:nth-of-type(3) {  position:relative; top:1px; transform:rotate(-45deg); }
}