/* General */
*{-webkit-text-size-adjust:none;}
body, form, ul, li, td {margin:0px;padding:0px;font-size:12px;font-family: "Flama","Arial","Helvetica Neue","Helvetica","sans-serif",-apple-system,system-ui;color:#222222; }
img {border:0px;}

a:link, a:visited{color:#222222;}
a:hover, a:active{color:#168142;}

sup{color:#3a3a3a;font-size:xx-small; vertical-align:top;}
p{margin-top:0px;}
ul, li { margin:0px; padding:0px; }

#outline {width:100%;margin:0px auto;}
#main {width:992px;margin:0px auto;}

#mainbg {background-image:url(../../images/main_bg.jpg); background-repeat:no-repeat; width:992px; height:686px; background-position:center;}

#header{height:172px;width:992px;position:relative;}
#header div{
	position: absolute;
}

/*header*/
#header .logo{top:92px;right:43px; width:123px; height:49px; background:url(../../images/HengSang_logo2.jpg) no-repeat;}
#header .lang{top:35px;right:48px;color:#777777; z-index:501;}
#header .lang2{top:44px;right:24px;color:#777777;}
#header .lang a, #header .lang2 a{color:#777777;text-decoration:none;}
#header .lang a:hover, #header .lang2 a:hover{color:#62431f;text-decoration:underline;}

/*tab bar*/
#menu{ position:absolute; top:140px; left:44px; height:31px; width:904px; background:#ffffff; z-index:1;}
#menu a { display:block; height:48px; }

#menu .m1 { position:relative; float:left; width:112px; height:48px; background:url(../../images/menu_01.jpg) no-repeat bottom; cursor:pointer; }
#menu .m1:hover, #menu .m1_on { background:url(../../images/menu_01_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m2 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_02.jpg) no-repeat bottom; cursor:pointer; }
#menu .m2:hover, #menu .m2_on { background:url(../../images/menu_02_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m3 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_03.jpg) no-repeat bottom; cursor:pointer; }
#menu .m3:hover, #menu .m3_on { background:url(../../images/menu_03_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m4 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_04.jpg) no-repeat bottom; cursor:pointer; }
#menu .m4:hover, #menu .m4_on { background:url(../../images/menu_04_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m5 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_05.jpg) no-repeat bottom; cursor:pointer; }
#menu .m5:hover, #menu .m5_on, #menu .m5_over { background:url(../../images/menu_05_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m6 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_06.jpg) no-repeat bottom; cursor:pointer; }
#menu .m6:hover, #menu .m6_on { background:url(../../images/menu_06_on.jpg) no-repeat bottom; cursor:pointer; }
#menu .m7 { position:relative; float:left; width:132px; height:48px; background:url(../../images/menu_07.jpg) no-repeat bottom; cursor:pointer; }
#menu .m7:hover, #menu .m7_on { background:url(../../images/menu_07_on.jpg) no-repeat bottom; cursor:pointer; }
#menu div:hover > ul { visibility:visible; }
#menu div.m2_on > ul { visibility:visible; }
#menu div ul { position:absolute; top:48px; width:246px; height:30px; z-index:999; visibility:hidden; }
#menu div li { list-style: none; float:left; }
#menu .sm1 { position:relative; float:left; width:121px; height:30px; background:url(../../images/menu_03_submenu01.png) no-repeat; cursor:pointer; }
#menu .sm1:hover, #menu .sm1_on { background:url(../../images/menu_03_submenu01_on.png) no-repeat; cursor:pointer; }
#menu .sm2 { position:relative; float:left; width:125px; height:30px; background:url(../../images/menu_03_submenu02.png) no-repeat; cursor:pointer; }
#menu .sm2:hover, #menu .sm2_on { background:url(../../images/menu_03_submenu02_on.png) no-repeat; cursor:pointer; }


/*home*/ 
a.intro_m1 { display:block; background:url(../../images/intro_m1.png) bottom no-repeat; width:414px; height:215px; cursor:pointer; }
a.intro_m1:hover { background:url(../../images/intro_m1_on.png) bottom no-repeat; }

a.intro_m2 { display:block; background:url(../../images/intro_m2.png) bottom no-repeat; width:414px; height:215px; cursor:pointer;  }
a.intro_m2:hover { background:url(../../images/intro_m2_on.png) bottom no-repeat; }

a.intro_m3 { display:block; background:url(../../images/intro_m3.png) bottom no-repeat; width:274px; height:141px; cursor:pointer;  }
a.intro_m3:hover { background:url(../../images/intro_m3_on.png) bottom no-repeat; }

a.intro_m4 { display:block; background:url(../../images/intro_m4.png) bottom no-repeat; width:274px; height:141px; cursor:pointer;  }
a.intro_m4:hover { background:url(../../images/intro_m4_on.png) bottom no-repeat; }

a.intro_m5 { display:block; background:url(../../images/intro_m5.png) bottom no-repeat; width:274px; height:141px; cursor:pointer;  }
a.intro_m5:hover { background:url(../../images/intro_m5_on.png) bottom no-repeat; }
/*opening animation*/

#HengSang-logo { width:192px; height:65px; position:absolute; top:171px; left:403px; background:url(../../images/HengSang_logo_tc.jpg) no-repeat; z-index:100; }

#welcome-ti { width:651px; height:130px; position:absolute; top:258px; left:173px; background:url(../../images/welcome-ti.jpg) no-repeat;}

#welcome-btn { width:166px; height:45px; position:absolute; top:433px; left:734px;}



/*container*/
#content{ margin-top:92px; width:992px;height:563px;position:relative;}
#content1{ margin-top:190px; width:840px;height:460px;position:relative; padding:60px 0 0 80px;}
#content2{ margin-top:190px; width:948px;position:relative; padding:40px 0 0 44px;}
#content3{ margin-top:190px; width:948px;position:relative; padding:30px 0 0 44px;}
#content4{ margin-top:190px; width:948px;position:relative; padding:40px 0 0 44px;}
#content6{ margin-top:190px; width:948px;position:relative; padding:40px 0 0 80px;}
#rightcon { float: left; position:absolute; width:450px;  margin-top:72px; right:76px;}
#leftcon { float: left; z-index: 500; width: 525px; }
#m1_title { width:298px; height:52px; position:absolute; top:438px; left:466px;}
#big_img { position:absolute; width:349px;  margin-top:0px; right:44px;}
#info_img { width:518px;  margin-top:7px; right:0px; z-index:0;}
#big_img2 {position: absolute;width: 904px;margin-top: 0px; left:44px;}
#big_img3 { position:absolute; width:288px;  margin-top:65px; left:120px;}
#big_img4 { position:absolute; width:349px;  margin-top:20px; right:104px;}
#big_img4_2 { position:absolute; width:349px;  margin-top:20px; right:50px;}
/*images*/
.m2a_img{ width:360px; height:205px; padding:0px 42px 0px 42px;}
.m2b_img{ width:270px; height:130px; padding:0px 13px 0px 13px;}
.m3_img, .m4_img{ width:270px; height:195px; padding:0px 13px 0px 13px;}
.m5_img{ width:200px; height:110px; padding:0px 11px 0px 11px;}
.m7_img{ padding-top:15px;}


#ending_swf { position:absolute; width:446px;  margin-top:30px; right:0px;}

/*text*/
.subti3 { font-size:16px; color:#0d7738; font-weight:18px;}
.subti2 { font-size:16px; color:#0d7738; font-weight:15px;}
.subti2a { font-size:18px; color:#303030; padding-top:10px;}
.subti3a {  font-size:18px; color:#303030; padding-top:10px; padding-bottom:0px;}
.text13 { font-size:14px; color:#303030; line-height:18px;}
.text11 { font-size:11px; color:#333;}
.text_m2a{ padding:12px 42px 12px 42px; }
.text_m2a_02{ padding:10px 42px 15px 42px; }
.text_m2b{ padding:0px 13px 0px 13px; }
.text_m2b_01{font-size:12px; color:#303030; padding-left:13px;}

.text_m5{ padding:0px 13px 0px 26px; font-size:12px; color:#303030; line-height:18px;}
.text_m7{ padding-top:8px; font-size:13px; color:#303030; padding-bottom:5px;}
.text{ margin:0px;padding:0px; font-size:12px; color:#303030;}

.video_box .text_m2b{ height:80px; vertical-align: top;}
.text_video1 { padding:0px 60px 0px 60px; }

/*slider*/
#arrow_next { position:absolute; top:175px; right:0px; z-index:501; }
#arrow_back { position:absolute; top:175px; left:0px;  z-index:501; }


/*footer*/
#footer{ position:relative; width:992px;height:67px; background-color:#FFF; }
#footer .copy { float:left; position:relative; margin:15px 0 0 24px; font-family: Arial;}
#footer .copy a{color:#000;text-decoration:underline;}
#footer .copy a:hover{color:#62431f;text-decoration:underline;}
#footer .member { width:108px; height:26px; float:right; position:relative; margin:15px 24px 0 0; background:url(../../images/footer_t.gif) no-repeat;}
.footer-logo{vertical-align:top;padding:2px 0 0 0;}
.foot-links{border-bottom:1px solid #D6D6D6;border-top:1px solid #D6D6D6;padding:7px 0 7px 0;margin-bottom:7px;}
.foot-links a{color:#666666;text-decoration:none;}
.foot-links a:hover{color:#3399CC;text-decoration:underline;}
.foot-links ul {float:right;}
.foot-links ul li{list-style:none;float:left;margin-left:23px;font-size:11px;}

/** button **/
a.btn_demo { display:block; width:106px; height:26px; margin:0; background:url(../../images/btn_demo.png) no-repeat; cursor:pointer;}
a.btn_demo:hover { background:url(../../images/btn_demo_on.png) no-repeat;}
a.btn_reg  { display:block; width:106px; height:26px; margin:0; background:url(../../images/btn_reg.png) no-repeat; cursor:pointer;}
a.btn_reg:hover { background:url(../../images/btn_reg_on.png) no-repeat;}
a.btn_evaluate  { display:block; width:131px; height:24px; margin:0; background:url(../../images/btn_evaluate.png) no-repeat; cursor:pointer;}
a.btn_evaluate:hover { background:url(../../images/btn_evaluate_on.png) no-repeat;}
a.btn_download  { display:block; width:131px; height:24px; margin:0; background:url(../../images/btn_download.png) no-repeat; cursor:pointer;}
a.btn_download:hover { background:url(../../images/btn_download_on.png) no-repeat;}
a.btn_know  { display:block; width:106px; height:26px; background:url(../../images/btn_know.png) no-repeat; cursor:pointer;}
a.btn_update  { display:block; width:106px; height:26px; background:url(../../images/btn_update.png) no-repeat; cursor:pointer;}
a.btn_logon  { display:block; width:122px; height:26px; background:url(../../images/btn_logon.png) no-repeat; cursor:pointer;}
a.btn_add  { display:block; width:122px; height:26px; background:url(../../images/btn_add.png) no-repeat; cursor:pointer;}
a.btn_dl_mobank  { display:block; width:162px; height:26px; background:url(../../images/btn_dl_mobank.png) no-repeat; cursor:pointer;}
a.btn_dl_invest  { display:block; width:162px; height:26px; background:url(../../images/btn_dl_invest.png) no-repeat; cursor:pointer;}
a.btn_profile  { display:block; width:162px; height:26px; background:url(../../images/btn_profile.png) no-repeat; cursor:pointer;}
a.btn_e_state  { display:block; width:197px; height:26px; background:url(../../images/btn_e_state.png) no-repeat; cursor:pointer;}
a.btn_dl_google  { display:block; width:103px; height:32px; position: relative; top:4px; background:url(../../images/btn_dl_google.png) no-repeat; cursor:pointer;}
a.btn_dl_appstore  { display:block; width:95px; height:32px; position: relative; top:4px; background:url(../../images/btn_dl_appstore.png) no-repeat; cursor:pointer;}
/*a.btn_enroll:hover { background:url(../../images/btn_enroll_on.png) no-repeat;}
a.btn_enroll { display:block; width:131px; height:24px; background:url(../../images/btn_enroll.png) no-repeat; cursor:pointer;}*/
a.btn_know:hover { background:url(../../images/btn_know_on.png) no-repeat;}
a.btn_update:hover { background:url(../../images/btn_update_on.png) no-repeat;}
a.btn_address  { display:block; width:130px; height:30px; margin:0; background:url(../../images/btn_address.png) no-repeat; cursor:pointer;}
a.btn_address:hover { background:url(../../images/btn_address_on.png) no-repeat;}
a.btn_details  { display:block; width:106px; height:26px; margin:0; background:url(../../images/btn_details.png) no-repeat; cursor:pointer; margin-top:0px;}
a.btn_details:hover { background:url(../../images/btn_details_on.png) no-repeat;}
a.btn_details2  { display:block; width:91px; height:24px; margin:0; background:url(../../images/btn_details2.png) no-repeat; cursor:pointer;}
a.btn_details2:hover { background:url(../../images/btn_details2_on.png) no-repeat;}
a.btn_center_address  { display:block; width:131px; height:24px; margin:0; background:url(../../images/btn_center_address.png) no-repeat; cursor:pointer;}
a.btn_center_address:hover { background:url(../../images/btn_center_address_on.png) no-repeat;}
a.btn_branch_address  { display:block; width:131px; height:24px; margin:0; background:url(../../images/btn_branch_address.png) no-repeat; cursor:pointer;}
a.btn_branch_address:hover { background:url(../../images/btn_branch_address_on.png) no-repeat;}
a.btn_ipoint_address  { display:block; width:131px; height:24px; margin:0; background:url(../../images/btn_ipoint_address.png) no-repeat; cursor:pointer;}
a.btn_ipoint_address:hover { background:url(../../images/btn_ipoint_address_on.png) no-repeat;}
a.btn_logon:hover { background:url(../../images/btn_logon_on.png) no-repeat;}
a.btn_add:hover { background:url(../../images/btn_add_on.png) no-repeat;}
a.btn_dl_mobank:hover { background:url(../../images/btn_dl_mobank_on.png) no-repeat;}
a.btn_dl_invest:hover { background:url(../../images/btn_dl_invest_on.png) no-repeat;}
a.btn_profile:hover  { display:block; width:162px; height:26px; background:url(../../images/btn_profile_on.png) no-repeat; cursor:pointer;}
a.btn_e_state:hover  { display:block; width:197px; height:26px; background:url(../../images/btn_e_state_on.png) no-repeat; cursor:pointer;}
a.btn_dl_google:hover  { display:block; width:103px; height:32px; position: relative; top:4px; background:url(../../images/btn_dl_google_on.png) no-repeat; cursor:pointer;}
a.btn_dl_appstore:hover  { display:block; width:95px; height:32px; position: relative; top:4px; background:url(../../images/btn_dl_appstore_on.png) no-repeat; cursor:pointer;}

/*arrow*/
#btn_m6 { right:-30px; width:229px; height:80px;}
#btn_m3 { right:-30px; width:287px; height:80px;}
#btn_intergrated { position:absolute; top:410px; right:44px; width:262px; height:62px;}
#btn_exclusive { position:absolute; top:380px; right:0px; width:262px; height:62px;}
#btn_activate { position:absolute; top:420px; right:80px; width:253px; height:62px;}
#btn_video { position:absolute; top:390px; right:0px; width:262px; height:62px;}

#btn_convenient_services { position:absolute; top:420px; right:44px; width:262px; height:62px;}



.dot { position:absolute; top:490px; left:495px; }
.dot ul { margin:0px; padding:0px; }
.dot li { list-style:none; float:left; margin-left:5px; }
.cents {
font-size: 70%;
position: relative;
bottom: 0.3em;
}