@import url('https://fonts.googleapis.com/css?family=Merriweather');
html {
  font-family: 'Merriweather', serif;
  font-size: 14px;
}
body {  padding: 5px 10px;}

svg {  display: block;  width: 100%;}
#states *.on {  fill: #ff5b57; }

.list-of-states {
  margin: 0;
  padding: 0;
  /* columns: 100px auto;
  column-gap: 8px;
  list-style: none; */
}

.list-of-states li {
  padding: 2px 6px 2px 6px;
  display: inline-block;
  /* width: 100%; */
}
.list-of-states li.on {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  border-radius: 5px 5px 5px 5px; /*圓角*/
}



/* 地區辦事處 */
.bga1{  background:#FFCDD2;color:#000 !important; }
.bga2{  background:#FFECB3;color:#000 !important; }
.bga3{  background:#C8E6C9;color:#000 !important; }
.bga4{  background:#B3E5FC;color:#000 !important; }
.bga5{  background:#C5CAE9;color:#000 !important; }

.mem_count{ color:#FFF;font-size:1.2rem; }

.widget-stats,.widget.widget-stats {
    position: relative;
    color: #fff;
    padding: 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.widget-stats, .widget.widget-stats h3{ margin:0px 0px 5px 0px;  }
.widget-stats, .widget.widget-stats h3 a:link { color:#000; text-decoration:none; }
/*.widget-stats, .widget.widget-stats h4{ margin-top:2px; }*/
.widget-stats, .widget.widget-stats p{ font-size:1rem; }


.widget-stats .stats-info h4,.widget.widget-stats .stats-info h4 {
    font-size: 12px;
    margin: 5px 0;
    color: rgba(255,255,255,.7)
}

.widget-stats .stats-info p,.widget.widget-stats .stats-info p {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0
}

.widget-stats .stats-link a,.widget.widget-stats .stats-link a {
    display: block;
    margin: 15px -15px -15px;
    padding: 7px 15px;
    background: rgba(0,0,0,.4);
    text-align: right;
    color: rgba(255,255,255,.7);
    text-decoration: none
}

.widget-stats .stats-link a:focus,.widget-stats .stats-link a:hover,.widget.widget-stats .stats-link a:focus,.widget.widget-stats .stats-link a:hover {
    background: rgba(0,0,0,.6);
    color: #fff
}

.widget-stats .stats-icon,.widget.widget-stats .stats-icon {
    font-size: 42px;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    color: rgba(0,0,0,.15);
    position: absolute;
    right: 15px;
    top: 15px;
    margin-left: 15px
}

.widget-stats .stats-icon.stats-icon-lg,.widget.widget-stats .stats-icon.stats-icon-lg {
    font-size: 128px;
    top: 15px;
    right: 0;
    color: #fff;
    width: 128px;
    height: 50px;
    line-height: 50px;
    text-shadow: 3px 7px rgba(0,0,0,.25);
    opacity: .15
}

.widget-stats .stats-icon.stats-icon-lg i,.widget.widget-stats .stats-icon.stats-icon-lg i {
    position: relative
}

.widget-stats .stats-icon.stats-icon-square,.widget.widget-stats .stats-icon.stats-icon-square {
    opacity: 1;
    font-size: 42px;
    top: 15px;
    right: 15px;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    margin-left: 15px;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.widget-stats .stats-content,.widget.widget-stats .stats-content {
    position: relative
}

.widget-stats .stats-title,.widget.widget-stats .stats-title {
    position: relative;
    margin: 0 0 2px;
    font-size: 12px;
    color: rgba(255,255,255,.7)
}

.widget-stats .stats-desc,.widget.widget-stats .stats-desc {
    margin: -5px 0 -3px;
    color: rgba(255,255,255,.7)
}

.widget-stats .stats-number,.widget.widget-stats .stats-number {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1px
}

.widget-stats .stats-progress,.widget.widget-stats .stats-progress {
    background: rgba(0,0,0,.5);
    height: 2px;
    margin: 0 0 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.widget-stats .stats-progress .progress-bar,.widget.widget-stats .stats-progress .progress-bar {
    background: #fff;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.widget-stats .stats-progress.stats-progress-light,.widget.widget-stats .stats-progress.stats-progress-light {
    background: rgba(255,255,255,.3)
}

.widget-stats.text-inverse.stats-desc,.widget.widget-stats.text-inverse.stats-desc {
    letter-spacing: 0;
    font-weight: 400;
    color: rgba(0,0,0,.85)
}

.widget-stats.text-inverse.stats-title,.widget.widget-stats.text-inverse.stats-title {
    font-weight: 700;
    color: rgba(0,0,0,.85)
}

.widget-stats.text-inverse.stats-number,.widget.widget-stats.text-inverse.stats-number {
    letter-spacing: 0;
    font-weight: 400
}

.widget-stats.bg-white .stats-progress,.widget.widget-stats.bg-white .stats-progress {
    background: rgba(0,0,0,.1)
}

.widget-stats.bg-white .stats-progress .progress-bar,.widget.widget-stats.bg-white .stats-progress .progress-bar {
    background: #2d353c
}


        
.text-blue {
    color: #348fe2!important
}

.text-blue-lighter {
    color: #67abe9!important
}

.text-blue-darker {
    color: #276baa!important
}

.bg-blue {
    background-color: #348fe2!important
}

.bg-blue-lighter {
    background-color: #67abe9!important
}

.bg-blue-darker {
    background-color: #276baa!important
}

.bg-gradient-blue {
    background: #348fe2!important;
    background: -moz-linear-gradient(to bottom,#34c9e2 0,#3481e2 100%)!important;
    background: -webkit-linear-gradient(to bottom,#34c9e2 0,#3481e2 100%)!important;
    background: linear-gradient(to bottom,#34c9e2 0,#3481e2 100%)!important
}






.text-info {
    color: #49b6d6!important
}

.text-info-lighter {
    color: #77c8e0!important
}

.text-info-darker {
    color: #3789a1!important
}

.bg-info {
    background-color: #49b6d6!important
}

.bg-info-lighter {
    background-color: #77c8e0!important
}

.bg-info-darker {
    background-color: #3789a1!important
}



.text-indigo {
    color: #8753de!important
}

.text-indigo-lighter {
    color: #a57ee6!important
}

.text-indigo-darker {
    color: #653ea7!important
}

.bg-indigo {
    background-color: #8753de!important
}

.bg-indigo-lighter {
    background-color: #a57ee6!important
}

.bg-indigo-darker {
    background-color: #653ea7!important
}

.bg-gradient-indigo {
    background: #8753de!important;
    background: -moz-linear-gradient(to bottom,#9353de 0,#5953de 100%)!important;
    background: -webkit-linear-gradient(to bottom,#9353de 0,#5953de 100%)!important;
    background: linear-gradient(to bottom,#9353de 0,#5953de 100%)!important
}

.app-theme-indigo .app-sidebar .nav>li.active>a {
    background-color: #8753de!important
}

.bg-indigo-transparent-1 {
    background-color: rgba(135,83,222,.1)!important
}

.text-indigo-transparent-1 {
    color: rgba(135,83,222,.1)!important
}

.bg-indigo-transparent-2 {
    background-color: rgba(135,83,222,.2)!important
}

.text-indigo-transparent-2 {
    color: rgba(135,83,222,.2)!important
}

.bg-indigo-transparent-3 {
    background-color: rgba(135,83,222,.3)!important
}

.text-indigo-transparent-3 {
    color: rgba(135,83,222,.3)!important
}

.bg-indigo-transparent-4 {
    background-color: rgba(135,83,222,.4)!important
}

.text-indigo-transparent-4 {
    color: rgba(135,83,222,.4)!important
}

.bg-indigo-transparent-5 {
    background-color: rgba(135,83,222,.5)!important
}

.text-indigo-transparent-5 {
    color: rgba(135,83,222,.5)!important
}

.bg-indigo-transparent-6 {
    background-color: rgba(135,83,222,.6)!important
}

.text-indigo-transparent-6 {
    color: rgba(135,83,222,.6)!important
}

.bg-indigo-transparent-7 {
    background-color: rgba(135,83,222,.7)!important
}

.text-indigo-transparent-7 {
    color: rgba(135,83,222,.7)!important
}

.bg-indigo-transparent-8 {
    background-color: rgba(135,83,222,.8)!important
}

.text-indigo-transparent-8 {
    color: rgba(135,83,222,.8)!important
}

.bg-indigo-transparent-9 {
    background-color: rgba(135,83,222,.9)!important
}

.text-indigo-transparent-9 {
    color: rgba(135,83,222,.9)!important
}

.text-purple {
    color: #727cb6!important
}

.text-purple-lighter {
    color: #959dc8!important
}

.text-purple-darker {
    color: #565d89!important
}

.bg-purple {
    background-color: #727cb6!important
}

.bg-purple-lighter {
    background-color: #959dc8!important
}

.bg-purple-darker {
    background-color: #565d89!important
}

.bg-gradient-purple {
    background: #727cb6!important;
    background: -moz-linear-gradient(to bottom,#7293b6 0,#7276b6 100%)!important;
    background: -webkit-linear-gradient(to bottom,#7293b6 0,#7276b6 100%)!important;
    background: linear-gradient(to bottom,#7293b6 0,#7276b6 100%)!important
}

.app-theme-purple .app-sidebar .nav>li.active>a {
    background-color: #727cb6!important
}

.bg-purple-transparent-1 {
    background-color: rgba(114,124,182,.1)!important
}

.text-purple-transparent-1 {
    color: rgba(114,124,182,.1)!important
}

.bg-purple-transparent-2 {
    background-color: rgba(114,124,182,.2)!important
}

.text-purple-transparent-2 {
    color: rgba(114,124,182,.2)!important
}

.bg-purple-transparent-3 {
    background-color: rgba(114,124,182,.3)!important
}

.text-purple-transparent-3 {
    color: rgba(114,124,182,.3)!important
}

.bg-purple-transparent-4 {
    background-color: rgba(114,124,182,.4)!important
}

.text-purple-transparent-4 {
    color: rgba(114,124,182,.4)!important
}

.bg-purple-transparent-5 {
    background-color: rgba(114,124,182,.5)!important
}

.text-purple-transparent-5 {
    color: rgba(114,124,182,.5)!important
}

.bg-purple-transparent-6 {
    background-color: rgba(114,124,182,.6)!important
}

.text-purple-transparent-6 {
    color: rgba(114,124,182,.6)!important
}

.bg-purple-transparent-7 {
    background-color: rgba(114,124,182,.7)!important
}

.text-purple-transparent-7 {
    color: rgba(114,124,182,.7)!important
}

.bg-purple-transparent-8 {
    background-color: rgba(114,124,182,.8)!important
}

.text-purple-transparent-8 {
    color: rgba(114,124,182,.8)!important
}

.bg-purple-transparent-9 {
    background-color: rgba(114,124,182,.9)!important
}

.text-purple-transparent-9 {
    color: rgba(114,124,182,.9)!important
}

.text-pink {
    color: #fb5597!important
}

.text-pink-lighter {
    color: #fc80b1!important
}

.text-pink-darker {
    color: #bc4071!important
}

.bg-pink {
    background-color: #fb5597!important
}

.bg-pink-lighter {
    background-color: #fc80b1!important
}

.bg-pink-darker {
    background-color: #bc4071!important
}

.bg-gradient-pink {
    background: #fb5597!important;
    background: -moz-linear-gradient(to bottom,#fb55ce 0,#fb5589 100%)!important;
    background: -webkit-linear-gradient(to bottom,#fb55ce 0,#fb5589 100%)!important;
    background: linear-gradient(to bottom,#fb55ce 0,#fb5589 100%)!important
}

.app-theme-pink .app-sidebar .nav>li.active>a {
    background-color: #fb5597!important
}


.bg-pink-transparent-1 {
    background-color: rgba(251,85,151,.1)!important
}

.text-pink-transparent-1 {
    color: rgba(251,85,151,.1)!important
}

.bg-pink-transparent-2 {
    background-color: rgba(251,85,151,.2)!important
}

.text-pink-transparent-2 {
    color: rgba(251,85,151,.2)!important
}

.bg-pink-transparent-3 {
    background-color: rgba(251,85,151,.3)!important
}

.text-pink-transparent-3 {
    color: rgba(251,85,151,.3)!important
}

.bg-pink-transparent-4 {
    background-color: rgba(251,85,151,.4)!important
}

.text-pink-transparent-4 {
    color: rgba(251,85,151,.4)!important
}

.bg-pink-transparent-5 {
    background-color: rgba(251,85,151,.5)!important
}

.text-pink-transparent-5 {
    color: rgba(251,85,151,.5)!important
}

.bg-pink-transparent-6 {
    background-color: rgba(251,85,151,.6)!important
}

.text-pink-transparent-6 {
    color: rgba(251,85,151,.6)!important
}

.bg-pink-transparent-7 {
    background-color: rgba(251,85,151,.7)!important
}

.text-pink-transparent-7 {
    color: rgba(251,85,151,.7)!important
}

.bg-pink-transparent-8 {
    background-color: rgba(251,85,151,.8)!important
}

.text-pink-transparent-8 {
    color: rgba(251,85,151,.8)!important
}

.bg-pink-transparent-9 {
    background-color: rgba(251,85,151,.9)!important
}

.text-pink-transparent-9 {
    color: rgba(251,85,151,.9)!important
}

.text-red {
    color: #ff5b57!important
}

.text-red-lighter {
    color: #ff8481!important
}

.text-red-darker {
    color: #bf4441!important
}

.bg-red {
    background-color: #ff5b57!important
}

.bg-red-lighter {
    background-color: #ff8481!important
}

.bg-red-darker {
    background-color: #bf4441!important
}

.bg-gradient-red {
    background: #ff5b57!important; /* 紅色 */
    background: -moz-linear-gradient(to bottom,#ff6957 0,#ff578b 100%)!important;
    background: -webkit-linear-gradient(to bottom,#ff6957 0,#ff578b 100%)!important;
    background: linear-gradient(to bottom,#ff6957 0,#ff578b 100%)!important
}

.app-theme-red .app-sidebar .nav>li.active>a {
    background-color: #ff5b57!important; /* 紅色 */
}

.bg-red-transparent-1 {
    background-color: rgba(255,91,87,.1)!important
}

.text-red-transparent-1 {
    color: rgba(255,91,87,.1)!important
}

.bg-red-transparent-2 {
    background-color: rgba(255,91,87,.2)!important
}

.text-red-transparent-2 {
    color: rgba(255,91,87,.2)!important
}

.bg-red-transparent-3 {
    background-color: rgba(255,91,87,.3)!important
}

.text-red-transparent-3 {
    color: rgba(255,91,87,.3)!important
}

.bg-red-transparent-4 {
    background-color: rgba(255,91,87,.4)!important
}

.text-red-transparent-4 {
    color: rgba(255,91,87,.4)!important
}

.bg-red-transparent-5 {
    background-color: rgba(255,91,87,.5)!important
}

.text-red-transparent-5 {
    color: rgba(255,91,87,.5)!important
}

.bg-red-transparent-6 {
    background-color: rgba(255,91,87,.6)!important
}

.text-red-transparent-6 {
    color: rgba(255,91,87,.6)!important
}

.bg-red-transparent-7 {
    background-color: rgba(255,91,87,.7)!important
}

.text-red-transparent-7 {
    color: rgba(255,91,87,.7)!important
}

.bg-red-transparent-8 {
    background-color: rgba(255,91,87,.8)!important
}

.text-red-transparent-8 {
    color: rgba(255,91,87,.8)!important
}

.bg-red-transparent-9 {
    background-color: rgba(255,91,87,.9)!important
}

.text-red-transparent-9 {
    color: rgba(255,91,87,.9)!important
}



.text-orange {
    color: #f59c1a!important
}

.text-orange-lighter {
    color: #f8b553!important
}

.text-orange-darker {
    color: #b87514!important
}

.bg-orange {
    background-color: #f59c1a!important
}

.bg-orange-lighter {
    background-color: #f8b553!important
}

.bg-orange-darker {
    background-color: #b87514!important
}



.text-green {
    color: #32a932!important
}

.text-green-lighter {
    color: #65bf65!important
}

.text-green-darker {
    color: #267f26!important
}

.bg-green {
    background-color: #32a932!important
}

.bg-green-lighter {
    background-color: #65bf65!important
}

.bg-green-darker {
    background-color: #267f26!important
}

.bg-gradient-green {
    background: #32a932!important;
    background: -moz-linear-gradient(to bottom,#32a93c 0,#5aa932 100%)!important;
    background: -webkit-linear-gradient(to bottom,#32a93c 0,#5aa932 100%)!important;
    background: linear-gradient(to bottom,#32a93c 0,#5aa932 100%)!important
}

.app-theme-green .app-sidebar .nav>li.active>a {
    background-color: #32a932!important
}

.bg-green-transparent-1 {
    background-color: rgba(50,169,50,.1)!important
}

.text-green-transparent-1 {
    color: rgba(50,169,50,.1)!important
}

.bg-green-transparent-2 {
    background-color: rgba(50,169,50,.2)!important
}

.text-green-transparent-2 {
    color: rgba(50,169,50,.2)!important
}

.bg-green-transparent-3 {
    background-color: rgba(50,169,50,.3)!important
}

.text-green-transparent-3 {
    color: rgba(50,169,50,.3)!important
}

.bg-green-transparent-4 {
    background-color: rgba(50,169,50,.4)!important
}

.text-green-transparent-4 {
    color: rgba(50,169,50,.4)!important
}

.bg-green-transparent-5 {
    background-color: rgba(50,169,50,.5)!important
}

.text-green-transparent-5 {
    color: rgba(50,169,50,.5)!important
}

.bg-green-transparent-6 {
    background-color: rgba(50,169,50,.6)!important
}

.text-green-transparent-6 {
    color: rgba(50,169,50,.6)!important
}

.bg-green-transparent-7 {
    background-color: rgba(50,169,50,.7)!important
}

.text-green-transparent-7 {
    color: rgba(50,169,50,.7)!important
}

.bg-green-transparent-8 {
    background-color: rgba(50,169,50,.8)!important
}

.text-green-transparent-8 {
    color: rgba(50,169,50,.8)!important
}

.bg-green-transparent-9 {
    background-color: rgba(50,169,50,.9)!important
}

.text-green-transparent-9 {
    color: rgba(50,169,50,.9)!important
}



.text-teal {
    color: #00acac!important
}

.text-teal-lighter {
    color: #40c1c1!important
}

.text-teal-darker {
    color: #008181!important
}

.bg-teal {
    background-color: #00acac!important
}

.bg-teal-lighter {
    background-color: #40c1c1!important
}

.bg-teal-darker {
    background-color: #008181!important
}

.bg-gradient-teal {
    background: #00acac!important;
    background: -moz-linear-gradient(to bottom,#00ac73 0,#009eac 100%)!important;
    background: -webkit-linear-gradient(to bottom,#00ac73 0,#009eac 100%)!important;
    background: linear-gradient(to bottom,#00ac73 0,#009eac 100%)!important
}

.app-theme-teal .app-sidebar .nav>li.active>a {
    background-color: #00acac!important
}

.bg-teal-transparent-1 {
    background-color: rgba(0,172,172,.1)!important
}

.text-teal-transparent-1 {
    color: rgba(0,172,172,.1)!important
}

.bg-teal-transparent-2 {
    background-color: rgba(0,172,172,.2)!important
}

.text-teal-transparent-2 {
    color: rgba(0,172,172,.2)!important
}

.bg-teal-transparent-3 {
    background-color: rgba(0,172,172,.3)!important
}

.text-teal-transparent-3 {
    color: rgba(0,172,172,.3)!important
}

.bg-teal-transparent-4 {
    background-color: rgba(0,172,172,.4)!important
}

.text-teal-transparent-4 {
    color: rgba(0,172,172,.4)!important
}

.bg-teal-transparent-5 {
    background-color: rgba(0,172,172,.5)!important
}

.text-teal-transparent-5 {
    color: rgba(0,172,172,.5)!important
}

.bg-teal-transparent-6 {
    background-color: rgba(0,172,172,.6)!important
}

.text-teal-transparent-6 {
    color: rgba(0,172,172,.6)!important
}

.bg-teal-transparent-7 {
    background-color: rgba(0,172,172,.7)!important
}

.text-teal-transparent-7 {
    color: rgba(0,172,172,.7)!important
}

.bg-teal-transparent-8 {
    background-color: rgba(0,172,172,.8)!important
}

.text-teal-transparent-8 {
    color: rgba(0,172,172,.8)!important
}

.bg-teal-transparent-9 {
    background-color: rgba(0,172,172,.9)!important
}

.text-teal-transparent-9 {
    color: rgba(0,172,172,.9)!important
}