@charset "UTF-8";
/* CSS Document */

body {
    background-color: #191919;
	font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size:13px;
	font-weight: 400;
	line-height:18px;
	color:#000;
}
a:link {
	color: #ffc000;
	text-decoration: none;
}
a:visited {
	color: #ffc000;
	text-decoration: none;
}
a:hover {
	color: #ff9c00;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #ffc000;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

sub{ font-size: 11px; color: #898989; padding-left: 3px}
#wrapper {
	width:946px;
	margin:0 auto;
}
#header{
	height:686px;
	background:#000 url(../img/edm_banner01.jpg) no-repeat 0 0;
	position:relative;
}
#header a{
	display: inline-block;
}
div p{ line-height: 1.5em}
div b{ color: #000000; font-size: 16px; padding-bottom: 5px; display: inline-block;}

/*.logo{
	width: 135px;
	height: 50px;
	top: 30px;
	left: 30px;
	position: absolute;
	z-index: 98;
}*/
.mhlconsortium{
	width: 140px;
height: 21px;
top: 448px;
left: 427px;
position: absolute;
z-index: 98;
	}
.txtstyle, .pd_link a{ font-family:Calibri; font-size:14px; color:#fff !important; line-height:1.3em; text-align:left !important}
.pd_link a:hover{
	color: #ff9c00 !important
}
.title{
	font-family: Calibri;
	font-size:23px;
	color: #00a7fe;
	text-align: left;
}
.header_txt1{
	position: absolute;
	left: 112px;
  width: 720px;
	color:#b27e35 !important;
	top:590px;
	text-align:center !important;
}
.title_01{
	position: absolute;
	left: 42px;
	top: 633px;
	width: 858px;
	text-align: center;
}
/* fourpoint */
#fourpoint{
	width: 100%;
	height: 70px;
	background:#000 url(../img/edm_4_bk.jpg) no-repeat 0 0;
}
#fourpoint a{
	display: inline-block;
	width: 236px;
	height: 21px;
	float: left;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 4px 0;
	padding: 12px 0 28px;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	 text-shadow: 3px 3px 8px rgba(0%,0%,0%,0.1);
}
#fourpoint a:hover{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	font-size: 26px;
	text-shadow: 3px 3px 8px rgba(0%,0%,0%,0.8);
}
#fourpoint a span{
	font-size: 16px;
	font-weight: normal;
	position: relative;
	top: 5px;
}
#fourpoint a.f_a01{
	background:#000 url(../img/edm_4_a.jpg) no-repeat 0 0;
	color: #ff0000;
	padding-left: 1px;
}
#fourpoint a.f_a01:hover{
	background:#000 url(../img/edm_4_a_h.jpg) no-repeat 0 0;
}
#fourpoint a.f_a02{
	background:#000 url(../img/edm_4_b.jpg) no-repeat 0 0;
	color: #00a0ff;
}
#fourpoint a.f_a02:hover{
	background:#000 url(../img/edm_4_b_h.jpg) no-repeat 0 0;
}
#fourpoint a.f_a03{
	background:#000 url(../img/edm_4_c.jpg) no-repeat 0 0;
	color: #ccff00;
}
#fourpoint a.f_a03:hover{
	background:#000 url(../img/edm_4_c_h.jpg) no-repeat 0 0;
}
#fourpoint a.f_a04{
	background:#000 url(../img/edm_4_d.jpg) no-repeat 0 0;
	color: #ffc000;
}
#fourpoint a.f_a04:hover{
	background:#000 url(../img/edm_4_d_h.jpg) no-repeat 0 0;
}
a.find_out_more{
	display: inline-block;
	float: left;
	width: 112px;
	height: 32px;
	background: url(../img/find_out_more.png) no-repeat 0 0;
	margin: 10px 0;
}
/*---sub01--- */
#sub01{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic01.jpg) no-repeat 0 0;
	width:946px;
	height:795px;
	}
#sub01 .txtstyle{
	position: absolute;
}
.sub01_txt1{
	left: 31px;
	width: 515px;
	top:170px;
	font-size:18px;
	}
.sub01_txt2{
	left: 165px;
	width: 335px;
	top:282px;
	}
.sub01_txt3{
	left: 165px;
	width: 335px;
	top:392px;
	}
.sub01_txt4{
	left: 165px;
	width: 335px;
	top:503px;
	}
.sub01_txt5{
	left: 165px;
	width: 335px;
	top:618px;
	}
#sub01 .spec_box{
  width: 335px;
  position: absolute;
  right: 30px;
  top: 523px;
}
#sub01 .spec_table tr td.sub-t{
	width: 105px;
}
/*---sub02--- */
#sub02{
	width:946px;
	margin:0 auto;
	position:relative;
	height:261px;
	background: #000 url(../img/pic02.jpg) no-repeat 0 0;
	}

#sub02 .wtb a {
	background-color: #e40001;
	border-radius: 10px;
	padding: 4px 10px 5px;
	box-shadow: 0px 1px 10px #000; }

.sub02_txt1{
	position: absolute;
	top:91px;
	left:486px;
	width:418px;
	}
#sub02 ul{
	position: relative;
	margin-top: 5px;
}
#sub02 ul li{
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 6px;
	float: left;
	width: 50%;
}
/*---sub03--- */
#sub03{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic03.jpg) no-repeat 0 0;
	width:946px;
	height:768px;
	}



#sub03 .txtstyle{
	position: absolute;
}
.sub03_txt1{
	left: 489px;
	width: 431px;
	top:163px;
	font-size:16px;
	}
.sub03_txt2{
	left: 618px;
	width: 300px;
	top:260px;
	}
.sub03_txt3{
	left: 618px;
	width: 300px;
	top:372px;
	}
.sub03_txt4{
	left: 618px;
	width: 300px;
	top:476px;
	}
.sub03_txt5{
	left: 618px;
	width: 300px;
	top:581px;
	}
#sub03 .spec_box{
  width: 335px;
  position: absolute;
  top: 550px;
  left: 78px;
}
#sub03 .spec_table tr td.sub-t{
	width: 105px;
}
/*---sub04--- */
#sub04{
	width:946px;
	margin:0 auto;
	position:relative;
	height:281px;
	background: #000 url(../img/pic04.jpg) no-repeat 0 0;
	}

#sub04 .wtb a {
	background-color: #00a0ff;
	border-radius: 10px;
	padding: 4px 10px 5px;
	box-shadow: 0px 1px 10px #000; }

.sub04_txt1{
	position: absolute;
	top:84px;
	left:486px;
	width:418px;
	}
#sub04 ul{
	position: relative;
	margin-top: 5px;
}
#sub04 ul li{
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 6px;
	float: left;
	width: 50%;
}
/*---sub05--- */
#sub05{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic05.jpg) no-repeat 0 0;
	width:946px;
	height:615px;
	}
#sub05 .txtstyle{
	position: absolute;
}
.sub05_txt1{
	left: 618px;
	width: 305px;
	top:218px;
	font-size:16px;
	}
.sub05_txt2{
	left: 618px;
	width: 305px;
	top:325px;
	}
.sub05_txt3{
	left: 736px;
	width: 182px;
	top:450px;
	}
/*---sub06--- */
#sub06{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic06.jpg) no-repeat 0 0;
	width:946px;
	height:402px;
	}

#sub06 .wtb a {
	background-color: #e4ff00;
	border-radius: 10px;
	padding: 4px 10px 5px;
	box-shadow: 0px 1px 10px #000;
	color: #000; }

#sub06 .spec_box_a{
  width: 262px;
  position: absolute;
  top: 35px;
  left: 42px;
}
#sub06 .spec_box_b{
  width: 265px;
  position: absolute;
  top: 35px;
  left: 496px;
}
#sub06 .spec_table tr td.sub-t{
	width: 88px;
}
#sub06 .spec_box_a a.find_out_more{
	position: absolute;
	right: -135px;
	margin: 0;
	top: 175px;
}
#sub06 .spec_box_b a.find_out_more{
	position: absolute;
	right: -135px;
	margin: 0;
	top: 175px;
}
/*---sub07--- */
#sub07{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic07.jpg) no-repeat 0 0;
	width:946px;
	height:630px;
	}
#sub07 .txtstyle{
	position: absolute;
}
.sub07_txt1{
	left: 618px;
	width: 305px;
	top:218px;
	font-size:16px;
	}
.sub07_txt2{
	left: 736px;
	width: 182px;
	top:325px;
	}
.sub07_txt3{
	left: 736px;
	width: 182px;
	top:480px;
	}
/*---sub06--- */
#sub08{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic08.jpg) no-repeat 0 0;
	width:946px;
	height:380px;
	}

#sub08 .wtb a {
	background-color: #ff9600;
	border-radius: 10px;
	padding: 4px 10px 5px;
	box-shadow: 0px 1px 10px #000;
	color: #000; }

#sub08 .spec_box_a{
  width: 262px;
  position: absolute;
  top: 35px;
  left: 42px;
}
#sub08 .spec_box_b{
  width: 265px;
  position: absolute;
  top: 35px;
  left: 496px;
}
#sub08 .spec_box_c{
  width: 262px;
  position: absolute;
  top: 320px;
  left: 42px;
}
#sub08 .spec_box_d{
  width: 265px;
  position: absolute;
  top: 320px;
  left: 496px;
}
#sub08 .spec_table tr td.sub-t{
	width: 88px;
}
#sub08 .spec_box_a a{
	position: absolute;
	right: -140px;
	margin: 0;
	top: 168px;
}
#sub08 .spec_box_b a{
	position: absolute;
	right: -140px;
	margin: 0;
	top: 168px;
}
#sub08 .spec_box_c a{
	position: absolute;
	right: -140px;
	margin: 0;
	top: 168px;
}
#sub08 .spec_box_d a{
	position: absolute;
	right: -140px;
	margin: 0;
	top: 168px;
}
/*---spec--- */
.spec_table_sub{
	position:absolute;
	top:370px;
	width:300px;
	padding:30px;
	left:533px;
}
.spec_table tr th{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px #333333 solid;
	padding-bottom:5px;
	font-family:Calibri;
	color:#00a7fe;
	
}
.spec_table tr td{
	border-bottom: 1px #333333 solid;
	text-align: left;
	font-size: 12px;
	color: #b2b2b2;
	padding: 0;
	font-family: Calibri;
}
.spec_table tr td.sub-t{
	text-align: left;
	font-weight: bold;
	color: #b2b2b2;
}
.even{ background: #e7e7e7;}
.bdrnone{
	border-right: none !important; 
}
.txtcolor{color: #5b5b5b}
#footer {
    clear:both;
    _height:1%;
    margin:0 auto;
    width:946px;
    height:60px;
	text-align:center;
	padding-top:45px;
	padding-bottom:50px;
	background:#000;
}
/* Back to Top*/
a.backtotop{
	display: inline-block;
	width: 118px;
	height: 52px;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	background: url(../img/backtotop.png) no-repeat 0 0;
	right: 30px;
}

.wtb{
	display: inline-block;
	height: 30px;
	position: absolute;
	bottom: 13px;
	left: 30px;
	color: #FFF;
}

.wtb a { color: #FFF; text-decoration: none; margin-left: 10px; }
.wtb a:hover { color: #FFF; text-decoration: underline; }
