@charset "UTF-8";
/* CSS Document */
body{
font-size:13px;	
letter-spacing:1px;
	}	
a{
color:#64A8D7;	
	}	
a:hover{
color:#5996BF;
text-decoration:underline;	
	}	
.form-control{
letter-spacing:1px;	
	}	
body > .header .logo:hover{
text-decoration: none;
	}	
.right-side > .content-header > h1{
font-family:"Microsoft JhengHei","Heiti TC";
	}	
.right-side > .content-header > h1 .btn-group{
min-width:150px;
	}		
.navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header{
font-size:13px;	
	}
.content{
	/*被限制了 拿掉*/
/*max-width:1200px;	*/
	}
	/*自訂區*/
	/*bootstrap tooltip 修改*/
.tooltip{font-size: 14px;}
.tooltip > .tooltip-inner {background-color: #72949d; color: #ffffff; opacity:1;}
.tooltip.bottom .tooltip-arrow { border-bottom-color: #72949d; opacity:1;}
.col-sm-1 .tooltip-inner {/*只修正格子過小造成的換行*/
    min-width: 120px; /* the minimum width */
}	
	/*自訂區 end*/
.content-00{
max-width:1300px;	
	}	
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4{
margin-left:5px;	
	}	
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p{
margin-left:5px;	
letter-spacing:1px;
	}	
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion, .box .box-header .box-title{
font-size:15px;
letter-spacing:2px;
font-weight:bold;	
	}	
.box .box-header{
border-bottom:2px solid #eee;	
padding-bottom:0px;	
	}	
.box .box-body{
	}
table.table-search tr td{
padding:7px;	
	}	
.btn{
font-size:14px;
letter-spacing:1px;
font-family:"Microsoft JhengHei","Heiti TC";
outline:none;
	}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{
outline:none !important;
	}	
table.table-deta thead tr td{
/*font-weight:bold;	 //180902取消表格標題粗體*/
	}	
table.table-deta tbody tr td a.link{
text-decoration:underline;	
	}	
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
vertical-align:middle;
letter-spacing:1px;
	}
.sidebar .sidebar-menu > li > a{
font-size:15px;
font-family:"Microsoft JhengHei","Heiti TC";
	}			
.box .box-footer{
border-top:1px solid #eee;	
	}
.modal-dialog{
/*width:400px;*/
margin-top:100px;	
	}	
.modal-title{
font-size:15px;
letter-spacing:2px;
font-weight:bold;	
	}		
textarea.textarea{
font-size:13px;
letter-spacing:1px;
line-height:16px;	
	}	
.btn-grey,.btn-grey:hover,.btn-grey:focus{
background:#777;
color:#fff;	
border:1px solid #666;
margin:0px !important;
	}
table{
margin-top:10px;	
	}	
hr{
border-top:1px solid #ddd;	
	}			
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p{
width:220px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;	
	}	
.box.box-solid.box-muted > .box-header{
background:#ccc;	
	}		
.box.box-solid.box-danger > .box-header a{
color:#fff;	
	}	
.box-title small{
color:#eee;	
	}	
.modal-body table tr td{
padding:5px;	
	}	
.right-side > .content-header > h1 .btn-group{
margin-left:10px;	
	}	
.sidebar .sidebar-menu .treeview-menu > li{
letter-spacing:1.5px;	
	}	
.sidebar .sidebar-menu .treeview-menu > li > a{
	/*tim 0606 調整成5 對齊*/
padding-left:50px;	
	}	
.sidebar .sidebar-menu .treeview-menu > li > .treeview-menu > li > a{
padding-left:40px;	
font-size:13px;
	}		
.form-group label{
font-size:14px;
letter-spacing:1.5px;
color:#444;	
	}
.select{
	border:1px solid #ccc;
	padding:3px 10px;
	width:100%;
	background: url("../img/ddown.svg?3") #fff;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px 15px;
	appearance: none;
	-webkit-appearance:none;	
	-moz-appearance: none;
	font-size:14px;
	border-radius:3px;
	height:30px;
	color:#444;
	margin-bottom: 10px;/*  bryan */
}		
.select option{
	padding:3px 5px;	
	color:#444;
}	
.w-3{
width:3%;	
	}			
.w-5{
width:5%;	
	}	
.w-7{
width:7%;	
	}		
.w-10{
width:10%;	
	}	
.w-15{
width:15%;	
	}	
.w-20{
width:20%;	
	}	
.w-25{
width:25%;	
	}	
.w-30{
width:30%;	
	}	
.w-40{
width:40%;	
	}	
.w-50{
width:50%;	
	}	
.w-55{
width:55%;	
	}
.w-60{
width:60%;	
	}
.w-65{
width:65%;	
	}	
.w-75{
width:75%;	
	}	
.w-85{
width:85%;	
	}
.w-90{
width:90%;	
	}																																			
.pic_sm{
width:100%;	
	}	
.pic_sm img{
width:100%;	
	}	
	/*0610 取消別的tooltip設定*/
/*.tooltip.top .tooltip-arrow{
border-top-color:#333;	
	}	
.tooltip-inner{
background:#333;
min-width:40px;	
	}*/
.text-success{
color:#00BD9C;	
	}
.text-primary{
color:#39516A;	
	}
.text-info{
color:#70b8ff;	
	}
.text-warning{
color:#FFBF00;	
	}	
.text-danger{
color:#DB5356;	
	}
.text-grey{
color:#777;	
	}	
.nav-tabs{
border-bottom:none;	
	}	
.nav-tabs > li{
top:3px;
letter-spacing:1.5px;
	}	
.nav-tabs > li > a{
background:#f1f1f1;	
border:none;	
border-radius:0px;
color:#aaa;
padding:9px 15px;
font-size:15px;
	}
.nav-tabs > li > a:hover{
background:#fff;
border:none;	
color:#666;
	}
.nav-tabs > li.active{
margin-bottom:-1px;	
top:0px;
	}				
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
border:none;
/* border-top:2.5px solid #F17078; */
box-shadow:inset 0px 1px 0px #F17078;
background:#fff;	
padding:9px 15px;
	}	
.tab-content{
background:#fff;	
padding:15px;	
border-bottom:2px solid #ddd;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
	}	
.tab-content .tab-footer{
padding-top:15px;
margin-top:15px;
	}	
.pic_item{
width:16%;
float:left;
margin:10px 2%;	
position:relative;
text-align:center;
	}
.pic{
width:130px;	
height:130px;
overflow:hidden;
margin:0px auto 10px auto;
border:2px solid #bbb;
border-radius:3px;
background:url(../img/pic_bg.png) no-repeat;
background-size:cover;
background-position:center center;
line-height:123px;
	}	
.pic img{
max-height:100%;
max-width:100%;
vertical-align:middle;	
	
	}
.pic_item a.delete{
position:absolute;	
top:-5px;
right:-5px;
width:28px;
height:28px;
text-align:center;
line-height:28px;
color:#fff;
border-radius:50%;
background:rgba(0,0,0,0.9);
	}
.tab-content .form-group{
border-bottom:1px solid #eee;
padding-bottom:15px;
padding-top:15px;	
	}	
.tab-content .form-group label.col-sm-2{
/* width:10%; */  /* bryan */
margin-bottom:0px;
vertical-align:middle;
	}	
.tab-content .form-group label.col-sm-3{
/* width:13%; */  /* bryan */
margin-bottom:0px;
vertical-align:middle;
font-size:13px;
	}				
.tab-content .form-group .input-group{
	}	
.form-group .input-group-addon.pull-right{
border-top-right-radius:3px !important;
border-bottom-right-radius:3px !important;
width:28px;
height:28px;
padding:0px;
text-align:center;
line-height:28px;
position:absolute;
right:16px;
top:1px;
border:none;
border-left:1px solid #ddd;
	}
.form-group .input-group-addon.pull-left{
border-top-left-radius:3px !important;
border-bottom-left-radius:3px !important;
width:28px;
height:28px;
padding:0px;
text-align:center;
line-height:28px;
position:absolute;
left:16px;
top:1px;
border:none;
border-right:1px solid #ddd;
	}
input.form-control.datepicker{
padding:6px 12px;	
letter-spacing:1px;
	}	
input.form-control-double-icon{
padding-left:35px;
padding-right:35px;	
	}	
input.form-control-left-icon{
padding-left:35px;
	}	
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{
background:#2abaab;	
	}	
.text-flag{
position:relative;	
	}	
.text-flag .form-control{
	/*180522 取消*/
/*padding-left:30px;	*/
	}	
.text-flag span.flag{
position:absolute;
width:15px;
top:3px;
left:10px;
	}	
.text-flag span.flag img{
width:15px;
	}	
.text-flag-padding{
margin:5px 0px;
	}	
ul.nav-tabs-pill{
margin:auto;
text-align:center;	
border-bottom:1px solid #eee;
padding-bottom:15px;
	}	
ul.nav-tabs-pill li{
float:none;
display:inline-block;
top:0px;
margin-left:-4px;
overflow:hidden;
	}	
ul.nav-tabs-pill li a{
background:#999;
color:#fff;
padding:5px 10px;
font-size:12.5px;
margin-right:0px;
border-right:1px solid #777;
	}
ul.nav-tabs-pill li a:hover{
background:#888;
color:#fff;
border-right:1px solid #777;
	}
ul.nav-tabs-pill li.active a,ul.nav-tabs-pill li.active a:hover,ul.nav-tabs-pill li.active a:focus{
background:#666;
color:#fff;
border-top:none;
padding:5px 10px;
font-size:12.5px;
	}	
ul.nav-tabs-pill li:first-child{
border-top-left-radius:20px;
border-bottom-left-radius:20px;
	}	
ul.nav-tabs-pill li:last-child{
border-top-right-radius:20px;
border-bottom-right-radius:20px;
	}																																								
.tab-content-pill{
border-bottom:none;	
	}	
.note-fontclr ul.dropdown-menu{
width:350px;	
	}	
.note-fontclr ul.dropdown-menu li .btn-group{
margin:0px 5px;
	}	
table.table tr td .text-flag{
margin:10px 0px;	
	}	
table.table tr td .form-group{
margin:0px;
border-bottom:none;
	}	
.form-select-input{
position:relative;	
	}		
.form-select-input .select{
position:absolute;
left:0px;
top:0px;
width:40px;
font-size:15px;
padding-left:2px;
padding-right:10px;
font-weight:bold;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
background-color:#f4f4f4;
	}	
.form-select-input .form-control{
padding-left:45px;	
	}
.table-model{
display:none;	
	}
.sp-model{
	display: none;
}
.sub_title{
letter-spacing:1.5px;	
margin-bottom:15px;
	}				
.sub_title i{
margin-right:5px;	
	}
/*Control Value type*/
#value_text,#value_select{
display:none;	
	}
/*Control Value type*/
.box-header-right-text{
font-size:15px;
font-weight: bold;
color:#aaa;
margin-top:2px;
	}
.text-lg{
font-size:18px;
font-weight:bold;
	}	
.text-md{
font-size:16px;
font-weight:bold;
	}	
.product-inline-select .parent-select{
width:40%;
margin-right:3%;
display: inline-block;
	}		
.product-inline-select .child-select{
width:55%;
display: inline-block;
	}	
.select2-container--default .select2-selection--single{
border-radius:3px;	
	}	
.select2-container .select2-selection--single{
height:30px;
border:1px solid #ccc;	
	}
.select2-container--default .select2-selection--single .select2-selection__arrow{
right:6px;	
	}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color:#c0c8c9 transparent transparent;	
	}			
.form-select2{
width:100%;	
	}
#discount_money{
display:none;	
	}	
.bg-gray-light{
background:#eee !important;	
	}	
.bg-navy{
background:#34495E !important;	
	}	
.form-box .header{
background:#111;	
	}	
.form-box .tip{
margin-top:10px;
font-weight:bold;
color:#DB5356;
background:#FCD9D6;
border:2px solid #EF717A;	
border-radius:5px;	
padding:7px;
	}	
#fileLoader{
display:none;	
	}
.modal-body .modal-tool{
margin-bottom:10px;	
	}	
.modal-body .upload_pic{
max-height:390px;
overflow:auto;	
	}		
.modal-body .upload_pic .pic_item{
border:2px solid #eee;
margin: 5px 1%;
width: 23%;	
padding:10px 0px;
border-radius:5px;
	}
.modal-body .upload_pic .pic_item.active{
border-color:#666;	
	}
.btn.btn-file {
    position: relative;
    width: 120px;
    height: 32px;
    overflow: hidden;
}/*bryan*/
.btn.btn-default { height: 32px;}/*bryan*/
.pabom{    
	background-color: #888888;
    line-height: 52px;
    color: #fff;
    padding-bottom: 7px;
}
/*kc*/

.mar-b-20 {
	margin-bottom: 20px;
}

.pic_xs {

}

.centerimg {
	text-align: center;
	background-color:white;
	width:25%;
	height:auto;
}

.pic_xs img {
	padding: 5px;
	display: inline-block;
}

.ordernotpay {
	background-color: rgba(236,159,159,0.2);
}
.floatright {
	float: right;
	margin-left: 5px;
}

/* .input-group[class*="col15"] {
    float: none;
    padding-right: 15px;
    padding-left: 15px;
    margin:10px 0 10px 0;
} */	
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
	.input-group[class*="col15"] {
	    float: none;
	    padding-right: 15px;
	    padding-left: 15px;
	    margin:10px 0 10px 0;
	}	
}
@media (max-width: 767px) {
}
@media (max-width: 680px) {
}
@media (max-width: 580px) {
}
@media (max-width: 480px) {
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion, .box .box-header .box-title{
letter-spacing:1px;
font-size:13px;
	}	
}
@media (max-width: 380px) {
}
.img250-100 img, .img100-100 img{
	height: 100px;
}
.img250-100 img{
	width: 250px;
}
.img100-100 img{
	width: 100px;
}
.img41-41 img{
	width: 41px;
	height: 41px;
}

input[id*="exFile"], 
	.form-group.has-error .form-control.noColor, 
	.form-group.has-success .form-control.noColor{
	    border-color:#fff !important;
}	
.form-group.has-error .select2-container .select2-selection--single{
	border:1px solid #DB5356;	
}
.dpNone{
	display: none;
}
.COLOR_RED{
	color: :#ff0000;
}
.form-group2.col-sm-12{
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}