@charset "utf-8";
/*************************
    框架設定
**************************/
html,body{
  width: 100%;
  height:100%;
  /* overflow: hidden; */
}

/*桌機*/
.wrap{
  position: relative;
  height: calc(100% - 32px);
  overflow: hidden;
  background: #F6F8FC;
}
.wrap-page{
  position: relative;
  display: flex;
  flex-direction: column;
  background: #F6F8FC;
}
.wrap-map{
  position: relative;
  display: flex;
  flex-direction: column;
  /* background: #F6F8FC; */
  overflow: hidden;
  height: 100%;
}
.wrap-dashboard{
  position: relative;
}
.footer {
  padding: 0 10px;
  height: 32px;
  background-color: #000;
  color: #f8f9fa;
  line-height: 32px;
  text-align: right;
  font-size: .875rem;
  overflow: hidden;
}
.footer a{
  margin: 0!important;
  padding: 1px 6px!important;
  font-size: .875rem!important;
}

.parent-wrap{
  padding: 10px 10px;
  font-family: "標楷體" !important;
  height: auto;
}
.parent-wrap div{
  font-family: "標楷體" !important;
}
.topBar{
  z-index: 300000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  height: 70px;
  background: #fff;
}
.topBar.zindex-1{
  z-index: 1;
}
.scrollBar-y{
  overflow-y: auto;
}
.scrollBar-hidden{
  overflow: hidden;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}
::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.05);
  border-radius: 10px;
  margin: 10px 2px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
}

.modal-backdrop+.modal-backdrop {
  opacity : 0;
 }

 
/*文字設定*/
.text-black{ color: #5A6171;}
.text-lightgrey{ color: #D8DFE9;}
.text-grey{ color: #82889A;}
.text-blue{ color: #6C63FE;}
.text-green{ color: #6EC08E;}
.text-lightGreen{ color: #DEFFEA;}
.text-orange{ color: #FFB153;}
.text-yellow{ color: #F3D66D;}
.text-lightYellow{ color: #FFF7D7;}
.text-red{ color: #EB6260;}
.text-purple{ color: #6662AC;}
.text-lightgreen{color: #13ba02;}

/*區塊背景設定*/
.bg-black{ background: #5A6171 !important; color: #fff;}
.bg-lightgrey{ background: #D8DFE9 !important; color: #5A6171;}
.bg-grey{ background: #82889A !important; color: #fff;}
.bg-blue{ background: #6C63FE !important; color: #fff;}
.bg-green{ background: #6EC08E !important; color: #fff;}
.bg-lightGreen{ background: #DEFFEA !important; color: #5A6171;}
.bg-orange{ background: #FFB153 !important; color: #fff;}
.bg-yellow{ background: #F3D66D !important; color: #5A6171;}
.bg-lightgyellow{ background: #FFF7D7 !important; color: #5A6171;}
.bg-red{ background: #FD7077 !important; color: #fff;}
.bg-purple{ background: #6662AC !important; color: #fff;}

/*圓角*/
.rounded--6 {
  border-radius: 0.6rem !important;
}
.rounded--12 {
  border-radius: 1.2rem !important;
}
.rounded--14 {
  border-radius: 1.4rem !important;
}

/* fancybox3.2設定 */

.fancybox-slide--iframe .fancybox-content {
  /* width  : 800px;
  height : 600px;
  max-width  : 80%;
  max-height : 80%;
  margin: 0; */
}

.fancybox-slide {
  padding: 20px !important;
}

#TOP {
  display: none;
  z-index: 80;
  position: fixed;
  right: 0;
  bottom: 10px;
  width: 50px;
  padding: 6px 6px;
  line-height: 30px;
  cursor: pointer;
  background-color: rgba(0,0,0,0.25);
  color: #ffffff;
  text-align: center;
  /* border-radius: 10px; */
  transition: all 0.2s;
  font-size: 1.6rem;
}
#TOP:hover {
  background-color: rgba(0,0,0,0.8);
}