@font-face {
  font-family: 'cothic';
  src: url('../cothic.ttf');
  unicode-range: U+00-024F; /*判斷為英文，用此字型檔*/
}
@font-face {
  font-family: 'cothic';
  src: url('../msjh.ttf');
  unicode-range: U+4E00-9FFF; /*判斷為中文，用此字型檔*/
}
body,button, input,select, textarea,h1 ,h2, h3, h4, h5, h6 {
	font-family: 'cothic';
}
body{
  background-color: #EEE;
  /*background:url("../img/bg.png");*/
}
a{
	outline: none;
	cursor:pointer;
}
.main_container .container{
  background-color: #FFF;
  border:1px #cccccc solid;
  padding-top: 10px;
  /*margin-bottom: 10px;/**/
}
.container-fluid{
  background-color: #FFF;
  padding-top: 10px;/**/
}
.footer{
	background-color:#222;
	color: #777;
	border-top:5px solid #FFF;
}
.footer a{
	color: #777;
	text-decoration:none;
}
.footer a:hover{
	color: #FFF;
}
.footer .dropup a{
	color: #000;
}
.navbar-bottom{
	background-color:#222;
	height: 50px;
	/*margin-bottom:20px;/**/
}
.login{
	width: 530px;
	height:120px;
	padding:180px 0px 0px 200px;
	background-image: url(../img/login.png);/**/
	background-repeat: no-repeat;
	
	color: #000;
	font-size:20px;
	font-weight: bold;
}
.chang_user{
    position:fixed;
	background-color:#d9534f;
	color: #fff;
    padding: 5px;
	z-index:1030;
	bottom:0;
	left:0;
	right:0;
}
.user_index{
	padding: 8px;
}
.img_animation  img{
	max-height:210px;
}
.fb_public textarea {
	height: 120px;
	padding: 10px;
	width: 100%;
	border: 1px solid #F2F2F2;
}
.fb_public .panel-body {
	padding: 0;
}
.fb_public .panel-footer .btn {
	border: none;
}
/*.fb_public .btn_share {
	float:right;
}/**/
/*.img-small{
   width: 28px;
   height:28px;
}
.img-default{
   width: 90px;
   height:90px;
}*/
.square-lg{
   width: 140px;
   height:140px;
}
.square{
   width: 90px;
   height:90px;
}
.square-sm{
   width: 60px;
   height:60px;
}
.square-xs{
   width: 28px;
   height:28px;
}
/*.huge { font-size: 40px; }/*改用panel-huge*/
.panel-huge{}
.panel-huge .huge-ico{ font-size:50px; }
.panel-huge .huge-str{ font-size:40px; }
/*圓型按扭*/
.btn-circle-xl{
  padding: 10px 0;
  border-radius: 35px;
  width: 70px;
  height: 70px;
  font-size:60px;
}
.btn-circle-lg{
  padding: 9px 0;
  border-radius: 35px;
  width: 46px;
  height: 46px;
  font-size:36px;
}
.btn-circle{
  /*padding: 7px 0; /**/
  padding: 0;
  border-radius: 35px;
  width: 34px;
  height: 34px;
  font-size:24px;
}
.btn-circle-sm{}
.btn-circle-xs{}

.kt_bg_primary{ background:#d0e4fd; }
.kt_bg_danger{ background:#f9c4e1; }
.kt_bg_success{ background:#d8eda3; }
.kt_bg_warning{ background:#fcd29a; }
 
.kt_re{}
.kt_re .mata{margin-bottom:4px;}
.kt_cb_only .btn span.glyphicon { opacity: 0;}
.kt_cb_only .btn.active span.glyphicon { opacity: 1; }
.kt_cb_only .btn-cb {  
  background-color: #EEE;
  border:2px #CCC solid;
}
/*配合syle資料夾裡的樣式*/
.cb_style0{
   background-color:#222;
   color: #777;
   border-color:#FFF;
}
.cb_style1{
   background-color:#16193b;
   color: #AAA;
   border-color:#080916;
}
.cb_style2{
   background-color:#d4213d;
   color: #AAA;
   border-color:#a81a30;
}
.cb_style3{
   background-color:#147F2C;
   color: #AAA;
   border-color:#0d531d;
}
.cb_style4{
   background-color:#f4a236;
   color: #fff;
   border-color:#ea8b0d;
}
.cb_style0 :before,
.cb_style1 :before,
.cb_style2 :before,
.cb_style3 :before,
.cb_style4 :before { color: #FFF; }

 .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover { background-color: #888888;}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
/*修改sparkline.js(迷你統計圖)的提示效果，在Bootstrap的bug*/
.jqstooltip{box-sizing: content-box;}

/*panel new color*/
.panel-green { border-color: #5cb85c; }
.panel-green a { color: #5cb85c; }
.panel-green a:hover { color: #3d8b3d; }
.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-red { border-color: #d9534f; }
.panel-red a { color: #d9534f; }
.panel-red a:hover { color: #b52b27; }
.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}
.panel-yellow { border-color: #f0ad4e; }
.panel-yellow a { color: #f0ad4e; }
.panel-yellow a:hover { color: #df8a13; }
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
/*不同大小圖片，相同區塊排版(方型縮圖)*/
/*.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
	background-color: #EEE;
}
.image img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%); 圖片中心點置中。top、left才會以圖片中心為準
}*/
.image{
    position: relative;
    height:200px;
    text-align:center;
	background-color: #EEE;
}
.image img{
   position: absolute;
   max-width: 100%;
   max-height: 100%;
   top:0;
   right:0;
   bottom:0;
   left:0;
   margin:auto;
}
.img_intro{
	padding: 0px;
	position: relative;
	overflow: hidden;/**/
	background-color:#cccccc;
}
.img_intro:hover .img_intro_caption{ bottom:0; }
.img_intro .img_intro_caption{
	position: absolute;
	bottom:-54px;
	width: 100%;
	padding:10px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.load-animate { /*load icon 動畫*/
    display: inline-block;
    animation: load-animate 1s infinite linear;
}
@keyframes load-animate {
    from { transform:rotate(0deg);}
    to { transform:rotate(360deg);}
}
/*修改Bootstrap*/
.navbar-brand {
    padding-top: 8px;
}
.navbar-brand img{
   width: 40px;
   height:40px;
}
.pagination{
  margin: 0;
}
 .thumbnail a > .img-default, .thumbnail > .img-default {
    height:90px;
}
.pull-right {
	padding-right:6px;
}
.navbar-inverse {
    background-color: rgba(14,14,14,0.8);
    border-color: rgba(14,14,14,0.8);
    color: #bbb;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
   background-color: rgba(14,14,14,0.8);
   color: #bbb;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: rgba(14,14,14,0.8);
    color: #bbb;
}
.navbar-right  > li {
  height:50px;/**/
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F5F5F5;
}
/*.navbar-right > li > a{
   padding-top: 15px;
   padding-bottom: 15px;
   padding-bottom: 0;
}
.navbar-right > li > .dropdown-menu {
   margin-top: 6px;
}/**/
/*擴充Bootstrap*/
.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.tab-pane{
   /*padding-top: 12px;/**/
}
select {
    color: inherit;
    font: inherit;
    margin: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    margin-bottom:10px;
}
mark, .mark {
    background-color: transparent; /*取消背景色*/
}
.dropdown-menu { /*修正Bootstrap下拉選單內容過長*/
    height: auto;
    max-height:250px;
    overflow-x: hidden;
}
.carousel-inner > .item > img { margin: 0 auto; }

.progress {    
    position: relative;
}
.progress > .progress-type {
    position: absolute;
    left: 0px;
	padding: 0 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
    position: absolute;
    right: 0px;
	padding-right:10px;
}
.navbar-header .nav-title{
    padding-top: 18px;
	color: #DDE8DF;
}

/*Bootstrap 3 Navbar with Icon Top 上方icon通知數量*/
.badge-default { background-color: #777; }
.badge-primary { background-color: #337ab7; }
.badge-success { background-color: #5cb85c; }
.badge-info { background-color: #5bc0de; }
.badge-warning { background-color: #f0ad4e; }
.badge-danger { background-color: #d9534f; }
.navbar-icon-top .navbar-nav>li>a>.icon>.badge {
    position: absolute;
    right: 0;
}
.navbar-icon-top .navbar-nav>li>a>.icon>.badge {
    top:7px;
}
/*大型下拉菜單*/
.dropdown-large {}
.dropdown-menu-large {
  /*margin-left: -20px;/**/
  max-height: none;
  width:400px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  color: #333333;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
/*
max-width 表示這個數字以下（包含）的都適用
修正Bootstrap畫面變小時，會變三行
*/
/*@media (max-width: 1190px){*/
@media (max-width: 1000px){
      .navbar-header{ float: none;  }
      .navbar-toggle{ display: block; }
      .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      }
      .navbar-collapse.collapse { display: none!important; }
      .navbar-nav {
         float: none!important;
         margin: 7.5px -15px;
      }
      .navbar-nav>li { float: none; }
      .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
      }
      .navbar-text {
         float: none;
         margin: 15px 0;
      }
      .navbar-collapse.collapse.in { display: block!important; }
      .collapsing { overflow: hidden!important; }
}
/*.form-control{  width: 99%; }/**/