/* Move down content because we have a fixed navbar that is 50px tall */
body {
  font-family:"Arial","微軟正黑體" !important;
  font-size:14px;
  padding-top:0px;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
/*---首頁圖表描述---*/
.chart{
  display: -webkit-box;
  padding: .6em .8em .6em .8em;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  margin-top:5px;
  background-color: #2c3e50;
}
@media (min-width: 992px) {
  /*---首頁圖表描述---*/
  .chart-left{
    margin-right:15px;}
  .chart-right{
    margin-left:15px;}}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/*
 * Margin Padding
 */
.margin-0{margin: 0 !important;}
.padding-0{padding: 0 !important;}
.mt-0 {
  margin-top: 0;
}
.mt-xs {
  margin-top: 10px;
}
.mt-md {
  margin-top: 40px;
}
.mt-lg {
  margin-top: 80px;
}
.mt-xl {
  margin-top: 160px;
}
.mr-0 {
  margin-right: 0;
}
.mr-xs {
  margin-right: 5px;
}
.mr-md {
  margin-right: 20px;
}
.mr-lg {
  margin-right: 40px;
}
.mr-xl {
  margin-right: 80px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-xs {
  margin-bottom: 10px;
}
.mb-md {
  margin-bottom: 40px;
}
.mb-lg {
  margin-bottom: 80px;
}
.mb-xl {
  margin-bottom: 160px;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-xs {
  margin-left: 5px;
}
.ml-md {
  margin-left: 20px;
}
.ml-lg {
  margin-left: 40px;
}
.ml-xl {
  margin-left: 80px;
}
.mt-0 {
  padding-top: 0;
}
.mt-xs {
  padding-top: 10px;
}
.mt-md {
  padding-top: 40px;
}
.mt-lg {
  padding-top: 80px;
}
.mt-xl {
  padding-top: 160px;
}
.mr-0 {
  padding-right: 0;
}
.mr-xs {
  padding-right: 5px;
}
.mr-md {
  padding-right: 20px;
}
.mr-lg {
  padding-right: 40px;
}
.mr-xl {
  padding-right: 80px;
}
.mb-0 {
  padding-bottom: 0;
}
.mb-xs {
  padding-bottom: 10px;
}
.mb-md {
  padding-bottom: 40px;
}
.mb-lg {
  padding-bottom: 80px;
}
.mb-xl {
  padding-bottom: 160px;
}
.ml-0 {
  padding-left: 0;
}
.ml-xs {
  padding-left: 5px;
}
.ml-md {
  padding-left: 20px;
}
.ml-lg {
  padding-left: 40px;
}
.ml-xl {
  padding-left: 80px;
}
@media (max-width: 767px) {
  .mt-0-sm {
    margin-top: 0;
  }
  .mt-xs-sm {
    margin-top: 10px;
  }
  .mt-md-sm {
    margin-top: 40px;
  }
  .mt-lg-sm {
    margin-top: 80px;
  }
  .mt-xl-sm {
    margin-top: 160px;
  }
  .mr-0-sm {
    margin-right: 0;
  }
  .mr-xs-sm {
    margin-right: 5px;
  }
  .mr-md-sm {
    margin-right: 20px;
  }
  .mr-lg-sm {
    margin-right: 40px;
  }
  .mr-xl-sm {
    margin-right: 80px;
  }
  .mb-0-sm {
    margin-bottom: 0;
  }
  .mb-xs-sm {
    margin-bottom: 10px;
  }
  .mb-md-sm {
    margin-bottom: 40px;
  }
  .mb-lg-sm {
    margin-bottom: 80px;
  }
  .mb-xl-sm {
    margin-bottom: 160px;
  }
  .ml-0-sm {
    margin-left: 0;
  }
  .ml-xs-sm {
    margin-left: 5px;
  }
  .ml-md-sm {
    margin-left: 20px;
  }
  .ml-lg-sm {
    margin-left: 40px;
  }
  .ml-xl-sm {
    margin-left: 80px;
  }
  .mt-0-sm {
    padding-top: 0;
  }
  .mt-xs-sm {
    padding-top: 10px;
  }
  .mt-md-sm {
    padding-top: 40px;
  }
  .mt-lg-sm {
    padding-top: 80px;
  }
  .mt-xl-sm {
    padding-top: 160px;
  }
  .mr-0-sm {
    padding-right: 0;
  }
  .mr-xs-sm {
    padding-right: 5px;
  }
  .mr-md-sm {
    padding-right: 20px;
  }
  .mr-lg-sm {
    padding-right: 40px;
  }
  .mr-xl-sm {
    padding-right: 80px;
  }
  .mb-0-sm {
    padding-bottom: 0;
  }
  .mb-xs-sm {
    padding-bottom: 10px;
  }
  .mb-md-sm {
    padding-bottom: 40px;
  }
  .mb-lg-sm {
    padding-bottom: 80px;
  }
  .mb-xl-sm {
    padding-bottom: 160px;
  }
  .ml-0-sm {
    padding-left: 0;
  }
  .ml-xs-sm {
    padding-left: 5px;
  }
  .ml-md-sm {
    padding-left: 20px;
  }
  .ml-lg-sm {
    padding-left: 40px;
  }
  .ml-xl-sm {
    padding-left: 80px;
  }
}
@media (max-width: 767px) {
  .mt-0-md {
    margin-top: 0;
  }
  .mt-xs-md {
    margin-top: 10px;
  }
  .mt-md-md {
    margin-top: 40px;
  }
  .mt-lg-md {
    margin-top: 80px;
  }
  .mt-xl-md {
    margin-top: 160px;
  }
  .mr-0-md {
    margin-right: 0;
  }
  .mr-xs-md {
    margin-right: 5px;
  }
  .mr-md-md {
    margin-right: 20px;
  }
  .mr-lg-md {
    margin-right: 40px;
  }
  .mr-xl-md {
    margin-right: 80px;
  }
  .mb-0-md {
    margin-bottom: 0;
  }
  .mb-xs-md {
    margin-bottom: 10px;
  }
  .mb-md-md {
    margin-bottom: 40px;
  }
  .mb-lg-md {
    margin-bottom: 80px;
  }
  .mb-xl-md {
    margin-bottom: 160px;
  }
  .ml-0-md {
    margin-left: 0;
  }
  .ml-xs-md {
    margin-left: 5px;
  }
  .ml-md-md {
    margin-left: 20px;
  }
  .ml-lg-md {
    margin-left: 40px;
  }
  .ml-xl-md {
    margin-left: 80px;
  }
  .mt-0-md {
    padding-top: 0;
  }
  .mt-xs-md {
    padding-top: 10px;
  }
  .mt-md-md {
    padding-top: 40px;
  }
  .mt-lg-md {
    padding-top: 80px;
  }
  .mt-xl-md {
    padding-top: 160px;
  }
  .mr-0-md {
    padding-right: 0;
  }
  .mr-xs-md {
    padding-right: 5px;
  }
  .mr-md-md {
    padding-right: 20px;
  }
  .mr-lg-md {
    padding-right: 40px;
  }
  .mr-xl-md {
    padding-right: 80px;
  }
  .mb-0-md {
    padding-bottom: 0;
  }
  .mb-xs-md {
    padding-bottom: 10px;
  }
  .mb-md-md {
    padding-bottom: 40px;
  }
  .mb-lg-md {
    padding-bottom: 80px;
  }
  .mb-xl-md {
    padding-bottom: 160px;
  }
  .ml-0-md {
    padding-left: 0;
  }
  .ml-xs-md {
    padding-left: 5px;
  }
  .ml-md-md {
    padding-left: 20px;
  }
  .ml-lg-md {
    padding-left: 40px;
  }
  .ml-xl-md {
    padding-left: 80px;
  }

}


/*
 * Golf.css
 */
 
.FOCUS{ background-color:#fcf8e3; font-weight:bold;}
.font-size-small {
    -webkit-transform: scale(0.88);
    transform: scale(0.88);
    font-size: 12px !important;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 0px;
}
.font_focus {
    font-size: 16px;
    font-weight: bold;
}

.sum_1, .sum_1 a{ /*font-size:15px;*/ font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; color:#000000; }
/*.sum_2, .sum_2 a, .sum_4, .sum_4 a, .sum_6, .sum_6 a{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#006633;  }*/
.sum_3, .sum_3 a, .sum_5, .sum_5 a, .sum_7, .sum_7 a{ /*font-size:15px;*/; font-family:Arial, Helvetica, sans-serif; color:#FF0000;  }

input.sale_price_class{text-align:right; width:70px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; padding:3px; height:28px !important; }
input.input_price_class{text-align:right; width:60px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px;  padding:3px; height:28px !important; }

/*
 * Replace
 */
#login_user input, #login_password input, #login_user span, #login_password span{border:1px solid #999; margin-left:-1px;}
.bg-success {
    color: #000 !important;
    background-color: #dff0d8 !important;
}

.navbar-default {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.navbar-inverse{
    background-color: #2C3E50;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FFF;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFF;
	background-color: #ddd;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:none;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
	color:#ddd;	
}
.navbar-default .navbar-toggle{
  color: #fff;
  background-color: #20a8d8;
  border-color: #20a8d8;
  padding: 9px 9px;
  margin-right: 10px;
}
.navbar-default .navbar-toggle:hover{
  color: #fff;
    background-color: #1985ac;
    border-color: #187fa3;
}
.navbar-default .navbar-toggle:focus{
  color: #fff;
    background-color: #1985ac;
    border-color: #187fa3;
}
.navbar-default .navbar-toggle.btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.navbar-default .navbar-toggle.btn-success:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.navbar-default .navbar-toggle.btn-success:focus{
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.navbar-default .navbar-toggle.btn-reverse{
    color: #fff;
    background-color: #777;
    border-color: #ddd;
}
.navbar-default .navbar-toggle.btn-reverse:hover{
    color: #fff;
    background-color: #666;
    border-color: #ccc;
}
.navbar-default .navbar-toggle.btn-reverse:focus{
    color: #fff;
    background-color: #555;
    border-color: #ccc;
}
.navbar-default a.navbar-toggle{
	color: #fff !important;
    background-color: #20a8d8;
    border-color: #20a8d8;
	padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
}
.navbar-default a.navbar-toggle:hover{
	color: #fff;
    background-color: #1985ac !important;
    border-color: #187fa3;
}
.navbar-brand{line-height:30px; padding: 0;}
.navbar-brand img{height:55px; float:left; margin-right:10px; padding:6px;}
.sidebar-nav .sub-nav-li a{ color:#999;}

.btn-danger{color:#fff;background-color:#d9534f !important;border-color:#d43f3a !important;}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c !important;border-color:#ac2925 !important;}
.input-group-btn .btn-default{
  background-color: #eee; margin: 0;
}
.input-group-btn{ margin: 0 !important; }
.btn-group.btn-group .btn{min-height: 33px !important;}
h4.panel-title .close{font-size:18px;}
.list-group{margin-bottom:0;}
.td-condensed{padding:0;}
.modal-footer{}
.js-product-name{white-space: normal !important;}
.J-depot-response, .J-goods-number-response, .J-goods-number{width: 80px !important; min-width: 80px !important;}
.title-response{width: 100% !important; min-width: 180px !important;}
.w120.barcode-response, .w120.text-response{width: 140px !important; min-width: 140px !important;}
@media screen and (max-width: 768px){
.modal-footer{ border:none;}
    table.flex-xs td{ display: flex; }
    table.block-xs td{ display: block; width: auto; }
}
@media screen and (max-width: 580px){
.modal-footer{ border:none;}
.w200.ignore-width{min-width: 140px !important; max-width: 140px; width: 140px!important;}
.title-response{width: 100px !important; min-width: 100px !important; white-space: normal !important;}
.w120.barcode-response{width: 100px !important; min-width: 100px !important;}
.J-depot-response{min-width:40px !important; width:40px !important; max-width: 40px !important; white-space: normal !important;}
.w60.J-goods-number-response, .J-goods-number-response, .J-goods-number{width:40px !important; min-width: 40px !important; max-width: 40px; white-space: normal; padding: 2px;}
.w120.text-response, .text-response{font-size: 12px; line-height: 2; padding: 5px; width: 100px !important; min-width: 100px !important;}
}
@media screen and (max-width: 414px){
.modal-footer{ border:none;}
}
.navbar-brand img {
    max-width: 185px;
}
.m-w50{min-width:50px;}
.m-w60{min-width:60px;}
.m-w80{min-width:80px;}
.m-w100{min-width:100px;}
.m-w120{min-width:120px;}

.padding-0 #SellTable .w80.m-w60{width: 12% !important;}
.padding-0 #SellTable .w80.m-w40{width: 12% !important;}
.padding-0 #SellTable th:nth-of-type(2).w80.m-w60{width: 40% !important;}

.w50-pc{width:50%;}
.w60-pc{width:60%;}
.w80-pc{width:80%;}
.w40-pc{width:40% !important;}
.w39-pc{width:39% !important;}
.w100-pc{width:100%;}
@media screen and (max-width: 560px){
.w50-pc{width:100%;}
.w60-pc{width:100%;}
.w80-pc{width:100%;}
.w100-pc{width:100%;}
}
.w40{width:40px !important; min-width:40px; word-break: break-all;}
.w50{width:50px !important; min-width:50px; word-break: break-all;}
.w60{width:65px !important; min-width:65px; word-break: break-all;}
.w80{width:80px !important; min-width:80px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
	}
.w90{width:90px !important; min-width:90px; word-break: break-all;
  white-space: pre-wrap !important;
  max-width:none;
}
.w100{width:100px !important; min-width:100px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;}
.w120{width:120px !important; min-width:120px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;}
.w130{width:130px !important; min-width:130px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;}
.w150{width:150px !important; min-width:150px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;}
.w180{width:180px !important; min-width:180px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;}
.w200{width:200px !important; min-width:200px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
	}
.w200 a{font-weight:bold;}
.w240{width:240px !important; min-width:240px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
  }
.w250{width:250px !important; min-width:250px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
	}
.w250 a{font-weight:bold;}
.w260{width:260px !important; min-width:260px; word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
  }
.w260 a{font-weight:bold;}
.pro-title a{font-weight:bold; min-width:250px; width:250px !important; display:block;
	word-break: break-all;
    white-space: pre-wrap !important;
    max-width:none;
}
.col-md-6{padding:0;}
.col-md-12{padding:0;}
#SALE_TABLE .col-md-7{
    padding-left: 15px;
	padding-right:0;
}
#SALE_TABLE .col-md-5{
    padding-left:0;
	padding-right: 15px;
}

#PRODUCT_TABLE .table, #BILL_TABLE .table{margin-bottom:0}
#BILL_TABLE .table td, #BILL_TABLE .table th{height:51px;}
#BILL_TABLE div.col-md-12 .table-condensed td, #BILL_TABLE  div.col-md-12 .table-condensed th{height:auto;}
th[nowrap].active{white-space: nowrap;}
.pos_setup_table table{margin-top:-4px;}
.pos_setup_table table td{ background-color:#FFF;}

.GAEzb{float:right; vertical-align:middle; line-height:34px; width:auto; padding:0; margin:0;}
.GAEzb .pagination{margin:0 10px;}
.GAEzb select, .GAEzb input{margin:0 10px; float:left;}
.GAEzb .form-control{padding:3px;}
.GAEzb span, .GAEzb label{float:left;}
.sidebar .panel-group .panel, .sidebar .panel-group .panel-heading{
	border-radius: 0px;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
    margin-top: -1px;
	}
.table tr th, .table tr td{ vertical-align:middle !important;}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 4px;
	padding-left:8px;
	padding-right:8px;
}
.table img{max-width:72px; height:72px; object-fit: contain; background-color: #FFF; object-position: center center;}
.table img#product-main-pic{max-width:210px; height:210px;object-fit: contain; background-color: #FFF; object-position: center center;}
.table img#member-main-pic{max-width:240px; height:240px;object-fit: contain; background-color: #FFF; object-position: center center;}

.panel.inverse .active, .pos_setup_title{ background-color:#999; color:#FFF;}
#panel_search{
	position:fixed;
	margin-right:15px;
	clear:both;
	z-index:200;
}
form #collapseOne.collapse.in, form .toggled-2 #collapseOne.collapse.in{min-width: auto;}
#panel_search input.form-control, #panel_search select.form-control{
  /* margin:2px; */
}
#panel_search input.form-control.date-picker{
  margin:0; width: 100%; /*max-width: 148px;*/
}
.btn{margin:2px;}
.btn-search-d{
    width: auto !important;
    margin-top: -42px;
    padding-right: 10px;
    margin-left: 15px;
}
.btn-search-d .btn-default{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.btn-search-d .text-right{width: auto !important; min-width: 650px;}
#panel_search .panel-title{
  margin-top: 5px; margin-bottom: 5px;
}
.th_title {
    white-space: normal !important;
}
#numtable-mobi{
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    position: fixed;
    box-sizing: border-box;
    bottom: 10px;
    z-index: 999;
}
#numtable-mobi li{width: 15%;}
#numtable-mobi .btn{
  margin:3px; font-size: 24px; font-weight: bold; min-width: 90%;
}
@media screen and (max-width: 960px) and (max-height: 560px ){
  #numtable-mobi{ width: 40%;}
  #numtable-mobi .btn{ padding: 5px; font-size: 20px;}
}
@media screen and (max-width: 414px){
	#panel_search{  margin-right:15px;}
}
@media screen and (max-width: 375px){
  #panel_search{ margin-right:15px; }
}
.mobi-able{display:none;}
.copyright{line-height:1.2;}
.static{ position:static !important;}
.TB_content_list2 td, td.product_num {padding:0 !important; margin:0;}
.prograss-bar{text-indent: 25px; height: 34px; line-height: 34px;}
.prograss-bar.bg-info{background-color: #ddcff3;}
.prograss-bar.bg-success{background-color: #ddcff3 !important;}

#toast-container,#DataTables_Table_0_wrapper .row #DataTables_Table_0_wrapper .row:nth-of-type(1), #DataTables_Table_0_wrapper .row:nth-of-type(3){display:none; border:none;}
.card{margin:0; padding:0; border:none;}
.card.border{border: 1px solid #d1d4d7;}


.card-block{padding:0;}
.bg-cc{ background-color: #2c3e50; }
.btn.p-x-2{ border-radius:4px;}



@media screen and (max-width: 769px){
	.mobi-disable2{display:none !important;}
  .mobi-able{display:none;}
	}
@media screen and (max-width: 768px){
  .mobi-able{display:block;}
  .mobi-disable{display: none;}
  #collapseOne.collapse.in{min-width: auto;}
  .toggled-2 #collapseOne.collapse.in{min-width: auto;}
  #panel_search input.form-control.date-picker{ /*width: auto;*/ max-width: none;}
  h2.sub-header{ margin-top:10px; margin-bottom:5px; font-size:23px; }
  .m-w60{max-width: 60px !important; width: 60px !important; min-width: 60px !important;}
  .padding-0 #SellTable th:nth-of-type(2).w80.m-w60{width: 60px !important;}
  .padding-0 #SellTable .w80.m-w60{width: 60px !important;}
  .m-w40{max-width: 40px !important; width: 40px !important; min-width: 40px !important;}
  .padding-0 #SellTable .w80.m-w40{width: 40px !important;}
  .m-w35{max-width: 35px !important; width: 35px !important; min-width: 35px !important;}
  .m-w30{max-width: 30px !important; width: 30px !important; min-width: 30px !important;}
  .GAEzb{ line-height:40px; }
}
@media screen and (max-width: 767px){
.card.border {padding-bottom: 50px !important;}
.form-group{ margin-top:10px; margin-bottom:0;}
.mobi-disable{display:none !important;}
.mobi-able{display:table-cell !important;}
.mobi-able-submit{display:block;}
.table tr th, .table tr td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle !important;
    border-top: 1px solid #ddd;
}
.navbar-form .col-lg-12 {
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}
.panel-body.mobi-able{
  display: block !important;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 4px;
}
.btn-search-d .text-right{line-height: 50px;}
.GAEzb .pagination{margin:3px 2px;}
.GAEzb select, .GAEzb input{margin:4px; float:left; height:30px;}
.navbar-right.margin-right-2{ margin-right: -15px !important;}
#SALE_TABLE .row .col-md-7{
    padding-left: 15px;
}
#SALE_TABLE .row .col-md-5{
    padding-left: 15px;
}
}
@media screen and (max-width: 560px){
.btn-search-d .text-right{min-width: auto; line-height: 50px;}
.select-group .w130{width: 100% !important; margin: 2px 0;}
}
@media screen and (max-width: 414px){
  #collapseOne.collapse.in{min-width: auto;}
  .toggled-2 #collapseOne.collapse.in{min-width: auto;}
	.navbar-form .col-lg-12 {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.table .form-control{margin-top:2px; margin-bottom:2px;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
#SALE_TABLE .col-md-7{
    padding-left: 15px;
}
#SALE_TABLE .col-md-7 table{min-width:550px; width:550px;}
#SALE_TABLE .col-md-5{
    padding-left: 15px;
}
#SALE_TABLE .col-md-5 table{min-width:550px; width:550px;}
}
@media screen and (max-width: 360px){
.navbar-brand img{max-width:170px; padding:12px; margin-right: 10px; height: 55px;}
}
@media screen and (max-width: 320px){
.navbar-brand img{padding:12px;}
}

/* img-large 商品圖放大 */
.img-product {
  position: relative;
  width: 60px;
  height: 60px;
}
.img-product a {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.img-product a .img-large {
  position: absolute;
  display: none;
  left: 80px;
  top: 0;
  bottom: auto;
  width: auto;
  height: auto;
  border: 5px solid #ccc;
  border-radius: 5px;
  background-color: #FFF;
}

.img-product a .img-large.img-bottom {
    top: auto;
    bottom: 0;
}
.img-large img {
  width: auto;
  height: auto;
  max-width: 512px;
}
.img-product a:hover .img-large, .img-product a:active .img-large, .img-product a:focus .img-large, .img-product img:hover .img-large, .img-product img:active .img-large, .img-product img:focus .img-large {
  display: block;
}
 @media screen and (max-width: 768px) {
.img-product a .img-large {
  /*position: fixed;
  left: 20%;
  top: 20%;
  width: 95%;
  right: 20%;*/
  z-index: 1001;  
  max-width: 300px;
}
.img-large img {
  width: auto;
  height: auto;
}
.table-responsive .col-md-6{margin-left: 0 !important;}
.table-responsive>.table>tbody>tr>td.font-size-16{ white-space: normal; min-width: 250px; max-width: 250px;}
.column_ctrl{max-width: 250px !important; min-width: auto !important;}
}
 @media screen and (max-width: 414px) {
.img-product a .img-large {
  position: fixed;
  left: 3%;
  top: 30%;
  width: 95%;
  z-index: 1001;
  right: 3%;
}
.img-product a .img-large.img-bottom {
    top: 30%;
    bottom: auto;
}
.img-large img {
  width: 100%;
  height: auto;
}
}