@charset "utf-8";
@import url(../css/grid-desktop.css);
@import url(../css/buttons.css);
@import url(../css/forms.css);
@import url(../css/tables.css);
@import url(../js/dropdown/dropdown-menu.css);
@import url(../js/datatable/jquery.dataTables.css);
@import url(../css/notification.css);
@import url(../css/table-popup.css);
button,html,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;-moz-box-sizing:content-box;box-sizing:content-box}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:after,q:before{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ol,nav ul{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
legend{border:0;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100%!important}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}
.pull-right{float:right}
.pull-left{float:left}
.hidden{display:none;visibility:hidden}
.hidden-desktop{display:none!important}
.hidden-phone{display:block!important}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.enter-content p{line-height:150%;margin:0}
article.enter-content table{max-width:940px!important;border-color:#DDD}
.enter-content table th{font-weight:700}
.enter-content table td,.enter-content table th{padding:9px 10px;text-align:left}
.inline-block-fix{display:inline-block;zoom:1}
.grid-container{padding-left:0;padding-right:0;max-width:98%;width:1400px;min-width:1180px}
.grid-10,.grid-100,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-5,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,.mobile-grid-10,.mobile-grid-100,.mobile-grid-15,.mobile-grid-20,.mobile-grid-25,.mobile-grid-30,.mobile-grid-33,.mobile-grid-35,.mobile-grid-40,.mobile-grid-45,.mobile-grid-5,.mobile-grid-50,.mobile-grid-55,.mobile-grid-60,.mobile-grid-65,.mobile-grid-66,.mobile-grid-70,.mobile-grid-75,.mobile-grid-80,.mobile-grid-85,.mobile-grid-90,.mobile-grid-95{padding-left:10px;padding-right:10px}
.grid-parent{padding-left:0;padding-right:0}
.grid-parent-left{padding-left:0}
.grid-parent-right{padding-right:0}
.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-family:ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:400}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.req{color:#C00}
body{font-family:"Helvetica Neue","Heiti TC",微軟正黑體,"Microsoft JhengHei",Arial,sans-serif;font-size:14px;line-height:150%;color:#333;background-color:#F9F9F9;margin:1px 0;height:100%;max-height:100%;min-height:100%;padding:0;display:block}
a{color:#333;text-decoration:none}
a:focus,a:hover{color:#555;text-decoration:underline}
.enter-content p{line-height:150%}
.paper-shadow{box-shadow:0 1px 4px 0 rgba(0,0,0,.17);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.17);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.17)}
.wrapper{padding-bottom:45px;min-height:100%;height:auto!important;height:100%;position:relative}
header{border-bottom:1px solid #e2e9e6;background-color:#FFF;width:100%;height:70px;position:relative;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}
header a{outline:0}
header h1{margin:0;padding-right:15px;line-height:70px;height:70px;font-size:20px;border-right:1px solid #e2e9e6;display:inline-block;zoom:1;float:left;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
header nav{display:inline-block;zoom:1}
header nav>ul{list-style:none;margin:0;padding:0;font-size:0}
header nav>ul>li{display:inline-block;zoom:1;position:relative;font-size:14px}
header nav>ul>li>a{font-size:15px;font-weight:700;display:block;padding:0 12px;line-height:70px;height:70px;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
header nav>ul>li>a:focus,header nav>ul>li>a:hover{color:#39474E;text-decoration:none}
header nav>ul>li.active>a{color:#39474E}
header .account-control{float:right;line-height:70px;height:70px;padding-left:15px;border-left:1px solid #e2e9e6;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
header .user-list{list-style:none;margin:0;padding:0;display:inline-block;zoom:1}
header .user-list>li{position:relative}
header .user-list>li>a{font-size:15px;font-weight:700;display:block;padding-right:15px;line-height:70px;height:70px;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
header.isStuck h1{line-height:45px;height:45px}
header h1 img{ max-height: auto;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header.isStuck h1 img{ max-height: 30px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header.isStuck{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.15);-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,.15);box-shadow:0 3px 3px 0 rgba(0,0,0,.15);height:45px;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}
header.isStuck nav>ul>li>a{line-height:45px;height:45px}
header.isStuck .account-control{line-height:45px;height:45px}
header.isStuck .user-list>li>a{line-height:45px;height:45px}
#content{padding:20px 0}
.breadcrumb{background:#39474E;padding:25px 0;color:#FFF}
.breadcrumb h2{margin:0;padding:0;text-shadow:#000 0 1px 0}
.breadcrumb span.divider{padding:0 15px}
.box{width:100%;background:#FFF;border-top:2px solid #39474E;box-shadow:0 1px 1px rgba(0,0,0,.05);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box .box-title{color:#FFF;background:#39474E;padding:10px 18px 12px 18px;font-weight:700;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.box .box-title span{font-weight:400;font-size:14px}
.box .box-title a{font-weight:400;font-size:14px;color:rgba(255,255,255,.5)}
.box .box-title a:hover{color:rgba(255,255,255,1)}
.box .box-content{padding:25px 25px 25px 25px}
.box .box-content .enter-content{padding:15px;background:#F0F3F9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative}
.box .box-content .box-content-title{margin-top:0;text-align:center;font-size:30px}
.org_bot_cor{width:0;height:0;font-size:0;border-width:10px;border-style:solid;border-color:transparent transparent #F0F3F9;overflow:hidden;position:absolute;left:30px;top:-20px}
.box .box-content .enter-content-title{margin-bottom:15px;font-size:12px}
.box .box-content .enter-content-title span{color:#888}
.box .box-content .enter-content-title span.name{color:#F60}
ul.scrollbox{list-style:none;margin:0 0 8px 0;padding:0;background:none repeat scroll 0 0 #fff;border:1px solid #ccc;height:200px;overflow-y:scroll;width:400px}
.scrollbox li{padding:8px}
.scrollbox li input{margin:0 3px 0 0;padding:0}
.scrollbox li:nth-child(odd){background:none repeat scroll 0 0 #fff}
.scrollbox li:nth-child(even){background:none repeat scroll 0 0 #F7F7F7}
footer{text-align:center;background:#FFF;-webkit-box-shadow:0 -3px 5px -3px rgba(0,0,0,.15);-moz-box-shadow:0 -3px 5px -3px rgba(0,0,0,.15);box-shadow:0 -3px 5px -3px rgba(0,0,0,.15);color:#888;line-height:45px;height:45px;position:fixed;bottom:0;width:100%;height:45px;font-size:12px;z-index:1000}
.login-container{position:absolute;width:100%;top:0;left:0;right:0;bottom:0;min-height:400px;height:100%;border-top:5px solid #39474E}
.login-container p{margin-bottom:20px}
.login{max-width:380px!important;background:#fff;position:relative;margin:auto;padding:30px 20px}
.login h2{margin:0 0 12px 0;padding:0}
.customer-data h1.title{margin:0 0 8px 0;padding:0;font-size:36px;line-height:1.1}
.customer-data h1>span{margin-right:5px}
.customer-data h3.number{margin:0 0 8px 0;padding:0;color:#063;font-size:18px}
.customer-data span.divider{padding:0 8px;opacity:.4;filter:alpha(opacity=40)}
.filter{-webkit-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.25);
box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.25);background:#F7F7F7;padding:25px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.sms-confirm-content{padding:.6em .8em;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sms-confirm-number{list-style:none;margin:0;padding:0}
.sms-confirm-number li{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px 10px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}
.statistics-number{padding:10px 0;text-align:center;display:block}
.statistics-number b{font-weight:400;font-size:2em;font-family:Arial,Helvetica,sans-serif;margin:0 3px}
.statistics-title{margin:0 0 20px 0;padding:0;font-size:28px;text-align:center;line-height: 100%;}
.icon-success{font-size:15em;text-align:center;color:#0C0}
span.add-on{margin-left:3px}
span.common{color:#F60}
span#charNum{font-size:12px;margin-top:5px}
span.expired{color:red}
span.warning{color:#f0ad4e}
.tips-color{list-style:none;margin:0;padding:0;text-align:center}
.tips-color li{display:inline-block;zoom:1;margin:0 8px;cursor:pointer}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#5cb85c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#F60}
.label-info[href]:focus,.label-info[href]:hover{background-color:#F60}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}
.label{display:inline;padding:.3em .6em;font-size:75%;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
td .label{font-size:14px}
a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
label.complete{padding:3px 8px;margin-right:5px;cursor:pointer;outline:0;position:relative}
label.ccheckbox{background:#5CB85C;color:#FFF;padding-right:15px}
label.ccheckbox:before{width:15px;height:15px;text-align:center;line-height:15px;font-size:14px;background:#FFF;border-radius:500px;color:#5CB85C;content:"\f058";position:absolute;right:-5px;top:-5px;bottom:0}
label.ccheckbox:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}
label.complete input[type=checkbox]{display:inline-block;vertical-align:middle}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}
.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.3);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}
.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}
.modal.fade.in{top:10%}
.modal-header{padding:9px 15px;border-bottom:1px solid #eee}
.modal-header .close{margin-top:2px}
.modal-header h3{margin:0;line-height:30px}
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}
.modal-form{margin-bottom:0}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}
.modal-footer:after,.modal-footer:before{display:table;content:"";line-height:0}
.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
@-webkit-keyframes progress-highlight-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
@-moz-keyframes progress-highlight-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
@-ms-keyframes progress-highlight-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
@-o-keyframes progress-highlight-stripes{from{background-position:0 0}
to{background-position:40px 0}
}
@keyframes progress-highlight-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
.highlight,.highlight:hover{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;background-color:#F2BCBA!important;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)!important;background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)!important;background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)!important;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important
  -webkit-background-size: 40px 40px!important;-moz-background-size:40px 40px!important;-o-background-size:40px 40px!important;background-size:40px 40px!important;-webkit-animation:progress-highlight-stripes 2s linear infinite;-moz-animation:progress-highlight-stripes 2s linear infinite;-ms-animation:progress-highlight-stripes 2s linear infinite;-o-animation:progress-highlight-stripes 2s linear infinite;animation:progress-highlight-stripes 2s linear infinite}
.highlight-danger{background-color:#A1DAF7!important}
.list-quick-box a{display:block;padding:28px 20px;border:1px solid #e2e9e6;text-align:center;font-size:18px;background:#f2f2f2;background-color:#f3f3f3;background-image:-moz-linear-gradient(top,#f8f8f8,#ececec);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ececec));background-image:-webkit-linear-gradient(top,#f8f8f8,#ececec);background-image:-o-linear-gradient(top,#f8f8f8,#ececec);background-image:linear-gradient(to bottom,#f8f8f8,#ececec);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);color:#000;text-decoration:none}
table td sub {padding: 0 3px;background: #080; color: #FFF;}
.contact_1,.contact_2,.contact_3 {padding:20px 0 10px 0; margin-bottom:20px; border-radius:8px;}
.contact_1 {background-color:#dff0d8;}
.contact_2 {background-color:#d9edf7;}
.contact_3 {background-color:#fcf8e3;}
.checkbox_add {display:inline-block; margin-left:5px;}
.pure-tips{margin:0 0 0 1em;display:inline-block;vertical-align:middle;color:#3a87ad}
.required label:first-child:before{content:'* ';color: #F00;}
input[type="text"].required,select.required,textarea.required { border:1px solid #C00 !important}
input[type="text"].warning,select.warning,textarea.warning { border:1px solid #f89406 !important}
.disabled{cursor:not-allowed;background-color: #eaeded !important;color:#cad2d3;}
.tr_return{background-color:#f2dede !important;}
.tr_change{background-color:#fcf8e3 !important;}
#monthly-statement{ max-width: 940px; margin: auto;}
.paging{page-break-before:always;}
.company-name{ margin-bottom:10px; font-size: 26px; line-height: 26px;}
.company-address{ font-size: 14px; line-height: 14px; margin-bottom: 10px;}
.phone-fax{ margin-bottom: 20px;}
.phone-fax > span{ margin: 0 20px;}
.title{ font-size: 28px; line-height: 28px; font-weight: bold; margin-bottom: 20px;}
#detailed-list{ max-width: 1400px; margin: auto;}
#tbody_content tr:first-child .btn_up{display:none}
#tbody_content tr:last-child .btn_down{display:none}
/*upload*/
.upload .btn{cursor:pointer;display:inline-block;*zoom:1;*display:inline;position:relative;overflow:hidden;font-size:14px;vertical-align:middle;border: 1px solid #093;color: #fff!important;background: rgb(28, 184, 65); padding: 5px 15px;border-radius: 3px;}
.upload .btn input{top:-10px;right:-40px;z-index:2;position:absolute;cursor:pointer;opacity:0;filter:alpha(opacity=0);font-size:50px;cursor:pointer}
.upload .btn-txt{position:relative}
.upload .btn .progress{top:0;left:0;right:0;bottom:0;opacity:.5;position:absolute}
.upload .progress .bar{width:0;top:0;left:0;bottom:0;position:absolute;background-color:rgba(0,0,0,0.2);}
.upload .progress { height:30px;}
.clear-btn{display: inline-block;*display: inline;padding: 5px 15px;margin: 0;color: #333;text-shadow: 0 1px 0 #fff;white-space: nowrap;font-size: 14px;text-align: center;vertical-align: middle;-webkit-background-clip: padding;-moz-background-clip: padding;background-clip: padding;cursor: pointer;background-color: #f3f3f3;border: 1px solid #dcdcdc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: .25s;-moz-transition: .25s;-o-transition: .25s;transition: .25s;}
.clear-btn:hover{ text-decoration: none;}
.b-upload{white-space:nowrap}
.b-upload__name,.b-upload__size{display:inline-block;position:relative;overflow:hidden;max-width:150px;vertical-align:middle}
.b-upload__size{color:#666;font-size:12px}
.b-upload .js-files:after{clear:both;content:'';display:block}
.b-upload__dnd{padding:30px;border-radius:5px;margin-bottom:10px;background-color:rgba(0,0,0,.1)}
.b-upload__dnd_hover{color:#fff;background-color:orange}
.b-upload__hint{padding:5px 8px;font-size:12px;white-space:normal;border-radius:3px;background-color:rgba(0,0,0,.08)}
.description{margin-top: 25px;border:1px solid #DDD; background-color: #F7F7F7; padding:15px; border-radius: 4px;color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
span.text-failure{color:#C00}
span.text-success{color:#093}
span.date-format { font-size:12px;}
span.text-processing { color:#F60}
.upload-cover{ border: 1px solid #ddd; padding: 20px 10px; margin-bottom: 20px; border-radius: 5px; background-color: #fcfcfc;}
.upload-cover .img-box{ position: relative; margin-bottom: 20px;}
.upload-cover .img-box .btn-box{ position: absolute; left: 0; top: 0; display: flex; align-items: center; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5);justify-content: center; opacity: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.upload-cover .img-box:hover .btn-box{ opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.upload-cover .img-box .btn-box .btn{ display: block; margin: 10px;text-align: center; padding: 10px; background-color: #337ab7;color: #fff; border-radius: 5px;}
.upload-cover .img-box .btn-box .more{ background-color: #337ab7;}
.upload-cover .img-box .btn-box .del{color: #fff; position: absolute; top: 5px; right: 10px;}
.upload-cover .img-box .btn-box .btn:hover,.upload-cover .img-box .btn-box .btn:focus{ text-decoration: none; outline: none;}

.draglist{ margin: 0;}
.draglist > li{ list-style-type: none;}
.print-label{ font-size: 9px; line-height: 140%;margin-left:10px; padding-left: 15px;}
.print-label p{ margin: 0;}
.print-label.barcode{margin-top: 5px;padding-left: 0;}
.print-label img{ width: 62%;max-height: 40px;}
.list-stock{ margin: 0;padding: 0;min-width: 90px;}
.list-stock > li{list-style-type: none;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #ddd;}
.list-stock > li:last-child{ margin: 0;padding: 0;border: none;}

/**abin add 20180709**/
.pure-control-group label.radio_inline {display:inline;font-weight:normal;}
.flashing_remind { background: #F7F7F7; padding: 5px 8px; border-radius: 3px; }
h3.statistics-title { margin:0 0 15px 0; padding:0; font-size:2em}
.page-block-group { margin-bottom: 1em }
.page-block-group label.title { font-weight: bold; font-size:15px; display: block; margin-bottom: 5px; }
.page-block-group .timing { margin-top: 8px; }
.page-controls { text-align: center; }
.page_function_buttom a { margin:0 3px; }
.box_foot_area {padding:20px 30px; text-align: center; background: #FFF url(../img/bg_line.png); border-top: 1px solid #e2e9e6}
span.text-failure{color:#C00}
span.text-success{color:#093}
span.date-format { font-size:12px;}
span.text-primary{color:#337ab7}
span.text-processing { color:#F60}
.words-single-line{white-space: nowrap;}
.requiredError{border: 1px solid #C00 !important;}


/*Ken add 20211124*/
.box .box-title .pure-button{color:#fff;}
.supplier-list{ margin: 0 20px 0 0;padding: 0;}
.supplier-list > li{ list-style-type: none;margin-bottom: 10px;}
.supplier-list > li > a{ display: block; padding:10px 20px; background-color: #39474E;color: #fff;border-radius: 5px;border: 2px solid #39474E;transition: all 0.3s ease;}
.supplier-list > li > a:hover,.supplier-list > li > a:focus,.supplier-list > li.active > a{ color: #39474E;background-color: #fff;text-decoration: none;outline: none;}