#markdown{
    width: 100%;
    height: 300px;
    padding: 5px;
}
#markdown-edit{
    border-radius: 5px;
    width: 49%;
    height: 100%;
    float: left;
    background-color: #eeeeee;
    resize: none;
    color: black;
    margin-left:10px;
}
#markdown-show{
    border-radius: 5px;
    width: 49%;
    height: 100%;
    float: left;
    background-color: #ffffff;
    color: black;
    margin-left:10px;
    padding: 10px;
    overflow:auto;
}
#makedown-menu{
    width: 98%;
    height: 45px;
    background-color: #eeeeee;
    resize: none;
    color: black;
    margin-left:15px;
	white-space:nowrap;
}
#makedown-open-btn{    /*自定义按钮*/
	height:90%;
	background-color: #2e3842;
	border-radius: 3px;
    color: white;
    padding: 1px 15px;
    text-align: center;
	line-height:40px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
	float: left;
	margin:2px;
}
#makedown-save-btn{    /*自定义按钮*/
	height:90%;
	background-color: #2e3842;
	border-radius: 3px;
    color: white;
    padding: 1px 15px;
    text-align: center;
	line-height:40px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
	float: left;
	margin:2px;
}
#makedown-clean-btn{    /*自定义按钮*/
	height:90%;	
	background-color: #2e3842;
	border-radius: 3px;
    color: white;
    padding: 1px 15px;
    text-align: center;
	line-height:40px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	
	float: left;
	margin:2px;
}
#wrapper_main{
    width: 100%;
    padding: 0;
}
#inner_main{
    width: 100%;
}

@media screen and (max-width: 1280px) {
    #markdown-edit{
        width: 48%;
        margin-left: 20px;
    }
    #markdown-show{
        width: 48%;
        margin-left: 5px;
    }
	#makedown-menu{
		width: 95.5%;
		margin-left:25px;
	}
}

@media screen and (max-width: 960px) {
    #markdown-edit{
        width: 48%;
        margin-left: 10px;
    }
    #markdown-show{
        width: 48%;
        margin-left: 10px;
    }
	#makedown-menu{
		width: 96%;
		margin-left:15px;
	}
	#makedown-open-btn{
    font-size: 13px;
	}
	#makedown-save-btn{
    font-size: 13px;
	}
	#makedown-clean-btn{
    font-size: 13px;
	}
}

@media screen and (max-width: 600px) {
    #markdown{
        padding: 5px 0px 5px 0px;
    }
    #markdown-edit{
        width: 48%;
        margin-left: 7px;
    }
    #markdown-show{
        width: 48%;
        margin-left: 5px;
    }
	#makedown-menu{
		width: 97%;
		margin-left:7px;
	}
	
	#makedown-open-btn{
    font-size: 10px;
	}
	#makedown-save-btn{
    font-size: 10px;
	}
	#makedown-clean-btn{
    font-size: 10px;
	}
}

@media screen and (max-width: 450px) {
    #markdown-edit{
        width: 47%;
        margin-left: 10px;
    }
    #markdown-show{
        width: 47%;
        margin-left: 5px;
    }
	#makedown-menu{
		width: 95%;
		margin-left:10px;
	}
}

@media screen and (max-width: 400px) {
    #markdown-edit{
        width: 48%;
        margin-left: 5px;
    }
    #markdown-show{
        width: 48%;
        margin-left: 3px;
    }
	#makedown-menu{
		width: 96.5%;
		margin-left:5px;
	}
}

@media screen and (max-width: 300px) {
    #markdown-edit{
        width: 47%;
        margin-left: 5px;
    }
    #markdown-show{
        width: 47%;
        margin-left: 6px;
    }
	#makedown-menu{
		width: 96%;
		margin-left:5px;
	}
	#makedown-open-btn{
    font-size: 7px;
	}
	#makedown-save-btn{
    font-size: 7px;
	}
	#makedown-clean-btn{
    font-size: 7px;
	}
}

@media screen and (max-width: 185px) {
    #markdown-edit{
        width: 49%;
        margin-left: 0px;
    }
    #markdown-show{
        width: 49%;
        margin-left: 1px;
    }
	#makedown-menu{
		width: 98%;
		margin-left:0px;
	}
	#makedown-open-btn{
    font-size: 5px;
	}
	#makedown-save-btn{
    font-size: 5px;
	}
	#makedown-clean-btn{
    font-size: 5px;
	}
}