@charset "utf-8";
/* CSS Document */
body{font-family: 微软雅黑,"\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif; font-size:12px; background-color:#fff; margin:0 auto;}
#mainContainer{position:absolute; top:0px; left:50%; margin-left:-485px; width:970px; height:auto; min-height:1500px;background-color:#FFF; border:thin #F2F2F2; border-style:solid}
#header{position:relative; float:left; width:970px; height:216px; background-image:url(image/header.png)}
#interactivePart{width:100%; height:800px; position:relative; float:left; overflow:hidden}
#container{position:absolute; top:-175px; left:50%; margin-left:-485px; width:970px; height:auto; min-height:695px; }
#videoContainer{width:100%; height:450px; position:relative; float:left; margin-top:275px}
#pressConference{position:absolute; top:0px; left:50%; margin-left:-400px;}
#svgContainer{width:100%; height:700px; position:absolute; top:0px; height:0px}
#shadowBox{width:100%; height:1000px; background-color:#F2F2F2; position:relative; float:left}
.flag{width:110px; height:30px; background-image:url(image/flag.png); position:absolute;}
.flagTitle{font-size:16px; color:#000; position:absolute; top:3px; left:0px; width:100%; text-align:center; cursor:default}
.kotoba{width:300px; height:25px;position:absolute;background-color:rgba(255,255,255,0);  display:none}
.kotobaTitle{font-size:17px; color:#009fba; text-decoration:none; position:absolute; top:3px; left:0px; width:100%; line-height:1;}
.kotobaTitle:hover{text-decoration:underline}
.kotobaText{font-size:13px; color:#666;  position:absolute; top:30px; left:5%; width:90%; text-align:left}

#lowerInfoContainer{width:100%; height:300px; position:relative; float:left; border-top:thin #009fba; border-top-style:solid; overflow:hidden}

#lowerInner{width:100%; height:auto; position:absolute; top:0px; left:0px}

.lowerContent{width:100%; height:300px; position:relative; float:left}

.bottomLine{width:900px; height:1px; position:absolute; bottom:0px; left:50%; margin-left:-450px;border-bottom:thin #CCC; border-bottom-style:solid}

.titleLine{position:absolute; top:0px; left:0px}

.bkLine{position:absolute; bottom:10px; left:0px}

.primeMinister{width:450px; height:230px;  position:absolute; top:55px; left:20px; font-size:14px; line-height:1.1; overflow:hidden}

.ministerInner{width:100%; height:230px; position:absolute; top:0px; left:0px}

.memory{width:450px; height:230px;  position:absolute; top:55px; left:505px; font-size:14px; overflow:hidden}

.manga{width:620px; height:980px; position:relative; float:left}

#trace{width:100%; height:600px; position:relative; float:left}

#banner{width:100%; height:40px; position:relative; float:left; background-image:url(image/banner.png); background-repeat:no-repeat}

.links{color:#666; position:relative; float:left; line-height:0px; margin-top:13px; margin-left:10px; margin-right:10px; font-size:14px}
.fenge{background-color:#666; width:1px; height:20px; position:relative; float:left; margin-top:5px}


a:link {color: #666; text-decoration:none}
a:visited{color: #666; text-decoration:none }
a:hover {color:#FFF; text-decoration:underline }

/*svg style*/
.axis path, .axis line {
  fill: none;
  stroke: #999;
  shape-rendering: crispEdges;
}

.axisy path {display: none;}

.axisy line {shape-rendering: crispEdges; stroke:#999;}

.bCircle{fill:#FFF; stroke-width:2px; stroke:#009fba}

.tCircle{stroke-width:3; fill:#009fba; stroke:#F2F2F2;}

.sCircle{stroke-width:3; fill:#009fba; stroke:#F2F2F2; z-index:1000}

.chapterPath{stroke-width:2; stroke-opacity:0.7;stroke:#009fba; fill:none}
.subPath{ stroke-opacity:0.7;stroke:#009fba; fill:none}

/*视频shadow*/
.drop-shadow {
    width: 300px;
    height: 150px;
    position: relative;
    background: #ccc; 
    margin-left: 100px;       
  }

  .drop-shadow:before,
  .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 15px;
    left: 10px;
    width: 50%;
    max-width: 150px;
    height: 20%;
    /*add box-shadow*/
    -webkit-box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    -moz-box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    box-shadow: 0 15px 10px rgba(125,125,125,0.8);
    /*add css3 transform*/
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }

 .drop-shadow:after {
    right:10px;
    left: auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
 }
 
 image{border:0px}