#drop {

       /*  width:100%;border: 1px solid gray;

         height:300px; */

		   width: 1170px;

    /* border: 1px solid gray; */

    /* height: 180px; */

    border-bottom: 1px solid;

    padding-bottom: 150px;

    margin-bottom: 20px;

    border-top: 1px solid;

    margin: 0 auto;

		 

		 

        }

       

   .uploadthumbpic{width:100px;height:100px; float:left;}

   

.sotips .title{

font-size:18px;

font-family:ºÚÌå;

color:#FF0000;

padding: 10px;

}

.sotips .readme{

  text-align: left;

  font-size: 16px;

  width: 1170px;

  margin: 0 auto;

  line-height: 1.8;

}

    

	

	.sotips {

    text-align: center;

    text-shadow: 0 1px 1px rgba(255,255,255,.5);

   margin-top: 40px;

} 

   

  

.search-panel-bg {

  margin-top: 25px;

 text-align: center; }

  .search-panel-bg .search-box {

    width: auto;

    height: 40px;

    font-size: 0; }

    .search-panel-bg .search-box .uploader-box {

      position: relative;

      display: inline-block;

      width: 220px;

      height: 40px;

      font-size: 14px; }

      .search-panel-bg .search-box .uploader-box .input-uploader {

        position: absolute;

        left: 0;

        top: 0;

        -moz-clip: rect(1px 1px 1px 1px);

        -webkit-clip: rect(1px 1px 1px 1px);

        -o-clip: rect(1px 1px 1px 1px);

        clip: rect(1px 1px 1px 1px); }

      .search-panel-bg .search-box .uploader-box .input-uploader-label {

        position: absolute;

        left: 0;

        top: 0;

        opacity: 0;

        width: 100%;

        height: 100%;

        display: block;

        cursor: pointer;

        background: white; }

    .search-panel-bg .search-box .box-bg {

      width: 220px;

      height: 38px;

      border-radius: 4px;

      line-height: 38px;

      cursor: pointer;

      border: 1px solid #3bc66f; }

      .search-panel-bg .search-box .box-bg > .uploader-icon {

        width: 21px;

        height: 19px;

        vertical-align: middle;

        display: inline-block;

        background: url(images/search_bg.png) -183px -566px; } 



      .search-panel-bg .search-box .box-bg > span {

        display: inline-block;

        vertical-align: middle;

        font-size: #333;

        font-size: 16px; }

    .search-panel-bg .search-box .inputbox {

      position: relative;

      height: 40px;

      font-size: 14px;

      margin-left: 10px;

      display: inline-block; }

      .search-panel-bg .search-box .inputbox .input-url {

        width: 250px;

        padding: 0 10px;

        color: #666;

        font-size: 14px;

        height: 38px;

        line-height: 38px;

        border: 1px solid #3bc66f;

        border-radius: 4px 0 0 4px; }

    .search-panel-bg .search-box .search-btn {

      width: 100px;

      height: 40px;

      background-color: #3bc66f;

      text-align: center;

      line-height: 38px;

      color: #ffffff;

      font-size: 16px;

      cursor: pointer;

      display: inline-block;

      border-radius: 0 4px 4px 0; }

      .search-panel-bg .search-box .search-btn:hover {

        background-color: rgba(59, 198, 111, 0.8); }

		

		

		@media(max-width:768px) {

		

		

		

		

		

		

		

			

		 #drop {

         width:100%;         height:220px;

        }

			

			

	.sotips .readme{ width:100%;}





			

			

		.uploadthumbpic{width:100px;}

		

		

		.search-panel-bg {

  margin-top: 30px;

 text-align: center; }

  .search-panel-bg .search-box {

    width: auto;

  /*  height: 40px; */

    font-size: 0; }

 /*   .search-panel-bg .search-box .uploader-box {

    

    

	}

	*/   

      .search-panel-bg .search-box .uploader-box .input-uploader {

        position: absolute;

        left: 0;

        top: 0;

        -moz-clip: rect(1px 1px 1px 1px);

        -webkit-clip: rect(1px 1px 1px 1px);

        -o-clip: rect(1px 1px 1px 1px);

        clip: rect(1px 1px 1px 1px); }

      .search-panel-bg .search-box .uploader-box .input-uploader-label {

        position: absolute;

        left: 0;

        top: 0;

        opacity: 0;

        width: 100%;

        height: 100%;

        display: block;

        cursor: pointer;

        background: white; 

		}

    .search-panel-bg .search-box .box-bg {

      width: 220px;

      height: 38px;

      border-radius: 4px;

      line-height: 38px;

      cursor: pointer;

      border: 1px solid #3bc66f; 

	  clear:both;}

      .search-panel-bg .search-box .box-bg > .uploader-icon {

        width: 21px;

        height: 19px;

        vertical-align: middle;

        display: inline-block;

        background: url(images/search_bg.png) -183px -566px; } 



  /*    .search-panel-bg .search-box .box-bg > span {

        display: inline-block;

        vertical-align: middle;

        font-size: #333;

        font-size: 16px; }

		*/

    .search-panel-bg .search-box .inputbox {

      position: relative;

      height: 40px;

      font-size: 14px;

      margin-left: 10px;

      display: inline-block; 

        margin-top: 0px;

	   clear:both;}

	  

      .search-panel-bg .search-box .inputbox .input-url {

        width: 100px;

        padding: 0 10px;

        color: #666;

        font-size: 14px;

        height: 38px;

        line-height: 38px;

        border: 1px solid #3bc66f;

        border-radius: 4px 0 0 4px; 

		 clear:both;}

    .search-panel-bg .search-box .search-btn {

      width: 100px;

      height: 40px;

      background-color: #3bc66f;

      text-align: center;

      line-height: 38px;

      color: #ffffff;

      font-size: 16px;

      cursor: pointer;

      display: inline-block;

      border-radius: 0 4px 4px 0; }

      .search-panel-bg .search-box .search-btn:hover {

        background-color: rgba(59, 198, 111, 0.8); }

		



    }