/** SourceSansPro **/
@font-face { 
	font-family: "SourceSansPro-Black";
	src: url(../fonts/SourceSansPro-Black.otf);
}
@font-face {
	font-family: "SourceSansPro-BlackIt";
	src: url(../fonts/SourceSansPro-BlackIt.otf);
}
@font-face {
	font-family: "SourceSansPro-Bold";
	src: url(../fonts/SourceSansPro-Bold.otf);
}
@font-face {
	font-family: "SourceSansPro-BoldIt";
	src: url(../fonts/SourceSansPro-BoldIt.otf);
}
@font-face {
	font-family: "SourceSansPro-ExtraLight";
	src: url(../fonts/SourceSansPro-ExtraLight.otf);
}
@font-face {
	font-family: "SourceSansPro-ExtraLightIt";
	src: url(../fonts/SourceSansPro-ExtraLightIt.otf);
}
@font-face {
	font-family: "SourceSansPro-It";
	src: url(../fonts/SourceSansPro-It.otf);
}
@font-face {
	font-family: "SourceSansPro-Light";
	src: url(../fonts/SourceSansPro-Light.otf);
}
@font-face {
	font-family: "SourceSansPro-LightIt";
	src: url(../fonts/SourceSansPro-LightIt.otf);
}
@font-face {
	font-family: "SourceSansPro-Regular";
	src: url(../fonts/SourceSansPro-Regular.otf);
	font-weight: 400;
}
@font-face {
	font-family: "SourceSansPro-Semibold";
	src: url(../fonts/SourceSansPro-Semibold.otf);
}
@font-face {
	font-family: "SourceSansPro-SemiboldIt";
	src: url(../fonts/SourceSansPro-SemiboldIt.otf);
}

/* NotoSansDisplay */
@font-face {
	font-family: "NotoSansDisplay-CondensedBold";
	src: url(../fonts/NotoSans-CondensedBold.ttf),
	url(../fonts/NotoSansCondensedBold.woff);
}
@font-face {
	font-family: "NotoSansDisplay-Regular";
	src: url(../fonts/NotoSans-Regular.ttf),
	url(../fonts/NotoSans-Regular.woff);
}
@font-face {
	font-family: "NotoSansDisplay-Bold";
	src: url(../fonts/NotoSans-Bold.ttf),
	 url(../fonts/NotoSans-Bold.woff);
}
@font-face {
	font-family: "NotoSansDisplay-Medium";
	src: url(../fonts/NotoSans-Medium.ttf),
	 url(../fonts/NotoSans-Medium.woff);
}
@font-face {
	font-family: "NotoSansDisplay-SemiBold";
	src: url(../fonts/NotoSans-SemiBold.ttf),
	 url(../fonts/NotoSans-SemiBold.woff);
}



@font-face {
	font-family: "NotoSansCJKtc-Bold";
	src: url(../fonts/NotoSansTC-Bold.otf),
	url(../fonts/NotoSansTC-Bold.woff);
}
@font-face {
	font-family: "NotoSansCJKtc-Regular";
	src: url(../fonts/NotoSansTC-Regular.otf),
	url(../fonts/NotoSansTC-Regular.woff);
}
@font-face {
	font-family: "NotoSansCJKtc-Medium";
	src: url(../fonts/NotoSansTC-Medium.otf),
	url(../fonts/NotoSansTC-Medium.woff);
}

.page-h1 {
	font-weight: 400;
	color: #333333;
	font-size: 20px;
}

.fontFamilyNSD_condBold, .subject-title-bold, .ns-cond-bold{
	font-family: NotoSansDisplay-CondensedBold, NotoSansCJKtc-Bold;
}

.fontFamilyNSD_reg, .ns-reg{
	font-family: NotoSansDisplay-Regular, NotoSansCJKtc-Regular;
}

.fontFamilyNSD_bold, .ns-bold{
	font-family: NotoSansDisplay-Bold, NotoSansCJKtc-Bold;
}

.fontFamilyNSD_semibold, .ns-semibold{
	font-family: NotoSansDisplay-SemiBold, NotoSansCJKtc-Bold;	
}

.fontFamilyNSD_medium, .ns-medium{
	font-family: NotoSansDisplay-Medium, NotoSansCJKtc-Medium;	
}

.ssp-bold{
	font-family: "SourceSansPro-Bold";
}

.ssp-reg{
	font-family: "SourceSansPro-Regular";
}


/** red **/
.color-r{
	color: #FF0000 !important;
}
/**dark grey **/
.color-dg1{
	color: #151515 !important;
}

.color-g1{
	color: #333333 !important;
}

.color-g2{
	color: #999999 !important;
}

.textAlignLeft{
	text-align: left !important;
}

.page-h2{
	font-weight: 300;
	color: #333333;
	font-size: 20px;
}

.large-body{
	font-weight: 400;
	color: #333333;
	font-size: 18px;
}

.large-body-light{
	font-weight: 300;
	color: #333333;
	font-size: 18px;
}

.body{
	font-weight: 400;
	color: #333333;
	font-size: 14px;
}

.body-light{
	font-weight: 300;
	color: #333333;
	font-size: 14px;
}

.text-btn{
	font-weight: 400;
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}

.text-btn:hover{
	color: #FF0000;
}

.text-btn:active{
	color: #FF0000;
}

.text-link-red{
	font-weight: 400;
	color: #FF0000;
	font-size: 14px;
	text-decoration:none;
	cursor: pointer;
}

.text-link-red:hover{
	text-decoration:underline;
}

.text-link-red:active{
	text-decoration:underline;
}

.plan-title-huge {
	font-weight: 600;
	font-size: 18px;
	color: #333333;
}

.plan-total-price {
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}

.plan-item-price{
	font-weight: 400;
	font-size: 14px;
	color: #333333;
}

.per-month{
	font-weight: 300;
	font-size: 14px;
	color: #333333;
}

.contract-period{
	font-weight: 300;
	font-size: 14px;
	color: #333333;
}

.customer-name{
	font-weight: 300;
	font-size: 24px;
	color: #333333;
}

.review-item-header{
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #868686;
}

.review-item{
	font-weight: 300;
	font-size: 18px;
	color: #333333;
}

@media (min-width: 480px) {
	.page-h1, .page-h2 {
		font-size: 24px;
	}
	.body {
		font-size: 16px;
	}
	.body-light {
		font-size: 18px;
	}
	.text-link-red {
		font-size: 16px;
	}

	.plan-title-huge, .plan-total-price {
		font-size: 24px;
	}

	.plan-item-price {
		font-size: 16px;
	}

	.contract-period {
		font-size: 16px;
	}

	.review-item {
		font-size: 22px;
	}
}


.semibold{
	font-style: normal;
	font-weight: 600;
}
      
.bold{
    font-style: normal;
    font-weight: 700;
}

.light{
	font-style: normal;
	font-weight: 300;
}