@CHARSET "UTF-8";

#serviceMenuBar { height:100%; background:url("../theme/img/ecship_top_bg.png") repeat-x 0px -104px !important; }
#serviceMenuDiv li.serviceMenuCell { float:left; width:16.666%; height:79px; background:url("../theme/img/ecship_menu_arrow.png") no-repeat center 70px !important; }
#serviceMenuDiv li.serviceMenuCell:hover { background:url("../theme/img/ecship_top_bg.png") repeat-x 0px -283px !important; }

body, table, button, select, input, label, a { font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Arial Unicode MS, Arial, Helvetica, sans-serif; }

div.index_pageContainer .textShadow { text-shadow:2px 2px 2px #ccc; }
div.index_pageContainer hr { background-color:white; color:white; }
.defaultValueText { color:#8d8d8d; }

div.index_pageContainer div.groupDiv { display:inline-block; width:430px; }
div.index_pageContainer div.groupDiv div.headDiv {
	height:54px;
	background:url(img/ecship_index_box_header_bg.png) repeat-x left top;
	padding:0 20px;
	border:1px solid #AFBFBB;
	border-radius:3px;
	-moz-box-shadow: 4px 4px 4px #ccc;
	-webkit-box-shadow: 4px 4px 4px #ccc;
	box-shadow: 4px 4px 4px #ccc;
	behavior: url(https://ec-ship.hongkongpost.hk/platform/js/pie_shadow_plugin/PIE.htc);
}
div.index_pageContainer div.groupDiv div.headDiv label { font-size:14pt; color:#053529; font-weight:bold; line-height:54px;}
div.index_pageContainer div.groupDiv div.contentDiv {
	margin: 0px 1px;
	padding:10px 20px;
	border:1px solid #d0d0d0;
	height:310px;
	overflow: hidden;
	-moz-box-shadow: 5px 3px 5px #ccc;
	-webkit-box-shadow: 5px 3px 5px #ccc;
	box-shadow: 5px 3px 5px #ccc;
	behavior: url(https://ec-ship.hongkongpost.hk/platform/js/pie_shadow_plugin/PIE.htc);
}

div.index_pageContainer div.groupDiv div.contentDiv label.instruc { font-size:10pt; color:#8f8f8f; }

div.index_pageContainer div.groupDiv div.contentDiv table.container { width:100%; }
div.index_pageContainer div.groupDiv div.contentDiv table.container tr td { padding:5px 0px; }

#index_upperDiv { width:876px; height:548px; margin-left:auto; margin-right:auto; }
#index_upperDiv.bgBanner1 { background:url(img/ecship_index_banner_3_mailing.jpg) no-repeat left top; }
#index_upperDiv.bgBanner2 { background:url(img/ecship_index_banner_4_bulk_mailing.jpg) no-repeat left top; }
#index_upperDiv.bgBanner3 { background:url(img/ecship_index_banner_1_permit_account.jpg) no-repeat left top; }
#index_upperDiv.bgBanner4 { background:url(img/ecship_index_banner_5_api.jpg) no-repeat left top; }
#index_upperDiv.bgBanner5 { background:url(img/ecship_index_banner_2_join_us_now.jpg) no-repeat left top; }
#index_upperDiv.lgnBgBanner1 { background:url(img/ecship_index_banner_3_mailing_2.jpg) no-repeat left top; }
#index_upperDiv.lgnBgBanner2 { background:url(img/ecship_index_banner_4_bulk_mailing_2.jpg) no-repeat left top; }
#index_upperDiv.lgnBgBanner3 { background:url(img/ecship_index_banner_1_permit_account_2.jpg) no-repeat left top; }
#index_upperDiv.lgnBgBanner4 { background:url(img/ecship_index_banner_5_api_2.jpg) no-repeat left top; }
#index_upperDiv.lgnBgBanner5 { background:url(img/ecship_index_banner_2_join_us_now_2.jpg) no-repeat left top; }
#index_loginDiv { display:block; position:relative; top:10px; left:20px; width:215px; height:272px; border:1px solid #829b95; padding:15px 25px; background: #829b95; border-radius:3px; opacity:0.8; }
#index_loginDiv table { width:100%; }
#index_loginDiv table tbody tr td { padding:4px 8px; }
#index_loginDiv table tr.errField td { padding:4px 8px; }
#index_loginDiv div.btnField { text-align:right; }
#index_loginDiv label {color:white;}
#index_loginDiv .title { font-size:18pt; font-weight:bold; }
#index_loginDiv .fieldName {font-size:12pt;}
#index_loginDiv table tr td input.inputField { width:100%; box-sizing:border-box; font-size:12pt; }
#index_loginDiv a { color:#00008b; font-size:10pt; text-decoration:underline; }
#index_loginDiv tfoot .alignLeft { text-align:left; padding:0px; }
#index_loginDiv tfoot .alignRight { text-align:right; padding:0px; }
#index_loginDiv .submit { margin: 0 auto; }
#index_loginDiv .loginBtn { display:inline-block; background:url(img/login_btn2.png) no-repeat 0 0; height:44px; width:78px; border:none; text-align:center; cursor:pointer; color:white; font-size:12pt; line-height:44px; text-shadow:0 1px 1px #444; margin:0px 0px 0px 5px; }
#index_loginDiv .resetBtn { display:inline-block; background:url(img/login_btn1.png) no-repeat 0 0; height:31px; width:65px; border:none; text-align:center; cursor:pointer; color:black; font-size:12pt; line-height:31px; margin:0px 5px 0px 0px; }

.index_prepareShipLabelDiv {height:118px; display:block; position: relative; top:15px; width:70%;  }

.index_prepareShipLabelDiv div { padding:0px 0px 0px 20px; }
.index_prepareShipLabelDiv label.header { font-size:30pt; color:#045e48; font-weight:bold; }
.index_prepareShipLabelDiv label.content { font-size:14pt; color:#2e2d2d; font-weight:bold; }

#index_bannerMenu_Div { display:block; position:relative; top:22px; width:876px; height:72px; }


/* index_bannerMenu */
.index_bannerMenu,
.index_bannerMenu ul,
.index_bannerMenu li,
.CCM_menu a {margin:0; padding:0; border:none; outline:none;}

/* Menu */
.index_bannerMenu {
	height: 72px;
	border: 0px none #FFFFF;
	background: url(img/ecship_index_banner_menu_bg.png) repeat-x left bottom;
}
.index_bannerMenu li { position:relative; list-style:none; float:left; display:block; height:72px; background:none; transition: background .25s; }

.index_bannerMenu li a {
	display: block;
	padding: 0 1px;
	margin: 21px 0 0 0;
	text-align:center;
	line-height: 46px;
/* 	width:215px; */
/* 	width:288px; */
	text-decoration: none;
	border-left: 1px solid #A9A9A9;
	border-right: 1px solid #878787;
	font-size: 11pt;
	color: #FFFFFF;
}

.index_bannerMenu li[data-active=Y] { background: url(img/ecship_index_banner_menu_selected.png) no-repeat left bottom; background-size: 100% 100%;}
.index_bannerMenu li[data-active=Y] > a { color:#0E3227; font-size:13pt; font-weight:bold; }

#index_lowerDiv { display:table; position:relative; top: 20px; width:876px; margin-left:auto; margin-right:auto; padding-bottom: 40px; }
#index_postageCalDiv { float:left; }
#index_itemTrackDiv { float:right; }
#index_textArea { width:100%; height:100%; resize:none; box-sizing:border-box; }
#index_calTable { width:100%; height:100%; box-sizing:border-box; }
#index_calTable label { font-size:12pt; color:#4c4c4c; }
#index_calTable tr td { padding:10px 0px;}
#index_calTable select, #index_calTabel input { width:100%; box-sizing:border-box; }

#index_mailTrackingTable{width:100%; height:100%; box-sizing:border-box;}
#index_mailTrackingTable label{font-size:12pt; color:#4c4c4c;}
#index_mailTrackingTable tr td {vertical-align:middle;text-align:left;padding:0;}
#index_mailTrackingTable select, #index_mailTrackingTable input {width:100%;box-sizing:border-box;}
#index_mailTrackingTable .index_mtVerCodeDesc{width:160px;}
#index_mailTrackingTable .index_mtVerCodeField{width:100px;}
#index_mailTrackingTable .index_mtCaptchaDesc{padding:0 10px 0 10px;}
#index_mailTrackingTable .index_mtCaptchaImg{}

.mailTrackingMsg{ text-align:justify;line-height:180%;}
.mailTrackingMsg.chi{font-size:14px;}
.mailTrackingMsg.eng{font-size:14px;}


.ui-menu{
	max-height: 240px;
	overflow-y: scroll;
}

.ui-menu .ui-menu-item div {
	margin: 0 0 0.5em 0;
	padding: 0.5em 0.3em;
	cursor: pointer;
	display:block;
	/*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}

.ui-menu .ui-menu-item div.ui-state-active {
	background: #0066CC;
	color:white;
}

.ui-button-icon-only {
    height: 0.5em;
}