/* ====================================
 Global fonts
 ==================================== */

/* ====================================
The Default is English 
Example of changing fonts for different langage    
html[lang=ja-JP] body { font-family: "Apple TP","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","Arial","Verdana","sans-serif" }
html[lang=zh-CN] body { font-family: "PingHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" }
html[lang=zh-TW] body { font-family: "MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" }
html[lang=zh-HK] body { font-family: "MHei","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" }
html[lang=th-TH] body { font-family: "Sukhumvit Set","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" }
html[lang=ko-KR] body { font-family: "Yoon Gothic","Helvetica Neue","Helvetica","Dotum","Arial","Verdana","sans-serif" }
    added by Mark 2015/03/15

    //global.gogoroapp.com/
 ==================================== */
/*
    第二組給 Resources資料夾用的
*/
@font-face {
    font-family: 'graphik-extra-light';
    src: url("/Resources/fonts/graphik/Graphik-Extralight-Web.eot");
    src: url("/Resources/fonts/graphik/Graphik-Extralight-Web.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/graphik/Graphik-Extralight-Web.woff") format("woff"), url("/Resources/fonts/graphik/Graphik-Extralight-Web.ttf") format("truetype"), url("/Resources/fonts/graphik/Graphik-Extralight-Web.svg#graphik-extra-light") format("svg");
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'graphik-light';
    src: url("/Resources/fonts/graphik/Graphik-Light-Web.eot");
    src: url("/Resources/fonts/graphik/Graphik-Light-Web.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/graphik/Graphik-Light-Web.woff") format("woff"), url("/Resources/fonts/graphik/Graphik-Light-Web.ttf") format("truetype"), url("/Resources/fonts/graphik/Graphik-Light-Web.svg#graphik-light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'graphik-semibold';
    src: url("/Resources/fonts/graphik/Graphik-Semibold-Web.eot");
    src: url("/Resources/fonts/graphik/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/graphik/Graphik-Semibold-Web.woff") format("woff"), url("/Resources/fonts/graphik/Graphik-Semibold-Web.ttf") format("truetype"), url("/Resources/fonts/graphik/Graphik-Semibold-Web.svg#graphik-semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'graphik-black-italic';
    src: url("/Resources/fonts/graphik/Graphik-BlackItalic-Web.eot");
    src: url("/Resources/fonts/graphik/Graphik-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/graphik/Graphik-BlackItalic-Web.woff") format("woff"), url("/Resources/fonts/graphik/Graphik-BlackItalic-Web.ttf") format("truetype"), url("/Resources/fonts/graphik/Graphik-BlackItalic-Web.svg#graphik-black-italic") format("svg");
    font-weight: 800;
    font-style: italic;
    font-stretch: normal;
}
/* Flama
* ==================================== */
@font-face {
    font-family: 'flama-condensed-bold';
    src: url("/Resources/fonts/flama/FlamaCondensed-Bold.eot");
    src: url("/Resources/fonts/flama/FlamaCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/flama/FlamaCondensed-Bold.woff") format("woff"), url("/Resources/fonts/flama/FlamaCondensed-Bold.ttf") format("truetype"), url("/Resources/fonts/flama/FlamaCondensed-Bold.svg#flama-condensed-bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'flama-condensed-semibold';
    src: url("/Resources/fonts/flama/FlamaCondensed-Semibold.eot");
    src: url("/Resources/fonts/flama/FlamaCondensed-Semibold.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/flama/FlamaCondensed-Semibold.woff") format("woff"), url("/Resources/fonts/flama/FlamaCondensed-Semibold.ttf") format("truetype"), url("/Resources/fonts/flama/FlamaCondensed-Semibold.svg#FlamaCondensed-Semibold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'flama-semicondensed-ultralight';
    src: url("/Resources/fonts/flama/FlamaSemicondensed-Ultralight.eot");
    src: url("/Resources/fonts/flama/FlamaSemicondensed-Ultralight.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/flama/FlamaSemicondensed-Ultralight.woff") format("woff"), url("/Resources/fonts/flama/FlamaSemicondensed-Ultralight.ttf") format("truetype"), url("/Resources/fonts/flama/FlamaSemicondensed-Ultralight.svg#flama-semicondensed-ultralight") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
/* Gogoro Icons
* ==================================== */
@font-face {
    font-family: 'gogoro-icons';
    src: url("/Resources/fonts/gogoro-icons/gogoro-icons.eot?-dyx3c2");
    src: url("/Resources/fonts/gogoro-icons/gogoro-icons.eot?#iefix-dyx3c2") format("embedded-opentype"), url("/Resources/fonts/gogoro-icons/gogoro-icons.woff?-dyx3c2") format("woff"), url("/Resources/fonts/gogoro-icons/gogoro-icons.ttf?-dyx3c2") format("truetype"), url("/Resources/fonts/gogoro-icons/gogoro-icons.svg?-dyx3c2#gogoro-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}


/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
* Windows (中文字型)
 */
@font-face {
  font-family: 'noto-sans-extra-light';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'noto-sans-light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
/*@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }*/


@font-face {
   font-family: 'noto-sans-semibold';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'noto-sans-black-italic';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

/*@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }*/
@font-face {
   font-family: 'noto-sans-flama-bold';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
 }


/* Ray 官網設定 */
@font-face {
  font-family: 'graphik-thin';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Thin.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Thin.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Thin.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Thin.svg#Graphik-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-el';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Extralight.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Extralight.otf') format('opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Extralight.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Extralight.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Extralight.svg#Graphik-Extralight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-lt';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Light.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Light.otf') format('opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Light.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Light.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Light.svg#Graphik-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-medium';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Medium-Web.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Medium-Web.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Medium-Web.svg#Graphik-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-semib';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Semibold.otf') format('opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Semibold.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Semibold.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-bki';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-BlackItalic.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-BlackItalic.otf') format('opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-BlackItalic.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-BlackItalic.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-BlackItalic.svg#Graphik-BlackItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-b';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Bold-Web.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Bold-Web.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-Bold-Web.svg#Graphik-Bold-Web') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'graphik-super-italic';
  src: url('//cdn.gogoro.com/fonts/graphik/Graphik-SuperItalic-Web.eot?#iefix') format('embedded-opentype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-SuperItalic-Web.woff') format('woff'),url('//cdn.gogoro.com/fonts/graphik/Graphik-SuperItalic-Web.ttf') format('truetype'),url('//cdn.gogoro.com/fonts/graphik/Graphik-SuperItalic-Web.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans ExtraLight';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Bold';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Black';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}

/* ====================================
 中文字形
 //www.justfont.com/member/

如果預設的字體失效的話，在微軟機器上將使用"微軟正黑體語法"，在Mac機器上將使用"黑體"
1. Microsfot
   - 微軟正黑體語法:Microsoft JhengHei
2. Mac
   - 黑體:STHeiti

Usage:
font-family: 'xingothic-w3', '微軟正黑體','STHeiti';
 ==================================== */

/* 
信黑體繁體W3 
It is the replacement of English with: 
1. graphik-extra-light
2. graphik-light
3. graphik-black-italic

Usage: 
 - html[lang=zh-TW] body { font-family: 'xingothic-w3', 'Microsoft JhengHei','STHeiti'; }
or 
 - <h1 class="xingothic-w3" ></h1>
*/
@font-face {
    font-family: 'xingothic-w3';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}

/* 
信黑體繁體W8 
It is the replacement of English with 
1. graphik-semibold
2. flama-condensed-bold

Usage: 
 - html[lang=zh-TW] body { font-family: 'xingothic-w8', 'Microsoft JhengHei','STHeiti'; }
or 
 - <h1 class="xingothic-w8" ></h1>

*/
@font-face {
    font-family: 'xingothic-w8';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

/*
思源黑體-Extralight
1. flama-semicondensed-ultralight

Usage: 
 - html[lang=zh-TW] body { font-family: 'sourcehansans-extralight', 'Microsoft JhengHei','STHeiti'; }
or 
 - <h1 class="sourcehansans-extralight" ></h1>
*/
@font-face {
    /*font-family: 'flama-semicondensed-ultralight';*/
    font-family: 'sourcehansans-extralight';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

/*思源黑體-heavy*/
@font-face {
    font-family: 'sourcehansans-heavy';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}