@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'GothamBook';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
	     url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Airstrike';
  src: url('fonts/Airstrike.eot?#iefix') format('embedded-opentype'),  url('fonts/Airstrike.woff') format('woff'), url('fonts/Airstrike.ttf')  format('truetype'), url('fonts/Airstrike.svg#Airstrike') format('svg');
  font-weight: normal;
  font-style: normal;
}

.h2-war{ font-family: 'Airstrike' ; font-size: 30px;  color:#ffffff;} 




/* CSS Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0;font-family:Arial, "Microsoft YaHei", "SimSun"; }
h1,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 12px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table.fixed { table-layout: fixed; }
td { vertical-align: top; }



.p4sub { color:#FFFFFF; background-color:#9E76B4; padding:3px;}

.p5sub { color:#FFFFFF; background-color:#662d91; padding:3px;}
.p5sub2  { color:#ff7200; }

h2{
 font-size: 24px; font-weight: bolder; color:#547c3f;
}
h3{
 font-size: 21px; font-weight: bolder; color:#F7941E;
}
h4{
 font-size: 18px; font-weight: bolder; color:#9E76B4;
}

h6{
 font-size: 18px; font-weight: bolder; color:#e87000;
}


h4{
 font-size: 18px; font-weight: bolder; color:#9E76B4;
}

.headerp4{
 font-size: 18px; font-weight: bolder; color:#ef4136;
}

.h2p5 {
	font-size: 24px; font-weight: bolder; color: #65318f;
}

body{ background-color: #ffd9e4; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: 1.8em; padding-bottom: 55px; text-align:left; }

img { border:none; display: block; }
a { border:none; outline:none; color:#000000; text-decoration: none; } 

#content-ironman p {color:#FFFFFF; line-height: 1.8em; font-weight:100; font-family: sans-serif; font-size:16px;    letter-spacing: 1.1px;}

p a { border:none; outline:none; color:#ffc222; text-decoration: none; } 
.bk { border:none; outline:none; color:#000000; text-decoration: none; } 

.bluelink { border:none; outline:none; color:#2377ba; text-decoration: none; } 


.fLeft{float:left; position: relative; left: -25px;}
.fCenter{margin-right: 0px; position: relative; left: -13px; }

.fCenter img{margin: auto;}

.fRight{float:right;  position: relative; left: 25px;}
.figure{padding-bottom:0px;}

.fStar{margin-right: 0px; position: relative; left: -15px; }
.fp4Center{margin-right: 0px; position: relative; left: 30px; }


.vCenter{margin-right: 0px; position: relative;  text-align:center; }



.fLeft-war{float:left; position: relative; left: 0px; padding-right: 25px;}
.fCenter-war{margin-right: 0px; position: relative; left: 0px; }
.fRight-war{float:right;  position: relative; left: 25px; margin-right:25px;}



#bg-shadow { /* background-image: url(../../images/bg_shadow.png); background-repeat: no-repeat; background-position: center top; position: absolute; height: 800px; width: 100%; left: 0px; top: 0px; */}
 #container {/*  background-color: #0a67ac; background-repeat: no-repeat; background-position: center bottom;  width: 924px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; -moz-box-shadow: 0px 3px 11px #000000; -webkit-box-shadow: 0px 3px 11px #000000; box-shadow: 0px 3px 11px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);*/ }
#header { background-image: url(../../images/header.png); background-repeat: no-repeat; height: 385px; width: 956px; position: absolute; left: 0px; top: -23px; }

#container {background-image: url(../../images/bg.jpg); background-repeat: repeat-y;  background-position: top;  width: 926px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; padding-bottom: 50px;     margin-bottom: 0; }



#container-ironman {background-image: url(../../images/container_bg.jpg); background-repeat: repeat-y;  background-position: center bottom;  width: 926px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; padding-bottom: 50px;     margin-bottom: -55px; }
#header-ironman { background-image: url(../../images/header_ironman.jpg); background-repeat: no-repeat; height: 367px; width: 956px; position: absolute; left: 0px; top: 0px; }
#header-ironman2 { background-image: url(../../images/header_ironman2.jpg); background-repeat: no-repeat; height: 367px; width: 956px; position: absolute; left: 0px; top: 0px; }


#content-container { width: 904px; position: relative; float:left; margin-right:4px; margin-top:-23px; /*padding-top:200px; */}
#content-container-ironman { width: 906px; position: relative; float:left; margin-right:4px; left: 1px; margin-top:-23px; }

#nav { margin-left:10px; height: 70px; width: 910px; margin-bottom: -1px; /* background:url(../../images/bg_content_top.png) no-repeat 0px 10px;*/}
#nav ul{ margin-left:7px; }
#nav ul li { background: url(../../images/nav.jpg) no-repeat left top;float: left; height: 82px; width:275px; }


#nav-ironman { margin-left:10px; height: 70px; width: 910px; margin-bottom: 24px; /* background:url(../../images/bg_content_top.png) no-repeat 0px 10px;*/}
#nav-ironman ul{ margin-left:7px; }
#nav-ironman ul li { background: url(../../images/nav_ironman.jpg) no-repeat left top;float: left; height: 82px; width:275px; }

/* #nav ul li:hover ,#nav ul li.current{ background: url(../../images/nav_hover.png) no-repeat left top;float: left; height: 82px; } */

#nav ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px;  margin-right:-24px; margin-top:-2px;  margin-left:-4px;
}

#nav ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-15px; margin-top:-2px;  margin-left:-9px;
}

#nav ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-13px; margin-top:-2px;  margin-left:-12px;
}

#nav ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-11px; margin-top:-2px;  margin-left:-13px;
}

#nav ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px;  margin-right:-2px; margin-top:-2px;  margin-left:-25px;
}



#nav ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px; margin-top:-2px;  margin-right:-24px;  margin-left:-4px; z-index: 900!important; position:relative;}

#nav ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-15px;  margin-left:-9px; z-index: 900!important; position:relative;}

#nav ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-13px;  margin-left:-12px; z-index: 900!important; position:relative;}

#nav ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-11px;  margin-left:-13px; z-index: 900!important; position:relative;}

#nav ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px; margin-top:-2px;  margin-right:-2px;  margin-left:-25px; z-index: 900!important; position:relative;}





#nav-ironman ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px;  margin-right:-24px; margin-top:-2px;  margin-left:-4px;
}

#nav-ironman ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-15px; margin-top:-2px;  margin-left:-9px;
}

#nav-ironman ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-13px; margin-top:-2px;  margin-left:-12px;
}

#nav-ironman ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-11px; margin-top:-2px;  margin-left:-13px;
}

#nav-ironman ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px;  margin-right:-2px; margin-top:-2px;  margin-left:-23px;
}



#nav-ironman ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px; margin-top:-2px;  margin-right:-24px;  margin-left:-4px; z-index: 900!important; position:relative;}

#nav-ironman ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-15px;  margin-left:-9px; z-index: 900!important; position:relative;}

#nav-ironman ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-13px;  margin-left:-12px; z-index: 900!important; position:relative;}

#nav-ironman ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-11px;  margin-left:-13px; z-index: 900!important; position:relative;}

#nav-ironman ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px; margin-top:-2px;  margin-right:-2px;  margin-left:-25px; z-index: 900!important; position:relative;}




#nav ul li:hover {z-index: 999!important; position:relative;} 
#nav-ironman ul li:hover {z-index: 999!important; position:relative;} 




#nav ul li a { text-indent: -99999px; display: block; float: left; height: 100%; width: 100%; }
#nav ul li#p1{ width:177px;}
#nav ul li#p2{ width:178px; background-position:-177px top;}
#nav ul li#p3{ width:177px; background-position:-355px top;}
#nav ul li#p4{ width:178px; background-position:-532px top;}
#nav ul li#p5{ width:177px; background-position:-709px top;}
#nav ul li#hw{ width:275px; }
#nav ul li#rs{background-position:-187px top; }
#nav ul li#sgp{background-position:-275px top; }


#nav-ironman ul li a { text-indent: -99999px; display: block; float: left; height: 100%; width: 100%; }
#nav-ironman ul li#p1{ width:177px;}
#nav-ironman ul li#p2{ width:178px; background-position:-177px top;}
#nav-ironman ul li#p3{ width:177px; background-position:-355px top;}
#nav-ironman ul li#p4{ width:178px; background-position:-532px top;}
#nav-ironman ul li#p5{ width:180px; background-position:-709px top;}
#nav-ironman ul li#hw{ width:275px; }
#nav-ironman ul li#rs{background-position:-187px top; }
#nav-ironman ul li#sgp{background-position:-275px top; }


#content-container #content { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 25px; padding-left: 35px; margin-top:-12px; /* box-shadow: 5px 5px 15px #555555; */}

#content-container-ironman #content-ironman { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg-ironman.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 1px; padding-left: 35px; margin-top:-12px; }

#content > div, #content-ironman >div {margin-bottom:30px;}


#container #iframe-container { background-image: url(../../images/bg_iframe.png); background-repeat: no-repeat; float: right; height: 599px; width: 296px; position: relative; padding: 25px; margin-top: 4px; /*float:none; margin-top:400px; */}
#container #footer { clear: both; line-height: 1em; padding-top: 20px; padding-bottom: 20px; }
#container #footer img {padding-left:18px;}
#container #iframe-container_b { background-image: url(../../images/bg_iframe_2.png); background-repeat: no-repeat; float: right; height: 1073px; width: 283px; position: relative; padding: 20px; margin-top: 10px; /*float:none; *margin-top:510px;*/}
#iframe-container_b iframe {width:100%;height:100%;}


#iframe-container iframe {width:100%;height:92%;}
#iframe-container #iframe-msg{ 
text-align: center;
color: #151515;
line-height: normal;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;}
#banner { margin-left: -15px;margin-top: -15px; }

.pageimg{
box-shadow: 5px 5px 15px #555555;
-moz-box-shadow:  5px 5px 15px #555555;
-webkit-box-shadow:  5px 5px 15px #555555;
border-style:solid;
border-width:5px;
border-color:#FFFFFF;
}

.videoshadow{
box-shadow: 5px 5px 10px #555555;
-moz-box-shadow: 5px 5px 10px #555555;
-webkit-box-shadow:  5px 5px 10px #555555;
border-style:solid;
border-width:10px;
border-color:#FFFFFF;
}


.videoshadow_war{
border-style:solid;
border-width:0px;
border-color:#FFFFFF;
padding:10px;
background: #e0c873;
/*
background: -moz-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,145,145,1)), color-stop(22%, rgba(250,250,250,1)), color-stop(50%, rgba(163,163,163,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(173,173,173,1)));
background: -webkit-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -o-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -ms-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: linear-gradient(to right, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#adadad', GradientType=1 );
*/
}


.in{ margin-left: 57px; }

.eventimg{
position: relative;
left:-35px;
top:-20px;
}

#footer {  text-align: center; }
.footer{color: #585eaa; }
.footer a{color: #585eaa; text-decoration: none;}

.footer2{color: #ffffff; }
.footer2 a{color: #ffffff; text-decoration: none;}

.p3_top { background-image: url(../../images/page2/bg.jpg); background-repeat: no-repeat; background-position: center top;   padding: 20px 30px 0px 30px;   margin: 0px -30px;    height: 192px;  }

.mic {display: inline-block;    vertical-align: middle;}

.tips {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius: 30px; /* for old Konqueror browsers */
background-color: #FFC222;
text-align: center;
font-size: 21px;
color:#bb253e;
font-weight: bolder;
padding: 10px;
}

#copyright {position: relative; display: inline; float: right; margin-top: -410px;}

.notes_text{font-family:sans-serif; margin-right: 10px; font-size:11px; color: #FFFFFF; position: relative; margin-bottom: -40px; top: 13px; left: 20px; text-align:left;  display: inline-block; float: left;}

.notes_text2{font-family:sans-serif; font-size:11px; color: #000000; position: relative; margin-bottom: -40px; top: 13px; text-align:left; } 

.notes_text3{font-family:sans-serif; margin-right: 10px; font-size:11px; color: #585eaa; position: relative; margin-bottom: -40px; top: -5px; left: 20px; text-align:left; display: inline-block; float: left;}


.p5 ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 10px 0 10px 20px;
    text-indent: -1em;
}




.linkno { color:#000000; text-decoration: none; }
.clr{ clear:both; width:0px; height:0px; overflow:hidden;}
.list{ width:950px; margin-bottom:10px;}
.list .dl{ width:835px;}
.list .dl dt{ font-size:22px; color:#ff0000; font-weight:bold}
.list .dl dd{ font-size:16px; color:#000; padding-top:6px;}
.list font{ font-size:13px; color:#727171; line-height:30px;}

.lib{ float:left; overflow:hidden; width:383px;}
.lib dl{ background:url(../../images/war-1.gif) repeat-x bottom left; padding-bottom:5px;}
.lib dl dt a{ font-size:23px; color:#64318e; font-weight:bold}
.lib dl dd{ font-size:15px; color:#64318e; line-height:20px; padding-top:4px; clear:both}
.lib dl dd font{ font-size:13px; color:#000; float:right}
.lib ul{ padding-top:10px;}
.lib ul li{ color:#727171; font-size:13px; vertical-align:bottom; overflow:hidden; padding-bottom:3px; line-height:18px;}
.lib .xx{ overflow:hidden; margin-top:10px;}
.lib .xx span{ float:left; padding-top:4px;}
.lib .xx span sup,.lb .xx span font{ color:#ff0000;}
.lib .xx span sup{ font-size: 15px;vertical-align: top;}
.lib .xx .f1{ font-size:35px; color:#ff0000; font-weight:normal}
.lib .xx .f2{ font-size:15px; color:#ff0000;}
.lib .yd{ float:right; overflow:hidden; text-align:center; width:95px; height:31px; line-height:31px; background:#F00; font-size:17px; color:#fff; margin-top:7px;}
.lib .p{ margin:0 0 10px 0; height:30px; line-height:30px; background:url(../../images/war-1.gif) repeat-x bottom left; font-size:13px; color:#231815}
.bg22{ background:url(../../images/war-3.gif) repeat-y top right; padding-right:30px; margin-right:30px;}
.lib .title22{ background:url(../../images/war-4.gif) no-repeat; width:96px; height:25px; line-height:25px; background:url(../../images/war-4.gif) no-repeat; text-align:center; font-size:16px; color:#fff; font-weight:bold; margin-bottom:10px;}

.xing{ margin:15px 0; display:inline-block}
.pp{ font-size:13px; color:#000;}
.bg33{ background:#fffcdc; padding:14px 0; overflow:hidden;margin-left: -24px; width: 843px;  padding-left: 26px;}