/*
V1.1, Sam Hui, PDEV-986 AABEST - Tax Loan Section 
v1.2, Sam Hui, PDEV-998 AABEST - Support Mouseover Effect for Frontpage and Content Page
v1.3, Sam Hui, PDEV-1033 AABEST - Update Search Region Layout (Mobile) 
V1.4, Janice, PDEV-1029    
V1.5, Sam Hui, 
V1.6, Sam Hui, Add Notice about Adaptor
*/

.im_panel_card { width:200px; height:100px; background-position: -1000px -1000px; background-color:#FFFFFF; }
.im_panel_loan { width:200px; height:100px; background-position: -1200px -1000px; background-color:#FFFFFF; }
.im_panel_taxloan { width:124px; height:100px; background-position: -500px 0px; background-color:#FFFFFF; }
.im_panel_deposit { width:200px; height:100px; background-position: -1000px -1100px; background-color:#FFFFFF; }
.im_panel_travel { width:200px; height:100px; background-position: -1200px -1100px; background-color:#FFFFFF; }
.im_card_mile { width:40px; height:40px; background-position: -1080px -18px; vertical-align: middle; }
.im_card_cash { width:40px; height:40px; background-position: -1080px -118px; vertical-align: middle; }
.im_card_dining { width:40px; height:40px; background-position: -1080px -218px; vertical-align: middle; }
.im_card_oversea { width:40px; height:40px; background-position: -1080px -318px; vertical-align: middle; }
.im_loan_search { width:40px; height:40px; background-position: -5px -860px; vertical-align: middle; }
.im_taxloan_search { width:40px; height:40px; background-position: -394px 5px; vertical-align: middle; }
.im_deposit_hkd { width:70px; height:40px; background-position: -1065px -522px; vertical-align: middle; }
.im_deposit_nzd { width:70px; height:40px; background-position: -1065px -622px; vertical-align: middle; }
.im_deposit_cny { width:70px; height:40px; background-position: -1065px -722px; vertical-align: middle; }
.im_deposit_aud { width:70px; height:40px; background-position: -1065px -822px; vertical-align: middle; }
.im_travel_adult_on { width:17px; height:30px; background-position: -16px -910px; vertical-align: middle; }
.im_travel_adult_off { width:17px; height:30px; background-position: -66px -910px; vertical-align: middle; }
.im_travel_kid_on { width:17px; height:30px; background-position: -116px -910px; vertical-align: middle; }
.im_travel_kid_off { width:17px; height:30px; background-position: -166px -910px; vertical-align: middle; }
.im_travel_search { width:40px; height:40px; background-position: -105px -860px; vertical-align: middle; }
.im_slogan_tc { width:550px; height:60px; background-position: -520px -4320px; }
.im_slogan_sc { width:550px; height:60px; background-position: -520px -4320px; }
.im_slogan_en { width:570px; height:100px; background-position: -515px -4400px; }

.search_panel_container {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #CCCCCC;
  width: 95%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 0;
}
.search_panel_icon {position: absolute; left: 50%; top: -50px; z-index: 10;}
.search_panel_icon > div {position: relative; left: -50%;}
.search_panel_title {position: relative; padding-top: 50px; padding-bottom: 20px;}
.search_panel_content {position: relative; width: 100%; text-align: center; overflow: hidden;}
.card_button > div {display: inline-block; border: 1px solid #51bfd4; color: #51bfd4; padding: 5px 10px; white-space: nowrap; cursor:pointer; }
.card_button.hoveron > div {border: 1px solid #AAAAAA;}
.save_button > div {display: inline-block; border: 1px solid #96c040; color: #96c040; padding: 5px 10px; white-space: nowrap; cursor:pointer}
.save_button.hoveron > div {border: 1px solid #AAAAAA;}
#loan_search_button > div {display: inline-block; border: 1px solid #c084d7; color: #c084d7; padding: 5px 10px; white-space: nowrap;}
#loan_search_button.hoveron > div {border: 1px solid #AAAAAA;}
#insurance_search_button > div {display: inline-block; border: 1px solid #FE7881; color: #FE7881; padding: 5px 10px; white-space: nowrap;}
#insurance_search_button.hoveron > div {border: 1px solid #AAAAAA;}

.search_panel_container.taxloan { border: 2px solid #92ad05; width:98%; }
#taxloan_search_button > div {display: inline-block; border: 1px solid #92ad05; color: #92ad05; padding: 5px 10px; white-space: nowrap;}
#taxloan_search_button.hoveron > div {border: 1px solid #AAAAAA;}
.theme-bg-color { height:20px; line-height:20px; }


@media screen and (max-width: 767px) {

.search_panel {display: inline-block; width: 95%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_title {font-size: 36px;}
.search_panel_content {height: 370px;}
.search_panel_wrap_container {display: block;}
.search_panel_slogan {font-size: 24px; line-height: 28px;}
.search_panel_details {font-size: 18px; font-weight: bold;}
.card_button {display: inline-block; text-align: center; font-size: 26px; line-height: 40px; padding: 0px 10px 20px 10px;}
.card_button > div { padding: 27px 30px; min-width:180px;}
.card_button > div > div {display: inline-block;}
.save_button {display: inline-block; text-align: center; font-size: 26px; line-height: 40px; padding: 0px 10px 20px 10px;}
.save_button > div { padding: 27px 15px; min-width:232px; }
.save_button > div > div {display: inline-block;}
.loan_input_container {-moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; padding: 0px 30px; margin-left: 20px;}
#loan_input {font-size: 26px; }
#loan_input > div > div { height:55px; line-height:55px; }
#loan_input > div > div:first-child { margin-bottom:8px; }
#loan_input > div:first-child > div { text-align:right; }
#loan_input input {font-size: 24px; width: 270px; line-height: 46px; height: 46px; padding:0px; margin:0px;}
#loan_input select {font-size: 24px; width: 270px; padding: 7px 0px 7px 90px;  -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/loan_down_arrow.png') no-repeat; background-position: right center; }
#loan_input select::-ms-expand {display: none;}
/*#loan_input select {font-size: 24px; width: 270px; padding: 7px 0px 7px 90px; -webkit-appearance: initial;}*/
#loan_search_button {display: inline-block; text-align: center; font-size: 26px; padding: 20px 0px 10px 0px;}
#loan_search_button > div {padding: 15px 50px;}
#loan_search_button > div > div {display: inline-block;}
#insurance_input {font-size: 25px; }
#insurance_input input {font-size: 20px; width: 40px; line-height: 34px; height: 34px;}
#insurance_search_button {display: inline-block; text-align: center; font-size: 26px; padding: 20px 0px 10px 0px;}
#insurance_search_button > div {padding: 15px 50px;}
#insurance_search_button > div > div {display: inline-block;}
.insurance_img {padding: 0px 10px;}
.im_travel_adult_on { width:30px; height:50px; background-position: -1335px -3725px; vertical-align: middle; }
.im_travel_adult_off { width:30px; height:50px; background-position: -1435px -3725px; vertical-align: middle; }
.im_travel_kid_on { width:30px; height:50px; background-position: -1335px -3825px; vertical-align: middle; }
.im_travel_kid_off { width:30px; height:50px; background-position: -1435px -3825px; vertical-align: middle; }

.search_panel_large { display: inline-block; width: 95%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_item_1 { clear:both; width:100%; }
.search_panel_item_2 { clear:both; width:100%; }
.search_panel_large .search_panel_content {height: 370px;}
#taxloan_input {font-size: 26px; }
#taxloan_input > div > div { height:55px; line-height:55px; }
#taxloan_input > div > div:first-child { margin-bottom:8px; }
#taxloan_input > div:first-child > div { text-align:right; }
#taxloan_input input {font-size: 24px; width: 270px; line-height: 46px; height: 46px; padding:0px; margin:0px;}
#taxloan_input select {font-size: 24px; width: 270px; padding: 7px 0px 7px 90px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/taxloan_down_arrow.png') no-repeat; background-position: right center; }
#taxloan_input select::-ms-expand {display: none;}
#taxloan_search_button {display: inline-block; text-align: center; font-size: 26px; padding: 20px 0px 10px 0px;}
#taxloan_search_button > div {padding: 15px 50px;}
#taxloan_search_button > div > div {display: inline-block;}
.search_panel_container.taxloan{width:95%}

#fb_hotkey { display:none; }
#master_menu_mobile{display:none;}
.theme-bg-color { height:1px; line-height:1px; background-color:#e5e5e5!important; }
}


@media screen and (min-width: 768px) and (max-width: 949px) {

.search_panel {float: left; width: 50%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_title {font-size: 30px; }
.search_panel_content {height: 315px;}
.search_panel_wrap_container {display: block;}
.search_panel_slogan {font-size: 16px;}
.search_panel_details {font-size: 14px;}
.search_panel_container {max-height:430px;}
.card_button {display: inline-block; text-align: center; font-size: 18px; padding: 5px 5px 10px 5px;}
.card_button > div {padding: 5px 30px; min-width:84px;}
.save_button {display: inline-block; text-align: center; font-size: 18px; padding: 5px 5px 10px 5px;}
.save_button > div {width: 85px; padding: 5px 30px;}
.loan_input_container {-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0px 20px; margin-left: 10px;}
#loan_input {font-size: 18px;}
#loan_input > div > div { height:35px; line-height:35px; }
#loan_input > div > div:first-child { margin-bottom:8px; }
#loan_input > div:first-child > div { text-align:right; }
#loan_input input {font-size: 18px; width: 180px; line-height: 26px; height: 26px; padding:0px; margin:0px;}
#loan_input select {font-size: 16px; width: 180px; padding: 3px 0px 2px 60px;  -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/loan_down_arrow.png') no-repeat; background-position: right center; }
#loan_input select::-ms-expand {display: none;}
/*#loan_input select {font-size: 16px; width: 180px; padding: 3px 0px 2px 60px; -webkit-appearance: initial;}*/
#loan_search_button {display: inline-block; text-align: center; font-size: 16px; padding: 15px 0px 10px 0px;}
#loan_search_button > div {padding: 4px 40px;}
#loan_search_button > div > div {display: inline-block;}
#insurance_input {font-size: 18px;}
#insurance_input input {font-size: 14px; width: 25px; line-height: 22px; height: 22px;}
#insurance_search_button {display: inline-block; text-align: center; font-size: 16px; padding: 15px 0px 10px 0px;}
#insurance_search_button > div {padding: 4px 40px;}
#insurance_search_button > div > div {display: inline-block;}
.insurance_img {padding: 0px 10px;}


.search_panel_large { clear:both; width:100%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_item_1 { float:left; width:48%; padding-right:2%; padding-top:15px; text-align:right; }
.search_panel_item_2 { float:left; width:48%; padding-left:2%; text-align:left; }
.search_panel_large .search_panel_content {height: 180px;}
#taxloan_input {font-size: 18px; }
#taxloan_input > div > div { height:30px; line-height:30px; }
#taxloan_input > div > div:first-child { margin-bottom:8px; }
#taxloan_input > div:first-child > div { text-align:right; }
#taxloan_input input {font-size: 16px; width: 160px; line-height: 22px; height: 22px; padding:0px; margin:0px;}
#taxloan_input select {font-size: 16px; width: 160px; padding: 3px 0px 2px 50px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/taxloan_down_arrow.png') no-repeat; background-position: right center; }
#taxloan_input select::-ms-expand {display: none;}
#taxloan_search_button {display: inline-block; text-align: center; font-size: 16px; padding: 15px 0px 10px 0px;}
#taxloan_search_button > div {padding: 4px 40px;}
#taxloan_search_button > div > div {display: inline-block;}
}

@media screen and (min-width: 950px) and (max-width: 1199px) {

.search_panel {float: left; width: 50%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_title {font-size: 30px;}
.search_panel_content {height: 230px;}
.search_panel_wrap_container {display: inline-block;}
.search_panel_slogan {font-size: 16px;}
.search_panel_details {font-size: 14px;}
.button_left {padding-right: 4px;}
.card_button {display: table-cell; text-align: center; font-size: 18px;}
.card_button > div {padding: 5px 10px;min-width:84px;}
.save_button {display: table-cell; text-align: center; font-size: 18px;}
.save_button > div {width: 85px; padding: 5px 10px;}
.loan_input_container {-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0px 10px; margin-left: 10px;}
#loan_input {font-size: 18px;}
#loan_input > div > div { height:30px; line-height:30px; }
#loan_input > div > div:first-child { margin-bottom:8px; }
#loan_input > div:first-child > div { text-align:right; }
#loan_input input {font-size: 16px; width: 130px; line-height: 22px; height: 22px; padding:0px; margin:0px;}
#loan_input select {font-size: 16px; width: 130px; padding: 0px 0px 0px 35px;  -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/loan_down_arrow.png') no-repeat; background-position: right center; }
#loan_input select::-ms-expand {display: none;}
/*#loan_input select {font-size: 16px; width: 130px; padding: 0px 0px 0px 35px; -webkit-appearance: initial;}*/
#loan_search_button {padding: 0px 10px 0px 40px; vertical-align: top; text-align: center; font-size: 16px;}
#loan_search_button > div {padding: 5px 25px;}
#insurance_input {font-size: 18px;}
#insurance_input input {font-size: 14px; width: 25px; line-height: 22px; height: 22px;}
#insurance_search_button {padding: 0px 10px 0px 10px; vertical-align: top; text-align: center; font-size: 16px;}
#insurance_search_button > div {padding: 5px 20px;}
.insurance_img {padding: 0px 10px;}

.search_panel_large { clear:both; width:100%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_item_1 { float:left; width:48%; padding-right:2%; padding-top:15px; text-align:right; }
.search_panel_item_2 { float:left; width:48%; padding-left:2%; text-align:left; }
.search_panel_large .search_panel_content {height: 120px;}
#taxloan_input {font-size: 18px; }
#taxloan_input > div > div { height:30px; line-height:30px; }
#taxloan_input > div > div:first-child { margin-bottom:8px; }
#taxloan_input > div:first-child > div { text-align:right; }
#taxloan_input input {font-size: 16px; width: 130px; line-height: 22px; height: 22px; padding:0px; margin:0px;}
#taxloan_input select {font-size: 16px; width: 130px; padding: 0px 0px 0px 35px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/taxloan_down_arrow.png') no-repeat; background-position: right center; }
#taxloan_input select::-ms-expand {display: none;}
#taxloan_search_button {padding: 0px 10px 0px 40px; vertical-align: top; text-align: center; font-size: 16px;}
#taxloan_search_button > div {padding: 5px 25px;}

}

@media screen and (min-width: 1200px) {
.search_panel {float: left; width: 50%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_title {font-size: 32px;}
.search_panel_content {height: 230px;}
.search_panel_wrap_container {display: inline-block;}
.search_panel_slogan {font-size: 16px;}
.search_panel_details {font-size: 14px;}
.button_left {padding-right: 4px;}
.card_button {display: table-cell; width: 50%; text-align: center; font-size: 18px;}
.card_button > div {padding: 5px 20px; min-width:84px;}
.save_button {display: table-cell; width: 50%; text-align: center; font-size: 18px;}
.save_button > div {width: 85px; padding: 5px 20px;}
.loan_input_container {-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; padding: 0px 20px; margin-left: 10px;}
#loan_input {font-size: 18px; }
#loan_input > div > div { height:30px; line-height:30px; }
#loan_input > div > div:first-child { margin-bottom:8px; }
#loan_input > div:first-child > div { text-align:right; }
#loan_input input {font-size: 16px; width: 160px; line-height: 22px; height: 22px; padding:0px; margin:0px;}
#loan_input select {font-size: 16px; width: 160px; padding: 3px 0px 2px 50px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/loan_down_arrow.png') no-repeat; background-position: right center; }
#loan_input select::-ms-expand {display: none;}
/*#loan_input select {font-size: 16px; width: 160px; padding: 3px 0px 2px 50px; -webkit-appearance: initial;}*/
#loan_search_button {padding: 0px 10px 0px 40px; vertical-align: top; text-align: center; font-size: 16px;}
#loan_search_button > div {padding: 5px 25px;}
#insurance_input {font-size: 18px;}
#insurance_input input {font-size: 14px; width: 25px; line-height: 22px; height: 22px;}
#insurance_search_button {padding: 0px 10px 0px 10px; vertical-align: top; text-align: center; font-size: 16px;}
#insurance_search_button > div {padding: 5px 20px;}
.insurance_img {padding: 0px 10px;}

.search_panel_large { clear:both; width:100%; padding-top: 80px; text-align: center; color: #515055; vertical-align: top;}
.search_panel_item_1 { float:left; width:48%; padding-right:2%; padding-top:15px; text-align:right; }
.search_panel_item_2 { float:left; width:48%; padding-left:2%; text-align:left; }
.search_panel_large .search_panel_content {height: 120px;}
#taxloan_input {font-size: 18px; }
#taxloan_input > div > div { height:30px; line-height:30px; }
#taxloan_input > div > div:first-child { margin-bottom:8px; }
#taxloan_input > div:first-child > div { text-align:right; }
#taxloan_input input {font-size: 16px; width: 160px; line-height: 22px; height: 22px; padding:0px; margin:0px;}
#taxloan_input select {font-size: 16px; width: 160px; padding: 3px 0px 2px 50px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background:url('/images/taxloan_down_arrow.png') no-repeat; background-position: right center; }
#taxloan_input select::-ms-expand {display: none;}
#taxloan_search_button {padding: 0px 10px 0px 40px; vertical-align: top; text-align: center; font-size: 16px;}
#taxloan_search_button > div {padding: 5px 25px;}


}




.search_panel_large.notice { padding-top: 30px; }
.search_panel_large.notice .search_panel_container { width:98%; }
.notice_container { padding:25px 0px; }
.notice_container table { border-spacing: 0; border-collapse: collapse; }
.notice_container .notice_text { text-align:left; vertical-align:top; font-size:16px; line-height:120%; padding-left:50px; }
.notice_container .notice_img { text-align:right; vertical-align:middle; padding-left:10px; padding-right:20px; }
.notice_container .notice_img img { width:250px; }

@media screen and (max-width: 767px) {
    .search_panel_large.notice .search_panel_container { width:95%; }
    .notice_container .notice_text { font-size:19px; }
}