@charset "utf-8";

/*--◆图鉴样式表----------------------------*/
/*--#Container--
#dictionary #Container{
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}*/
/*--图鉴首页日期--*/
#ref_index span.day{
	background-color: #777777;
	color: #FFFFFF;
	padding: 0 .3em;
	margin-right: .5em;
	border-radius:4px;
}
/*--自定义索引分类tab--*/
#ref_chn ul.tabnavs a,
#ref_eng ul.tabnavs a,
#ref_jpn ul.tabnavs a{
	font-size:12px;
	font-weight:normal;
	color:#555555;
}
#ref_chn ul.tabnavs a:hover,
#ref_eng ul.tabnavs a:hover,
#ref_jpn ul.tabnavs a:hover{
	color:#FFFFFF;
}
/*--自定义索引页文章区字体大小--*/
#ref_chn article,
#ref_eng article,
#ref_jpn article,
#history article{
	font-size:14px;
}
/*--自定义日语索引字体--*/
#ref_jpn {
	font-family: 'Open Sans', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, Yu Gothic, sans-serif;
}
/*--图鉴索引--*/
#digimon_list {
	width:100%;
	min-height:50px;
	padding:0;
	border:#C0C0C0 solid 1px;
	border-radius:2px;
	overflow:hidden;
	background:#FFF;
	display:table;
}

#digimon_list li{
	list-style-type:none;
	padding: 1em .5em;
	margin:0px;
	color:#393939;
	border-bottom:#C0C0C0 dotted 1px;
}
#digimon_list li:hover{
	background:#d2d2d2;
}

#digimon_list li span{
	display:table-cell;
	vertical-align:top;
	padding:0 .5em;
	box-sizing:border-box;
}

#digimon_list li span.date{
	width:120px;
}
#digimon_list li span.level{
	width:80px;
	color:#FFFFFF;
	overflow:hidden;
	/*border-radius:4px;*/
	text-align:center;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC; /* Firefox */
	-webkit-box-shadow: 0px 0px 4px #CCC;  ; /* Chrome, Safari */
}
#digimon_list li span.name{
	width:200px;
	padding-left: 1em
}
#digimon_list li span.debut{
}

#digimon_list li span.mark1{
	background:#f00;/*幼年期1*/
}
#digimon_list li span.mark2{
	background:#F60;/*幼年期2*/
}
#digimon_list li span.mark3{
	background:#B2B200;/*成长期*/
}
#digimon_list li span.mark4{
	background:#393;/*成熟期*/
}
#digimon_list li span.mark5{
	background:#27b2e6;/*完全体*/
}
#digimon_list li span.mark6{
	background:#5728cc;/*究极体*/
}
#digimon_list li span.mark7{
	background:#f33799;/*装甲体*/
}
#digimon_list li span.mark8{
	background:#896818;/*混合体*/
}
#digimon_list li span.mark9{
	background:#666;/*不明*/
}
#digimon_list li span.mark10{
	background:#999;/*无*/
}
/*--图鉴索引·类型筛选--*/
.sort_type{
  margin: 16px 0;
  padding: 0;
}
.sort_type li{
  display: block;
  /*margin: 8px;*/
  padding: .4em .2em;
  /*border-radius: 8px;*/
  /*background: #252525;*/
  /*color: #F8F8F8;
  font-size: 1.2em;
  line-height: 1.2;*/
  border-bottom: 1px solid #C0C0C0;
}
.sort_type em{
  display: table-cell;
  padding: 0 .2em 0 .4em;
  width: 6em;
  height: 2em;
  vertical-align: middle;
  color: #D90000;
}
.sort_type div{
  display: table-cell;
  padding: 0 .5em;
  width: auto;
  vertical-align: middle;
}
@media screen and (max-width : 768px){
  .sort_type{
    padding: 0 8px;
  }
}

/*图鉴正页*/
/*名字*/
#dictionary h2.title2{
  min-height: 44px;
  margin: 1em 0 0;
  padding: 12px 0 8px 0;
  background:none;
  border-bottom:solid 2px #D90000;
  font-size: 1.4em;
  line-height: 1.4;
  z-index: -1;

}
#dictionary h2.title2 span{
  color: #D90000;
  font-size: .7em;
  text-shadow: none;
  font-weight: normal;
}

#dictionary h3.title3{
  margin: 1em 0;
  padding: .1em 0 0.2em .4em;
  font-size: 1.2em;
  line-height: 1;
  border-left: 0.3em solid #D90000;
}

/*
.digimon_name2{
  min-height: 44px;
  margin: 1em 0 0;
  padding: 12px 0 8px 0;
  border-bottom:solid 1px #D90000;
  font-size: 1.2em;
  line-height: 1.4;
  z-index: -1;
}
.digimon_name2{
  text-shadow: 1px 0px 2px rgba(56, 56, 56, 0.6);
}
.digimon_name2 span{
  color: #D90000;
  font-size: .7em;
  text-shadow: none;
  font-weight:normal;
}
*/

.digimon_name{
  margin: .5em;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  /*border: 1px solid #C0C0C0;*/
}
.digimon_name table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  /*border-radius: 4px;*/
}
.digimon_name table th,
.digimon_name table td{
  padding: .6em .8em;
  margin-top: -1px;
}
.digimon_name table th{
  background: #F9F9F9;
  border-right: 1px dotted #C0C0C0;
  text-align: left;
  /*color: #D90000;*/
}
.digimon_name table td{
  background: #FFF;
}
.digimon_name table tr{
  border-top: 1px solid #C0C0C0;
}
.digimon_name table tr:first-child{
  border: none;
}

.digimon_name_x{
  margin: .5em;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px solid #F90000;
  border-bottom: 1px solid #F90000;
  /*border: 1px solid #C0C0C0;*/
}
.digimon_name_x table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  /*border-radius: 4px;*/
}
.digimon_name_x table th,
.digimon_name_x table td{
  padding: .6em .8em;
  margin-top: -1px;
}
.digimon_name_x table th{
  background: #FFF7F7;
  border-right: 1px dotted #F90000;
  text-align: left;
  /*color: #D90000;*/
}
.digimon_name_x table td{
  background: #FFF;
}
.digimon_name_x table tr{
  border-top: 1px solid #F90000;
}
.digimon_name_x table tr:first-child{
  border: none;
}

/*设定图*/
.digimon_img{
  background-color:#FFF;
  margin: 1em 1em;
  overflow: hidden;
  float: right;
  width: 322px;
  border:1px solid #d2d2d2;
  /*border-radius:5px;*/
  position: relative;
}
.digimon_x_img{
  background-color:#FFF;
  margin: 1em 1em;
  overflow: hidden;
  float: right;
  width: 322px;
  border:1px solid #D90000;
  /*border-radius:5px;*/
  position: relative;
}
.change{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.change:hover{
  opacity: 0;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  transform: scale(3);
}
.x_antibody{
  position: absolute;
  top: .5em;
  left: .5em;
  color: #FFF;
  background: #D90000;
  padding: .3em .6em;
  font-size: 12px;
  font-weight: bold;
}
.digimon_img ul.tabnavs{
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-top: 0.5em;
  }
.digimon_x_img ul.tabnavs{
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-top: 0.5em;
  }
.digimon_x_img ul.tabnavs a{
  background: #F8F8F8;
  background: rgba(248,248,248,.5);
  color: #D90000;
  border: 1px solid #D90000;
}
.digimon_x_img ul.tabnavs a:hover,
.digimon_x_img ul.tabnavs .active a{
  background: #D90000;
  color: #F8F8F8;
  border: 1px solid #D90000;
}

/*注释*/
#dictionary ol{
  line-height: 1.6;
  margin: 2em 1em;
  padding: 0 0 0 2.4em;
  zoom: normal;
  font-size:14px;
}
#dictionary ol li{
  margin: .4em 0;
  list-style: decimal-leading-zero;
}
/*基本资料*/
.data{
  margin: 1em 1em 2em 1em;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  /*border: 1px solid #C0C0C0;*/
}
.data table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  /*border-radius: 4px;*/
}
.data table th,
.data table td{
  padding: .6em .8em;
  margin-top: -1px;
}
.data table th{
  background: #F9F9F9;
  border-right: 1px dotted #C0C0C0;
  text-align: left;
  color: #D90000;
}
.data table td{
  background: #FFF;
}
.data table tr{
  border-top: 1px solid #C0C0C0;
}
.data table tr:first-child{
  border: none;
}
/*文字设定*/
#dictionary .tabnavs{
font-size: 14px;
}
rt{
  font-size: .7em;
}
/*文字设定·改*/
#dictionary .profile_chs,#dictionary .profile_cht,#dictionary .profile_jpn,#dictionary .profile_eng,#dictionary .profile_deu,#dictionary .profile_kr{
  line-height: 1.6;
  padding: .2em 0;
}
.profile_cht{
  font-family: 'Open Sans', 'Noto Sans TC', 微軟正黑體, sans-serif;
}
.profile_jpn{
  font-family: 'Open Sans', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, Yu Gothic, sans-serif;
}
.profile_kr{
  font-family: 'Open Sans', 'Noto Sans KR', "돋움","굴림", Dotum,  Gulim, AppleGothic, Sans-serif;
}

/*相关uedbet提款兽*/

#dictionary .stamp {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 15px 0 0 -15px;
}
#dictionary .stamp>li {
  width: calc( 100% / 2 - 30px);
  margin: 0 15px 15px 0px;
}

@media screen and (min-width: 600px){
  #dictionary .stamp>li {
    width: calc(100% / 3 - 30px);
    margin: 0 30px 15px 0;  
  }
}
@media screen and (min-width: 900px){
  #dictionary .stamp>li {
    width: calc(25% - 45px);
    margin: 0 45px 15px 0;
  }
}

#dictionary .stamp .ph{
  margin: 0 0 10px;
}
#dictionary .stamp img {
  border: 1px solid #d2d2d2;
}
#dictionary .stamp p{
  margin: 0;
  font-size: .9em;
  text-align: center;
}
#dictionary .stamp .title{
  text-align: center;
}
/*.tp4 p:first-child{
  font-weight: bold;
}*/
#dictionary .stamp a{
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#dictionary .stamp a:hover{
  opacity:0.6;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#dictionary .stamp_x img {
  border: 1px solid #D90000;
}
/*uedbet提款文字*/
.digi_moji{
  font-family:'digimon';
  font-size:22px;
}
/*总索引表格*/
.sort{
  margin: 2em 1em;
  border: 1px solid #C0C0C0;
  /*border-radius: 4px;*/
  overflow: hidden;
}
.sort table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
}
.sort table th,
.sort table td{
  padding: .4em .8em;
  margin-top: -1px;
}
.sort table th{
  background: #F0F0F0;
  border-bottom: 1px dotted #C0C0C0;
}
.sort table td{
  background: #FFF;
}
.sort table tr{
  border-top: 1px solid #C0C0C0;
}
.sort table tr:first-child{
  border: none;
}

/*--768px↓-------------------------------*/
@media screen and (max-width : 767px){
ul.tabnavs a{
	font-size:12px;
}
#ref_chn article,
#ref_eng article,
#ref_jpn article,
#history article{
	font-size:12px;
}
#digimon_list li span.date{

}
#digimon_list li span.level{

}
#digimon_list li span.name{

}
#digimon_list li span.debut{
	display:none;
}
.digimon_img, .digimon_x_img{
    float:none;
    width: auto;
}
.digimon_img img, .digimon_x_img img{
    width:100%;
}
#dictionary ol, .data, .digimon_name, .digimon_name_x, #dictionary .tabnavs{
    font-size:12px;
}
.digi_moji{
    font-size:14px;
}
.txt_cn, .txt_jp{
	line-height: 1.8;
}
.sort{
  overflow: auto;
}
.sort table{
  width: 860px;
}
/*
#dictionary h2.title2 span{
	display:none;
}

.digimon_name2 span{
	display:none;
}
*/
}