#wrap {background:#000;}

#title_jdjd { padding:50px 10px; background:#ffffff; border-bottom:solid 0px #e6e5df; text-align:center;}

#title_jdjd .header {max-width:600px;height:auto;display:inline-block;text-align:center;}
#title_jdjd .header img {width:100%;height:auto;}



#main { padding:0 0px;margin-top:350px; }
#main .section_jdjd { padding:50px 10px; background:#000; border-bottom:solid 1px #e6e5df;   }
#main .section_jdjd > ul { max-width:1190px; margin:0 auto;text-align:center;}
#main .section_jdjd > ul li {margin:20px; }
#main .section_jdjd > ul li.card { display:inline-block;width:250px; cursor:pointer;}
#main .section_jdjd > ul li.card img { width:250px; height:333px;border:0px solid #000000;}

.i-c-livere-m { display:none !important;}
button.fake-write-btn {background:#888 !important;}

#main { padding:0 0px; }
#main .section_video { padding:50px 400px; background:#000; border-bottom:solid 0px #e6e5df;text-align:center;}
/* #main .section_video > div { max-width:1190px; height:auto; margin:0 auto;text-align:center;} */
/* #main .section_video > div { max-width:900px; height:auto; margin:0 auto;text-align:center;} */

#main .section_video div.title {font-size:20px;padding:10px;font-weight:bold;}
#main .section_video ul.banner{ text-align:center; }
#main .section_video ul.banner li{ text-overflow:ellipsis;display:inline-block;width:30%;background:#FBE12E;border-radius:4px;padding:15px 15px;text-align:center;font-size:11px;font-weight:bold;margin:5px;letter-spacing:-0.5px;cursor:pointer;}
#main .section_video .button {display:inline-block;width:600px;padding:10px 20px;font-size:15px;font-weight:bold; text-align:center;background:#888;border-radius:4px;color:#ffffff;cursor:pointer;letter-spacing:-1.5px;}
#main .section_video .home {background:#444 !important;}
#main .section_video .signup {background:#004d00;}


.page-style01 li {display: inline-block; width: 35px; text-align: center; height: 35px;line-height: 30px;    font-size: 15px;    font-weight: bold;    margin: 3px;    background: #fff;    border-radius: 3px;}


.comment-container { clear:both; padding-top:30px; border-top:dashed 1px #eeeeee; margin-top:20px; }

.comment-container .comment_frm .textarea { height:130px; border:solid 1px #666; padding:0px; }
.comment-container .comment_frm .name { margin-top:3px; }
.comment-container .comment_frm .name li { margin-right:10px;width:100%;}
.comment-container .comment_frm .name li label { width:100px;color:#fff;}
.comment-container .comment_frm .name input { cursor:pointer; color:#fff; font-weight:bold; border:solid 0px; padding:15px 15px; font-size:16px; margin-top:3px; border-radius:0px;background:#444;width:300px; }
.comment-container .comment_frm .name input::placeholder { font-size:13px;letter-spacing:-1.5px;font-style: italic;}
.comment-container .comment_frm textarea { width:100%; height:130px;font-size:16px;letter-spacing:-1.5px; background:#444;color:#fff;font-weight:bold;}
.comment-container .comment_frm textarea::placeholder { font-size:13px;letter-spacing:-1.5px;font-style: italic;}
.comment-container .comment_frm td { vertical-align:top; }
.comment-container .comment_frm td img { vertical-align:middle !important; }
.comment-container .comment_frm td span { display:block; padding-top:4px; color:#b2b2b2; font-size:12px; }
.comment-container .comment_frm td input { cursor:pointer; color:#fff; font-weight:bold; border:solid 0px; padding:15px 15px; font-size:16px; margin-top:3px; border-radius:0px;background:#444;width:35%; }
.comment-container .comment_frm td input::placeholder { font-size:13px;letter-spacing:-1.5px;font-style: italic;}
.comment-container .comment_frm td.thumb { display:none;}
.comment-container .comment_frm td.tip { display:none;}
.comment-container .comment_frm td.write_button {width:100%;}
.comment-container .comment_frm td.write_button > input {width:100%;background:#806600;}
.comment-container .comment_frm td .user_info{ width:100%; }
.comment-container .comment_frm td .user_info > .input1 { float:left;}
.comment-container .comment_frm td .user_info > .input2 { float:right;}


.comment-container .board_commentlist_area {color:#aaa;margin-top:100px;}
.comment-container .board_commentlist_area li {margin:40px 0;background:#333;}
.comment-container .board_commentlist_area li * {color:#bbb;}
.comment-container .board_commentlist_area li td.img {display:none;}
.comment-container .board_commentlist_area li td.desc {padding:10px;}
.comment-container .board_commentlist_area li td.desc div.comment_editor_area {font-size:13px;letter-spacing:-0.5px;color#eee;background:#555;padding:10px 0;margin:5px 0;padding-left:10px;}
.comment-container .board_commentlist_area li td span.name {color:#fff;font-size:15px;letter-spacing:-0.5px;padding:10px 0;font-weight:bold;line-height:15px;}
.comment-container .board_commentlist_area li td span.name a {color:#fff;}


.board_comment_info { padding:8px; background:#efefef; height:33px; margin-top:15px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.board_comment_info .board_comment_cnt {float:left; font-weight:bold; color:#4c4c4c; font-size:16px; padding-top:3px; }








@media all and (max-width: 1500px) {
	#main .section_video { padding:50px 200px; background:#000; border-bottom:solid 0px #e6e5df;}
}

@media all and (max-width: 1000px) {
	#main .section_video { padding:50px 100px; background:#000; border-bottom:solid 0px #e6e5df;}
}

@media all and (max-width: 800px) {
	#main .section_video { padding:50px 10px; background:#000; border-bottom:solid 0px #e6e5df;}
	#main .section_video ul.banner li { width:40%;font-size:12px;}
}

@media all and (max-width: 600px) {
	#main .section_video .button {width:80%;}
}

@media all and (max-width: 440px) {
	#main .section_video { padding:50px 10px; background:#000; border-bottom:solid 0px #e6e5df;}
	#main .section_video ul.banner li { width:90%;font-size:11px;}
}