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

#content-2c-left_revamp {
	width:620px;
	padding-top: 0px;
	padding-right:0px;
	padding-left: 0px;
	padding-bottom: 40px;
	margin-left:10px;
	float:left;
	/*background-color:#f1f1f1;*/
 }

#revamp_2c_box_leftgroup {
	width:300px; 
	float:left;
}

#revamp_2c_box_rightgroup{
	width:300px; 
	float:right;
	margin-right: 8px;
}

#revamp_2c_box_left{
	width:300px;
	height:auto;
	padding:0px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#f9f9f9;
	margin-top:20px;
	border:1px solid;
	border-color:#e7e7e7;
}




#revamp_2c_box_right{
	width:300px;
	height:auto;
	padding:0px;
	float:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#f9f9f9;
	margin-top:20px;
	border:1px solid;
	border-color:#e7e7e7;
}

#revamp_2c_box_title{
	background:url(../../images/common/2_col_bg.png); 
	height:34px; 
}
#revamp_2c_box_title .text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	float:left;	
}

@-moz-document url-prefix(){
	#revamp_2c_box_title .text {padding-top:8px;}
	}
	


#revamp_2c_box_title .icon{
	width: 46px;
	padding-right:5px;
	float:right;
}

#revamp_2c_box_left .lubox{
	width: 280px;
	height: 16px;
	margin: 5px;
	padding:5px;
	background-color:#e8e9eb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;	
}

#revamp_2c_box_left .lubox, #revamp_2c_box_right .lubox{
	width: 280px;
	height: 16px;
	margin: 5px;
	padding:5px;
	background-color:#e8e9eb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	
}



#revamp_2c_box_left .pbox, #revamp_2c_box_right .pbox{
	width:280px;
	padding: 0px 5px 5px 10px;
}

#revamp_2c_box_left p, #revamp_2c_box_right p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #2A2A2A;
}
#revamp_2c_box_left hr, #revamp_2c_box_right hr, #tabscontent hr{
	 width:100%;
	 height: 2px;
	 background: url(../../images/common/hr_bg.png);
	 background-repeat: repeat-x;
	 border:none !important;
	 margin-top:0px;
	 margin-bottom:5px;
}

#revamp_2c_box_left .banner, #revamp_2c_box_right .banner{
	padding:5px 5px 5px 6px;
	}


#revamp_rightbox {
	width:302px;
}


#revamp_rightbox_infocus{
	height: 334px;
	background:url(../../images/common/infocus_bg.png);
	 background-repeat: no-repeat;
}


#revamp_rightbox_infocus .content{
padding: 3px 10px 10px 16px;
}

#revamp_rightbox_infocus .iftitle{
padding: 0px 10px 5px 104px;
}

#revamp_rightbox_infocus .iftitle p{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#666;
padding-bottom:0px;
	
}

#revamp_rightbox_infocus .content img{
	padding: 0px 14px 0px 18px;
}

#revamp_rightbox_promobox{
	width:302px;

}

#indexpage_right_portlet #revamp_rightbox_promobox{
	width:302px;
	margin-top: -20px
	}
		
#revamp_rightbox_promobox .top{
   height: 1px; 
   background-color:#f1f1f1;
}
#revamp_rightbox_promobox .content{
   background:url(../../images/en/promo_bg.png);
   background-repeat:repeat-y;
   padding-left:1px;
}
#revamp_rightbox_promobox .bottom{
	height:15px;
   background: url(../../images/en/promo_bottom.png);
   background-repeat:no-repeat;
}

#revamp_rightbox_multimediabox{
	width:302px;

}
#revamp_rightbox_multimediabox .top{
   height: 1px; 
   background-color:#f1f1f1;
}
#revamp_rightbox_multimediabox .content{
   background:url(../../images/en/promo_bg.png);
   background-repeat:repeat-y;
   padding-left:1px;
   padding: 5px 5px 5px 5px;
}
#revamp_rightbox_multimediabox .bottom{
	height:15px;
   background: url(../../images/en/promo_bottom.png);
   background-repeat:no-repeat;
}
/*-- old multi --
#revamp_rightbox_multimedia{
	height: 293px;
	background:url(../../images/en/multimedia_bg.png);
	 background-repeat: no-repeat;
}

#revamp_rightbox_multimedia .content{
padding: 36px 15px 10px 13px;
}

#revamp_rightbox_multimedia .content p{
padding: 10px 0px 10px 0px;
font-size:10px;
}
*/

#revamp_rightbox_followus{
	height: 116px;
	background:url(../../images/en/followus_bg.png);
	 background-repeat: no-repeat;
}

#revamp_rightbox_followus .content{
padding: 44px 10px 10px 16px;
}

#revamp_rightbox_followus .content img{
	padding: 0px 1px 0px 1px;
}


#revamp_rightbox_mobileapp{
	height: 126px;
	background:url(../../images/en/mobileapp_bg.png);
	 background-repeat: no-repeat;
}

#revamp_rightbox_mobileapp .content{
padding: 36px 10px 10px 16px;
}

#revamp_rightbox_mobileapp .content img{
	padding: 0px 14px 0px 4px;
}


#revamp_rightbox_mcsbox{
	width:302px;

}
#revamp_rightbox_mcsbox .top{
   height: 1px; 
   background-color:#f1f1f1;
}
#revamp_rightbox_mcsbox .content{
   background:url(../../images/en/promo_bg.png);
   background-repeat:repeat-y;
   padding-left:1px;
}
#revamp_rightbox_mcsbox .bottom{
	height:15px;
   background: url(../../images/en/promo_bottom.png);
   background-repeat:no-repeat;
}



/* quick tool */

#quicktool_box {width: 286px; margin-left:7px;}
	#quicktool_box .box_top{background-image:url(../../images/en/qt_box_top.png); height:40px}
	#quicktool_box .box_bottom{background-image:url(../../images/common/qt_box_bottom.png); background-repeat:no-repeat; height:12px; padding-bottom:5px;}
	#quicktool_box .box_content{background-image:url(../../images/common/qt_box_bg.png);}
	#quicktool_box  .content{padding:0px 0px 0px 16px; text-align:left; font-family: Verdana, Arial, 		
	Helvetica, sans-serif; font-size: 12px; line-height: 1.6em;}
	#quicktool_box  .select {padding: 2px 0px 6px 14px; }
	#revamp_select {
			width: 254px;
			height: 21px;
			font-size:11px;
			color:#666;
			-webkit-appearance: menulist;
			box-sizing: border-box;
			border: 1px solid;
			border-image-source: initial;
			border-image-slice: initial;
			border-image-width: initial;
			border-image-outset: initial;
			border-image-repeat: initial;
			white-space: pre;
			-webkit-rtl-ordering: logical;
			color: black;
			background-color: white;
			cursor: default;}
/* end quick tool */


/* sec level */

#sec_level_section_bg {background-color:#ffeedd; padding: 5px 5px 5px 5px; margin-right:10px;}
#sec_level_section_bg .sec_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 23px; color: #f47920; font-style: normal;}
#sec_level_section_bg .sec_title h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #f47920; float: left; font-size: 20px; line-height: 23px; font-style: normal;}
#sec_level_section_hlbox {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999;float: left; margin-bottom:20px; margin-right:10px; }
#revamp_2l_box_leftgroup {width:300px; float:left;
}
#revamp_2l_box_left {width:300px;height:auto; padding:0px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f9f9f9; margin-top:20px; border:1px solid; border-color:#e7e7e7;}

#revamp_2l_box_rightgroup{ width:300px; float:right; margin-right: 8px;}

#revamp_2l_box_right{width:300px; height:auto; padding:0px; float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f9f9f9; margin-top:20px; border:1px solid; border-color:#e7e7e7; }

#revamp_2l_box_title { width: 100%; 
}
#revamp_2l_box_title .text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold; padding:10px 0px 10px 10px; float:left; height:auto; background-color:#ffeedd; width:288px;}
@-moz-document url-prefix(){
	#revamp_sec_level_2c_box_title .text {padding-top:8px;}
	}	
	
#revamp_2l_box_left .lubox, #revamp_2l_box_right .lubox { width: 280px; height: 16px; margin: 5px; padding:5px; background-color:#e8e9eb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #666666;}	

#revamp_2l_box_left .pbox, #revamp_2l_box_right .pbox {
	width:280px;
	padding: 0px 5px 5px 10px;
}
#revamp_2l_box_left .pbox h4, #revamp_2l_box_right .pbox h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2A2A2A; line-height: 1.6em; padding-bottom: 10px;}


#revamp_2l_box_left p, #revamp_2l_box_right_2l p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #2A2A2A;
}
#sec_level_section_hlbox h2{ color: #f47920; text-decoration: none; font-size:13px; margin-bottom:10px; font-weight:bold;}
#sec_level_section_hlbox h3{ color: #f47920; text-decoration: none; font-size:13px; margin-bottom:10px; font-weight:bold;}
#revamp_2l_box_left hr, #revamp_2l_box_right hr {
	 width:100%;
	 height: 2px;
	 background: url(../../images/common/hr_bg.png);
	 background-repeat: repeat-x;
	 border:none !important;
	 margin-top:0px;
	 margin-bottom:5px;
}



#indexpage_right_portlet #hsbcportlet {margin-top:-25px; margin-bottom:20px;}

#indexpage_right_portlet #right-advertisement {margin-bottom: 35px; margin-top: -20px;}



/* Level 4 */
#4l_content_revamp {
	width:930px;
	padding-top: 0px;
	padding-right:10px;
	padding-left: 10px;
	padding-bottom:0px;
	margin-left:10px;
	float:left;
	/*background-color:#f1f1f1;*/
 }
 
 #revamp_4l_content {
	width:930px;
	padding-top: 0px;
	padding-right:0px;
	padding-left: 0px;
	padding-bottom:0px;
	margin-left:10px;
	float:left;
	/*background-color:#f1f1f1;*/
 }
 
 #insidethestore {
    padding: 5px 20px 0px 30px;
    width: 230px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    line-height: 1.6em;
}

/* new top 2017 */
#banner_highlight {width:930px;}

#banner_highlightbox {width:612px; background-color:#CCC; float:left;}
#latestupdate {width:302px; background-color:#fff; float:right; margin-right:4px;}
#latestupdate .titlebox {background-color:#ff9326; padding: 2px 6px 2px 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:white; font-size:12px}
#latestupdate .contentbox {width:292px; border-bottom: 1px solid; border-color: #959595; padding:7px 5px 7px 5px; height: 38px; display: table-cell; float: left; overflow: hidden;}
#latestupdate .datebox {width:58px; line-height: 1.6em; float:left;}
#latestupdate .topicbox {width:228px; line-height: 1.6em;  float:left; word-wrap: break-word; margin-left: 6px;}

/*leve 4 button */
.sharebuton {opacity: 100;}
.sharebuton:hover {opacity: .75;}

.dropbtn {
    color: white;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	margin-left: -58px;
	margin-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}