/* JQM Demos custom CSS */

/*
font-family: 'Open Sans';
預設字體
*/

@charset "utf-8";
@font-face {
    font-family:'Noto Sans SemCond Thin';
    src: url(../fonts/NotoSans-SemiCondensedThin.ttf);
}
@font-face {
    font-family:'Noto Sans Light';
    src: url(../fonts/NotoSans-Light.ttf);
}
@font-face {
    font-family:'Noto Sans Thin';
    src: url(../fonts/NotoSans-Thin.ttf);
}
@font-face {
    font-family:'Noto Sans CJK TC Regular';
    src: url(../fonts/NotoSansCJKtc-Regular.otf);
}
@font-face {
    font-family:'Noto Sans CJK TC Thin';
    src: url(../fonts/NotoSansCJKtc-Thin.otf);
}

/*---basic---*/

html,
body {
	/*
   margin:0;
   padding:0;
   overflow-x:hidden;
   */
}
body {
   display:none_;
}

body::-webkit-scrollbar {
    width: 0.5em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #240700;
  outline: 1px solid slategrey; /*bar 底色*/
  background-image: -webkit-linear-gradient(45deg, /*情角*/
  rgba(251, 219, 5, 1) 50%, /*第一段上方間變 25%*/
  transparent 25%, transparent 50%, /*第一段下方間變*/
  rgba(251, 219, 5, 1) 25%, /*第二段上方間變*/
  rgba(251, 219, 5, 1) 25%, transparent 25%, transparent 50%)/*第二段下方間變*/

}

button, a, input, select{outline:none !important;}

img{max-width:100%; height:auto !important;}
ol,ul,li{
	list-style: none; 
	padding:0; margin:0;
	}

 /* Set black background color, white text and some padding */
	.corpright{ z-index:1;}
   footer {
   padding: 15px;
	  font-family: 'Open Sans', sans-serif, Microsoft JhengHei;
	  color:#240700;
	  width:100%;
	  height:100px;  
	  background:#fbdb05 url(../images/mascot.svg) no-repeat;
	  background-size: 18em auto;
	  background-position: right -5em;
}

	footer .company{margin-top:1em;}
	footer .company strong{ font-size:120%;}
	footer .corp{
		color:#81511c; font-size:100%; font-weight:900; margin-top:1em;
		text-align:right; font-family:Verdana, Geneva, sans-serif;}

/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
	.navbar-header{z-index:999; float:left; position:absolute;}
	.navbar-header a img{width:290px; height:auto; margin-top:-0.5em; display:block;}
	.navbar-nav{padding:0; margin:0; margin-left:20em;}
	.version{
		color:#947f08; margin-top:1.2em; margin-left:0.3em; position:absolute;
		font-size:105%; text-transform:uppercase; 
		}
		.version strong{color:#d6bf3e;	font-size:120%;}
		
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {
		
		}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding:0px;
      background-color: #fff;
	  z-index:998;
    }
    .navbar-inverse {
  background-color: #240700;
  border:none;
}
	
	
	
	
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }

	
#Loader {
  display: none;
  position: absolute;
  width: 150px;
  height: 150px;
  margin: -30px 0 0 -30px;
  border: 5px solid #fff;
  border-radius: 50%;
  border-top: 5px solid #6a3906;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index:10000;
}




#LoaderPic {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: -10px 0 0 -5px;
  z-index:10000;
  background:url(../images/logo.png) no-repeat;
  z-index:10001;
}




#LoaderBG {
   display: none;
   width:100%;
   position:absolute;
   opacity:0.8;
   top:0px;
   left:0px;
   z-index:9999;
   background:#fbdb05;
}

.bodyblur{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.clear{clear:both;}

/*---menu---*/




/*---immediate info---*/

/*---Brand info---*/

/*---delivery info---*/

/*---system set---*/

/*---War room---*/


/*---map---*/


	
	.bl-contact h2{text-align:center; color:#fff; font-size:140%;}
	.bl-botton{text-align: center;}
	.bl-botton a{border-radius: 0; width:10em; margin:1.5em;}

	


/*---Shared btns---*/

.btn-file {   
    position: relative;   
    overflow: hidden;   
}   
.btn-file input[type=file] {   
    position: absolute;   
    top: 0;   
    right: 0;   
    min-width: 100%;   
    min-height: 100%;   
    font-size: 100px;   
    text-align: right;   
    filter: alpha(opacity=0);   
    opacity: 0;   
    outline: none;   
    background: white;   
    cursor: inherit;   
    display: block;   
}  


.editlistbox .btn-primary:focus,
.editlistbox .btn-primary.focus{
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.editlistbox .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.editlistbox .btn-primary:active,
.editlistbox .btn-primary.active{
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.editlistbox .btn-primary:active:hover,
.editlistbox .btn-primary.active:hover,
.editlistbox .btn-primary:active:focus,
.editlistbox .btn-primary.active:focus,
.editlistbox .btn-primary:active.focus,
.editlistbox .btn-primary.active.focus,{
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.editlistbox .btn-primary:active,
.editlistbox .btn-primary.active,{
  background-image: none;
}
.editlistbox .btn-primary.disabled:hover,
.editlistbox .btn-primary[disabled]:hover,
fieldset[disabled] .editlistbox .btn-primary:hover,
.editlistbox .btn-primary.disabled:focus,
.editlistbox .btn-primary[disabled]:focus,
fieldset[disabled] .editlistbox .btn-primary:focus,
.editlistbox .btn-primary.disabled.focus,
.editlistbox .btn-primary[disabled].focus,
fieldset[disabled] .editlistbox .btn-primary.focus{
  background-color: #337ab7;
  border-color: #2e6da4;
}
.editlistbox .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.editlistbox .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.editlistbox .btn-success:focus,
.editlistbox .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.editlistbox .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.editlistbox .btn-success:active,
.editlistbox .btn-success.active{
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.editlistbox .btn-success:active:hover,
.editlistbox .btn-success.active:hover,
.editlistbox .btn-success:active:focus,
.editlistbox .btn-success.active:focus,
.editlistbox .btn-success:active.focus,
.editlistbox .btn-success.active.focus{
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.editlistbox .btn-success:active,
.editlistbox .btn-success.active{
  background-image: none;
}
.editlistbox .btn-success.disabled:hover,
.editlistbox .btn-success[disabled]:hover,
fieldset[disabled] .editlistbox .btn-success:hover,
.editlistbox .btn-success.disabled:focus,
.editlistbox .btn-success[disabled]:focus,
fieldset[disabled] .editlistbox .btn-success:focus,
.editlistbox .btn-success.disabled.focus,
.editlistbox .btn-success[disabled].focus,
fieldset[disabled] .editlistbox .btn-success.focus{
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.editlistbox .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.editlistbox .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.editlistbox .btn-info:focus,
.editlistbox .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.editlistbox .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.editlistbox .btn-info:active,
.editlistbox .btn-info.active{
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.editlistbox .btn-info:active:hover,
.editlistbox .btn-info.active:hover,
.editlistbox .btn-info:active:focus,
.editlistbox .btn-info.active:focus,
.editlistbox .btn-info:active.focus,
.editlistbox .btn-info.active.focus{
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;


}
.editlistbox .btn-info:active,
.editlistbox .btn-info.active{
  background-image: none;
}
.editlistbox .btn-info.disabled:hover,
.editlistbox .btn-info[disabled]:hover,
fieldset[disabled] .editlistbox .btn-info:hover,
.editlistbox .btn-info.disabled:focus,
.editlistbox .btn-info[disabled]:focus,
fieldset[disabled] .editlistbox .btn-info:focus,
.editlistbox .btn-info.disabled.focus,
.editlistbox .btn-info[disabled].focus,
fieldset[disabled] .editlistbox .btn-info.focus{
  background-color: #5bc0de;
  border-color: #46b8da;
}
.editlistbox .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.editlistbox .btn-warning 
,.search-bar .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.editlistbox .btn-warning:focus ,.editlistbox .btn-warning.focus 
,.search-bar .btn-warning:focus ,.search-bar .btn-warning.focus{
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.editlistbox .btn-warning:hover 
,.search-bar .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.editlistbox .btn-warning:active, .editlistbox .btn-warning.active 
,.search-bar .btn-warning:active, .search-bar .btn-warning.active{
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.editlistbox .btn-warning:active:hover, .editlistbox .btn-warning.active:hover, 
.editlistbox .btn-warning:active:focus, .editlistbox .btn-warning.active:focus, 
.editlistbox .btn-warning:active.focus, .editlistbox .btn-warning.active.focus,
 
.search-bar .btn-warning:active:hover, .search-bar .btn-warning.active:hover, 
.search-bar .btn-warning:active:focus, .search-bar .btn-warning.active:focus, 
.search-bar .btn-warning:active.focus, .search-bar .btn-warning.active.focus{
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.editlistbox .btn-warning:active, .editlistbox .btn-warning.active 
,.search-bar .btn-warning:active, .search-bar .btn-warning.active{
  background-image: none;
}
.editlistbox .btn-warning.disabled:hover, .editlistbox .btn-warning[disabled]:hover, 
fieldset[disabled] .editlistbox .btn-warning:hover, .editlistbox .btn-warning.disabled:focus, 
.editlistbox .btn-warning[disabled]:focus, fieldset[disabled] .editlistbox .btn-warning:focus, 
.editlistbox .btn-warning.disabled.focus, .editlistbox .btn-warning[disabled].focus, 
fieldset[disabled] .editlistbox .btn-warning.focus 

,.search-bar .btn-warning.disabled:hover, .search-bar .btn-warning[disabled]:hover, 
fieldset[disabled] .search-bar .btn-warning:hover, .search-bar .btn-warning.disabled:focus, 
.search-bar .btn-warning[disabled]:focus, fieldset[disabled] .search-bar .btn-warning:focus, 
.search-bar .btn-warning.disabled.focus, .search-bar .btn-warning[disabled].focus, 
fieldset[disabled] .search-bar .btn-warning.focus{
  background-color: #f0ad4e;
  border-color: #eea236;
}
.editlistbox .btn-warning .badge 
,.search-bar .btn-warning .badge{
  color: #f0ad4e;
  background-color: #fff;
}

.editlistbox .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.editlistbox .btn-danger:focus,
.editlistbox .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.editlistbox .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.editlistbox .btn-danger:active,
.editlistbox .btn-danger.active{
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.editlistbox .btn-danger:active:hover,
.editlistbox .btn-danger.active:hover,
.editlistbox .btn-danger:active:focus,
.editlistbox .btn-danger.active:focus,
.editlistbox .btn-danger:active.focus,
.editlistbox .btn-danger.active.focus{
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.editlistbox .btn-danger:active,
.editlistbox .btn-danger.active{
  background-image: none;
}
.editlistbox .btn-danger.disabled:hover, .editlistbox .btn-danger[disabled]:hover, 
fieldset[disabled] .editlistbox .btn-danger:hover, 
.editlistbox .btn-danger.disabled:focus, .editlistbox .btn-danger[disabled]:focus, 
fieldset[disabled] .editlistbox .btn-danger:focus,
.editlistbox .btn-danger.disabled.focus,.editlistbox .btn-danger[disabled].focus, 
fieldset[disabled] .editlistbox .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.editlistbox .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

/* costom style*/

.btn-submit{
  color: #240700;
  background-color: #fbdb05;
  border-color: #240700;
}
.btn-submit:focus{
  color: #240700;
  background-color: #dac117;
  border-color: #240700;
}
.btn-submit:hover {
  color: #240700;
  background-color: #dac117;
  border-color: #240700;
}
.btn-submit:active{
	color: #240700;
  background-color: #dac117;
  border-color: #240700;

}
.btn-submit.active:hover ,btn-submit:active:focus{
  color: #240700;
  background-color: #fbdb05;
  border-color: #240700;
}
.btn-submit:active{
  background-image: none;
}

.btn-submit.disabled:hover, .btn-submit[disabled]:hover ,fieldset[disabled] .btn-submit:hover 
,.btn-submit.disabled:focus ,.btn-submit[disabled]:focus, fieldset[disabled] .btn-submit:focus{
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-submit .badge {
  color: #d9534f;
  background-color: #fff;
}
.editlistbox .btn-primary ,.editlistbox .btn-success ,.editlistbox .btn-info 
,.editlistbox .btn-warning ,.editlistbox .btn-danger 
,.search-bar .btn-primary ,.search-bar .btn-success ,.search-bar .btn-info 
,.search-bar .btn-warning ,.search-bar .btn-danger{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}