﻿/*
	
	Ref: http://caniuse.com/#feat=rem
	IE 9 & IE 10 do not support rem units when used in the font shorthand property
	(the entire declaration is ignored) or when used on pseudo elements.
	
	
	Use REM and EM as possible.
	

*/


@charset "utf-8";

@font-face {
    font-family:'HelveticaNeueLT';
    src:url('fonts/HelveticaNeueLTPro-Th.eot');
    src:url('fonts/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'),
         url('fonts/HelveticaNeueLTPro-Th.woff2') format('woff2'),
         url('fonts/HelveticaNeueLTPro-Th.woff') format('woff'),
         url('fonts/HelveticaNeueLTPro-Th.ttf') format('truetype'),
         url('fonts/HelveticaNeueLTPro-Th.svg#HelveticaNeueLT') format('svg');
    font-weight:normal;
    font-style:normal;

}


body *{outline:0 none;}
body *{box-sizing:border-box;}

html, body{margin:0;padding:0;width:100%;height:100%;font-family:arial,helvetica,'Heiti TC',"微軟正黑體", "Microsoft JhengHei", '黑體', 'MSHei' ,'PMingLiU',"新細明體";font-size:16px;color:#333;line-height:1.6;font-weight:normal;background-color:#fff;}

.cf{clear:both;}

a,a:link,a:visited{outline:0 none;text-decoration:none;color:#333;}
a:focus,a:active{outline:0 none;text-decoration:none;}
a:hover{text-decoration:none;}

select,input{-webkit-border-radius:0;border-radius:0;}
img{/*max-width:100%;*/}
ul.list-number li{list-style-type:decimal;margin-left:1.6rem;}

/* Mainly used for structure like div / section, not recommend to use within elements like p / button / a */
.wp-brazil-fullWidth,.wp-brazil-section{width:100%;}
.wp-brazil-maxWidth978{width:100%;max-width:978px;margin:0 auto;position:relative;}

.wp-brazil-master-container{padding-top:75px;}

.wp-brazil-read-more{font-family:'times new roman',times;font-size:0.9375rem/*15px*/;font-style:italic;position:relative;padding-right:1.5rem/*24px*/;display:inline-block;}
.wp-brazil-read-more:after{content:"";width:1rem;height:1.25rem/*20px*/;display:block;position:absolute;right:0;top:2px;background-repeat:no-repeat;background-position:0 0;}

.wp-brazil-read-more.grey{}
.wp-brazil-read-more.grey:after{background-image:url("../images/dot-arrow-to-right-grey.png");}

.wp-brazil-read-more.white{}
.wp-brazil-read-more.white:after{background-image:url("../images/dot-arrow-to-right-white.png");}

.wp-brzail-scroll-down{font-family:'times new roman',times;font-size:0.9375rem/*15px*/;font-style:italic;position:relative;display:inline-block;padding-top:1rem;}
.wp-brzail-scroll-down:after{content:"";width:1.25rem/*20px*/;height:1.75rem/*12px*/;margin-top:1rem;display:block;background-repeat:no-repeat;background-position:0 1rem;margin:0 auto;}

.wp-brzail-scroll-down.white{}
.wp-brzail-scroll-down.white:after{background-image:url("../images/dot-arrow-to-down-white.png");}

.wp-brzail-scroll-down.grey{}
.wp-brzail-scroll-down.grey:after{background-image:url("../images/dot-arrow-to-down-grey.png");}

.wp-brazil-overflowClearfix{overflow:hidden;}


@media only screen and (max-width:40em) {
	.wp-brazil-maxWidth978.mobileHasPaddingLeftRight{padding:0 1rem;}
	

}


 /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width:40.063em) and (max-width:64em) {
	.wp-brazil-maxWidth978.mobileHasPaddingLeftRight{padding:0 1rem;}


}
