@charset "UTF-8";


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


/* -- map
-------------------------------------------------------------------------------- */
#content .contentTitle{
  display:none;
}

#content .map{
  max-width:950px;
  height:580px;
  padding:0 15px;
  margin:0 auto;
  position:relative;
}

#content .map:before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:580px;
  background-image:url('../img/parts_global.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  -moz-transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  opacity:0;
}

#content .map.active:before{
  opacity:1;
}

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

#content .map .mapInner{
  position:relative;
  height:500px;
}

#content .box{
  width:230px;
  height:110px;
  background:#f4f6f7;
  background:rgba(255,255,255,0.9);
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.6);
  -ms-box-shadow:0 0 2px rgba(0,0,0,0.6);
  box-shadow:0 0 2px rgba(0,0,0,0.6);
  position:absolute;
  -moz-transition:background-color 300ms ease-in-out;
  -webkit-transition:background-color 300ms ease-in-out;
  transition:background-color 300ms ease-in-out;
  opacity:0;
  opacity:1\9;
}

#content .box:before{
  content:"";
  display:block;
  position:absolute;
  width:228px;
  height:108px;
  border:solid 2px transparent;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

#content .box.boxsize_small:before {
  width: 169px;
  height: 102px;
}

#content .box:hover{
  background:#fff;
}

#content .box:hover:before{
  border-color:#2996cc;
}

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

#content .box .flag{
  position:absolute;
  bottom:14px;
  right:15px;
}

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

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

#content .box dl{
  margin-bottom:7px;
}

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

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

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


/* -- detail
-------------------------------------------------------------------------------- */
#content .detail{
  max-width:950px;
  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;
}

@-moz-document url-prefix(){
  #content .pulldown select{
    padding:7px 15px 8px;
  }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
  #content .pulldown select{
    padding:8px 15px;
  }
}

#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;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

#content .detailBlock .closeBtn a:hover{
  background:rgba(0,0,0,0.2);
}

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

#content .detailInner{
  background:#fff;
}

#content .detail .head{
  padding:35px 40px 30px;
  border-bottom:solid 1px #e0e0e0;
  position:relative;
}

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

#content .detail .titleBlock .titleWrap{
  padding-right:256px;
}

#content .detail .titleBlock .titleWrap ul{
  margin-bottom:10px;
}

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

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

#content .detail .titleBlock .titleWrap .title{
  font-size:28px;
  line-height:32px;
  padding-left:47px;
}

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

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

#content .detail .valueBlock .valueInner .valueWrap{
  float:left;
  margin-right:30px;
}

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

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

#content .detail .valueBlock .valueInner dl{
  display:inline-block;
}

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

#content .detail .valueBlock .valueInner .valueWrapRate dl{
  padding-top:17px;
}

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

#content .detail .valueBlock .valueInner .valueWrap dd{
  font-size:36px;
  line-height:42px;
  font-family:'Open Sans';
}

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

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

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

#content .detail .valueBlock ul{
  position:absolute;
  width: 465px;
  top:35px;
  right:40px;
}
#content .detail .valueBlock ul.PCnone {
  display: none;
}
#content .detail .valueBlock li{
  float:left;
  margin-left:5px;
}

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

#content .detail .valueBlock li a{
  display:block;
  font-size:12px;
  font-weight:bold;
  width:85px;
  height:30px;
  line-height:30px;
  text-align:center;
  text-decoration:none;
  color:#333;
  border:solid 1px #e0e0e0;
  border-radius:2px;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

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

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

#content .detail .chart{
  padding:40px 40px;
}


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

#listContent .listContentBlock{
  max-width:950px;
  padding:0 15px 50px;
  margin:0 auto;
}

#listContent .listWrap{
  display:table;
  width:100%;
}

#listContent .listBox{
  display:table-row;
  width:100%;
}

#listContent .listBox.listTitle li{
  text-align:center !important;
  font-weight:normal !important;
  border-top:none;
  border-left:none;
  padding-bottom:10px;
  font-size:13px;
  color:#333;
}

#listContent .listBox:nth-child(even){
  background:#fff;
}

#listContent .listBox li{
  display:table-cell;
  vertical-align:middle;
  border-left:solid 1px #e0e0e0;
  border-bottom:solid 1px #e0e0e0;
}

#listContent .listBox li.flag{
  border-left:none;
  text-align:center;
  width:24px;
}

#listContent .listBox li.fundname{
  font-weight:bold;
}

#listContent .listBox li.value1{
  text-align:center;
  font-weight:bold;
}

#listContent .listBox li.value2{
  text-align:right;
}

#listContent .listBox li.date{
  text-align:center;
}

#listContent .listBox li.chartBtn{
  width:135px;
}

#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 .listBox span{
  display:block;
  padding:13px 12px;
}

#listContent .listBox span.subTitle{
  display:none;
}

#listContent .listBox li.chartBtn a{
  display:block;
  font-size:11px;
  text-decoration:none;
  padding:8px 10px;
  border:solid 1px #e0e0e0;
  border-radius:3px;
  color:#333;
  text-align:center;
  -moz-transition:all 300ms ease-in-out;
  -webkit-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

#listContent .listBox .chartBtn a:hover{
  border-color:#dd2c00;
  color:#fff;
}

#listContent .listBox a{
  color:inherit;
}

#listContent .listBox a:hover{
  color:#2996cc;
}

#listContent .listBox a:hover{
  text-decoration:underline;
}


/* -- listContent/News
-------------------------------------------------------------------------------- */
#listContent.bt{
  border-top:solid 1px #e0e0e0;
}
.marketNewsWrap {
  max-width: 950px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.newsBox{
  border-bottom: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 .newsTitle:hover p{
  color:#2996cc;
}

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

.newsBox .newsTitle{
  padding:18px 25px;
  background:#fff;
  position:relative;
}

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

.newsBox .newsTitle .title{
  float:right;
  width:100%;
  font-size:100%;
  line-height:24px;
  margin-left:-222px;
}

.newsBox .newsTitle .title .titleInner{
  margin-left:222px;
  margin-right:40px;
}

.newsBox .newsTitle dl{
  float:left;
}

.newsBox .newsTitle dt{
  float:right;
  font-size:12px;
  width:80px;
  text-align:center;
  font-weight:bold;
  color:#2996cc;
  padding:4px 6px;
  border:solid 1px #2996cc;
  border-radius:2px;
  line-height:1.2;
  -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;
  line-height:24px;
  margin-right:15px;
}

.newsBox .newsTitle:hover dt{
  background:#2996cc;
  color:#fff;
}

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

.newsBox .newsTitle a:before{
  content:"";
  display:block;
  width:13px;
  height:2px;
  background:#999;
  position:absolute;
  right:29px;
  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:29px;
  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 .newsTitle:hover a:before,
.newsBox .newsTitle:hover a:after{
  background:#2996cc;
}

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

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

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

.newsBox .newsBlock p.small{
  font-size:12px;
  line-height:1.5;
  margin-top:10px;
  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;
}