/* CSS Document */

@font-face {
    font-family: 'microsoft_sans_serifregular';
    src: url('fonts/micross-webfont.eot');
    src: url('fonts/micross-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/micross-webfont.woff') format('woff'),
         url('fonts/micross-webfont.ttf') format('truetype'),
         url('fonts/micross-webfont.svg#microsoft_sans_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'segoe_ui_8bold';
    src: url('fonts/segoeuib-webfont.eot');
    src: url('fonts/segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuib-webfont.woff') format('woff'),
         url('fonts/segoeuib-webfont.ttf') format('truetype'),
         url('fonts/segoeuib-webfont.svg#segoe_ui_8bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'segoe_uisemilight';
    src: url('fonts/segoeuisl-webfont.eot');
    src: url('fonts/segoeuisl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeuisl-webfont.woff') format('woff'),
         url('fonts/segoeuisl-webfont.ttf') format('truetype'),
         url('fonts/segoeuisl-webfont.svg#segoe_uisemilight') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
	padding:0;
	margin:0;
	list-style:none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#F3F4F4;
	font-size:100%;
	color:#000;
	line-height:100%;
	font-style:normal;
	font-weight:normal;
}
input { background:none; border:0 none; outline:none; }
table {
	border:0 none;
	border-collapse:collapse;
	border-spacing:0;
}
td { vertical-align:top; }
img	{ border:0 none; max-width:100%; }
a	{ outline:none; cursor:pointer; }
.left	{ float:left; }
.right	{ float:right; }
.clear { clear:both; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.text_center { text-align:center; }
.text-justify { text-align:justify; }
.clearfix {
	clear:both;
	/*content:" "; never use this property error in opera*/
	display:block;
	font-size:inherit;
	height:0;
	line-height:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block;
}

/**************** Header ****************/
#wrapper{
max-width:1280px;
width:100%;
margin:0 auto;
height:auto;
}

.clear{
clear:both;
}

#header{
/*width:225px;*/
height:auto;
float:left;
background:#FE0000;
height:800px;
width:17.5%;
}

#header #section, #header .copy{
display:none;
}

#section{
float:left;
/* background:url(../images/section_bg.jpg) no-repeat 0 0;*/
/*width:1055px;*/
height:800px;
width:82.5%;
position:relative;
/*background-size:100% 800px;*/
}

.logo{
text-align:center;
width:152px;
height:118px;
margin:37px auto 22px;
padding:0;
}


#header p{
font-family: 'microsoft_sans_serifregular';
font-family: 'Arimo', sans-serif;
letter-spacing:1px;
font-size:12px;
color:#fff;
font-weight:bold;
line-height:100%;
margin:0;
padding:0;
text-align:center;
}


.slogan{
/*font-family: 'segoe_uisemilight';*/
font-family: 'Noto Sans', sans-serif;
text-align:center;
line-height:150%;
font-size:14px;
color:#fff;
font-weight:bold;
font-weight:normal;
margin:49px auto 237px;
width:100%;
}


.address{
/*font-family: 'segoe_uisemilight';*/
font-family: 'Noto Sans', sans-serif;
line-height:120%;
font-size:14px;
color:#fff;
/*font-weight:bold;*/
font-weight:normal;
margin:0 auto;
width:100%;
text-align:left;
width:145px;
}

#header .address p , #header .address a {
/*font-family: 'segoe_uisemilight';*/
font-family: 'Noto Sans', sans-serif;
line-height:120%;
font-size:14px;
color:#fff;
/*font-weight:bold;*/
font-weight:normal;
text-align:left;
margin:34px 0 0 0;
text-decoration:none;
letter-spacing:0;
}
#header .address a:hover {
	text-decoration:underline;
}
.address p{
margin:38px 0 0 0;	
}


#section p{
line-height:118%;
font-size:13px;
color:#352CA9;
font-weight:bold;
margin:0;
padding:0;
display:none;
/*font-family: 'segoe_uisemilight';*/
font-family: 'Noto Sans', sans-serif;
/*font-weight:normal;*/
font-weight: bold;
text-align:left;
z-index:999;
}





.girl{
float:left;
width:155px;
height:215px;
background:url(../images/tra.png) repeat 0 0;
margin:0;
border-radius:85px 65px 0 0;
cursor:pointer;
position:absolute;
left:195px;
top:275px;
z-index:9999;
}



#section .girl p{
/*width:225px;*/
width: 200px;
position:absolute;
top:-66px;
left:-162px;
}


#section  .girl:hover p{
display:block;
z-index:99999;
}

.uncle{
float:left;
/*margin:155px 0 0 -20px;*/
width:165px;
height:230px;
background:url(../images/tra.png) repeat 0 0;
cursor:pointer;
border-radius:100px 60px 100px 80px;
position:relative;
position:absolute;
top:155px;
left:325px;
}

#section .uncle p{
width:290px;
position:absolute;
top:-102px;
left:-178px;
line-height:116%;
}


#section .uncle:hover p{
display:block;
}

.aunty{
float:left;
/*margin:110px 0 0 0px;*/
width:168px;
height:232px;
cursor:pointer;
border-radius:76px 110px 60px 125px;
position:absolute;
top:110px;
left:485px;
background:url(../images/tra.png) repeat 0 0;
}

#section .aunty p{
width:290px;
position:absolute;
top:-78px;
left:121px;
}

#section .aunty:hover p{
display:block;
}



.boy{
float:left;
/*margin:178px 0 0 0px;*/
width:195px;
height:230px;
cursor:pointer;
border-radius:83px 110px 105px 75px;
position:absolute;
top:178px;
left:650px;
background:url(../images/tra.png) repeat 0 0;
}

#section .boy p{
width:200px;
position:absolute;
top:-23px;
left:177px;
}

#section .boy:hover p{
display:block;
}


.copy{
background:url(../images/copy.png) no-repeat 0 0;
width:210px;
padding:0 0 0 26px;
position:absolute;
bottom:40px;
margin:0 auto;
left:430px;
line-height:130%;
font-size:14px;
color:#fff;
/*font-weight:bold;*/
font-weight:normal;
/*font-family: 'segoe_uisemilight';*/
font-family: 'Noto Sans', sans-serif;
}
#section .uncle p.uncle-p2 {
	display:none;
}
#section .uncle:hover p.uncle-p2 {
	display:none;
}
#section .uncle p.uncle-p3 {
	display:none;
}
#section .uncle:hover p.uncle-p3 {
	display:none;
}
/**************** Close ****************/









/**************** Content ****************/






/**************** Close ****************/













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


/**************** Close ****************/