@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	overflow-wrap: break-word; 
}
a {
	border: none;
	outline: none;
}

img.resp {
  max-width: 100%; 
  height: auto;    
}

#container-main {
	max-width: 1000px;
	min-height: 800px;
	margin: 0 auto;
	background-color: #fff;
}
#header {
	width: 100%;
	height: 56px;
	background: url(../images/search-header-bg.png) no-repeat 0 0;
}
#header .logo {
	width:100%;
	max-width: 420px;
	height: 56px;
	background: url(../images/logo-search.png) no-repeat 0 0;
	float: left;
	text-indent: -9999px; /*hide the text*/
}
#lastlogin {
	float: right;
	margin-top: 5px;
	position:absolute;
    max-width: 1000px;
    text-align: right;
    width: 100%;
}
#lastlogin ul {
	display: block;
}
#lastlogin li {
	margin-right: 12px;
	display: inline-block;
	overflow: hidden;
	font-family: Arial;
	font-size: 11px;
	color: #363636;
	zoom: 1;
}
#lastlogin .name {
	font-weight:bold;
}
#menu-bar {
	float: right;
	margin-top: 27px;
	/*margin-left: 44px;*/
	text-shadow: 0 0 20px rgba(255, 255, 255, 1);
}
#menu-bar ul {
	display: block;
}
#menu-bar li {
	margin-right: 12px;
	display: inline-block;
	overflow: hidden;
	font-family: Arial;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	zoom: 1;
}
#menu-bar li a {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
#menu-bar li a:hover {
	color: #005b9d;
}
#menu-bar li .icon-btn {
	background: url(../images/icon.png) no-repeat 0 0;
	padding-left: 22px;
}
#fontSizeM {
	font-size: 12px;
}
#fontSizeL {
	font-size: 14px;
}
#fontSizeEx {
	font-size: 16px;
}
#menu-bar .font-size-control .selected {
	color: #005b9c;
}
#main {
	width: 100%;
	overflow: hidden;
}
#section-tab {
	width: 100%;
	min-height: 78px;
	overflow: hidden;
	background: url(../images/section-bg.png) no-repeat 0 0;
}
#section-tab li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
	overflow: hidden;
	font-family: Arial;
	font-size: 13px;
	color: #404041;
	zoom: 1;
	width: 124px;
	height: 78px;
	background: url(../images/search-section-normal.png) no-repeat 0 0;
}
#section-tab  li.minorWorks {
	background: url(../images/search-section-mw.png) no-repeat 0 0;
}
#section-tab  li.minorWorks:hover  {
	background: url(../images/search-section-mw.png) no-repeat 0 0;
}
#section-tab  li.minorWorks.selected  {
	background: url(../images/search-section-mw-selected.png) no-repeat 0 0;
}
#section-tab  li.minorWorks.selected:hover  {
	background: url(../images/search-section-mw-selected.png) no-repeat 0 0;
}
#section-tab .minorWorks {
	width: 140px;
}
#section-tab .last {
	background: none;
	width: 116px;
}
#section-tab li.selected {
	background: url(../images/search-section-over.png) no-repeat 0 0;
}
#section-tab li a {
	display: inline-block;
	color: #404041;
	text-decoration: none;
}
#section-tab .section-btn {
	background: url(../images/section-icon.png) no-repeat 0 0;
	width: 142px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	padding-top: 26px;
}
#section-tab li.selected .section-btn, #section-tab li.over .section-btn, #section-tab .section-btn:hover {
	color: #2a9cb7;
	font-weight: bold;
}
#section-tab .search {
	background-position: -710px 0;
}
#section-tab .order {
	background-position: -852px 0;
}
#section-tab .profile {
	background-position: -994px 0;
}
#section-tab .viewcart {
	background-position: -1136px 0;
}
#section-tab .hardcopycart {
	background-position: -1278px 0;
}
#section-tab .minorWorks {
	background-position: -1420px 0;
}
#section-tab .selected .search, #section-tab .search:hover {
	background-position: 0 0;
}
#section-tab .selected .order, #section-tab .order:hover {
	background-position: -142px 0;
}
#section-tab .selected .profile, #section-tab .profile:hover {
	background-position: -284px 0;
}
#section-tab .selected .viewcart, #section-tab .viewcart:hover {
	background-position: -426px 0;
}
#section-tab .selected .hardcopycart, #section-tab .hardcopycart:hover {
	background-position: -568px 0;
}
#section-tab .selected .minorWorks, #section-tab .minorWorks:hover {
	background-position: -1561px 0;
}
#section-tab .home-btn {
	height: 20px;
	line-height: 20px;
	background: url(../images/icon.png) no-repeat 0 0;
	padding-left: 22px;
	position: relative;
	top: 10px;
	left: 22px;
}
#section-tab .home-btn:hover {
	color: #005b9d;
}
#section-tab .price-btn {
	height: 20px;
	line-height: 20px;
	background: url(../images/icon.png) no-repeat 0 -107px;
	background-position: center -107px;
	padding-right: 22px;
	position: relative;
	top: 10px;
	left: 20px;
}
#section-tab .price-btn:hover {
	color: #005b9d;
}
#search-container {
	height: 428px;
	margin: 8px 0 22px;
}
#search-container .floating {
	float: left;
	overflow: hidden;
	position: relative;
}
#search-box {
	width: 255px;
	height: 100%;
	padding-left: 15px;
}
#table-container {
	padding: 8px 22px 0 20px;
	overflow: hidden;
	clear: both;
}
#map-view {
	width: 100%;
	height: 100%;
	max-width:708px;
}
#main .action-btn {
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	float: right;
	text-decoration: none;
	text-align: center;
}
#main .mw-action-btn {
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}
#main .cancel-btn {
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	float: center;
	text-decoration: none;
	text-align: center;
}
#main .add-viewcart-btn {
	background: url(../images/btn-addviewcart.png) no-repeat 0 0;
	color: #fff;
	width: 191px;
	text-indent: 38px;
	text-align: left;
	margin-top: 14px;
	margin-left:10px;
	padding-left:20px;
}
#main .add-viewcart-btn:hover {
	background: url(../images/btn-addviewcart-over.png) no-repeat 0 0;
}
#main .add-viewcart-btn.long{
	background: url(../images/btn-addviewcart-250.png) no-repeat 0 0;
	width: 250px;
}
#main .add-viewcart-btn.long:hover {
	background: url(../images/btn-addviewcart-250-over.png) no-repeat 0 0;
}

/*footer*/
#footer {
	width: 100%;
	clear: both;
	margin-top: 16px;
}
#footer ul {
	margin-left: 20px;
	margin-top: 10px;
	display: block;
	float: left;
}
#footer ul li {
	display: inline;
	margin-right: 5px;
}
#footer ul li a {
	text-decoration: none;
	color: #404041;
}
#footer ul li a:hover {
	text-decoration: underline;
}
/*tab*/
.tabsContainer {
	clear: both;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #CCC;
}
.tabsContainer li {
	position: relative;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	padding: 0 20px;
	background: url(../images/tabs-bg.png) repeat-x 0 0;
}
.tabsContainer .S {
	background-position: 0 -30px;
	font-weight: bold;
}
.tabsContainer .N {
	background-position: 0 -90px;
	font-weight: bold;
}
.tabsContainer .S.current {
	background-position: 0 0;
}
.tabsContainer .N.current {
	background-position: 0 -60px;
}
.tabsContainer .tab-hints {
	background: none;
	font-size: 12px;
}
.tabsContainer .tab-control-ele{
	background: none;
	padding:0;
	padding-left:20px;
	background: none;
	font-size: 12px;
	float: right;
}
.tabsContainer .tab-count {
	background: none;
}
.tabsContainer li.current a {
	color: #fff;
}
.tabsContainer li a {
	display: block;
	height: 29px;
	text-decoration: none;
	color: #fff;
}
.tabsContainer li.disable a {
	cursor:default;
}
.tabsContainer li a span {
	text-align: center;
	float: left;
}
.tabsContainer li a .icon {
	width: 18px;
	height: 18px;
	background: url(../images/tabs-info.png) no-repeat 0 0;
	display: inline-block;
	margin-top: 5px;
	margin-left: 7px;
	cursor: pointer;
}
.tabsContainer .S.current .icon {
	background-position: 0 0;
}
.tabsContainer .S .icon {
	background-position: 0 -20px;
}
.tabsContainer .N.current .icon {
	background-position: 0 -40px;
}
.tabsContainer .N .icon {
	background-position: 0 -60px;
}
/* tabel cell */
.table-content {
	padding: 0 13px 8px;
	background-color: #f5f3f1;
	clear: both;
	overflow: hidden;
}
/*map*/
#map-canvas {
	width: 709px;
	height: 428px;
}
.status-bar {
	width: 960px;
	height: 22px;
	margin-left: 20px;
	margin-bottom: 16px;
	margin-top: 6px;
}
/*op(step1)*/
.hard-status-step1 {
	background: url(../images/hard-status-step1.png) no-repeat 0 0;
}
/*plan list (step1)*/
.status-step1 {
	background: url(../images/status-step1.png) no-repeat 0 0;
}
.status-caption {
	color: #005b9c;
	font-size: 32px;
	line-height: 32px;
	margin-left: 20px;
	margin-bottom: 4px;
}
/*view cart (step2)*/
.status-step2 {
	background: url(../images/status-step2.png) no-repeat 0 0;
}
/*time slot (step3)*/
.status-step3 {
	background: url(../images/status-step3.png) no-repeat 0 0;
}
.timeslot-container {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.timeslot-container p strong {
	color: #005b9c;
	font-size: 17px;
	font-weight:bold;
}
.timeslot-container .slot-caption {
	color: #005b9c;
	font-size: 27px;
	line-height: 27px;
	margin-bottom: 22px;
	margin-top:12px;
}
.timeslot-container .slot-table-title {
	width: 503px;
	height: 40px;
	background: url(../images/timeslot-title.png) no-repeat 0 0;
	margin: 0 auto;
	margin-top: 28px;
	text-indent: -9999px; /*hide the text*/
}
.timeslot-container .slot-table {
	width: 765px;
	height: 292px;
	background: url(../images/timeslot-table-bg.png) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.timeslot-container .slot-table .row {
	height: 42px;
	line-height: 41px;
	font-size: 18px;
	color: #58595b;
	margin-bottom: 4px;
}
.timeslot-container .slot-table .row1 {
	color: #fff;
	padding-top: 5px;
	margin-bottom: 1px;
}
.timeslot-container .slot-table .row1 strong {
	font-weight: bold;
}
.timeslot-container .slot-table .row1 .long {
	font-weight: lighter;
}
.timeslot-container .slot-table .col {
	height: 100%;
	float: left;
	width: 172px;
}
.timeslot-container .slot-table .col2 {
	margin-left: 5px;
	width: 163px;
}
.timeslot-container .slot-table .col3 {
	margin-left: 4px;
}
.timeslot-container .slot-table .col4 {
	margin-left: 4px;
	width: 167px;
}
.timeslot-container .slot-table .long {
	width: 248px;
}
.timeslot-container .slot-table .row-sep {
	height: 25px;
}
.timeslot-container .slot-table .availible a {
	color: #005b9c;
	text-decoration: underline;
}
.timeslot-container .slot-table .full {
	color: #fff;
	background-color: #74ced9;
	/*width: 165px;
	margin-left: 3px;*/
}
.timeslot-container .slot-table .reserved {
	color: #fff;
	background-color: #80bf66;
	cursor: pointer;
}

.timeslot-container .slot-table .expired {
	color: #fff;
	background-color: #888;
	cursor: default;
}

.timeslot-container .btn-container {
	margin: 0 auto;
	width: 765px;
}

/*transection record(step4)*/
.status-step4 {
	background: url(../images/status-step4.png) no-repeat 0 0;
}

#main .btn-container {
	overflow:hidden;
	clear:both;
}
#main .payment-btn {
	background: url(../images/btn-payment.png) no-repeat 0 0;
	color: #fff;
	width: 198px;
	text-indent: 32px;
	text-align: left;
}
#main .payment-btn-cancel {
	background: url(../images/index-btn-width-bg-orange.png) no-repeat 0 0;
	color: #fff;
	width: 250px;
	text-indent: 2px;
	text-align: center;
}
#main .payment-btn:hover {
	background: url(../images/btn-payment-over.png) no-repeat 0 0;
}
#main .back-viewcart-btn {
	background: url(../images/btn-back.png) no-repeat 0 0;
	color: #000;
	width: 192px;
	text-align: center;
	margin-right: 18px;
}
#main .back-viewcart-btn:hover {
	background: url(../images/btn-back-over.png) no-repeat 0 0;
}

.framestyle {
	display: block;
	width: 100%!important;
	/*height:100%!important;*/
/*min-height:320px;*/
	border-width: 0;
	top: 0;
	left: 0;
}

Seach form .bluetitle {
	color: #005b9b;
	font-family: Arial;
	font-size: 32px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.searchform {
	color: #404041;
	font-family: Arial;
	font-size: 12px;
}
.searchform p {
	padding: 5px 0;
	line-height:18px;
}
.searchform input text {
	border: solid 1px #43728b;
	width: 230px;
	height: 21px;
	color: #404041;
	font-family: Arial;
	font-size: 12px;
}
.searchform input[type="text"] {
	border: #4A7088 solid 1px;
	width: 228px;
	height: 16px;
}
.searchform .bluebold {
	color: #22579B;
	font-weight: bold;
}
.searchform label {
	color: #424242;
	font-weight: bold;
	line-height:10px;
}
.typeviewoptions1 {
	padding-top: 5px;
	float: left;
	width: 100px;
	line-height:18px;
}
.typeviewoptions2 {
	padding-top: 5px;
	float: left;
	width: 150px;
	line-height:18px;
}
.searchform .formBtn {
	width: 78px;
	height: 29px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	border: none;
	cursor: pointer;
	border: none;
	outline: none;
}
.searchform .resetbutton {
	background: url(../images/btn-reset.png) no-repeat 0 0;
}
.searchform .resetbutton:hover {
	background: url(../images/btn-reset-over.png) no-repeat 0 0;
}
.searchform .submitbutton {
	background: url(../images/btn-search.png) no-repeat 0 0;
	margin-left: 4px;
}
.searchform .submitbutton:hover {
	background: url(../images/btn-search-over.png) no-repeat 0 0;
}
.searchform .formbuttongroup {
	position: absolute;
	bottom: 0px;
}
.mapboxcontainer {
	width: 330px;
	padding-bottom: 4px;
	line-height: 15px;
}
.mapboxcat {
	color: #264C57;
	font-family: Arial;
	font-size: 12px;
	padding-top: 10px;
}
.mapboxcontent {
	color: #111111;
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	font-weight: bold;
}
/*end search form*/

/*op*/
.op-container {
	margin: 0 22px;
}
.op-container .caption {
	font-size: 32px;
	color: #005b9c;
}
.op-container .caption strong {
	font-size: 30px;
	font-weight: bold;
}
.op-container .pdf-container{
	margin: 14px 22px 0;
}
.op-container .pdf-container .title{
	font-size: 14px;
	font-weight:bold;
	color: #2a9cb7;
}
.op-container .pdf-container .pdf-embed{
	margin-top:24px;
	height:200px;
	z-index:1;
}
.op-container .pdf-container .hints{
	font-size: 0.9em;
	color: #58595b;
	margin-top:20px;
}
.op-container .pdf-container .btn-container{
	margin-top:38px;
	margin-bottom:70px;
}

#main .order-btn {
	text-indent: 12px;
	text-align: left;
	margin-left:15px;
}
#main .orderC-btn:hover {
	background: url(../images/btn-order1-over.png) no-repeat 0 0;
}
#main .orderC-btn {
	background: url(../images/btn-order1.png) no-repeat 0 0;
	color: #fff;
	width: 196px;
}
#main .orderN-btn:hover {
	background: url(../images/btn-order2-over.png) no-repeat 0 0;
}
#main .orderN-btn {
	background: url(../images/btn-order2.png) no-repeat 0 0;
	color: #fff;
	width: 223px;
}

/*view order*/
.viewcart .status-bar{
	margin-bottom: 6px;
}
.viewcart #table-container h3{
	color:#005b9c;
	font-size:32px;
	line-height:38px;
	margin-bottom:10px;
	font-weight:normal;
}
/*.viewcart .plan-btn:hover{
	color:#163175
}*/
.viewcart .cost-container{
	clear:both;
	overflow:hidden;
}
.viewcart .cost-cell{
	color:#bb1e2d;
	/*font-size:21px;*/
	font-size:1.6em;
	font-weight:bold;
	float:right;
	margin-right:66px;
}
.viewcart .hints{
	color:#005b9c;
	/*font-size:12px;*/
	font-size:0.9em;
	font-weight:bold;
	margin-top:36px;
	margin-bottom:5px;
}
.viewcart .more-link{
	color:#2a9cb7;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
	display:inline-block;
}
.viewcart .more-link:hover{
	color:#005b9c;
}
.viewcart .btn-container{
	clear:both;
	overflow:hidden;
}
#main .shopping-btn:hover {
	background: url(../images/btn-shopping-over.png) no-repeat 0 0;
}
#main .shopping-btn {
	background: url(../images/btn-shopping.png) no-repeat 0 0;
	color: #404041;
	width: 172px;
}
#main .timeslot-btn:hover {
	background: url(../images/btn-timeslot-over.png) no-repeat 0 0;
}
#main .timeslot-btn {
	background: url(../images/btn-timeslot.png) no-repeat 0 0;
	color: #fff;
	width: 261px;
	text-indent:16px;
	margin-left:16px;
	line-height:29px \9 ;
}
/*timeslot online*/
.timeslot-container .slot-online-title {
	width: 200px;
	height: 48px;
	background: url(../images/timeslot-online-title.png) no-repeat 0 0;
	margin: 0 auto;
	margin-top: 28px;
	margin-bottom:22px;
	text-indent: -9999px; /*hide the text*/
}
.timeslot-container .slot-online-table {
	background: url(../images/timeslot-online-bg.png) no-repeat 0 0;
	width:340px;
	height:315px;
	padding:0 35px;
}
.timeslot-container .slot-container{
	overflow:hidden;
	clear:both;
	color:#404041;
}
.timeslot-container .slot-container .left{
	float:left;
}
.timeslot-container .slot-container .right{
	float:right;
}
.timeslot-container .slot-container .slot-select{
	text-align:center;
	font-size:22px;
	color:#fff;
	line-height:45px;
	height:45px;
}
.timeslot-container .slot-container .slot-select input[type="radio"]{
	vertical-align:middle;
	margin-top:0;
	margin-right:10px;
}
.timeslot-container .slot-container .txt{
	margin:16px 0;
	line-height:19px;
}
.timeslot-container .slot-container strong{
	font-weight:bold;
}
.timeslot-container .slot-container .sub-txt{
	color:#634e57;
	font-size:13px;
	font-weight:bold;
	margin-bottom:16px;
}
.timeslot-container .time-cell,.transection .time-cell{
	overflow:hidden;
	clear:both;
	line-height:30px;
	margin-bottom:10px;
}
.timeslot-container .lbe,.transection .lbe{
	width:118px;
	float:left;
	text-align:right;
	margin-right:13px;
}
.timeslot-container .time-wrap,.transection .time-wrap{
	float:left;
	border:solid 1px #d7d7d7;
	font-size:16px;
	color:#634e57;
	text-align: center;
}
.timeslot-container .time-wrap .date,.transection .time-wrap .date{
	width:118px;
	float:left;
	background-color:#fff;
}
.timeslot-container .time-wrap .time,.transection .time-wrap .time{
	width:57px;
	float:left;
	background-color:#eeeeef;
	border-left:1px solid #e2e2e3;
}
.timeslot-container .date-selector{
	height:76px;
	margin:16px 0;
	color:#634e57;
}
.timeslot-container .selector-cell{
	overflow:hidden;
	clear:both;
}
.timeslot-container .date-selector .selector-wrap{
	float:left;
	text-align:left;
	margin-right:5px \9 ;
}
.timeslot-container .date-selector .hints-cell{
	margin-top:10px;
	height:14px;
	height:18px \9;
}
.timeslot-container .date-selector .selector-cell .hints{
	float:left;
	font-size:11px;
	margin-left: 4px;
	margin-right: 22px;
	line-height:14px;
}
.timeslot-container .online-container{
	margin:none;
	width:100%;
	margin-top:20px;
}

/* record of transection*/
.transection h3{
	color:#005b9c;
	font-size:32px;
	line-height:36px;
	padding:0 22px;
	margin-bottom:10px;
}
.transection #table-container{
	background-color:#f5f3f1;
	padding:18px 20px;
	margin:0 16px;
}

.transection table.dataTable th{
	cursor:default;
}
.transection table.dataTable td.first{
	border-left:none;
}
.transection table.dataTable td{
	padding: 8px 10px;
	border-left:1px solid #cfcece;
}
.transection table.dataTable tr.odd{
	background-color:#f5f3f1;
}
.transection table.dataTable tr.even{
	background-color:#fff;
}

.order-info-container{
	clear:both;
	height: 26px;
	padding:0 22px;
}
.order-info-container .title{
	float:left;
	/*font-size:12px;*/
	font-size:0.9em;
	font-weight:bold;
	color:#2a9cb7;
	padding-right:7px;
}
.order-info-container .value{
	float:left;
	/*font-size:12px;*/
	font-size:0.9em;
	font-weight:bold;
	color:#58595b;
	margin-right:26px;
}
.order-info-container .print{
	background: url(../images/icon-print.png) no-repeat right 0;
	width:68px;
	height:28px;
	line-height:45px;
	float:right;
	vertical-align:baseline;
	margin-top: -15px;
	color:#8f9194;
	text-decoration:none;
	font-size:13px;
}
.order-info-container .print:hover{
	color:#2a9cb7;
}
.transection #table-container .caption-container{
	margin-bottom:15px;
}
.transection #table-container .caption{
	font-size:18px;
	font-weight:bold;
	color:#58595b;
	text-align:center;
	line-height:22px;
}
.transection #table-container .sec-title{
	color:#005b9c;
	/*font-size:20px;*/
	font-size:1.5em;
	margin-bottom:12px;
}
.transection #table-container .amount-container{
	overflow:hidden;
	clear:both;
}
.transection #table-container .amount{
	color:#58595b;
	/*font-size:16px;*/
	font-size:1.3em;
	font-weight:bold;
	float:right;
	padding:10px 0;
	margin-right: 9px;
}
.transection .note{
	width:700px;
	/*font-size:10px;*/
	font-size:0.8em;
	color:#000;
}
.transection .indent{
	margin-left:18px;
	line-height:1.2em;
	padding-top:5px;
}
.transection .indent .list-num{
	float: left !important;
	display: inline;
	text-indent: -18px;
	width: 0;
}
.transection .extra{
	margin-top:15px;
}

/*order sumary / order hardcopy*/
.order-container h1 {
	color: #005b9c;
	font-size: 32px;
	line-height: 36px;
	padding: 15px 22px 5px;
}
.order-container h3 {
	color: #005b9c;
	font-size: 32px;
	line-height: 36px;
	padding: 15px 22px 5px;
}
.order-summary .caption{
	background: url(../images/caption-myorder.png) no-repeat 0 0;
	width: 160px;
	height: 48px;
	margin-top:8px;
	margin-left:20px;
	text-indent: -9999px; /*hide the text*/
}
.order-summary .order-link{
	color:005b9c;
}
.order-summary table.dataTable thead th.first {
	border:none;
}
.order-summary table.dataTable thead th {
	border-left: 1px solid #fff;
}

.order-summary table.dataTable td{
        /*font-size:12px;
        line-height:14px;*/
        font-size:0.9em;
}

.order-summary table.General_table td{
	padding:9px 7px;
}
.order-summary table.General_table tr.odd {
	background-color: #cee4ea;
}
.order-container table.General_table tr.even {
	background-color: #fff;
}
.order-container table.S_table tr.even {
	background-color: #fff;
}
.order-container table.N_table tr.even {
	background-color: #fff;
}

.order-container .tabsContainer{
	padding-left:4px;
	background:url(../images/order-tab.png) repeat-x 0 0;
	height: 49px;
	border-bottom:none;
}
.order-container .tabsContainer li {
	background:none;
	margin-left:3px;
	margin-top: 12px;
	color:#2a9cb7;
	
	height: 37px;
	width:153px;
	background:url(../images/tab-bg-order-normal.png) no-repeat 0 0;
	padding:0;
	/*
	background:url(../images/order-tab.png) repeat-x 0 -69px;
	background-position: 0 -396px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
}
.order-container .tabsContainer li.current{
	/*background-position: 0 -126px;*/
	background:url(../images/tab-bg-order-select.png) no-repeat 0 0;
}
.order-container .tabsContainer li a{
	width:156px;
	text-align:center;
}
.order-container .tabsContainer li a span{
	width:100%;
}

.order-container .tabsContainer .S{
	/*background-position: 0 -297px;*/
	height:37px;
	width:200px;
	background:url(../images/tab-bg-spec-normal.png) no-repeat 0 0;
	
	font-weight:normal;
}
.order-container .tabsContainer .S.current{
	/*background-position: 0 -354px; */
	background:url(../images/tab-bg-spec-select.png) no-repeat 0 0;
}
.order-container .tabsContainer .N{
	/*background-position: 0 -183px;*/
	height:37px;
	width:200px;
	background:url(../images/tab-bg-nspec-normal.png) no-repeat 0 0;
	font-weight:normal;
}
.order-container .tabsContainer .N.current{
	/*background-position: 0 -240px;*/
	background:url(../images/tab-bg-nspec-select.png) no-repeat 0 0;
}
.order-container .tabsContainer .S a,.order-container .tabsContainer .N a{
	width:200px;
}

.order-container .tabsContainer .general{
	height:37px;
	width:196px;
	background:url(../images/tab-bg-gen-normal.png) no-repeat 0 0;
}
.order-container .tabsContainer .general.current{
	background:url(../images/tab-bg-gen-select.png) no-repeat 0 0;
}
.order-container .tabsContainer li a {
	color:#000;
	height:37px;
}
.order-container .tabsContainer .S.current a,.order-container .tabsContainer .N.current a{
	color:#fff;
}
.order-container .tabsContainer li.current a {
	color:#000;
}
.order-container .tabsContainer li a span{
	line-height:40px;
	font-weight:bold;
}
.order-container .tabsContainer .general a{
	width:196px;
	color:#60aec4;
}
.order-container .tabsContainer .S a{
	color:#f3d8d9;
}
.order-container .tabsContainer .N a{
	color:#dbe9d5;
}

.order-summary .tabSection {
	padding:16px 20px;
	background-color:#f4f4f4;
	min-height:420px;
	overflow:hidden;
	clear:both;
}
.order-hard .tabSection, .cart-hardcopy .tabSection {
	padding:22px 12px 0;
	background-color:#f4f4f4;
	overflow:hidden;
}
.order-container h4,.cart-hardcopy h4{
	/*font-size:20px;*/
	font-size:1.5em;
	color:#005b9c;
	padding-bottom:8px;
}
.order-hard .dataTables_wrapper,.cart-hardcopy .dataTables_wrapper{
	padding-bottom:16px;
}
.order-hard .btn-container{
	background-color:#f4f4f4;
}
.order-hard .print {
	background: url(../images/icon-print.png) no-repeat right 0;
	width: 205px;
	height: 28px;
	line-height: 45px;
	float: right;
	vertical-align: baseline;
	color: #8f9194;
	text-decoration: none;
	margin-top:-38px;
	text-align: right;
	padding-right: 40px;
	font-size:13px;
}
.order-hard .print:hover {
	color: #2a9cb7;
}
.order-hard .info-container{
	border:1px solid #9d9d9e;
	color:#404041;
	/*font-size:12px;*/
	font-size:1em;
	padding:13px 21px;
	padding-bottom:0;
	margin-bottom:24px;
	
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dddfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dddfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dddfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#dddfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#dddfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dddfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddfdf',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.order-hard .info-container .info-row{
	margin-bottom:18px;
}
.order-hard .info-container .lable{
	font-weight:bold;
	width:130px;
	padding-right:8px;
	display:inline-block;
	vertical-align:top;
}
.order-hard .info-container .value{
	display:inline-block;
}

#main .back-order-btn {
	background: url(../images/btn-back-order.png) no-repeat 0 0;
	color: #000;
	width: 222px;
	height:33px;
	line-height:33px;
	text-align: center;
	margin-right: 7px;
	margin-bottom: 18px;
}
#main .back-order-btn:hover {
	background: url(../images/btn-back-order-over.png) no-repeat 0 0;
}

/*Plan list inspect (step1)*/
.pl-inspect .status-step1 {
	background: url(../images/status-plan-step1.png) no-repeat 0 0;
}
.pl-inspect table.dataTable thead th{
	/*font-size:12px;*/
	font-size:0.9em;
}
table.dataTable td .input-page{
	width:32px;
	text-align: center;
}
table.dataTable td .input-copy{
	width:20px;
	text-align: center;
}
.pl-inspect .view-thumb{
	background: url(../images/icon-thumb.png) no-repeat right 0;
	width:118px;
	height:28px;
	line-height:45px;
	vertical-align:baseline;
	color:#8f9194;
	text-decoration:none;
}
.pl-inspect .view-thumb:hover{
	color:#2a9cb7;
}
.pl-inspect .tabsContainer {
	height:34px;
}
.pl-inspect .tabsContainer li {
	height:34px;
	margin-top:5px;
}
.pl-inspect .tabsContainer .tab-control-ele{
	margin-top:0;
	display:inline-block;
}
.pl-inspect .tabsContainer .tab-control-ele .dataTables_length{
	float:none;
	padding-top:5px;
}
.pl-inspect .btn-container{
	margin-top:34px;
}
.pl-inspect .btn-container .tips-btn{
	width:24px;
	height:31px;
	display:inline-block;
}

/* hardcopy cart*/
.cart-hardcopy .status-caption {
	margin-bottom: 12px;
}
.cart-hardcopy .status-step2 {
	background: url(../images/status-plan-step2.png) no-repeat 0 0;
}
.cart-hardcopy .table-container{
	padding:0 22px;
}
.cart-hardcopy table.dataTable tr.even{
	background-color:#fff;
}
.cart-hardcopy table.dataTable td{
	/*font-size:12px;
	line-height:14px;*/
	font-size:0.9em;
}
.cart-hardcopy h4 {
	margin-top:-12px;
}
.cart-hardcopy .dataTables_wrapper {
	padding-bottom: 10px;
}
.cart-hardcopy .cost-container {
	clear: both;
	overflow: hidden;
	margin-bottom: 8px;
}
.cart-hardcopy .cost-cell {
	color: #005b9c;
	/*font-size: 13px;*/
	font-size: 1.0em;
	font-weight: bold;
	float: right;
	margin-right: 68px;
}
.cart-hardcopy .sub-container {
	padding:18px 32px 0;
}
.cart-hardcopy .sub-container .cost-cell{
	/*font-size:18px;*/
	font-size: 1.4em;
	font-weight:bold;
}
.cart-hardcopy .sub-container .S_type{
	color:#ab3747;
}
.cart-hardcopy .sub-container .N_type{
	color:#35762e;
}
.cart-hardcopy .foot-info{
	padding:0 22px;
	margin-bottom:15px;
	margin-top: -10px;
	overflow:hidden;
	clear:both;
}
.cart-hardcopy .foot-info .left-cell{
	float:left;
}
.cart-hardcopy .foot-info .right-cell{
	float:right;
	vertical-align:bottom;
	padding-right:10px;
}
.cart-hardcopy .foot-info .total-cost{
	color:#eb4036;
	/*font-size:24px;*/
	font-size: 1.8em;
	font-weight:bold;
	margin-right:68px;
	margin-top:20px;
}
.cart-hardcopy .foot-info a{
	font-size:14px;
	color:#2a9cb7;
	display:block;
	margin-bottom:5px;
}
.cart-hardcopy .foot-info a:hover{
	color:#005b9d;
}
#main .delivery-btn {
	background: url(../images/btn-select-delivery.png) no-repeat 0 0;
	color: #fff;
	width: 186px;
	margin-right: 106px;
}
#main .delivery-btn:hover {
	background: url(../images/btn-select-delivery-over.png) no-repeat 0 0;
}
/* delivery method */
.delivery .status-step3 {
	background: url(../images/status-plan-step3.png) no-repeat 0 0;
}
.delivery .caption-img{
	background: url(../images/caption-delivery-method.png) no-repeat 0 0;
	width:397px;
	height:47px;
	margin:0 20px;
	margin-bottom:10px;
	text-indent: -9999px; /*hide the text*/
}
.delivery .content{
	margin:0 20px;
	background-color:#f5f3f1;
	padding:20px 33px 6px;
}
.delivery .content .indent {
	margin-left: 21px;
	/*font-size:14px;*/
	font-size:1.0em;
	color:#000;
	margin-bottom:15px;
}
.delivery .content .indent .list-num {
	line-height: 16px;
	color: #005b9c;
	/*font-size: 21px;*/
	font-size:1.5em;
	float: left !important;
	float: none;
	display: inline;
	text-indent: -21px;
	width: 0;
}
.delivery .content .indent a{
	color:#2a9cb7;
}
.delivery .content .indent a:hover{
	color:#005b9c;
}
.delivery .content .indent .h{
	color:#005b9c;
}
.delivery .content .indent .highlight{
	/*font-size:18px;*/
	font-size:1.4em;
	color:#005b9c;
}
.delivery .choice-container{
	clear:both;
	overflow:hidden;
	margin-top:10px;
}
.delivery .choice-cell{
	float:left;
	height:31px;
	vertical-align:middle;
	margin-right:31px;
	color:#005b9c;
	font-size:14px;
	font-weight:bold;
	
	background: url(../images/icon-delivery.png) no-repeat right 0;
	padding-right:36px;
}
.delivery .choice-cell .txt{
	vertical-align:middle;
	line-height:31px;
}
.delivery .choice-cell .txt input{
	margin-right:7px;
}
.delivery .choice-container .icon-C{
	background-position:right -35px;
}
.delivery .choice-container .icon-M{
	background-position:right -70px;
}
.delivery .btn-container{
	padding:0 22px;
	margin-top:20px;
}
.delivery .delivery-back-btn{
	background: url(../images/btn-delivery-back.png) no-repeat 0 0;
	color: #000;
	width: 202px;
}
.delivery .delivery-back-btn:hover{
	background: url(../images/btn-delivery-back-over.png) no-repeat 0 0;
}
.delivery .delivery-next-btn{
	background: url(../images/btn-delivery-next.png) no-repeat 0 0;
	color: #fff;
	width: 200px;
	margin-left:24px;
}
.delivery .delivery-next-btn:hover{
	background: url(../images/btn-delivery-next-over.png) no-repeat 0 0;
}
/* delivery address */
.delivery .caption-img2{
	background: url(../images/caption-delivery-address.png) no-repeat 0 0;
	width:350px;
	height:48px;
	margin:0 20px;
	margin-bottom:15px;
	text-indent: -9999px; /*hide the text*/
}
.delivery .content .indent .row{
	margin-top:8px;
}
.delivery .content .indent .h1{
	color:#005b9c;
	/*font-size:18px;*/
	font-size:1.4em;
	line-height:22px;
}
.delivery .content .choice .h1{
	margin-left:8px;
}
.delivery .content .indent .h2{
	color:#005b9c;
	/*font-size:14px;*/
	font-size:1.1em;
	font-weight:bold;
}
.delivery .content .indent .space{
	width:28px;
	display:inline-block;
}
.delivery .content .indent input[type="text"]{
	width:460px;
	height:25px;
	font-size:14px;
	background-color:#eaf6f7;
}
.delivery .content .indent .choice{
	margin-right:44px;
	vertical-align:middle;
}
/* my profile*/
.my-profile .content{
	width:1000px;
	height:638px;
	background: url(../images/bg-profile.png) no-repeat 0 0;
}
.my-profile .content .inner{
	width:620px;
	height:400px;
	top:90px;
	left:190px;
	position:relative;
	padding:21px 57px 27px;
}
.my-profile .caption{
	width:209px;
	height:57px;
	background: url(../images/caption-profile.png) no-repeat 0 0;
	text-indent: -9999px; /*hide the text*/
}
.my-profile .form-container{
	overflow:hidden;
	clear:both;
	color:#58595b;
	font-size:0.9em;
}
.my-profile .form-container .col{
	display:inline-block;
	float:left;
}
.my-profile .form-container .left{
	width:195px;
}
.my-profile .form-container .right{
	margin-left:16px;
	width:370px;
}
.my-profile .form-container .col .row{
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:6px 0;
}
.my-profile .form-container .col .btn{
	height:30px;
	padding-bottom:0;
}
.my-profile .form-container .left .row{
	text-align:right;
}
.my-profile .form-container .right .err-msg{
	display:inline-block;
	vertical-align:top;
	color:#F30;
	padding-left:8px;
}
.my-profile .form-container .right input[type="text"]{
	width:160px;
	background-color:#e3eff2;
	height:16px;
}
.my-profile .form-container .right .long input[type="text"]{
	width:220px;
}
.my-profile  .profile-btn{
	display:inline-block;
	width:76px;
	height:29px;
	line-height:29px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	margin-right:8px;
}
.my-profile .submit-btn {
	background: url(../images/btn-profile-submit.png) no-repeat 0 0;
}
.my-profile .submit-btn:hover {
	background: url(../images/btn-profile-submit-over.png) no-repeat 0 0;
}
.my-profile .reset-btn {
	background: url(../images/btn-profile-reset.png) no-repeat 0 0;
}
.my-profile .reset-btn:hover {
	background: url(../images/btn-profile-reset-over.png) no-repeat 0 0;
}
.my-profile .hints{
	font-size: 0.9em;
	color: #6d6e70;
	margin-top: 12px;
	margin-right: 60px;
	line-height: 1.1em;
}
.my-profile .hints a{
	color:#005b9a;
}
.my-profile .hints a:hover{
	color:#2A9CB7;
}

#footer.profile{
	margin-top:-66px;
}

/*status bar*/
.status-bar{
	height:20px;
	width:100%;
	overflow:hidden;
	clear:both;
}
.status-bar li{
	margin:0;
	padding:0;
	float:left;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	height:20px;
	cursor:pointer;
	color:#6e6f70;
}
.status-bar li a{
	color:#6e6f70;
	text-decoration:none;
}
.status-bar li.current,.status-bar li.current a{
	cursor:default;
}
.status-bar li.current a,.status-bar li.over a,.status-bar li.current,.status-bar li.over{
	color:#fff;
}
.status-bar .head{
	background: url(../images/status-head.png) no-repeat 0 0;
	width:25%;
	z-index:80;
}
.status-bar .middle{
	background: url(../images/status-middle.png) no-repeat 0 0;
	width:25%;
	margin-left: -20px;
	z-index:81;
}
.status-bar .end{
	background: url(../images/status-end.png) no-repeat 0 0;
	width:25%;
	margin-left: -11px;
	z-index:82;
}
.status-bar.green .head.current,.status-bar.green .head.over{
	background: url(../images/status-green-head-over.png) no-repeat 0 0;
	width:25%;
}
.status-bar.green .middle.current,.status-bar.green .middle.over{
	background: url(../images/status-green-middle-over.png) no-repeat 0 0;
	width:25%;
}
.status-bar.green .end.current,.status-bar.green .end.over{
	background: url(../images/status-green-end-over.png) no-repeat 0 0;
	width:25%;
}

.status-bar.orange .head.current,.status-bar.orange .head.over{
	background: url(../images/status-orange-head-over.png) no-repeat 0 0;
	width:25%;
}
.status-bar.orange .middle.current,.status-bar.orange .middle.over{
	background: url(../images/status-orange-middle-over.png) no-repeat 0 0;
	width:25%;
}
.status-bar.orange .end.current,.status-bar.orange .end.over{
	background: url(../images/status-orange-end-over.png) no-repeat 0 0;
	width:25%;
}

.FormHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #b93c00;
	background-position: left center;
	vertical-align: bottom;
}

textarea,input,option,td .FormContents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin-right:5px;
}

.FormContents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.FormContents textarea{
	width: 250px;
	height:34px;
}

.order-summary .address td{
	padding: 4px;
}

.order-summary .submit-btn {
	background: url(../images/bg-reg-submit-btn.png) no-repeat 0 0;
}
.order-summary .submit-btn:hover {
	background: url(../images/bg-reg-submit-btn-over.png) no-repeat 0 0;
}

.order-summary .info-btn{
	width:19px;
	height:20px;
	display:inline-block;
	background:url(../images/icon.png) no-repeat 0 -88px;
	vertical-align: middle;
	margin-top:-2px;
}

.order-summary .refresh-btn{
	height:19px;
	padding-left:22px;
	display:inline-block;
	background:url(../images/icon.png) no-repeat 0 -66px;
	color:#07528a;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.order-summary .playSoundBtn{
	height:19px;
	padding-left:22px;
	display:inline-block;
	background:url(../images/playSound.png) no-repeat top left;
	color:#07528a;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
.skip-link {
    position: relative;
    z-index: 6000;
}
.skip-link .skip-link__link {
    display: -moz-inline-stack;
    display: block;
    margin: 0;
    max-height: 0;
    color: #fff;
    position: absolute;
    top: -5000px;
    left: -5000px;
}


#mapid {
  	width: 100%;
	height: 428px;
}

.leaflet-container .leaflet-control-attribution {
  background: transparent;
}
#paymentDetector{
color:red;
font-size : 1.3em;
}

#table-container .nav-tabs .nav-link.active {
    background: url('../images/tabs-bg.png') repeat-x 0 0;
    height: 29px;
    color: white !important;
    padding: 0 20px;
}

select {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: max-content;
}

input {
    width: 60%;
    max-width: max-content;
}

.S_table_header{
	position: relative;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	padding: 0 20px;
	background: url(../images/tabs-bg.png) repeat-x 0 0;
	color:white;
}

.N_table_header{
	position: relative;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	padding: 0 20px;
	background: url(../images/sort_bg_green.png) repeat-x 0 0;
	color:white;
}

.S_table_header span.icon.info-btn,.N_table_header span.icon.info-btn{
	width: 18px;
	height: 18px;
	background: url(../images/tabs-info.png) no-repeat 0 0;
	display: inline-block;
	margin-top: 5px;
	margin-left: 7px;
	cursor: pointer;
}

.N_table_header span.icon.info-btn {
    background-position: 0 -40px;
}

#categoryCode-tile{
	float:left;
	padding-top:1px;
}
.na-btn{
	background: url(../images/bg-reg-submit-btn.png) no-repeat 0 0;
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width:101px;
}
.record-heading #colFormNo,.record-heading #colMwItem{
	width:7%;
}

@media (max-width: 400px) {
	.order-container .tabsContainer li {width: 100px;}
	.order-container .tabsContainer li a {width: 100px;}
	.tabsContainer li a span {font-size:10px;}
}