html, body, #page { font-size:13px; color:#333; font-family:Verdana, Geneva, sans-serif, 微軟正黑體; -webkit-text-size-adjust:none; height:100%; }

a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }

.center { margin:auto; width:1000px; overflow:hidden; }

/* Header Top Area */
body > #page { height:auto; min-height:100%; }
#popoHeader { margin-bottom:5px; }

#top_tab { background-color:#edeff4; border-bottom:solid 1px #ccc; height:30px; }
#top_tab ul.wtab, #top_tab ul.wtab li { float:left; }
#top_tab ul.wtab { border-left:solid 1px #ccc; width:500px; }
#top_tab ul.wtab li, #top_tab ul.mtab li { border-right:solid 1px #ccc; }
#top_tab ul.mtab { float:right; width:490px; }
#top_tab ul.mtab li { border-right:solid 1px #ccc; float:right; }
#top_tab ul.mtab li.uinfo { padding-right:10px; }

#top_tab ul { overflow:hidden; }
#top_tab ul li { line-height:30px; vertical-align:middle; }
#top_tab ul li.ov { border-top:2px solid #31a5df; height:29px; line-height:29px; vertical-align:middle; background-color:#FFF; color:#666; padding:0 10px; }
#top_tab ul li a.or { color:#666; display:block; padding:0 10px; }
#top_tab ul li a.or:hover { color:#fff; text-decoration:none; background-color:#ccc; }
#top_tab ul li.member a { font-weight:bold; }

#top_tab ul li.ov a:hover { text-decoration:none; }
#top_tab ul li.aw { border-top:3px solid #BAD340; }

#header { overflow:hidden; border-bottom:solid 1px #ccc; }
#header .logoarea { height:120px; }


/* AC Body*/
.body-area { background-color:#fff; }
.content-a { background:url(images/acHeaderimg.jpg) no-repeat center top #d6ddd8; }
.content-b {  }
.content-c { width:1000px; margin:auto; }


/* AC Header */
.ac-header { height:520px; position:relative; }
.ac-header-title { position:absolute; right:77px; top:78px; }
.ac-header #title-img
.ac-header #title-img, .ac-header #title-txt { height:100px; }
.ac-header #title-txt h1 { font-size:36px; font-weight:bold; color:#342626; line-height:normal; margin-bottom:10px; }
.ac-header #title-txt div { font-size:13px; color:#7C6969; }

.btn-sign, .btn-rule {
position:absolute;
top:250px;
width:120px;
height:40px;
line-height:40px;
vertical-align:middle;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:-2px -2px 5px rgba(0,0,0,0.2), 2px 2px 5px rgba(255,255,255,0.3);
-moz-box-shadow:-2px -2px 5px rgba(0,0,0,0.2), 2px 2px 5px rgba(255,255,255,0.3);
box-shadow:-2px -2px 5px rgba(0,0,0,0.2), 2px 2px 5px rgba(255,255,255,0.3);
}
.btn-rule { left:150px; background-color:#999; }
.btn-sign { left:10px; background-color:#CC0000; }
.btn-sign a, .btn-rule a { display:block; font-size:15px; color:#FFF; text-align:center; text-decoration:none; }
.btn-sign:hover, .btn-rule:hover {
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(255,255,255,0.3);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(255,255,255,0.3);
box-shadow:2px 2px 5px rgba(0,0,0,0.2), -2px -2px 5px rgba(255,255,255,0.3);
}


/* AC Main */
#ac-main .nav { padding:5px 0; font-size:13px; margin-bottom:10px; }
#ac-main .nav a { color:#fff; }
#ac-main .nav a:hover { color:#88CC01; }

#ac-main { overflow:hidden; padding: 1px; }
#ac-main .left-area, #ac-main .center-area, #ac-main .right-area, #ac-main .notice-area { float:left; }
#ac-main .left-area { width:235px; margin-top:80px; }
#ac-main .center-area { width:680px; margin-right:18px; }
#ac-main .right-area { width:300px; margin-top:35px; }
#ac-main .mianwrap { position:relative; margin-bottom:15px; padding:10px; box-shadow: 0 0 0 1px #444; border-radius:5px; }
#ac-main .mianwrap .title {
	color:#fff;
	font-size:18px;
	font-family:微軟正黑體;
	font-weight:bold;
	text-shadow:1px 1px 8px rgba(52,60,69,1);
	height:50px;
	line-height:50px;
	vertical-align:middle;
}
#ac-main .notice-area { width:745px; margin-left:10px; }
#ac-main .bbs-column { padding-left:5px; }
#ac-main .sign-column { margin:auto; width:800px; padding-left:5px; }

#ac-main .mianwrap .title.ti-style01 { }
#ac-main .mianwrap .title.ti-green {  }
#ac-main .mianwrap .title.ti-style03 {  }
#ac-main .mianwrap .title.ti-style04{}

#ac-main .mianwrap .inner { position:relative; }
.wrap .inner { padding:10px 0; overflow:hidden; }

.wrap .title { height:40px; border-bottom:solid #f2f2f2 3px; background:url(images/icon-titledot.gif) no-repeat left center; }
.wrap .title h1 { height:40px; padding-left:25px; background:url(images/title-pub.png) no-repeat; text-indent:-5000px; }
.wrap .title h1.ta { background-position:25px 2px; }
.wrap .title h1.tb { background-position:25px -38px; }
.wrap .title h1.tc { background-position:25px -78px; }
.wrap .title h1.td { background-position:25px -118px; }
.wrap .title h1.htab { float:left; width:50%; }

ul.tabs { overflow:hidden; position:absolute; top:15px; right:10px; }
ul.tabs li { float:right; overflow:hidden; margin-right:5px; }
ul.tabs li a {
	display:block; font-size: 14px;
	color:#000;
	text-decoration:none;
	padding:10px 7px;
	text-shadow:0px 0px 3px rgba(255,255,255,0.5);
}
ul.tabs li a:hover {
	color:#fff;
	text-shadow:0px 0px 3px rgba(106,134,146,1);
}
ul.tabs li.current {
	background:#C00;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
}
ul.tabs li.current a { color:#fff; text-shadow:1px 1px 3px rgba(255,255,255,1); font-size:15px; }


ul.notice { list-style:disc outside; padding-left:20px; }
ul.notice li { list-style:disc outside; padding:5px 0; word-break:break-all; }

#commUI .func { overflow:hidden; margin-bottom:10px; padding:0; }
#commUI .func a { margin:0; }
#commUI .grid { margin:10px 0 5px 0; padding-bottom:10px; border-bottom:1px solid #9b8579; overflow:hidden; }
#commUI .grid h1 { margin-bottom:10px; }
#commUI .grid .user-img { float:left; margin-right:10px; }
#commUI .grid .user-img img { border:solid 1px #666; width:25px; height:25px; }
#commUI .grid .author { font-size:12px; line-height:14px; }
#commUI .grid .publish { font-size:11px; color:#999; }
#commUI .grid .content { color:#666; margin:5px 0; }
#commUI .grid ul { padding:3px 0; }
#commUI .grid ul li { float:left; font-size:12px; }
#commUI .grid ul li.countnum { margin-left:10px; width:80px; color:#999; }
#commUI .grid ul li.countnum span { color:#fff; font-family: Arial; }

.article-nav {
	overflow:hidden;
	background-color:#6A8692;
	padding:10px 65px 10px 10px;
	-webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
}
.article-nav ul.catestab li { display:inline-block; margin:3px 0; }
.article-nav ul.catestab li a {
	padding:3px 5px;
	color:#ccc;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 1px 3px rgba(0,0,0,0.8);
}
.article-nav .catestab li.current a { color:#88CC01; }
.article-nav ul.catestab li a:hover { color:#fff; text-shadow:0px 0px 3px rgba(255,255,255,1); }
.article-nav, .article-nav ul.catestab li a { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.article-nav .swichlist {
	position:absolute;
	right:10px;
	top:8px;
	width:38px;
	padding:3px;
}
.article-nav .swichlist span { display:block; float:left; }
.article-nav .swichlist span a { display:block; width:19px; height:19px;  text-indent:-5000px; }
.article-nav .swichlist span.mimg { background:url(images/icon-tagIMG.gif) no-repeat 0 0; }
.article-nav .swichlist span.mtxt { background:url(images/icon-tagLIST.gif) no-repeat 0 0; }
.article-nav .swichlist span.mimg:hover, .article-nav .swichlist span.mtxt:hover, .article-nav .swichlist span.current { background-position:0 -19px; }


/* 一般data css */
.article-content { overflow:hidden; }
.article-content .data { overflow:hidden; position:relative; }
.article-content .data dl { display:block; }
.article-content .data dl dt { margin-bottom:10px; }
.article-content .data dl dd { padding-top:5px; }
.article-content .data dl dd.author { color:#999; position:absolute; left: 10px; }
.article-content .data dl dd.book { position:absolute; }
.article-content .data dl dd.author a:hover, .article-content .data dl dd.book a:hover { color:#88CC01; }

/* 圖片式data */
.s-mimg .data { display:inline-table; width:135px; height:195px; position:relative; margin:5px 2px; padding:10px; }
.s-mimg .data:hover {
	background-color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0px 0px 10px rgba(255,255,255,1);
	-moz-box-shadow:0px 0px 10px rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(255,255,255,1);
}
.s-mimg .data dl, .s-mimg .data dl dd.author, .s-mimg .data dl dd.book { text-align:center; width:135px; }
.s-mimg .data dl dd.author { top:130px; }
.s-mimg .data dl dd.book { top:150px; }
.s-mimg .data dl dd.author a { color:#666; }
.s-mimg .data dl dd.book a { font-size:15px; }

/* 文字式data */
.s-mtxt .data { overflow:hidden; border-bottom: dotted 1px #9b8579; }
.s-mtxt .data dl { padding:10px 0 ;height:25px; }
.s-mtxt .data dl dt { display:none; }
.s-mtxt .data dl:hover { background:#FFF; }
.s-mtxt .data dl dd { position:absolute; height:25px; line-height:25px; vertical-align:middle; padding:0; }
.s-mtxt .data dl dd.sn { width:40px; left:0; text-align:right; }
.s-mtxt .data dl dd.book, .s-mtxt .data dl dd.author {
	padding-left:35px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.s-mtxt .data dl dd.book {
	background:url(images/icon-ar.gif) no-repeat left center;
	width:210px;
	left:50px;
}
.s-mtxt .data dl dd.author { background:url(images/icon-wr.gif) no-repeat left center; width:200px; left:340px; }
.s-mtxt .data dl dd.date { right:0; }

/* 人氣投票data css */
.for-vote { text-align: center; }
.article-content .vote-data { display: inline-block; overflow:hidden; width:135px; height:270px; margin:0 2px; padding:10px 10px 5px 10px; }
.article-content .vote-data:hover { background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-webkit-box-shadow:0px 0px 10px rgba(255,255,255,1); -moz-box-shadow:0px 0px 10px rgba(255,255,255,1); box-shadow:0px 0px 10px rgba(255,255,255,1);}
.article-content .vote-data dl { display:block; }
.article-content .vote-data dl dt { margin-bottom:5px; }
.article-content .vote-data dl dt a { color:#000; font-weight:bold; }
.article-content .vote-data dl dt a:hover { color:#000; }
.article-content .vote-data dl dd { color:#555; font-size:13px; }
.article-content .vote-data dl dd span { display:block; }
.article-content .vote-data dl dd span.count {}
.article-content .vote-data dl dd span b { color:#555; font-weight:normal; }
.article-content .vote-data dl dd.author{}
.article-content .vote-data dl dd.author a {overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article-content .vote-data dl dd.book { margin:5px 0;}
.article-content .vote-data dl dd.book a{ font-size:14px; color: #000; line-height:17px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.article-content .vote-data div.vote { text-align:center; margin-top: 8px;}
.article-content .vote-data div.vote a,.article-content .vote-data div.vote button { display: inline-block; background:#6FA500; color:#FFF; text-decoration:none; width:60px; line-height:30px; font-weight:bold; text-decoration:none; border-radius:3px; border: 0; cursor: pointer;}
.article-content .vote-data div.vote a:hover,.article-content .vote-data div.vote button:hover { opacity: 0.7;}

.award-list { margin-bottom:20px; }
.award-list h2 { font-size:15px; color:#fff; font-weight:bold; margin-bottom:10px; }
.award-list ul {  }
.award-list ul li { padding:5px 0; overflow:hidden; }
.award-list ul li span { float:left; display:block; padding-right:15px; word-break:break-all; }
.award-list ul li span.aw { width:60px; text-align:center; color:#F00; font-weight:bold; }
.award-list ul li span.artcle a { font-weight:bold; }
.award-list ul li span.author { color:#666; }

/* 討論區 */
#listac { border:0; border-collapse:collapse; width:100%; text-align:left; }
#listac tr { }
#listac tr:hover { background-color:#fff; }
#listac th { font-weight:bold; background-color:#000; padding:10px 6px; font-size:13px; color:#fff; }
#listac td { padding:6px; font-size:12px; border-bottom: dotted 1px #999; }

#listac .bi { width:8%; text-align:center; }
#listac .bn { width:39%; }
#listac .bd { width:20%; }
#listac .bs { width:15%; }
#listac .bt { width:18%; }

#listac .bbssu { width:44%; }
#listac .bbsre { width:10%; text-align:center;  }
#listac .bbsvw { width:10%; text-align:center;  }
#listac .bbspo { width:18%; }
#listac .bbsti { width:18%; }

#listac .bbssu img { margin-right:5px; }

#listac td span { display:block; }

#listac .bbssu a { font-weight:bold; }
#listac .bbssu a:hover, #listac a:hover { color:#88cc00; }


.btnbox { padding:20px 0; margin:auto; width:240px; overflow:hidden; }

.btn-accept, .btn-cencel {
display:block;
float:left;
margin:0 10px;
width:95px;
height:30px;
color:#FFF;
line-height:30px;
vertical-align:middle;
text-align:center;
background:#88CC01;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btn-cencel { background-color:#666; color:#FFF; }
.btn-accept:hover, .btn-cencel:hover { background:#6FA500; color:#FFF; text-decoration:none; }

.btnsave {
display:block;
position:absolute;
right:10px;
padding:0 10px;
background-color:#88CC01;
color:#000;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.btnsave:hover { background-color:#D2CF5E; color:#fff; text-decoration:none; }


#comm-content { margin:10px 0; overflow:hidden; }
#comm-content .comm-htitle { overflow:hidden; position:relative; }
#comm-content .comm-htitle h3 { font-size:24px; padding-bottom:20px; line-height:normal; font-weight:bold; color:#fff; width:780px; overflow:hidden; word-break:break-all; display:block; }

#comm-content .comm-grid { border-bottom:#999 dashed 1px; padding:15px 0; overflow:hidden; }
#comm-content .comm-grid .member-info { float:left; margin-right:15px; }
#comm-content .comm-grid .member-info .inner { width:160px; border:solid 1px #c2b59b; padding:1px; background:#FFF; }
#comm-content .comm-grid .member-info .member-data { text-align:center; margin:10px 5px; }
#comm-content .comm-grid .author { padding-top:10px; font-size:15px; }
#comm-content .comm-grid .author a { color:#473030; }
#comm-content .comm-grid dl.member-lv { overflow:hidden; background:#f2f2f2; padding:5px; display:block; }
#comm-content .comm-grid dl dt { border:solid 1px #CCC; width:40px; height:40px; margin-right:10px; float:left; }
#comm-content .comm-grid dl dd { font-size:12px; color:#999; }
#comm-content .comm-grid dl dd.lv { font-size:13px; color:#473030; padding-top:5px; }
#comm-content .comm-grid dl dd.lv img { width:40px; height:40px; }
#comm-content .comm-grid .time { color:#ccc; font-size:11px; padding:5px 0; }
#comm-content .comm-grid .time span { color:#999; }

#comm-content .comm-grid .comm-content { float:left; font-size:15px; line-height:22px; color:#333; word-break:break-all; width:780px; }

#comm-content .comm-grid .comm-content .re {
	color:#ccc;
padding:10px;
background-color:#666;
margin:20px 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#comm-content .comm-grid .comm-content .re span { display:block; }
#comm-content .comm-grid .comm-content .re span.name { color:#000; font-size:15px; font-weight:bold; margin-bottom:5px; }
#comm-content .comm-grid .comm-content .fc { margin-top:20px; font-size:12px; }


.comm-form { margin:40px auto; width:700px; }
.comm-form h4 { font-size:15px; font-weight:bold; margin-bottom:15px; }
.comm-form form { padding-top:10px; overflow:hidden; }
.func {
	padding:7px 10px;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.func span { margin-right:10px; color:#ccc; }
#comm-content .func, .comm-form .func {
	position:relative;
	overflow:hidden;
	background-color:#6A8692;
	padding:10px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	-webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3);
}

.formlist { border-bottom:#999 dashed 1px; padding-bottom:10px; }
.formlist dl { padding:8px 0; overflow:hidden; }
.formlist dl dt.bbsl { float:left; width:20%; }
.formlist dl dd.bbsr { float:left; width:80%; }
.formlist dl dd.bbsr input { border:solid #CCC 1px; width:90%; }
.formlist dl dd.bbsr textarea { border:solid #CCC 1px; height:150px; width:90%; }

.formlist dl dt.signl { float:left; width:100px; color:#000; }
.formlist dl dd.signr { float:left; width:420px; }
.formlist dl dd.signr .bor { border:solid #CCC 1px; }
.formlist dl dd.signr span { display:block; color:#CCC; font-size:12px; }


.notice-area h3 { font-size:24px; padding-bottom:10px; line-height:normal; font-weight:bold; color:#fff; word-break:break-all; }
.notice-area .notice-area-content { font-size:15px; padding:20px 0 40px 0; line-height:21px; word-break:break-all; }

ul.notice-share { width:100%; overflow:hidden; padding:5px 0; text-align: right;}
ul.notice-share li { display: inline-block; padding:0 4px; }

ul.comm-share { position:absolute; width:170px; left:800px; top:0px; overflow:hidden; padding:5px 10px; }
ul.comm-share li { float:left; padding:0 5px; }

ul.head-share { position:absolute; right:70px; top:40px; overflow:hidden; color:#342626; }
ul.head-share li { float:left; padding:0 5px; }


/* 報名 */
form.sign { padding:0 30px; overflow:hidden; }
form.sign h2 { color:#fff; font-size:15px; font-weight:bold; padding:10px 0; border-bottom:solid 2px #88cc00; margin-bottom:10px; }
.sign-wrap { padding:5px; overflow:hidden; margin-bottom:20px; }
.sign-wrap dl { overflow:hidden; padding:10px 0; }
.sign-wrap dl dt { width:25%; float:left; text-align:right; padding:3px 10px 0 0; }
.sign-wrap dl dt span { color:#f00; }
.sign-wrap dl dd { width:70%; float:left; color:#000; }
.sign-wrap dl dd input, .sign-wrap dl dd select { border:solid 1px #333; padding:2px; }
.sign-wrap dl dd input[type="radio"] { border:none; height:inherit; }
.sign-wrap dl dd input { height:20px; }
.sign-wrap dl dd input.address { width:400px; }

.sign-wrap dl dd span { display:block; padding:5px 0; }
.sign-wrap dl dd span.tip { color:#999; }
.sign-wrap dl dd div a.btn-accept { margin:0; }

.agree-column { border:solid 5px #f2f2f2; padding:10px; background:#fff; color:#333; }


/* form */
input[type="radio"], input[type="checkbox"] { vertical-align: text-bottom; margin:0 5px 0 10px; }
input.first[type="radio"], input.first[type="checkbox"] { margin-left:0; }
input[type="text"], textarea{ padding:5px 8px; background:#F7F7F7 url(images/textfield-bg.gif) repeat-x left top; }
select,input[type="text"], textarea { font-size:12px; font-family:Verdana; color:#666; border:1px solid #D8DADC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
input[type="password"], textarea { padding:5px 8px; background:#F7F7F7 url(images/textfield-bg.gif) repeat-x left top; }
select, input[type="password"], textarea { font-size:12px; font-family:Verdana; color:#666; border:1px solid #D8DADC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

textarea { overflow-y:auto; letter-spacing:0.5px; font-size:13px; line-height:150%; }
select { padding:3px 4px; }


/* Page頁碼 */
.page_num { padding:10px 0; overflow:hidden; }
.page_num a {
	display:inline-block;
	background-color:#fff;
	margin-left:5px;
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
}
.page_num span { display:inline-block; }
.page_num a:hover { background-color:#88CC01; color:#000; text-decoration:none; }
.page_num .current {
	background-color:#88CC01;
	margin-left:5px;
	padding:10px;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.page_num .gap { margin-left:5px; padding:0 5px; }


/* AC Footer */
.ac-footer { height:100px; }

#next, a.more {
	display:block!important;
	background:#88CC01;
	text-align:center;
	font-size:18px;
	color:#000;
	text-decoration:none;
	padding:20px 0;
	margin-top:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
#next:hover, a.more:hover { background:#D2CF5E; color:#fff; }

.scroll-pane { min-height:0; max-height:500px; overflow:auto; }
.scro { height:535px; overflow:auto; }


/* New Msg */
#msg { padding:0px; }
#msg dl { margin-top:15px; overflow:hidden; border-bottom:solid 1px #666; padding-bottom:10px; display:block; width:265px; }
#msg dl dt { float:left; margin-right:10px; }
#msg dl dd {float:left; width:200px; }
#msg .name { font-size:15px; }
#msg .box-talk-to { display:none; }
#msg .box-talk-t { padding-top:5px; }
#msg .box-talk-b { padding-bottom:5px; }
#msg .box-talk-c {
padding:5px;
font-size:12px;
border:solid 1px #666;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#msg .box-talk-c span { display:block; margin-top:5px; color:#999; }
#msg ul.otherlink li { background:url(images/icon-ar.gif) no-repeat left 7px; padding:5px 0 5px 35px; }


/* System Msg */
.tipmsg { margin-bottom:10px; padding:5px; text-align:center; font-weight:bold; }
.sysmsg { padding:30px; margin:20px 30px 30px 30px; background:#88cc00; font-size:15px; font-weight:bold; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.sysmsg a { color:#f00; }


/* Footer */
#Footer { background: linear-gradient(to bottom,  #3e88c2 0%,#18629c 98%); height:100px; position:static; clear:both; z-index:-10; }
#subnav { padding:5px; margin-top:10px; }
#subnav .inner { overflow:hidden; }
#subnav dl { float:left; width:20%; *width:197px; }
#subnav dl dt { color:#fff; font-weight:bold; margin-bottom:10px; }
#subnav dl dd { color:#d5da85; }
#subnav dl dd span { margin:0 5px 5px 0; display:inline-block; *display:inline-block; }
#subnav dl dd a { color:#f4f8b9; }
#subnav dl dd a:hover { color:#fff; text-decoration:underline; }
#subnav dl dd a.icon_x { background:url(images/icon-popoblog.gif) no-repeat left center; padding-left:20px; }
#subnav dl dd a.icon_p { background:url(images/icon-Plurk.gif) no-repeat left center; padding-left:20px; }
#subnav dl dd a.icon_f { background:url(images/icon-FB.gif) no-repeat left center; padding-left:20px; }
#subnav dl dd a.icon_t { background:url(images/icon-Twitter.gif) no-repeat left center; padding-left:20px; }

#copyright { height:60px; }
#copyright .center { position:relative; height:100px; }
#copyright .logo { width:140px; text-align:center; height:100px; background:url(images/footer-logo.png) no-repeat center center; position:absolute; width:150px; top:0px; overflow:hidden; }
#copyright .info { color:#FFF; font-size:12px; position:absolute; width:550px; left:150px; top:25px; overflow:hidden; }
#copyright .info a { color:#FFF; text-decoration:underline; }
#copyright .coop { position:absolute; width:150px; right:0px; top:25px; overflow:hidden; }


/* style */
p.breadcrumb { border:0; margin:0; padding:0; }
.wrap { margin-bottom:20px; overflow:hidden; }
.bannerwrap { margin-bottom:20px; }

.imgbr { border:1px solid #CCC; }
.imgbo { border:solid #CCC 1px; padding:1px; }

.disnon { display:none; }

/*User LV pic*/
.imglv img { width:35px; height:35px; }
/*User pic*/
.imgus-s img { width:50px; height:50px; }
.imgus-m img { width:85px; height:85px; }
.imgus-b img { width:140px; height:140px; }
/*Book Cover*/
.imgbc-s img { width:25px; height:35px; }
.imgbc-m img { width:85px; height:120px; }
.imgbc-b img { width:140px; height:197px; }
.imgbc-m { position:relative; }


/* Font Color */
.po_money { background:url(images/icon-pocolin.png) no-repeat right 2px; padding-right:20px; color:#ff0099; font-weight:bold; }
a.po_money { color:#ff0099; text-decoration:none; }
a.po_money:hover { text-decoration:underline; }

/* Book IMG */
.bookimg { background:url(images/non-img.gif) no-repeat right bottom; padding:3px; }

/* CSS Clear */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { clear:both; display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.offix { overflow:hidden; }

/* popup */
.popup {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;
    background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.popup-window { position: absolute; top: 50%; left: 50%; z-index: 4; transform: translate(-50%, -50%); background:#FFF; padding:2rem; width: 20rem; border-radius: 0.5rem;}
.open {opacity: 1; visibility: visible; transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
.popup p { font-size:22px; font-weight: bold; line-height:30px; text-align: center; color: #333;}
.close-button {	display: block; width: 100px; font-weight: bold; font-size:16px; padding:10px 0; text-align: center; margin:10px auto; cursor: pointer; background:#6FA500; color:#FFF; border-radius: 5px; border: 0;}
.close-button:hover { opacity: 0.8;}

/* search */
.vote-nav { overflow: hidden; margin:15px 7px;}
.search { float: left; border:1px solid #ddd; background: #fff; padding-left:5px;}
.search input[type="text"] { font-size: 14px; line-height:28px; height:28px; padding: 3px; vertical-align: middle; width:150px; border: 0; box-shadow: 0; background: none;}
::placeholder,::-webkit-input-placeholder,:-ms-input-placeholder,::-moz-placeholder { color: #999;}
.search select { font-size: 14px; line-height: 35px; height: 35px; vertical-align: middle; border: 0; background:#fff;}
.search .sent-btn { display:inline-block; width: 35px; height: 35px; background: url("images/icon-search.png") no-repeat center; background-size:16px 16px; vertical-align: middle; cursor: pointer; border-left:1px solid #ddd; border-radius: 0;}
.search .sent-btn:hover { background: url("images/icon-search.png") no-repeat center #f4f4f4; background-size:16px 16px;}
/* vote share */
.vote-share { display: block; float: right; width: 30px; height: 30px; background: url("images/icon-share.png") no-repeat center; background-size:24px 24px;}
.pop-share { text-align: center; padding-bottom:20px;}
.pop-share a { display: inline-block; width:40px; height:40px; margin:0 5px;}
.pop-share a:hover { opacity: 0.7;}
.pop-share a.fb { background: url("images/icon-FB.png") no-repeat center; background-size:40px 40px;}
.pop-share a.plurk { background: url("images/icon-plurk.png") no-repeat center; background-size:40px 40px;}
.pop-share a.line { background: url("images/icon-line.png") no-repeat center; background-size:40px 40px;}
.pop-share .copyurl { display: inline-block; width:40px; height:40px; margin:0 5px; background: url("images/icon-link.png") no-repeat center; background-size:40px 40px; cursor: pointer;}
.pop-share .copyurl:hover { opacity: 0.7;}
.copyurl-wrap { display: inline-block; width:50px; height: 50px; position:relative;}
.Copybox {
  width:42px; font-size: 13px; position:absolute; left: 0; top:-30px;
  padding:5px; background-color: rgba(0,0,0,.7); color: white; text-align: center; border-radius: 4px;
   opacity: 0; visibility: hidden; transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.copy-tox-active {opacity: 1; visibility: visible; transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
.t-notice { text-align: center; font-weight: bold; color:#C00; font-size:18px; clear: both; padding:30px 10px;}

/* ---------- #23087 新增功能 ---------- */
/*　大聲公　*/
ul#news { position: absolute; left:0; top:150px; height:30px; overflow: hidden; background:url("images/icon-loud.png") no-repeat left 5px center #fff; background-size:24px 24px; padding-left:25px ; border-radius:5px; border:1px solid #ccc;
	-webkit-box-shadow:0px 0px 10px rgba(255,255,255,1);
	-moz-box-shadow:0px 0px 10px rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(255,255,255,1);}
ul#news li { line-height:20px; font-size:14px; padding:5px 10px; }

/* 熱門榜單 */
.ti-hot { font-size:20px; text-align: center; font-weight: bold; margin:20px auto; color:#fff; text-shadow:1px 1px 8px rgba(52,60,69,1); line-height:50px;}
.hotbook { min-height:330px; word-break: break-all;}
.hotbook a { display: block; text-align: center;}
.hotbook .cover img { width:150px; height:212px;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.hotbook .cover:hover img { opacity: 0.8;}
.hotbook .bname { font-size: 15px; line-height:18px; color:#000; margin-top:10px; height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.hotbook .author { text-align: center; font-size: 13px; line-height:18px; color:#777; margin-top:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 輪播設定 */
.swiper-container {}
.swiper-wrap { position: relative; padding:0 15px;}
.swiper-button-next { position: absolute !important; top:40% !important; right:0 !important; width:36px !important; height:36px !important; z-index: 2; cursor: pointer; background:none !important;}
.swiper-button-prev { position: absolute !important; top:40% !important; left:-10px !important; width:36px !important; height:36px !important; z-index: 2; cursor: pointer; background:none !important;}
.swiper-button-next span { display: inline-block; margin:12px 0 0 10px; width: 10px; height: 10px; border-top:4px solid #6A8692; border-right:4px solid #6A8692; transform: rotate(45deg);}
.swiper-button-prev span { display: inline-block; margin:12px 0 0 14px; width: 10px; height: 10px; border-top:4px solid #6A8692; border-right:4px solid #6A8692; transform: rotate(-135deg);}
.swiper-button-disabled, .swiper-button-disabled { opacity: 0.2;}