@charset "utf-8";
/*reset*/
html { -webkit-overflow-scrolling: touch; font-size:10px; scroll-behavior: smooth; }
body {padding-top: 50px;}
.row { margin-left: 0px; margin-right: 0px;}
.col-xs-1, .col-xs-2, .col-sm-1, .col-md-1, .col-lg-1 { padding-left: 5px; padding-right: 5px;}
html, body {font-family: '微軟正黑體';}
/* 不折行 20190327 */
.nowrap {white-space:nowrap;}
/* 自動折行 20190327 */
.btn{white-space:normal;}
/* remove gutter spacing outside */
.row.no-gutter { margin-left: 0; margin-right: 0; }
/* only remove padding of middle columns */
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-right:0; padding-left:0; }
.row.row-margin-top { margin-top: 5px; } 
.row-margin-top-lg { margin-top: 15px; } 
.well{background:#FFFFFF ; }
.thumbnail {padding: 0px !important;}
.thumbnail img {width: 100%;}
.form-inline {padding:10px;}
.form-inline > * {margin:5px 1px !important;}
.modal { background: rgba(000, 000, 000, 0.8); }
.carousel-inner > .item > img {margin: 0 auto;}
.carousel {background-color: black; padding-top:10px;}
.dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

/* for ios 11 modal bug */
body.iosBugFixCaret.modal-open { position: fixed; }

/* 20180524 */
.btn-group-vertical {width: 100%;}
.hotpink {color:hotpink;}
.forestgreen { color: forestgreen;}
.red { color: red;}
.gray { color: gray;}
.dimgray { color: dimgray;}
.blue { color: #0078ff; }
.white { color: white;}
.purple { color:purple;}
.darkblue { color:darkblue;}
.lightpurple { color:#cc99ff;}
.lightpink {color:lightpink;}
.lightred {color:#fa9292;}
.lightblue {color:#cbe7ff;}
.lightgreen {color:#f2ffe2;}
.lightskyblue {color:lightskyblue;}
.lightgray {color:lightgray;}
.fbblue {color:#3b5998;}
.linegreen {color: #00b900;}
.instagramred { background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}   
.locationred {color: #da4c39;}
.yellow {color: yellow;}
.deepskyblue {color:deepskyblue;}
.tiffany {color: #3acbc8;}
.lightorange {color: #ffc62d;}
.orange {color: hsl(34, 97%, 64%); }
.yelloworange {color: hsl(34, 97%, 64%);}
.lightcoral {color:lightcoral;}
.red_rgb {color: rgba(255, 99, 132, 0.3);}
.pink_rgb {color: rgba(153, 102, 255, 0.3);}
.close_red { color: red;}
.close_red:hover { color: lightcoral;}


/* 修正modal顯示 20180523 */
.modal-backdrop {
  /* bug fix - no overlay */    
  display: none;    
}

/* loader 20190905 */
.loader {
  position: fixed;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
  width: 200px;
  height: 200px;
  z-index: 999999999 !important;
}

/* 頁數導覽列 */
.pagination li a {font-size: 1.6rem; font-weight: bold; letter-spacing:.1rem; line-height: 1.6rem; font-family: '微軟正黑體'; }
.pagination>li>a, .pagination>li>span { 
  border-radius: 50% !important;
  margin: 0 5px;
  color: #fff;
  background-color: #f4cbb1;
  border:none;
  padding-left:9px;      
  padding-right:9px;      
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color:  lightcoral;
 border:none;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color:  lightcoral;
border:none;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #fff;
  cursor: not-allowed;
  background-color: #f4cbb1;
 border:none;
}

/* 按扭彈跳 */
.bounced {transition: all 400ms cubic-bezier(.47,1.64,.41,.8);}
.bounced:hover {transform: scale(1.5);}