@charset "UTF-8";

body {
	padding-top: 60px;
	padding-bottom: 10px;
}

.sidebar-nav {
	padding: 9px 0;
}


.page-form-input hr {
	margin: 5px 0;
}

.page-form-input .box-00 select {
	margin-bottom: 0;
}

.page-form-input .box-00 .control-group{
	margin-bottom: 0;
}

.page-form-input .box .input-text-dividor{
	display:inline-block;
	overflow:hidden;
	text-align:center;
	/*line-height:30px;*/
}

.page-form-input .box-02a .input-text-dividor{
	width:24px;
}

.page-form-input .box-02b .input-text-dividor{
	width:10px;
}

.page-form-input .box-09 input {
	width:270px;
}

.page-form-input .box-09 .btn {
	padding: 4px 7px;
}

.page-form-input .box-10 input {
	width:270px;
}

.page-form-input .input-form-form-name{
	line-height:30px;
	font-weight:bold;
}

.page-form-input .input-form-country-name-01{
	display:block;
	overflow:hidden;
	width:155px;
}

.page-form-input .box-12e .radio, .page-form-input .box-13e .radio, .page-form-input .box-16d .radio, .page-form-input .box-27 .radio{
	padding-top:5px;
	padding-right:10px;
}


.page-form-input .box-11 .control-group{
	display:block;
	min-height:65px;
}

.page-form-input .box-23 td input, .page-form-input .box-23 .input-append {
	margin-bottom:0;
}

.page-form-input .box-23 td .control-group {
	margin-bottom:0;
}

.page-form-input .box-23 th {
	vertical-align:bottom;
}

.page-form-input .box-23 .t-col-01{
	
	width:30px;
	width:2%;
	width:27px;
}

.page-form-input .box-23 td.t-col-01{
	line-height:30px;
	text-align:center;
}


.page-form-input .box-23 .t-col-02{
	
	width:90px;
	width:9%;
	width:65px;
	
}

.page-form-input .box-23 .t-col-03{
	
	width:30px;
	width:11%;
	width:84px;
	
}

.page-form-input .box-23 .t-col-04{
	
	width:30px;
	width:10%;
	width:73px;
}

.page-form-input .box-23 .t-col-05{
	
	width:30px;
	width:10%;
	width:75px;
}

.page-form-input .box-23 .t-col-06{

	width:13%;
	width:101px!important;
}

.page-form-input .box-23 .t-col-07{
	
	width:70px;
	width:15%;
	width:116px;
}

.page-form-input .box-23 .t-col-08{
	
	width:70px;
	width:15%;
	width:116px;
}

.page-form-input .box-23 .t-col-09{
	
	width:30px;
	width:10%;
	width:75px;
}

.page-form-input .box-23 .t-col-09 input {
	text-align:left;
}

.page-form-input .box-23 .t-col-10{
	
	width:30px;
	width:5%;
	width:37px;
}

.page-form-input .box-23 .t-col-11{
	
	width:120px;
	width:15%;
	width:129px;
}

.page-form-input .box-23 .t-col-11 input {
	text-align:right;
}

.page-form-input .box-23 .t-col-00{
	
	width:52%;
	width:467px;
}

.page-form-input .box-23 th{
	text-align:center;
	font-size:0.9em;
	line-height:1.2em;
}

.page-form-input .box-23 .btn{
	padding: 4px 6px;
}

.footer {
	font-size:11px;
	line-height:17px;
	color:#777;
}

.footer .span8 .row-01 {
	padding-bottom:3px;
}

.footer a, .page-form-output .footer a {
	color:#08c;
}

.footer a:hover {
	text-decoration:none;
}

.footer .span4 a {
	color:#777;
}

.footer .span4 a:hover {
	color:#777;
}

.footer .span8 a:hover {
	color:#005580;
}

.footer .span8 {
	text-align:right;
}

.footer .span8 ul {
	margin:0;
	line-height:16px;
	padding: 1px 0;
	display:block;
	overflow:hidden;
}

.footer .span8 ul li {
	display:block;
	float:right;
	list-style:none;
	padding-left:5px;
	border-right: 1px solid #ccc;
	line-height:14px;
	padding-right:5px;
}

.footer .span8 ul li.item-01 {
	border-right: 0;
	padding-right:0;
}

.page-form-input .form-actions {
	margin-top:0;
}


/* IE FIX */

.page-form-input select {
	padding: 0 \9;
	*padding: 0;
	_padding: 0;
}

.page-form-input .input-block-level, .page-popup .input-block-level {
	min-height:20px \9;
	*min-height:0;
	_min-height:0;
}

:root .page-form-input .input-block-level, :root .page-popup .input-block-level {
  min-height:30px \9;
}

/* IE10 1017 */
:root .page-form-input .box-23 .input-block-level {
  min-height:0px \9;
}

.page-form-input .row-fluid [class*="span"] {
	min-height:20px \9;
	*min-height:0;
	_min-height:0;
}

:root .page-form-input .row-fluid [class*="span"] {
  min-height:30px \9;
}

/* IE10 1017 */
:root .page-form-input .row-fluid .box-23 [class*="span"] {
  min-height:0px \9;
}

.page-form-input #air_masterAWB2{
	width: 50% \9;
	*width: 50%;
	_width: 50%;
}

.page-form-input #brNo, .page-form-input #hkidNo {
	width: 62% \9;
	*width: 62%;
	_width: 62%;
}

.page-form-input .box-23 table input[type="text"] {
	height:26px \9;
	padding:0 \9;
	*height:26px;
	*padding:0;
	_height:26px;
	_padding:0;
}

.page-form-input .box-23 table .t-col-07 .span4, .page-form-input .box-23 table .t-col-08 .span4 {
	*width:28%;
	_width:28%;
}

.page-form-input .box-23 table .t-col-07 .span6, .page-form-input .box-23 table .t-col-08 .span6 {
	*width:42%;
	_width:42%;
}

.page-form-input .box-23 table .unitQty{
	*width:36%;
	_width:36%;
}

.page-form-input .box .input-text-dividor{
	display:inline \9;
	*display:inline;
	_display:inline;
}

.page-form-input .box-02a .input-text-dividor {
	display:inline;
}

.page-form-input .box-23 .btn{
	line-height:16px \9;
	*line-height:16px;
	_line-height:16px;
}

*:focus {
    outline: none \9;
    border: none \9;
    *outline: none;
    _outline: none;
}

input:active, input:selected, input:visited { 
    border: none \9;
    outline: none \9;
}

/*1001*/

.page-form-input .box-23 table .t-col-02 .span7 {
/*width: 15%;*/
}

.page-form-input .box-26 .control-label {
	line-height:18px;
	
}

.page-form-input .box-26  {
	padding-bottom: 10px;
	
}

.page-form-input .box-26 .controls {
	padding: 4px 0;
	
}

.page-form-input .box-26 .controls input {
	margin-bottom: 0;
	text-align: center;
}

.page-form-input .box-26 .span9 {
	width:640px;
}

.page-form-input .box-26 .span3 {
	width:280px;
}

.t-col-02 .controls .input-append{
	/*background: #F00;*/
	width:65px;
}


/* 1004 Login*/

.page-user-gate input[type="text"],
.page-user-gate input[type="password"],
.home-form input[type="text"],
.home-form input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
	  *width: 93%;
	  _width: 93%;
}

.page-user-gate .input-append input[type="text"],
.page-user-gate .input-append input[type="password"],
.home-form .input-append input[type="text"],
.home-form .input-append input[type="password"] {
	  width:auto;
	  margin-bottom: 0;
}

.home-form .input-append {
	margin-bottom: 0;
}

.home-form .input-append .btn {
	height:36px;
	width:118px;
}


.home-form input[type="text"],
.home-form input[type="password"] {
	margin-bottom: 0;
}

.page-user-gate .btn, .home-form .btn {
        *margin-left: 0;
	  _margin-left: 0;
}
	
.page-user-gate .checkbox, .page-user-gate .radio, .home-form .checkbox, .home-form .radio {
		 margin-bottom: 15px;
		
}

.home-form .checkbox, .home-form .radio {
		 margin-bottom: 0;
		
}

.page-user-gate h3, .home-form h3 {
	margin-bottom:20px;
}


:root .page-user-gate .well, :root .home-form .well {
	border: 0;
}

.placeholder {
	 color: #aaa; 
}


/*1009*/

.page-form-input .box-04 input{
	*width:96%;
	_width:96%;
}

.page-form-input .box-19b .span4 {
	width:174px;
}

.page-form-input .box-19b .span3 {
	width:120px;
}

.page-form-input .box-19b .span5 {
	width:196px;
}

.page-form-input .box-19b .span4 label, .page-form-input .box-19b .span3 label, .page-form-input .box-19b .span5 label {
	width:100%;
}



/*1015*/

/*menubar color */

body .navbar {
	
	font-size:14px;
}



.navbar .brand {
	padding:0;
	margin-left:0;
}

.navbar a.brand:hover {
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
}

.navbar-fixed-top .navbar-inner{
		border-width:0;	
}

.navbar-inverse .navbar-inner {
	background-color: #5b5b5b;
	background-image:none;
	background-repeat:repeat-x;
	border-color: #5b5b5b;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#5b5b5b', GradientType=0);
	/*1018 color change*/
	background-color: #444444;
	border-color: #444444;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444', GradientType=0);
}

.navbar-inverse .nav a:hover {
background: #4b4b4b!important;
/*1018 color change*/
background: #333333!important;
}

.navbar-inverse .nav .dropdown-menu a:hover{
background: #2db051!important;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle{
	background: #4b4b4b!important;
	/*1018 color change*/
background: #333333!important;
}

.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle {
color: #fff;
background: none ;
text-shadow: none;
}



.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
text-decoration: none;
background: ;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar-text {
	padding:0 15px;
	background:#4b4b4b;
}
.page-popup .navbar-text {
	background:none;
	color:#fff;
}

.navbar-text a {
	text-decoration: none;
}

.nav-btn-logout{
	background:#4b4b4b;
	/*1018 color change*/
	background: #333333;
}


.navbar-inverse .nav>li>a{
	color: #ababab;
}



/**/

.page-popup{
	
}

.page-form-country-code .well{
	
}

.page-form-country-code .well .control-group{
	margin-bottom:0;
}

.page-form-country-code .well .control-group input {
	margin-bottom:0;
}

.page-form-country-code .input-text-dividor{
	line-height:30px;
	text-align:center;
	display:block;
	overflow:hidden;
}


.page-form-country-code table .span1, .page-form-country-code table .span3 {
	text-align:center
}

.page-form-country-code table td.span3:hover, .page-form-country-code table td.span8:hover {
	cursor:pointer;
}

.page-form-country-code table td.span3:hover {
	
}


/*modal (lightbox)*/

.modal-label {
	text-transform:uppercase;
}

.modal-header, .modal-body {
	display:block;
	overflow:hidden;
}


/**/

.home-form {
	
}


.home-form-part-03 hr{
	margin-bottom:10px;
}

/**/

.home-form-wrappper {
	display:block;
	overflow:hidden;
	height:500px;
}

.home-form-part-02, .home-form-part-03, .home-form-part-04, .home-form-part-05, .home-form-part-06 {
	
	display:none;
}

.home-form h3 {
	margin-top:0;
	margin-bottom:15px;
}

.home-form label.checkbox{
	font-size:12px;
	line-height:16px;
}

/*1018*/

.page-form-change .form-horizontal .form-actions {
	padding-left:0;
	padding-bottom:0;
}

.page-form-change .form-horizontal .control-group {
	margin-bottom: 10px;
}

.page-form-change .container form {
	min-height:480px;
}


/**/

.page-print-form .row {
	margin-left: 0;
}

.page-print-form {
	padding-top:50px;
	padding-bottom:10px;
	
}

.page-print-form .wrapper {
	
	margin-left:-20px;
	width:960px;
	padding:10px;
	background:#FFF;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(23,23,23,0.5);
	-moz-box-shadow: 0px 0px 15px 1px rgba(23,23,23,0.5);
	box-shadow: 0px 0px 15px 1px rgba(23,23,23,0.5);
}

.page-form-output {
	background:#ccc;
	
}

.page-form-output .footer {
	display:block;
	overflow:hidden;
	position:absolute;
	background:#fff;
	width:940px;
	padding-top:20px;
	padding-bottom:10px;
	padding-bottom:90px;
	/*border-top: 1px solid #eee;
	margin-top:10px;*/
}

.page-form-output .page-print-form .footer {
	color:#333;
	position:relative;
	width:auto;
	padding-top:0;
	padding-bottom:0;
	/*margin-top:0px;*/
}

.page-form-output hr { 
	display:none;
}




.page-form-output-sticky-footer{
	 width:100%;
	 display: block;
	 
}

.foot-fixed-bottom {
	bottom: 0;
	display: block;
	left: 0;
	margin-bottom: 0;
	position: fixed;
	right: 0;
	z-index: 9000;
	background:#f5f5f5;
	border-top: 2px solid #ccc;
	background:#dff0d8;
	border-top: 2px solid #52a452;
	color:#468847;
}

.foot-fixed-bottom p {
	line-height:20px;
	font-size:13px;
}


.foot-fixed-bottom .container {
	margin-left: auto;
	margin-right: auto;
	display:block;
	height:auto;
	padding: 15px 0;
}

.foot-fixed-bottom .container .alert {
	margin-bottom:0;
}

/**/

#table-charge-all {
	background: #fff;
	
}

#table-charge-all .span1 {
	text-align:right;
	padding-left:0;
}

#table-charge-all #charge-unit, #table-charge-all #charge-item {
	text-align:left;
	padding-right:0;
	padding-left:5px;
}

#table-charge-all .t-row-05 {
	background:#d9edf7;
}

#table-charge-all tfoot td {
	line-height: 30px;
	margin: 10px 0;
	
	
}

#table-charge-all .th-row-00 th {
	padding-top:10px;
	
	
}

#table-charge-all tfoot td.span8 .pull-right {
	text-align:right;
	font-size:18px;

	line-height:28px;
}

#table-charge-all tfoot td.span8 sup {
	font-size:10px;
}

#table-charge-all tfoot .tf-row-03 td {
	line-height:15px;
	font-weight:normal;
	font-size:12px;
}

#table-charge-all table {
	margin-bottom:0;
}

.t-row-paypal{
	display:none;
}

.page-payment hr {
	
}

.payment-choice-part h3 {
	margin-bottom:0;
}

.payment-choice-part hr {
	margin: 10px 0;
}

.text-block {
	padding-bottom: 10px;
	display:block;
	overflow:hidden;
}

.text-block-scroll{
	height: 100px;
	overflow: scroll;
	overflow-x:hidden;
}

.text-block-scroll{
	font-size:12px;
}

.text-block-scroll h4 {
	margin-top:0;
}



.pw_text_lbl {
	color:#999999!important;
	*color:#555555;
	_color:#555555;
}

.payment-choice-part{
	display:none;
}

.payment-choice-part-00 {
	display:block;
}

.page-pay h3, .page-form-change h3{
	line-height:28px;
	margin-top:0;
}

.page-pay .form-actions{
	margin-top: 10px;
	padding: 9px 20px 10px;
	margin-bottom:10px;
}

.page-payment .container form {
	min-height:480px;
}

.text-color-primary {
	color:#006dcc;
}

.text-color-info {
	color:#49afcd;
}

.text-color-success {
	color:#5bb75b;
}

.page-payment #lock-span {
	height:50px;
}

.page-payment .well {
	margin-bottom: 0px;
}

.page-payment .payment-choice-part {
	margin-top: 15px;
}

.page-payment .payment-choice-action-00d{
	/*margin-top: 10px;*/
}

/**/

#table-pay-bankin, #table-pay-cheque, #table-pay-paypal, #table-address {
	background: #fff;
	
}

#table-pay-bankin .table, #table-pay-cheque .table, #table-pay-paypal .table, #table-address .table {
	margin-bottom:0;
}


#table-pay-bankin tr.t-row-01 td, #table-pay-bankin tr.t-row-01 th, #table-pay-cheque tr.t-row-01 td, #table-pay-cheque tr.t-row-01 th, #table-pay-paypal tr.t-row-01 td, #table-pay-paypal tr.t-row-01 th, #table-address tr.t-row-01 td, #table-address tr.t-row-01 th {
	border-top:0;
}

.page-procedure p {
	margin-bottom: 0;
}

.payment-procedure-part-03 .well{
	margin-top: 10px;
}


.payment-procedure-part-01 .well{
	margin-bottom: 10px;
}

.display-paypal-reason {
	font-weight:bold;
	text-transform:uppercase;
}

.page-end h3 {
	margin-bottom: 0;
}

.page-end h4 {
	margin: 0;
}

.page-end hr {
	margin: 10px 0;
}

.page-end .payment-procedure-part-02 .well {
	margin-bottom:0;
}

.page-end .payment-procedure-part-03 {
	padding-top:30px;
}

.page-end .payment-procedure-part-02 .well {
	margin-top:0;
}




.page-form-change .alert-error{
	margin: 10px 0;
}

.page-form-change .well-small{
	padding-top:20px;
}


#print-form-action-02{
	display:none;	
}


/*page-home*/

.page-home .btn-link, .home-form-part-03 a, .footer-new a {
	color:#2db051;
}

.page-home a:hover {
	
}


.navbar-home{
	background-color:#2db051;
}

.navbar-inverse .navbar-home .navbar-inner{
	background-color:#2db051;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2db051', endColorstr='#2db051', GradientType=0)
	height:46px;
	border-bottom: 4px solid #299648;
}



.page-home .container .home-content-wrapper {
	padding-top:2px;
	width:100%;
	
}

.page-home .navbar-home .nav li {
	line-height:26px;
}

.page-home .navbar-home .nav li a {
	height:26px;
	line-height:26px;
	color:#fff;
	background:none;
	
}

.page-home .navbar-home .nav li a:hover {

	color:#fff;
	background:#299648!important;
}

.page-home .well {
	padding:8px 12px;
}

.home-form h3{
	color:#666;
}

.home-form-wrappper {
	background: url(../images/login-form-icon.gif) 238px 2px no-repeat ;
}

.home-form .input-append .btn {
height: 36px;
width: 90px;
}

.page-home .home-form-part-03 hr{
	display:none;
}

.page-home .home-content-wrapper{
	display:block;
	overflow:hidden;
	width:960px;
}

.page-home .home-content-wrapper #home-content-grid-left, .page-home .home-content-wrapper #home-content-grid-right {
	height:480px;
	float:left;
	overflow:hidden;
	width:960px;
}

.page-home .home-content-wrapper #home-content-grid-left {
	width:640px;
}

.page-home .home-content-wrapper #home-content-grid-right {
	width:274px;
	margin-left:0;
	margin-bottom:0;
}

.page-home .home-form-wrappper {
	
}



.home-form input[type="text"],
.home-form input[type="password"] {
        font-size: 16px;
        height:auto;
        
        padding: 7px 9px;
	  *width: 92%;
	  _width: 92%;
}

.home-form .input-append input[type="text"],
.home-form .input-append input[type="password"] {
	  width:auto;
	  margin-bottom: 0;
	  
}

.home-form input {
	min-height: 0;
}

.page-home .row-fluid [class*="span"] {
	min-height:0!important;
	height:auto;
}


.home-form .input-append .btn {
	width: 110px;
}

.home-form .input-append .span4 {
	width: 160px!important;
	*width: 140px!important;
	_width: 140px!important;
}

.footer-new {
	text-align:center;
	font-size:11px;
	padding-top:4px;
	
	color: #777;
	margin-top:10px;
}

.footer-new .container{
	border-top: 2px solid #e1e1e1;
}

.page-home .footer-new .container{
	border-top: 0;
}

.page-home .footer-new {
	bottom: 0;
	display: block;
	left: 0;
	margin-bottom: 0;
	position: fixed;
	right: 0;
	z-index: 9000;
	border-top: 2px solid #e1e1e1;
	background:#fff;
	padding-bottom:10px;
	margin-top:0;
}


.footer-new .span12 div {
	display:inline;
	
}

.footer-new .span12 .footer-part-03, .footer-new .span12 .footer-part-04 {
	padding-left:8px;
	
}

.footer-new .span12 .footer-part-02 a {
	color: #777;	
}

.footer-new .span12 ul , .footer-new .span12 ul li {
	display:inline;
	
}

.footer-new .span12 ul {
	padding:0;
	margin:0;
	
}


.footer-new .span12 ul li {
	display:inline;
	padding: 0 3px;
	padding-left:4px;
	border-left: 1px solid #777;
}

.footer-new .span12 ul li.item-01 {
	border:0;
	padding-left:0;
	
}



.home-form  .alert{
	margin-bottom:10px;
}


.lang-chi .text-font {
font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU";
}


.home-info-wrapper {
	display:block;
	overflow:hidden;
}

.page-home {
	padding-bottom:40px;
}


.part-text h2 , .part-slogan h1, .text-green {
	color:#21b24b;
}

.part-text p {
	font-size:17px;
	line-height: 30px;
	color:#777;
	margin-bottom:5px;
}

.part-text h2 {
	font-size:38px;
}

.part-slogan h1 {
	font-size:48px;
	text-align:center;
}

.home-content-wrapper .part-01, .home-content-wrapper .part-02, .home-content-wrapper .part-03 {
	display:block;
	overflow:hidden;
}

.home-content-wrapper .part-img {
	display:block;
	overflow:hidden;
	padding: 0 45px;
	padding-top:5px;
}

.home-content-wrapper .part-slogan {
	display:block;
	overflow:hidden;
	padding-top: 25px;
}


.part-sub-menu{
	display:block;
	overflow:hidden;
	width:100%;
	text-align:center;
	padding-top:15px;
}




.home-content-wrapper ul {
	padding:0;
	margin:0;
	list-style: none outside none;
	display:inline;
}


.home-content-wrapper ul li {
	display:inline;
	font-size:19px;
	
	padding-right:50px;
}

.home-content-wrapper ul li.item-02 {
	padding-right:0px;
}


.home-content-wrapper ul li a {
	background: url("../images/bokan123-home-link-normal.gif") no-repeat;
	color: #777;
	padding-left:36px;
	line-height: 28px;
	display:inline-block;
}

.home-content-wrapper ul li a:hover {
	background: url("../images/bokan123-home-link-hover.gif") no-repeat;
	color: #21b24b;
	text-decoration:none;
}







.home-info-wrapper .part-01, .home-info-wrapper .part-02, .home-info-wrapper .part-03 {
	display:block;
	overflow:hidden;
	height:250px;
}

.part-img, .part-text {
	display:block;
	overflow:hidden;
	float:left;
}

.home-info-wrapper .part-text {
	width: 570px;
	height:350px;
}

.home-info-wrapper .part-img{
	width: 370px;
	height:250px;
	float:right;
}

.home-info-wrapper .part-02 .part-img {
	float:left;
	width: 500px;
}

.home-info-wrapper .part-02 .part-text {
	
	width: 440px;
}


.home-info-wrapper .part-01 .part-text {
	padding-top:45px;
}


.home-info-wrapper .part-02 .part-text {
	padding-top:65px;
}


.home-info-wrapper .part-03 .part-text {
	padding-top:15px;
}

.home-info-wrapper .part-01, .home-info-wrapper .part-02, .home-info-wrapper .part-03 {
	padding-bottom:40px;
}

.home-info-wrapper .part-03 {
	padding-top:15px;
}

.home-info-wrapper .part-04 {
	padding: 20px 0;
}

.home-info-wrapper {
	padding-top:90px;
	padding-bottom:40px;
	display:none;
}




.home-content-btn-01 {
	width:260px;
	display:block;
	overflow:hidden;
	float:left;
	padding-left:190px;
	padding-right:20px;
}

.home-content-btn-02 {
	width:260px;
	display:block;
	overflow:hidden;
	float:left;
	padding-right:190px;
	padding-left:20px;
}


/**/

.foot-fixed-bottom h4{
	font-size:22px;
	line-height:44px;
}

.page-procedure .well .form-actions {
	margin-bottom:0;
}

.page-procedure .well {
	margin-bottom:10px;
	margin-top:10px;
}

.page-procedure .payment-procedure-part-02 .well {
	margin-top:0;
}

.page-procedure .badge{
	font-size:18px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	text-shadow:none;
}



/**/

.page-form-output .footer-new {
display: block;
overflow: hidden;
position: absolute;
background: #fff;
width: 940px;
padding-bottom: 80px;
}



/**/

.page-aboutus {
	
}

.page-aboutus p {
	color:#777;
	font-size:15px;
	line-height:25px;
	padding-bottom:10px;
	width:680px;
}

.page-aboutus h1 {
	color:#777;
	font-size:19px;
	line-height:28px;
	font-weight:normal;
	padding-bottom:5px;
}

.page-aboutus h2 {
	color:#21b24b;
	font-size:28px;
	line-height:34px;
	font-weight:normal;
	padding-bottom:15px;
	
}

.page-aboutus .part-03 a{
	color:#21b24b;
}

.page-aboutus .home-content-wrapper #home-content-grid-left{
	width:680px;
	padding:0;
	margin:0;
}

.page-aboutus .home-content-wrapper #home-content-grid-right {
	width:260px;
	padding:0;
	margin:0;
}


.page-aboutus .home-content-wrapper .part-img{
	width:260px;
	padding:0;
	margin:0;

}

.page-aboutus .home-content-wrapper #home-content-grid-right .part-img{
	padding-top:100px;

}




/* for input field expand */

.page-form-input .box-23 td.t-col-06 {
	padding:0;
}

.page-form-input .box-23 td.t-col-06 .control-group {
	padding:8px;
	display:block;
	overflow:hidden;
	height:30px;
	
}

.page-form-input #input-div-des-long, #input-div-des-short {
	position:absolute;
	width:100px;
}

.page-form-input #input-div-des-short {
	z-index:790;
	
}

.page-form-input #input-div-des-short input {
	
}


.page-form-input #input-div-des-long {
	display:none;
	position:absolute;
	z-index:800;
	background-color:#eee;
	background-color:#ddd;
}


.page-form-input #input-div-des-short input {
	width:100px;
}


/************************/
.page-form-input .box-23 td.t-col-04 {
	padding:0;
}

.page-form-input .box-23 td.t-col-04 .control-group {
	padding:8px;
	display:block;
	overflow:hidden;
	height:30px;
	
}

.page-form-input #input-div-mark-long, #input-div-mark-short {
	position:absolute;
	width:100px;
}

.page-form-input #input-div-mark-short {
	z-index:790;
	
}

.page-form-input #input-div-mark-short input {
	
}


.page-form-input #input-div-mark-long {
	display:none;
	position:absolute;
	z-index:800;
	background-color:#eee;
	background-color:#ddd;
}


.page-form-input #input-div-mark-short input {
	width:75px;
}

.text-red {
	color:#b94a48;
}



.page-form-input .input-form-form-name {
line-height: 15px;
font-weight: bold;
padding-bottom:5px;
text-align:right;
width:685px;
display:block;
overflow:hidden;
height:15px;
}

.page-form-input .input-form-form-name-02 {
line-height: 13px;
font-size: 11px;
font-weight: normal;
text-align:right;
width:685px;
display:block;
overflow:hidden;
height:26px;
}


/*0129 Language */

.navbar-inverse .pull-right>li>a{
	color:#bdd748;
	color:#3ce96b;
}

.navbar-inverse .pull-right>li>a:hover{
	
}

.navbar-inverse .nav>li.nav-btn-logout>a{
	color:#ababab;
}

.navbar-inverse .nav>li.nav-btn-logout>a:hover {
	color:#fff;
}




.home-form input[type="text"],
.home-form input[type="password"] {
	*color:#999999;
	_color:#999999;
	
}



.page-form-input input:focus {
	outline:0 \9;
}



.footer-new .span12 .footer-part-05 {
padding-left: 5px;
}


#lightbox-first-welcome .modal-body p {
	font-size:16px;
	line-height:24px;
}

.tf-row-04 input {
	margin-bottom:0;
}

.tf-row-04 .control-group {
	margin-bottom:0;
}

.promo-code-row .input-label {
	
}

.promo-code-row .input-wrappper {
	
}

.box-30{
}





.alert {
	padding: 8px 14px 8px 14px;

}

.modal-body-left, .modal-body-right{
	float:left;
	width:400px;
}

.modal-body-right{
	width:130px;
}

.modal-body-left{
	padding-top:35px;
}

.alert-error a.close{
	display:none;
}


.bankin-remarks{
	font-size:11px;
	padding-top:8px;
	margin-top:8px;
	border-top: 1px solid #ddd;
	display:block;
	overflow:hidden;
}




.foot-fixed-bottom h4 {
font-size: 21px;
line-height: 23px;
}


.foot-fixed-bottom p {
line-height: 10px;
font-size: 13px;
}


.modal-body-left {
	padding-top: 13px;
}


.payment-procedure-part-03 .span10{
	font-size:16px;
	line-height:24px;	
	color:#468847;
}

#table-charge-all .span1 {
	padding-right: 0;
}


#table-charge-all .span7{
	width: 504px;
}

#table-charge-all #charge-unit, #table-charge-all #charge-item {
	text-align:right;
	padding-left:0;
	padding-right: 10px;
	width: 64px;

}

#table-charge-all .t-row-promo {
background: #dff0d8;
color:#468847;
}


.promo-code-block {
	
	
}

.promo-code-block .input-wrappper {
	display:none;
	height:34px;
}

#promo-code-action, #cancel-promo-code {
	cursor:pointer;
}


.promo-code-row-01, .promo-code-row-02 {
	display:block;
	overflow:hidden;
}


.promo-code-left, .promo-code-right{
	float:left;
	height:34px;
	display:block;
	line-height:32px;
}

.promo-code-left{
	width:154px;
}

.promo-code-right{
	width:424px;
}

.promo-code-right span.symbol {
	padding: 0 10px;
}


.promo-code-right input { 
	margin-right:10px;
	width:220px;
}

.promo-code-right .btn { 
	width:142px;
	*width:138px;
}

.t-row-promo{
	
}

input#promoCode{
	margin-bottom: 0;	
}

#table-charge-all table{
	margin-bottom:10px;
}

.promo-code-block .alert {
	margin-bottom: 10px;
}

.promo-code-row-01{
	display:none;
}



/**/


.promo-code-block-wrapper{
	width:600px;
}

.input-wrappper{
	width:424px;
}



/**/

#promo-style .row-fluid [class*="span"] {
	min-height:0;
}

#promo-style .well-small{
	padding: 4px 36px;
	width:600px;
	*width:526px;
}

#promo-style .promo-code-block{
	font-size:12px;
}

#promo-style .promo-code-block .promo-code-left, #promo-style .promo-code-block .promo-code-right{
	line-height:26px;
	height:26px;
}


#promo-style .promo-code-block .promo-code-left {
	width: 134px;
}

#promo-style .promo-code-block .promo-code-right {
	width: 392px;
}

#promo-style .promo-code-block .input-wrappper {
	height: 26px;
}

#promo-style .promo-code-block .promo-code-right span {
	height: 26px;
}

#promo-style .promo-code-block .promo-code-right span.symbol {
	
	*display:inline-block;
}

#promo-style .promo-code-block .promo-code-right input {
margin-right: 10px;
width: 180px;
height:16px;
line-height:16px;
padding: 2px 4px;
vertical-align:top;
margin-top:2px;
font-size: 12px;
}

#promo-style .promo-code-block .promo-code-right .btn {
width: 80px;
height:22px;
line-height:14px;
vertical-align:top;
margin-top:2px;
}

#promo-style .promo-code-block .alert{
	padding: 3px 14px 3px 14px;
	margin-bottom:4px;
	margin-top:2px;
	width:420px;
	*width:424px;
}

/* Phase2 - 12132013 */

#sticky-banner { 
/*position:fixed; 
top:80%; 
width:970px; 
height:90px; 
background:#000000; 
border:2px solid #00CCFF; 
z-index:9800;*/

bottom: 34px;
display: block;
margin-bottom: 0;
position: fixed;
z-index: 9800;
background: #fff;
margin-top: 0;
width:970px; 
height:90px; 
margin-left:-15px;
bottom: 0;
} 


#sticky-banner .container { 
width:970px; 
height:90px; 
}


.banner-ad-wrapper div.banner-ad-close {
display: block;
position: absolute;
/*float:right;*/
z-index: 8000;
width: 15px;
height: 15px;
color: #fff;
font-size: 14px;
line-height: 15px;
cursor: pointer;
background: #139049;
/*background: rgba(60, 60, 60, .7);*/
margin-left: 955px;
text-align:center;
right:0;
}


.banner-ad-wrapper {
	display: block;
	overflow:hidden;
	width:970px; 
	height:90px;	
}

.banner-ad-wrapper div {
	display: block;
	overflow:hidden;
	float:left;
	
}

.page-home .home-content-wrapper{
	min-height:530px;
}

.page-form-input form{
	margin-bottom:0;
}

.page-form-input {
	padding-bottom:80px;
}

.page-form-input #sticky-banner {
	z-index:1000;
	bottom: 10px;
	bottom: 0;
}

.page-form-output .footer-new {
	padding-bottom: 95px;
}


#lightbox-preview-confirm p {
	margin-bottom:0;
}

#lightbox-preview-confirm .well {
	margin-bottom:10px;
}

#lightbox-preview-confirm .modal-footer {
	/*padding: 5px 15px 15px;*/
}

#table-charge-all .th-row-00 th {
	padding-top: 5px;
}

#table-charge-all table {
	margin-bottom:0;
}

.page-form-list .page-head h3 {
	margin:0;
	line-height:28px;
}

.page-form-list .page-head {
	padding:0;
	margin-top:0;
	margin-bottom:0;
}

.page-form-list .page-head hr {
margin: 10px 0;
}

.page-form-list table{
	margin-top: 5px;
}

.page-content-reminder .alert{
	margin-bottom:0;
}


.page-form-output-batch .navbar-text {
	background: none;
	color: #fff;
}

.table-charge-form-details{
	font-size:11px;
	color:#888888;
	font-weight:normal;
}

#table-charge-all .btn-large [class^="icon-"], #table-charge-all .btn-large [class*=" icon-"] {
	margin-top: 0;
}

.table-charge-all-hover{
	background: #d5d5d5;
}

tr.t-form{
	background: #f5f5f5;
}

tr.t-form:hover {
	background: #efefef;
}

#table-charge-all .btn-link:focus {
	outline: 0;
}

.table-charge-all-ammount{
	padding-left:22px;
}

.table-charge-all-ammount-01{
	padding-left:10px;
}

#cartTable tbody td, #summaryTable tbody td {
	line-height: 18px;
	font-size:13px;
	
}

#cartTable .num, #summaryTable .num {
	width: 60px;
	
}

td.table-form-detail, th.table-form-detail {
	text-align:center;
}

#cartTable .fob, #summaryTable .fob {
	width: 125px;
	_width: 145px;
	*width: 145px;
	
}

#summaryTable .total-charge {
	width: 180px;
}

#cartTable .ref-no, #summaryTable .ref-no {
	width: 90px;
}

#cartTable .type{
	width: 80px;
}

#cartTable .date-create, #cartTable .date-ship, #cartTable .date-paid{
	width: 100px;
}

#summaryTable .type {
	width: 100px;
}

#lightbox-preview-confirm .modal-footer button .btn-large {
	font-size: 15px;
}

#lightbox-preview-confirm .modal-body thead th{
	line-height:16px;
}

#lightbox-preview-confirm .modal-body tbody td{
	font-size:13px;
	line-height:16px;
}

#lightbox-preview-confirm .modal-body tbody td{
	font-size:13px;
	line-height:20px;
}

.banner-ad-img img { 
position: absolute; 
}


/* UI 0107 */


.navbar-inverse .nav>li.form-lang-switch>a {
	color: #3ce96b;
}

.navbar-inverse .nav>li.form-lang-switch>a:hover {
	color: #FFFFFF;
}

.nav-user-email-wrapper {
	width:auto;
	max-width:390px;	
}

.page-form-hs-code table .span1, .page-form-hs-code table .span2 {
text-align: center;
}

form#hscodeForm {
	margin-bottom:0;
}

form#hscodeForm input {
	margin-bottom:0;
}

form#hscodeForm .box-01f {
	padding: 0 50px;
}

form#hscodeForm .box-01f button {
	
}

.page-form-change-info p.help-block{
	display:none;
}

.page-form-change .well-small {
	padding-left: 20px;
	padding-right: 20px;
	padding-top:0px;
}

.page-form-change #identifyNoDiv input#hkid, .page-form-change #identifyNoDiv input#br {
	width:180px;
}

.page-form-change #identifyNoDiv input#br2 {
	width:83px;
}

.page-form-change-dividor h4{
	padding-top:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #e5e5e5;
	color:#555;
}

.page-form-change-dividor p{
	height:15px;
	border-bottom: 1px solid #e5e5e5;
	color:#555;
}

.page-form-change-dividor{
	padding-bottom:5px;
}

#pickup-style .well-small {
	padding: 4px 36px;
	width: 600px;
	line-height: 26px;
}

#pickup-style .well-small p {
	line-height: 30px;
	
	/*font-weight:bold;*/
	padding:0;
	margin:0;
}


.pickup-block-wrapper{
	margin: 10px 0;
	
}

.pickup-block-wrapper .well {
	background: #FFF1D3;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #FFDF99;
	color:#F18E00;
}

#cancel-pick-up, #cancel-pickup {
cursor: pointer;
}

#table-charge-all .t-row-pickup {
background: #FFF1D3;
color: #F18E00;
}

.page-form-pickup .pickup-procedure-part-01 .well, .page-form-pickup .pickup-procedure-part-02 .well{
	background: #FFF;
}

.page-form-pickup table .t-row-01 th, .page-form-pickup table .t-row-01 td{
	border-top:none;
}

.page-form-pickup table .span3 {
	text-align:right;
	padding-right:20px;
}

#table-pickup-info-edit .control-label{
	font-weight: bold;
}

.page-form-pickup .table {
margin-bottom: 5px;
}

.page-form-pickup .form-horizontal .form-actions {
padding-left: 20px;
margin:0;
padding-top:8px;
padding-bottom:8px;
line-height:30px;
line-height:20px;
min-height:0;
}

.page-form-pickup .form-horizontal .form-actions .row-fluid [class*="span"] {
min-height:0;
}


.page-form-pickup .form-horizontal .pickup-procedure-part-01 .form-actions {
line-height:30px;
}



.page-form-pickup .form-horizontal .form-actions p {
padding-bottom:0;
margin-bottom:0;
}

.page-form-pickup .form-horizontal .control-group {
margin-bottom: 3px;
}


.page-form-pickup .alert {
margin-bottom: 10px;
}

.page-form-pickup .form-horizontal .pickup-procedure-part-04 .controls {
	margin-left: 20px;
}

.page-form-pickup .pickup-procedure-part-04 label {
	margin-bottom: 0px;
}


.page-form-pickup .form-horizontal .control-label{
	width:100px;
}

.page-form-pickup .form-horizontal .controls{
	margin-left: 120px;
}

.page-form-pickup .well{
	margin-bottom: 5px;
}

.page-form-pickup .pickup-procedure-part-04 {
	margin-top: 20px;
}

.page-form-pickup .pickup-procedure-part-01 h4{
	margin-top:0;	
}


.payment-procedure-part-03 .well{
	background: #FFF;
}

.payment-procedure-part-03 .well table {
	margin-bottom: 0px;
}

.payment-procedure-part-03 .well table .t-row-01 th, .payment-procedure-part-03 .well table .t-row-01 td{
	border-top:none;
}


.payment-procedure-part-03 .well table .t-row-pickup {
/*background: #dff0d8;*/
color:#468847;
color:#21b24b;
}

.pickup-info-action-01 .btn{
	padding:0;
}

.pickup-info-action-01 .btn label{
	margin:0;
}

.pickup-info-action-01 .btn label{
	margin:0;
}


.pickup-info-action-01 .btn label{
	margin:0;
	padding:5px 10px 5px 30px;
	
}

/**/

.page-payment .form-actions {

margin-bottom: 0px;
}

/**/

.home-content-wrapper ul li.item-01 {
	padding-right: 43px;
}

.home-content-wrapper ul li.item-02 {
	padding-right: 43px;
}

.home-content-wrapper ul li.item-03 {
padding-right: 0px;
}


.home-content-wrapper ul li.item-03 a {
	background: url("../images/bokan123-home-link-s.gif") no-repeat;
	color: #777;
	color: #ff8904;
}

.home-content-wrapper ul li.item-03 a:hover {
	background: url("../images/bokan123-home-link-s-hover.gif") no-repeat;
	color: #ff8904;
}

.home-content-btn-00, .home-content-btn-01, .home-content-btn-02 {
width: 260px;
display: block;
overflow: hidden;
float: left;
padding: 0 20px;
}

.home-info-wrapper .part-04 {
	padding: 20px;
}

/**/

.page-function {
	
}

.page-function p {
	color:#777;
	font-size:15px;
	line-height:25px;
	padding-bottom:10px;
	width:680px;
}

.page-function h1 {
	color:#777;
	font-size:19px;
	line-height:28px;
	font-weight:normal;
	padding-bottom:5px;
}

.page-function h2 {
	color:#21b24b;
	font-size:28px;
	line-height:34px;
	font-weight:normal;
	padding-bottom:15px;
	
}

.page-function .part-03 a{
	color:#21b24b;
}

.page-function .home-content-wrapper #home-content-grid-left{
	width:680px;
	padding:0;
	margin:0;
}

.page-function .home-content-wrapper #home-content-grid-right {
	width:260px;
	padding:0;
	margin:0;
}


.page-function .home-content-wrapper .part-img{
	width:260px;
	padding:0;
	margin:0;

}

.page-function .home-content-wrapper #home-content-grid-right .part-img{
	padding-top:100px;

}

ul.page-static {
	display:block;
}

ul.page-static li {
	display:block;
	padding:0;
	color: #777;
}

.page-function ul.page-static {
	padding-left: 8px;
}

ul#function-list-01 li, ul#function-list-02 li {
	padding-left:35px;
	font-size: 17px;
	line-height: 24px;
	background: url("../images/bokan123-icon-s-ok-02.gif") no-repeat;
	padding-bottom:12px;
}

ul#function-list-02 li {
	background: url("../images/bokan123-icon-s-ok-03.gif") no-repeat;
}

.page-function .part-03{
padding-top:0px;

}

.page-function .home-content-wrapper #home-content-grid-left, .page-function .home-content-wrapper #home-content-grid-right {
	height:auto;
}

.page-function .part-03 h2 {
	color:#777;
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	padding-bottom:5px;
	color:#ff8904;
	font-weight:bold;

	padding-top:8px;
}

.page-function .home-content-wrapper #home-content-grid-left {
	position:absolute;
	z-index:20;
}


.page-function .home-content-wrapper #home-content-grid-right {
	width: 400px;
	padding-left:540px;
	float:right;
	position:absolute;
	z-index:10;
}

.page-function .home-content-wrapper #home-content-grid-right .part-img{
	padding-top:50px;

}

.page-function .home-content-wrapper .part-img{
	width:auto;

}


/* 0115 btn-warning */

.btn-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#eb9316));
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  background-repeat: repeat-x;
  border-color: #e38d13;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}

/*
.btn-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fff1d3), to(#feda9c));
  background-image: -webkit-linear-gradient(top, #fff1d3 0%, #feda9c 100%);
  background-image: -moz-linear-gradient(top, #fff1d3 0%, #feda9c 100%);
  background-image: linear-gradient(to bottom, #fff1d3 0%, #feda9c 100%);
  background-repeat: repeat-x;
  border-color: #f4b769;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff1d3', endColorstr='#fffeda9c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #F18E00;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  background-color: #ffe1ad;
  background-position: 0 -100px;
  color: #ed8600;
}
*/


#hscodeTable table tbody tr:hover {
	cursor:pointer;
}

#pagination-wrapper{
	display:block;
	overflow:hidden;
	padding-bottom:20px;
}

#pagination-wrapper .pagination{
	margin-top: 2px;
	height:30px;
	
}


#pagination-wrapper .pagination .span7 ul{
	
	
}

.page-form-pickup .form-horizontal .pickup-procedure-part-04 .controls {
	padding-left:0 !important;
}

.btn-warning {
  *background-color: #eb9316; 
  _background-color: #eb9316; 
}

/**/

#tclick area:focus, .page-home .modal-header button:focus {
	outline:none;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	z-index:10000;
}

.page-home .modal-header {
	border:0;
}

.carousel-control{
	
}


.page-home #caro .item{

    

    text-align: center;

    height: 350px !important;

}

.page-home #caro .carousel{

}

.page-home #caro .carousel-indicators {
	/*position:absolute;
	z-index: 5;
	margin: 0;
	list-style: none;
	text-align:center;
	display:inline;
	overflow:hidden;
	width:530px;
	right:0;
	top:350px;*/
	position:relative;
	left: 230px;
    right: 0;
    top: auto;
    bottom: -5px;
    
    /*_bottom: -5px;
    *bottom: -5px;
    bottom: -5px\9;*/
    text-align: center;
    
}

.page-home #caro .slide-topic {
	
	text-align:left;
	display:block;
	float:left;
	width:100%;
	position:absolute;
}

.page-home #caro .slide-topic h3 {
	margin:0;
	color:#777;
	font-size:22px;
	margin-top:-5px;
}


.page-home #caro .carousel-inner{
	height: 360px;
}

.page-home #ModalTutorial .btn-exit {
	display: block;
	
	display:block;
	position:absolute;
	width:530px;
	z-index:12000;
}
.page-home #ModalTutorial .btn-exit button{
	background:#fff;
}


.page-home #ModalTutorial .btn-exit button:focus {
	outline:none;
}

.page-home #caro h4 {
	color:#21b24b;
	font-size:20px;
	margin-bottom:1px;
	line-height:26px;
	margin-top:0;
}

.page-home #caro h5 {
	color:#777;
	margin-top:5px;
}

.page-home #caro .carousel-indicators li{
	
	display: inline-block;
	cursor: pointer;
	float:left;
	background:#cccccc;
}

.page-home #caro .carousel-indicators li.active{
	background:#21b24b;
}



.page-home #caro .carousel-control {
	position: absolute;
	font-size: 120px;
	font-family: Arial;
	color: #aaa;
	text-align: center;
	background: none;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	opacity: 1;
	filter: none;
	line-height:180px;
	margin-top:-100px;
}

.page-home #caro .carousel-control:focus{
	outline: none;
}

page-home #caro .carousel-control.right {
	right: 15px;
	left: auto;
}

.page-home #caro .carousel-control:hover {
	color: #21b24b;
}

.page-home .modal-header {
	height:22px;
}

.page-home .modal-body {
	height:380px;
}

.page-home #caro img{
	width:530px;
	height:280px;
	padding-top:20px;
}