@charset "UTF-8";


/* -- content
-------------------------------------------------------------------------------- */
#content{
  background-image:url('../img/parts_bg.jpg');
  background-position:center;
  background-size:cover;
}

.pcWrap {
    display: none;
}

.contentTitle{
  padding:40px 15px 30px;
}

.contentTitle .contentTitleBlock{
  padding-bottom:12px;
  border-bottom:solid 1px #e5e5e5;
}


/* -- map
-------------------------------------------------------------------------------- */
#content .contentTitle h2{
  color:#fff;
}

#content .contentTitle .contentTitleBlock{
  border-color:rgba(255,255,255,0.3);
}

#content .map{
  padding:15px 15px;
  margin:0 auto;
}

#content .map .mapBlock{
  padding:0px 0 0px;
}

#content .map .mapInner{
  position:relative;
}

#content .box{
  background:rgba(255,255,255,0.9);
  position:relative;
  margin-top:5px;
}

#content .box:first-child{
  margin-top:0;
}

#content .box .boxInner{
  padding: 10px 10px 10px;
}

#content .box .flag{
  position:absolute;
  bottom:17px;
  right:20px;
}

#content .box .title{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}

#content .box .date{
  color:#333;
}

#content .box dl{
  font-weight:300;
  margin-bottom:6px;
}

#content .box dt{
  float:left;
  font-size: 24px;
  font-family:'Open Sans';
  line-height:32px;
  margin-right:10px;
}

#content .box dd{
  float:left;
  font-size:16px;
  padding-top:8px;
}

#content .box a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/* -- detail
-------------------------------------------------------------------------------- */
#content .detail{
  padding:0 15px;
  margin:0 auto;
}

#content .detailBlock{
  padding:0 0 50px;
}

#content .detailBlock .pulldown{
  float:left;
  margin-top:14px;
}

#content .pulldown{
  position:relative;
}

#content .pulldown select{
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  border:0;
  margin:0;
  padding:0;
  background:none transparent;
  vertical-align:middle;
  font-size:inherit;
  color:inherit;
  box-sizing:content-box;
  outline:none;
}

#content .pulldown select::-ms-expand{
  display:none;
}

#content .pulldown select{
  background:#fff;
  padding:9px 10px;
  border-radius:3px;
  line-height:1;
  width:auto;
  cursor:pointer;
  background:#fafafa;
  padding-right:31px;
}

#content .pulldown label:after{
  display:block;
  content:" ";
  position:absolute;
  top:0;
  right:11px;
  width:8px;
  height:8px;
  margin-top:8px;
  border-right:solid 2px #999;
  border-bottom:solid 2px #999;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

#content .detailBlock .closeBtn{
  float:right;
}

#content .detailBlock .closeBtn a{
  display:block;
  width:60px;
  height:60px;
  text-align:center;
}

#content .detailBlock .closeBtn a img{
  padding-top:16px;
}

#content .detailInner{
  background:#fff;
}

#content .detail .head{
  padding:25px 20px 0px;
}

#content .detail .titleBlock{
  margin-bottom:30px;
}

#content .detail .titleBlock .flag{
  float:left;
  margin-right:15px;
}

#content .detail .titleBlock .flag img{
  margin-top:-1px;
}

#content .detail .titleBlock .title{
  font-size:24px;
  padding-left:47px;
  margin-bottom:9px;
  padding-top:2px;
  padding-bottom:1px;
}

#content .detail .titleBlock .date{
  color:#888;
}

#content .detail .valueBlock .valueInner{
  margin-bottom:35px;
  border-top:solid 1px #e5e5e5;
}

#content .detail .valueBlock .valueInner .valueWrap{
  border-bottom:solid 1px #e5e5e5;
  padding:8px 0 0;
}

#content .detail .valueBlock .valueInner .valueWrapRate{
  border-bottom:solid 1px #e5e5e5;
  padding:10px 0 12px;
}

#content .detail .valueBlock .valueInner .valueWrapRate dl{
  float:left;
}

#content .detail .valueBlock .valueInner .valueWrapRate dl:first-child dd{
  margin-right:25px;
}

#content .detail .valueBlock .valueInner dt{
  display:inline-block;
  color:#333;
}

#content .detail .valueBlock .valueInner .valueWrap dt{
  padding-top:4px;
  padding-bottom:5px;
}

#content .detail .valueBlock .valueInner dd{
  display:inline-block;
  font-size:16px;
}

#content .detail .valueBlock .valueInner .valueWrap dd{
  font-size:30px;
  line-height:1;
  font-family:'Open Sans';
  padding-top:3px;
  padding-bottom:14px;
}

#content .detail .valueBlock .valueInner .valueWrapRate dd:after{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  background-repeat:no-repeat;
  background-size:6px 12px;
  background-position:5px;
}

#content .detail .valueBlock .valueInner .valueWrapRate dd.valueP:after{
  background-image:url('../img/arrow_s_up.png');
}

#content .detail .valueBlock .valueInner .valueWrapRate dd.valueM:after{
  background-image:url('../img/arrow_s_down.png');
}

#content .detail .valueBlock ul{
  padding-left:10px;
}
#content .detail .valueBlock ul.SPnone{
  display: none;
}
#content .detail .valueBlock ul.PCnone li {
  margin-bottom: 6px;
}
#content .detail .valueBlock li{
  float:left;
  width:33.33%;
  margin-left:5px;
}

#content .detail .valueBlock li:first-child{
  margin-left:-10px;
}

#content .detail .valueBlock li a{
  display:block;
  font-size:12px;
  font-weight:bold;
  height:30px;
  line-height:30px;
  text-align:center;
  text-decoration:none;
  color:#333;
  border:solid 1px #e5e5e5;
  border-radius:2px;
}

#content .detail .valueBlock li:first-child a{
  margin-left:0;
}

#content .detail .valueBlock li a.active{
  background:#dd2c00;
  border-color:#dd2c00;
  color:#fff;
}

#content .detail .chart{
  padding:30px 15px 35px;
}


/* -- listContent
-------------------------------------------------------------------------------- */
#listContent{
  background:#fafafa;
}

#listContent .listContentBlock{
  padding:0px 15px 15px;
  margin:0 auto;
}

#listContent .listBox{
  background:#fff;
  margin-bottom:5px;
  padding:10px 20px;
  border:solid 1px #e5e5e5;
  position:relative;
}

#listContent .listBox.listTitle{
  display:none;
}

#listContent .listBox li{
  padding:10px 0;
}

#listContent .listBox li span.subTitle{
  display:inline-block;
  font-weight:normal !important;
  font-size:14px !important;
  color:#333;
  width:70px;
}

#listContent .listBox li.flag{
  float:left;
  width:24px;
}

#listContent .listBox li.fundname{
  font-weight:bold;
  padding-left:34px;
  line-height:24px;
  font-size:16px;
}

#listContent .listBox li.fundname a{
  color:inherit;
}

#listContent .listBox li.value1{
  clear:both;
  font-size:18px;
  font-weight:bold;
  border-top:solid 1px #e5e5e5;
}

#listContent .listBox li.value2{
  border-top:solid 1px #e5e5e5;
}

#listContent .listBox li.date{
  border-top:solid 1px #e5e5e5;
  padding-top:11px;
}

#listContent .listBox li.chartBtn{
  padding:0;
}

#listContent .listBox li.chartBtn a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-indent:-9999px;
  overflow:hidden;
}

#listContent .listBox li.value2 span:after{
  content:"";
  display:inline-block;
  width:6px;
  height:12px;
  background-repeat:no-repeat;
  background-size:6px 12px;
}

#listContent .listBox li.value2 span.valueP:after{
  background-image:url('../img/arrow_s_up.png');
}

#listContent .listBox li.value2 span.valueM:after{
  background-image:url('../img/arrow_s_down.png');
}


/* -- listContent/News
-------------------------------------------------------------------------------- */
#listContent.bt{
  border-top:solid 1px #e0e0e0;
}

.newsBox{
  border-bottom:solid 1px #e0e0e0;
  border-left:solid 1px #e0e0e0;
  border-right:solid 1px #e0e0e0;
}

.newsBox .newsTitle{
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle p{
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox:first-child{
  border-top:solid 1px #e0e0e0;
}

.newsBox .newsTitle{
  padding:15px 50px 15px 15px;
  background:#fff;
  position:relative;
}

.newsBox.active .newsTitle{
  background:#e4e7eb;
}

.newsBox .newsTitle .title{
  font-size:18px;
  line-height:1.3;
  margin-bottom:10px;
}

.newsBox .newsTitle dt{
  float:left;
  width:70px;
  font-size:11px;
  text-align:center;
  font-weight:bold;
  color:#2996cc;
  padding:3px 5px;
  border:solid 1px #2996cc;
  border-radius:2px;
  line-height:1.2;
  margin-right:10px;
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle dd{
  float:left;
  color:#333;
  font-size:13px;
  line-height:21px;
}

.newsBox .newsTitle a{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.newsBox .newsTitle a:before{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#999;
  position:absolute;
  right:19px;
  top:50%;
  margin-right:4px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox .newsTitle a:after{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#999;
  position:absolute;
  right:19px;
  top:50%;
  margin-right:-4px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -moz-transition:all 150ms ease-in-out;
  -webkit-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.newsBox.active .newsTitle a:before{
  background:#2996cc;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.newsBox.active .newsTitle a:after{
  background:#2996cc;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.newsBox .newsBlock{
  border-top:solid 1px #e0e0e0;
  padding:20px 20px 30px;
  background:#fff;
  display:none;
}

.newsBox .newsBlock p{
  font-size:14px;
  line-height:1.8;
}

.newsBox .newsBlock p span{
  font-weight:bold;
}

.newsBox .newsBlock p.small{
  font-size:11px;
  line-height:1.5;
  margin-top:8px;
  color:#888;
}

.newsBox .newsBlock .source{
  text-align:right;
  padding-top:15px;
}

.newsBox .newsBlock .source p{
  display:inline-block;
  font-size:13px;
  border-bottom:solid 3px #ccc;
  padding-bottom:2px;
}

.newsBox .newsBlock .source p:before{
  content:"Source:";
  font-family:'Open Sans';
  font-size:11px;
  margin-right:10px;
}