@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 { background: url(images/acHeaderimg-m.jpg) no-repeat top center #d5dbdb; background-size: contain;}

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

	/* header */
	/* AC Header */
    .ac-header{}
	.ac-header-title { position: static; width:90%; margin: 0 auto; text-align: center; padding-top:7%;}
	
    ul.head-share{ top:20px;}
	/*.ac-header #title-img img { max-width:100%; height: auto;}*/
	.btn-sign { left:10%; top:400px;}
	.btn-rule { left: inherit; right:10%; top:400px;}

	/* 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; padding-top: 1px; }
	#ac-main .center-area .mianwrap {}
	#ac-main .right-area { width:100%; margin-top:20px;}
	#ac-main .right-area .mianwrap{}
	#ac-main .mianwrap { margin-bottom:15px;}
    .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:0;}
	.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: 70px;}
	.s-mtxt .data dl dd.sn { width:4%; text-align:right;}
	.s-mtxt .data dl dd.date { width: calc(100% - 50px); right:inherit; left: 50px; top: 50px; text-align: right; color: #999;}
	.s-mtxt .data dl dd.book, .s-mtxt .data dl dd.author { width: calc(100% - 85px);}
	
	/* 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) {
	#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 {}
	/* 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;}
	
	.ac-header { padding:50px 0; height:350px;}
	.ac-header #title-img, .ac-header #title-txt {}
	#ac-main { padding-top: 0;}
	#ac-main .mianwrap .title.ti-style01 { font-size:16px; line-height:25px; }
	#ac-main .mianwrap .title.ti-green {  font-size:15px;}
	.btn-rule,.btn-sign { top: 350px;}
	
	/* 作品列表tab */
	ul.tabs { top:35px; right:0; }
	ul.tabs li { float:right; overflow:hidden; margin-left:2px;}
	ul.tabs li a { padding:5px 10px;  }

	/* bbs-detail */
	#comm-content .comm-grid .comm-content { width:100%; float:none; clear:both;}
	
}