@import url("public.css");

.bbk{background-color: var(--color-toolbar);border-radius: 6px;box-shadow: var(--shadow-slight);}
#esh{margin-bottom: 24px;}
#esh h2{margin-left: 4px;color: var(--color-normal)}
#esh small{display: inline-block;margin: 8px;color: var(--color-slight)}
#esmain {color: var(--color-normal)}
#esmain .p{width: 100%;margin-top: 10px;margin-bottom: 30px;}
#esbottom{display: flex;padding: 16px 0;border-top: 1px solid var(--color-line);font-size: 15px;color: var(--color-pale);}
#esbottom .likesinfo{margin-left: auto;}
#tolike_btn{display: inline-block;padding: 0 6px;cursor: pointer;user-select: none;}
.main{background-color: var(--color-toolbar);border-radius: 6px;box-shadow: var(--shadow-slight);padding: 56px}
.main .sec{margin-bottom: 16px;}
.main .bbk>.head{padding: 10px;border-bottom: 1px solid var(--color-line-light);}
.main .bbk>.con{padding: 16px;}
.pagecon{padding: 16px;width: 100%;max-width: 1200px;margin: 0 auto;}
.pagecon .main{display: inline-block;vertical-align: top;width: calc(100% - 300px);}
.pagecon .sidebar{display: inline-block;vertical-align: top;width: 284px;position: sticky;top: 0;margin-left: 16px;}
.sidebar .sec{margin-bottom: 16px;}
.sidebar .bbk{padding: 12px;}
.sidebar .imgAd{width: 100%;}
.sidebar .imgAd img{width: 100%;border-radius: 3px;margin-bottom: 4px;}

@media only screen and (max-width: 900px) {
	.pagecon{padding: 0}
    .pagecon .main{width: 100%;}
    .pagecon .sidebar{display: none;}
}

@media only screen and (max-width: 600px) {
    .main{padding: 20px}
}