.frame > .inner{
position:relative;
width:100%;
max-width:700px;
color:#ccc;
font-size:13px;
text-align:center;
padding-bottom:30px;
margin:0 auto;
}

.frame > .inner strong.title{
position:relative;
display:block;
width:100%;
color:#000;
background-color:#fff8d4;
font-size:14px;
text-align:left;
padding:3px 5px;
margin:30px auto 15px;
}
.frame > .inner strong.title::before,
.frame > .inner strong.title::after{
position:absolute;
display:block;
width:100%;
height:6px;
content:"";
background-color:#000;
border:2px solid #fff;
}
.frame > .inner strong.title::before{
top:-7px;left:0;
}
.frame > .inner strong.title::after{
bottom:-7px;left:0;
}

.frame > .inner strong.title1{
position:relative;
display:block;
width:100%;
color:#000;
background-color:#fff;
font-size:14px;
text-align:cneter;
padding:3px 5px;
margin:30px auto 15px;
}
.frame > .inner strong.title1::before,
.frame > .inner strong.title1::after{
position:absolute;
display:block;
width:100%;
height:6px;
content:"";
background-color:#c300f4;
border:2px solid #fff;
}
.frame > .inner strong.title1::before{
top:-7px;left:0;
}
.frame > .inner strong.title1::after{
bottom:-7px;left:0;
}

.frame > .inner .cat{
display:block;
position:relative;
width:100%;
text-align:left !important;
margin:0 auto;
}
.frame > .inner span#epass{
display:block;text-align:center;
}
.gaiyou {
max-width: 660px;
margin: 0 auto;
}
.frame > .inner span{
color: #fff8d4;
}
.frame > .inner img{
max-width:100%;
}
.frame > .inner a{color:#fd6f12; text-decoration:underline;}
.frame > .inner a:hover{color:#ffa70e; text-decoration:none;}

dl.topic_list dt{
font-weight:bold;
font-size:15px;
color:#e8db6e;
margin:30px auto 15px;
max-width:100%;
border-bottom:solid 2px #e8db6e;
padding-bottom:5px;
}
dl.topic_list dd{
color:#fff8d4;padding:0px 14px;
}
dl.topic_list dd img{
display:block;margin:0px auto;
}
img.nodata{
opacity:0.3;
}

.pc{
display:block;
}

@media screen and (max-width: 480px){
  .frame > .inner strong.title1{
  text-align:left;
  }
  
  .pc{
  display:none;
  }
}
.epass_btn,
.cl_ea_login_btn{
display:block;
width:100%;
max-width:300px;
color:#fff !important;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none !important;
border-radius:5px;
padding:20px 0;
margin:10px auto;
text-shadow:0px 0px 2px rgba(0,0,0,0.5),1px 1px 2px rgba(0,0,0,0.5),
            2px 2px 2px rgba(0,0,0,0.3),3px 3px 2px rgba(0,0,0,0.3);
background:rgba(241,119,52,1);
background:-moz-linear-gradient(top, rgba(254,197,115,1) 0%, rgba(241,119,52,1) 50%, rgba(234,86,8,1) 51%, rgba(250,147,92,1) 100%);
background:-webkit-linear-gradient(top, rgba(254,197,115,1) 0%,rgba(241,119,52,1) 50%,rgba(234,86,8,1) 51%,rgba(250,147,92,1) 100%);
background:linear-gradient(to bottom, rgba(254,197,115,1) 0%,rgba(241,119,52,1) 50%,rgba(234,86,8,1) 51%,rgba(250,147,92,1) 100%);
pointer:cursor;
}
.epass_btn:hover,
.cl_ea_login_btn:hover{
background:rgba(241,119,52,0.8);
background:-moz-linear-gradient(top, rgba(254,197,115,0.8) 0%, rgba(241,119,52,0.8) 50%, rgba(234,86,8,0.8) 51%, rgba(250,147,92,0.8) 100%);
background:-webkit-linear-gradient(top, rgba(254,197,115,0.8) 0%,rgba(241,119,52,0.8) 50%,rgba(234,86,8,0.8) 51%,rgba(250,147,92,0.8) 100%);
background:linear-gradient(to bottom, rgba(254,197,115,0.8) 0%,rgba(241,119,52,0.8) 50%,rgba(234,86,8,0.8) 51%,rgba(250,147,92,0.8) 100%);
}