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

/* body */
body {margin:0; padding:31px 0 0 0; font-size:14px; font-family:Arial, '微軟正黑體', 'Microsoft JhengHei', sans-serif; color:#333333; overflow-x:hidden; background: #FFFFFF; -webkit-text-size-adjust: 100%;}
body.notify {padding:0;}

/* backgrounds */
body.bbg {background-color: #FFF; } /* body with background image */
.bbg_image {width:100%;height:100%;background: #FFF url('../img/bg-content.jpg') no-repeat top center; background-size:cover; position:fixed; z-index:-1; margin-top:-31px;} /* div for background image */
.bbg_image.ack {background: #EBEAE6 url('../img/bg-ack.jpg') no-repeat top center; } /* background image for acknowledgement page */

.wbg {background:#FFF;}
.gbg {background:#F0F0F0; padding:12px 15px 2px;}

/* images */
img {border:0;}
img.banner {width:100%; background-color: #026D24;}

/* hr */
.hr {border-bottom:1px solid #CCCCCC; height:0px; margin:12px 0;}
.hr2 {border-bottom:1px solid #CCCCCC;}
.hr95c {border-bottom:1px solid #CCCCCC; width: 95%; margin: 0 auto; }
.bv {border-left:1px solid #D6D6D6}

/* blocks */

.hblock {min-height:217px}
.fixbtn {position:absolute; bottom:12px}

/* containers */
.mainBody {margin:0 auto; min-width:217px;}
.container {padding:12px 10px;}
.container_cs {padding:25px 20px;}
.container_p {padding:12px 10px 0 10px;}
.container_p2 {padding:12px 10px;}
.container_p3 {padding:0 10px;}
.container_p4 {padding:12px 10px 6px 10px;}
.container_p5 {padding:12px 15px;}

/* page title */
h1.pagetitle {position: absolute; top:0; font-size:16px; text-align:center; font-weight:bold; color:#FFF; background:#026D24; margin:0 auto; width:100%; min-height: 31px;     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);}
h1.pagetitle span, h1.pagetitle3 span {display:block; padding:6px 10px 5px 10px;}
h1.pagetitle2 {font-size:16px; text-align:center; font-weight:bold; color:#FFF; background:#026D24; margin:-5px 0 0 0; padding:6px 10px 5px 10px; min-height: 22px;}
h1.pagetitle3 {top:0;font-size:16px; text-align:center; font-weight:bold; color:#FFF; background:#026D24; margin:0 auto; min-height: 31px; position:fixed; width: 100%;   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); } 
h1.map {box-shadow:none;}

/* subtitle */
h2.pagesubtitle {font-size:12px; text-align:left; font-weight:bold; color:#FFF; background:#31B744; margin:0; padding:6px 10px 1px 10px; min-height:20px;}
h2.pagesubtitle2 {margin:0 0 10px 0; padding:0; font-size:18px; font-weight:bold; color:#000;}
h2.pagesubtitle3 {margin:18px 0 3px 0; padding:0; font-size:14px; font-weight:bold; color:#FFF; background-color: #31B744; padding: 5px 10px !important; margin-bottom: 2px !important;}
h2.pagesubtitle4 {margin:10px 0; padding:0; font-size:14px; font-weight:bold; text-align:center; color:#FFF; border-bottom:0;}
.pagesubtitle4 {margin:0 0 10px 0; padding:0 0 10px 0; font-size:14px; font-weight:bold; color:#000;  border-bottom:1px solid #CCC;}
h3.cnttitle {margin:0 0 5px 0; padding:0; font-size:15px; font-weight:bold; color:#026D24;}
h4 {margin-bottom: 8px;}

/* margins */
.lt {float:left;}
.rt {float:right;}
.w19 {width:19%}
.w20 {width:20%}
.w25 {width:25%}
.w28 {width:28%}
.w31 {width:31%}
.w34 {width:34%}
.w40 {width:40%}
.w48 {width:48%}
.w49 {width:49%}
.w50 {width:50%}
.w52 {width:52%}
.w56 {width:56%}
.w60 {width:60%}
.w65 {width:65%}
.w75 {width:75%}
.w77 {width:77%}
.w80 {width:79%}
.w83 {width:83%;}
.w88 {width:88%;}
.w95 {width:95%;}
.w100 {width:100%;}
.mr1p {margin-right:1%;}
.mr2p {margin-right:2%;}
.mr4p {margin-right:4%;}
.mr10 {margin-right:10px;}
.ml5p {margin-left:5%;}
.ml6p {margin-left:6%;}
.mt6 {margin-top:6px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mb8  {margin-bottom:8px;}
.mb10 {margin-bottom:12px;}
.mb25 {margin-bottom:25px;}
.mb55 {margin-bottom:55px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:12px;}
.p10 {padding: 0 10px;}
.pbl1 {padding: 0 5px 5px 0}
.cl {clear:both;}
.txt13 {font-size:13px;}
.wsnw {white-space: nowrap;}
.centerTxt {text-align: center;}
.mc {margin: 0 auto;}

/* icons */
b.badge_pdf {display:inline-block; margin-bottom:-3px; width: 28px; height:14px; background: url('../img/ico-pdf.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_phone {display:inline-block; margin:0 10px -8px 0; width: 25px; height:25px; background: url('../img/btn-ico-call.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_appointment {display:inline-block; margin:0 5px -10px 0; width: 20px; height:25px; background: url('../img/ico-appoint-white.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_email {display:block; margin:0 auto; width:25px; height:25px; background: url('../img/ico-email.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_bbc {display:block; margin:0 auto; width:25px; height:25px; background: url('../img/ico-bbc.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_tsl {display:block; margin:0 auto; width:25px; height:25px; background: url('../img/ico_TradeServLocation.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_maa {display:block; margin:0 auto; width:25px; height:25px; background: url('../img/ico-appoint.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_b_phone {display:inline-block; margin:0 5px -3px 0; width:14px; height:14px; background: url('../img/ico-sml-call.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_b_direct {display:inline-block; margin:0 0 -3px 7px; background: url('../img/ico-locator.png'); background-repeat:no-repeat; background-size: 15px 15px; background-position: 0 2px; padding-left:18px; font-weight:normal; color: #0083CA;}
b.badge_location {display:inline-block; margin:0 7px 0 0; width:11px; height:20px; background: url('../img/ico-address.png'); background-repeat:no-repeat; background-size: 100%; position:absolute; top:-2px; left:1px;}
b.badge_time {display:inline-block; margin:0 7px 0 0; width:14px; height:18px; background: url('../img/ico-openhour.png'); background-repeat:no-repeat; background-size: 100%; position:absolute; top:-1px; left:0;}
b.badge_g_phone {display:block; margin:0 auto; width:25px; height:25px; background: url('../img/ico-call.png'); background-repeat:no-repeat; background-size: 100%;}
b.badge_home {display:inline-block; margin-bottom:-3px; margin-right:5px;  width: 22px; height:18px; background: url('../img/btn-ico-home.png'); background-repeat:no-repeat; background-size:100%;}
b.badge_submit {display:inline-block; margin-bottom:-3px; margin-right:5px;  width: 22px; height:18px; background: url('../img/btn-ico-submit.png'); background-repeat:no-repeat; background-size:100%;}
b.badge_continue {display:inline-block; margin-bottom:-3px; margin-right:5px;  width: 22px; height:18px; background: url('../img/btn-ico-arrow.png'); background-repeat:no-repeat; background-size:contain;}


/* BBC */
.bbc_district_card {box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);}
.bbc_card {margin-bottom: 0px; background:#FFF; border-bottom: solid 1px #A6CE39;}
.bbc_card_lt {display: table-cell; width: 100%; vertical-align: top;} 
.bbc_card_rt {display: table-cell; min-width: 80px; vertical-align: top;} 
.bbc_end {padding-bottom: 10px;}

/* form */
.formcell {min-height:32px}
.formcell label {margin-top:10px}
label {font-size:14px; font-weight:normal; color:#000; margin-bottom:3px; display: block;}
label .greenBold { font-family:'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight:700; color:#006E1F;}
.greenHeader {font-family: Arial-BoldMT, "Arial Bold", Arial; font-weight: 700; font-style: normal; font-size: 16px; color: rgb(0, 110, 31); margin: 5px 0 15px;}
select {}
select.select {
	border: none;
	background-color: #ffffff;
	padding:0px 18px  0px 6px;
	font-size: 14px;
	width:100%;
	//box-sizing:border-box;
	-webkit-appearance: none;
	border-radius:0;
	background-image: url('../img/ico-dropdown-arrow.png');
	background-size:14px 4px;
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	box-shadow: 0px 0px 1px 1px #4B4B4B;
	height: 39px;
}	
select.select:focus { outline: none !important; border: none; box-shadow: 0px 0px 1px 1px #31B744;}

input {}
input.text {
	border: none;
	padding:0px 6px;
	font-size: 14px;
	width:100%;
	box-sizing:border-box;
	-webkit-appearance: none;
	border-radius: 0;
	height:39px;
	box-shadow: 0px 0px 1px 1px #4B4B4B;
}	
input.text:focus { outline: none !important; border: none; box-shadow: 0px 0px 1px 1px #31B744;}
input[type='radio'] { transform: scale(1.5); vertical-align:middle;}
input.error, select.select.error {background-color:#feffc5;}
.submit {text-decoration: none; display: block; width:93%; height: 42px; font-size:16px; text-align:center; font-weight:bold; color:#FFF; background:#31B744 url('../img/btn-grn.png') ; background-repeat:repeat-x; background-position:top; background-size: auto 80px; border-radius: 3px; -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25);}
.submit:hover, .submit:active, .submit:focus {text-decoration: none; display: block; width:93%;  min-height: 22px; text-align:center; font-weight:bold; color:#FFF; background:#1B6024 url('../img/btn-grn-on.png') ; background-repeat:repeat-x; background-position:top; background-size: auto 80px; border-radius: 4px;}

.submit#QuoteBtn {background-image:none;background:linear-gradient(180deg, rgba(19, 138, 46, 1) 0%, rgba(19, 138, 46, 1) 0%, rgba(0, 110, 31, 1) 100%, rgba(0, 110, 31, 1) 100%);}
.submit#QuoteBtn.disable { box-shadow: rgba(204, 204, 204, 0.247) 0px 3px 1px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 80%, rgb(240, 240, 240) 100%); border-color: rgb(204, 204, 204); border-width: 1px; border-style: solid;}
.submit.disable div { color: rgb(153, 153, 153); }

.container_cs .submit, .container_cs .submit:hover, .container_cs .submit:active, .container_cs .submit:focus, .gbg .submit, .gbg .submit:hover, .gbg .submit:active, .gbg .submit:focus {width:100%; min-height:42px; margin-bottom:14px}
.submit div {padding:12px 15px 12px 15px;}
#toggleDivContainer { display: none; padding-top: 15px;}
input.toggle, input.toggle01 {max-height: 0; max-width: 0; opacity: 0;}
input#toggle + label, input#toggle01 + label  {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  margin-top:-15px;
}

input#toggle + label:before, input#toggle01 + label:before  {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggle + label:after, input#toggle01 + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggle:checked + label:before, input#toggle01:checked + label:before {
  width: 50px;
  background: rgba(19, 191, 17, 1);
}

input#toggle:checked + label:after, input#toggle01:checked + label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
}
.form_ack_checkbox {width:40px; display:table-cell; }
.form_ack_text {width:auto; display:table-cell; }
.errmsg {display: block; padding-top:7px; font-size:14px; font-weight: normal;color:#E10006;}
.form_submit {padding-top: 10px; padding-bottom: 10px;}
.form_submit.col2.p10 {padding:0;}
.form_submit.col2 .submit {width:43%; margin:0 7px; display:inline-block;}
.submit.back {color:#27B93C; background-color:#FFF; background-image:none; border:1px solid #27B93C;box-sizing: border-box;box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.149019607843137);background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(245, 245, 245, 1) 100%, rgba(245, 245, 245, 1) 100%);font-weight:normal;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin: 10px 10px;
}
.note {color: #444; font-size: 0.95em; line-height:1.5;}
.ack_card {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

/* content */
p {margin:0; padding:0 0 12px 0; font-size:14px; line-height:1.4; text-align:left;}
.txt12 {font-size:13px;}
.wtxt {font-size: 16px; font-weight: normal; color:#000; padding-bottom:2px;}
.ctxt {text-align:center;}
p.reminder {font-size: 14px; font-weight:normal; color:#000; margin:0; padding:0 0 20px 0}
.remark p {font-size:11px; font-weight:normal; color:#000;}
.remark ul li {font-size: 12px; font-weight: normal; line-height: normal; margin-bottom: 15px;}
.remark .blueTxt {color:#0083CA;}
.address, .time {position:relative; padding:0 10px 7px 20px; font-size:14px; font-weight:normal; color:#000;}
.footNote { line-height: normal; }
.footNote .strong {font-weight: 700;}

/* list */
ol {padding-left: 15px; margin-top: 0px; counter-reset: item;}
ol li {margin: 0 0 12px 10px;}
ol > li {counter-increment: item;}
ol ol > li {display: block; padding-top: 10px; margin-bottom:0px;}
ol ol > li:before {content: counters(item, ".") ". "; margin-left: -28px;}
ol ol.ol10 > li:before {margin-left: -35px;}
ol ol ol > li:before {margin-left: -21px;}
ol[type="i"] {padding-left: 22px;}
ol[type="i"] > li, ol[type="a"] > li { margin-left:0; padding-left:0; counter-increment:item; list-style:none inside;}
ol[type="i"] > li:before {content:"(" counter(item, lower-roman) ")"; float:left; margin-left: -31px;}
ol[type="a"] > li:before {content:"(" counter(item, lower-alpha) ")"; float:left; margin-left: -20px;}

ul {padding-left: 10px; margin-top: 0px;}
ul li {margin: 0 0 6px 6px;}
ul.blist {font-size:14px; list-style:disc; color:#0083CA; padding-left:14px; margin-top:0px;}
ul.cs_action_list {margin:0; padding:0; list-style:none; background:#FFF; /*border-bottom: 1px solid #CCC;*/ -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3);}
ul.cs_action_list li {display:block; float:left; margin:0; padding:0; background:#FFF; width: 49.7%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC;}
ul.cs_action_list li+li {/*width: 33%;*/}
ul.cs_action_list li a {display: block; background:#FFF; width:100%; font-size:11px; font-weight:bold; color:#000; text-align:center; text-decoration:none;}
ul.cs_action_list li a:hover, ul.cs_action_list li a:active, ul.cs_action_list li a:focus {display: block; width:100%; font-weight:bold; color:#000; text-align:center; text-decoration:none;}
ul.cs_action_list li a span {display:block; margin:10px 5px; height:51px;}

ul.normallist {margin:0 0 12px 12px; padding:0; font-size:14px; font-weight:bold; list-style:disc; background:#FFF;}
ul.arrowlist {margin: 0; padding:0; list-style:none;}
ul.arrowlist li {position: relative; padding-left: 12px; margin: 0; background: url('../img/arrow-blue-sml-r.png'); background-repeat:no-repeat; background-size: 4px 7px; background-position: 1px 5px;}

/* links */
a, a:hover, a:active, a:focus {font-weight:normal; color:#0083CA; text-align:left; text-decoration:none;}
a.location h3.locationtitle {margin:0 0 7px 0; font-size: 14px; font-weight:bold;}
a.location, a.location:active, a.location:hover, a.location:focus  {display:block;text-decoration:none;}
a.blink, a.blink:hover, a.blink:active, a.blink:focus {display:block; font-size:14px; font-weight:normal; color:#0083CA; text-align:left; text-decoration:none;}
.errorMsg a, .errorMsg a:hover, .errorMsg a:active, .errorMsg a:focus {color:#FFF; text-decoration:underline;}

/* button */
a.btn_action {display:block; width:100%; padding:5px; font-size:11px; font-weight:bold; text-align:center; color:#000; text-decoration:none; word-break:break-word;}

.bottom {position:fixed; width:100%; background:#FFF; bottom:0; z-index:100; border-top:1px solid #CCC; box-shadow: 0px -1px 3px #CCC;}
.bottom-transparent {padding:12px 0px 30px; background: none; border:none; position:fixed; width:100%; bottom:0; z-index:100; text-align:center;}
.bottom .submit {width:100%;}
.bottom .narrow {width:55%;}

.date {margin-bottom:12px; font-size:13px; font-weight:normal; color:#999;}
p a.blink, p a.blink:hover, p a.blink:active, p a.blink:focus {display:inline-block;}

/* Error Page Content */
.errorMsg {
	display: table-cell;
	vertical-align: middle;
	color: #000000;
	text-align: center;
}
.errorMsg h2::before {  
	background-image: url('../img/ico-error.png');
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	margin-bottom: -6px;
	content: " ";
} 
.errorMsg h2 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.0;
}
.errorMsg .message {
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0 0;
}

/* Stick to bottom Control */
.stickyBtmBtn {
	position: fixed;
	bottom: 30px;
	width: 100%;
	z-index: 999;
}

.home-error {
	bottom: 80px;
}

.stickyBtmBtn .narrow {width:55%;}


/* Map iFrame Sizing */
#map {
	width: 100%;
}
#bottomLink {
	background-color: #31B744;
    background: -webkit-linear-gradient(#31B744, #2BA13A, #289636); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#31B744, #2BA13A, #289636); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#31B744, #2BA13A, #289636); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#31B744, #2BA13A, #289636); /* Standard syntax */
	height: 56px;
	padding: 0px 10px;
	font-size: 15px;
	font-weight: bold;
}
#bottomLink a {
	display:block;
	padding: 18px 0px;
	color: #fff;
	background: url('../img/ico-list.png') no-repeat center right;
	background-size: 10px 17px;
}

/* Map Info Window CSS */
h2.infoWTitle {
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
	color: #026D24;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}
.infoWBody {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}
.infoWTel {
	font-size: 13px;
	color: #0083ca;
	background: url('../img/ico-sml-call.png') no-repeat center left;
	background-size: 12px 12px;
	padding-left: 15px;
	margin-top: 5px;
	line-height: 1.6;
	display: block;
}
.infoWHours {
	font-size: 13px;
	background: url('../img/ico-openhour.png') no-repeat center left;
	background-size: 11px 12px;
	padding-left: 15px;
	line-height: 1.6;
	font-weight: normal;
}

.gm-style-iw .submit {
	width: 94%;
	margin-top: 5px;
	margin-left: 5%;
	margin-bottom: 4px;
	margin-right: 10px !important;
	min-height: 42px;
	white-space: nowrap;
}
.gm-style-iw center {
	text-align: center;
}


/* Video embed */
.video-container {
    position: relative;
    padding-bottom: 47.5%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* media query for different device pixel ratios */

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	select.select {border:1px #4B4B4B solid; box-shadow: none;} 
	select.select:focus {border:1px solid #31B744; box-shadow: none;}
	input.text {border:1px #4B4B4B solid; box-shadow: none;}
	input.text:focus {border:1px solid #31B744; box-shadow: none;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	select.select {border:none; box-shadow: 0px 0px 1px 1px #4B4B4B;} 
	select.select:focus {border:none; box-shadow: 0px 0px 1px 1px #31B744;}
	input.text {border:none; box-shadow: 0px 0px 1px 1px #4B4B4B;}
	input.text:focus {border:none; box-shadow: 0px 0px 1px 1px #31B744;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	select.select {border:1px #4B4B4B solid; box-shadow: none;} 
	select.select:focus {border:1px solid #31B744; box-shadow: none;}
	input.text {border:1px #4B4B4B solid; box-shadow: none;}
	input.text:focus {border:1px solid #31B744; box-shadow: none;}
}




/* Trade Doc Track Added Class */
.mt50 { margin-top: 50px; }
.mt70 { margin-top: 70px; }
.tbGray { border-top: 1px #ccc solid; }
.w23 { width:23% }
.w75 { width:75% }

/* Contact Us - New Class replace old Class*/
.halfhalf { width: 100%; border: none; }
ul.cs_action_list.halfhalf li { width: 50%; border: none; }
ul.cs_action_list.halfhalf li a span { padding: 10px 0; margin: 0; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }

/* Landing Page */
/* backgrounds */
body.tdt { background-color: #FFF; } /* body with background image */
.tdt_landing_image { width:100%; height:100%; background: #FFF url('../img/bg-landing01.png') no-repeat top center; background-size:cover; position:fixed; z-index:-1; margin-top:-31px; } /* div for background image */

/* Box Style */
.box { position: relative; margin: 0 20px 20px 20px; padding: 20px; box-shadow: 3px 3px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); background-color: #fff; }
.box .icn { display: block; margin: 0; width: 40px; height: 40px; background-size: 40px 40px; float: left; }
.icn.search { background: #fff url('../img/ico_TradeDocTrack.png') no-repeat center center; background-size: 40px 40px; }
.icn.subNotice { background: #fff url('../img/ico_SubNotice.png') no-repeat center center; background-size: 40px 40px; }

.box .txtHolder { float: left; padding-left: 15px; max-width: 75%; }
.box .txtHolder .title { font-weight: 700; font-style: normal; font-size: 16px; color: #006E1F; word-wrap: break-word; margin-bottom: 5px; }
.box .txtHolder .desc { font-weight: 400; font-style: normal; font-size: 14px; color: #333333; line-height: normal; }


.remark p.title { font-weight: 700; font-size: 12px; }
p.plain {font-weight:normal; color:#000; margin:0; padding:0; }
b.badge_GreenRightArrow { 
	display: inline-block;
	margin-bottom: -3px;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_show.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
b.badge_GreenRightArrow.on {
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_hide.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
b.badge_SampleRefNo {
	display: inline-block;
	margin-bottom: -3px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_breakdown.fw.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
b.badge_SampleRefNo.on {
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_hide.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.SampleRefNoGoExp { display: inline;}
.SampleRefNoGoExp.on { display: none; }
.SampleRefNoWaitExp { display: none; }
.SampleRefNoWaitExp.on { display: inline;}


b.badge_TradeDocTrack {display:inline-block; margin-bottom:-3px; margin-right:5px;  width: 22px; height:18px; background: url('../img/btn-ico-search.png'); background-repeat:no-repeat; background-size:100%;}

b.badge_backTo_ArrowLeft {position: relative; padding-left: 12px; margin: 0; background: url('../img/arrow-blue-sml-l.png'); background-repeat:no-repeat; background-size: 4px 7px; background-position: 1px 5px;}


/* Subscribe to Notification */
label.inline { display: inline; }
input[type=radio] {
	/* Double-sized Checkboxes */
	/*-ms-transform: scale(1.5); /* IE */
	/*-moz-transform: scale(1.5); /* FF */
	/*-webkit-transform: scale(1.5); /* Safari and Chrome */
	/*-o-transform: scale(1.5); /* Opera */
	margin: 10px 10px 10px 0;
}
.toggleField { display: none; }


/* Explain Images Container */
.boxContainer {
	border: 1px rgba(204,204,204,1) solid;
	padding: 15px;
}
.boxContainer img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* Notification Sent */
.grayBG {
	width: 100%;
	height: 100%;
	background: gray url('../img/bg-gray.png') no-repeat top center;
	background-size: cover;
	position: fixed;
	z-index: -1;
	margin-top: -31px;
}
p.submitResult {
	font-size: 16px;
	margin-top: 7px;
	padding-bottom: 8px;
}
b.badge_back {display:inline-block; margin-bottom:-4px; margin-right:5px;  width: 22px; height:22px; background: url('../img/btn-ico-back.png'); background-repeat:no-repeat; background-size:100%;}
.boxFullWidthShadow {
	margin-right: 3px;
	padding: 20px 15px 12px 15px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.btn_stickToBottom {
	position: fixed;
	bottom: 15px;
	width: 95%;
}



/* Progress Bar*/
.top123{
	display:table;
	width:86%;
	margin: 15px auto;
}
.top123>div{
	display:table-cell;
	vertical-align: middle;
}
.top123>div.arrow{
	background-image:url("../img/hsb_03Apply_arrowR_gray.png");
	background-size:9px 18px;
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.top123>div.arrow.selected{
	background-image:url("../img/step_arrow.png");
}
.top123>div.step{
	font-weight:bold;
	font-size: 0.8em;
	color:#999999;
	height:30px;
	padding-left:20px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	width:25%;
}
.top123>div.step.selected{
	color:#026D24;
}
.top123>div.step.one{
	background-image:url("../img/hsb_icnStep1_grey.png");
	background-size:9px 23px;
}
.top123>div.step.one.selected{
	background-image:url("../img/icn-Step1.png"); 
}
.top123>div.step.two{
	min-width: 55px;
	background-image:url("../img/hsb_icnStep2_grey.png");
	background-size:18px 23px;
}
.top123>div.step.two.selected{
	background-image:url("../img/icn-Step2.png");
}
.top123>div.step.three{
	background-image:url("../img/hsb_icnStep3_grey.png");
	background-size:17px 23px;
}
.top123>div.step.three.selected{
	background-image:url("../img/icn-Step3.png");
}


/* Table Row Title */
table td.title { text-rendering: optimizeLegibility;-webkit-font-feature-settings: "kern";word-wrap: break-word;font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; }

.formInfoTbl tr {height: 20px;}

/* Form Tab */
.twoTab { height: 45px; }
.tabHolder { font-size: 14px; margin: 20px 0; width: 100%; padding: 0; }
.tabHolder.noMargin { margin: 0;}
.tabHolder .tabItem {
	float: left; 
	color: #000;
	height: 45px;
	width: 50%; 
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(121, 121, 121, 1);
	border-right-color: transparent; /* better connect the next time until last item*/
	word-wrap: break-word;
	background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%, rgba(238, 238, 238, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%, rgba(238, 238, 238, 1) 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%, rgba(238, 238, 238, 1) 100%);
	padding: 6px 10px;
	text-align: center;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tabHolder .tabItem.first { 
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.tabHolder .tabItem.last { 
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: rgba(121, 121, 121, 1);
}
.tabHolder .tabItem.on {
	color: #fff;
	background: -webkit-linear-gradient(270deg, rgba(12, 99, 36, 1) 0%, rgba(12, 99, 36, 1) 0%, rgba(57, 181, 74, 1) 100%, rgba(57, 181, 74, 1) 100%);
	background: -moz-linear-gradient(180deg, rgba(12, 99, 36, 1) 0%, rgba(12, 99, 36, 1) 0%, rgba(57, 181, 74, 1) 100%, rgba(57, 181, 74, 1) 100%);
	background: linear-gradient(180deg, rgba(12, 99, 36, 1) 0%, rgba(12, 99, 36, 1) 0%, rgba(57, 181, 74, 1) 100%, rgba(57, 181, 74, 1) 100%);
}

.tabContainer {	display: none; }
.tabContainer.on {display: block;}


/* Form Text Row */
.plainTxtRow14 {word-wrap:break-word; font-size:14px; font-family:ArialMT, Arial; font-weight:400; font-style:normal; color: rgb(51, 51, 51); line-height: normal; margin-bottom: 4px;}
.plainTxtRow13 {word-wrap:break-word; font-size:13px; font-family:ArialMT, Arial; font-weight:400; font-style:normal; color: rgb(51,51,51); line-height: normal; margin-bottom:4px;}
.strongTxtRow {font-family: Arial-BoldMT, "Arial Bold", Arial; font-weight:700; font-style:normal; font-size:14px; color:rgb(51,51,51); /*margin-bottom: -10px;*/}

.greenBox { 
	border-width: 1px;
	border-style: solid;
	border-color: rgb(39, 185, 60);
	box-sizing: border-box;
	box-shadow: none;
	font-size: 14px;
	background-color: #F6FAEB;
	padding: 13px 10px;
	margin: 10px 0 20px 0;
	
}
.greenBox.sub { 
	border:none;
	background-color: #FFF;
	padding: 0px;
	margin: 10px 0 20px 0;
	
}
.greenBorder {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(39, 185, 60);
	box-sizing: border-box;
	box-shadow: none;
	font-size: 14px;
	padding: 10px;
	margin: 30px 0 20px 0;
}
.greenBorder .greenHeader {
	font-size: 16px;
	margin-top: 20px;
}

.tabContainer .greenBox, .tabContainer .greenBox.sub { margin-top: 0px;}

/* Class for Confirmation Page */
.confirmation_title {
	color:#999;
	font-size: 14px;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    margin-bottom: 7px;
}
.confirmation_context {
	font-size: 14px;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    line-height: normal;
	margin-bottom: 19px;
}
.confirmation_error {
	color: #E10006;
}



/* BTI Style */
a.planDetail { font-weight: 700; font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; color: #0083CA; margin: 15px 0 25px 0;}
.remark p {font-family:'ArialMT', 'Arial'; font-weight: 400; word-wrap: break-word; font-size: 12px;}
.remark span.strong {font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; font-size: 12px;}
.remark p.title {font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight: 700; font-size: 12px; word-wrap: break-word; margin-top: 10px;}
.remark .expandFootNote { display: none; }
.remark .expandFootNote.on { display: inherit; }
.remark p.expandLinks {margin-top: 5px;}

/*.overlapableHolder { position: relative; }
input.overlapable  {
	position: absolute;
	top: 0;
	border: transparent;
	background-color: transparent;
	z-index: 9;
}*/
input.textPickerArrow, select.textPickerArrow {
	background-image: url(../img/ico-dropdown-arrow.png);
	-webkit-appearance: none;
	background-size: 14px 4px;
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0px;
    height: 39px;
}


b.badge_GreenDownArrow { 
	display: inline-block;
	margin-bottom: -3px;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_show_down.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
b.badge_GreenDownArrow.on {
	width: 20px;
	height: 20px;
	background: url(../img/hsb_btn_hide.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.expandLink .showdetails.on, .expandLink .hidedetails {display:none;}
.expandLink .hidedetails.on, .expandLink .showdetails {display:inline;}





/* number picker layer */
.lightBoxLayer {
	display: none;
	
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9;
}
.numPicker {
	width: 90%;
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	background-color: #fff;
}



.numKeyDiv {
	width: 10%;
	height: 30px;
	margin: 11px 5%;
	float: left;
	text-align: center;
}
.numKeyDiv.on {
	background-color: #f2f2f2;
}
.numKeyDiv a {
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
	font-weight: 700;
	font-style: normal;
	color: #0083CA;
	width: 40px;
	height: 40px;
	position: relative;
	top: 6px;
}
.numPicker .numPersonTxt { width: 70%; height: 33px; margin: 0 0 12px 3%; border-color: rgb(121, 121, 121) }

.setGreenBtn {
	float: left;
	width: 32px;
    height: 33px;
    background: -webkit-linear-gradient(270deg, rgba(49, 182, 68, 1) 0%, rgba(49, 182, 68, 1) 0%, rgba(43, 162, 59, 1) 100%, rgba(43, 162, 59, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(49, 182, 68, 1) 0%, rgba(49, 182, 68, 1) 0%, rgba(43, 162, 59, 1) 100%, rgba(43, 162, 59, 1) 100%);
    background: linear-gradient(180deg, rgba(49, 182, 68, 1) 0%, rgba(49, 182, 68, 1) 0%, rgba(43, 162, 59, 1) 100%, rgba(43, 162, 59, 1) 100%);
    border: none;
    border-radius: 3px;
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.25);
}

b.badge_whiteSetValueArrow { 
	display: inline-block;
	margin: 9px 0 0px 13px;
	width: 9px;
	height: 16px;
	background: url(../img/arrow-right-wht-small.png);
	background-repeat: no-repeat;
	/*background-size: 9px 16px;*/
}
b.badge_whiteClose {
	background: url(../img/close-btn.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	position: absolute;
	right: 10px;
	margin-bottom: 0;
}

label.inl, input.inl { display: inline-block; }

#resultHolder { display: none; }
#resultHolder .pricing { font-family: Arial-BoldMT, "Arial Bold", Arial; font-weight: 700; font-style: normal; font-size: 24px; text-align: center; color: rgb(51, 51, 51); }
#resultHolder .desc { margin: 10px 0 20px 0; }
#resultHolder .desc p {
	word-wrap: break-word;
	font-family: Arial-BoldMT, "Arial Bold", Arial;
    font-weight: 700;
    font-style: normal;
    color: rgb(0, 110, 31);
    text-align: center;
    font-size: 14px;
    padding-bottom: 0;
}


#loadingLayer {
	width: 100%;
	min-height: 150px;
	display: none;
}
.loadingGif {
	position: relative;
	top: 75px;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%); 
}



/* Acknowledgement */
.traBGContainer { 
	padding:12px 10px;
	background-color: transparent;
}
.acknowledgementBody {
	width: 100%;
	height: 100%;
	min-height: 900px;
	background: gray url('../img/bg-gray.png') no-repeat top center;
	background-size: cover;
	z-index: -1;
	margin-top: -31px;
}
.acknowledgementBody .container { background-color: #fff;}
.acknowledgementBody .hotlineLink { font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; color: #0083CA; font-size: 14px; margin: 15px 0;}

.acknowledgementHeadNotes {
	font-size: 16px;
	line-height: 22px;
	font-family: 'ArialMT', 'Arial';
	font-weight: 400;
	font-style: normal;
	color: #333333;
	word-wrap: break-word;
	margin-top: 40px;
	background-color: transparent;
}

.acknowledgementInfo {
	background-color: #fff;
	padding:12px 10px;
	border: none;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.acknowledgementInfo .title {
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #006E1F;
	line-height: 20px;
	word-wrap: break-word;
}
.acknowledgementInfo .desc {
	line-height: 20px;
	font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
}
.confirmation_context strong {
	line-height: 20px;
}
.acknowledgementEndShadow {
	height: 1px;
	background-color: #fff;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

b.badge_share {display:inline-block; margin-bottom:-5px; margin-right:5px;  width: 17px; height:20px; background: url('../img/ico-share.png'); background-repeat:no-repeat; background-size:100%;}


/* Coverage */
.greenHeaderText { 
	font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	color: #008000;
	text-align: center;
	margin-top: 8px;
	
}

.txtLeft {text-align: left;}
.txtCenter {text-align: center;}
table.coverage { margin: 6px auto 0 auto; border-collapse: collapse; font-size: 13px; width: 100%;}
table.coverage tr {border-bottom: 1px solid #ccc;}
table.coverage th { background-color: #006E1F; color: #fff; font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 12px; padding: 9px 12px; border-right: 1px solid #fff;}
table.coverage td {padding: 12px 10px;border-bottom:1px solid #ccc;}
table.coverage strong {font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700;font-size: 14px;color: #1E1E1E;}

.termsReminder { font-size: 13px; word-wrap: break-word;font-family: 'ArialMT', 'Arial'; font-weight: 400; font-style: normal; color: #000000; margin: 18px 0 3px 0; }
.lineThru { text-decoration:line-through; }

.pdfLink { font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; color: #0083CA; font-size: 14px; line-height: 40px;}
b.badge_pdfDOC {display:inline-block; margin:0 10px -6px 0; width: 24px; height:24px; background: url('../img/ico-pdf-Doc.png'); background-repeat:no-repeat; background-size: 100%;}

.footNotes ol li { font-size: 12px; font-family: 'ArialMT', 'Arial'; font-weight: 400; font-style: normal; color: #333333;}

/* FAQ */
.faqQrow { /*border-bottom: 1px solid #ccc;*/ font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal;color: #333333; font-size: 14px;}
.faqQrow .qNum { display: inline-block; width: 20px; vertical-align: top;}
.faqQrow .q { display: inline-block;width: 80%; }
.expandIcon { background-image: url(../img/ico_expand_down.png); background-position: right 15px top 20px; background-repeat: no-repeat; background-size: 21px 13px; 
}
.faqA { display: none; margin: 15px 15% 0 25px; font-weight: 400; font-family: 'ArialMT', 'Arial'; }

.faqQrow.on.expandIcon { background-image: url(../img/ico_expand_up.png) }
.faqQrow.on .faqA { display: block; }