@charset "utf-8";

/*---------- ---------- ---------- Form Specific Styles ---------- ---------- ----------*/

p {line-height: 1.5em;}
.medium p {font-size: 1.1em;}
.large p {font-size: 1.2em;}
ol {margin: 0 0 0 15px;}
ol.decimal {list-style: decimal; margin-left: 36px;}
ol.decimal li {margin: 5px 0px;}
ul.bullet {list-style: disc; margin-left: 30px;}
ul.bullet li {margin: 5px 0px;}
.slim-li ul.bullet li {margin: 2px 0px;}
.note {font-size: 0.85em;}
.note a {font-size: 1em;}
.tc .note {font-size: 12px;}
.remarks p {margin: 10px 0px;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.replacement-txt {position: relative; top: 1px !important; padding: 0; margin: 0 !important;}
.button {text-decoration: none !important; display: inline-block; cursor: pointer;}
.form-container .container .data a {text-decoration: underline;}

.policyPerson_passportNo_field {display: none;}			/* HKID / Passport function*/
.border-divider {width: 100%; border-top: 1px solid #e8e8e8; margin: 5px 0px}
.wrap-text {word-wrap : normal;}
/*---------- ---------- ---------- Form Template ---------- ---------- ----------*/
.error {margin: 0px 0px 7px 0px; color: #ed1b2e; display: block; clear:both;}
.form-button {background-color: #ed1b2e; position: relative; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: inline-block; margin: 0px 5px;}
.form-button.is-button-disabled {background-color: #888888;  cursor: default;}
.form-button.style2 {margin: 0px 5px 0px 15px;}
.form-button p {margin: 0px !important; padding: 3px 10px; color: #fff !important; font-size: 0.9em;}

.form-container { position: relative; /*width: 100%;*/ margin:10px 0; }
.form-container .header { font-size: 0px; max-height: 90px; padding-top: 0px; position: relative; width: 100%;  margin-top: 0px; background-color: transparent; padding-bottom: 0; z-index: auto;}
.form-container .header .desktop { height: 90px; width: 100%; }
.form-container .header .title-wrap { float: left; font-size: 20px; height: 91px; position: absolute; width: 25%; }
.form-container .header .title-wrap.section1 { left: 0%; top: 0px; }
.form-container .header .title-wrap.section2 { left: 25%; top: 0px; }
.form-container .header .title-wrap.section3 { left: 50%; top: 0px; }
.form-container .header .title-wrap.section4 { left: 75%; top: 0px; }
.form-container .header .title-wrap h3 { color: #ffffff; font-size: 2em; margin-left: 25px; margin-top: 5px; }
.form-container .header .title-wrap p { color: #ffffff; font-size: 0.8em; margin-left: 25px; margin-top: 7px; }
.form-container .container { border-top: 4px solid #ec1b2e; margin-bottom: 30px; min-height: 275px; position: relative; width: 100%; padding: 0; }
.form-container .container .left-shadow { left: -10px; position: absolute; top: 5px; }
.form-container .container .right-shadow { position: absolute; right: -10px; top: 5px; }
.form-container .container .container-content { margin-left: 20px; margin-right: 20px; position: relative; width: 100%; }
.form-container .container .data .section.claim-table{width:auto; margin:0px 5px 5px 5px; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.form-container .container .data .section .section-banner{margin-left:35px;}
.form-container .container .data .left p, .form-container .container .data .half input[type="radio"], .form-container .container .data .left.equal p, .form-container .container .data .right p, .form-container .container .data .left.half p, .form-container .container .data .mid-section .left, .form-container .container .data .mid-section .left p, .form-container .container .data .right.equal p, .form-container .container .data .right .note, .form-container .container .claim-table .section .left, .form-container .container .claim-table .section .right, .form-container .container .claim-table .subject p, .form-container .container .claim-table .info p, .form-container .container .data .right.equal .right
{margin-left: 0px; margin-right:0px;}
.form-container .container .data .inner-table{ border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin:0px 5px 5px 5px;}
.form-container .container .data .inner-table.level2{ border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin:0px 5px 5px 5px;}
.form-container .container .data .inner-table.style2{ border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin:0px 5px 5px 5px;}
.footer-remarks p {margin-left: 0px !important;}

.form-container .container .data .claim-table .section, .form-container .container .data .grey-title h2, .form-container .container .data .grey-title.small p, .form-container .container .data .left.remarks p, .form-container .container .data .left.coverage.style2 p, .form-container .container .data .center.coverage.style2 p, .form-container .container .data .right.coverage.style2 p, .form-container .container .title .left
{margin: 0;}

@media handheld, only screen and (max-width: 1040px) {
	.form-container {margin:10px 15px; }
	.form-container .header .title-wrap p {margin-left: 17px;}
}

@media handheld, only screen and (max-width: 767px) {
    .form-container .container .data .inner-table.style2{ border-bottom: none; border-left: none; border-right: none; margin:0px 0px 0px 0px;}
    .mobile-hide{display:none;}
    .banner-header.style1 { padding: 5px 0px 25px 0px;}
	.form-container .container .data .right p, .form-container .container .claim-table .section .left, .form-container .container .claim-table .section .right
	{margin-left: 0px;}
	
	.form-container .container .data.no-border .left, .form-container .container .data .right
	{margin-left: 15px;}
	.footer-remarks p
	{margin-left: 15px !important;}
	.form-container {margin:10px 0; }
}

.form-container .container .data .left.remarks{padding:0px; padding-top:0px;}
.form-container .container .data .left.remarks p{padding:0px; padding-left:15px;}
.form-container .container .data {border: 1px solid #e9e9e9; float: left; margin-right: 20px; padding-bottom: 10px; position: relative; width: 95%; overflow:hidden; }
.form-container .container .data h2 {font-size: 1.2em;}
.form-container .container .data p {min-height: 14px; }
.form-container .container .data .button-wrap.center {text-align: center; margin: 15px 0px 30px 0px;}
.form-container .container .data .section {margin: 5px 0px 5px 0px;}
.form-container .container .data .section.space-top {margin: 5px 0px 0px 0px;}
.form-container .container .data .section.space-bottom {margin: 0px 0px 5px 0px;}
.form-container .container .data .section.text p {width: 95%;}
.form-container .container .data .section.text ol {list-style: decimal; margin: 0 0 0 25px;}
.form-container .container .data .section:after {content:''; display: block; clear: both;}
.form-container .container .data .section.desc {margin: 0px 0px 0px 0px;}
.form-container .container .data input[type="radio"] {position: relative; margin: 0px 5px 0px 15px;}
.form-container .container .data.no-border { border: 1px solid #ffffff; }
.form-container .section { clear: both; padding-top:1px;}
.form-container .section.space { padding-top: 1px; width: 100%; }
.form-container .section.divider { border-top: 1px solid #e8e8e8; margin-top: 10px; padding-top: 10px; }
.form-container .section.declaration { clear: both; margin-top: 20px; }
.form-container .container .data .grey-title { background-color: #ed1b2e; margin: 0px 0px 10px 0px; position: relative; width: 100%; }
.form-container .container .data .grey-title h2 { color: #fff; font-weight: bold; font-size: 1.3em; padding: 5px 0px 5px 7px; position: relative; }
.form-container .container .data .grey-title.small { height: 25px; cursor: pointer; background-color: #FFF; padding: 0;
	width: auto;
	margin: 0px -1px 0px -1px;
	background-image: -moz-linear-gradient(top, #fefefe 0, #e6e6e6 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e6e6e6')";
	background-image: -ms-linear-gradient(top, #fefefe 0, #e6e6e6 100%);
	background-image: -webkit-linear-gradient(top, #FEFEFE 0, #E6E6E6 100%);
	background-image: linear-gradient(top, #fefefe 0, #e6e6e6 100%);
	border: 1px #CFCFCF solid; 
}
.form-container .container .data .grey-title.small.arrow:after {content: url(../../images/arrow/arrow-red-down.png); display: block; height: 9px; position: absolute; right: 10px; top: 3px; width: 10px;}
.form-container .container .data .grey-title.small p { color: #ed1b2e; float: left; padding-left: 7px; padding-top: 3px; position: relative; font-weight: bold;}
.form-container .container .data .grey-title.small.inner {width:quto; margin-bottom: 10px; background-color: #808080;}
.form-container .container .data .grey-title.small.inner p {color: #ed1b2e; font-weight: bold;}
.form-container .container .data .grey-title.small.inner.level2 {width:auto; margin-bottom: 0px;}
.form-container .container .data .grey-title.small.section.collapse {min-height: 25px; height: auto; margin-bottom: 5px; margin-top: 10px;}
.form-container .container .data .grey-title.small.section.collapse.level2 {margin-bottom: 0px;}
.form-container .container .data .grey-title.small.section.collapse:after { content: url(../../images/arrow/arrow-red-down.png); display: block; height: 9px; position: absolute; right: 10px; top: 3px; width: 10px;}
.form-container .container .data .grey-title.small.section.collapse p {width: 90%; float: none;}
.form-container .container .data select, .form-container .container .data input[type="text"] { width: 94%; }
.form-container .container .data .coupon input[type="text"] {width: 50%;}
.form-container .container .data .coupon a {text-decoration: underline;}
.form-container .container .data .section-header {width: 90%; padding-top: 1px;}
.form-container .container .data .section-header.style2 p{margin-left: 10px;}
.form-container .container .data .section.full input[type="checkbox"] {margin-left: 15px;}
.form-container .container .trip_length select, .form-container .container .trip_length input[type="text"] {width: 50%; margin: 0px 5px 0px 0px;}
.form-container .container .data input[type="text"].credit-card { float: left; margin-right: 20px; width: 18%; max-width: 100px; }
.form-container .container .clear { clear: both; }
.form-container .container .red-info { *display: inline; *vertical-align: top; cursor: pointer;
*zoom: 1; background-image: url("../../images/arrow/ico_info_04.png"); background-repeat: no-repeat; display: inline-block; height: 21px; margin-left: 10px; position: relative; top: 2px; width: 21px; }
.form-container .container .red-info.margin-top { margin-top: -5px;}
.form-container .container .info-content {display:none; vertical-align: top;}
.form-container .container .info-content.selected {display:block; vertical-align: top;}
.form-container .container .data img { position: relative; top: 3px; }
.form-container .container .data h2 {margin-left: 15px; margin-top: 15px; }
.form-container .container .data p {margin-left: 15px; margin-right: 15px;}
.form-container .container .data p.desc {margin-top: 0px; margin-bottom: 0px;}
.form-container .container .data .desc p {margin-top: 0px;}
.form-container .container .data p.answer {margin-top: 5px; margin-bottom: 15px; width: auto; word-wrap: break-word;}
.form-container .container .data p.answer.title {padding-bottom: 0px; padding-top: 10px; margin-bottom: 0px;}
.form-container .container .data .subject ol {list-style: decimal; margin-left: 37px; }
.form-container .container .data .left { float: left; margin-bottom: 0px; margin-left: 15px;  width: 30%; min-height: 14px; }
.form-container .container .data .left.style2 {width: 62%;}
.form-container .container .data .left.equal {width: 47%;}
.form-container .container .data .left.equal ul {list-style: disc; margin-left: 35px; margin-bottom: 7px;}
.form-container .container .data .left.remarks {width: 3%;}
.form-container .container .data .left.indent { float: left; margin-bottom: 0px; margin-left: 36px;  width: 30%; min-height: 14px; }
.form-container .container .data .left.full { float: left; width: 96%; padding-right: 15px; }
.form-container .container .data.listing .left {margin: 10px 0px 10px 15px;}
.form-container .container .data.listing .right {margin: 10px 0px;}
.form-container .container .data .left.coverage.style2 {width: 47%; float: left; }
.form-container .container .data .left.coverage.style2.inner {margin-left: 30px; width: 45.5%;}
.form-container .container .data .center.coverage.style2 {width: 23%; float: left; min-height: 14px;}
.form-container .container .data .right.style2 {width: 35%;}
.form-container .container .data .right.remarks {width: 90%;}
.form-container .container .data .right.coverage.style2:before {content: ''; float: left; margin: 2px 5px 0 0;}
.form-container .container .data .right.coverage.style2 {width: 15%; float: left;}
.form-container .container .data .left img { display: inline; max-width: 118px; max-height: 20px; margin-left: 10px;}
.form-container .container .data .left img.cvv {display: block; max-height: none; margin-left: 0px; max-width: 50px;}
.form-container .container .data .left.listing { margin-top: 20px; padding: 0; width: 47%; }
.form-container .container .data .left.listing ul, .form-container .container .data .right.listing ul { list-style: disc; margin-left: 20px; }
.form-container .container .data .left.policy {width: 69%; }
.form-container input[type="checkbox"] {margin: 0px 5px 0px 0px;}
.form-container .container .data .section.declaration .left.policy input[type="checkbox"] {margin: 0px 5px 0px 15px;}
.form-container .container .data .left.half { float: left; margin-bottom: 0px; padding: 0px; width: 20%; }
.form-container .container .data .left.half.style2 {margin-left: 0px;}
.form-container .container .data .mid-section {padding: 5px 0px;}
.form-container .container .data .mid-section:after {clear: both; display: block; content: '';}
.form-container .container .data .right { float: left; width: 67%; min-height: 14px;}
.form-container .container .data .right.equal {width: 49%;}
.form-container .container .data .right.policy { width: 25%; }
.form-container .container .data .right.listing { margin-top: 20px; padding: 0; width: 47%; }
.form-container .container .data .right.policy input[type="text"] { width: 88%; }
.form-container .container .data .right.half { float: left; margin: 0px; width: 28%; }
.form-container .container .data .right.half span.doc-option-zh { font-size:13px; }
.form-container .container .data .right.half input[type="text"].hkid { width: 82%; }
.form-container .container .data .right.half input[type="text"].hkid_check { width: 7%; }
.form-container .container .data .left.half input[type="text"].hkid { width: 82%; }
.form-container .container .data .left.half input[type="text"].hkid_check { width: 7%; }
.form-container .container .data .right.half input[type="text"] { width: 94%; }
.form-container .container .data .right.half.info input[type="text"] {width: 80%;}
.form-container .container .data .right.half.info.style2 input[type="text"] {width: 70%;}
.form-container .container .data .declaration-text-area { height: 290px; overflow-y: scroll; }
.form-container .container .data .declaration-text-area ol { list-style-type: decimal; margin-bottom: 20px; margin-left: 25px; margin-right: 10px; }
.form-container .container .data .declaration-text-area ol.level2 { list-style-type: upper-roman; }

.form-container .container .data .declaration-text-area ol.strong {list-style: none; counter-reset: my-badass-counter;}
.form-container .container .data .declaration-text-area ol.strong li:before {content: counter(my-badass-counter, decimal)"."; counter-increment: my-badass-counter; font-weight: bold; position: absolute; top: 2px; left: -20px;}
.form-container .container .data .declaration-text-area ol.strong li {position: relative;}

.form-container .container .data .declaration-text-area li { margin-top: 8px; text-align: justify; }
.form-container .container .data .declaration-text-area ol p {margin-left: 0px;}
.medium .form-container .container .data .declaration-text-area li {font-size: 1.1em;}
.large .form-container .container .data .declaration-text-area li {font-size: 1.2em;}
.form-container .container .data .right.tri { margin-right: 20px; width: 18%; }
.form-container .container .data .right img.datepicker-img { cursor: pointer; margin-left: 10px; width: auto; }
.form-container .container .divider { float: left; margin-right: 20px; position: relative; }
.form-container .container .divider img { margin-top: 25px; }
.form-container .container .highlight { color: #ec1b2e; }
.form-container .container .title { font-size: 14px; margin-top: 20px; padding-bottom: 20px; position: relative; width: auto; }
.form-container .container .remark { margin-left: 5px; margin-right: 10px; position: relative; }
.form-container .container .title .validation_error {position: relative; margin: 20px 0px 10px 23px; list-style: decimal;}
.form-container .container .title .validation_error li {margin: 10px 0px; color: #ed1b2e;}
.form-container .container .title .validation_error a, .form-container .container .title .validation_error p {text-decoration: underline; color: #ed1b2e;}
.form-container .container .title .full { position: relative; width: 95%; }
.form-container .container .title .left { float: none; position: relative; width: 90%; }
.form-container .container .title .left.tAlert { text-align: left; color: #f00; margin-top: 1em; }
.form-container .container .title .right { float: none; position: relative; text-align: left; width: 90%; }
.form-container .container .left { margin-bottom: 20px; position: relative; width: 100%; }
.form-container .container .left.button-wrap p { text-align: left; }
.form-container .container .left.button-control { margin-top: 0px; }
.form-container .container .left select { min-width: 26%; }
.form-container .container .claim-table .grey { background-color: #808080; }
.form-container .container .claim-table .title { margin: 0; padding: 0; }
.form-container .section-wrap { display: block; }
.form-container .container .claim-table .section .left {width: 20px; }
.form-container .container .claim-table .section .right {width: 94%; }
.form-container .container .claim-table .grey p { color: #ffffff; }
.form-container .container .claim-table .section.title-control {position: relative; }
.form-container .container .claim-table .section.title-control.grey:after {content: '';}

.form-container .container .claim-table .section { border-top: 1px solid #e8e8e8;}
.form-container .container .claim-table .section.no-border { border-top: none;}
.form-container .container .claim-table .section.policy { padding: 10px; }
.form-container .container .claim-table .subject { float: left; padding: 5px 10px; width: 75%; }
.form-container .container .claim-table.style2 .subject {width: 55%;}

.form-container .container .claim-table .info ol {list-style: decimal; margin-left: 25px;}

.form-container .container .claim-table .subject ul { list-style: disc; margin-left: 32px; }
.form-container .container .claim-table .subject ul.alpha {list-style: none; margin-left: 15px;}
.form-container .container .claim-table .subject li {}
.medium .form-container .container .claim-table .subject li {font-size: 1.1em;}
.large .form-container .container .claim-table .subject li {font-size: 1.2em;}
.form-container .container .claim-table .info { float: right; padding: 5px 10px; width: 20%; }
.form-container .container .claim-table.style2 .info {width: 39%;}

.form-container .container .claim-table2 {border-bottom: 1px solid #e8e8e8;}
.form-container .container .claim-table2 .section {margin: 0; padding: 15px 0px 15px 0; border-top: 1px solid #e8e8e8;}
.form-container .container .claim-table2 .section.no-border {padding: 5px 0px 5px 0px; border-top: none;}
.form-container .container .claim-table2 .grey-title.small.inner {margin: 5px auto 0 auto;}
.form-container .container .claim-table2 .title{background-color: #808080; margin: 0 auto; padding: 0; border-top: none; width:auto;}
.form-container .container .claim-table2 .title p {color: #fff; padding: 10px !important;}
.form-container .container .claim-table2 .left {width: 31%; float: left; margin: 0; padding: 0;}
.form-container .container .claim-table2 .left p {padding: 0 0 0 15px; margin: 0;}
.form-container .container .claim-table2 .center {width: 31%; float: left; margin: 0; padding: 0px;}
.form-container .container .claim-table2 .center p {padding: 0 0 0 10px; margin: 0;}
.form-container .container .claim-table2 .right {width: 31%; float: left; margin: 0; padding: 0px;}
.form-container .container .claim-table2 .right p {padding: 0 0 0 10px; margin: 0;}
.form-container .container .claim-table2 .section:after {clear: both; display: block; content:'';}



.form-container .container .button-control.policy { text-align: center; }
.form-container .container .button-control { margin-top: 20px; text-align: center; }
.form-container .container .button-control .left { margin: 0; padding: 0px 5px 10px 0px; width: inherit; display: inline;}
.form-container .container .button-control .center { margin: 0; padding: 0px 0px 10px 0px; width: inherit; display: inline;}
.form-container .container .button-control p {margin: 0px 0px 20px 0px; text-align: center;}
.form-container .container .button .center-container {
*display: inline;
*zoom: 1; background-image: url("../../images/form-button-center.jpg"); background-repeat: repeat-x; display: inline-block; float: none; font-size: 14px; height: 43px; padding-left: 10px; padding-right: 10px; position: relative; vertical-align: top; }
.form-container .container .button .center-container.double { padding-top: 0px; }
.form-container .container .button .center-container.double p { position: relative; top: 8px; line-height: 1em; }
.form-container .container .button .center-container p { color: #ffffff; margin: 0 !important; position: relative; top: 15px; }
.form-container .container .button .center-container p.two-line {top: 1px; }
.form-container .container .button .left-container { background-image: url("../../images/form-button-left.jpg"); background-repeat: no-repeat; display: inline-block; float: none; height: 43px; left: 5px; position: relative; width: 10px; }
.form-container .container .button .right-container { background-image: url("../../images/form-button-right.jpg"); background-repeat: no-repeat; display: inline-block; float: none; height: 43px; position: relative; right: 5px; width: 10px; }
.form-container .container .button.is-button-disabled .left-container { background-image: url("../../images/form-button-left-disabled.jpg"); height: 43px;}
.form-container .container .button.is-button-disabled .right-container {background-image: url("../../images/form-button-right-disabled.jpg"); height: 43px;}
.form-container .container .button.is-button-disabled .center-container {background-image: url("../../images/form-button-center-disabled.jpg"); height: 43px;}
.form-container .container .button.is-button-disabled .center-container p {color: #fff;}

.form-container .container .claim-table .section-wrap { display: block; }
.form-container .indent {margin: 5px 0px 5px 35px;}

.form-container .container .data .xsell-checkbox-container { position: relative; }
.form-container .container .data .xsell-checkbox-container input[type=checkbox] { top: 5px; }
.form-container .container .data .xsell-checkbox-container .red-info { top: 5px; }
.form-container .container .data .xsell-checkbox-container p.chkbox b, .form-container .container .data .xsell-checkbox-container p.chkbox i { vertical-align: unset; }

@media handheld, only screen and (max-width: 1040px) {
	.form-container .container .data .left.remarks {float: left;}
	.form-container .container .data .right.remarks {float: left;}
	.form-container .container .data .right.half {width: 27%;}
	h2 {padding: 0;}
}
@media handheld, only screen and (max-width: 880px) {
	.form-container .container .claim-table .subject { width: 63%; }
	.form-container .container .claim-table .info { float: right; }
	.form-container .container .claim-table .info p { text-align: right; }
}
@media handheld, only screen and (max-width: 800px) {
	.form-container .container .data .declaration-text-area { height: auto; overflow: visible; }
}
@media handheld, only screen and (max-width: 767px) {
	h1 {display: block;}
	.align-left {margin: 10px 15px !important; text-align: justify !important;}
	.form-button {margin: 5px 0px 0px 0px;}
	.form-container {overflow: hidden;}
	.content-container {padding: 0px 0px 20px 0px;}
	.form-container .container .container-content { width: 97%; margin: 0px auto; padding-top: 15px;}
	.form-container .container .title { height: auto; padding-bottom: 15px; margin-left: 15px; margin-top: 0px;}
	.form-container .header { font-size: 14px; z-index: 10; height: inherit; margin: 0;}
	.form-container .header .mobile-view .shadow { position: absolute; top: 0px; width: 100%; height: 15px; background-image: url("../../images/bg-form-top-shadow.jpg"); background-repeat: repeat-x; margin-top: 20px; }
	.form-container .header .mobile-view .header { position: relative; width: 100%; height: inherit; background-color: #ec1b2e; min-height: 39px; }
	.form-container .header .mobile-view .header:after {content: ''; display: block; clear: both;}
	.form-container .header .mobile-view .header h3 { position: relative; color: #ffffff; font-size: 1.5em; margin: 0px; padding: 5px 0px 5px 7px; width: 70%;}
	.form-container .header .mobile-view .header h4 { position: absolute; color: #ffffff; font-size: 2.8em; margin: 0; bottom: -5px; right: 47px;}
	.form-container .header .mobile-view .header h5 { position: absolute; color: #ffffff; font-size: 1.4em; bottom: 0px; right: 10px;}
	.form-container .container .claim-table .section.title-control:after {content: url(../../images/arrow/arrow-grey-down.png); display: block; height: 15px; position: absolute; right: 17px; top: 16px; width: 15px;}
	.form-container .container { position: relative; clear: both; border-top: 0px solid #ffffff; }
	.form-container .container .data { width: 100%; margin-bottom: 0px;}
	.form-container .container .data h2 { margin-left: 15px; margin-top: 15px; }
	.form-container .container .data .left, .form-container .container .data .left.equal{ width: 90%; float: none; padding-top: 15px; margin-bottom: 0px; margin-left: 15px; }
	.form-container .container .data .left.style2{ width: 90%; float: none; padding-top: 0px; margin-bottom: 0px; margin-left: 15px; min-height: inherit; }
	.form-container .container .data .left.coverage {float: left; width: 60%; }
	.form-container .container .data .left.policy { width: 90%; margin-left: 15px;}
	.form-container .container .data .left.indent { float: left; margin-bottom: 0px; margin-left: 36px;  width:80%; min-height: 14px; }
	.form-container .container .data .left.full { width: 80%; padding-right: 0px; }
	.form-container .container .data .right, .form-container .container .data .right.equal,
	.form-container .container .data .right.style2{ width: 90%; float: none; }
	.form-container .container .data .right.style2 p {text-align: right;}
	.form-container .container .data.listing .right {margin: 0 0 0 15px;}
	.form-container .container .data .grey-title.small {/*margin-bottom: 10px;*/}
	.form-container .container .data .right {min-height: initial;}
	.form-container .container .data .right.equal {margin-top: 0px;}
	.form-container .container .data .right .left.equal {padding-top: 0px;}
	.form-container .container .data .right.coverage {float: left; width: 30%;}
	.form-container .container .data .right.policy { width: 90%; }
	.form-container .container .data .left.coverage.style2 {width: 95%; float: left; }
	.form-container .container .data .left.coverage.style2.inner {margin-left: 15px; width: 93.5%;}
	.form-container .container .data .center.coverage.style2 {width: 60%; float: left;  margin: 0px 20px 10px 15px;}
	.form-container .container .data .right.coverage.style2 {width: 30%; float: left; margin: 0px 0px 10px 0px;}
	.form-container .container .data .right .datepicker { width: 94%; }
	.form-container .container .title .left { float: none; width: 90%; padding-left: 0px; }
	.form-container .container .title .right { float: none; width: 90%; text-align: left; margin-bottom: 25px; margin-left: 5px; }
	.form-container .container .title .full { position: relative; width: 100%; }
	.form-container .container .data .left.half { width: 90%; padding-top: 0px; padding-bottom: 5px; margin-left: 15px;}
	.form-container .container .unit {width: 45% !important; float: left !important; padding: 0 !important; margin: 0;}
	.form-container .container .data .left.listing { width: 90%; padding-top: 20px; margin-top: 0px; }
	.form-container .container .data .right.half { width: 90%; padding: 0 0 10px 0; margin: 0px 0px 0px 15px; }
	.form-container .container .data .right.listing { width: 90%; padding-top: 20px; margin-top: 0px; }
	.form-container .container .left { margin-bottom: 10px; margin-left: 5px; }
	.form-container .container .left.button-control { width: 99%; text-align: center; }
	.form-container .container .button-control .left { width:100%; float: none; margin: 0; padding: 0px 0px 3px 0px; }
	.form-container .container .button-control .center { width: 100%; float: none; margin: 0; padding: 0px 0px 10px 0px; }
	.form-container .container .left.button-wrap p { text-align: center; }
	.form-container .container .divider { width: 100%; }
	.form-container .container .divider .mobile { position: relative; padding-top: 20px; margin: auto; left: 0; right: 0; }
	.form-container .container .button-control { text-align:center; }
	.form-container .container .claim-table .title .subject {width: 55%; float: left;}
	.form-container .container .claim-table .title .info {width: 38%;}
	.form-container .container .claim-table .subject { width: 87%; float: none; }
	.form-container .container .claim-table.style2 .subject { width: 87%; float: none; }
	.form-container .container .claim-table .info { width: 97%; float: right; }
	.form-container .container .claim-table.style2 .info { width: 97%; float: right; }
	.form-container .container .claim-table .info ul {float: right; list-style: none;}
	.form-container .section-wrap { display: none; }
	.form-container .container .claim-table .section.policy { display: none; }
	.form-container .container .claim-table .section .left { width: 20px; float: left; padding-top: 10px; }
	.form-container .container .claim-table .section .right { width: 94%; float: left; }
	.form-container .container .trip_length select, .form-container .container .trip_length input[type="text"] {width: 70%;}
	.form-container .container .data .coupon input[type="text"] {width: 94%;}
	.form-container .container .data .left.remarks{padding:0px; padding-top:0px;}
	
	.form-container .container .claim-table2 .title {display: none;}
	.form-container .container .claim-table2 .section {padding: 0px 0px 15px 0px;}
	.form-container .container .claim-table2 .section.sub-title {padding: 0px 0px 5px 0px;}
	.form-container .container .claim-table2 .section.sub-title .left {background-color: #ed1b2e;}
	.form-container .container .claim-table2 .section.sub-title .left p {color: #fff; padding: 5px 0px 5px 10px;}
	.form-container .container .claim-table2 .section.sub-title .left:before, .form-container .container .claim-table2 .section.sub-title .center:before, .form-container .container .claim-table2 .section.sub-title .right:before {content: ''; }
	
	
	.form-container .container .claim-table2 .left {width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
	.form-container .container .claim-table2 .left:before {content: 'Benefit Description'; color: #666; text-decoration: underline; display: block; padding: 0 0 0 10px; font-weight: bold;}
	.form-container .container .claim-table2 .center {width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
	.form-container .container .claim-table2 .center:before, 
	.form-container .container .claim-table2 .section.sub-title.style3 .center:before{content: 'Abnormal Finding Suggests the Likelihood of'; color: #666; text-decoration: underline; display: block; padding: 0 0 0 10px; font-weight: bold;}
	.form-container .container .claim-table2 .right.hidden {display: none;}
	.form-container .container .claim-table2 .right {width: 100%; padding: 0; margin: 0 0 10px 0 !important; float: none;}
	.form-container .container .claim-table2 .right:before, 
	.form-container .container .claim-table2 .section.sub-title.style3 .right:before {content: 'Follow-Up Test for Abnormal Finding\00B2  to be provided'; color: #666; text-decoration: underline; display: block; padding: 0 0 0 10px; font-weight: bold;}
	
	body.zh_HK .form-container .container .claim-table2 .left:before{content: '保障內容';}
	body.zh_HK .form-container .container .claim-table2 .center:before, 
	body.zh_HK .form-container .container .claim-table2 .section.sub-title.style3 .center:before{content: '如有異常結果，可能患有';}
	body.zh_HK .form-container .container .claim-table2 .right:before, 
	body.zh_HK .form-container .container .claim-table2 .section.sub-title.style3 .right:before {content: '提供異常結果跟進檢查\00B2';}
	
	.form-container .container .claim-table2 .section.no-border {border-bottom: 1px solid #e8e8e8;}
	.form-container .container .claim-table2 .section {border-top: none;}
	.form-container .container .claim-table2 {border-bottom: none;}
	
	.banner-header.style1 h2 {width: auto;}
}
@media handheld, only screen and (max-width: 560px) {
	.form-container .container .data .left.coverage.style2.inner {width: 90%;}
	.form-container .container .data .center.coverage.style2 {width: 90%; float: none; margin: 0px 0px 0px 15px;}
	.form-container .container .data .right.coverage.style2 {width: 90%; float: none; margin: 0 0 0 15px;}
	
}
@media handheld, only screen and (max-width: 500px) {
	.form-container .container .button { display: block; }
	.form-container .container .claim-table .title .subject {width: 93%; float: none;}
	.form-container .container .claim-table .title .info {width: 93%;}
}
@media handheld, only screen and (max-width: 460px) {
	.form-container .container .data .left.half { width: 87%; padding: 0; }
	.form-container .container .data .right.half { width: 87%; margin-bottom: 20px; padding: 0; }
	.form-container .container .data .left.remarks {float: left;}
	.form-container .container .data .right.remarks {float: left; width: 75%;}
}
@media handheld, only screen and (max-width: 420px) {
	.form-container .container .data input[type="text"].credit-card {margin-right: 5px;}
}
@media handheld, only screen and (max-width: 320px) {
	.form-container .container .left select { width: 83%; }
}


/*table style*/
.clinic-table .table-title{background-color: #808080; color: #ffffff;}
.clinic-table .table-title .title-list{padding: 5px; width:18%; text-align: center; float:left;}
.clinic-table .table-item{border-top:1px solid #e8e8e8;}
.clinic-table .table-item .item{padding: 5px; width:18%; text-align: center; float:left;}

@media handheld, only screen and (max-width: 767px) {
	.clinic-table .table-title{display:none;}
	.clinic-table .table-item{padding-top: 15px; border-top:none;}
	.clinic-table .table-item .item{float:none; width:auto; text-align: left; padding: 0px;}
	.item:before{content: ''; color: #666; text-decoration: underline; display: block; padding: 0 0 0 15px; font-weight: bold;}
	.item.style1:before{content: 'Member:';}
	.item.style2:before{content: 'Yearly Premium For Basic Coverage:';}
	.item.style3:before{content: 'Optional Coverage:';}
	.item.style4:before{content: 'Yearly Premium For Optional Coverage:';}
	.item.style5:before{content: 'Yearly Premium Per Person:';}
	.zh_HK .item.style1:before{content: '會員:';}
	.zh_HK .item.style2:before{content: '基本保障每年保障:';}
	.zh_HK .item.style3:before{content: '附加保障:';}
	.zh_HK .item.style4:before{content: '附加保障每年保障:';}
	.zh_HK .item.style5:before{content: '每人每年保障:';}
}

.clinic-table {vertical-align:top; margin:0px 15px;}
.clinic-table tbody td > p{padding-bottom:0px; margin-bottom:0px; margin-top:0px;}
.clinic-table tr.main-title{color:#ed1b2e; background-image: url("../../images/bg-investment-001.jpg"); background-repeat: repeat-x; background-position: top;}
.clinic-table tr.main-title2{color:#ed1b2e; background-color: #ffffff;}
.clinic-table tr.row-style1{background-color: #edeef0; color: #25383c;}
.clinic-table tr.row-style2{background-color: #ffffff; color: #25383c;}
.clinic-table tr.main-title > td, .clinic-table tr.main-title2 > td, .clinic-table tr.row-style1 > td, .clinic-table tr.row-style2 > td
{border: 1px solid #ccc; padding: 5px; width:20%; text-align:center;}

@media handheld, only screen and (max-width: 767px) {
	.clinic-table tr.main-title > td, .clinic-table tr.main-title2 > td, .clinic-table tr.row-style1 > td, .clinic-table tr.row-style2 > td
	{padding: 0px;}
}

@media handheld, only screen and (max-width: 410px){
	.en .form-container .container .button.three-line .center-container{width: 260px; height:62px; background-size:auto 100%;}
	.en .form-container .container .button.three-line .left-container {height:62px; background-size:auto 100%;}
	.en .form-container .container .button.three-line .right-container {height:62px; background-size:auto 100%;}
}