/* screen width large then 1600 (background image width)*/
@media only screen and (min-width:100em) {
	/*.banner {background-image: none  !important;}*/
	.banner img {display: block;min-width:100%;left: 0;margin-left: 0;min-height: 100%;}
}
/* screen width large then 1600 (background image width)*/

/* screen width small then 850 (fix home style banner)*/
@media only screen and (max-width:850px) {
	.wp-brazil-homepage-section-banner .cycle-slide>img{/*width: auto;height: 492px;position: relative;left: 50%;margin-left: -525px;*/}
}
/* screen width small then  850 (fix home style banner)*/

/* screen width smaller then 978px (.wp-brazil-maxWidth978) */
@media only screen and (max-width:978px) {
	.wp-brazil-maxWidth978 .breadcrumb, .sectionHeader .text {padding:0 2%;}

	.banner .bannerTxt {padding-left: 5%; padding-right: 5%;}

	.content .timeline.timeLeft .timeDetail{margin-left: 2%;}
	.content .timeline.timeRight .timeDetail{margin-right: 2%;}

	.about {background: none !important;padding-bottom: 30px;}
	.about .aboutContent {padding-left: 0;}
	.about .halfBox.l40r60 .leftBox {width: 30%;display: block;}
	.about .halfBox.l40r60 .leftBox img{width: 100%;display:none;}
	.about .halfBox.l40r60 .rightBox {width: 100%;}
	.about .halfBox.l40r60 .rightBox .contentP{padding-left:3%;}
}
/* end screen width smaller then 978px (.wp-brazil-maxWidth978)*/

/* screen width smaller then 640px (mobile ver) */
@media only screen and (max-width:640px) {
	.content  {overflow: hidden;}

	.mobilShow {display: block;}

	.highlightBox.mobileNoHighlight{background-color: transparent !important;}



	.headerBanner {height: 350px;}
	.headerBanner img {height: 350px; width: auto; position: relative;left: 50%;margin-left: -700px; display: none;}
	
/*added by billyu 22/6/2015*/
.wp-brazil-master-container .headerBanner.haveBall .middle-ball{  height: 380px; margin-top:-190px; width: 380px; margin-left:-190px; top:50%; left:50% }
.wp-brazil-master-container .headerBanner.haveBall { height: 490px; }


  

.wp-brazil-master-container .headerBanner .middle-ball .text-title{ font-size:44px; font-family:HelveticaNeueLT; text-align:center;line-height:1; width: 86%;  display: inline-block; }
.wp-brazil-master-container .headerBanner .middle-ball .text-title:after{ content:'';display:block;margin:0 auto; width:79.89417989417989417989417989418%;height:2px;background:url('../images/sep-line-style-1.png') no-repeat center bottom;}
.wp-brazil-master-container .headerBanner .middle-ball .texts{ font-size:18px; font-family:'times new roman',times;font-style:italic;padding-top:1rem;text-align:center;line-height:1.3;}
.wp-brazil-master-container .headerBanner .middle-ball .wp-brzail-scroll-down { padding-top:0;  width:100%;  position: absolute; bottom:10%; left: 0; }







	.banner .bannerTxt {font-size: 1.25rem;/*20px*/}

	.breadcrumb, .sectionHeader .text, .content .contentP,.remarkTxt{font-size: 1.25rem;/*20px*/}
	.sectionHeader .main-title, .content .contentTitle,.content .timeline .timeDetail .timeTitle{font-size: 2rem;}
	.breadcrumb{font-size: 0.75rem;}

	.sectionHeader.titleOnly .main-title{padding:0;}

	.content .contentTitle {padding:0 2%;}
	.content .contentSubTitle{font-size: 1.5rem;/*24px*/}

	.content .timeline, .content .timeline.timeLeft, .content .timeline.timeRight{width: auto; float: none; display: block;}
	.content .timeline.nextTab {margin-top: 0}
	.content .timeline .timeDetail{font-size: 1.25rem;/*20px*/}
	.content .timeline.timeLeft .timeDetail, .content .timeline.timeRight .timeDetail {margin-left: 144px; margin-right: 2%;padding-left: 5%;padding-right: 5%;}
	.content .timeline.timeLeft .line, .content .timeline.timeRight .line {right: inherit;left: 64px;}
	.content .timeline.timeLeft .year, .content .timeline.timeRight .year {right: inherit;left: 10px;}
	.content .timeline.timeLeft .timearrow, .content .timeline.timeRight .timearrow {right: inherit;left: -24px;}

	.content .timeline.fullWidth .remarkTxt {padding-bottom:20px;}
	.content .timeline.fullWidth .rightBox .paddingLR30{padding:0;}
	.content .timeline.fullWidth .line {left: 64px;}
	.content .timeline.fullWidth .year {left: 10px;}
	.content .timeline.fullWidth .timeDetail {padding-left: 144px;padding-right: 2%}

	.content .timeline.imgVer.banner .bgImg {width: 100%; height: 320px;overflow: hidden;}
	.content .timeline.imgVer.banner .bgImg img{position: relative;width: auto;height: 100%;margin-left: -449px;min-height: 0;display: block !important;}
	.content .timeline.imgVer .line{height: 100%;left: 84px;margin-left: 0;top: 0;}
	.content .timeline.imgVer .year{left: 30px;margin-left: 0;top:320px;}
	.content .timeline.imgVer .contentWithBg {background: #000000;}
	.content .timeline.imgVer.first .line{height: 100%;left: 84px;margin-left: 0;top: 320px}
	.content .timeline.imgVer.last .year{left: 8px;margin-left: 0;}
	.content .timeline.imgVer.last.banner {height:auto;min-height:initial;background-image:none !important;}
	.content .timeline.imgVer.last.banner>img:first-child{display:block !important;position:relative;height:320px;}
	/*.content .timeline.imgVer.last.banner img{bottom: 0}*/
	.content .timeline.imgVer.last .timeDetail{width: 100%;margin:0;padding:1rem;}
	/*.content .timeline.imgVer .timeDetail .leftBox .imgVerPadding, .content .timeline.imgVer .timeDetail .rightBox .imgVerPadding{padding: 30px 2% 30px 169px}*/
	.content .timeline.imgVer .timeDetail .leftBox .imgVerPadding, .content .timeline.imgVer .timeDetail .rightBox .imgVerPadding {position: relative;z-index:11;padding:30px 2%;margin:0 0 0 125px;/*17%;background:rgba(255, 255, 255, 0.7);*/}
	.content .timeline.imgVer .timeDetail .leftBox.contentWithBg .imgVerPadding, .content .timeline.imgVer .timeDetail .rightBox.contentWithBg .imgVerPadding {/*background: rgba(0, 0, 0, 0.7);*/}
	.content .timeline.imgVer .timeDetail .leftBox.fullSizeImg,
	.content .timeline.imgVer .timeDetail .rightBox.fullSizeImg
		{height: 320px;}
	/*.content .timeline.imgVer .timeDetail .leftBox.fullSizeImg img,
	.content .timeline.imgVer .timeDetail .rightBox.fullSizeImg img
		{position: absolute; bottom: 0;}*/

	/* color tone */
	.culture .timeline.timeLeft .timearrow, .culture .timeline.timeRight .timearrow{background-image: url('../images/common/timeline/culture/right.png');}
	.business .timeline.timeLeft .timearrow, .business .timeline.timeRight .timearrow{background-image: url('../images/common/timeline/business/right.png');}
	/* end color tone */

	.content .halfBox {background-image: none !important;}
	.content .halfBox .leftBox{width:100%;float: none; display:block;}
	.content .halfBox .leftBox img,.content .halfBox .leftBox .remarkTxt{float: none; width: 100%; height: auto;min-height: initial;min-width: initial;font-size:1rem;display:none;}
	.content .halfBox .leftBox.fullSizeImg{height: auto;width: 100%;position: relative;}
	.content .halfBox .rightBox{width:100%;float: none; display:block; width: auto; height: auto;}
	.content .halfBox .rightBox img{float: left;min-height: 320px;min-width: 100%;display:none;}
	.content .halfBox .rightBox.fullSizeImg{height: auto;width: 100%;position: relative;}
	.content .halfBox .contentMaxWidth978 {max-width:100%;display: inline-block;}
	.content .halfBox.l60r40 .leftBox{width: 100%}
	.content .halfBox.l60r40 .rightBox{width: 100%}
	.content .halfBox.l40r60 .leftBox{width: 100%}
	.content .halfBox.l40r60 .rightBox{width: 100%}

	.paddingT30.mobileHalfPadding{padding-top: 20px;}
	.paddingLR30.mobileHalfPadding{padding-left: 2%;padding-right: 2%;}

	.trend .trendPass .trendPassContent {padding:30px 2%;font-size: 1.25rem;/*20px*/height: auto; }

	.search .resultNum {padding-left: 2%; padding-right: 2%;font-size: 1.25rem;/*20px*/}
	.search .resultData {padding:2%;font-size: 1.25rem;/*20px*/}

	.about .aboutContent {padding-right: 2%;}
	.about .halfBox.l40r60 .leftBox {width: 20%;float: left;display:none;}
	.about .halfBox.l40r60 .rightBox {width: 100%;float: none;padding:0 1rem;}
	.about .halfBox.l40r60 .rightBox .contentP{padding-left:1.5%}
}
/* end screen width smaller then 978px (.wp-brazil-maxWidth978)*/