@charset "utf-8";
.table.news .pull-right select, .table.news .pull-right input[type="text"], .table.news .pull-right .searchBlk{
	float: left;
}
.table.news .pull-right select{ display: inline-block; }
.table.news .pull-right .searchBlk {
    position:static;
    top:inherit;
    right: inherit;
    padding: 0 0 0 0;
    margin-top: 0;
}
.promoBlk ul li, .locationBlk ul li{list-style-type: none;}
.promoBlk .blk:after, .locationBlk .blk:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.promoBlk{}
.promoBlk ul{ padding: 0;margin: 0;}
.promoBlk ul li{
	padding: 0;
	margin: 0;
	display: block;
}
.promoBlk .blk{
	position: relative;
	min-height: 150px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
.promoBlk .img{
	display: block;
	width: 200px;
	height: 130px;
	position: absolute;
	left: 1px;
	top: 1px;
	border: 1px solid #dfdfdf;
}
.promoBlk .img img{
	width: 100%;
	height:inherit;
	max-height: 128px;
}
.promoBlk .pull-right{
	float: none;
	padding-left: 230px;
}
.promoBlk .title{
	color: #000000;
	font-size: 1.0rem;
	line-height: 1.417;
	display: block;
	max-height: 51px;
	overflow: hidden;
	padding:0.5rem 0 0 0; 
	margin-bottom: 0.5rem;
	font-weight: bold;
}
.promoBlk .table{
	color: #333333;
	font-size: 0.938rem;
	line-height: 1.6;
	margin: 0 0;
}
.promoBlk .table .th{ width: 100px; }
.promoBlk .blk:hover .img{ border: 1px solid #e71e0f;}
.promoBlk .blk:hover a{ text-decoration: none;}
.promoBlk .blk:hover .title{ color: #e71e0f;}
.promoBlk .blk a:hover{ text-decoration: underline;}

.teamBlk{}
.teamBlk ul{ padding: 0; margin: 0;}
.teamBlk ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}
.teamBlk>ul>li{
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #bfbfbf;
	margin: 0 0 2rem 0;
}
.teamBlk ul li h3{ font-weight: normal; padding: 0 0 0.75rem 0;}
.teamBlk ul li h3 strong{ font-weight: bold;}
.teamBlk ul li ul li ul{ padding: 20px 0 0rem 0;}
.teamBlk ul li ul li{
	font-weight: bold;
	padding:0 0 0.5rem 1rem;
	position: relative;;
}
.teamBlk>ul>li>ul>li:before{
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
    top: 10px;
	content: "";
	background: #e60012;
}
.teamBlk ul li ul li ul li{
	padding: 0 0 10px 14px;
	position: relative;
	font-weight: normal;
}
.teamBlk ul li ul li ul li:before{
    color: #cccccc;
    position: absolute;
    left: 0;
    top: 1px;
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
}

.locationBlk{ padding:1rem 0;}
.locationBlk h3{ padding:1rem 0; font-size: 1.25rem;}
.locationBlk ul{ padding: 0;margin: 0;}
.locationBlk ul li{
	padding: 0;
	margin: 0;
	display: block;
}
.locationBlk .blk{
	position: relative;
	min-height: 180px;
	padding:0 1rem 20px 1rem;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 20px;
}
.locationBlk .img{
	display: block;
	width: 200px;
	height: 130px;
	position: absolute;
	right: 1rem;
	top: 0;
	border:none;
}
.locationBlk .img img{
	width: 100%;
	height:inherit;
	/*max-height: 130px;*/
}
.locationBlk .pull-left{ float: none;padding-right: 240px;}
.locationBlk .title{
	color: #333;
	font-size: 1.0rem;
	line-height: 1.417;
	display: block;
	max-height: 51px;
	overflow: hidden;
	padding:0.5rem 0 0 0; 
	margin-bottom: 10px;
}
.locationBlk .table{
	color: #333333;
	font-size: 0.938rem;
	line-height: 24px;
	margin: 0 0;
}
.locationBlk .table .td{ color: #333; }
.locationBlk .table .btn{
	font-size: 0.75rem;
	padding: .35rem 0.5rem .35rem 0.5rem;
	text-decoration: none;
	border:none;
}
.locationBlk .table .gMap{
	background: #e71e0f;
	color: #ffffff;
}
.locationBlk .table .tr:last-of-type .td{ padding-top: 1rem; }
.locationBlk .blk:hover .img{ border:none;}
.locationBlk .blk:hover .title{ color: inherit; text-decoration: none;}

.containerBlk .bannerBlk{ padding: 0 0 1rem 0;}
.containerBlk .bannerBlk ul{ padding: 0 0 2rem 0; margin: 0; }

.careerBlk{ position: relative; min-height: 260px;}
.careerBlk .img{
	display: block;
	width: 180px;
	height: 240px;
	position: absolute;
	left: 0;
	top: 0;
}
.careerBlk .img img{
	width: 100%;
}
.careerBlk .pull-right{ float: none;padding-left: 200px;}
.careerBlk .pull-right>p{ font-size: 1.0rem; font-weight: bold; padding: 0 0 0.5rem 0;}
.faqBlk.career{
    padding:0 0 1.5rem 0;
    margin: 0 0 15px 0;
}
.faqBlk.career li.blk {/*2017*/
    position: relative;
    background-color: #e71e0f;
    color: #ffffff;
    font-size: 1.125rem;
    padding-top: 0;
    padding-bottom: 0;
}
/*.faqBlk.career .type {2018
    cursor: pointer;
    color: #333333;
    line-height: 1.417;
}*/
.faqBlk.career .panel {
    display: none;
    padding: 0.5rem 0 0 1rem;
    /* margin: 0.5rem 0 0 0; */
	background-color: #ffffff;
    border-top: 1px solid #afafaf;
}
.faqBlk.career .panel p{
    padding: 0 0 0.5rem 0;
    font-size: 1.0rem;
    color: #e71e0f;
}
.faqBlk.career .panel p:last-of-type{
    padding: 0 0 0 0;
}

.globeMapBlk { position: relative;}
.globeMapBlk area{ cursor: pointer;}
.globeMapBlk .blk{ display: block;}
.globeMapBlk .blk{
    margin: 0;
    position: relative;
}
.globeMapBlk .blk .img {
    display: block;
    width: 90px;
    height: auto;
    border: 1px solid #bfbfbf;
    position: absolute;
    left: 0;
    top: 0;
}
.globeMapBlk .blk .img img{ display: block; }
.globeMapBlk .blk .pull-right{ float:none; padding: 0 0 0 100px;}
.globeMapBlk .blk h3{ font-size: 0.938rem; padding: 0 0 0.25rem 0;}
.globeMapBlk .blk ul{ padding: 0 0;margin: 0 0;}
.globeMapBlk .blk ul li{
	list-style-type: none;
	padding: 0 0 0.35rem 1.5rem;
	margin: 0 0;
	font-size: 0.875rem;
	position: relative;
	line-height: 1.25rem;
}
.globeMapBlk .blk ul li:before, .globeMapBlk .blk ul li:after{
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.globeMapBlk .blk ul li:before{ border:1px solid #afafaf;border-radius:50%;}
.globeMapBlk .blk ul li.apply:after, .globeMapBlk .blk ul li.job:after, .globeMapBlk .blk ul li.tel:after{
	color: #afafaf;
    font-family: FontAwesome;
    font-size: 1rem;
    transform: scale(0.55);
    width: 16px;
	height: 16px;
    line-height: 16px;
    left: 1px;
    top: 2px;
    text-align: center;
}
.globeMapBlk .blk ul li.apply:after{content: "\f040";}
.globeMapBlk .blk ul li.job:after{content: "\f0b1";}
.globeMapBlk .blk ul li.tel:after{content: "\f095";}
.globeMapBlk .blk ul li a{
	list-style-type: none;
	padding: 0 0;
	margin: 0 0;
	color: #e60012;
	text-decoration: underline;
}
.globeMapBlk .modal{
	width: 300px;
	margin-left: -150px;
}
.globeMapBlk .modal.fade.in{ top: 30vh;}
.AnnualReportBlk{ position: relative;}
.AnnualReportBlk ul{ padding: 0 0;margin: 0 0;}
.AnnualReportBlk ul li{
	padding: 0 0 0 0;
	margin: 0 0;
	float: left;
	width: 20%;
	text-align: center;
}
.AnnualReportBlk ul li a{
	display: inline-block;
	text-align: center;
	padding: 1rem 0.5rem;
	color:#333333;
}
.AnnualReportBlk ul li a p{
	padding: 0 0 0.5rem 0;
	font-size: 1.0rem;
}
.AnnualReportBlk ul li a img{
	display: inline-block;
	width: 150px;
    height: 200px;
	border:1px solid #bfbfbf;
}
.AnnualReportBlk ul li a:hover { color:#e71e0f;}
.AnnualReportBlk ul li a:hover img{ border:1px solid #e71e0f;}
.workplace{ margin: 0 0 2rem 0;}
.workplace td{ padding: 0.5rem;}
.workplace img{
	height: 130px;
	display: block;
	float: left;
	border: 1px solid #bfbfbf;
}

.citizenship{ margin: 0 0 2.5rem 0;}
.citizenship td{ padding: 0.5rem; vertical-align: top;border: none !important;}
.citizenship td:nth-child(1){ min-width: 170px;}
.citizenship img{ 
	display: block;
	width: 150px;
	margin: 2.35rem 0 0 0;
}
.citizenship h3{ padding: 0 0 0.5rem 0; }
.citizenship p{ padding: 0 0 2.5rem 0; }

.formBlk.communicate{ width:100%;}
.communicate .th, .communicate .td {
	display: block;
    min-width:inherit;
}
.communicate .th{ text-align: left; }
.communicate .td table{ width:100%;}
.communicate .td td{ border:none;}
.communicate  tbody tr:nth-child(2n+1) td {background-color: transparent;}
.communicate .td td input[type="text"]{ width:96%;}
.communicate .td td input[type="text"].firstName{ width:50%;}
.communicate .td td input[type="text"].lastName{ width:44.5%; margin: 0 0 0 0;}
.communicate .btnBlk{ text-align:left; padding: 0 0 0.5rem 5px; display:inline-block; clear:none;}
.communicate .btnBlk .btn-primary{ text-decoration:none;}
.communicate .td label{ display:inline-block; font-size: 1.0rem;}

@media (max-width: 1500px){
}


@media (max-width: 1366px){
}


@media (max-width: 1200px){
}


@media (max-width: 980px){
.table.news .pull-right .searchBlk { clear: none;}
.globeMapBlk .modal{left: 50%;}
.AnnualReportBlk ul li{width: 33.333%;}
}


@media (max-width: 768px){
.communicate .td table, .communicate .td table tbody, .communicate .td table tr, .communicate .td table td{ width:100%; display:block;}
.communicate .td td input[type="text"], .communicate .td td input[type="email"]{ width:100%; margin: 0 0 0 0;}
.communicate .td td input[type="text"].firstName{ width:100%; margin: 0 0 0.75rem 0;}
.communicate .td td input[type="text"].lastName{ width:100%; margin: 0 0 0 0;}
}

@media (max-width: 600px){
.table.news .pull-right{ float: none;}
.table.news .pull-right select{ display: block; float: none; margin-bottom:0.5rem;}
.table.news .pull-right select+select{ margin: 0.5rem 0;}
.promoBlk .blk, .locationBlk .blk { border-bottom: none;}
.promoBlk .img, .locationBlk .img, .careerBlk .img{
    display: block;
    width: 100%;
    height:inherit;
    position:static;
    left: inherit;
    top: inherit;
}
.promoBlk .img img, .locationBlk .img img { max-height: inherit;}
.promoBlk .pull-right, .careerBlk .pull-right{ padding-left: 0;}
.promoBlk .title, .locationBlk .title {
    max-height: inherit;
    overflow: inherit;
}
.promoBlk .table .th{ padding: 0 .5rem 0 0;}
.locationBlk .pull-left { padding-right: 0;}
.locationBlk .table .tr:last-of-type .td { padding: 1rem 0;}
.AnnualReportBlk ul li{ width: 50%;}
.AnnualReportBlk ul li a img{ width: 120px;height: 160px;}

.workplace img {
	width: 100%;
    height:inherit;
}

.citizenship th, .citizenship td{ display:block;}
.citizenship td:nth-child(1){ min-width:inherit;}
.citizenship td+td{ padding-bottom:1.5rem;}
.citizenship img{ margin: 0 0 0 0;width: 100%;}
}


@media (max-width: 480px){
.globeMapBlk .modal{ width: auto;margin-left: 0;left: 20px;}
}

@media (max-width: 414px){
}