#main .left {float: left;	width: 160px;	margin: 0px 5px 0px 0px;background:none;display: inline; height: auto;}
#main .color {border: 1px solid #009933;	padding: 10px;}
#main .color table {	width: 100%;	text-align: center;}
#main .color td {	border: 1px solid #ccc;	padding: 5px;	font-size: 14px;}
#main .colorpicker {	border: 1px solid #009933;	padding: 10px;}
#main .colorpicker table {	text-align: center;	margin: 5px auto;}
#main .colorpicker td {	width: 22px;	height: 16px;	border: 1px solid #000;	cursor: pointer;}
#main  .textarea {width:99%;border: 1px solid #95bac2;box-sizing:border-box;height: 220px;	resize: vertical;	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;padding: 5px 10px;}
#main textarea.textarea {clear:both;}
.left .alert {	padding-right: 2px}
.left .alert h2 {	font-size: 18px;	margin: 0 0 3px 0;	color: #222;}
.left .alert ul, .left .alert ol {	margin: 0 0 10px 3px;}
.left .alert li {	color: #404040;	list-style-type: none;	background-image: url(/images/public/arrow.gif);	background-repeat: no-repeat;	background-position: 0 .7em;	padding: 0 0 0 12px;	line-height: 28px; font-size:15px}
/*#main .middle {margin-left:150px; } */
/*#main .middle {margin-left:185px;} */
#main .left .left_slide{position:fixed;left:162px;top:250px;}
#main #FileUploadView {width:300px;height:220px;position: absolute;top:-10px;right:70px;z-index: 100;padding: 10px; text-align: center;border:solid 1px #666;background: #fff;}
#main #FileUploadView div{position:relative;top:-5px;}
#main #web_url_input {position:absolute;left:200px; right:200px;z-index: 100;}

/*以下为convertd div定义*/
#main #convertd {overflow: auto;}
#main #convertd  div span.py {padding: 5px;}
#main #convertd .py{font-style: normal; font-size:18pt; color:#0000FF;}
#main #convertd .font{font-style: normal; font-size:14pt; color:#000;}
#main #convertd ul li {float:left; margin: 5px;text-align: center;}

#main fieldset {padding:10px 5px;}

div.table {padding:20px;*padding:5px;color:#000;text-align: left;background: #fff;}
div.table table{width:95%;text-align: center;}
div.table thead{background:#eee;text-align: center;}
div.table h3{border-bottom: 1px solid #333;}
div.table th{font-weight: blod;}
div.table td,th{border:1px solid #ccc;padding: 8px;text-align: left;word-break: break-all;}

#main .test {background: #000;}
#main .test li{float: left; width:200px; background: #333; color:#F2F1DD; border: 1px solid #333;font-size:14px; margin:10px 5px; padding:8px 10px;overflow:hidden;text-indent: 20px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Droid Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;background-image: url(/images/public/cross.png);background-position: 10px 50%;background-repeat: no-repeat;}
#main .test h1{clear:both;border-bottom:1px solid #ccc;margin: 20px; color:#fff;}
#main .test ul {padding-left: 50px;margin-top:20px;}
.testok{background-image: url(/images/public/tick.png);background-position: 10px 50%;background-repeat: no-repeat;}

#main #selector-tests .txs{border: 0;background-color: transparent; color:#fff;}
#main #selector-tests li[id^='css3_begin'] {background-image: url(/images/public/tick.png);}
#main #selector-tests li[id$='_ends'] {background-image: url(/images/public/tick.png);}
#main #selector-tests li[id*="_matches"] {background-image: url(/images/public/tick.png);}
:root #main #selector-tests #css3_root  {background-image: url(/images/public/tick.png);}
#main #selector-tests li:nth-child(5) {background-image: url(/images/public/tick.png);}
#main #selector-tests li:nth-last-child(16) {background-image: url(/images/public/tick.png);}
#main #selector-tests li:nth-of-type(7) {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3_nth_last_of_type li:nth-last-of-type(1) {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3-test-last-child li:last-child {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3_first_of_type li:first-of-type {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3_last_of_type  li:last-of-type  {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3_only_child  li:only-child  {background-image: url(/images/public/tick.png);}
#main #selector-tests div.css3_only_of_type  li:only-of-type  {background-image: url(/images/public/tick.png);}
#main #selector-tests li.css3_not:not(code) {background-image: url(/images/public/tick.png);}

#main #selector-tests li.css3_empty  em:empty  {height:10px;}
:target #main .test li.css3_target {background-image: url(/images/public/tick.png);}
#main #selector-tests #css3_enabled input:enabled {height:10px;}
#main #selector-tests #css3_disabled input:disabled {height:10px;}
#main #selector-tests #css3_checked input:checked {height:10px;}
#main #selector-tests li.css3_general_sibling span ~ em {height:10px;}

#main .middle  .alert {border:none;background:none;}
#main .middle  .alert-info {border:none;background:none;}

#main #selector-tests li.css3_e_child_f > em {height:10px;}

#main  .mail24{background-image:url(/images/public/24mail.png);background-repeat: no-repeat; height: 60px;}
.reset li {list-style:decimal; margin-left: 20px;}
.reset li span {margin-left:20px; color:#006600; }

@media (max-width:800px){
    #main .left{display: none;}
    #main .middle {margin-left: 0px;}
    #bdshare {display: none;}
    #main .wc {margin: 2px;} 
    #main .tc {margin: 10px;} 
    #main .section_content h1 {
          font-size:16px;
    }

    #main .section_content div.alert {
    	padding:0px;
        margin-top: 5px;
    }


    #main .section_content div.m_b10.alert {
    	background: #f2f2f2!important;
        padding: 5px 8px!important;
    	overflow:hidden;
    	font-size:13px;
    }
    #main .section_content div.m_b10.alert a {
    	margin-right:0px!important;
    }

    #menu {
    	background: #110b7c!important;
        height: 40px;
        overflow: hidden;
	transition-property: height;
    	transition-duration: 0.5s;
    }

    #menu .top_menu_ico {display:flex!important;flex-direction: column;}
    #header .top_slide {display:none;}

    #menu ul {
           display: flex!important;
           flex-wrap: wrap;
    }

    #menu ul li.menu {
            border: none!important;
            width: 33%!important;
   }
   
   #menu a.menu {
	 line-height: 33px;
   }

   #menu ul li:last-child {
            display: none!important;
   }
  
   #menu ul li:nth-last-child(2) {
            flex: 3;
	    text-align: right;
	    border-top: 1px solid #999 !important;
	    padding-right: 5px;
   }
   

   /* input和select的默认样式取消 */
   input,select{
    outline: transparent dotted;border: 0;background: #fff;
    margin:3px;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }

  input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
 
 /* input的placeholder修改，至于select下的option的字体颜色可以直接控制select的color属性 */
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #ccc;font-size: 13px;
  }
    input:-moz-placeholder,textarea:-moz-placeholder {
    color: #ccc;font-size: 13px;
  }
    input::-moz-placeholder,textarea::-moz-placeholder {
    color: #ccc;font-size: 13px;
  }
    input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #ccc;font-size: 13px;
  }

}

.adslot_1 { width: 970px; height: 90px; }
@media (min-width:300px) { .adslot_1 { width: 320px; height: 100px; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
@media (min-width:1000px) { .adslot_1 { width: 970px; height: 90px; } }