/* CSS Reset *//**********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
img{vertical-align:text-bottom}

/* Global *//**********************************************************/
body { margin: 0px; padding: 0px; font-size:15px; position:relative; color:#333; font-family:"Trebuchet MS", Verdana, Calibri, Helvetica, Arial, sans-serif; background-color:#3A3A3A;/*-webkit-font-smoothing: subpixel-antialiased;*/}
a{ color:#444; text-decoration:none}
.page{position:relative;}
.clear{	clear:both;}
.siteInside{ width:1200px; box-sizing:border-box; margin:0 auto}

/* Header *//**********************************************************/
.header{ height:130px; width:100%; position:absolute; z-index:100; background-color:#fff; box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
.topArea{ height:30px; width:100%; background-color:#D6D6D6}
.header .siteInside{ padding: 0 30px; position:relative;}
.header .title{ text-align:center; line-height:100px; font-size:29px;}
.header .logo{ position:absolute; left:0; padding: 0 0 0 30px}
.header .menuBtn{ position:absolute; right:0}
.header .logo img, .header .menuBtn img { height:100px;}
.header .menuOpen, .header .menuClose{ display:none}
.header .menuOpen.on, .header .menuClose.on{ display:block}

/* menuArea *//********************************************************/
.menuArea {background-color:rgba(0,0,0,0.8); width:100%; height: 100%; z-index:90; position:absolute; max-height:0%; transition: max-height 0.5s; padding:130px 0 0; box-sizing:border-box; overflow:hidden}
.menuArea.on{max-height:100%}
.menuArea h2{ color:#fff; font-size:50px; padding:0 0 30px}

.downloadArea, .topicArea{ float:left; width:50%; height:460px;box-sizing:border-box; margin:50px 0 ; padding:0 30px; overflow:hidden  }
.downloadArea{ border-right:1px solid #fff;}
.downloadBtn > a, .downloadBtn > div  { width:150px; height:150px; line-height:150px; border-radius:10px; text-align:center; margin:0 20px 20px 0; padding:0 20px; box-sizing:border-box; float:left;}
.downloadBtn > a{background-color:#FF9415; color:#fff}
.downloadBtn > div{background-color:#414141;}
.downloadBtn span{ line-height:normal; display:inline-block; vertical-align:middle}
.downloadBtn .space{ height:1px; background-color:transparent}
.topicArea{ border-left:1px solid #fff}
.topicArea a{color:#fff}
.topicArea a.current{color:#99FF00}
.topicArea ul{}
.topicArea ul li{ font-size:20px;line-height:22px;margin-bottom:15px;padding-left:20px }
.topicArea ul li::before{float:left; margin-left:-20px; content: "• ";color: #fff;}

.menuBtnArea {text-align:right; padding:0 30px}
.menuBtnArea a{ display:inline-block; background-color:#119193; color:#fff; text-align:center; line-height:40px; padding:0 20px; min-width:120px; border-radius: 10px; font-weight:bold}

/* Main *//********************************************************/

.main{ background-color:#eee; padding-bottom:30px}
.video iframe{width:1200px; height:675px}

/* Blank Area *//********************************************************/

.blankArea{ background-color:#fff; min-height:180px; width:100%; position:relative}
.blankArea .siteInside { padding:0 30px}
.frontBtnArea { text-align:right; transform:translate(0,-20px)}
.frontBtnArea a{ display:inline-block; background-color:#FF9415; color:#fff; text-align:center; line-height:40px; padding:0 20px; min-width:120px; border-radius: 10px; font-weight:bold}

/* Footer *//********************************************************/

.footer{ background-color:#3A3A3A; color:#fff;  line-height:40px}
.footer .siteInside { padding:0 30px}
.footer .copyright{float:left;}
.footer .irasiaLogo{float:right}
.footer .irasiaLogo img{ height:16px}


/* Main *//******************************************************** /
.header .logo
{
	float:left;
	font-size:18px;
	font-weight:bold;
}

.header .menuBtn
{
	float:right;
}

.header .menuBtn img
{
	height:28px;
}

/******************************************************** /

.menuBg
{
	width:inherit;
	height:100vh;
	position:absolute;
	background-color:#666;
	z-index:99;
	opacity:0.7;
	top:0;
	display:none;
}

.menuBg.on
{
	display:block;
}

.menuArea
{
	position:absolute;
	height:100vh;
	width:240px;
	top:0;
	right:0;
	background-color:#f5f5f5;
	z-index:100;
	display:none;
}

.menuArea.on
{
	display:block;
}

.menuArea h2
{
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	border-bottom:1px solid #333;
	padding:8px 10px;
	margin:0;
}

.menuArea .menuItem
{
	display:block;
	padding:10px 10px;
	font-size:16px;
	color:#444;
}

.menuClose
{
	float:right;
	margin:8px 10px 0 0;
}

.menuClose img
{
	height:28px;
}

#sliderContainer
{
	margin-top:5px;
	height:15px;
	width:100%%;
}

/******************************************************** /