@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body{ min-height: 100vh; overflow-x: hidden; }
body{ margin:0; padding:0; font-family:'微軟正黑體', sans-serif; font-size:.875em; line-height: 1.5em; color:#000; background: #eef2f5;}

img{ max-width:100%; height:auto; vertical-align:bottom;}

a{ color:#62758f !important; text-decoration:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
a:hover{ color:#62758f !important; text-decoration: none;}

:focus, :active{ outline: none !important; box-shadow: none !important; }

input:focus{ outline: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea, select{ width: 100%; padding:8px; border:1px solid #ccc; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { height: 200px; margin: 0 0 -6px 0!important; }
input:hover{ border:1px solid #ccc; }
label{ margin: 0; padding: 0;}

textarea:hover,
input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,
textarea:active,
input[type="text"]:active,input[type="email"]:active,input[type="password"]:active,
textarea:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important; box-shadow:none !important; -webkit-appearance:none;
}

h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; line-height: 1.25em; }
h2{ font-size: 1.875em;}
h3{ font-size: 1.625em; }
h4{ font-size: 1.375em; }
h5{ font-size: 1.25em; }
h6{ font-size: 1.125em; }

p{ margin: 0; padding: 0; text-align: justify; }

ol,ul,li{ margin: 0; padding: 0; list-style: none; }

section{ margin: 0; padding: 0 0; }

.container{ max-width: 1240px; padding: 0 20px; }
.container.w1{ max-width: 808px; }
.container.w2{ max-width: 100%; padding: 0; }

/*** HEADER ***/
header{ width: 100%; height: auto; position: fixed; z-index: 999; background: #eef2f5; border-bottom: 1px solid #e4e7ea; overflow: hidden;}
.line_id_wrap{ max-width: 300px; margin: 0 auto; padding: 10px; text-align: center; overflow: hidden; }
.line_id_wrap a, .line_id_wrap a:hover{ color: #000; }
.line_icon{ float: left; width: 113px; height: 29px; font-weight: bold; line-height: 27px; text-indent: 15px; background: url('../img/icon-line.png') left center no-repeat; background-size: auto 20px; display: inline-block; }
.line_id{ float: left; width: calc(100% - 128px); margin: 0 0 0 10px; padding: 3px 10px; background: #fff; border: 1px solid #e4e7ea; text-align: center; display: inline-block; }

.type_wrap{float: left; width: calc(100% - 128px); margin: 0 0 0 10px; padding: 0; list-style: none; overflow: hidden;}
.type_wrap li{ float: left; width: 50px; margin: 0 4px; padding: 0px 0; border: 1px solid #ccc; background: #fff; }
.type_wrap li:last-child{ width: 28px; height: 28px; line-height: 26px; }
.type_wrap li a{ width: 100%; display: block; text-decoration: none; }
.type_wrap li a p{ margin: 0; padding: 2px 0 3px 0; text-align: center; }
.type_wrap li.current a{ color: #fff !important; background: #f60; }
/*** /HEADER ***/


/*** MAIN ***/
main{ margin: 51px 0 0 0; padding: 20px 0; }

.wrapper{max-width: 556px; margin: 0 auto; padding:0 10px;}
.post{margin-bottom: 10px; padding: 20px; background: #f9f9f9; border: 1px solid #dfe1e7; list-style: none; overflow: hidden;}
/* .post:nth-last-child(2){ display: none; } */
.loading-image {display: block;margin: 5px auto;}
.end-record-info {text-align: center;border-top: 1px solid #ddd;padding: 5px 0;background: #f9f9f9;}

.uk-button{ padding: 0 !important; }
.thumb_main{max-width: 500px; /* max-height: 675px; */ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.thumb_main img{ width: 100%; height: 100%; }

.owl-carousel{ min-height: 0px; margin-top: 2px; padding: 0; }
.owl-carousel, .item{ max-height: 122px; }
.owl-carousel .item{ margin-right: -1px !important; }

.pagination {
  margin-top: 50px;
  margin-bottom: 100px;
}
.loading {
  text-align: center;
  font-style: italic;
  margin-top: 50px;
  margin-bottom: 100px;
  display: none;
}

.uk-wrapper{ margin-bottom: 10px; }

.w_txt{ padding: 5px; color: #fff; background-color: #ff6600; text-align: center; }
/*** /MAIN ***/

/*** PHOTOSWIPE ***/

.pswp__zoom-wrap {
  text-align: center;
}
.pswp__zoom-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ps_wrapper {
  line-height: 0;
  width: 100%;
  max-width: 900px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
video {
  width: 100% !important;
  height: auto !important;
}

.photoswipe-item, .photoswipe-item a, .photoswipe-item.video{ position: relative; overflow: hidden; }
.photoswipe-item .img{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: auto;
  width: auto;
  height: auto;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.photoswipe-item.video video{
position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  margin: 5px;
  padding: 5px;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 }

.icon_play{
position: absolute;
  top: 50%;
  left: 50%;
  width: 52px !important;
  height: 52px !important;
  width: auto;
  height: auto;
  z-index: 1;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 }

 .txt_more{
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, .75);
  display: flex; align-items: center; justify-content: center;
 }
 .txt_more p{ margin: 0; padding: 0; font-size: 36px; line-height: 1em; font-weight: bold; text-align: center;}

 .uk-wrapper .row > div a{ display: flex; align-items: stretch; }
 /*** PHOTOSWIPE ***/

/*** PAGINATION ***/
.pagination{ margin: 40px 0 0 0; }
.page-item a{ width: 38px; height: 38px; margin: 0 3px; color: #666; font-weight: 700; line-height: 1.45em; border-radius: 5px !important; text-align: center;}
.page-item.t1 a{ width: auto !important;}
.page-item a:hover{ color: #ff1d53; background: #ffe9d5; }
.page-item.active .page-link{ color: #fff; background: #ff1d53; border-color: #ff1d53; }
.page-item.disabled{ display: none; }
/*** /PAGINATION ***/

/*** BUTTON ***/
.btn_submit_wrap{ margin-top: 50px; text-align: center; }

.btn{ padding: 15px 46px 15px 46px; font-size: 1.25em; letter-spacing: 3px; border-radius: 5px; }
.btn-sm{ font-size: 1em;}

.btn-primary{ color: #fff; background: #ff1d53; border-color: #ff1d53; }
.btn-primary:hover, .btn-outline-primary:focus{ color: #fff !important; background: #d90a45 !important; border-color: #d90a45 !important; }

.btn-outline-light:hover, .btn-outline-light:focus{ color: #fff !important; background: rgba(0, 0, 0, .3) !important; }

.btn-outline-primary{ color: #333; border-color: #333; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ color: #fff !important; background: #ff1d53 !important; border-color: #ff1d53 !important; }

.btn-line, .btn-line:hover, .btn-line:focus{ font-size: 1em; color: #fff !important; background: #00b900 !important; border-color: #00b900 !important; border-radius: 28px; animation-delay: 2s; }
/*** /BUTTON ***/

/*** MODAL ***/
.modal-open { padding-right: 0 !important;}
.modal-backdrop { z-index: 919 !important;}
.modal-dialog{ z-index: 920 !important; }
.modal-body.more{ height: calc(100vh - 115px) !important; overflow-y: auto; }

.modal-item{ position: relative; }
.modal-item.video img{ width: 100%; height: 100%; position: absolute; z-index: 2; }
/*** /MODAL ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
.input_searchtxt{ float:left; width:100%; padding:6px 46px 7px 10px; color:#000; border:1px solid #ccc;}	
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}