@charset "UTF-8";
/* CSS Document */

.mobile-trigger{
	display: none;
}
@media (max-width: 1800px) {

}
@media (max-width: 1290px) {
	.tribute:before{
		width: 15px;
	}
}
@media (max-width: 1239px) {
	.wrapper{
		max-width: 100% !important;
		padding-left: 30px;
		padding-right: 30px;
	}
	.format-text .span-img, .format-text .gallery{
		margin-left: 0;
		margin-right: 0;
	}
	.inner-page .format-text .span-img .wrapper, .inner-page .format-text .gallery .wrapper, .format-text .span-img .wrapper, .format-text .gallery .wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	.pub-award .cert .hentry .format-text{
		max-width: 450px;
	}
	.inner-home .stat .bg{
		right: 0;
	}
	.botbar .botnav.narrow li,
	.botbar .botnav li{
		margin-right: 35px;
	}
	
}
@media (max-width: 1100px) {
	.mainmenu li{
		margin-right: 30px;
	}
	.botbar .botnav.narrow li{
		margin-right: 25px;	
	}
}
@media (max-width: 991px) {
	.midbar .midnav,
	.botbar,
	.topbar{
		display: none;
	}
	.wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobile-trigger{
		display: inline-block;
		position: relative;
		flex: 20px;
		max-width: 20px;
	}
	a.menu-mobile{
		width: 20px;
		height: 15px;
		position: relative;
		display: inline-block;
		top: 1px;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before,
	.menu-mobile .menu-bar b{
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 7px;
		background: #1E1E1E;
		display: block;
	}
	body.home.ontop .menu-mobile .menu-bar b:after,
	body.home.ontop .menu-mobile .menu-bar b:before,
	body.home.ontop .menu-mobile .menu-bar b{
		background: #fff;
	}
	.menu-mobile .menu-bar b{
		-webkit-transition:background 300ms ;
		-moz-transition:background 300ms ;
		-o-transition:background 300ms ;
		-ms-transition:background 300ms ;
		transition:background 300ms ;
	}
	.menu-mobile .menu-bar b:after,
	.menu-mobile .menu-bar b:before{
		content: '';
		-webkit-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-moz-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-o-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		-ms-transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
		transition:top 300ms 300ms, transform 300ms 0ms, -webkit-transform 300ms 0ms, background 300ms;
	}
	
	.menu-mobile .menu-bar b:after{
		top: 7px;
	}
	.menu-mobile .menu-bar b:before{
		top: -7px;
	}
	
	.midbar{
		padding: 0;
	}
	#top{
		padding: 15px 0;
	}
	.midbar .logo{
		flex: 100px;
		max-width: 100px;
	}
	body.page-template-publication-ebook #body,
	body.nobotbar #body,
	#body{
		padding-top: 53px;
	}
	.popmenu .fancybox-slide--html{
		padding: 0;
	}
	#popmenu{
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#popmenu .hentry{
		padding: 15px 20px;
	}
	#popmenu .logo{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100px;
		float: left;
	}
	#popmenu .util{
		float: right;
		padding-right: 45px;
	}
	#popmenu .util > *{
		display: inline-block;
		vertical-align: middle;
	}
	#popmenu .lang{
		margin-right: 15px;
	}
	#popmenu .lang li{
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	#popmenu .lang li a{
		color: #313238;
		font-weight: 500;
	}
	#popmenu .lang li b{
		color: #EA0A2C;
		font-weight: 700;
	}
	#popmenu .fancybox-close-small{
		opacity: 1;
		transform: scale(1.5);
		right: 9px;
		top: 5px;
	}
	#popmenu .sch a{
		width: 20px;
		height: 20px;
	}
	#popmenu .holder{
		overflow-y: scroll;
		height: calc(100vh - 53px);
		padding: 20px 20px 50px;
	}
	#popmenu .nav li{
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid #e4e4e4;
	}
	#popmenu .nav li a{
		color: #313238;
		font-weight: 500;
	}
	#popmenu .nav li.current-menu-item > a{
		font-weight: 700;
		color: #777B8D;
	}
	#popmenu .nav li li{
		padding-left: 20px;
	}
	#popmenu .nav li ul{
		border-top: 1px solid #e4e4e4;
		margin-top: 12px;
	}
	#popmenu .nav li li:last-child{
		padding-bottom: 0;
		border: none;
	}
	#popmenu .nav h2{
		display: block;
		padding: 12px 0;
		font-weight: 600;
		border-bottom: 1px solid #e4e4e4;
		position: relative;
	}
	#popmenu .nav h2:after{
		position: absolute;
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 7px 0 7px;
		border-color: #313238 transparent transparent transparent;
		content: '';
		right: 15px;
		top: 19px;
		transition:transform 0.3s ease;
		transform: rotate(0deg);
	}
	#popmenu .nav h2.active:after{
		transform: rotate(180deg);
	}
	#popmenu .nav h2 + div{
		display: none;
	}
	.tribute:before{
		width: 5px;
	}
	.footer-widget .wabout{
		flex: 40%;
		max-width: 40%;
	}
	.footer-widget .wholder{
		flex: 55%;
		max-width: 55%;
	}
	
	.footer-widget .footinfo{
		margin: 50px 0 0;
	}
	.footer-widget .wabout .format-text{
		max-width: 100%;
	}
	.footer-widget .footnav{
		top: 5px;
	}
	.inner-career .value .item,
	.about-vision .value .item ,
	.pub-gallery .list .gallery-item ,
	.sustain-watch .item {
		flex: calc(50% - 24px);
		max-width: calc(50% - 24px);
	}
	.inner-contact .list .item{
		padding: 0 15px 70px;
	}
	.pub-award .list .hentry .format-text{
		max-width: 390px;
	}
	.biz-trade .cover .hentry .format-text, .biz-prod .hentry .format-text,
	.pub-report .hentry .format-text,
	.pub-award .cert .hentry .format-text{
		max-width: 300px;
	}
	.inner-home .cert .hentry .format-text,
	.inner-home .report .hentry .format-text{
		max-width: 220px;
	}
	.inner-home .news .hentry .format-text{
		max-width: 160px;
	}
	
	.about-ceo figure .pusher{
		margin: 0;
	}
	.about-ceo .caption{
		padding: 40px 0;
	}
	.about-ceo .holder .wrapper{
		align-items: flex-end;
	}
	.about-ceo{
		padding: 0;
	}
	.about-vision .intro{
		padding: 90px 0 ;
	}
	.about-vision .value{
		margin: 80px 0 0;
	}
	.about-vision .intro .vis,
	.about-vision .intro .mis{
		flex: 100%;
		max-width: 100%;
	}
	.about-vision .intro .mis{
		margin: 50px 0 0;
	}
	.about-vision .intro .bg{
		height: 130%;
	}
	.inner-home .stat .rowflex{
		max-width: calc(100% - 100px);
		margin: 0 -20px;
	}
	.inner-home .stat .item {
		flex: calc(50% - 40px);
		max-width: calc(50% - 40px);
		margin: 0 20px 40px;
		text-align: center;
		position: relative;
	}
	.inner-home .stat .bg{
		height: auto;
		max-width: 500px;
	}
	.inner-home .sustain .rowflex{
		flex-wrap: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		display: flex;
                margin: 0 -20px 0 0;
	}
        .inner-home .sustain .rowflex::-webkit-scrollbar {
		width: 0px;
		background: transparent; /* make scrollbar transparent */
	}
	.inner-home .sustain .rowflex .item{
		flex: 0 0 auto;
		margin: 0 20px 0 0;
		width: 300px;
		max-width: 300px;
	}
	.inner-home .sustain .item .caption{
		padding: 0 20px 20px;
	}
	.inner-home .sustain .item .holder{
		top: 65%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 991px)  {

}
@media (max-width: 768px) {
	.inner-home .cert .hentry .copy i,
	.inner-home .news .hentry .copy i,
	.inner-home .report .hentry .copy i,
	.inner-home .hero .item .format-text br,
	.inner-home .hero .item h2 br,
	.biz-prod .process .slider .slick-active .shape i:before,
	.biz-prod .process .slider:after,
	.inner-career .list .item h2 br,
	.banner .format-text br,
	.banner h2 br,
	.inner-contact .list .item:after{
		display: none;
	}
	.inner-home .cert .hentry .format-text,
	.inner-home .news .hentry .format-text,
	.inner-home .report .hentry .format-text,
	.format-text ul.icon-list > li:last-child i{
		display: block;
	}
	.about-com .item {
		flex: calc(50% - 4px);
		max-width: calc(50% - 4px);
		margin: 0 2px 30px;
	}
	.footer-widget .wabout a img{
		max-width: 100px;
	}
	.inner-home .jargon .item,
	.about-who .list .item,
	.inner-contact .list .item{
		margin: 0 0 25px;
		padding: 0 0 25px;
		border: none;
		border-bottom: 1px solid #D7D7DA;
	}
	.format-text .gallery .gallery-item {
		margin: 0 2px 4px;
	}
	.format-text .gallery.gallery-columns-1  .gallery-item{
		flex: calc(100% - 4px);
		max-width: calc(100% - 4px);
	}
	.format-text .gallery.gallery-columns-2  .gallery-item{
		flex: calc(50% - 4px);
		max-width: calc(50% - 4px);
	}
	.format-text .gallery.gallery-columns-4  .gallery-item,
	.format-text .gallery.gallery-columns-6  .gallery-item,
	.format-text .gallery.gallery-columns-7  .gallery-item,
	.format-text .gallery.gallery-columns-8  .gallery-item,
	.format-text .gallery.gallery-columns-9  .gallery-item,
	.format-text .gallery.gallery-columns-3  .gallery-item{
		flex: calc(33.3333333333333333% - 4px);
		max-width: calc(33.3333333333333333% - 4px);
	}
	.detail-news .related h2{
		position: relative;
		top: 10px;
	}
	.pub-award .dropselect .dropholder,
	.pub-award .cats .dropselect .dropholder{
		right: auto;
		left: 0;
	}
	.about-ceo figure img{
		display: inline-block;
		max-width: 300px;
	}
	.inner-home .about .video figure img,
	.about-who .video figure img{
		max-width: 80px;
	}
	.inner-home .about .video span,
	.about-who .video span{
		top: 60%;
		-ms-transform: translateY(-60%);
		-webkit-transform: translateY(-60%);
		transform: translateY(-60%);
	}
	.inner-home .about .video span i,
	.about-who .video span i{
		width: 40px;
		height: 40px;
	}
	.inner-career .value .rowflex, .about-vision .value .rowflex{
		flex-wrap: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		display: flex;
                padding: 0 0 20px 20px;
		margin: 0 -20px;
	}
        .inner-career .value .rowflex::-webkit-scrollbar, .about-vision .value .rowflex::-webkit-scrollbar {
		width: 0px;
		background: transparent; /* make scrollbar transparent */
	}
	.inner-career .value .item, .about-vision .value .item{
		flex: 0 0 auto;
		margin: 0 24px 0 0;
		max-width: 320px;
		width: 320px;
		padding: 25px 20px;
	}
	.tribute:before{
		width: 20px;
	}
	#popcareer figcaption{
		font-size: 20px;
		left: 20px;
		top: 20px;
	}
	.inner-career .list .item.has-orn figure:after{
		top: -30px;
		left: 30px;
		width: calc(100vw - 30px);
	}
	.inner-career .gallery figure.trio,
	.inner-career .gallery figure, .format-text .gallery.mozaik .gallery-item {
		flex: calc(50% - 8px);
		max-width: calc(50% - 8px);
	}
	.inner-career .gallery figure:not(.trio):first-child, .format-text .gallery.mozaik .gallery-item:first-child{
		flex: calc(100% - 8px);
		max-width: calc(100% - 8px);
	}
	.inner-career .gallery figure:first-child a, .format-text .gallery.mozaik .gallery-item:first-child a{
		height: 300px;
	}
	.inner-career .gallery figure.trio a,
	.inner-career .gallery figure a, .format-text .gallery.mozaik a{
		height: 160px;
	}
	.inner-home .cert .hentry .slidenav,
	.inner-home .news .hentry .slidenav,
	.inner-home .report .hentry .slidenav{
		float: left;
		margin: 0;
	}
	.inner-home .cert .hentry .copy .more,
	.inner-home .news .hentry .copy .more,
	.inner-home .report .hentry .copy .more {
		float: right;
		position: relative;
		top: 10px;
	}
	.inner-career .embed{
		height: 1400px;
	}
	.about-com .separator{
		height: 50px;
	}
	.popcom{
		width: 100%;
		padding: 20px;
	}
	.popcom .fancybox-close-small{
		right: 5px;
		top: 5px;
	}
	.about-ceo .caption .scrollbar-inner.scroll-content{
		max-height: none !important;
	}
	.inner-home .hero .item video{
		left: 0;
		width: 100%;
	}
	
	.inner-career .list .item:nth-child(even) figure,
	.about-ceo .caption{
		order: 1;
	}
	.inner-career .list .item:nth-child(even) .caption,
	.about-ceo figure{
		order: 2;
	}
	
	.gallery-item .slider.shownav .slidenav{
		opacity: 1;
	}
	.inner-home .jargon .item span,
	.about-who .list .item span,
	.inner-contact .list .item .ct{
		position: relative;
	}
	.inner-home .cert .hentry .copy,
	.inner-home .news .hentry .copy,
	.inner-home .report .hentry .copy,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.about-vision .mile .hentry h2,
	.about-vision .value .hentry h2,
	.pub-report .hentry h2,
	.pub-award .cert .hentry .copy,
	.pub-award .list .hentry .format-text,
	.pub-news .list .hentry h2,
	.tribute .social,
	.footer-widget .footnav{
		top: auto;
	}
	.inner-home .jargon .item span,
	.about-who .list .item span{
		bottom: auto;
	}
	.inner-home .cert .hentry .copy,
	.inner-home .news .hentry .copy,
	.inner-home .report .hentry .copy,
	.inner-home .cert .hentry h2,
	.inner-home .news .hentry h2,
	.inner-home .report .hentry h2,
	.inner-home .about h2,
	.inner-home .about .caption,
	.biz-trade .cover .hentry h2,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.biz-prod .hentry h2,
	.about-vision .mile .hentry .copy,
	.about-vision .mile .hentry h2,
	.about-vision .value .hentry h2,
	.about-vision .value .hentry p,
	.pub-report .hentry .copy,
	.pub-report .hentry h2,
	.pub-award .cert .hentry .copy,
	.pub-award .list .cats,
	.pub-award .list .year,
	.pub-award .list .hentry .format-text,
	.pub-award .cert .hentry h2, .pub-award .list .hentry h2,
	.pub-news .list .hentry form,
	.pub-news .list .hentry h2,
	.tribute .copy,
	.tribute .social{
		float: none;
	}
	.inner-home .cert .hentry,
	.inner-home .news .hentry,
	.inner-home .cert .hentry .format-text,
	.inner-home .news .hentry .format-text,
	.inner-home .report .hentry .format-text,
	.inner-home .report .hentry,
	.biz-trade .cover .hentry,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.biz-prod .hentry,
	.about-vision .mile .hentry .copy,
	.about-vision .mile .hentry,
	.about-ceo figure,
	.pub-report .hentry .copy,
	.pub-report .hentry,
	.pub-report .hentry .format-text,
	.pub-award .cert .hentry .copy,
	.pub-award .cert .hentry,
	.pub-award .cert .hentry .format-text,
	.pub-award .list .hentry,
	.pub-award .list .hentry .format-text,
	.tribute .copy,
	.tribute .social{
		text-align: center;
	}
	.inner-home .stat .item{
		text-align: left;
	}
	.inner-home .cert .hentry .copy,
	.inner-home .news .hentry .copy,
	.inner-home .report .hentry .copy,
	.inner-home .cert .hentry h2,
	.inner-home .news .hentry h2,
	.inner-home .report .hentry h2,
	.inner-home .about h2,
	.inner-home .about .caption,
	.biz-trade .cover .hentry h2,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.about-vision .mile .hentry .copy,
	.about-vision .mile .hentry h2,
	.pub-report .hentry .copy,
	.pub-report .hentry h2,
	.pub-award .cert .hentry .copy,
	.pub-award .dropselect .dropholder,
	.pub-award .cats .dropselect .dropholder,
	.pub-award .list .year > .dropselect, .pub-award .list .cats > .dropselect,
	.pub-award .list .cats,
	.pub-award .list .year,
	.pub-award .list .hentry .format-text,
	.pub-award .cert .hentry h2, .pub-award .list .hentry h2,
	.pub-news .list .hentry form{
		width: 100%;
	}
	.inner-home .cert .hentry .format-text,
	.inner-home .news .hentry .format-text,
	.inner-home .report .hentry .format-text,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.about-vision .mile .hentry .format-text,
	.pub-report .hentry .format-text,
	.pub-award .cert .hentry .format-text,
	.pub-award .list .hentry .format-text{
		max-width: 100%;
	}
	.inner-home .stat .item,
	.format-text ul.icon-list > li,
	.format-text ol.number-horiz > li,
	.biz-prod .process .copy .caption,
	.biz-prod .process .copy figure,
	.inner-career .list .item figure,
	.inner-career .list .item .caption,
	.inner-home .jargon .item,
	.about-who .list .item,
	.about-ceo .caption,
	.about-ceo figure,
	.pub-award .list .item,
	.pub-gallery .list .gallery-item,
	.pub-news .list .blog-item,
	.form-basic .gap > *,
	.inner-contact .list .item,
	.sustain-watch .item,
	.footer-widget .footinfo .item,
	.footer-widget .wabout,
	.footer-widget .wholder{
		flex: 100%;
		max-width: 100%;
	}
	/** MARGIN **/
	.about-vision .mile .hentry,
	.pub-gallery .list .gallery-item,
	.detail-news .content .hentry{
		margin: 0 0 40px;
	}
	.inner-home .stat .item,
	.inner-home .stat .hentry,
	.biz-prod .process .slider,
	.biz-prod .hentry,
	.inner-career .hentry,
	.inner-career .list .item figure,
	.pub-award .list .item,
	.detail-news .content .hentry h1,
	.detail-news .crumb,
	.pub-news .list .blog-item,
	.about-com .hentry{
		margin: 0 0 30px;
	}
	
	.inner-home .cert .hentry .format-text,
	.inner-home .news .hentry .format-text,
	.inner-home .report .hentry .format-text,
	.pub-award .list .year > *, .pub-award .list .cats > *,
	.sustain-watch .item{
		margin: 0 0 20px;
	}
	.inner-home .cert .hentry h2,
	.inner-home .news .hentry h2,
	.inner-home .report .hentry h2{
		margin: 0 0 15px;
	}
	.inner-career .list .item h2,
	.about-vision .value .hentry h2,
	.inner-home .jargon .item h3,
	.about-who .list h3,
	.pub-award .list .year > b, .pub-award .list .cats > b,
	.inner-contact .list .item h3{
		margin: 0 0 10px;
	}
	.detail-news .hero{
		margin: 0 -20px 30px;
		height: 230px;
	}
	.inner-career .list .item{
		margin: 70px 0 0;
	}
	.inner-home .news,
	.inner-home .cert,
	.inner-home .report,
	.inner-home .sustain,
	.inner-career .team,
	.inner-career .list,
	.about-vision .mile,
	.pub-gallery .list,
	.detail-news .related{
		margin: 50px 0 0;
	}
	.inner-home .stat,
	.inner-home .jargon,
	.inner-home .about .video,
	.inner-home .about,
	.biz-prod .process,
	.inner-career .gallery,
	.inner-career .value,
	.about-who .intro .format-text{
		margin: 40px 0 0;
	}
	.inner-home .about .caption,
	.format-text ul.icon-list > li:not(:first-child),
	.biz-prod .process .copy figure,
	.about-vision .value,
	.about-ceo figure,
	.footer-widget .footinfo .item,
	.footer-widget .footnav{
		margin: 30px 0 0;
	}
	.format-text ol.number-horiz > li:not(:first-child),
	.about-vision .mile .hentry .copy,
	.pub-report .hentry .format-text,
	.pub-award .cert .hentry .slidenav,
	.pub-report .hentry .slidenav,
	.about-vision .mile .hentry .slidenav,
	.pub-award .cert .hentry .copy,
	.pub-award .list .hentry .format-text,
	.form-basic .gap > *:first-child + *{
		margin: 25px 0 0;
	}
	.inner-home .stat .item .more,
	.biz-trade .cover .hentry .format-text,
	.biz-prod .hentry .format-text,
	.inner-home .jargon .item span,
	.about-who .list .item span,
	.pub-news .list .hentry form,
	.inner-contact .list .item .ct,
	.banner .format-text,
	.tribute .copy,
	.footer-widget .wabout .format-text{
		margin: 15px 0 0;
	}
	.format-text .gallery .rowflex,
	.about-com .rowflex{
		margin: 0 -2px;
	}
	.tribute .social a{
		margin: 0 10px;
	}
	.span-year li:first-child, .span-year li:last-child, .span-year li{
		margin: 0 5px;
	}
	.inner-home .stat .rowflex,
	.pub-award .list .rowflex,
	.pub-gallery .list .rowflex,
	.pub-news .list .rowflex,
	.inner-contact .list .rowflex,
	.sustain-watch .rowflex,
	.footer-widget .footinfo{
		margin: 0;
	}
	
	/** PADDING **/
	.inner-home .hero .item{
		padding: 120px 0 100px;
	}
	.pub-news .empty-search,
	.banner{
		padding: 80px 0;
	}
	.biz-trade .list .item,
	.biz-trade .cover,
	.biz-prod .process,
	.inner-page .content,
	.biz-prod .volume,
	.inner-career .value,
	.pub-award .list{
		padding: 40px 0;
	}
	.inner-home,
	.about-vision,
	.pub-gallery .list,
	.inner-contact{
		padding: 0 0 80px;
	}
	.inner-home .news{
		padding: 40px 0 0;
	}
	.footer-widget{
		padding: 30px 0 40px;
	}
	.inner-page .extra,
	.inner-career,
	.about-who,
	.pub-report .list,
	.pub-award .cert,
	.detail-news,
	.pub-news .list,
	.about-com{
		padding: 40px 0 80px;
	}
	.pub-award .list .item,
	.inner-contact .layer{
		padding: 30px 20px ;
	}
	.inner-home .about .video figure, .about-who .video figure{
		padding: 15px 0 0;
	}
	.inner-home .hero .item .caption{
		padding: 0 0 0 20px;
	}
	.inner-career .value .item .format-text, .about-vision .value .format-text{
		padding: 0 0 0 10px;
	}
	.inner-home .stat .panel{
		padding: 30px 30px 30px 0;
	}
	#popcareer .format-text{
		padding: 20px;
	}
	.popfull .fancybox-slide--html,
	.format-text ol.number-horiz > li{
		padding: 0;
	}
	
	/** FONT SIZE **/
	.inner-home .hero .item h2,
	.format-text h1{
		font-size: 32px;
	}
	.inner-home .cert .hentry h2,
	.inner-home .news .hentry h2,
	.inner-home .report .hentry h2,
	.inner-home .about h2,
	.inner-home .sustain .hentry h2,
	.inner-home .about h2,
	.inner-home .stat .item b,
	.inner-home .about h2,
	.format-text h2,
	.biz-trade .list .item h2,
	.biz-trade .cover .hentry h2,
	.biz-prod .hentry h2,
	.inner-career .hentry h2,
	.inner-career .intro h2,
	 .about-vision .mile .hentry h2,
	.about-who .hentry h1,
	.about-ceo .caption h2,
	.pub-report .hentry h2,
	.pub-award .cert .hentry h2,
	.pub-award .list .hentry h2,
	.detail-news .content .hentry h1,
	.pub-news .empty-search h2,
	.sustain-watch .hentry h2,
	.banner h2,
	.about-com .hentry h2{
		font-size: 30px;
	}
	.inner-home .stat h2{
		font-size: 26px;
	}
	.inner-career .list .item h2,
	.inner-career .team .hentry h2,
	.about-vision .value .hentry h2,
	.about-vision .intro h2,
	.about-vision .value .hentry h2,
	.inner-home .jargon .item h3,
	.about-who .list h3,
	.detail-news .related h2,
	.inner-contact .submis .hentry h2{
		font-size: 24px;
	}
	.inner-contact .list .item h3,
	.about-com .item h3{
		font-size: 16px;
	}
	.about-vision .intro .format-text,
	.inner-career .value .item h3,
	.about-vision .value .item h3,
	.sustain-watch .hentry .format-text{
		font-size: 14px;
	}
	
	.tribute .copy,
	.about-com .item b,
	.about-com .hentry span{
		font-size: 12px;
	}
}
/* Custom mobile */
@media (max-width: 480px) {

}

@media (max-width: 360px) {
	
}
@media (min-width: 1230px) {

}

#responsive{
	display:block;
	width:10px;
	height: 10px;
	position: fixed;
	bottom:10px;
	left: 10px;
	z-index: 9999;
}
/** RESPONSIVE VIEWER **/
@media (max-width: 1239px) {  #responsive{background: blueViolet !important;}}
@media (max-width: 991px) {  #responsive{background: red !important;}}
@media (max-width: 768px) {  #responsive{background: blue !important;}}
@media (max-width: 480px) {  #responsive{background: cyan !important;}}
@media (max-width: 360px) {  #responsive{background: green !important;}}