@charset "utf-8";

@font-face {
  font-family: 'Arita';
  font-style: normal;
  font-weight: 300;
  src: url(/hk/en/resource/css/fonts/AritaSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Arita';
  font-style: normal;
  font-weight: 400;
  src: url(/hk/en/resource/css/fonts/AritaSans-Medium.woff) format('woff');
}

@font-face {
  font-family: 'Arita';
  font-style: normal;
  font-weight: 700;
  src: url(/hk/en/resource/css/fonts/AritaSans-SemiBold.woff) format('woff');
}
@font-face {
  font-family: 'Arita';
  font-style: normal;
  font-weight: 800;
  src: url(/hk/en/resource/css/fonts/AritaSans-Bold.woff) format('woff');
}

@font-face{
    font-family:"arm";
    src:url('/hk/en/resource/css/fonts/AritaSans-Medium.eot');
    src:url('/hk/en/resource/css/fonts/AritaSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/AritaSansM.woff') format('woff');
    /*url('/hk/en/resource/css/fonts/AritaSansM.ttf') format('truetype');*/
    src:local("※"), url('/hk/en/resource/css/fonts/AritaSansM.woff') format('woff');
}

@font-face{
    font-family:"arb";
    src:url('/hk/en/resource/css/fonts/AritaSans-SemiBold.eot');
    src:url('/hk/en/resource/css/fonts/AritaSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/AritaSansSB.woff') format('woff');
    /*url('/hk/en/resource/css/fonts/AritaSansSB.ttf') format('truetype');*/
    src:local("※"), url('/hk/en/resource/css/fonts/AritaSansSB.woff') format('woff');
    font-weight: bold;
}

/* brandon-grotesque font */
@font-face {
    font-family: "brandon-grotesque";
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Bold.eot.eot');
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Bold.eot.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}
  
@font-face {
    font-family: "brandon-grotesque";
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Medium.eot.eot');
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Medium.eot.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "brandon-grotesque";
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Regular.eot.eot');
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Regular.eot.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "brandon-grotesque";
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Light.eot.eot');
    src:url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Light.eot.eot?#iefix') format('embedded-opentype'),
    url('/hk/en/resource/css/fonts/HVDFonts-BrandonGrotesque-Light.woff') format('woff');
    font-style: normal;
    font-weight: 300;
}

body {font-family:arm, AppleGothic, sans-serif;}
input {font-family: arm, AppleGothic, sans-serif;}
select, textarea, button {font-family:arm, AppleGothic, sans-serif;}


/*
@font-face{
	font-family:"arsb";
	src:url('../../lst/en/css/webfont/AritaSemiBold.eot');
	src:url('../../lst/en/css/webfont/AritaSemiBold.eot?#iefix') format('embedded-opentype'),
	url('../../lst/en/css/webfont/AritaSemiBold.woff') format('woff'),
	url('../../lst/en/css/webfont/AritaSemiBold.ttf') format('truetype');
	src:local("※"), url('../../lst/en/css/webfont/AritaSemiBold.woff') format('woff');
}*/