@charset "utf-8";
@import url(/common.css);

#headArea { height:125px; position:relative;}
#headArea h2 { position:absolute; top:30px; width:100%; text-align:center; font-family:"Times New Roman"; color:#000000; font-weight:normal; font-size:33px;}
#headArea h2 .point { color:#2d3bba;}
#headArea h2 a { color:#000000;}
#headArea h2 a .point { color:#2d3bba;}
#headArea h2 a:hover { text-decoration:none;}
#headArea .date { position:absolute; top:60px; left:41px; font-size:14px; color:#495163; font-weight:bold;}
#headArea .tab { position:absolute; top:85px; left:40px;}
#headArea .tab ul { border-left:solid 1px #555f76;}
#headArea .tab li { display:inline;}
#headArea .tab li a { float:left; width:109px; height:20px; text-align:center; background:#6f7b95; color:#ffffff; font-style:italic; padding:5px 0 0 0; border-top:solid 2px #373d4a; border-bottom:solid 1px #5a657e; border-right:solid 1px #555f76;}
#headArea .tab li a:hover { text-decoration:none; background:#9fa6b9;}
#headArea .tab li.this a { background:#9fa6b9;} 

/*wrap*/
.missionM { padding:13px 0 0 0; margin:0 0 60px 0; }

/*title*/
.pageTitle { height:32px; position:relative; margin:20px 0 0 0; }
.pageTitle h2 { top:26px; text-align:center; font-size:21px; font-family:georgia; color:#777777; font-style:italic;
                  font-weight:normal; text-shadow: #ccc 1px 1px 3px; letter-spacing:-1px; }

/*content*/
.missionM .misContent {  }
.missionM .misContent .explain {  }
/*.missionM .misContent .explain .ex01 { text-align:center; font-size:22px; font-family:georgia; color:#777777; }*/
.missionM .misContent .explain .ex02 { text-align:center; font-size:34px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#333333; margin:6px 0 15px 0; letter-spacing:-1px; line-height:100%; }
.missionM .misContent .explain .ex02 span { color:#3845be; font-style:italic; }
.missionM .misContent .explain .ex03 { text-align:center; font-size:15px; color:#444444; margin:9px 0 0 0; font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:1.3;  }
.missionM .misContent .explain .ex03 p{ text-align:center; font-size:15px; color:#444444; margin:9px 0 0 0; font-family:"Times New Roman", Times, serif; font-weight:normal; }

.missionM .misContent .mapBelow          { width:960px; overflow:hidden; padding:25px 0 0 0; }
.missionM .misContent .mapBelow .map     { text-align:center; }
.missionM .misContent .mapBelow .mplayer        { width:700px; margin:60px auto 20px; overflow:hidden; }
.missionM .misContent .mapBelow .mplayer .movie { float:left; width:426px; margin: 0 15px 0 0; position:relative; overflow:hidden; display:none}
.missionM .misContent .mapBelow .mplayer .movie .transBorder { position:absolute; left:0; top:0; width:400px; height:228px; border:1px solid #000; filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}
.missionM .misContent .mapBelow .mplayer .pic   {display:flex; align-items:center}/*width:300px; */
.missionM .misContent .mapBelow .mplayer .pic .p1       { font-size:13px; font-family:Arial; color:#333333; line-height:1.3; font-weight:bold; padding-left:30px }
.missionM .misContent .mapBelow .mplayer .pic .p2       { display:block;  margin:0 0 0 0;}


.history { clear:both; margin:0 0 60px 0; padding:0 0 300px 86px !important; background:url(/mission/images/mission_bg.jpg) 0 bottom no-repeat; overflow:hidden; font-size:11px; font-family:Arial; color:#555555; zoom:1;}

.history .stitle { height:50px; font-size:18px; font-family:Arial; color:#2f44a1; }
.history .stitle  span { font-size:13px; font-family:georgia; }
.history .row { clear:both; display:block; margin:0 0 30px 0; zoom:1; display:table;}
.history dl { float:left; width:280px;}
.history dt { width:250px; margin:0 0 0 0; font-size:25px; font-family:georgia !important; font-weight:normal; letter-spacing:-1px; color:#2f44a1; }
.history dd { width:250px; margin:0 0 6px 0; line-height:110%; }