html {
  position: relative;
  min-height: 100%;
}

body {
	font:14px/1.5 'Segoe UI','Microsoft Jhenghei','SegoeUIWF', Arial, sans-serif !important;
	margin-bottom:60px !important;
	background: #eff3f8;min-height: 100%;
}

h1, h2, h3, h4, h5, h6, h7 {font-family:'Segoe UI','Microsoft Jhenghei','SegoeUIWF', Arial, sans-serif !important;}
.open>.dropdown-menu {display: block !important}
.pointer{cursor:pointer}
.hint	{font-weight:normal; font-size:12px; color:#999}
.em		{font-weight:bold}

.text-vertical {writing-mode:vertical-lr}

.page-content section {padding:10px; background-color: #fff; box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);}
.page-footer {
 position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;


}

table th,
table td {white-space:nowrap}


@media (max-width: 767px)  { .pull-left-xs {float:left} .pull-right-xs {float:right} .text-center-xs {text-align:center}}
@media (min-width: 768px)  { .pull-left-sm {float:left} .pull-right-sm {float:right} }
@media (min-width: 992px)  { .pull-left-md {float:left} .pull-right-md {float:right} .text-center-md {text-align:center}}
@media (min-width: 1200px) { .pull-left-lg {float:left} .pull-right-lg {float:right} }


.timelineBox {position:relative; padding:20px; list-style:none}
    .timelineBox:before	{position:absolute; top:0; bottom:0; left:42px; display:block; content:" "; width:3px; background-color:#eee}
		.timelineBox > li	{position:relative; margin-bottom:20px}
        .timelineBox .panel {position:relative; margin-left:70px; padding:10px; border:1px solid #d4d4d4; border-radius:2px; box-shadow:0 1px 6px rgba(0, 0, 0, 0.175); background:#fff}
            .timelineBox .panel:before {position:absolute; top:10px; left:-15px; display:inline-block; border-top:15px solid transparent; border-left:0 solid #ccc; border-right:15px solid #ccc; border-bottom:15px solid transparent; content:" "}
            .timelineBox .panel:after  {position:absolute; top:11px; left:-14px; display:inline-block; border-top:14px solid transparent; border-left:0 solid #fff; border-right:14px solid #fff; border-bottom:14px solid transparent; content:" "}

		.timelineBox .title {font-weight:bold}

		.timelineBox .icon {float:left; color:#fff; width:50px; height:50px; line-height:50px; font-size:1.4em; text-align:center; background-color:#999; z-index:100; border-radius:50%}

		.timelineBox .icon.primary {background-color:#2e6da4 !important}
		.timelineBox .icon.success {background-color:#3f903f !important}
		.timelineBox .icon.warning {background-color:#f0ad4e !important}
		.timelineBox .icon.danger  {background-color:#d9534f !important}
		.timelineBox .icon.info	   {background-color:#5bc0de !important}


/* box */
.box {padding:10px 20px; border-radius:5px; background:#fff; color:#656565}
	.box .title	{font-size:1.5em; font-weight:bold; color:#333}
	.box .ext	{font-size:.8em; color:#aaa}
	.box .body	{margin-top:10px}
		.box .tool	{margin-top:10px}



.help-block		{font-size:.8em}
sup.required	{color:#f00}

.navbar {margin-bottom:0 !important; border-radius:0 !important;}

.radio > label,
.checkbox > label {font-weight:normal !important; padding-left:30px !important}

.form-group label {font-weight:bold}

.timeline .timeline-icon		{padding:0; text-align:center; vertical-align:middle}
	.timeline .timeline-icon i	{line-height:80px}

#service-login, 
#service-reset, 
#service-forget	{margin:0 !important; background:#fff}

#service-login  #page, 
#service-reset  #page, 
#service-forget #page	{padding:0}

#service-login  #login, 
#service-reset  #login, 
#service-forget #login	{position:relative; min-height:100vh}

	#service-login  #login .loginBox,
	#service-reset  #login .loginBox,
	#service-forget #login .loginBox {position:relative; padding:0 50px 30px 50px; margin-top:10%;}

	#service-login  .loginBox .form-control,
	#service-reset  .loginBox .form-control,
	#service-forget .loginBox .form-control {margin-bottom:30px; padding:10px 0; border: #a0a9b4; border-bottom: 1px solid; color: #868e97}

	#service-login  .login-bg,
	#service-reset  .login-bg,
	#service-forget .login-bg {overflow:hidden; min-height:100vh}





#admin-production-index {}
	#admin-production-index ul#pool			{padding:0; margin:0; list-style:none}
		#admin-production-index ul#pool li	{margin:5px 0}

		#admin-production-index #pool .item {padding:10px; border:1px solid #aaa}
		#admin-production-index #pool .item .name {font-size:1.2em; font-weight:bold; border-bottom:1px dotted #ccc}
		#admin-production-index #pool .item .spec {font-size:.9em; color:#ccc}
		#admin-production-index #pool .item .company {font-size:.9em; color:#aaa}









#shipment-area-index .itemWarp {padding:0; margin:0; list-style:none}
	#shipment-area-index .itemWarp .itemBox {border:2px solid #ccc; margin:10px; padding:10px; text-align:center; cursor:pointer}
	#shipment-area-index .itemWarp .itemBox.complete {background:#607d8b; color:#fff}
	#shipment-area-index .itemWarp .itemBox:hover {background:#ff5722; color:#fff}




#shipment-area-show .panelBox {float:left; width:30%}
#shipment-area-show .panelBox .orderBox {padding:10px 0}
#shipment-area-show .panelBox .orderBox .itemWrap {float:left; width:20%; padding:0}
	#shipment-area-show .panelBox .orderBox .item {position:relative; padding:10px 5px; margin:5px; border:1px solid #ccc; border-radius:4px; background:#ffeb3b; cursor:pointer}
	#shipment-area-show .panelBox .orderBox .item[complete^='1'] {background:#eff3f8}

#shipment-area-show .panelBox .orderBox .item .showCnt		{margin-right:25px; text-align:center; font-size:1.3em; font-weight:bold}

	#shipment-area-show .panelBox .orderBox .subsn {position:absolute; right:0; top:0; border:1px solid #ccc; width:30px; text-align:center; font-size:12px; background:#fff}

#shipment-area-show .infoBox {text-align: center; overflow:hidden}
#shipment-area-show .infoBox .sn {line-height:1; font-size:30vw; font-weight:bold; color:#f00}



#shipment-package-index	.orderWrap {float:left; overflow-y:auto; width:250px; min-height:450px; margin-right:10px; border:1px solid #ccc; border-radius:5px}

#shipment-package-index .color {width:13px; height:13px; border-radius:13px}


	#shipment-package-index	.orderBox {list-style:none; padding:0; margin:0}
		#shipment-package-index	.orderBox .item {position:relative; list-style:none; padding:10px 0 10px 30px; cursor:pointer; border-bottom:1px dotted #aaa}
		#shipment-package-index	.orderBox .item[complete^='1'] {background:#ddd; color:#999}
		#shipment-package-index	.orderBox .item[current^='1']  {color:#f00}
		#shipment-package-index	.orderBox .item:hover {background:#eee}

		#shipment-package-index	.orderBox .item .color  {position:absolute; top:15px; left:10px;}
		#shipment-package-index	.orderBox .item .status {display:inline-block; width:40px; text-align:center}
		#shipment-package-index	.orderBox .item .no		{display:inline-block; overflow:hidden; white-space:nowrap; vertical-align: middle;}


		#shipment-package-index	.extendWrap {overflow:hidden}
		#shipment-package-index	.extendWrap .orderBarcodeBox	{float:left; width:400px; margin-right:20px}
		#shipment-package-index	.extendWrap .watcherBox			{overflow:hidden; list-style:none; padding:0; margin:0}
		#shipment-package-index	.extendWrap .watcherBox .item	{position:relative; float:left; margin-right:20px; padding-left:20px}
			#shipment-package-index	.extendWrap .watcherBox .color {position:absolute; top:5px; left:0px; float:left; margin-right:20px}

#shipment-package-index	.packageWrap {overflow:hidden; margin-top:20px; padding:5px}

	#shipment-package-index .expand-transition {overflow:hidden; transition:all .1s ease;}

	#shipment-package-index .expand-enter,
	#shipment-package-index .expand-leave {opacity:0}


#shipment-package-index .productionBarcodeBox	{float:left; width:600px; margin:0 20px 20px 0}

#shipment-package-index .production ul {list-style:none; padding:0; margin:0; border-radius:2px; box-shadow:0 0 0 1px #ccc}
	#shipment-package-index .production ul .header	{padding:3px 0; border-bottom:1px dotted #ccc; background-color:#fff; font-size:1.1em; font-weight:bold}
	#shipment-package-index .production ul .item	{padding:3px 0; border-bottom:1px dotted #ccc; color:#c09853; background-color:#fcf8e3}
	#shipment-package-index .production ul .item[complete^='1'] {color:#468847; background-color:#dff0d8}
	#shipment-package-index .production ul .item[current^='1']	{color:#f00; font-size:1.1em; font-weight:bold}

		#shipment-package-index .production ul .item .status	{text-align:center}
		#shipment-package-index .production ul .item .barcode	{text-align:center; color:#ccc}
		#shipment-package-index .production ul .item .name		{font-size:1.2em; font-weight:bold}
		#shipment-package-index .production ul .item .spec		{}

	#shipment-package-index .production .progress	{overflow:hidden; margin-top:10px; height:20px}



    #shipment-package-index .order-transition	{transition:opacity .5s ease}
    #shipment-package-index .order-enter		{opacity:0}
    #shipment-package-index .order-leave		{display:none}
    #shipment-package-index .order-move			{transition:transform .5s cubic-bezier(.55,0,.1,1) }


    #shipment-package-index .package-transition	{transition:opacity .5s ease}
    #shipment-package-index .package-enter		{opacity:0}
    #shipment-package-index .package-leave		{display:none}


    #shipment-package-index .production-transition	{transition:opacity .5s ease}
    #shipment-package-index .production-enter		{opacity:0}
    #shipment-package-index .production-leave		{display:none}
    #shipment-package-index .production-move		{transition:transform .5s cubic-bezier(.55,0,.1,1) }






#shipment-monitor .orderWrap {float:left; overflow-y:auto; width:250px; min-height:450px; margin-right:10px; border:1px solid #ccc; border-radius:5px}

#shipment-monitor .color {width:13px; height:13px; border-radius:13px}


	#shipment-monitor .orderBox {list-style:none; padding:0; margin:0}
		#shipment-monitor .orderBox .item {position:relative; list-style:none; padding:10px 0 10px 30px; border-bottom:1px dotted #aaa}
		#shipment-monitor .orderBox .item[complete^='1'] {background:#ddd; color:#999}
		#shipment-monitor .orderBox .item[current^='1']  {color:#f00}
		#shipment-monitor .orderBox .item:hover {background:#eee}

		#shipment-monitor .orderBox .item .color  {position:absolute; top:15px; left:10px;}
		#shipment-monitor .orderBox .item .status {display:inline-block; width:40px; text-align:center}
		#shipment-monitor .orderBox .item .no     {display:inline-block; overflow:hidden; white-space:nowrap; vertical-align: middle;}


		#shipment-monitor .extendWrap {overflow:hidden}
		#shipment-monitor .extendWrap .watcherBox				{overflow:hidden; list-style:none; padding:0; margin:0}
		#shipment-monitor .extendWrap .watcherBox .item			{position:relative; float:left; margin-right:20px; padding-left:20px}
			#shipment-monitor .extendWrap .watcherBox .color	{position:absolute; top:5px; left:0px; float:left; margin-right:20px}

#shipment-monitor .packageWrap {overflow:hidden; margin-top:20px; padding:5px}

	#shipment-monitor .expand-transition {overflow:hidden; transition:all .1s ease;}

	#shipment-monitor .expand-enter,
	#shipment-monitor .expand-leave {opacity:0}


#shipment-monitor .production ul {list-style:none; padding:0; margin:0; border-radius:2px; box-shadow:0 0 0 1px #ccc}
	#shipment-monitor .production ul .header	{padding:3px 0; border-bottom:1px dotted #ccc; background-color:#fff; font-size:1.1em; font-weight:bold}
	#shipment-monitor .production ul .item	{padding:3px 0; border-bottom:1px dotted #ccc; color:#c09853; background-color:#fcf8e3}
	#shipment-monitor .production ul .item[complete^='1'] {color:#468847; background-color:#dff0d8}
	#shipment-monitor .production ul .item[current^='1']	{color:#f00; font-size:1.1em; font-weight:bold}

		#shipment-monitor .production ul .item .status	{text-align:center}
		#shipment-monitor .production ul .item .barcode	{text-align:center; color:#ccc}
		#shipment-monitor .production ul .item .name		{font-size:1.2em; font-weight:bold}
		#shipment-monitor .production ul .item .spec		{}

	#shipment-monitor .production .progress	{overflow:hidden; margin-top:10px; height:20px}



    #shipment-monitor .order-transition	{transition:opacity .5s ease}
    #shipment-monitor .order-enter		{opacity:0}
    #shipment-monitor .order-leave		{display:none}
    #shipment-monitor .order-move			{transition:transform .5s cubic-bezier(.55,0,.1,1) }


    #shipment-monitor .package-transition	{transition:opacity .5s ease}
    #shipment-monitor .package-enter		{opacity:0}
    #shipment-monitor .package-leave		{display:none}


    #shipment-monitor .production-transition	{transition:opacity .5s ease}
    #shipment-monitor .production-enter		{opacity:0}
    #shipment-monitor .production-leave		{display:none}
    #shipment-monitor .production-move		{transition:transform .5s cubic-bezier(.55,0,.1,1) }


[v-cloak]{ display:none; }



#shipment .tableBox .ord0 {background:#fff}
#shipment .tableBox .ord1 {background:#f5f5f5}



#admin-shipment-current .production ul {list-style:none; padding:0; margin:0; border-radius:2px; box-shadow:0 0 0 1px #ccc}
	#admin-shipment-current .production ul .item	{padding:3px 0;}
	#admin-shipment-current .production ul .item[current^='1']	{font-weight:bold}

		#admin-shipment-current .production ul .item .status	{text-align:center}
		#admin-shipment-current .production ul .item .barcode	{text-align:center; color:#ccc}
		#admin-shipment-current .production ul .item .name		{font-size:1.2em; font-weight:bold}
		#admin-shipment-current .production ul .item .spec		{}


    #admin-shipment-current .order-transition	{transition:opacity .5s ease}
    #admin-shipment-current .order-enter		{opacity:0}
    #admin-shipment-current .order-leave		{display:none}
    #admin-shipment-current .order-move			{transition:transform .5s cubic-bezier(.55,0,.1,1) }


    #admin-shipment-current .production-transition	{transition:opacity .5s ease}
    #admin-shipment-current .production-enter		{opacity:0}
    #admin-shipment-current .production-leave		{display:none}
    #admin-shipment-current .production-move		{transition:transform .5s cubic-bezier(.55,0,.1,1) }


/*returns*/
#admin-returns-show	.orderWrap {float:left; overflow-y:auto; width:250px; min-height:450px; margin-right:10px; border:1px solid #ccc; border-radius:5px}

#admin-returns-show .color {width:13px; height:13px; border-radius:13px}


	#admin-returns-show	.orderBox {list-style:none; padding:0; margin:0}
		#admin-returns-show	.orderBox .item {position:relative; list-style:none; padding:10px 0 10px 30px; cursor:pointer; border-bottom:1px dotted #aaa}
		#admin-returns-show	.orderBox .item[finish^='1'] {background:#ddd; color:#999}
		#admin-returns-show	.orderBox .item[current^='1']  {color:#f00}
		#admin-returns-show	.orderBox .item:hover {background:#eee}

		#admin-returns-show	.orderBox .item .color  {position:absolute; top:15px; left:10px;}
		#admin-returns-show	.orderBox .item .status {display:inline-block; width:40px; text-align:center}
		#admin-returns-show	.orderBox .item .no		{display:inline-block; overflow:hidden; white-space:nowrap; vertical-align: middle;}


		#admin-returns-show	.extendWrap {overflow:hidden}
		#admin-returns-show	.extendWrap .orderBarcodeBox	{float:left; width:400px; margin-right:20px}
		#admin-returns-show	.extendWrap .logisticBox		{float:left; width:400px; margin-right:20px}
		#admin-returns-show	.extendWrap .watcherBox			{overflow:hidden; list-style:none; padding:0; margin:0}
		#admin-returns-show	.extendWrap .watcherBox .item	{position:relative; float:left; margin-right:20px; padding-left:20px}
			#admin-returns-show	.extendWrap .watcherBox .color {position:absolute; top:5px; left:0px; float:left; margin-right:20px}

#admin-returns-show	.packageWrap {overflow:hidden; margin-top:20px; padding:5px}

	#admin-returns-show .expand-transition {overflow:hidden; transition:all .1s ease;}

	#admin-returns-show .expand-enter,
	#admin-returns-show .expand-leave {opacity:0}


#admin-returns-show .productionBarcodeBox	{float:left; width:300px; margin:0 20px 20px 0}

#admin-returns-show .production ul {list-style:none; padding:0; margin:0; border-radius:2px; box-shadow:0 0 0 1px #ccc}
	#admin-returns-show .production ul .header	{padding:3px 0; border-bottom:1px dotted #ccc; background-color:#fff; font-size:1.1em; font-weight:bold}
	#admin-returns-show .production ul .item	{padding:3px 0; border-bottom:1px dotted #ccc; color:#c09853; background-color:#fcf8e3}
	#admin-returns-show .production ul .item[finish^='1'] {color:#468847; background-color:#dff0d8}
	#admin-returns-show .production ul .item[current^='1']	{color:#f00; font-size:1.1em; font-weight:bold}

		#admin-returns-show .production ul .item .status	{text-align:center}
		#admin-returns-show .production ul .item .barcode	{text-align:center; color:#ccc}
		#admin-returns-show .production ul .item .name		{font-size:1.2em; font-weight:bold}
		#admin-returns-show .production ul .item .spec		{}

	#admin-returns-show .production .progress	{overflow:hidden; margin-top:10px; height:20px}



    #admin-returns-show .order-transition	{transition:opacity .5s ease}
    #admin-returns-show .order-enter		{opacity:0}
    #admin-returns-show .order-leave		{display:none}
    #admin-returns-show .order-move			{transition:transform .5s cubic-bezier(.55,0,.1,1) }


    #admin-returns-show .package-transition	{transition:opacity .5s ease}
    #admin-returns-show .package-enter		{opacity:0}
    #admin-returns-show .package-leave		{display:none}


    #admin-returns-show .production-transition	{transition:opacity .5s ease}
    #admin-returns-show .production-enter		{opacity:0}
    #admin-returns-show .production-leave		{display:none}
    #admin-returns-show .production-move		{transition:transform .5s cubic-bezier(.55,0,.1,1) }