@charset "utf-8";

.heder-btn { display:none;}
.close-btn { display: none;}

/* RWD */
@media screen and (max-width: 1000px) {
	
	img { max-width:100%!important; height: auto !important; _width:expression(this.width > 100 ? "100%" : this.width)!important;}
	.center { width:100%;}
	.content-c { width:100%;}
	.content-a {}

	/*mini header*/
	#top_tab ul.wtab { width:50%; }
	#top_tab ul.mtab { width:49%; }

	/* header */
	/* AC Header */
	.ac-header-title { margin-bottom:50px;}
    ul.head-share{ top:20px;}
	/*.ac-header #title-img img { max-width:100%; height: auto;}*/
	.btn-sign { position: static; display: inline-block;}
	.btn-rule { position: static; display: inline-block;}
	
	/* main */
	#ac-main { width:90%; margin: 0 auto; }
	#ac-main .left-area, #ac-main .center-area, #ac-main .right-area, #ac-main .notice-area { float:none; padding-left:0; margin-bottom:20px;}
	#ac-main .left-area { width:100%;}
	#ac-main .left-area .mianwrap{ width:100%;  }
	#ac-main .center-area { width:100%; margin:0 0 0 0; }
	#ac-main .center-area .mianwrap { width:100%; margin:0;}
	#ac-main .right-area { width:100%; margin-top:20px;}
	#ac-main .right-area .mianwrap{ width:100%;}
	#ac-main .mianwrap { margin-bottom:15px; padding:0;}
    .btn-wrap > div{}
	.other-wrap{}
	
	#commUI .func { background:none;}
	#commUI .func a { float:none;}
	
	/* 公告區 */
	#ac-main .right-area .mianwrap .inner { width:calc( 100% - 22px);}
	/* 廣告 */
	.bannerwrap { width:300px; margin:0 auto; margin-bottom:20px;}
	
	/*作品列表*/
	.article-nav { position:relative;}
	.article-nav .swichlist { position:absolute; left:auto; top:0; right:0; }
	.article-content { text-align:center;}

	/* 圖片式data */
	.s-mimg .data { float:none; display:inline-block; vertical-align:top; margin:10px 0; padding:8px 8px 0 8px;}
	.s-mimg .data dl, .s-mimg .data dl dd.author, .s-mimg .data dl dd.book { }
	
	/* 文字式data */
	.s-mtxt .data { width:100%; text-align: left;}
	.s-mimg .data dl, .s-mimg .data dl dd.author, .s-mimg .data dl dd.book { /*width:calc( 100% - 180px ); text-align:left;*/}
	.s-mtxt .data { height: 80px;}
	.s-mtxt .data dl dd.sn { width:9%; text-align:right;}
    .s-mtxt .data dl dd.book { width:calc( 90% - 35px); left:11%;}
    .s-mtxt .data dl dd.author { width:calc( 90% - 35px); left:11%; top:35px;}
	.s-mtxt .data dl dd.date { width:100%; right:0; top:50px; text-align: right; color: #999;}
	
	/* vote */
	.article-content .vote-data dl { width:100%;}

	/* 留言 */
	#msg { width:calc( 100% - 20px); padding:10px;}
	.scroll-pane { width:100%; }
	#msg dl { width:100%; }
	#msg dl dd { /*width:calc( 100% - 70px);*/ }
	#msg .box-talk-t,#msg .box-talk-b { background:none;}
	#msg .box-talk-c { background:#fff; border:1px solid #dbdbdb; border-radius:3px; padding:5px;}
	
	/* footer */
	#Footer { height:auto; padding-bottom:30px;}
	#copyright { width: 100%;}
	#copyright .center { width:100%;}
	#copyright .coop { right:10px; }
	
	#ac-main .nav a { color:#6ea8f5; }
	
	/* sign */
	#ac-main .sign-column { width:100%;}
	form.sign { padding:0 10px;}
	.sign-wrap dl dd input.address { width:90%;}
	
	/* bbs add */
	.comm-form { width:100%; margin:20px auto;}
	.formlist dl dt.bbsl,.formlist dl dd.bbsr { float:none; width:100%; margin:5px 0;}
	
	/* notice */
	#ac-main .notice-area { width:100%; margin-left:0;}
}

@media screen and (max-width: 768px) {
	ul#news { position: static; width:80%; margin:20px auto;}
	#Footer {}
	#copyright { width:95%; height:auto; margin:0 auto;}
	#copyright .center { height:auto;}
	#copyright .logo { position:static; width:100%;}
	#copyright .info { position:static; width:100%; margin-bottom:10px; text-align:center;}
	#copyright .coop { position:static; margin:0 auto;}

}

@media screen and (max-width: 640px) {
	
	body { background: url("images/bg-m.png") no-repeat top center, url("images/bg-m2.png") no-repeat bottom 150px center #eef4dc; background-size: contain;}
    .ac-header { background:none;}
    
	/* header */
	.ac-header-title { width: 300px; margin:0 auto; padding:50px 0 30px 0;}
	#ac-main { padding-top: 0;}
	#ac-main .mianwrap .title.ti-style01 { font-size:15px; line-height:40px; }
	#ac-main .mianwrap .title.ti-green {  font-size:15px;}

	/* mini header */
	#popoHeader { padding-bottom:0;}
	.header-btn { display:block; cursor:pointer; width:30px; height:30px; font-size:16px; position:absolute; left:30px; top:15px; z-index:1000;}
	.header-btn span { display:block; height:4px; margin:3px; background:#999;}
	#top_tab { display:none; width:100%; position:absolute; top:0; left:0; padding:50px 0 30px 0; border-bottom:none; height:auto; text-align:center; background:#fff; z-index:1001;}
	#top_tab:target { display:block;}
	#top_tab:target + .close-btn { display: block; cursor:pointer; width:30px; height:30px; color:#999; font-size:25px; font-family:Arial, Helvetica, sans-serif; position:absolute; left:15px; top:15px; line-height:25px; z-index:1002; text-align:center;}
	#top_tab:target + .close-btn:hover { text-decoration:none;}
	#top_tab ul.wtab,#top_tab ul.wtab li { float:none; }
	#top_tab ul.wtab li { display:inline-block; }
	#top_tab ul.wtab { border-left:none; width:100%; }
	#top_tab ul.wtab li, #top_tab ul.mtab li { border-right:none; }
	#top_tab ul.mtab { float:none; width:100%;}
	#top_tab ul.mtab li { border-right:none; float:none; display:inline-block;}
	#top_tab ul.mtab li.uinfo { padding-right:0; }
	#top_tab ul li { line-height:30px; vertical-align:middle;}
	#top_tab ul li a { display:block; padding:5px 10px;}
	#top_tab ul li a.or { padding:5px 10px; }
	#top_tab ul.mtab li a.or { color:#666;}
	#top_tab ul li.ov { border-top:none; height:auto;}
	#top_tab ul li.aw { border-top:none; background:#BAD340; }
	#top_tab ul li.aw a { color:#fff;}

	.btn-sign a, .btn-rule a { font-size:15px;}
	.ti-hot { font-size:16px;}
	
	/* 作品列表tab */
	ul.tabs li { margin:0;}
	ul.tabs li a { padding:4px 8px; font-size:12px;}

	/* bbs-detail */
	#comm-content .comm-grid .comm-content { width:100%; float:none; clear:both;}
    
    .hotbook { min-height:260px; }
    .hotbook .cover img { width: 120px; height: 170px;}
	
	.sign-wrap dl dd input, .sign-wrap dl dd select { max-width:150px !important;}
}