@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{
	font-size:14px;
}
/*--自定义日语索引字体--*/
#ref_jpn {
	font-family: 'Open Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/*--图鉴索引--*/
#appmon_list {
	width:100%;
	min-height:50px;
	padding:0;
	border:#C0C0C0 solid 1px;
	border-radius:2px;
	overflow:hidden;
	background:#F8F8F8;
	display:table;
}

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

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

#appmon_list li span.date{
	width:100px;
}
#appmon_list li span.no{
	width:50px;
}
#appmon_list li span.level{
	width:85px;
	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 */
}
#appmon_list li span.name{
	width:200px;
	padding-left: 1em
}
#appmon_list li span.debut{
}

#appmon_list li span.social{
	background:#00BDFD;/*社交*/
}
#appmon_list li span.navi{
	background:#00D900;/*导航*/
}
#appmon_list li span.game{
	background:#FF8A00;/*游戏*/
}
#appmon_list li span.ent{
	background:#FF6060;/*娱乐*/
}
#appmon_list li span.life{
	background:#FF84A4;/*生命*/
}
#appmon_list li span.tool{
	background:#D73EE4;/*工具*/
}
#appmon_list li span.system{
	background:#FEDA26;/*系统*/
}
#appmon_list li span.god{
  background: #FF5820;
  background: -moz-linear-gradient(left,#D900D9 0%,#FF5820 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,#D900D9),color-stop(100%,#FF5820));
  background: -webkit-linear-gradient(left,#D900D9 0%,#FF5820 100%);
  background: -o-linear-gradient(left,#D900D9 0%,#FF5820 100%);
  background: -ms-linear-gradient(left,#D900D9 0%,#FF5820 100%);
  background: linear-gradient(top right,#D900D9 0%,#FF5820 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D900D9',endColorstr='#FF5820',GradientType=1);
}
/*图鉴正页*/
/*名字*/
#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: .65em;
  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;
}
/*设定图*/
.img_appmon{
  background-color:#FFF;
  /*background-image:url(dictionary_bg.png);
  background-size:100%;*/
  margin: 1em 1em;
  overflow: hidden;
  float: right;
  width: 320px;
  border:1px solid #C0C0C0;
  /*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);
}
/*注释*/
#dictionary ol{
  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{
  line-height: 1.6;
  margin: 1em 1em 2em 1em;
  overflow: hidden;
  font-size: 14px;
  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: #F0F0F0;
  border-right: 1px dotted #C0C0C0;
  text-align:left;
}
.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;
}
.txt_cn, .txt_jp{
	line-height:1.6;
	margin:1em;
	background-color: #FFF;
	border: 1px solid #C0C0C0;
	/*border-radius: 3px;*/
}
.txt_jp{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/*应用兽图标*/
.appmon_icon{
  position: absolute;
}
/*--768px↓-------------------------------*/
@media screen and (max-width : 767px){
ul.tabnavs a{
	font-size:12px;
}
#ref_chn article,
#ref_eng article,
#ref_jpn article{
	font-size:12px;
}
#appmon_list li span.date{
}
#appmon_list li span.level{
}
#appmon_list li span.name{
}
#appmon_list li span.debut{
	display: none;
}
.img_appmon{
    float:none;
    width: auto;
}
.img_appmon img{
    width:100%;
}
#dictionary ol, .data, #dictionary .tabnavs{
    font-size:12px;
}
}