@CHARSET "UTF-8";
html, body {
                position: relative;
                height: 100%;
            }
            body,div {
               
                font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
                margin: 0;
                padding: 0;
                font-family: serif;
            }
            a{
                text-decoration: none;

                            }
         .title1{
          width:40%;
          margin-left: 30%;
          font-size: 1.2em;
          text-align: center;
          margin-top: 3%;
          font-weight: bolder;
         }
         .foot{
          margin-top: 10%;
          color: #9D9D9D;
          font-size: 1em;
          text-align: center;

         }
            #box{
               width:96vw;
              margin:0;
              padding:0;

            }
            #con{
                margin-top: 2%;
                display: block;
                /*height: 350px;*/
                width: 96vw;
                border: 1px solid #BEBEBE;
                border-radius: 0px;
                margin-left: 2%;
                overflow: hidden;

            }
            .time{
              width: 50%;
              margin-top:3%;
              margin-left: 5%;
              font-family: ;
              font-size: 0.8em;
              color: #9D9D9D;
            }
            #title{
              width:90%;
              
              margin-top:2%;
              margin-left: 5%;
              font-size:1.2em;
              font-weight: bolder;
              display: block;
              overflow: hidden;
              float: left;
              letter-spacing:1.2px;
              color: #272727;
            }
            .des{
              width:90%; 
              margin-top: 4%;
              margin-left:5%;
              font-size:0.8em;
              overflow: hidden;
             color: #9D9D9D;
             letter-spacing:1px;
            }
            .image{
                    width:90%;
                    height:150px;
                    margin-top:2%;
                   margin-left: 5%;
            }
          .morebox img{
            width: 5px;
            height: 8px;
            float: right;
          }
          .more{
            display: inline-block;
            font-size: 0.8em;
            margin-top: 2%;
            float: left;
            margin-left: 0%;
            width: 30%;
            color: #272727;
            margin-bottom: 6%
          }
          .morebox{
                     border-top: 1px solid #BEBEBE;
                     width: 88vw;
                     margin-top: 4%;
                     margin-left: 5%;
          }
          .link{
            display: inline-block;
            width:10%;
            float: right;
            margin-top: 3%;
          }
         
             @media screen and (min-height: :480px) and (max-width: :520px){
                .con{
                   height: 130px;
                }
                
           }
           @media screen and (min-height: :520px) and (max-width:640 :px){
                .con{
                   height: 150px;
                }
                
           }
            @media screen and (min-height: :650px) and (max-width:770 :px){
                .con{
                   height: 180px;
                }
                
           }