.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  max-width: 160vmin;
  margin: auto;
}

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}/*******global.css**************************************************************/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*所有通用設定-----------------------------------------------------------------------*/
body { font-family: Meiryo, "Meiryo UI","微軟正黑體",Arial, Helvetica, sans-serif, "新細明體";  font-size:15px; line-height:1.5; font-weight:normal; color:#333;}

/*預設連結狀態*/
a:link, a:visited { color:#000; text-decoration:none; transition:color 0.2s ease-out;}
a:hover, a:active { color:#bc823d; text-decoration:none; }

/*圖片無框*/
a img { border:none; }
/*h標題設定*/
h1 { font-size:15px; font-weight:normal;}
h2 { font-size:15px; font-weight:normal;}
h3 { font-size:13px; font-weight:normal;}
h4 { font-size:13px; font-weight:normal;}

/*去除圖片底下空白*/
img{vertical-align: bottom; } 

/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {*zoom: 1; _zoom: 1; }

/*反白換顏色*/
::-moz-selection{ background-color:#d89b53; color:#fff;}
::selection{ background-color:#d89b53; color:#fff;}

/*more基本型*/
.more_box { clear:both;}
a.more { display:block; width:110px; height:30px; font-size: 20px;}
a.more:link, a.more:visited {}
a.more:hover, a.more:active {}
.more_box a.more{  clear:both; float:right; }

/*麵包屑=======
.menu_bread_crumb { margin-bottom:5px;}
.menu_bread_crumb em { color:#bc823d; font-style:normal;}
.menu_bread_crumb span { margin:0px 5px;}
.menu_bread_crumb a:link, .menu_bread_crumb a:visited {}
.menu_bread_crumb a:hover, .menu_bread_crumb a:active {}*/

/*分頁組件=======*/
.menu_page { clear:both; text-align:center; }
.menu_page span,
.menu_page a { color:#666; border:1px solid #666; border-left:0px; padding:5px 10px; margin:0px;}
.menu_page a:hover, .menu_page a:active{ color:#fff; background:#333; border:1px solid #333;}
.menu_page span.current { color:#fff; background-color:#666; border:1px solid #666;}
.menu_page span.disabled{ text-decoration:none; color:#aaa;} 
.menu_page .info{ clear:both; margin-top:10px; color:#333;}

.menu_page span:nth-of-type(1),
.menu_page a:nth-of-type(1){ border-left:1px solid #666;}

/*搜尋bar=======*/
.search_bar{ margin-bottom:10px;}

/* .gototop 滾回網頁最上面 ============*/
.gototop{ width:60px; height:60px; text-indent:-9999px; background:url(../images/gototop.png) no-repeat; background-size:60px 60px; opacity:0.9; position:fixed; bottom:30px; right:30px; cursor:pointer; z-index:10; display:none; }

/*修正FB*/
.fb_iframe_widget{ display:block;}
.fb-page{ margin:0 auto 15px auto;}

/* 影音 icon */ 
i.icon_type_video{ clear:both; display:inline-block; width:20px; height:20px; background:url(../images/icon_type_video.png) no-repeat; background-size:contain; margin-right:5px; position:relative; top:2px;}

.ad_pictxt_1 i.icon_type_video,
.part_pictxt_1 i.icon_type_video { width:15px; height:15px;}/*******layout.css**************************************************************/
/*================================================版型================================================*/
body{ background:#fff;}
.wrapper{ }
.container{ width:1000px; margin: 0 auto 20px auto; position:relative;} /*實際版面為980px 因為變天廣告會帶border-left border-right插進來*/
.container .r1{ clear:both;}
.container .r1 .c1{}
.container .r2{ clear:both;}
.container .r2 .c1{ width:625px; float:left;}
.container .r2 .c2{ width:300px; float:right;}
.container .r3{ clear:both; padding:15px;}
.container .r3 .c1{}
.header{}
.header .inner { width:1000px; height:218px;  margin:0 auto; margin-bottom: 30px; position:relative;}
/*================================================header================================================*/
/*topbar*/
.header .topbar{ float:right;}
.header .topbar a{ font-size:13px;margin-right:5px; padding-left:5px;}
.header .topbar a em{ display:inline-block; width:15px; height:15px; background:url(../images/icon_topbar_fb.png); position:relative; top:3px; right:4px;}
/*logo*/
.header h2{ position:absolute; left:50%; top:80px; margin-left: -137px;}
.header a.main_logo{ display:block; width:270px; height:38px; background:url(../images/logo_header.png) no-repeat; background-size:100% auto; text-indent:-9999px;}
/*nav_2*/
.header .nav_2{ width: 340px; position:absolute;  left:50%; bottom:12px; margin-left: -170px;}
.header .nav_2 a{ display: inline-block; text-align: center; width:30px; height:30px; margin-right:26px;}
.header .nav_2 a:last-child{ margin-right:0px; }
.header .nav_2 a em{ display:inline-block; width:18px; height: 18px;  background:url(../images/icon_nav_2.png) no-repeat; position:relative; top:5px;  text-indent: -999999px;}
.header .nav_2 a em.icon_1{ background-position:5px center;}
.header .nav_2 a em.icon_2{ background-position:-48px center;}
.header .nav_2 a em.icon_3{ background-position:-113px center;}
.header .nav_2 a em.icon_4{ background-position:-171px center;}
.header .nav_2 a em.icon_5{ background-position:-237px center;}
.header .nav_2 a em.icon_6{ background-position:-293px center;}

/*search_box*/
.search_box{ width:100%; height:100%; position:fixed; left:0px; bottom:0px; background: rgb(255,255,255); z-index:200000; visibility: hidden; opacity: 0; transition:all .3s linear;}
.search_box.show{visibility: visible; opacity: 0.95;}
.search_box #searchclose{ width: 60px; height: 60px; background: url(../images/icon_closesearch.png) center center no-repeat; position: absolute; right: 100px; top: 100px; z-index: 1200; cursor: pointer;}
.search_box form{ display: block; position: absolute; top: 0;bottom: 0;margin: auto 0;height: 130px;width: 100%;}
.search_box input.keyword {display:block; width:100%; height:50px; padding-bottom:3px; margin:2px 0px 0px 10px; border:0px; color:#666; font-size: 30px; text-align: center;font-family: Meiryo, "Meiryo UI","微軟正黑體",Arial, Helvetica, sans-serif; }
.search_box input.keyword:focus{ outline:none}
.search_box button.btn{display:block; width:25px; height:25px; cursor:pointer; position:absolute; right:0px; top:0px; border:0px; }

/*================================================nav_1================================================*/
.nav_1{ width:100%; height:40px;  z-index:999; margin-bottom: 60px;}
.nav_1 ul{ width:1000px; height:40px; margin:0 auto; text-align: center;}
.nav_1 li{ display: inline-block; height:35px; padding:0px 19px/*14px*/; font-size:18px; position:relative; bottom:0px;}
.nav_1 li a{ display:inline-block; width:100%; height:100%; line-height:35px; font-size: 16px;}
/* .nav_1 li:after{ display:inline-block; content:""; width:1px; height:20px; background:#333; position:absolute; right:-2px; top:8px;} */

/*次選單*/
.nav_1 .sub{ display:none; width:100%; position:absolute; left:0px; top:40px; z-index:100; border:1px solid #ddd;}
/* .nav_1 .sub a{ display:block; border-bottom:1px solid #ddd; text-align:center;} */
.nav_1 .sub a:link, .nav_1 .sub a:visited { background:rgba(255,255,255,0.95);}
.nav_1 .sub a:hover, .nav_1 .sub a:active { background:#eee;}
/*current*/
.nav_1 li.current{}
.nav_1 li.current a{ color: #666;}
.nav_1 li.current a:hover, .nav_1 li.current a:active{ color:#333;}
.nav_1 li.current:after{ display:none;}
/*吸住*/
.nav_clone{ position:fixed; left:0px; top:0px; display:none; background: rgba(255,255,255,0.95)}

/*================================================側欄================================================*/
.sidebar-hot-news{ height:1612px; overflow:hidden;}

/*================================================footer================================================*/
.footer_box{ clear:both; background:#000; margin-top:100px;}
.footer{ width:1000px; height:70px; margin:0 auto; position:relative; padding-top:10px; }
.footer .footer_menu{ text-align:center; margin-bottom:5px;}
.footer .footer_menu a{ display:inline; padding:0px 5px;}

/*版權*/						
.footer address{ color:#999; text-align:center; font-style:normal;}
.footer a:link, .footer  a:visited { color:#999; text-decoration:none; }
.footer a:hover, .footer a:active { color:#fff; text-decoration:none; }
/*******block.css**************************************************************/
/*================================================block================================================*/
/*歸零========================*/
.block{ clear:both; margin-bottom:10px;}
.block_z{ }

.block_z .block_title{ }
.block_z .block_content{ border:1px solid #000;}

/*依寬度不同改樣式*/
.block_z.w_600 .block_content{ border-right:10px solid #000;}
.block_z.w_900{ width:900px; margin:0 auto; border-top:1px solid #000; border-right:10px solid #000; margin-top:80px;}
.block_z.w_900 .block_content{ border:0;}

/*fb*/
.block_z.fb{ margin:60px 0px;}
.block_z.fb .block_title{ padding-bottom:5px; border-bottom:10px solid #000; margin-bottom:30px; position:relative; z-index:-20;}
.block_z.fb .block_title h3{ font-size:22px; z-index:10;}
.block_z.fb .block_title:after{ display:block; width:90px; height:90px; content:""; border-radius:45px; background:rgba(188, 130, 61, 0.5); position:absolute; left:35px; top:-30px; z-index:-10;}



/*================================================元件================================================*/
/*part_title_1========================*/
h3.part_title_1{ display:block; height:36px; position:relative; z-index:40; border-bottom: 2px solid #000;}
h3.part_title_1 span{ font-size:20px;}

/*part_title_2========================*/
h3.part_title_2{ height:40px; margin-bottom:20px; border-bottom:1px solid #666; text-align:center; margin-bottom:20px;}
h3.part_title_2 span{ display:inline-block; padding: 0 10px; height:22px; font-size:16px; background:#fff; position:relative; bottom:-27px;
/*調整字距左右對齊*/
text-align:justify;
text-justify:inter-ideograph;}
h3.part_title_2 span:after{content:''; display:inline-block; width:100%;}

/*part_title_3========================*/
h3.part_title_3{ width:100%; height:16px; margin-bottom:20px; border-bottom:1px solid #666; text-align:center; display:none; }
h3.part_title_3 span{ display:inline-block; height:16px; font-size:16px; background:#fff; position:relative; bottom:0px;
 padding:0 10px;}


/*================================================文字列表================================================*/
/*part_txt_1========================*/
.part_txt_1{ }
.part_txt_1 a{ display:block; margin-bottom:10px; padding-bottom:10px; font-size:18px; border-bottom:1px solid #666;}
/*part_txt_2========================*/
.part_txt_2{}
.part_txt_2 a{ display:block; margin-bottom:10px; font-size:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.part_txt_2 a::before{ content:""; display:inline-block; width:8px; height:8px; margin-right:8px; background:#333;}
/*part_txt_3========================*/
.part_txt_3{ position:relative;}
.part_txt_3 a{ display:block; margin-bottom:5px; padding-bottom:5px; font-size:16px; border-bottom:1px solid #666;}
.part_txt_3 a:nth-last-of-type(1){ border-bottom:5px solid #000;}
.part_txt_3 a::before{ content:""; display:inline-block; width:5px; height:5px; margin:0px 8px 3px 0px; background:#333;}
.part_txt_3 span.more_1 a{ font-size:20px; border:0px; position:absolute; right:0px; bottom:-40px;}
.part_txt_3 span.more_1 a::before{ display:none;}


/*================================================圖文列表================================================*/
/*part_pictxt_1========================*/
.part_pictxt_1{ clear:both; padding:25px 0px; border-bottom:1px solid #999;}
.part_pictxt_1 a.pic{ float:left; width:140px; height:105px; margin-right:5px; overflow:hidden;}
.part_pictxt_1 a.pic img{ width:auto; height:100%;}
.part_pictxt_1 h3{ display:table-cell; vertical-align:middle; height:105px; font-size:15px;}
.part_pictxt_1 h3 a{}
/*原生廣告*/
.ad_pictxt_1{ clear:both; width:300px; padding:25px 0px; border-bottom:1px solid #999;}
.ad_pictxt_1 a.pic{ float:left; width:140px; height:105px; text-align:center; margin-right:5px;}
.ad_pictxt_1 a.pic img{ max-height:100%; width:auto;}
.ad_pictxt_1 h3{ display:table-cell; vertical-align:middle; height:105px; font-size:15px; font-size:15px;}
.ad_pictxt_1 h3 a{}
.ad_pictxt_1 span { display:none;}


/*part_pictxt_2========================*/
.part_pictxt_2{}
.part_pictxt_2 .keyword{ margin-bottom:10px; color:#bc823d;}
.part_pictxt_2 a.item{ display:block; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #999;}
.part_pictxt_2 a.item .pic{ float:right; width:300px; height:225px; overflow:hidden;}
.part_pictxt_2 a.item .pic img{ width:auto; height:100%;}
.part_pictxt_2 a.item .group{ float:left; width:310px; height:225px; position:relative; transition:all 0.2s ease-out; }
.part_pictxt_2 a.item .group h4{ font-size:16px; margin-bottom:20px;}
.part_pictxt_2 a.item .group span.label{ display:inline-block; padding:0px 10px; background:#000; color:#fff; font-size:16px;}
.part_pictxt_2 a.item .group p{position:absolute; bottom:0px;}

/*日期*/
.part_pictxt_2 a.item span.time{ display:block; width:125px; height:29px; background:url(../images/bg_time.png) no-repeat; padding:3px 0px 0px 35px; font-family:"Georgia"; font-style:italic; font-weight:bold; font-size:16px;}
/*hover*/
.part_pictxt_2 a.item:hover .group p,
.part_pictxt_2 a.item:hover .group h4{ transition:all 0.2s ease-out; color:#bc823d;}
.part_pictxt_2 a.item:hover .group span.label { transition:all 0.3s ease-out; background:#bc823d; color:#fff;}
.part_pictxt_2 a.item:hover span.time{ color:#000;}
/*圖在左邊*/
.part_pictxt_2 .item.left .pic{ float:left;}
.part_pictxt_2 .item.left .group{ float:right;}
.part_pictxt_2 .item.left .group p{ }
.part_pictxt_2 .item.img_center .pic{ text-align:center;}

/*part_pictxt_3========================*/
.part_pictxt_3{}
.part_pictxt_3 .item{ float:left; width:140px; margin-right:15px;}
.part_pictxt_3 .item a.pic{ display:block; width:100%; height:105px; margin-bottom:10px; overflow:hidden;}
.part_pictxt_3 .item a.pic img{ width:auto; height:100%;}
.part_pictxt_3 .item h3{ font-size:15px;}
.part_pictxt_3 .item h3 a{}


/*part_pictxt_4========================*/
.part_pictxt_4{ clear:both;}
.part_pictxt_4 .item{ padding-bottom:50px; border-bottom:1px solid #666; margin-bottom:50px;}
.part_pictxt_4 .item a.pic{ float:left; width:360px; height:240px; text-align:center; margin:0px 20px;}
.part_pictxt_4 .item a.pic img{ width:auto; max-height:100%;}
.part_pictxt_4 .item h3{ font-size:18px;}
.part_pictxt_4 .item h3 a{ display:table-cell; vertical-align:middle; height:240px;}
.part_pictxt_4 .item:nth-last-of-type(1){ border-bottom:0px;}

/*part_pictxt_5========================*/
.part_pictxt_5{ clear:both;}
.part_pictxt_5 a.item{ display:block; margin-bottom:70px; position:relative;}
.part_pictxt_5 a.item h3{ font-size:16px; margin-bottom:20px;}
.part_pictxt_5 a.item .pic{ float:left; width:360px; height:240px; text-align:center; overflow:hidden;}
.part_pictxt_5 a.item .pic img{ width:auto; max-height:100%;}
.part_pictxt_5 a.item .summary{ width:300px; height:240px; margin-left:370px; position:relative;}
.part_pictxt_5 a.item .summary p{ position:absolute; bottom:0;}

.part_pictxt_5 + .more_box { position:relative; top:-50px; right:20px;}
/*================================================縮圖列表================================================*/
/*part_thumb_1========================*/
.part_thumb_1{}
.part_thumb_1 a.pic{ display:inline-block; width:100px; height:75px; line-height:75px; background:#ddd; margin:0px 5px 10px 0px; text-align:center; overflow:hidden;}
.part_thumb_1 a.pic img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}


/*part_thumb_2========================*/
.part_thumb_2{ margin-bottom:50px;}
.part_thumb_2 .item{}
.part_thumb_2 .item a.pic{ display:inline-block; max-width:100%; height:253px; overflow:hidden; margin-bottom:10px;}
.part_thumb_2 .item a.pic img{ width:auto; max-height:100%;}
.part_thumb_2 .item h3{ line-height:18px; font-size:18px;}
.part_thumb_2 .item h3 a{ max-width:100%; height:auto;}
/*一排4個*/
.part_thumb_2.col_4{ padding-bottom:10px; border-bottom:1px solid #666; position:relative;}
.part_thumb_2.col_4 .item{ float:left; width:230px; margin:0px 20px 15px 0px;}
.part_thumb_2.col_4 .item a.pic{ height:170px;}
.part_thumb_2.col_4 .item h3{ font-size:16px; line-height: normal;}
.part_thumb_2.col_4 .item:nth-of-type(4n){ margin-right:0px;}
.part_thumb_2.col_4 .item:nth-of-type(4n+1){ clear:both;}

.part_thumb_2.col_4 .more_box{ position:absolute; right:-35px; bottom:30px;}

/* part_thumb_3 影音列表 video 9:16*/
.part_thumb_3{display: flex; margin-bottom:50px; gap: 4px; flex-wrap: wrap;}
.part_thumb_3 .item{ width: calc((100% - 12px) / 4); height: 0; padding-bottom: 43%; overflow: hidden; position: relative; }
.part_thumb_3 .item a{ display: block; display: flex; justify-content: center; align-items: center; background: #ccc; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.part_thumb_3 .item img{ width: 100%; height: auto; display: block; }

/*================================================各區域================================================*/
/*area_1========================*/
.area_1{ clear:both; position:relative;}
.area_1 .part_title_3{ position:absolute; top:0px; left:0px;}
/*box_1*/
.area_1 .box_0{margin-bottom: 80px; border-bottom: 1px solid #000;}
/* .area_1 .box_0:nth-last-of-type(2){ margin-bottom: 0px; border-bottom: 0px solid #000;} */
.area_1 .box_1{ }
.area_1 .box_1 .item{ float:left; margin-right:40px; width:calc((100% - 80px) / 3); height:300px; position:relative; margin-bottom:40px;}
/* .area_1 .box_1 .item{ width:300px; height:300px; float:left; margin-right:40px; margin-bottom:40px;} */
.area_1 .box_1 .item:nth-of-type(3n){ margin-right:0px;}
/* .area_1 .box_1 .item.item:nth-child(3n){ margin-right:0px;} */
.area_1 .box_1 .item a.pic{ display:block; width:100%; height:225px; margin-bottom:5px; overflow:hidden; position: relative;}
.area_1 .box_1 .item a.pic img{ width:auto; height:100%;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.area_1 .box_1 .item span{ display:inline-block; padding:0px 10px; background:#000; color:#fff; font-size:12px; position:relative; top:-8px; display:none;}
.area_1 .box_1 h4{ font-size:16px;}
.area_1 .box_1 h4 a{}


/*box_2*/
.area_1 .box_2 { width:1000px; margin-bottom: 70px; position: relative; }
.area_1 .box_2 a{display: block;}
.area_1 .box_2 img{width: 100%; height: 570px; object-fit: cover; }
.area_1 .box_2 h4{ clear:both; width:100%; height:70px; padding:20px; color:#fff; font-size:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:999; position:absolute; left:0px; bottom:0px;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.9) 100%); font-weight: 500;}

/*area_2========================*/
.area_2{ clear:both; margin-bottom:40px; padding:0;  position:relative; }
.area_2 .part_title_3{ position:absolute; left:0px; top:0px;}
.area_2 .box_1{ width:680px; float:left;}
.area_2 .box_2{ width:300px; float:right; margin-bottom:80px;}
.area_2 .more_box{ clear:both; float:right;}
.area_2 .social_box{margin-bottom: 25px; display: flex; justify-content: space-between;}
.area_2 .social_box .threads-page,.area_2 .social_box .ig-page {width: 49%; height: auto;}
.area_2 .social_box a {display: block; width: 100%; height: 100%;}
.area_2 .social_box img {width: 100%; height: 100%; object-fit: cover;}

/*area_3========================*/
.area_3{ clear:both; margin-bottom:40px; padding:150px 75px 0px 75px; position:relative;}
.area_3 .part_title_3{ position:absolute; left:0px; top:0px;}
.area_3 .box_1{ width:380px; float:left;}
.area_3 .box_2{ width:380px; float:right; margin-bottom:80px;}
.area_3 .more_box{ clear:both; float:right;}

/*area_4========================*/
.area_4{ padding:10px 10px 50px 10px; position:relative;}
.area_4 .more_1{ display:block; width:200px; padding:10px 10px; text-align:right; position:absolute; right:0px; bottom:0px;}

/*area_5========================*/
.area_5{ padding:20px; border-top:10px solid #000;}
.area_5 .box_1{ width:50%; float:left;}
.area_5 .box_2{ width:45%; float:right;}

/*area_7========================*/
.area_7{ clear:both; margin-bottom:30px; position:relative;}
.area_7 a.pic{ display:block; width:680px; height:450px; margin-bottom:10px; text-align:center; overflow:hidden;}
.area_7 a.pic img{ width:auto; max-height:100%;}
.area_7 h2{ width:680px; padding-left:10px; font-size:18px;}
.area_7 h2 a{ }
.area_7 h2::before{ content:""; display:inline-block; width:520px; height:1px; background:#000; position:absolute; right:0px; bottom:0px;}

/*area_8========================*/
.area_8{ width:900px; margin:0px auto; position:relative;}
.area_8 .box_1{ width:680px; border-top:1px solid #000; border-right:10px solid #000; border-bottom:1px solid #000; margin-bottom:40px; position:relative;}
.area_8 .box_1 a.pic{ display:block; width:670px; height:500px; line-height:500px; text-align:center; position:relative;}
.area_8 .box_1 a.pic img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}
.area_8 .box_1 a.pic h3{ width:100%; height:40px; line-height:42px; padding-left:10px; background:rgba(0,0,0,0.5); color:#fff; font-size:18px; text-align:left; position:absolute; left:0px; bottom:0px;}
/*控制鈕*/
.area_8 .box_1 .control{ width:100%; position:absolute; top:50%; margin-top:-25px;}
.area_8 .box_1 .control a{ display:block; width:35px; height:55px; background:url(../images/btn_gallery2.png); text-indent:-9999px; position:absolute;}
.area_8 .box_1 .control a.prev{ left:0px; background-position:left center;}
.area_8 .box_1 .control a.next{ right:0px; background-position:right center;}

.area_8 p.page{ font-size:36px; font-weight:bold; position:absolute; left:760px; top:455px;}
.area_8 a.btn_close{ display:block; width:101px; height:37px; background:url(../images/btn_close.png); position:absolute; left:750px; top:0px; text-indent:-9999px;}



/*================================================首頁================================================*/
/*gallery_1 輪播====================*/
.gallery_1{ margin-bottom:50px; position:relative; overflow:hidden;}
.gallery_1 .piece{ height:auto; display:flex; align-items:center; justify-content:center; background:#333;}
.gallery_1 img{ width:auto; height:570px;}/*CSS:先隱藏圖片，JS:圖集load之後再show(修正會閃圖:先看到第一張圖再看到random的圖)*/
.gallery_1 .bx-wrapper{ margin:0 auto;}
.gallery_1 .bx-wrapper .bx-viewport{ box-shadow:none;}



/*pager 分頁鈕*/
.gallery_1 .bx-wrapper .bx-pager{ float:right; position:relative; bottom:30px;}
.gallery_1 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls .bx-pager-item{ display:inline-block;}
.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a{ display:block; width:15px; height:15px; margin-right:10px; background:#fff; border-radius:7px; opacity:0.5; text-indent:-9999px; box-shadow:0px 0px 10px rgba(0,0,0,0.4);}
.gallery_1 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff; opacity:1;}
/*標題*/
.gallery_1 .bx-wrapper .bx-caption{ clear:both; width:70%; height:70px; padding:20px; color:#fff; font-size:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:999; position:absolute; left:0px; bottom:0px;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.9) 100%);
}
.gallery_1 .bx-wrapper .bx-caption a:link, .gallery_1 .bx-wrapper .bx-caption:visited { color:#fff;}
.gallery_1 .bx-wrapper .bx-caption a:hover, .gallery_1 .bx-wrapper .bx-caption:active { color:#bc823d;}

.gallery_1 .bx-wrapper .bx-controls-direction a{ display:block; width:45px; height:90px; background:url(../images/btn_gallery1.png); text-indent:-9999px; position:absolute; z-index:40;}
.gallery_1 .bx-wrapper .bx-controls-direction a.bx-prev{ left:0px; top:230px; background-position:left center; opacity: 0; transition: opacity .5s; }
.gallery_1 .bx-wrapper .bx-controls-direction a.bx-next{ right:0px; top:230px; background-position:right center; opacity: 0; transition: opacity .5s;}

.gallery_1:hover .bx-wrapper .bx-controls-direction a.bx-prev{ opacity: 1}
.gallery_1:hover .bx-wrapper .bx-controls-direction a.bx-next{ opacity: 1}


/*================================================頻道頁================================================*/
/*part_gallery_1=========================*/
.part_gallery_1 { position:relative; width:100%; margin-bottom:30px;}
.part_gallery_1 img{ max-width:100%; height:auto;}
/*標題*/
.part_gallery_1 h2{ clear:both; width:100%; height:70px; line-height:50px; padding:20px; color:#fff; font-size:16px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.9) 100%); position:absolute; left:0px; bottom:0px; overflow:hidden; z-index:40;}
.part_gallery_1 h2 a:link, .part_gallery_1 h2 a:visited { color:#fff;}
.part_gallery_1 h2 a:hover, .part_gallery_1 h2 a:active { color:#bc823d;}


/*麵包屑*/
.breadcrumb_box{ margin-bottom: 15px;}
.breadcrumb_box .part_breadcrumb{ float: left;}
.breadcrumb_box .part_breadcrumb > div{ display: inline-block;}
/*日期*/
.breadcrumb_box .date{/*border: 1px solid red;*/ display:block; width:180px; height:20px; font-size:14px; font-weight:bold; font-style:italic; padding:0px 0px 0px 23px; float: right; position: relative; top: -12px;}
.breadcrumb_box .date:before{ display:block; content:""; height:10px; background:rgba(188, 130, 61, 0.5); position:relative; left:-8px; top:20px; z-index:-10;}



/*================================================文章頁================================================*/
/*標題*/
.title_article{ font-size:28px;}

/*內文=============================*/
.subject_article{ margin-bottom:30px;}
.subject_article p.note { font-size:15px; color:#ff6600; margin-bottom:30px;}
.subject_article .story{ clear:both; margin-bottom:20px;}
.subject_article .story p { margin-bottom:20px; font-size:18px; line-height:1.8;}
.subject_article .story img{ vertical-align: bottom; }

/* 修正圖說 20201120 */
.story p.no_margin{ margin-bottom:0px;}
.story strong.figcaption{ display: block; background:linear-gradient(90deg, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.8) 60%, transparent 100%); font-size: 15px; font-weight: normal; color:#333; line-height: 1.5; padding: 10px;}

/*關鍵字*/
.subject_article .part_keyword{ margin-bottom:20px;}
.subject_article .part_keyword p{ display:inline-block;}
.subject_article .part_keyword a{ }
/*operate_1 上方區塊*/
.subject_article .operate_1{ height:60px; position:relative; margin-bottom:30px;}
.subject_article .operate_1 .adult_icon{ background: url("../images/icon_adult.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:60px; width:35px; position:absolute; left:0px; bottom:1px;}

/*社群分享=========================*/
/*文章上方 (按讚類)*/
.subject_article .operate_1 .share_box{ float:right; height:30px; position:relative; top:40px;}
.subject_article .operate_1 .share_box .fb-like{ float:left; margin-right:10px; position:relative; bottom:7px;}
.subject_article .operate_1 .share_box .g-plus{ float:left; margin-right:-30px; position:relative; bottom:9px;}
.subject_article .operate_1 .share_box .weibo{ float:left; position:relative; bottom:7px;}
/*文章下方 (分享類)*/
.subject_article .operate_2{ margin:40px 0px; position:relative;}
.subject_article .operate_2 .social_box{ position:absolute; right:10px; top:-10px;}
.social_box a{ display:inline-block; width:40px; height:40px; margin-right:5px;
background:url(../images/icon_social.png) no-repeat;}
.social_box a.fb{ background-position:0px 0px;}
.social_box a.google{ background-position:-40px 0px;}
.social_box a.weibo{ background-position:-80px 0px;}
/*hover*/
.social_box a.fb:hover{ background-position:0px -40px;}
.social_box a.google:hover{ background-position:-40px -40px;}
.social_box a.weibo:hover{ background-position:-80px -40px;}

/*頁面左邊吸住*/
.social_fixed{ width:40px; height:150px;  position:absolute;left:-60px; top:250px; display: none;}
.social_fixed .social_box{ width:40px; height:150px; position:fixed;}
.social_fixed .social_box a{ margin-top:-5px;}
.social_fixed .social_box a.fb{ background-position:0px -80px;}
.social_fixed .social_box a.google{ background-position:-40px -80px;}
.social_fixed .social_box a.weibo{ background-position:-80px -80px;}
/*hover*/
.social_fixed .social_box a.fb:hover{ background-position:0px -120px;}
.social_fixed .social_box a.google:hover{ background-position:-40px -120px;}
.social_fixed .social_box a.weibo:hover{ background-position:-80px -120px;}


/*================================================影音頁================================================*/
/*part_gallery_1=========================*/
.subject_video{ position:relative; margin-bottom:50px;}
.subject_video .video{margin-bottom:10px;}
.subject_video .video iframe{ max-width:100%; margin-bottom:20px;}
.subject_video .video h3{ font-size:30px;}
.subject_video .video h3 span{ display:inline-block; font-size:16px; background:#333; color:#fff; padding:0px 5px; margin-right:10px; position:relative; bottom:6px;}
.subject_video .operate_1{ width:280px; float:right;}
.subject_video .operate_1 .btn_youtube{ display:inline-block; position:relative; right:10px; bottom:7px;}
.subject_video .operate_1 .social_box{ display:inline-block;}

/*gallery_2_box=========================*/
.gallery_2_box{ clear:both; margin-bottom:50px;}
.gallery_2_box .more_1{ float:right; font-size:18px;}
.gallery_2_box .part_title_1{}
.gallery_2{ margin-bottom:10px; padding:30px 35px; background:#000;position:relative; }
.gallery_2 a.piece{ display:block; width:200px; margin-right:40px;}
.gallery_2 a.piece .pic{ width:200px; height:150px; overflow:hidden; position:relative;}
.gallery_2 a.piece .pic img{ max-height:100%; width:auto;}
.gallery_2 a.piece span{ display:block; width:100%; height:20px; padding:2px; color:#fff; text-align:right; background:rgba(0,0,0,0.6);  position:absolute; left:0px; bottom:0px;}
.gallery_2 a.piece h3{ color:#fff; font-size:15px;}

.gallery_2 .bx-wrapper{ max-width:930px!important; margin:0 auto;}
.gallery_2 .bx-wrapper .bx-viewport{ box-shadow:none; z-index:20;}
.gallery_2 .bx-wrapper .bx-pager{ display:none;}
.gallery_2 .bx-wrapper .bx-controls{ width:100%; height:160px; position:absolute; left:0px; top:50%; margin-top:-80px;}
.gallery_2 .bx-wrapper .bx-controls-direction a{ display:block; width:35px; height:55px; background:url(../images/btn_gallery2.png); text-indent:-9999px; position:absolute; z-index:40;}
.gallery_2 .bx-wrapper .bx-controls-direction a.bx-prev{ left:0px; top:50px; background-position:left center;}
.gallery_2 .bx-wrapper .bx-controls-direction a.bx-next{ right:0px; top:50px; background-position:right center;}

/*================================================圖輯頁================================================*/
/*gallery_3=========================*/
.gallery_3{ padding:0px 25px;}
.gallery_3 .run{ }
.gallery_3 .run .inner{ }
.gallery_3 .run .inner .part_thumb_1{ padding:10px;}
.gallery_3 .bx-wrapper{ margin:0 auto; position:relative;}
.gallery_3 .bx-wrapper .bx-viewport{ box-shadow:none; z-index:20;}
/*控制鈕*/
.gallery_3 .bx-wrapper .bx-pager{ display:none;}
.gallery_3 .bx-wrapper .bx-controls{ width:900px; height:120px; position:absolute; left:-110px; top:25px;}
.gallery_3 .bx-wrapper .bx-controls-direction a{ display:block; width:35px; height:55px; background:url(../images/btn_gallery2.png); text-indent:-9999px; position:absolute; top:50%; margin-top:-30px;}
.gallery_3 .bx-wrapper .bx-controls-direction a.bx-prev{ left:0px; background-position:left center;}
.gallery_3 .bx-wrapper .bx-controls-direction a.bx-next{ right:0px; background-position:right center;}

/*gallery_4=========================*/
.gallery_4{ width:720px; margin-bottom:40px; border-top:1px solid #000; border-right:10px solid #000; border-bottom:1px solid #000;}
.gallery_4 .run{ }
.gallery_4 .run .inner{}
.gallery_4 .run .inner .piece{ height:500px; text-align:center; background:#fff;}
.gallery_4 .run .inner .piece a.pic{ display:block; height:100%; line-height:500px;}
.gallery_4 .run .inner .piece a.pic img{ width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;}
.gallery_4 .bx-wrapper{ position:relative;}
.gallery_4 .bx-wrapper .bx-viewport{ box-shadow:none;}

/*標題*/
.gallery_4 .bx-wrapper .bx-caption{ width:100%; height:35px; line-height:35px; background:rgba(0,0,0,0.5); color:#fff; padding-left:10px; position:absolute; left:0px; bottom:0px;}
.gallery_4 .bx-wrapper .bx-caption a:link, .gallery_2 .bx-wrapper .bx-caption:visited { color:#fff;}
.gallery_4 .bx-wrapper .bx-caption a:hover, .gallery_2 .bx-wrapper .bx-caption:active { color:#bc823d;}
/*控制鈕*/
.gallery_4 .bx-wrapper .bx-pager{ display:none;}
.gallery_4 .bx-wrapper .bx-controls{ width:100%; position:absolute; top:50%; margin-top:-25px;}
.gallery_4 .bx-wrapper .bx-controls-direction a{ display:block; width:35px; height:55px; background:url(../images/btn_gallery.png); text-indent:-9999px; position:absolute;}
.gallery_4 .bx-wrapper .bx-controls-direction a.bx-prev{ left:0px; background-position:left center;}
.gallery_4 .bx-wrapper .bx-controls-direction a.bx-next{ right:0px; background-position:right center;}

/*================================================專題列表頁================================================*/
.block_z.w_900:nth-of-type(1){ margin-top:20px;}

/*================================================廣告================================================*/
.ad{ clear:both; margin:0px auto 20px auto; text-align:center;}
.ad_970x90{ margin-bottom: 50px; }
.ad_650x80{ }
.ad_300x600{ }
.ad_300x250{ }

/*置頂：轟天雷/凱旋門廣告*/
.top-sky {width:1000px; margin:0 auto; text-align:center;position:relative;}

/*microdata 圖片隱藏*/
span[itemprop="publisher"] img {
    display:none;
}


/*ad_txt_1*/
.ad_txt_1{ float:left; margin-top:10px;}
.ad_txt_1 a{ display:inline-block; background:#ededed; font-size:13px; padding:0px 5px; height:30px; line-height:30px; border:1px solid rgba(150,140,135,0.7);}
.ad_txt_1 a:link, .et_social_1 .ad_txt_1 a:visited { color:#968d89;}
.ad_txt_1 a:hover, .et_social_1 .ad_txt_1 a:active { color:#3f3a39;}

/* et_social_1 文首分享組件及文字廣告 20201209 ======================== */
.et_social_1{ float:right; margin: 20px 0 30px 0; width: 135px; height: 58px;}
.et_social_1 .menu{ float:right;}
.et_social_1 .icon_adult{ display:inline-block; width:50px; height:50px; background:url(../images/icon_003_50x50.png) -50px 0px no-repeat; }


/* et_comments 全站共用 留言版模組 20220607 =======================================*/
#et_comments {padding:5px; background-color:#fff;}
#et_comments *{font-style:normal;/*取消斜體*/  } 

/* menu tab 選單 ====================== */
#et_comments .menu{  display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:10px;}
#et_comments .menu button{ width:50%; height:40px; font-size:15px; border-radius: 3px; background-color:#fff; color:#636573; cursor: pointer; border:1px solid #636573;}
#et_comments .menu button.current{ background-color:#3788E6; color:#fff; border:none;}
#et_comments .menu button.btn_et{ }
#et_comments .menu button.btn_fb{ }

/*按鈕 前往新聞雲APP*/
#et_comments a.btn_go{ height:40px; background-color:#3788E6; color:#fff; font-size:15px; text-decoration:none; border-radius:3px; border:none; display:flex; flex-direction:column; justify-content:center; align-items:center;}


/*fb_board 留言版 =====================*/
#et_comments .fb_board{display:none;/*初始隱藏*/}

/* et_board 自行開發 留言版=====================*/
#et_comments .et_board{ padding:5px; }
#et_comments .et_board iframe{ width:100%; min-height:247px;}
#et_comments .et_comments_inner{ width:100%;}

/*ai workzone產出的表格 20230717 */
.et_table-1{ clear:both; width:100%; max-width:600px; border-collapse:collapse; border:1px solid #2e2770; margin:0px auto 15px auto;}
.et_table-1 thead{ background-color:#2e2770; color:#fff; font-weight:300;}
.et_table-1 thead th{ padding:5px 0px;}
.et_table-1 tbody td{ padding:5px; border:1px solid #d6d6d5;}
.et_table-1 tbody tr:nth-of-type(even){ background-color:#eee;}


/*******page.css**************************************************************/
/* 模組 新聞內頁 分享按鈕====*/
#et_sticky_pc{ width: 50px; height: 0px;/*彈性高度*/ position: fixed; left:50%; top: 50px; margin-left:-550px; z-index: 10; overflow: hidden; transition: height 0.6s ease-in-out;}
#et_sticky_pc a.btn{ display: block; width: 40px; height: 40px; background: url(../images/et_sticky_pc.png) no-repeat; background-size: auto 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 50%; margin-bottom: 5px; box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
#et_sticky_pc a.btn.logo{ background-position: 0px 0px;}
#et_sticky_pc a.btn.fb{ background-position: -40px 0px;}
#et_sticky_pc a.btn.weibo{ background-position: -80px 0px;}
#et_sticky_pc a.btn.twitter{ background-position: -120px 0px;}
#et_sticky_pc a.btn.gplus{ background-position: -160px 0px;}
#et_sticky_pc a.btn.link{ background-position: -200px 0px;}
#et_sticky_pc a.btn.line{ background-position: -240px 0px;}

/* 新聞內頁 模組 et_ad_group_1 文末各關企廣告字====*/
.et_ad_group_1{ margin-bottom:20px; padding:10px 0px;}
.et_ad_group_1 p{ margin-bottom:10px; font-size:18px; font-weight:bold;}
.et_ad_group_1 p:last-child{ margin-bottom:0px;}
.et_ad_group_1 p.ad_txt_p_1 a:link,.et_ad_group_1 p.ad_txt_p_1 a:visited{ color:#0000ff;}
.et_ad_group_1 p.ad_txt_p_1 a:hover{ color:#0202eb;}
.et_ad_group_1 p.ad_txt_p_2 a:link,.et_ad_group_1 p.ad_txt_p_2 a:visited{ color:#0000ff;}
.et_ad_group_1 p.ad_txt_p_2 a:hover{ color:#d56020;}


/*影音外掛修正*/

.gslide-external {
  background: none;
  /* max-height: 85vh; */
}
/*******penname_theme.css**************************************************************/


/*.penname_select下拉選單======================*/
.penname_select{ padding:0; margin-bottom:20px; }
.penname_select select{ font-family: "微軟正黑體";font-size: 15px;}
.penname_select select option:focus { background:#666;}

h2.panname_title { font-size:20px; margin-bottom:20px; background:none; border-bottom:1px solid #000;}

/*penname首頁圖集===============================*/
.penname_gallery_1 { margin-bottom:40px; position: relative;}
/*外掛歸零*/
.penname_gallery_1 .bx-wrapper{  }
.penname_gallery_1 .bx-wrapper .bx-viewport {  }
/*外掛標題*/
.penname_gallery_1 .bx-wrapper .bx-caption{ background:#000; padding-left:5px;}
.penname_gallery_1 .bx-wrapper .bx-caption span{ display:block; height:50px; line-height:55px; font-size:22px; color:#fff;}
/*方向*/
.penname_gallery_1 .bx-wrapper .bx-controls-direction a{ display:block; width:45px; height:90px; background:url(../images/btn_gallery1.png); text-indent:-9999px; position:absolute; z-index:40;}
.penname_gallery_1 .bx-wrapper .bx-controls-direction a.bx-prev{ left:0px; top:calc(50% - 45px); background-position:left center;}
.penname_gallery_1 .bx-wrapper .bx-controls-direction a.bx-next{ right:0px; top:calc(50% - 45px); background-position:right center;}
/*分頁*/
.penname_gallery_1 .bx-wrapper .bx-pager { display:none; }



/*.penname_news  =======================*/
.penname_news{ background:#fff; border:1px solid #ccc;}
.penname_news a.pic{ border:1px solid #ccc;}
.penname_news a.pic img{ }
.penname_news h3{ margin-bottom:5px;}
.penname_news h3 span > a{ font-size:18px;}
.penname_news h3 span + a{ color:#999;}
.penname_news p{ }


/*.penname_part_pictxt_1====================*/
.penname_part_pictxt_1{ clear:both; margin-bottom:40px;}
.penname_part_pictxt_1 .piece{ margin-bottom:30px; padding-bottom:30px;}
.penname_part_pictxt_1 .piece a.pic{  }
.penname_part_pictxt_1 .piece a.pic img{ }
.penname_part_pictxt_1 .piece h3{ font-size:20px; margin-bottom:10px; }
.penname_part_pictxt_1 .piece h3 a{}
.penname_part_pictxt_1 .piece p.summary{ color:#666; margin-bottom:10px;}
.penname_part_pictxt_1 .piece p.menu{ }
.penname_part_pictxt_1 .piece p.menu a{ display:inline-block; font-size:14px; padding:0 10px; margin-right:10px; background:#666; color:#fff;}
.penname_part_pictxt_1 .piece p.date{ }


/*.penname_part_pictxt_2====================*/
.penname_part_pictxt_2{ margin-bottom:30px;}
.penname_part_pictxt_2 .piece{ padding-bottom:0; border-bottom:1px dashed #ddd;}
.penname_part_pictxt_2 .piece a.pic{ margin-bottom:10px;}
.penname_part_pictxt_2 .piece a.pic img{ }
.penname_part_pictxt_2 .piece h3{ font-size:20px;}
.penname_part_pictxt_2 .piece h3 span{ }
.penname_part_pictxt_2 .piece h3 span + a{ color:#666; }
.penname_part_pictxt_2 .piece p.summary{  }
.penname_part_pictxt_2 .piece .menu { background:rgba(230, 230, 230, 0.4); padding:10px 0; border-top:none;}
.penname_part_pictxt_2 .piece .menu a{ }
.penname_part_pictxt_2 .piece .menu a.fb-like{  }
.penname_part_pictxt_2 .piece .menu a.fans{  }
.penname_part_pictxt_2 .piece .menu a.btn_more{  }
.penname_part_pictxt_2 .piece .menu a.blog{ }
.penname_part_pictxt_2 .piece .menu a.icon_instagram{  }


/*.penname_part_pictxt_3====================*/
.penname_part_pictxt_3{ margin-bottom:40px;}
.penname_part_pictxt_3 .piece{  border:1px solid #ddd;}
.penname_part_pictxt_3 .piece:nth-child(2n){  }
.penname_part_pictxt_3 .piece:nth-last-of-type(1){  }
.penname_part_pictxt_3 .piece:nth-last-of-type(2){ }
.penname_part_pictxt_3 .piece a.pic{ margin-bottom:10px;}
.penname_part_pictxt_3 .piece a.pic img{ }
.penname_part_pictxt_3 .piece h3{ }
.penname_part_pictxt_3 .piece h3 span a { font-size:18px;}
.penname_part_pictxt_3 .piece h3 span + a{ color:#999; }
.penname_part_pictxt_3 .piece h4{ font-size:15px; border-color:#eee;}
.penname_part_pictxt_3 .piece h4 a{}


/*.penname_part_pictxt_4====================*/
.penname_part_pictxt_4 { }
.penname_part_pictxt_4 .piece{ width:27%;}
.penname_part_pictxt_4 .piece a.pic{ }
.penname_part_pictxt_4 .piece a.pic img{  }
.penname_part_pictxt_4 .piece h3{ }
.penname_part_pictxt_4 .piece h3 span{  }
.penname_part_pictxt_4 .piece h3 span + a{ color:#999; }

/*.penname_part_pictxt_5====================*/
.penname_part_pictxt_5{ margin-bottom:40px;}
.penname_part_pictxt_5 .piece{ width:23%; float:left; margin-right:2.6%;}
.penname_part_pictxt_5 .piece:nth-of-type(4n){ margin-right:0;}
.penname_part_pictxt_5 .piece h3 { font-size:15px;}
.penname_part_pictxt_5 .piece a.pic{ }
.penname_part_pictxt_5 .piece a.pic img{ }


/*更多*/
.penname_more_box{ margin-bottom:30px;}
.penname_more_box a.btn_more{ }
.penname_more_box a.btn_more:hover{ color:#fff;}




/*penname_subject======================*/
.penname_subject{ margin-bottom:40px;}
.penname_subject .cover{  }
.penname_subject .cover p.visual{}
.penname_subject .cover p.visual img{  }
.penname_subject .cover p.profilepic{ }
.penname_subject .cover p.profilepic img{ }
.penname_subject h3{ }
.penname_subject h4{ }


.penname_subject .operate_1 a.penname_btn:hover { background:#666; }

/*===============================print.css===========================================*/

@media print {
    body {background: #fff;color: black;}

    .wrapper>div {display: none;}
    .wrapper>div.container {display: block;}
    .wrapper>div.container .r3 .c1 {width: 100%;}
    .wrapper>div.container .r2 .c1 {width: 100%;}
    .wrapper>div.container .r2 .c2 {display: none;}
    .wrapper>div.container .r1 .c1 {display: none;}
    .top-sky {display: none;}
    .twin-curtain {display: none;}

    .header,
    .nav_1,
    .nav_2 {display: none;}
    .nav_clone {display: none!important;}

    .breadcrumb_box,
    article~div,
    .et_social_1 .menu,
    .subjcet_article .et_social_1,
    .subjcet_article .et_social_1,
    .subject_article .part_keyword,
    .subject_article .et_social_2,
    .subject_article .et_social_3,
    [class^="ad"],
    .live_title {display: none;}

    #etnews_live_player {display: none !important;}
    
    .site_logo {display: block!important;}
}