@font-face {
    font-family: 'droid-serifregular';
    src: url('/inc/font/droid-serif/droidserif-regular-webfont.eot');
    src: url('/inc/font/droid-serif/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/font/droid-serif/droidserif-regular-webfont.woff') format('woff'),
         url('/inc/font/droid-serif/droidserif-regular-webfont.ttf') format('truetype'),
         url('/inc/font/droid-serif/droidserif-regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid-serifbold';
    src: url('/inc/font/droid-serif/droidserif-bold-webfont.eot');
    src: url('/inc/font/droid-serif/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/font/droid-serif/droidserif-bold-webfont.woff') format('woff'),
         url('/inc/font/droid-serif/droidserif-bold-webfont.ttf') format('truetype'),
         url('/inc/font/droid-serif/droidserif-bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid-serifitalic';
    src: url('/inc/font/droid-serif/droidserif-italic-webfont.eot');
    src: url('/inc/font/droid-serif/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/font/droid-serif/droidserif-italic-webfont.woff') format('woff'),
         url('/inc/font/droid-serif/droidserif-italic-webfont.ttf') format('truetype'),
         url('/inc/font/droid-serif/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'droid-serifbold-italic';
    src: url('/inc/font/droid-serif/droidserif-bolditalic-webfont.eot');
    src: url('/inc/font/droid-serif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/font/droid-serif/droidserif-bolditalic-webfont.woff') format('woff'),
         url('/inc/font/droid-serif/droidserif-bolditalic-webfont.ttf') format('truetype'),
         url('/inc/font/droid-serif/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**************************
			TITLE
**************************/


/* --------------------
			Base
---------------------*/
.headtitle {
	font-size: 34px;
	color: #fff;
	font-family:'droid-serifregular',"Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
	line-height: 1.1;
}


.headtitle--dark { color: #484848; }

.headtitle--brand { color: #234B89; }



/* --------------------
			Sizes
---------------------*/

.headtitle--mini { font-size: 24px; }
.headtitle--tiny { font-size: 26px; }
.headtitle--small { font-size: 28px; }
.headtitle--medium { font-size: 30px; }
.headtitle--large { font-size: 36px; }
.headtitle--big { font-size: 38px; }
.headtitle--huge { font-size: 42px; }
.headtitle--massive { font-size: 46px; }







/**************************
			SUBITLE
**************************/


/* --------------------
			Base
---------------------*/
.subtitle {
  color: #fff;
	font-size: 16px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: normal;
  line-height: 1.42857143;
}



.subtitle--dark {	color: #484848; }
.subtitle--danger { color: #C00; }
.subtitle--brand { color: #234B89; }

/* --------------------
			Sizes
---------------------*/

.subtitle--mini { font-size: 12px; }
.subtitle--tiny { font-size: 13px; }
.subtitle--small { font-size: 14px; }
.subtitle--medium { font-size: 18px; }
.subtitle--large { font-size: 20px; }



/**************************
      LANGUAGES
**************************/

.lang--jp {
  font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "A-OTF Shin Go Pro R" , "Arial Unicode MS", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.lang--cn {
  font-family: kai, kaiTi, simkai, dfkai-sb, stkaiti, 標楷體, 华文楷体, Serif;
}

.subtitle.lang--jp {
  font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "A-OTF Shin Go Pro R" , "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

.subtitle.lang--cn {
  font-family: kai, kaiTi, simsun, simfang, pmingliu, 新細明體, serif;
}






/**************************
			ALERT BUTTONS
**************************/

/* custom alert button */
.ss-btn-alert {
	display: inline-block;
	color: #bb1313;
	padding: .5em 1em;
	font-size: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	border: 1px solid #aeaeae;
	border-radius: 4px;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.125), inset 0px -1px 0px 1px rgba(255,255,255,.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.125), inset 0px -1px 0px 1px rgba(255,255,255,.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.125), inset 0px -1px 0px 1px rgba(255,255,255,.5);

	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#cecece));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#cecece 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#cecece 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#cecece 100%);
	background: linear-gradient(to bottom,  #f0f0f0 0%,#cecece 100%);
}

.ss-btn-alert.sm {
	font-size: 13px;
}

.ss-btn-alert.lrg {
	font-size: 26px;
}

.ss-btn-alert.huge {
	font-size: 39px;
}