/*解析度  769px 以下*/
@media screen and (max-width:769px) {
/*header footer 開始 */	
#header-share {
	display: none;
}
#header-rwd {
	background-color: #C00;
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 5px;
}

#Bodyfooter {
	width: 100%;
}

.footerArea1 {
	display: none;
}
.footerArea2 {
	width: 80%;
	margin: 0px;
	padding-right: 10%;
	padding-left: 10%;
}
.footerArea2 .logo2{
	display: none;
}
.footerArea2 span {
	clear: both;
	float: none;
}
.footerArea2 div {
	text-align: left;
	width: 100%;
	font-size: 13px;
}

.footerArea2 div p {
	clear: both;
	float: none;
	word-break: normal;
}
/*header footer 結束 */
#gotop {
	/*display: none;*/
	width: 100%;
    height: auto;
    position: fixed;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
    z-index: 1;
    bottom: 0px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    border-radius: 0px;
    opacity: 0.8;
    font-size: 16px;
    display: block;
    margin-right: 0px;
    right: 0px;
}
#gotop a {
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
    display: block;
    _height: 30px;
    width: 50%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #626262;
    margin: 0px;
    float: left;
    line-height: 1.5em;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#gotop a:last-child {border-top-style:none;}
#gotop .m_hidden { display:none;}

#BodyContent {
	width: 100%;
	background-size:100%;
}
#nav2 a {
	display:block;
}
#title{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#title img{
	width: 100%;
}
#nav {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	height: auto;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav .font16 {
	display: block;
}
#nav p , #nav a.a1, #nav a.a2, #nav a.a3{
	float: none;
	text-align: center;
}
#sale , .issue , .media, #focus{
	width: 80%;
	padding: 0px;
	margin-right: 10%;
	margin-left: 10%;
}

#sale h4{
	width: 100%;
	padding: 0px;
	margin: 0px
}
#sale h4 font ,.issue h4 font{
	font-size: 21px;
}
#sale ul li span {
	display: block;
}
#vip , #vip2 {
	width: 80%;
	padding: 0px;
	margin-right: 10%;
	margin-left: 10%;
}
#gold , #platinum , #diamond , #gold2 {	
	_width: 90%;
    _padding-left: .6em;
    _padding-right: .6em;
	width: 98%;    
    padding: 2%;
    margin-right: 1%;
    margin-left: 1%;
	height: auto;
	border-bottom: 1px dashed #d2cdff;
	border-right: none;
}
#gold header h3, #platinum header h3, #diamond header h3{
	width: auto;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 25px;
}
#gold header h4, #platinum header h4, #diamond header h4{
	width: auto;
    margin-left: 30px;
    margin-right: 10px;
    margin-top: 0px;
    font-size: 20px;
}
#gold header ul, #platinum header ul, #diamond header ul {
    width: 100%;
    margin-top: 20px;
    padding-top: 5px;
    margin-left: 25px;
}
#gold header li, #platinum header li, #diamond header li {
	/* width: 75%; */
	margin-bottom: 5%;
}

/*20210122新增*/
#diamond header #special{
	width: auto ;
	float: left;
    margin-right: 20%;
    margin-left: -3.5em;
}
/*20210122新增*/

.issue ol li {
	width: 24%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.issue ol li img {
	width: 80%;
}
#focus ul li {
	width: 29%;
	margin-top: 10px;
	margin-bottom: 10px;
}/*20201204*/


#focus ul .chapter {
	width: 29%;
	margin-top: 10px;
	margin-bottom: 10px;
}/*20231116*/

.media ol li {
	width: 33%;
	margin-top: 10px;
	margin-bottom: 10px;
}/*20180221*/


.more {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
.more2 {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

.more2 ul li a {
	display: block;
}
}

/*解析度 600px 以下*/
@media screen and (max-width:600px) {
.issue ol li {
	width: 49%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.issue ol li:nth-child(2n) {
	border-right-style: none;
}


.media ol li {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-right-style: none;
}/*20180221*/

.media ol li img {
	max-width: 100%;
}/*20180221*/
#focus ul li {
	width: 42%;
	margin-top: 10px;
	margin-bottom: 10px;
}/*20201204*/

#focus ul .chapter {
	width: 42%;
	margin-top: 10px;
	margin-bottom: 10px;
}/*20231116*/


/*20210122新增*/
#diamond header #special{
	width: 60%;	
}

}