html, body, #page { font-size:13px; color:#473030; font-family:Verdana, Geneva, sans-serif; -webkit-text-size-adjust:none; min-height:100%; }
body { background:url("images/bg.png") no-repeat center #f8cecf; background-attachment:fixed;}
a { color:#666; text-decoration:none; }
a:hover { color:#295576; text-decoration:underline; }

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

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

#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; }
#header .logoarea { height:280px; background:url(images/logo.png) no-repeat left center; }


/* AC Body*/
.body-area {}
.content-a {}
.content-b {}
.content-c { }

/* AC Header */
.ac-header { position:relative; height:550px; padding-top:50px; background: url("images/bg-head.png") no-repeat center; margin-bottom:20px;}
.ac-header-title { width:90%; max-width:1000px; margin: 0 auto; text-align:center; padding-top:180px;}
.ac-header #title-img, .ac-header #title-txt { }
.ac-header #title-img img, .ac-header #title-txt img{}
.ac-header #title-txt h1 { font-size:36px; font-weight:bold; color:#000; line-height:normal; margin-bottom:10px; }
.ac-header #title-txt div { font-size:13px; color:#7C6969; }
.btn-wrap { width:90%; max-width:1000px; margin:30px auto 0 auto; text-align:center;}
.btn-sign,.btn-rule,.btn-chan ,.btn-site { display:inline-block; margin: 5px; }
.btn-sign a, .btn-rule a,.btn-chan a,.btn-site a{ display:block; color: #000; border:1px solid #000; text-decoration:none; font-size:18px; width:150px; padding:15px 0; font-family: Arial, "微軟正黑體", "Microsoft JhengHei" ,sans-serif; font-weight: bold;}
.btn-sign a:hover, .btn-rule a:hover, .btn-chan a:hover,.btn-site a:hover { background:#fe918a; color:#fff;}

.other-wrap{ text-align: center; padding-top:10px;}
.btn-other { display:inline-block; vertical-align: middle;}
.btn-other:first-child { border-right: 1px solid #666;}
.btn-other a{display:inline-block; color: #000; text-align: center; vertical-align: middle; text-decoration:none; font-size:16px; border:none; width: 150px; font-family: Arial, "微軟正黑體", "Microsoft JhengHei" ,sans-serif; }
.btn-other a:hover{ opacity: 0.8;}

/* AC Main */
#ac-main { padding-top: 40px;}
#ac-main .nav { padding:5px 0; font-size:13px; margin-bottom:10px; }
#ac-main .nav a { color:#473030; }
#ac-main .nav a:hover { color:#966862; }

#ac-main {overflow:hidden; width:1020px; margin:0 auto;}
#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:30px; }
#ac-main .center-area { width:670px; margin-right:30px; }
#ac-main .right-area { width:300px; }
#ac-main .mianwrap { margin-bottom:15px; position:relative; }
#ac-main .mianwrap .title { vertical-align:middle; color:#000; font-size:15px; font-weight:bold; }
#ac-main .notice-area { width:745px; margin-left:10px; }
#ac-main .bbs-column { padding:10px; }
#ac-main .sign-column { margin:auto; width:800px; padding-left:5px; }

#ac-main .mianwrap .title.ti-style01 { font-size:18px; height:40px; color: #000; line-height:40px; font-family:"微軟正黑體", "Microsoft JhengHei" ,sans-serif;}
#ac-main .mianwrap .title.ti-green {  margin-bottom:5px; padding:10px 0; color:#000; font-size:18px; font-family: "微軟正黑體", "Microsoft JhengHei" ,sans-serif;}
#ac-main .mianwrap .title.ti-green:before{ /*content:""; display:inline-block; width:5px; height:20px; border-radius:5px; background:#fff; vertical-align:middle; margin-right:10px;*/}
#ac-main .mianwrap .title.ti-style03 { height:40px; line-height:40px; margin-bottom:0px; }
#ac-main .mianwrap .title.ti-style04{ height:40px; line-height:40px; margin-bottom:0px; }

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

.wrap .title { height:40px; border-bottom:solid #fcf9f6 3px; background:url(images/icon-titledot.gif) no-repeat left center; }
.wrap .title h1 { height:40px; padding-left:25px; }
.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:4px; right:0; }
ul.tabs li { float:right; overflow:hidden; margin-left:5px;}
ul.tabs li a { text-decoration:none; display:block; color:#555; padding:10px 18px; font-weight:bold; background:#fff0e6;}
ul.tabs li a:hover { opacity: 0.8;}
ul.tabs li.current {}
ul.tabs li.current a { background:#f56968; color:#fff0e6;}
ul.tabs li.current a:hover {}

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 #ddd; overflow:hidden; }
#commUI .grid h1 { margin-bottom:10px; }
#commUI .grid h1 a { color:#000; }
#commUI .grid h1 a:hover { opacity: 0.8; }
#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 { width:80px; color:#999; }
#commUI .grid ul li.countnum:first-child { margin-right:10px;}
#commUI .grid ul li.countnum span { color:#666; font-family: Arial; }

.article-nav { overflow:hidden; padding:10px 65px 10px 10px; }
.article-nav ul.catestab li { float:left; margin:0 3px 7px 0; }
.article-nav ul.catestab li a { padding:3px 5px; background:#fcf9f6; color:#051c3a; font-size:12px; text-decoration:none; }
.article-nav ul.catestab li a:hover, .article-nav .catestab li.current a { background:#051c3a; color:#fff; }
/*.article-nav, .article-nav ul.catestab li a { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }*/

.article-nav .swichlist { position:absolute; left:625px; top:15px; width:38px; padding:3px; background:#FFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: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:#666; position:absolute; left: 10px; }
.article-content .data dl dd.book { position:absolute; }
.article-content .data dl dd.author a { color:#7d7c7c; text-decoration:none; }
.article-content .data dl dd.book a { color:#000; text-decoration:none; }
.article-content .data dl dd.author a:hover, .article-content .data dl dd.book a:hover { color:#000; }

/* 圖片式data */
.s-mimg .data { float:left; width:135px; height:210px; position:relative; padding:10px 12px;}
.s-mimg .data:hover { background:#fcf9f6; }
.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; width:135px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.s-mimg .data dl dd.book { top:150px; }
.s-mimg .data img { box-shadow: 0 0 8px 0 rgba(0,0,0,.05);}

/* 文字式data */
.s-mtxt .data { overflow:hidden; border-bottom: dotted 1px #ddd; height:50px; }
.s-mtxt .data dl { padding:5px 0; }
.s-mtxt .data:hover { background:#fcf9f6;}
.s-mtxt .data dl dd { position:absolute; padding:0; }
.s-mtxt .data dl dd.sn, .s-mtxt .data dl dd.date { top:15px; }
.s-mtxt .data dl dd.sn { width:40px; text-align:right; color:#999;}
.s-mtxt .data dl dd.date { right:0; }
.s-mtxt .data dl dd.book, .s-mtxt .data dl dd.author {
	left:50px;
	width:400px;
	height:20px;
	padding-left:35px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.s-mtxt .data dl dd.book { top:5px; background:url(images/icon-ar.gif) no-repeat left 3px; }
.s-mtxt .data dl dd.author { top:25px; background:url(images/icon-wr.gif) no-repeat left 3px; }


/* 人氣投票data css */
.article-content .vote-data { padding:7px 0; border-bottom: dotted 1px #9b8579; overflow:hidden; }
.article-content .vote-data dl { float:left; width:339px; 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 { opacity: 0.8;}
.article-content .vote-data dl dd { color:#999; font-size:12px; }
.article-content .vote-data dl dd span { padding-right:15px; display:block; float:left; }
.article-content .vote-data dl dd span.count { width:100px; }
.article-content .vote-data dl dd span b { color:#666; font-weight:normal; }

.article-content .vote-data div.vote { float:right; width:60px; height:35px; line-height:35px; vertical-align:middle; text-align:center; text-decoration:none; }
.article-content .vote-data div.vote a { color:#FFF; background:#f05a53; text-decoration:none; display:block; width:60px; height:35px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.article-content .vote-data div.vote:hover { opacity:0.7;}
.article-content .vote-data div.vote a:hover { opacity:0.7;}

.award-list { margin-bottom:20px; }
.award-list h2 { font-size:15px; color:#000; 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 { color:#726658; font-weight:bold; }
.award-list ul li span.artcle a:hover { color:#839555; }
.award-list ul li span.author { color:#666; }


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

#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 { color:#726658; font-weight:bold; }
#listac a { color:#666; }
#listac .bbssu a:hover, #listac a:hover { color:#f05a53; }


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

.btn-accept, .btn-cencel { width:95px; height:30px; line-height:30px; vertical-align:middle; display:block; float:left; background:#fff; text-align:center; margin:0 10px; cursor:pointer;border:solid 1px #c0c0c0; }
.btn-cencel { background-color:#c0c0c0; color:#FFF; }
.btn-accept:hover, .btn-cencel:hover { background:#fcf9f6; border:solid 1px #c0c0c0; text-decoration:none; }

.btnsave { float:right; display:block; padding:2px 5px; border:solid #000 1px; background-color:#FFF; color:#000; }
.btnsave:hover { background-color:#000; 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:#726658; 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:150px; 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:#fcf9f6; 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 .time { color:#000; 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:#666; word-break:break-all; width:800px; }

#comm-content .comm-grid .comm-content .re { padding:10px; border:dotted 1px #CCC; background-color:#f8f8ef; margin:20px 0; }
#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; background-color:#ebeae6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
.func span { margin-right:10px; color:#000; }

.formlist { border-bottom:#999 dashed 1px; padding-bottom:10px; }
.formlist dl { padding:8px 0; overflow:hidden; }
.formlist dl dt.bbsl { float:left; width:20%; color:#000; }
.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:20px; line-height:normal; font-weight:bold; color:#726658; width:440px; 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 { position:relative; width:150px; left:535px; top:-45px; overflow:hidden; padding:5px 10px; }
ul.notice-share li { float:left; padding:0 5px; }

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

ul.head-share { position:absolute; right:50px; top:10px; overflow:hidden; color:#333; z-index:999; }
ul.head-share li { float:left; padding:0 5px; }


/* 報名 */
form.sign { padding:0 30px; overflow:hidden; }
form.sign h2 { color:#000; font-size:15px; font-weight:bold; padding:10px 0; border-bottom:solid 2px #f05a53; 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%; color:#666; 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 #c2b59b; padding:2px; }
.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 #fcf9f6; padding:10px; background:#fff; }


/* 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 { background-color:#fff; border:solid #ccc 1px; margin-left:5px; padding:2px 5px; float:left; }
.page_num span { float:left; }
.page_num a:hover { background-color:#ccc; border:solid #f05a53 1px; color:#FFF; text-decoration:none; }
.page_num .current { background-color:#f05a53; border:solid #f05a53 1px; color:#FFF; margin-left:5px; padding:2px 5px; text-decoration:none;  }
.page_num .gap { margin-left:5px; padding:0 5px; }


/* AC Footer */
.ac-footer { height:30px;  /* background: url(images/powercontentbg.png) repeat-y; */ }

#next, a.more { display:block!important; border:1px solid #000; text-align:center; font-weight:bold; color:#000; text-decoration:none; padding:10px 0; margin-top:10px;}
#next:hover, a.more:hover { background:#fcf9f6;}

.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 #d7d7d7; padding-bottom:10px; display:block; width:265px; }
#msg dl dt { float:left; margin-right:10px; }
#msg dl dd {float:left; width:205px; }
#msg .name { font-size:15px; color:#473030; }
#msg .box-talk-to { position:relative; top:17px; left:-6px; width:7px; }
#msg .box-talk-t { background:url(images/msgBox-t.gif) no-repeat left top; padding-top:5px; }
#msg .box-talk-b { background:url(images/msgBox-b.gif) no-repeat left bottom; padding-bottom:5px; }
#msg .box-talk-c { background:url(images/msgBox-c.gif) repeat-y; padding:0 6px 0 10px; color:#666; font-size:12px; }
#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:#f05a53; font-size:15px; font-weight:bold; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.sysmsg a { color:#ffea00; }


/* Footer */
#Footer { background: #fe918a; 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; }
.comm-grid .bannerwrap { margin:auto; width:690px; }

.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; }