@charset "utf-8";

dl, dt, dd { margin: 0; padding: 0; }
section {
	height: auto;
    max-height: none;
}
table { width: 100%; }


#bannerSection { position: relative; height: 450px; width: 100%; }
#banner_img { position: absolute;
              background: url(../img/view3.png) left 80% no-repeat;
              background-size: cover;	
              height: 450px; width: 100%; z-index: 5; }
#darkfilm { background: rgba(0,0,0,0.6); }
#bannerSection .banner_word { position: absolute; top: 60%; opacity: 0; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 9; text-align: center;}
#bannerSection .banner_word li:first-child { font-size: 42px; font-weight: bold; text-shadow: 3px 3px 0 rgba(0,0,0,0.8);}
#bannerSection .banner_word li:nth-child(2) { width: 100px; height: 5px; background: #d96b2b; margin: 0 auto; margin: 15px auto 25px; }
#bannerSection .banner_word li:last-child { font-size: 20px; text-shadow: 3px 3px 0 rgba(0,0,0,0.8);}
.leftSlideUp {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 0; height: 0;
    border-bottom: 50px solid #fff;
    border-right: 100vw solid transparent;
}


#articleSection { position: relative; width: 100%; }
#articleSection .article_Wrap { width: 1000px; margin: 0 auto; padding-bottom: 60px; }
#articleSection .article_Wrap h1 { 
	font-size: 38px;
	font-weight: bold; color: #333;
	border-left: 10px solid #d96b2b;
	text-indent: 20px;
	margin: 60px 0;
}

th {
	border-top: 2px solid #000;
	border-bottom: 1px solid #777;
	padding: 20px 0; 
	text-align: left;
	font-weight: normal; }
.title { font-size: 18px; }
.date { float: right; font-size: 14px; }
.content { border-bottom: 1px solid #777; padding: 20px; }



.bbs_btn { 
	background: #d96b2b;
	border: none;
	cursor: pointer;
	color: #fff;
	padding: 7px 15px;
	border-radius: 10px;
	margin-top: 10px;
	font-size: 16px; }
.bbs_btn:hover { background: #ff9900; color: #fff; }
.edit_btn { float: right; margin: 10px 10px 0 0; }
.delete_btn { float: right; }
.btn-like {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    color: #000;
    padding: 7px 15px;
    border-radius: 10px;
    margin-top: 10px;
}
.btn-like img { width: 30px; vertical-align: middle; }
.btn-like span { margin-left: 5px; }
@media screen and (max-width: 720px){
	#bannerSection .banner_word { opacity: 1; }
	#bannerSection { height: 250px; }
	#banner_img { background-size: cover; width: 100%; height: 249px; background-position: center center; }
	.leftSlideUp { border-bottom: 35px solid #fff; } 
	#bannerSection .banner_word li:first-child { font-size: 30px; }
	#bannerSection .banner_word li:nth-child(2) { width: 120px; margin: 10px auto 15px; }
	#bannerSection .banner_word li:last-child { font-size: 18px; }
 	
 	#articleSection .article_Wrap { width: 95%; }
	#articleSection .article_Wrap h1 {
		margin: 20px; 
		font-size: 26px; 
	}
    table { width: 100%; border-collapse: collapse; }
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	table img { display: block; width: 100% !important; height: 100% !important;  }
}
@media screen and (max-width: 1250px) and (min-width: 721px) {
	#bannerSection .banner_word { opacity: 1; }
	#aside { display: none; }
	#articleSection .article_Wrap { width: 95%; }
	table { width: 100%; border-collapse: collapse; }
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	table img { display: block; width: 100% !important; height: 100% !important;  }
}