body:lang(en) {font-family: 'Helvetica','Simhei','Arial', sans-serif; margin:0; font-size:16pt}
body:lang(zh-Hant) {font-family: "微軟正黑體", "Microsoft JhengHei", 'Helvetica','Simhei','Arial', sans-serif; margin:0; font-size:16pt}
.head-logo {height:55px}
.head-logo img {height:34px;margin-left:16px; margin-top: 14px}
.head-logo .right {float: right;color:#707070; font-size: 12pt; margin-right:16px; margin-top:16px}
.head-logo .right span {padding:0 8px}
.head-logo .right .larger {font-size:16pt}
.lang {text-decoration: none; color:#707070}
.larger {cursor: pointer}
.smaller {cursor: pointer}
.head-bar-1 {height:50px; background-size: cover; background-repeat: no-repeat;background-position: center; display: flex;}
.head-bar-2 {height:38px; background-size: cover; background-repeat: no-repeat;background-position: center}
.head-bar-1 .title {width:33%;height:50px;display: flex;justify-content: center;}
.head-bar-1 .title span {align-self: center;font-size: 20px; color:#fff}
.head-bar-1 .button-group {width:67%;display: flex;}
.head-bar-1 a {text-decoration: none;align-self: center;}
.head-bar-1 .button {display: flex; margin-left:30px}
.head-bar-1 .button img {height:30px}
.head-bar-1 .button span {align-self: center; margin-left:8px;font-weight: bold;font-size: 20px;color:#fff}
.header-title {padding:22px}
.header-title.color-1 {background-color: #0E707B}
.header-title.color-2 {background-color: #6CC0CB}
.header-title.color-3 {background-color: #ff0000}
.header-title .title {font-weight: bold; font-size:22pt;color:#fff}
.content {margin:22px;padding-bottom: 20px}
.content .title {font-weight: bold; font-size:22pt;color:#12474D; margin-bottom: 8px}
.content .text {margin-bottom:32px}
.content .line {border-top: 1px solid #707070;margin-bottom: 6px}
.content .footnote {font-size:14pt}
.content .copyright {font-size:11pt; color:#8D8D8D;margin-top:12px}
/* Slideshow container */
.image-container {position: relative}
.slideshow-container {max-width: 1000px; position: relative; margin: auto;}
.slideshow-container .slide-single {display: none;}
.slideshow-container .prev, .slideshow-container .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 18px; transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.slideshow-container .next {right: 0;border-radius: 3px 0 0 3px;}
.slideshow-container .prev:hover, .slideshow-container .next:hover {background-color: rgba(0,0,0,0.8);}
.slideshow-container .slide-image {width:100%; height: 299px; background-size: cover;background-repeat: no-repeat;background-position: center}
.slideshow-container .slide-video {width:100%; height: 299px; background-size: cover;background-repeat: no-repeat;background-position: center}
.slideshow-container .slide-video .video {width:100%;height: 100%; border-width: 0;}
.dot-container {text-align:center; position: absolute; bottom: 3%; width:100%}
.dot-container .dot {cursor: pointer;height: 12px;width: 12px;margin: 0 6px; background-color: #fff;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;box-shadow: 0px 0px 10px #000000CC;}
.dot-container .active, .dot-container .dot:hover {background-color: #6DBFCA;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@media only screen and (min-width: 768px) {
    .slideshow-container .slide-image {width:100%; height: 450px;}
    .slideshow-container .slide-video {width:100%; height: 450px;}
}