/*==========Font family==========*/
.ConvKontrapunktBobBold{font-family: 'ConvKontrapunktBobBold', Helvetica, Arial, 微軟正黑體, Microsoft JhengHei, sans-serif;}
.ConvKontrapunktBobLight{font-family: 'ConvKontrapunktBobLight', Helvetica, Arial, 微軟正黑體, Microsoft JhengHei, sans-serif;}
.ConvKontrapunktBobStencilBold{font-family: 'ConvKontrapunktBobStencilBold', Helvetica, Arial, 微軟正黑體, Microsoft JhengHei, sans-serif;}
.ConvKontrapunktBobStencilLight{font-family: 'ConvKontrapunktBobStencilLight', Helvetica, Arial, 微軟正黑體, Microsoft JhengHei, sans-serif;}

.normal{font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
/*==========Font Style==========*/
.allCap{text-transform: uppercase;}
.lineHeight{line-height: 1.5;}

/*==========Font sizes==========*/
body.ch {line-height: 1.6}
p{font-size: 22px; margin-bottom: 30px;}
body.ch p{font-size: 20px;}

h1.ConvKontrapunktBobStencilBold{font-size: 50px;}
body.ch h1.ConvKontrapunktBobStencilBold{padding-right: 20px; padding-left: 20px;}
h2.ConvKontrapunktBobStencilBold{font-size: 30px;}
h2.ConvKontrapunktBobBold, h2.ConvKontrapunktBobLight{font-size: 30px; line-height: 1.5;}
h4.ConvKontrapunktBobStencilBold{font-size: 20px;}
small{font-size: 12px; line-height: 1;  color:#666;}
body.ch small{font-size: 14px;}
.longPageText p{font-size: 18px; line-height: 1.5;}
body.ch .longPageText p{font-size: 18px; line-height:1.5;}
@media screen and (max-width: 480px) {
	.longPageText p{font-size: 16px; line-height:1.5;}
	body.ch .longPageText p{font-size: 16px; line-height:1.5;}
}


@media screen and (max-width: 480px) {
  p{font-size: 16px;}
  body.ch p{font-size: 16px;}
  h1.ConvKontrapunktBobStencilBold, h1.ConvKontrapunktBobBold{font-size: 35px;}
  h2.ConvKontrapunktBobStencilBold{font-size: 30px;}
  h1.ConvKontrapunktBobBold{font-size: 25px;}
  h2.ConvKontrapunktBobBold{font-size: 22px; line-height:1.5;}
  h2.ConvKontrapunktBobLight{font-size: 20px; line-height:1.5;}
  .arrowicon{font-size: 22px;}
}


/*==========Links==========*/
p a{color:#E63A38; overflow-wrap: break-word;}
p a:hover{color:#E63A38; text-decoration:none;}
ol a{color:#E63A38;}
ol a:hover{color:#E63A38; text-decoration:none; }
ul a{color:#E63A38;}
ul a:hover{color:#E63A38; text-decoration:none; }

a.blackLink{text-decoration: none; color: #000; border-bottom: 1px solid #000; cursor:pointer;}
a.blackLink:hover{text-decoration: none; color: #E63A38; border-color: #E63A38;}
a.plainLink{text-decoration: none; color: #000; cursor:pointer;word-break: break-word;}
a.plainLink:hover{color: #E63A38;}
.textWhite a.plainLink{color:#FFF;}

a.redLink{color:#E63A38;}
a.redLink:hover{color: #666; text-decoration:none;}

a.greyLink{color: #888888;}
a.greyLink:hover{color: #666; text-decoration:none;}


/*==========Font colors==========*/
.textBlack{color: #000;}
.textWhite{color: #FFF;}
.textRed{color: #EC404E;}
a.textLightGrey,
 .textLightGrey{color: #999;}
a.textLightGrey2,
 .textLightGrey2 p,
 .textLightGrey2{color: #858585;}
.textLightGrey3{color: #666;}
.textLightGrey4{color: #CCC;}
.textDarkGrey{color: #333;}
a.textDarkGrey2,
 .textDarkGrey2{color: #444;}
.textBlue{color: #0059B2;}
.textBlue2{color: #026DD8;}
.textLightBlue{color: #00BFFF;}
.textOrange{color: #FE5E2A;}
.textYellow{color: #F89F4C;}
.textGreen{color: #008C46;}
.textLightGreen{color: #59B201;}
.textDarkGreen{color: #8C8C00;}

/*==========Font colors: with background==========*/
.textWhiteRedBg{color: #FFF; background-color: #E63A38; display: inline-block; *display:inline; zoom: 1;}

/*==========Font sizes (Extra)==========*/
.size10{font-size: 10px;}
.size11{font-size: 11px;}
.size12{font-size: 12px;}
.size14{font-size: 14px;}
.size16{font-size: 16px;}
.size18{font-size: 18px;}
.size20{font-size: 20px;}
.size22{font-size: 22px;}
.size24{font-size: 24px;}
.size26{font-size: 26px;}
.size30{font-size: 30px;}
.size32{font-size: 32px;}
.size36{font-size: 36px;}
.btn.size40, .size40{font-size: 40px;}
.size50{font-size: 50px;}
.size60{font-size: 60px;}
.size70{font-size: 70px;}
.size90{font-size: 90px; line-height: 1.2;}
.size18 p{font-size: 18px; line-height:1.6;}
.size18 p small{font-size: 12px;}
.size16 p{font-size: 16px;}
.size14 p{font-size: 14px;}
.size14 small p{color: #666; line-height: 1.5; font-size:12px;}
.size12>p,a.size12{font-size: 12px;}

body.ch p.size26{font-size: 26px;}
body.ch .size16 p{font-size: 16px; line-height: 1.6;}
body.ch .size14 p{font-size: 14px;}
body.ch .size14 small p{font-size: 14px;}
body.ch .size12 p, body.ch p.size12{font-size: 12px;}

@media screen and (max-width: 480px) {
  .size22{font-size: 16px;}
  .size30{font-size: 22px;}
}


/*==========Underline==========*/
u.blackUnderlined{text-decoration: none; border-bottom: 1px solid #000;}
.underlinedThick{display: inline-block; *display:inline; zoom: 1; border-bottom-width: 6px; border-style: solid; border-top: none; border-left: none; border-right: none;}
.underlinedThick2{display: inline-block; *display:inline; zoom: 1; border-bottom-width: 3px; border-style: solid; border-top: none; border-left: none; border-right: none;}
.underlinedThick.textBlack{border-color: #000;}
.underlinedThick.textWhite{border-color: #FFF;}
.underlinedThick.redBorder{border-color: #E63A38;}
.underlinedThick.yellowBorder{border-color: #F89F4C;}
h2.underlinedThick{line-height: 36px; text-transform: uppercase;}
h4.ConvKontrapunktBobStencilBold.underlinedThick{text-transform: uppercase;}
body.ch h4{font-size:20px;}

@media screen and (max-width: 480px) {
  h2.underlinedThick{font-size: 22px;}
}


/*==========Border==========*/
/*vertically-aligned text*/
.borderWrap{display: inline-block !important; *display:inline; zoom: 1; vertical-align: middle !important; float: none !important; /*min-height: 180px;*/ border-width: 7px; border-style: solid;}
.borderWrap.textBlack{border-color: #000;}
.borderWrap.textWhite{border-color: #FFF;}
.borderWrap.textWhite:hover{background-color: #FFF; color: #EC404E;}
h3.borderWrap{font-size: 30px; padding: 15px 0; margin: 0 0 30px 0; /*margin: 0 20px 30px 20px;*/ display: block; width: 100%; vertical-align: middle;}
h3.borderWrap span.inner{display: block;padding: 0 30px; text-align: center;}

@media screen and (max-width: 480px) {
  h3.borderWrap{font-size: 25px;}
  body.ch h3.borderWrap{font-size: 22px;}
}

.border1pxBottom{border-bottom: 1px solid #000;}
.border1pxTop{border-top: 1px solid #000;}
.border1pxBottomWhite{border-bottom: 1px solid #FFF;}
.border1pxTopWhite{border-top: 1px solid #FFF;}
.border1pxTopLightPink{border-top: 1px solid #ECE8E8;}

/*==========Blurb==========*/
.h4blurb{line-height: 1.4; padding: 0 30px;}
@media screen and (max-width: 480px) {
  .h4blurb{font-size: 14px;}
}

/*==========List==========*/
ul{margin-bottom: 30px;}
ul.discList { padding-left:30px; list-style:none; }
ul.discList > li { margin-bottom:10px; }
ul.discList > li:before {    
    font-family: 'FontAwesome';
    font-size: 18px;
    content: "\f138";
    margin:0 8px 0 -22px;
}
ul.discList.topGap{ margin-bottom:10px; }
ul.discList.topGap > li{ margin:10px 0 0 0; }

ul.discList.small { padding-left:25px; list-style:none; }
ul.discList.small > li { margin-bottom:10px; }
ul.discList.small > li:before {    
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f138";
    margin:0 6px 0 -19px;
}

body.ch ul.discList{font-size:20px; font-family: 'ConvKontrapunktBobLight', Helvetica, Arial, 微軟正黑體, Microsoft JhengHei, sans-serif;}
body.ch ul.discList.small{font-size: 16px;}

@media screen and (max-width: 480px) {
  body.ch ul.discList{font-size: 16px;}
}


ul.plainList{padding-left:0; list-style:none;}
ul.plainList > li { margin-bottom:10px; }


/*==========Tooltip==========*/
.tooltip {font-family: "Century Gothic", CenturyGothic, AppleGothic, Helvetica, Arial, sans-serif; font-weight: bold;}
.tooltip.bottom {margin-top: 20px;}
.tooltip-inner {border-radius: 0; padding: 10px 8px 8px 8px;}
body.ch .tooltip.bottom {margin-top: 24px;}
body.ch .tooltip-inner{font-size: 14px;}

/*==========Font faces==========*/
@font-face {
	font-family: 'ConvKontrapunktBobBold';
	src: url('../fonts/KontrapunktBobBold.eot');
	src: local('ConvKontrapunktBobBold'), 
		 url('../fonts/KontrapunktBobBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/KontrapunktBobBold.woff') format('woff'), 
		 url('../fonts/KontrapunktBobBold.ttf') format('truetype'), 
		 url('../fonts/KontrapunktBobBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ConvKontrapunktBobLight';
	src: url('../fonts/KontrapunktBobLight.eot');
	src: local('ConvKontrapunktBobLight'), 
		 url('../fonts/KontrapunktBobLight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/KontrapunktBobLight.woff') format('woff'), 
		 url('../fonts/KontrapunktBobLight.ttf') format('truetype'), 
		 url('../fonts/KontrapunktBobLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ConvKontrapunktBobStencilBold';
	src: url('../fonts/KontrapunktBobStencilBold.eot');
	src: local('ConvKontrapunktBobStencilBold'), 
		 url('../fonts/KontrapunktBobStencilBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/KontrapunktBobStencilBold.woff') format('woff'), 
		 url('../fonts/KontrapunktBobStencilBold.ttf') format('truetype'), 
		 url('../fonts/KontrapunktBobStencilBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ConvKontrapunktBobStencilLight';
	src: url('../fonts/KontrapunktBobStencilLight.eot');
	src: local('ConvKontrapunktBobStencilLight'), 
		 url('../fonts/KontrapunktBobStencilLight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/KontrapunktBobStencilLight.woff') format('woff'), 
		 url('../fonts/KontrapunktBobStencilLight.ttf') format('truetype'), 
		 url('../fonts/KontrapunktBobStencilLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}