html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	font: 10px 'light';
	color: #585858;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

header, footer, article, section, nav, menu, a, img, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, ol, p {
	display: block;
	margin: 0;
	padding: 0;
}

:root {
	--red-color: #ed1b34;
	--grey-color: #585858;
}

a {
	text-decoration: none;
}

img {
	border: none;
}
img.fullWidth {
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul {
	list-style: none;
}

article {
	font-size: 1.6em;
	text-align: justify;
}
article p:not(:first-child), article ul:not(:first-child), article ol:not(:first-child), article h1:not(:first-child), article h2:not(:first-child), article h3:not(:first-child), article h4:not(:first-child), article h5:not(:first-child), article h6:not(:first-child) {
	margin-top: 1.5em;
}
article a {
	display: inline-block;
	text-decoration: underline;
}
article h1, article h2, article a {
	color: var(--red-color);
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	font-family: 'medium';
}
article h1 {
	font-size: 1.6em;
}
article h2 {
	font-size: 1.4em;
}
article h3 {
	font-size: 1.2em;
}
article h4, article h5, article h6 {
	font-size: 1.1em;
}
article a:hover {
	text-decoration: none;
}
article ul {
	list-style: disc;
}
article img, article iframe {
	max-width: 100%;
}
article ul li:not(:first-child), article ol li:not(:first-child) {
	margin-top: .5em;
}

input, select, textarea {
	outline: none;
	background: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	font: 1.4em 'light';
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: .35em .7em;
}
select {
	background-image: url(../images/dropdown_arrow.png);
	background-repeat: no-repeat;
}
::placeholder {
	color: #929292;
}
input[type=submit], input[type=button] {
	border: none;
	cursor: pointer;
	width: auto;
	background: var(--red-color);
	color: #fff;
	font-family: 'medium';
	padding-left: 2em;
	padding-right: 2em;
}
input[type=submit]:hover, input[type=button]:hover {
	background: rgba(237,27,52,.8);
}
textarea {
	resize: none;
	height: 8.5em;
}
.inputContainer {
	margin-bottom: 1.5em;
}
.inputContainer .half {
	width: 48%;
}
.btnContainer {
	margin-top: 1.5em;
}
.btnContainer .outputMsg {
	font-size: 1.4em;
	padding-top: .35em;
	color: var(--red-color);
}

.smoothTransition {
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
}
.smoothTransition.hover {
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
}

img.smoothTransition {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img.smoothTransition.hover {
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
}

.table, .tableCell {
	width: 100%;
	height: 100%;
}
.table {
	display: table;
}
.tableCell {
	display: table-cell;
	vertical-align: middle;
}

.container {
	position: relative;
	width: 95%;
	max-width: 1170px;
	margin: 0 auto;
}

.fullHeight {
	height: 100%;
}

.labelInfo {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: rgba(0,0,0,.8);
	padding: 1em 2em;
	color: #fff;
}
a:hover .labelInfo {
	background: rgba(237,27,52,.8);
	padding-bottom: 2em;
}
.labelInfo h1, .labelInfo h2 {
	font-family: 'medium';
}
.labelInfo .metaDescription {
	display: none;
	opacity: 0;
}
a:hover .labelInfo .metaDescription {
	display: block;
	opacity: 1;
}

.hidden {
	visibility: hidden;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}

.loadMoreIcon {
	position: absolute;
	bottom: -2.9em;
	left: 50%;
	margin-left: -1.4em;
	width: 2.8em;
	height: 2.8em;
	background: url(../images/loadmore_icon.png) center;
	background-size: 100%;
	animation: rotateIcon 3s infinite linear;
	-webkit-animation: rotateIcon 3s infinite linear;
}
@keyframes rotateIcon {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateIcon {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}

#master {
	height: auto;
	overflow: hidden;
	position: relative;
}
#master.loaded {
	height: auto;
}

header {
	height: 10em;
	border-bottom: 1px solid var(--red-color);
}
header a.logo {
	width: 19%;
	min-width: 120px;
}
header .formContainer {
	width: 30%;
	min-width: 170px;
}
header form {
	position: relative;
}
header form input[type=text] {
	font-size: 1.8em;
	color: var(--red-color);
	border-width: 2px;
	border-color: var(--red-color);
	border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
}
header form input[type=submit] {
	border: none;
	padding: 0;
	background: none;
	color: #fff;
	position: absolute;
	top: 0;
	width: 4em;
}
header form input[type=submit], header form input[type=submit]:hover {
	background: url(../images/search_icon.png) center no-repeat;
	background-size: 1.3em auto;
}
header form input[type=submit]:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
}
header .formContainer a.changeLang {
	color: #585858;
	font-size: 1.2em;
	margin-top: 1em;
	height: 2em;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
header .formContainer a.changeLang:hover {
	color: var(--red-color);
}
header .hammer {
	height: 100%;
	position: absolute;
	width: 7em;
	top: 0;
	left: 50%;
	margin-left: -3.5em;
}

nav {
	position: relative;
	z-index: 100;
}
nav.fixed {
	position: fixed;
	background: #fff;
	top: 0;
	width: 100%;
}
nav.shadow, nav.fixed {
	box-shadow: 0px 3px 3px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
}
nav .mainMenu>ul>li {
	position: relative;
}
@media screen and (min-width:1025px) {
	nav .mainMenu>ul>li>ul {
		position: absolute;
		top: 100%;
		width: 200px;
		background: #fff;
		box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		visibility: hidden;
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
	}
}
@media screen and (max-width:1024px) {
	nav .mainMenu>ul>li>ul {
		display: none;
	}
}
nav .mainMenu>ul>li>ul {
	max-height: 250px;
	overflow-y: auto;
}
nav .mainMenu>ul>li>ul::-webkit-scrollbar {
	width: 10px;
}
nav .mainMenu>ul>li>ul::-webkit-scrollbar-track {
	background: #fff; 
}
nav .mainMenu>ul>li>ul::-webkit-scrollbar-thumb {
	background: rgba(237,27,52,.5);
}
nav .mainMenu>ul>li>ul::-webkit-scrollbar-thumb:hover {
	background: rgba(237,27,52,1);
}
nav .mainMenu ul li a {
	font-size: 1.8em;
	color: var(--red-color);
	padding: .6em .9em;
}
nav .mainMenu>ul>li ul a {
	font-size: 1.6em;
}
nav .mainMenu ul li:hover>a, nav .mainMenu ul li.active>a {
	color: #fff;
	background: var(--red-color);
}
@media screen and (min-width:1025px) {
	nav .mainMenu>ul>li:hover>ul {
		visibility: visible;
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
	}
}
nav .social {
	position: absolute;
	top: 0;
	padding-top: .5em;
}
nav .social a {
	width: 3.5em;
	display: inline-block;
	background: var(--red-color);
	padding: .5em;
}
nav a.mobileNav {
	position: absolute;
	top: 0;
	display: none;
}

#newsSlider {
	overflow: hidden;
	height: 3.5em;
}
#newsSlider .newsAnim {
	position: absolute;
	top: 0;
	height: 100%;
	width: 20000px;
	visibility: hidden;
}
#newsSlider a {
	height: 100%;
	font: 1.4em 'medium';
	color: #fff;
	background-image: url(../images/slider_sep.png);
	background-repeat: no-repeat;
	background-size: auto 1.3em;
}
#newsSlider a:hover {
	color: #d9d9d9;
}

#newsSlider, #banner {
	background: #f60031;
	position: relative;	
}

.mainSlider {
	margin: 4em 0;
}
.mainSlider .container {
	border: 1em solid var(--red-color);
	min-height: 300px;
}
#mailSlider ul {
	position: relative;	
}
.mainSlider ul a {
	position: absolute;
	width: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #000;
}
#mainSlider2 ul a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10em;
	height: 7em;
	margin-left: -5em;
	margin-top: -3.5em;
	background: url(../images/play_button.png) no-repeat center;
	background-size: 100% 100%;
	opacity: .8;
	transition: opacity .3s;
}
#mainSlider2 ul a:hover::after {
	opacity: 1;
}
.mainSlider ul a:not(:first-child) {
	display: none;
}
.mainSlider a:hover .labelInfo {
	background: rgba(0,0,0,.8);
	padding-bottom: 1em;
}
.mainSlider a .labelInfo h2 {
	font-size: 2em
}
.mainSlider a .labelInfo .date {
	font-size: 1.4em;
}
.mainSlider a.navRight, .mainSlider a.navLeft {
	position: absolute;
	width: 3.8em;
	top: 50%;
	margin-top: -1.9em;
}
.mainSlider a.navRight {
	right: 1em;
}
.mainSlider a.navLeft {
	left: 1em;
}

footer {
	background: var(--red-color);
	padding: 4.5em 0 5em;
	color: #fff;
}
footer menu {
	text-align: center;
}
footer menu a, footer menu .sep {
	display: inline-block;
	font-size: 2em;
	color: #fff;
}
footer menu .sep {
	padding: 0 .5em;
}
footer menu .sep:after {
	content: "•";
}
footer menu a {
	padding: .5em 1em;
	background: #fff;
	color: var(--red-color);
	border: 1px solid #fff;
}
footer menu a:hover, footer menu a.active {
	background: transparent;
	color: #fff;
}
footer .left, footer .right {
	width: 30%;
}
footer article {
	text-align: unset;
}
footer article img {
	float: none;
	margin: 0;
	width: 10em;
}
footer article a {
	color: #fff;
}
footer img.bee {
	width: 5.1em;
	margin-bottom:2.2em
}
footer .beesRoad {
	margin-top: .3em;
	font-size: 1.6em;
	float: none;
}
footer .social {
	margin-top: 1.5em;
}
footer .social a {
	width: 2em;
	display: inline-block;
}

#mainBody {
	min-height: 30em;
	padding: 4em 0;
}
#mainBody .mainPanel {
	width: 70%;
}
#mainBody .sidePanel {
	width: 25%;
}

#mainBody a.large {
	background: var(--grey-color);
	font: 1.6em 'medium';
	color: #fff;
	padding: .7em 0;
	text-align: center;
}
#mainBody a.large:not(:last-child) {
	margin-bottom: .3em;
}
#mainBody a.large:hover {
	background: var(--red-color);
}

#mainBody .mostRead {
	margin-top: 2em;
	background: var(--red-color);
	padding: 1em;
	color: #fff;
}
#mainBody .mostRead a {
	color: #fff;
	background-image: url(../images/most_read_icon.png);
	background-repeat: no-repeat;
	background-size: 2.1em auto;
}
#mainBody .mostRead a h2 {
	font: 1.4em 'medium';
}
#mainBody .mostRead a .date {
	font-size: 1.2em;
	margin-top: .5em;
}
#mainBody .mostRead a:not(:last-child) {
	padding-bottom: .7em;
	border-bottom: 1px solid #fff;
	margin-bottom: .7em;
}
#mainBody .mostRead a:hover h2 {
	color: #d9d9d9;
}

#mainBody .index {
	position: relative;
}
#mainBody .index a {
	width: 48%;
	margin-bottom: 2em;
	border: 2px solid var(--red-color);
	position: relative;
	overflow: hidden;
}
#mainBody .index a .imgContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-position: center;
	background-size: cover;
}
#mainBody .index a:hover .imgContainer {
	transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	-o-transform: scale(1.05,1.05);	
}
#mainBody .index a .labelInfo h2 {
	font-size: 1.6em;
}
#mainBody .index a .labelInfo .date {
	font-size: 1.2em;
}
#mainBody .index .clear {
	clear: both;
}

#mainBody .mainImage {
	border: .5em solid var(--red-color);
	position: relative;
	margin-bottom: 3em;
}
#mainBody .mainImage .labelInfo h1 {
	font-size: 2.4em;
	width: 80%;
}

.shareIcons {
	position: absolute;
	bottom: 1em;
}
.shareIcons a {
	width: 3em;
}

#inquiryBox {
	position: fixed;
	bottom: 0;
	width: 50%;
	max-width: 280px;
	min-width: 200px;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	box-shadow: 0 0 1em rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 1em rgba(0,0,0,.4);
	overflow: hidden;
	z-index: 1000;
	transition-duration: .75s;
	-webkit-transition-duration: .75s;
	-moz-transition-duration: .75s;
	-o-transition-duration: .75s;
	transform: translate(0,calc(100% - 4.2em));
	-webkit-transform: translate(0,calc(100% - 4.2em));
	-moz-transform: translate(0,calc(100% - 4.2em));
	-ms-transform: translate(0,calc(100% - 4.2em));
	-o-transform: translate(0,calc(100% - 4.2em));
}
#inquiryBox.active {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
}
#inquiryBox a.title {
	background: var(--grey-color);
	font-size: 1.4em;
	color: #fff;
	height: 3em;
	text-align: center;
}
#inquiryBox a.title:hover {
	background: #787878;
}
#inquiryBox .body {
	padding: 1em;
	padding-bottom: 10em;
	background: #fff;
}
#inquiryBox .body article {
	font-size: 1.4em;
}

#blackOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 2000;
	text-align: center;
	display: none;
}
#blackOverlay a.close {
	position: absolute;
	width: 2.5em;
	top: 3em;
	right: 3em;
}
#blackOverlay a.close:hover {
	transform: rotate(180deg);
}
#blackOverlay iframe {
	width: 80em;
	height: 40em;
	max-width: 90%;
	margin: 0 auto;
}



@media screen and (max-width:1024px) {
	body {
		font-size: 8px;
	}
	nav {
		height: 5em;	
	}
	nav .mainMenu {
		position: absolute;
		top: 100%;
		width: 110%;
		background: #fff;
		box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,.4);
		transition: transform 1s;
		-webkit-transition: transform 1s;
		-moz-transition: transform 1s;
		-o-transition: transform 1s;
	}
	nav .mainMenu.active {
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);	
	}
	nav .mainMenu>ul>li {
		border-bottom: 1px solid var(--red-color);
	}
	nav .mainMenu>ul>li:nth-last-child(2) {
		border-bottom: none;
	}
	nav .mainMenu ul li a {
		text-align: center;
	}
	nav a.mobileNav {
		display: block;
	}
}

@media screen and (max-width:768px) {
	footer menu a {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0 .5em;
	}
	#mainBody .mainPanel, #mainBody .sidePanel {
		width: auto;
	}
	#mainBody .sidePanel {
		max-width: 450px;
		margin: 4em auto 0;
	}
}

@media screen and (max-width:425px) {
	.inputContainer .half, footer .left, footer .right {
		width: auto;
	}
	footer {
		text-align: center;
	}
	footer img.bee {
		display: inline-block;
	}
	#mainBody .index a {
		width: auto;	
	}
	header .hammer {
		display: none;
	}
	footer .left, footer .right, footer article {
		text-align: center;
	}
	footer article img {
		margin: 0 auto;
	}
	footer .right {
		margin-top: 2em;
	}
}