html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,tbody,tr,th,td{margin:0;padding:0;border:0}
html { overflow-y: scroll; overflow-x: hidden; }
body{color:#57585A;font-size:12px;font-family: 'Lato', Arial, sans-serif, STHeiti, 'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��"; height: 100%;}
ol,ul ,li{list-style:none}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;font-family:'Lato', Arial, sans-serif, STHeiti, 'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��"}
em{font-style:normal}
a{color:#474747;text-decoration:none}
a:hover{color:#474747;text-decoration: none; }
a:focus {text-decoration:none;}
textarea{font-size:12px}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}


/*����厰△�𢒰�𡁶鍂�甅撘� begin*/
.linear { background: -moz-linear-gradient(left,#e41c26,#fe8210); /*�怎��*/ background: -webkit-gradient(linear, 0% 0%, 100% 0%,from(#e41c26), to(#fe8210)); /*靚瑟��*/ background-image: -webkit-gradient(linear,bottom left,bottom right,color-start(0, #e41c26),color-stop(1, #fe8210)); /* Safari & Chrome*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e41c26', endColorstr='#fe8210'); /*IE6 & IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType='1',startColorstr='#e41c26', endColorstr='#fe8210')"; /* IE8 & IE9 */ background: -ms-linear-gradient(left, #e41c26, #fe8210); /*IE 10 & edge*/ background: linear-gradient(left, #e41c26, #fe8210); }/*皜𣂼�䁅𠧧*/
.oh{overflow:hidden}
.glyphicon { font-size: 11px; color: #0085d2; }
.mobile.glyphicon{color:#E01E24;}
.page_pull_right{position:absolute;width:10%; height: 100vh; overflow: hidden;}
.page_pull_right:before{content: ''; position: absolute; display: block; top: 0; bottom: 0; left:0; right:0; background: #FFF; z-index: 1000; opacity: 0.95;}
.modal-backdrop{z-index:4000;}
.modal{z-index:4030;overflow-y:auto;}
body.modal-open{margin-right:0px;}
a.maillink{  text-decoration: underline; color: #0085D2; }
.clear { clear: both; }
.row { margin: 0; }
.container { margin: 0 auto; max-width: 1170px; padding: 15px 0; }
.nopadding { padding: 0; }
.form-control{ box-shadow: none;}
.HEADING1,.HEADING2,.HEADING3,.HEADING4 { font-family: 'montserrat', Arial, sans-serif, STHeiti, 'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��";color:#474747; font-weight: 400;font-size: 30px; margin-bottom: 20px;}
.HEADING2 {font-size: 22px;  margin-bottom: 14px;}
.HEADING3 {font-size: 18px; margin-bottom: 12px;}
.HEADING4 {font-size: 16px; margin-bottom: 10px;}
.Content1,.Content2 { font-family: 'Lato'; font-size: 14px; color: #474747; margin: 5px 0;font-weight: 400;}
.Content2 {font-weight: 700; }
.Remarks { font-family: 'Lato'; font-size: 12px; color: #474747; font-weight: 400; }
.airline_logo {width:28px;height:28px;margin-right:3px;}/*�⏛蝛箏�砍虬logo�甅撘�*/

/*����厰△�𢒰�𡁶鍂�甅撘�>��滚�緽heckbox��丯adio�甅撘�*/
input[type="checkbox"] { -webkit-appearance: none; background: url(/Content/img/radio-and-check-box.png) -90px -9px no-repeat; outline: none; height: 20px; vertical-align: middle; width: 20px; margin: 5px; border-radius: 0; border:0; cursor: pointer;}
input[type="checkbox"]:checked { background: url(/Content/img/radio-and-check-box.png) -130px -9px no-repeat; outline: none; border:0;}
input[type="checkbox"][disabled] { }
input[type="checkbox"][disabled]:checked { }
input[type="radio"] { -webkit-appearance: none; background: url(/Content/img/radio-and-check-box.png) -50px -9px no-repeat; outline: none; height: 23px; vertical-align: middle; width: 20px;margin:2px 4px;  border-radius: 0; border:0; cursor: pointer;}
input[type="radio"]:checked { background: url(/Content/img/radio-and-check-box.png) -10px -9px no-repeat; outline: none; border:0;}
input[type="radio"][disabled] { }
input[type="radio"][disabled]:checked { }
/*����厰△�𢒰�𡁶鍂�甅撘� end*/


/*瘥滨��△header�甅撘� begin*/
/*瘥滨��△header�甅撘�>憿園�究croll_banner�甅撘�*/
.scroll_banner{position:absolute;top:-40px; margin-top:-200px; min-height:40px; background: #ebf4f7; color: #003f55;}
.scroll_banner .container{ padding: 10px 15px;}
.scroll_banner.active{position:relative;margin-top:-40px;}
.scroll_banner_close{ float: right; margin-top: 3px;cursor:pointer}

/*瘥滨��△header�甅撘�>憭湧�其蜓撖潸⏛��譍�𠰴�𢠃�典�*/
.logo { float: left; display: block; }
.logo h1{margin:0px}
.areainfo { vertical-align: bottom; line-height: 50px;  padding-left: 11px; font-size: 13px; text-transform: uppercase;}
.head_nav { float: right; position:relative; }
.hh3 { font-size: 14px; display: inline; line-height: 20px}
.bar {  position: relative;display: inline-block }
.bar .barpop_top { background: url(/Content/img/barpop_top.png); width: 20px; height: 11px; position: absolute; right: 20px; z-index: 1002; display: none; }
.bar .barpop { background-color: #fff; padding: 0 !important; background: none !important; z-index: 50; position: absolute; right: 0px; display: none; z-index: 1001; top: 30px; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
.bar .barpop .barpop_con { background: #fff; background-color: #fff; border: 1px solid transparent; padding: 3px; }
.mobile .barpop_con { background: none !important; border: none !important; padding: 0px !important; }
.barpop .barpop_txt { font-size: 16px; line-height: 50px; color: #fff; }
.barpop { display: none; }
.barpop_mobile .barpop_txt { line-height: 20px; cursor: default; }
.barpop .barpop_input { border-radius: 4px; background-color: #fff; width: 270px; height: 43px; outline: none; line-height: 43px; border: none; font-size: 18px; text-indent: 6px; }
.barpop_con ul li { padding: 0 25px;background-color: #fff; display: block;height: 40px; vertical-align: middle; line-height: 40px; font-size: 14px; color: #474747; cursor: pointer;white-space:nowrap; }
.barpop_con .barpop-ul li{border-bottom: 1px solid #ececec;}
.barpop_con .barpop-ul li:last-child{  border: 0; }
.barpop_con ul li:hover { background-color: #f6f6f6; }
.currency_list ul li { width: 33%; float: left; }
.currency_list .currency_prompt { padding-left: 30px; font-size: 14px; background-color: #f6f6f6; margin: 5px 0; height: 44px; line-height: 44px; margin-bottom: 1px; }
.currency_note_img { width: 15px; height: 15px; background: url(/Content/img/currency_note_img.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; }
.currency_barpop{max-width: 716px; width: 716px;}
.login_position{position:relative;}
.login_prompt_i { display:none; position: absolute; border-bottom: 10px solid #fff21a; left: 50%; bottom: -14px; margin-left: -5px; overflow: hidden; border-left: 10px solid transparent; border-right: 10px solid transparent; line-height: 0; width: 10px; }
.login_prompt_info { display:none; position: absolute; width: 270px; background: #fff21a; height: 60px;  top: 172%; left: -20%; border-radius: 10px; padding: 10px; z-index: 1000; }
.login_prompt_info  .go_icon { background: url(/Content/img/go_icon.png) no-repeat; width: 37px; height: 35px; position: relative; float: left; MARGIN-RIGHT: 9PX; }
.login_prompt_info  .close_icon { cursor:pointer; float: right; width: 15px; height: 15px; font-size: 25PX; vertical-align: top; color: #fff118; margin-top: -8px; }
.SearchHistory, .CountrySel, .Currency_Sel,.Help_Sel { cursor: pointer; }
.hotline { float: right; margin-top: 20px; }

/*瘥滨��△header�甅撘�>��𦦵揣霈啣��*/
.barpop.search_list_w{max-width: 368px; width: 368px;}
.search_barpop{max-width: 368px; width: 368px}
.search_list{max-height: 263px;overflow: hidden;overflow-y: auto;}
.search_list ul li{height:auto;line-height:20px;padding-left:0px;position: relative;cursor: pointer; margin: 0;}
.search_list .top_edit_Re {padding: 10px 15px; position: relative; cursor: pointer}
.search_list .top_edit_Re .top_edit_Re_From { color: #6F6F6F; }
.search_list .top_edit_Re .top_edit_Re_To { color: #6F6F6F; margin-left: 80px; }
.search_list .top_edit_Re .top_edit_Re_Airport { font-size: 15px; }
.search_list .top_edit_Re .top_edit_Re_Time { font-size: 15px; }
.search_list .top_edit_Re_close { position: absolute; right: 20px; top: 15px; font-size: 30px; color: #c6c6c6; cursor: pointer; z-index: 100; }
.search_list.overflow_y{max-height: 263px;overflow: hidden;overflow-y: auto;}
.search_list.overflow_y .no_data{padding:20px}
#search_log_no_data li {cursor:auto}
#search_log_no_data li:hover { background-color: #fff; }

/*瘥滨��△header�甅撘�>憭湧�其蜓撖潸⏛���*/
.navigation {z-index: 1000; }
.nav_opacity { position: relative; width: 100%; z-index: 45; }
.nav_opacity_noopac { position: relative; }
.navigation { background: #0085D2; }
.navigation .main_nav{padding:0 15px;height:55px;line-height: 55px;overflow: hidden;}
.navigation a.button { color: #fff; padding: 0 35px;height:55px;line-height: 55px; font-weight: 200; font-size: 15px; text-decoration: none; position: relative;float:left;display:block; }
.navigation a.button h2{height: inherit; line-height: inherit;}
.navigation a.hover { background: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5) bottom repeat-x; }
.navigation a.button .bot_line { height: 4px; position: absolute;left:0; bottom: 0px; width: 100%; }
/*瘥滨��△header�甅撘� end*/


/*瘥滨��△fonter�甅撘� begin*/
.foot1 .hh2, .foot2 .hh2 { font-weight: 600; font-size: 14px; line-height: 25px;white-space: nowrap;}
.foot1 .hh3, .foot2 .hh3 {font-size: 12px;}
.foot1 { color: #fff;background-color: #2294d2; }
.foot1left .foot_logo{margin-bottom: 20px;display: block;font-weight: lighter;font-size: 16px;}
.foot1left .foot_logo img{ height: 35px; margin-right: 5px;}
.map_global_area{margin-left:-15px}
.map_global_area a {display: block;float: left;margin-bottom: 17px;padding: 5px;}
.map_global_area a img{margin-right: 15px;max-width: 33px;}
.foot2 .foot2con .a-m-r-30 a{margin-right: 30px;cursor:pointer}
.extension { cursor: pointer; color: #3b589c; display: inline-block;  border-radius: 4px; padding: 5px 15px;}
.extension:hover { background-color: #f6f6f6; }
.extension i{line-height: 1; font-size: 42px; display: inline-block; margin-right: 10px;}
.extension.fbData{ color: #3b589c; margin-left: -15px;}
.extension.twData{ color: #17acd6; }
.facebook_img,.twitter_img { width: 45px; height: 45px; margin-right: 15px; display: block; float: left; background: url(/Content/img/facebook-twitter-icon.png); }
.facebook_img{background-position-x:-90px;}
.active .twitter_img{background-position-x:-45px;}
.active .facebook_img{background-position-x:0;}
.twitter_img{background-position-x:-135px;}
.foot1lefttxt {  display: inline-block; }
.foot1lefttxt .hh2{font-size:24px ;display: block;}
.foot1lefttxt .hh3{font-size:14px}
.foot1leftimg { float: left;font-size:18px;padding:0;line-height:32px;font-family: STHeiti, 'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��";}
.foot1right {text-align: center; }
.foot1con1,.foot1con2 { border-radius: 4px; background-color: #fff;padding:0;}
.foot1con1{background-color: #1082c0;border-top-right-radius:0;border-bottom-right-radius:0;}
.foot1con2{border-top-left-radius: 0; border-bottom-left-radius: 0}
.foot1con1 .we-are{width:100%;height:70px;line-height:70px;display:block;text-align:center;font-size:18px}
.foot2 {  color: #fff; background-color: #1082c0; padding-bottom: 50px;}
.foot2con { padding: 30px 0 0 0 }
.foot2con a{color:#fff}
.foot2con a:hover{text-decoration:underline}
.foot2contxt { padding-left: 25px; background: url(images/nbg25.png) 5px 6px no-repeat; }
.foot2con .col-md-2 span:first-child{display:inline-block;padding-bottom:5px}
.foot2con2 { margin-top: 10px; }
.foot2con2txt { padding-top: 15px; padding-bottom: 25px; }
.foot2con2txt2 { padding-left: 30px; padding-top: 5px; padding-bottom: 15px; }
.footerlogo_zh_cn:after,.footerlogo_zh_hk:after,.footerlogo_en_us:after{display: block;width: 244px; height: 31px;content:""; }
.footerlogo_zh_cn:after{background: url("images/footer_hutch_logo_sc.png") no-repeat}
.footerlogo_zh_hk:after{background: url("images/footer_hutch_logo_tc.png") no-repeat}
.footerlogo_en_us:after{background: url("images/footer_hutch_logo_en.png") no-repeat}
.foot2con2txt2 span{display:none;}
.footer2LogoTit { font-size:18px;padding:0;line-height:45px;font-family: STHeiti, 'Microsoft JhengHei','敺株��迤暺煾��',"暺睲��";}
.map_global_logo{margin-left:-25px;}
.map_global_logo div {display:inline-block; /*margin-bottom: 17px;*/padding: 5px;float:left;}
.map_global_logo div.tata{margin-top:2px;}
.map_global_logo img{margin-right: 15px;height:35px;}
/*瘥滨��△fonter�甅撘� end*/

.show_avp{
    display:none;
}

.JPGWrapper {
	height: 380px;
}
.JPGWrapper-mob {
	height:auto;
	width:100%;
    display:none;
}

/*�鍂���蒈敶脷ss*/
.LoginItem{cursor:pointer;}
.LoginItem.active{color:#0085d2;font-weight:600;}
.loginContainer{display:none; position:relative;background-color:#e6e6e6;}
.loginContainer.active{display:block;}
.loginContainer .loginContent{position:relative;}
.loginContainer .form-group{padding: 0px 10px 0px 0px;}
.loginContainer .memberForgetPwd {line-height:34px;}
.loginContainer .memberBtn { padding:1px 6px; min-width: 120px; display:inline-block; text-align: center; border: none; line-height: 32px; color: #fff; font-size: 16px; font-family: 'montserrat', Arial, sans-serif, STHeiti, 'Microsoft JhengHei', '敺株��迤暺煾��'; }
.loginContainer .lineborder { border-left: 1px solid #fff; position: absolute; top: 0; height: 100%; left: 58.5%; }
.loginContainer div.validation { color:red; text-align:left; display:inline-block;line-height:normal;font-size:14px;}
.head_nav .barTopPop {display:none; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #e6e6e6;  position: absolute; bottom:-14px; left:9%; z-index: 1002;}
.head_nav .barTopPop.active{display:block;}
/*�鍂���蒈敶脷ss*/


.mobile_footerlogo_zh-cn{content: url("images/footer_hutch_logo_sc.png");right: 10px;position: absolute;top: 10px;}
.mobile_footerlogo_zh-hk{content: url("images/footer_hutch_logo_tc.png");right: 10px;position: absolute;top: 10px;}
.mobile_footerlogo_en{content: url("images/footer_hutch_logo_en.png");right: 10px;position: absolute;top: 10px;}
.mobile_footerlogo_background {position:fixed;bottom:0px;right:0px;height:50px;background-color:#1082c0;width:100%;z-index:107159}

#nav-mall img{position: absolute;width: 38%;top: 5px;right: -7px;}
#hutchgo_mall img {width:36px;margin-top:-20px;}
@media screen and (max-width: 992px) {
    .mobile_footerlogo_background {display:none;}
	.videoWrapper {
		display:none;
	}
	.description, .JPGWrapper-mob {
		max-width:800px;
		margin:0 auto;	
		border-radius:0;
        display:block;
	}

    .JPGWrapper {
	    display:none;
    }

	.JPGWrapper-mob img {
		width:100%;	
	}
	.tab-content {		
		text-align:left;	
	}
	.tnc {
		padding-left:10px;
	}
	#landing {
		padding-top:20px;	
	}

    .show_avp{
        display:none;
    }
}

/*瘥滨��△�嗡�𡝗甅撘� begin*/
/*瘥滨��△�嗡�𡝗甅撘�>�𡁶鍂alert璅⊥��獢��甅撘�*/
.alert_modal .modal-footer { text-align: center; border-top: none; }
.alert_modal .modal-footer button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width: 137px; border-radius: 0; color: #fff; font-size: 17px; }
.alert_modal .modal_content_txt { font-size: 22px; text-align: center; color: #0085D2;}

.bodymasklayer { width: 100%; height: 1000%; z-index: 9999; position: absolute;display:none; background-color: rgba(0,0,0,0.5); }

.menuclose{display: none;}
/*瘥滨��△�嗡�𡝗甅撘� end*/

@media (max-width:992px){
    .img_slider{float:none !important}
    .modal-gonow-content{width:auto;background-size:cover}
    .right_DetailInfo.Single{width:100%}
    .bar { margin-left: 0;  }
    .logo{float:none;}
    /*��𧢲�笔���㗇見撘� start*/
    .mobileshow { display: block !important; }
    .mobilehide { display: none !important; }
    .mobile_logo { padding: 14px; border-bottom: 1px solid #f0f0f0; }
    .mobile_logo .logo img{ width: 123px; margin-top: 6px;}
    /*��𨅯�閖�典��甅撘�*/
    .menu { float: right; display: block; vertical-align: middle; margin: auto 0; }
    a.mobile_icon_menu_home {height: 45px; width: 45px; display: block; cursor: pointer; position: absolute; }
    a.mobile_icon_menu_home i{ font-size: 19px; line-height: 45px; color: #a3a3a3;}
    #menucon{  position:absolute; width:100%; top: 0;}
    .menucon {height:100vh;overflow-y:scroll; display:none; position: absolute; top: 0px; left: -100%; background-color: #0085D2; z-index: 10000; /*overflow: hidden;*/ width: 90%; line-height: 20px; text-indent: 10px; padding: 5px; }
    .menuclose { position: absolute;right: 3%; z-index: 99999; top: 20px; cursor: pointer; display: none; }
    .menuclose i{ font-size: 20px; color: #474747;}
    .menu_go { position: absolute; right: 20px; top: 10px; font-size: 60px; color: #027BC0; }
    .mobile_menu_bottom {width: 100%; height:50px; position: absolute; margin-left: -5px; margin-top:-5px; margin-bottom: 50px; padding: 10px 0; background: #0085D2;}
    .mobile_menu_bottom .form-control{border: none; -webkit-appearance: none; padding-right: 26px;}
    .mobile_CountrySel{ padding-right: 10px;}
    .mobile_CountrySel:before,
    .mobile_Currency_Sel:before{ content: ''; font-family: "hutchgo"; content: "a"; position: absolute; color: #ababab; font-size: 18px; right: 10px; top:50%;margin-top: -9px;}
    .mobile_menu_bottom .col-xs-6{ padding: 0 5px; }
    .nav_sub_line{border:none;}
    .nav_sub { background-color: #027bc0; margin: -2px -5px; padding: 6px 5px;display:none; }
    .nav_sub a.nav_button { color: #E9E9E9; display: block; padding: 7px 15px; }
    .nav > li {  }
    .nav > li +li { border-top: 1px solid #0177BD; }
    .nav > li > a { color: #FFF; font-family: 'montserrat'; font-size: 14px; padding: 15px 15px;}
    .nav > li > a:hover { color: #000000; }
    .nav > li > a:focus{color:#474747}
    .nav_sub_line{border:none !important;}
    .nav_li_vice { padding-left: 10px; font-size: 12px; }
    /*��𧢲�笔���㗇見撘� start*/
}

@media (min-width:992px)
{
    .modal-gonow-content{width:860px;max-width:860px}
    .right_DetailInfo.Single{width:200%}
    .bar { margin-left: 20px;  }
}

/* ��𧢲��帖��� */
@media (max-height:414px){
    .menucon{height: auto;}
    .mobile_menu_bottom{margin-bottom: 0;}
}

@media (max-width:520px){
    .mobile_CountrySel{width:100%}
    .mobile_Currency_Sel{width:100%;margin-top:10px}
}