@charset "utf-8";


*{
	margin: 0;
	padding: 0;
	font-weight:normal;
}

body{
	font-size: 13px !important;
	background-color: #91d2ff;
}

html{
	height:100%;
	background:#000;
}


img {
  border: 0;
	vertical-align: top;
	outline:none;
}
li {
	list-style-type: none;
}
/*a {
	color:#000;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#005b26;
	text-decoration:underline;
	outline:none;
}*/


/*clearfix*/
.clearfix {
display: block;
	zoom: 1;
	clear: both;
}
.clearfix:after {
	content: "";
	line-height: 0;
	display: block;
	clear: both;
}
* html .clearfix {	display: inline-block;	}
*:first-child+html .clearfix {	display: inline-block;	}
* html .clearfix {	height: 1%;	}



.pre{position:relative;}
.disn{ display:none;}
.disb{ display:block;}

.fl { float: left;}
.fr { float: right;}

.tal { text-align: left;}
.tar { text-align: right;}
.tac { text-align: center;}

.mt00 { margin-top: 0px !important;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}

.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb1e { margin-bottom: 1em;}
.mb2e { margin-bottom: 2em;}

.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}

.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}

.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}

.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}


.font70 { font-size: 70%;}
.font80 { font-size: 80%;}
.font90 { font-size: 90%;}
.font100 { font-size: 100%;}
.font120 { font-size: 120%;}
.font130 { font-size: 130%;}
.font140 { font-size: 140%;}
.font150 { font-size: 150%;}
.font160 { font-size: 160%;}



.hrTop{ background:url(/images/line.jpg) repeat-x top}
.hrBottom{}


.bold{ font-weight:bold;}
a.ov:hover {opacity:0.8; filter: alpha(opacity=80);}
.coSub{ color:#666;}





/*---------------------------- *** ---------------------------*/

.mainimg {
	background: #000;
}

.mainimg_container{
	max-width: 650px;
	margin: 0 auto 100px auto;
}


.mainimg_slider img {
	max-width: 100%;
}

.mainimg_grid > ol {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mainimg_grid > ol > li {
    max-width: 50%;
}

.mainimg_logo{
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 36px;
    width: auto;
    max-width: 180px;
}

#top , #recruitPage {
	line-height: 1.4;
	font-size: 13px;
	color: #000;
	min-width: 800px;
}


#investPage , #contactPage , #linkPage , #policyPage , #privacyPage {
	line-height: 1.4;
	font-size: 13px;
	color: #000;
	min-width: 800px;
	height:100%;
}



#topwrapp{
	background-color: #000000;
	font-size:100%;
	height:100%;
	line-height: 1.4;
}

#wrapp{
	background: url("/images/body_bg.jpg") repeat-y scroll 0 0 #000000;
	font-size:100%;
	min-height: 100%;
	line-height: 1.4;
}

#bodyBox{
	text-align:left;
	width:1045px;
}

/*--- side ---*/
#side{
	width:224px;
	float:left;
	padding-top:50px;
	padding-left:36px;
}
#side h1{
	margin-bottom:45px;
}
.side_logo{
	max-width: 180px;
}


/*--- menu ---*/
#menu{
	list-style:none;
}
#menu li{
}

#menu li a{
	height:15px;
	display:block;
	margin-bottom:20px;
}
/**
#menu #m002 a {
	height:33px;
	display:block;
	margin-bottom:20px;
}
**/

#menu li a span{
	display:none;
}

#menu li ul#submenu {
	list-style:none;
	margin-bottom: 23px;
	padding-left: 18px;
}

#menu li ul#submenu li a {
	background:url(/images/side_arrow.gif) 0 6px no-repeat;
	height: 18px;
	display: block;
	margin-bottom: 4px;
	padding-left: 11px;
	font-size: 12px;
	color: #cecece;
	text-decoration: none;
}

#menu li ul#submenu li a:hover {
	color: #c5ae8a;
}




/*--- header ---*/
#mainimg{
}
#bread{
	background:url(/images/bread_bg.gif) repeat;
	font-size:10px;
	line-height:100%;
	padding:10px 10px;
	color:#d3d3d3;
	text-align: right;
}
#bread a{
	color:#d3d3d3;
	font-size:10px;
}
#bread a:hover{
	color:#d3d3d3;
	text-decoration:none;
}





/*--- content ---*/
#content{
	width:764px;
	float:right;
	text-align:left;
}






/*--- page content ---*/
#pageContent{
	background:#fff;
	padding: 15px 40px 40px;
	min-height:338px;
}

.h3Img{
	margin-bottom:20px;
}

.contentBox{
	width:684px;
}
.contentBoxL{
	padding-bottom:40px;
	width:680px;
}

.pagetop{
	text-align:right;
	position:relative;
	padding-top:20px;
}
.pagetop a{
	background:url(/images/pagetop01.gif) no-repeat;
	width:72px;
	height:9px;
	position:absolute;
	right:0;
	display:block;
}
.pagetop a span{
	display:none;
}



#content h3 {
    color: #393939;
    display: block;
    font-size: 14px;
    line-height: 140%;
    margin: 0 0 20px;
    padding: 1px;
    text-align: left;
}


/* link */
div.cornerttl a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EFEFEF #EFEFEF #EFEFEF #CFCFCF;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    display: block;
    margin: 0;
    padding: 2px;
    width: 95%;
    color: #009900;
    text-decoration: underline;
}

div.cornerttl a:hover {
    background-color: #DDFFDD;
    border-color: #00CC00;
    color: #0000CC;
    text-decoration: none;
}

div.cornerexpo {
    border-left: 3px solid #CFCFCF;
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 140%;
    margin: 0 0 20px;
    padding: 2px;
    width: 95%;
}

.contentBox ol{
	width:590px;
	margin: 18px auto;
}

.contentBox ol li {
    list-style-type: decimal;
}

/*--- footer ---*/


#footerPagetop{
	text-align:right;
	position:relative;
	background:#fff;
	height:21px;
	margin-bottom:20px;
}
#footerPagetop a{
	background:url(/images/pagetop02.gif) no-repeat;
	width:95px;
	height:21px;
	position:absolute;
	right:23px;
	display:block;
}
#footerPagetop a span{
	display:none;
}


.Pagetop{
	text-align:right;
	position:relative;
	background:#fff;
	height:21px;
	margin-bottom:20px;
}
.Pagetop a{
	background:url(/images/pagetop01.gif) no-repeat;
	width:72px;
	height:21px;
	position:absolute;
	right:0px;
	display:block;
}

.Pagetop a span{
	display:none;
}


#footerText{
	color:#bbb;
	margin: 30px auto 15px;
}

#topfooterText{
	color:#bbb;
	margin: 30px auto 15px;
	width: 1028px;
}

#footerLink{
	text-align:right;
	font-size:100%;
}
#footerLink a{
	color:#bbb;
	text-decoration:none;
}
#footerLink a:hover{
	text-decoration:underline;
}

#footerMenu{
	background:#fff;
	list-style:none;
	padding:10px 20px;
	margin-bottom:20px;
}
#footerMenu li{
	float:left;
	background:url(/images/footer_icon.gif) no-repeat left 7px;
	padding-left:8px;
	margin-right:20px;
	font-size:12px;
}
#footerMenu li a{
	text-decoration:none;
	color:#333;
}
#footerMenu li a:hover{
	text-decoration:underline;
}

address{
	font-style:normal;
	text-align:right;
	color:#5a5a5a;
	font-size:90%;
}

#top address{
	font-style:normal;
	text-align:right;
	color:#5a5a5a;
	font-size:90%;
}


.inputText{
	padding:3px;
}
.inputS{
	width:150px;
}
.inputM{
	width:300px;
}
.inputL{
	width:95%;
}
.inputRadio{
	margin-right:2px;
}
.formLabel{
	margin-right:0.8em;
	white-space:nowrap;
}
.formTextarea{
	width:100%;
}



/* recruit */

.re {
	border-bottom: 1px solid #D3D3D3;
    margin: 10px 0;
    padding: 4px 6px;