@charset "UTF-8";
/*-------------------------------------------------------------------------------*/
/*    $Base                                                                                    */
/*-------------------------------------------------------------------------------*/
body {
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

html, body, form, .error_wrap {
  height: 100%;
  box-sizing: border-box; }

img {
  vertical-align: middle; }

input {
  box-sizing: border-box; }

/*-------------------------------------------------------------------------------*/
/*    $檔案應用專區                                                                                 */
/*-------------------------------------------------------------------------------*/
.apply_warp,.apply_id_warp{
 padding: 0 1rem;
}
.apply_tit{
  font-size: 1.5rem;
  color: #555;
}
.apply_tit:before{
  content: "\f10c";
  color: #555;
  font-family: FontAwesome;
  padding-right: 8px;
}
.app_noticetit{
  display: inline-block;
  font-size: 1.25rem;
  border-left: 4px #ea5413 solid;
  padding-left: 8px;
  color: #fff;
  padding: .625rem;
  background-color: #ea5413;
  margin-bottom: .625rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.apply_warp >.kf_edit > ol li > ol {
  list-style: disc;
  padding-left: 1.25rem;
}
.apply_warp  .kf_fm_group{
  text-align: center;
}
.apple_id_list{
  text-align: center;
}
.apple_id_list a{
  display: inline-block;
  padding: 1rem;
  margin: .625rem;
  font-size:1rem;
}
.apple_id_list p{
  color: #666666;
  line-height: 1.3;
  margin:1rem 0 0;
}
.apple_id_list a p,.apple_id_list a:hover p,.apple_id_list a,.apple_id_list a:hover{
 transition: all .3s 0s ease; 
}
.apple_id_list a:hover p{
  color: #ea5413;
}
.apple_id_list a:hover{
  -webkit-transform: translateY(-0.3rem) scale(1.0125);
  transform: translateY(-0.3rem) scale(1.0125);
}
.fillinbox{
  border: 5px #e9eaee solid;
  position: relative;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
}
.fillinbox .kf_hit-1{
  color: #ea5413;
}
  .fillinbox  div[data-errors-for],.apply_ex{
    width: 100%;
  }
.applicant_tit{
  position: absolute;
  padding: 0em .5em;
  font-size: 1.5rem;
  color: #ea5413;
  background-color: #fff;
  margin-top: -3rem;
}
.fillinbox .kf_tit_lev1{
  color: #666666;
}
.apply_ex{
  float: left;
  color: #5f9adf;
  padding-top: .25rem;
}
.nl_div_table .kf_div_td{
  border: none !important;
  border-bottom: 1px solid #eee !important;
  /*position: relative;
  padding-left: 35% !important;*/
  white-space: normal;
  text-align: left;
  padding: 1rem;
}
.nl_div_table .kf_div_td:before{
  content: attr(data-label);
}
.nl_div_table .kf_div_td:before{
    /*position: absolute;
    top: 0px;
    left: 6px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;*/
    text-align: left;
    font-weight: bold;
    color: #666;
    display: inline-block;
}
.nl_div_table .kf_div_td{
  position: relative;
}
.nl_div_table .kf_list:first-child .kf_div_td:after{
    content: "*";
    position: absolute;
    top: 10px;
    left: 5px;
    color: #ea5413;
}
.nl_div_table .kf_required{
  display: none;
}
.nl_div_table .kf_list{
    border: 1px solid #ced4da;
}
.nl_div_table .kf_div_body .kf_div_tr{
  padding: 0;
  margin-bottom: 1rem;
}
.nl_div_table.kf_div_table{
  border-top:none;
}
.nl_div_table .kf_div_td:not(:first-child){
  padding: 1rem;
}
.nl_div_table .kf_div_td:nth-child(2):before,.nl_div_table .kf_div_td:nth-child(3):before{
    padding-bottom: .625rem; 
}
.nl_div_table .kf_hide-xs {
      display:none;
}
.nl_div_table .kf_tb_col-12{
  width: 100%;
}
.nl_div_table .kf_checkbox{
  margin-top: 1rem;
}
.nl_directory{
  color: #666;
  margin: .625rem 0;
}
.nl_necessary{
  color: #ea5413;
}
.fillinbox02{
  background-color: #e9ecef;
  padding: 1rem;
}
.fillinbox02 .kf_tit_lev1{
  padding-top:0;
  color: #666;
  font-weight: bold;
}
.fillinbox02 .kf_checkbox label{
display: block;
}
.fillinbox02 .kf_fl{
  color: #666;
  font-weight: bold;
}
/*資料確認*/

.nl_det_center h3{
  padding: 1rem 0;
  color: #666;
  font-size: 1.25rem;
  line-height: 1.2;
  border-bottom: 2px solid #5ea4f4;
}
.nl_row-mid{
  margin: 2rem 0;
}
.nl_ul li{
  padding: .25rem 0;
  color: #666;
  line-height: 1.2;
}
.nl_mod-primary{
  display: block;
  padding-bottom: .25rem;
  color: #5ea4f4;
}
.fillinbox02.nl_fm_group{
    background-color: inherit;
    padding: 1rem 0;
}
.nl_flimdetail_row .kf_imglist_group p{
  display: inherit;
}
.nl_flimdetail_row  .kf_imglist_tit{
  white-space: inherit; 
}
@media (min-width: 576px) {
  .apple_id_list  {
    font-size: 0;
    max-width: 700px;
    margin: 0 auto;
  }
  .apple_id_list li {
    display: inline-block;
    width: calc(100% / 3);
    vertical-align: top;
  }
  .fillinbox  .kf_fm-l{
    width: 180px;
  }
  .fillinbox .kf_fm-r {
    width: calc(100% - 180px);
  }
  .fillinbox  div[data-errors-for],.apply_ex{
    margin-left: 180px;
  }
  .nl_div_table.kf_div_table,.nl_div_table .kf_div_body ,.nl_div_table .kf_div_th,.nl_div_table .kf_div_td,.nl_div_table .kf_div_tr {
      display: inherit;
  }
  .fillinbox02 .kf_form-inside{
    width: 100%;
  }
  .fillinbox02 .kf_fm-l{
    width: 60px;
    padding: .7rem 0;
    text-align: left;
  }
  .fillinbox02 .kf_fm-r{
    width: calc(100% - 60px);
  }
  .fillinbox02 .apply_ex{
    margin-left: 60px;
  }
  .nl_mod-primary{
    display: inline-block;
  }

}
@media (min-width: 720px){
  .nl_div_table .kf_div_th,.nl_div_table .kf_div_td {
      display: table-cell;
          color: #666;
  }
  .nl_div_table.kf_div_table{
      display: table;
  }
  .nl_div_table .kf_hide-xs {
      display:block;
  }
  .nl_div_table .kf_div_body {
    display: table-row-group;
  }
  .nl_div_table .kf_div_tr {
    display: table-row;
  }
  .nl_div_table .kf_div_head {
    display: table-header-group;
  }
  .nl_div_table .kf_div_td:before{
    display: none;
  }
  .nl_tb_col-28{
    width: 280px;
  }
  .nl_div_table .kf_tb_col-10{
    width: inherit;
    text-align: center;
    min-width: 100px;
  }
  .nl_div_table .kf_list:first-child .kf_div_td:after{
   display: none;
  }
  .nl_div_table .kf_required{
  display:inline;
  }
  .nl_confilm .nl_tb_col-28{
    text-align: center;
  }
  .nl_reason{
    padding-left: 18px;
  }
  .nl_div_table .kf_checkbox{
  margin-top: 0rem;
  }
}
/*-------------------------------------------------------------------------------*/
/*    $芳名錄                                                                                 */
/*-------------------------------------------------------------------------------*/
.nl_dir_center ul:after,.nl_dir_center li:after{
  content: "";
  display: table;
  clear: both;
}
.nl_dir_year .kf_fm_control{
  width: calc(100% - 60px);
}
.nl_dir_center{
 padding: 0 1rem;
}
.nl_dir_center ul{
  border: 1px solid #ced4da;
}
.nl_dir_center li{
  border-bottom: 1px solid #ced4da;
  padding: 1rem;
  line-height: 1.3;
  color: #666;

}
.nl_dir_center li span{
  display: inline-block;
  text-align: left;
  font-weight: bold;
  padding-bottom: .625rem;
}
.nl_dir_center a{
  display: inline-block;
  color: #5f9adf;
  word-wrap: break-word;
  word-break: break-all;
}
.nl_dir_center a:hover,.nl_dir_center a:focus{
  color: #ea5413;
}
.nl_dir_center li:last-child{
  border-bottom: none;
}
@media (min-width: 576px){
.nl_dir_year.kf_search_col {
  float: right;
  width: 29%;
}
}
@media (min-width: 720px){
.nl_dir_center li span{
  float: left;
  width: 145px;
  padding: 1rem;
}
.nl_dir_center li{
  padding: 0;
}
.nl_dir_center li p{
  float: left;
  width: calc(100% - 145px);
  padding: 1rem;
  border-left: 1px #ced4da solid;
}
.nl_dir_center li:nth-child(even){
  background-color: #e9ecef;
}
}
/*-------------------------------------------------------------------------------*/
/*    $導覽QRCode                                                                              */
/*-------------------------------------------------------------------------------*/
.nl_card_warp.kf_card_wrap{
  padding: 1rem .5rem 0 .5rem;
}
.nl_card a{
  display: block;
  color: #333;
  line-height: 1.2;
}
.nl_card .kf_card-tit{
  color: #666;
}
.nl_card .fa-heart-o:before{
color: #ea5413;
}
.nl_card_click{
  display: block;
  color: #ea5413;
  padding: .5rem 0 .5rem 0;
  text-align: left;
}
.nl_card .kf_img_inner{
  margin-bottom: 0;
}
@media (min-width: 576px){
.nl_card_warp{
   display:flex;
  flex-wrap:wrap;
}
}
@media (min-width: 768px){
.nl_card.kf_card {
    width: calc((100% - 2rem) / 2);
  }
}
@media (min-width: 1080px){
.nl_card.kf_card {
    width: calc((100% - 3.1rem) / 3);
  }
}
/*-------------------------------------------------------------------------------*/
/*    $影音專區                                                                          */
/*-------------------------------------------------------------------------------*/
/* 進階搜尋開始 */
.nl_fbar_advanced_tit {
    position: relative;
    color: #ea5413;
    font-size: 1.25rem;
    padding: 1rem 0;
    cursor: pointer;
    border-radius: 6px;
    text-align: center;
    margin: .25rem 0 .625rem 0;
}
.nl_fbar_advanced_tit span:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 30px/2);
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 6px;
    border: 1px #ea5413 solid;
    transition: all 200ms ease;
    z-index: 1;
}
.nl_fbar_advanced_tit span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 6px;
    top: calc(50% - 20px/2);
    background: url(../../images/exhibition_fombar_open.svg) no-repeat;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nl_fbar_advanced_tit.active span:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nl_film_fbar .kf_dl_search .nl_fbar_advanced_tit span{
  position: relative;
  width: auto;
  padding-left: 3rem;
}
.no-js .nl_fbar_advanced_tit{
  display: none;
}
.no-js .nl_fbar_advanced{
  display:block;
}
@media (min-width: 576px){
  .nl_fbar_advanced_tit {
    background: #ececec; 
  }
  .nl_fbar_advanced .kf_explain{
    padding-left: 10.5rem;
  }
}
/* 進階搜尋結束 */
.film_ac_warp{
  padding: 0 1rem;
}
.nl_flim_row .kf_imglist{
  max-width: 320px;
  margin: 0 auto;
  line-height: 1.3;
}
.nl_flim_row.nl_themeflim_row .kf_imglist,.nl_flim_row.active_row .kf_imglist{
   max-width: inherit;
}
.nl_flim_row .kf_hit-1,.nl_themeflim_row .kf_hit-1{
  color: #ea5413;
}
.nl_flim_row .kf_img_inner{
  padding-bottom: 145%;
  margin-bottom: 0rem;
}
.nl_themeflim_row .kf_imglist_ul {
  font-size: 1rem;
}
.nl_flim_row.nl_themeflim_row .kf_img_inner{
  padding-bottom: 145%;
  margin-bottom: 0rem;
}
.nl_flim_row.active_row .kf_img_inner{
  padding-bottom: 56.25%;
  margin-bottom: 0rem;
}
.nl_flim_row .kf_imglist_group{
  padding: 1rem;
  background-color:#f1f3f5;
}
.nl_flim_row .kf_imglist_ul li{
  float: inherit;
}
.nl_film_time{
  position: relative;
  display: block;
  color: #666;
  text-align: center;
  margin: .25rem;
  padding:0 .25rem;
  border: 1px #93939e solid;
  line-height: 1.5;
}

.nl_flim_row .kf_album_list a{
  border-bottom:none;
}
.nl_film_fbar .kf_form_time input[type="text"]{
width: 100%;
}
.nl_film_fbar .kf_form_time i{
  display: block;
  text-align: center;
  padding: .25rem 0;
  font-size: 0.875rem;
}
.nl_film_fbar .kf_fm_control{
margin: .625rem 0;
}
.nl_film_fbar .kf_dl_search span{
  padding: .625rem 0;
  color: #666;
}
.nl_fbar.kf_fbar{
  background-color: #e9ecef;
  padding: 1rem;
}
.nl_film_fbar .kf_dl_search span:last-child{
  border-bottom:none;
}
.nl_film_fbar h3 ,.kf_fbar_focus h3{
  color: #555;
  padding: .25rem 0;
  /* font-weight: bold; */
}
.nl_film_fbar .kf_form_theme h3{
  margin-bottom: .625rem;
}
.nl_film_fbar .kf_form_theme label,.nl_film_fbar .kf_form_time label{
  color: #555;
}
.kf_fbar_focus ul li > [type="checkbox"]:not(:checked), .kf_fbar_focus ul li > [type="checkbox"]:checked{
    position: absolute;
    left: -9999px;
}
.kf_fbar_focus ul li {
    position: relative;
    display: inline-block;
}
.kf_fbar_focus  input[type="checkbox"] + label{
  cursor: pointer;
  display: block;
  color: #fff;
  background-color: #f97235;
  padding: .5rem 1rem;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0);
  margin: .5rem 0;
}
.kf_fbar_focus input[type="checkbox"]:checked+ label {
    background-color: #5ea4f4;
}
.nl_film_h3{
  display: block;
  font-size: 1.5rem;
  position: relative;
  padding: 1.25rem;
  color: black;
  font-weight: bold;
  border-bottom: 1px solid #ced4da;
}
.nl_film_h3:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 2px;
    height: 1.5rem;
    background: #ea5413;
}
.nl_film_coming li{
  width: 100%;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: .625rem;
  margin: .625rem 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nl_film_up li{
  background-color: #ea5413;
}
.nl_film_close li{
  background-color: #999;
}
.nl_extend_inner{
margin: 1rem 0;
}
.nl_extend_inner .kf_same_tag,.nl_extend_inner .kf_same_tag a{
  display: block;
}
.nl_extend_inner .kf_same_tag{
  border-bottom: 1px #ddd dashed;
}
.nl_extend_inner .kf_same_tag a{
  background-color: inherit;
  padding: .5rem 0;
}
.nl_extend_inner .kf_same_tag a:hover,.nl_extend_inner .kf_same_tag a:focus{
  color:  #ea5413;
}
.nl_extend_inner .kf_same_tag a:before {
  content: "\f02d";
  color: #555;
  font-family: FontAwesome;
  padding-right: 8px;
}
.nl_row-mid a {
  color: #F59F06;
}
.nl_film_close {
  height: 3rem;
  overflow: hidden;
  transition: all .3s ease;
}
.kf_det_head a.nl_review{
  display: block;
  background-color:#5f9adf;
  color: #fff;
  float: right;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
}
.kf_det_head a.nl_review:hover,.kf_det_head a.nl_review:focus{
  background-color: #3c82d1;
  color: #fff;
}
.nl_themecard .kf_card-tit{
  line-height: 1.2;
}
.nl_themecard_warp.kf_card_wrap{
  padding: 1.5rem 0;
  display: flex; 
  flex-wrap: wrap;
}
.nl_themecard{
  background-color: #f1f3f5;
  margin: 0 .5rem 2rem .5rem;
  float: left;
  width: 100%;
}
.kf_det_center .nl_themecard a{
color:#333;
}
.kf_det_center .nl_themecard a:hover, .kf_det_center .nl_themecard a:focus{
  text-decoration: none;
}
.nl_themecard .kf_img_inner{
    padding-bottom: 145%;
}
.nl_themecard .kf_img_inner{
  margin-bottom: 0
}
.nl_themecard .nl_card_click{
  font-size: .8125em;
  color: #666;
  line-height: 1.3;
}
.nl_themecard:hover figure img {
    transform: scale(1.2); }
.nl_review{
  text-align: right;
}
.kf_det_center .nl_review a{
  display: inline-block;
  color: #fff;
  padding: .375rem 1rem;
  background-color: #5f9adf;
  line-height: 1.5;
  border-radius: .25rem;
}
.kf_det_center .nl_review a:hover,.kf_det_center .nl_review a:focus{
  background-color: #3f78ba;
  color: #fff;
  outline: #167ac6 dotted 1px;
  text-decoration: none;
}
.nl_oldfime_warp{
  position: relative;
}
.nl_coming_open {
    height: 100%;
    transition: all .3s ease;
}
.nl_coming_more a:after {
  content: "\f196";
  color: #555;
  font-family: FontAwesome;
  font-size: 1.5rem;
}
.nl_coming_more{
  position: absolute;
  top: -60px;
  left: 166px;
}
.nl_coming_more a{
  display: block;
  padding: 1rem ;
}
.nl_coming_more.open a:after {
  content: "\f147";
  color: #555;
  font-family: FontAwesome;
  font-size: 1.5rem;
}
.nl_flim_row .kf_icon-disc1:before{
  content: "";
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
  left: -6px;
  background-image: url(../../images/module/kf_icon_list-disc01.gif) !important;
  background-repeat: no-repeat;
  background-position: left top;
}
.nl_flim_row .kf_icon-disc1{
background-image: none !important;
}
.nl_flim_row .kf_imglist_ul li{
    padding: .25rem .5rem;
}
@media (min-width: 320px){
.nl_themecard{
  width: calc((100% - 2rem) / 2);
}
}
@media (min-width: 576px){
  .nl_flim_row .kf_imglist{
  max-width:inherit;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f1f3f5;
  }
  .nl_flim_row .kf_imglist_group{
    background-color: inherit;
    padding: 0;
  }
  .nl_flim_row .kf_imglist_ul::after{
    display:inherit;
    clear: inherit;
  }
  .nl_film_time{
    display: inline-block;
  }
  .nl_film_time.nl_longtime{
    display: table;
  }
  .nl_flim_row .kf_album_list a{
    padding: 1rem;
    background-color: #f1f3f5;
  }
  .nl_flim_row .kf_album_list .kf_img_wrap{
    width: 160px;
  }
   .nl_themeflim_row  .kf_album_list .kf_img_wrap{
    width: 200px;
  }
  .active_row .kf_album_list .kf_img_wrap{
    width: 260px;
  }
  .nl_flim_row .kf_album_list .kf_imglist_group{
    padding-left: calc(160px + 16px);
  }
   .nl_themeflim_row .kf_album_list .kf_imglist_group{
    padding-left: calc(200px + 16px);
  }
   .active_row .kf_album_list .kf_imglist_group{
    padding-left: calc(260px + 16px);
  }

  .nl_flim_row.nl_themeflim_row .kf_icon-disc1:nth-child(2){
    background-position: left .5rem;
  }
  .nl_flim_row .kf_imglist_group p{
    margin-top: .625rem;
  }
  .nl_film_fbar .kf_dl_search span{
    width: 100%;
    padding: 0;
  }
  .nl_fbar.kf_fbar{
    background-color: inherit;
  }
  .nl_film_fbar .kf_form_theme select{
    width: 100%;
  }
  .nl_film_fbar .kf_form_time input[type="text"]{
    width: calc(50% - 94px);
  }
  .nl_film_fbar .kf_form_time i{
    display: inline-block;
  }
  .nl_film_fbar .kf_form_key h3{
    display: inline-block;
  }
  .nl_film_fbar .kf_form_key input[type="text"]{
    width: calc(100% - 100px);
    font-size: inherit;
  }
  .nl_film_fbar .kf_form_key .kf_input-md{
    width: 158px;
  }
   .nl_flim_row.nl_flimdetail_row .kf_album_list .kf_img_wrap{
    width: 300px;
  }
  .nl_flim_row.nl_flimdetail_row .kf_album_list .kf_imglist_group{
        padding-left: calc(300px + 16px);
  }
  .nl_film_coming li{
    width: inherit;
  }
  /* .nl_film_fbar h3.nl_keywored{
    padding-left: 10px;
  } */
}
@media (min-width: 768px){
  .nl_themecard {
    width: calc((100% - 3rem) / 3);
}

}
/*-------------------------------------------------------------------------------*/
/*    $活動訊息                                                                             */
/*-------------------------------------------------------------------------------*/
#owl-rebook{
  padding: 1.5rem 0;
}
.rebook_item .kf_img_inner{
  padding-bottom: 138%;
  margin-bottom: 0rem;
}
.rebook_item a{
  display: block;
  color: #333;
  background-color: #f1f3f5;
}
.rebook_item .kf_card-tit{
  line-height: 1.2;
  text-align: center;
}
.nl_teac_tit{
  display: block;
  text-align: center;
  font-size: 1.5rem;
  position: relative;
  color: black;
  font-weight: bold;
  border-bottom: 1px solid #ced4da;
}
.kf_det_center a.nl_teac_tita01,.kf_det_center a.nl_teac_tita02{
  width: calc(50% - 4px);
  display: inline-block;
  color: #666;
  padding: .625rem 0;
}
.kf_det_center a.nl_teac_tita01.active{
  color: #ea5413;
  border-bottom: 3px #ea5413 solid;
}
.kf_det_center a.nl_teac_tita01:hover, .kf_det_center a.nl_teac_tita01:focus,
.kf_det_center a.nl_teac_tita02:hover, .kf_det_center a.nl_teac_tita02:focus{
text-decoration: none;
}
.disabled{
  display: none;
}
.owl-product-wrap .kf_row-mid{
  background-color: #000;
}
@media (min-width: 576px){
  .kf_fm_control.nl_input-md{
    width: 100%;
  }
}
.no-js .nl_teac_tit{
  display: none;
}
.nojs-teactitle{
  display: none;
}
.no-js  .nojs-teactitle{
 display: block;
 padding: .625rem;
 text-align: center;
 color: #fff;
 background-color: #ea5513;
 margin: 1rem 0;
}
/*-------------------------------------------------------------------------------*/


/*    $Animate                                                                                     */


/*-------------------------------------------------------------------------------*/

.use-an,
.publish_data li,
.publish_data li:before,
.publish_data li:hover,
.publish_data li:hover:before,
.ft_btn_wrap input,
.ft_btn_wrap a,
.ft_btn_wrap input:hover,
.ft_btn_wrap input:focus,
.ft_btn_wrap a:hover,
.ft_btn_wrap a:focus {
    transition: all .3s ease-in-out;
}


/*-------------------------------------------------------------------------------*/


/*    $Boxshadow                                                                                  */


/*-------------------------------------------------------------------------------*/

.use-boxshadow,
.publish_wrap_tl .publish_img figure {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


/*-------------------------------------------------------------------------------*/


/*    $publish01                                                                              */


/*-------------------------------------------------------------------------------*/

.publish_table .kf_div_th:nth-child(1),
.publish_table .kf_div_th:nth-child(3) {
    width: 6rem;
}

.publish_table .kf_div_td:nth-child(2) {
    text-align: left;
}

@media (max-width: 576px) {
    .publish_table .kf_div_td:nth-child(1) {
        color: white;
        background: #ea5513;
        padding: .75rem;
        text-align: center;
    }
    .publish_table .kf_div_td:nth-child(2) {
        padding: 1rem 0 .5rem 0;
    }
    .publish_table .kf_div_td:nth-child(3) {
        color: #ea5513;
    }
    .publish_table .kf_div_td:nth-child(3):before {
        content: '點閱率：';
    }
}


/*-------------------------------------------------------------------------------*/


/*    $publish02                                                                             */


/*-------------------------------------------------------------------------------*/


/*for .publish_wrap*/

.publish_wrap {
    padding: 1rem;
}

.publish_wrap::after {
    content: "";
    display: table;
    clear: both;
}

.publish_img {
    float: left;
    width: 35%;
}

.publish_txt {
    float: left;
    width: 65%;
    line-height: 1.5;
    padding: 1rem 0 1rem 1rem;
}

.publish_txt p {
    padding-top: 1rem;
}

.publish_txt h3 {
    color: #ea5513;
    font-size: 1.5rem;
}

.publish_seller,
.publish_data {
    margin: .5rem 0;
}

.publish_seller {
    color: #495057;
    padding-left: 1rem;
    list-style-type: decimal;
}

.publish_seller a {
    color: #495057;
}

.publish_seller a:hover,
.publish_seller a:focus {
    color: #ea5513;
    text-decoration: underline;
}

.publish_data li {
    color: #adb5bd;
    padding: .5rem 0;
    border-bottom: 1px dotted #e9ecef;
    cursor: default;
}

.publish_data li:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #adb5bd;
    border-radius: 2px;
    margin-right: 7px;
}

.publish_data li:hover {
    background: #f1f3f5;
    color: #ea5513;
}

.publish_data li:hover:before {
    background: #ea5513;
    margin-left: 1rem;
}

.publish_down {
    margin-top: 1.25rem;
    color: #495057;
}

.publish_down i {
    font-size: .8125em;
    margin-right: 4px;
    vertical-align: text-top;
    margin-top: 5px;
}

.publish_down a {
    color: #495057;
}

.publish_down a:hover,
.publish_down a:focus {
    color: #ea5513;
    text-decoration: underline;
}

@media (max-width: 576px) {
    .publish_img,
    .publish_txt {
        width: 100%;
    }
    .publish_txt {
        padding: 1rem 0;
    }
}


/*publish_table02*/

.publish_table02 .kf_div_th:nth-child(1),
.publish_table02 .kf_div_th:nth-child(3) {
    width: 7rem;
}

.publish_table02 .kf_div_td:nth-child(2) {
    text-align: left;
}

@media (max-width: 576px) {
    .publish_table02 .kf_div_td:nth-child(1) {
        color: white;
        background: #ea5513;
        padding: .75rem;
        text-align: center;
    }
    .publish_table02 .kf_div_td:nth-child(2) {
        padding: 1rem 0 .5rem 0;
    }
    .publish_table02 .kf_div_td:nth-child(3) {
        color: #ea5513;
    }
    .publish_table02 .kf_div_td:nth-child(3):before {
        content: '日期：';
    }
}


/*-------------------------------------------------------------------------------*/


/*    $publish03                                                                            */


/*-------------------------------------------------------------------------------*/

.publish_wrap_tl {
    padding: 1rem;
}

.publish_wrap_tl::after {
    content: "";
    display: table;
    clear: both;
}

.publish_wrap_tl .publish_img {
    margin-top: 1.5rem;
    float: left;
    width: 100%;
    text-align: center;
}

.publish_wrap_tl .publish_img figure {
    display: inline-block;
    max-width: 340px;
    border: 10px solid white;
}

.publish_wrap_tl .publish_txt {
    float: left;
    width: 100%;
    line-height: 1.5;
    padding: 1rem 0 1rem 1rem;
    text-align: center;
}

.publish_wrap_tl .publish_txt p {
    padding-top: 1rem;
}

.publish_wrap_tl .publish_txt h3 {
    color: #ea5513;
    font-size: 1.5rem;
}

@media (max-width: 576px) {
    .publish_wrap_tl .publish_txt h3 {
        font-size: 1.125rem;
    }
}

.publish_introduction {
    padding: 1rem;
    line-height: 1.5;
}

.publish_introduction::after {
    content: "";
    display: table;
    clear: both;
}

.publish_group {
    background: #f8f9fa;
    padding: 1.5rem;
    border-top: 1px solid #f7ba9f;
    border-bottom: 1px solid white;
}

.publish_group h4 {
    color: #ea5513;
    margin-bottom: .5rem;
}

.publish_group h4 i {
    margin-right: .5rem;
}

.publish_group li a {
    color: #495057;
}

.publish_group li a:before {
    content: '◆';
    margin-right: .5rem;
}

.publish_group li a:hover,
.publish_group li a:focus {
    text-decoration: underline;
}

.ft_btn_wrap {
    padding: 1.5rem 0;
    text-align: center;
}

.ft_btn_wrap input,
.ft_btn_wrap a {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: .0625rem solid transparent;
    border-radius: .25rem;
    margin: 0 .25rem;
    min-width: 100px;
    background: transparent;
    border: 1px solid #ea5513;
    color: #ea5513;
}

.ft_btn_wrap input:hover,
.ft_btn_wrap input:focus,
.ft_btn_wrap a:hover,
.ft_btn_wrap a:focus {
    color: white;
    background: #ea5513;
}


/*-------------------------------------------------------------------------------*/


/*    $publish04                                                                            */


/*-------------------------------------------------------------------------------*/

.publish_container {
    padding: 1rem;
}

.publish_c_tit {
    font-size: 1.25rem;
    color: #ea5513;
    border-top: 1px solid #ea5513;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    padding: 1rem;
}

.publish_c_tit i {
    margin-right: .25rem;
}

.publish_header {
    padding: 1rem 0;
    text-align: right;
}

.publish_header span {
    font-size: 0.9375rem;
    margin-left: 1rem;
    color: #ea5513;
}

.publish_edit {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 1.5rem 0;
}


/*-------------------------------------------------------------------------------*/


/*    $publish05                                                                            */


/*-------------------------------------------------------------------------------*/

.publish_detail {
    padding: 1rem;
    float: left;
    width: 65%;
}

.publish_detail h3 {
    font-size: 1.125rem;
    color: #ea5513;
}

.publish_ed {
    padding: 1rem 0;
}

@media (max-width: 576px) {
    .publish_detail {
        width: 100%;
        padding: 1rem 0;
    }
}

/*-------------------------------------------------------------------------------*/


/*    $標準功能 > 意見信箱 > 發表意見---新增radio button                                                                  */


/*-------------------------------------------------------------------------------*/

.kf_radio input[type="radio"] {
  margin:.75rem 0;
}
/*-------------------------------------------------------------------------------*/
/*    $熱門服務                                                                              */
/*-------------------------------------------------------------------------------*/

.nl_top_service_row .kf_div_td{
  line-height: 1.3;
  text-align: center;
}

.nl_top_service_row .kf_div_tit.kf_div_date{
    text-align: center;
    color: #ea5413;
    font-weight: bold;
    font-size: 1.3125rem;
  }
@media (max-width: 575px){
.nl_top_service_row .kf_div_date {
  display: block;
  text-align: center;
  height: 30px;
  background-image: url(../../images/top_ser_icon.svg);
  background-position: 45% center;
}

}
@media (min-width: 576px){
  .nl_top_service_row .kf_div_td {
    text-align: left;
  }
}
/*-------------------------------------------------------------------------------*/
/*    $熱門搜尋開始                                                                              */
/*-------------------------------------------------------------------------------*/

.google_hot_searchbar{
  padding: .5rem;
  margin: 0;
  border: none;
  width: 100% !important;
}
.google_hot_searchbar input[type=text]{
  width: calc(100% - (90px + 1rem));
}
.google_hot_searchbar input[type=submit]{
  float: right;
  width: 90px;
}
.google_hot_search{
  padding:1rem .5rem;
}
.google_hot_search span{
  color:  #3e3e3f;
}
.google_hot_search a{
  display: inline-block;
  color: #ffffff;
  background-color: #f97235;
  border-radius: 1rem;
  padding: .5rem 1rem;
  margin: .25rem 0;
}
.google_hot_search a:hover,.google_hot_search a:focus{
background-color: #ea5413;
}
/* 進館人數 */
.into_card{
  margin: 0 1.25rem 1.5rem;
  -webkit-box-shadow: 0px 24px 46px -10px rgba(106, 77, 55, 0.25);
    box-shadow: 0px 24px 46px -10px rgba(106, 77, 55, 0.25);
}
.into_card_img{
  height: 0;
  padding-bottom: 85%;
  position: relative;
  overflow: hidden;
}
.into_card_img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.into_body{
  text-align: center;
  padding: 3.15rem .625rem;
}
.into_number{
  display: block;
  color: #ea5413;
  font-size: 2rem;
  font-weight: bolder;
 padding: 1rem 0 ;
 font-family: Century Gothic, Menlo, Monaco, Consolas, "Courier New", monospace;
}
.into_text{
  display: block;
  padding: 1rem 0 ;
  min-height: 70px;
  /* vertical-align: text-bottom; */
}
@media (min-width: 378px){
  .into_card{
    display: inline-block;
    width: calc(99.9% / 2 - 20px);
    margin: 0 .5rem;
  }
  .into_number{
    font-size: 1.5rem;
  }
}
@media (min-width: 640px){
  .into_warp {
    max-width: 570px;
    margin: 3rem auto;
}
}
@media (min-width: 1002px){
.into_number {
    font-size: 2rem;
  }
.into_card {
    width: calc(99.9% / 2 - 36px);
    margin: 0 1rem;
  }
}

/* 進館人數 end */

.online_loading{
    width: 5%;
    padding-right: 1rem;}

.nl_film_fbar .kf_form_time .label-tit{
  color: #555555 !important;
}
.nl_film_fbar .kf_form_time-radio input[type="text"]{
  width: calc(50% - 70px);
}
.nl_film_fbar .kf_form_time-radio .kf_explain{
  padding-left: 116px;
}
/* 活動列表調整 */
.activity_list .kf_img:hover img {
  transform: scale(1.2);
}
.activity_list .kf_imglist_tit a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity_list .kf_imglist_tit a:hover {
  color: #ea5413;
}
.activity_list a.nl_film_time {
  display: inline-block;
  margin: 0.25rem;
  padding: 0.25rem;
  border: 1px #93939e solid;
}
.activity_list a.nl_film_time:hover {
  color: #ffffff;
  background-color: #ea5413;
  border: 1px #ea5413 solid;
}