@charset "utf-8";
/* CSS Document */

body { margin:0px;	padding:0px; background:url(../img/back.jpg); font-family:"微軟正黑體", "新細明體"; }
a { outline:none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ color:#00F; border:none; }
input,select { vertical-align:middle; }

div.load { position:fixed; z-index:9999; top:0px;	left:0px; height:100%; width:100%; }
div.load_bar { position:fixed;	height:13px; width:208px; z-index:10000; top:50%; left:50%; margin:-6px 0 0 -104px; }

/*dialog*/
div.dialog-message { font-size:14px;}
div.dialog-message p{ margin:3px 0;}
div.dialog-message th { text-align:right; vertical-align:middle; padding:0 5px; }
div.dialog-message input { width:200px }
div.dialog-message input.btn { width:80px }
div.dialog-message input.btn:hover { background:#CCC; cursor:pointer }
div.dialog-message input.search { background:url(../img/btn/btn_search.png) no-repeat 2px 2px; background-size: 15px 15px; padding-left:20px; }
div.dialog-message input.date { background:url(../img/btn/btn_date.png) no-repeat 2px 2px; background-size: 15px 15px; padding-left:20px;}
div.dialog-message textarea { width:100%; height:50px; }

div.shadow { height:auto; width:1000px; margin:0px auto; background:url(../img/shadow.png) repeat-y center bottom; padding:0px 10px; position:relative; }
div.shadow1 { background:url(../img/shadow1.png) no-repeat center top; height:50px; width:1000px; padding:0px 10px; margin:0px auto; position:relative; text-align:right; }
div.shadow1 a { line-height:50px; font-size:14px; font-weight:bolder; color:#666; text-decoration:none }

div.all { width:1000px; margin:0px auto; position:relative;	height:auto; font-size:14px; display:table; }

div.top { position:relative; height:135px; width:1000px; float:left; background-image:url(../img/top.jpg); }
div.top div.logo { height:135px; width:315px; padding-left:40px; float:left; overflow:hidden; }
div.top div.rank { float:right; height:50px; width:560px; margin-top:85px; }
div.top div.rank div.one { display:block; float:left; height:50px; width:275px;	line-height:25px; font-weight:bolder; font-size:13px; }
div.top div.rank div.one img { vertical-align:middle; }

div.menu { height:auto; width:1000px; float:left; background:url(../img/top2.jpg) no-repeat center top; position:relative; }
div.menu div.error{ line-height:50px; color: #F00; height:50px; width:100%;	text-align:center; }
div.menu div.menu1 { width:920px; height:auto; display:table; margin:0px 40px; padding:3px 10px; background-color:#565656; }
div.menu div.menu1 a { text-decoration:none }
div.menu div.menu1 span { height:20px; width:52px; text-align:center; margin:5px 0; padding:0px 12px; line-height:20px; white-space:nowrap; float:left; font-weight:bolder; color:#FFF; position:relative }
div.menu div.menu1 span:hover{ color:#FF0; text-decoration:underline; background:#333 }
div.menu div.menu1 span img { position:absolute; width:30px; z-index: 100; top: -20px;	right: -15px; }
div.menu div.menu1 span img.orange { left:10px; top:-45px; }
div.menu div.menu1 span img.blue { left:-10px; }
div.menu div.menu1 span img.green { left:25px; }
div.menu div.menu1 span img.purple { right:5px; top:-45px; }
div.menu div.menu1 span img.bug { left:-40px; }

div.menu div.menu2 { height:10px; width:1000px; background-color:#565656; }

div.info { width: 1000px; float: left; height: auto; position: relative; padding-top:10px }
div.info div.block1 { height: 165px; width: 141px; float: left;	border: 2px solid #CCC;	margin-left: 10px; position: relative; }
div.info div.block1 div.username { height: 130px; float: left; width: 90%; text-align: center; padding: 5px; font-size: 12px; font-weight: bolder; }
div.info div.block1 div.username div.photo { padding: 5px 0px; overflow: hidden; height: 100px;	width: 100px; margin: 0px auto; }
div.info div.block1 div.set{ height: 25px; line-height: 25px; padding-left: 10px; background-color: #999; float: left; width: 131px; color: #FFF; }
div.info div.block1 div.set a{ color: #FFF;	text-decoration: none; }
div.info div.block1 div.set a:hover{ color: #FF0; text-decoration: underline; }
div.info div.block1 div.salary { text-align:center; width:100%; height:20%; line-height:30px; background-color:#000;	font-weight:bolder;	color:#FFF }
div.info div.block1 b.salary { color:#000; }
div.info div.block1 b.salary:hover { color:#F00; }
div.info div.block2 { width: 213px;	float: left; height: 165px;	border: 2px solid #CCC;	margin-left: 10px; overflow: hidden; position: relative; }
div.info div.block2 div.b2_title { height: 30px; font-size: 16px; line-height: 30px; font-weight: bolder; padding:0px 10px; color: #FFF; background-color: #7f1f06; width: 193px; float: left; }
div.info div.block2 div.b2_content { height: 115px;	width: 213px; float: left; }
div.info div.block2 div.b2_content ul { margin: 0px;	padding: 0px; }
div.info div.block2 div.b2_content li { list-style-type: none; list-style-image: none; padding:2px 5px;	width: 100%; margin: 0px; font-size: 12px; height: 18px; line-height: 18px; border-bottom: 1px dotted #CCC; white-space: nowrap; }
div.info div.block2 div.b2_content li:hover { background-color: #FFC; }
div.info div.block2 div.b2_bottom{ height: 20px; line-height: 20px;	width: 193px; text-align: right; float: left; background-color: #ccc; padding:0px 10px }
div.info div.block2 a {	text-decoration: none; }

div.notice { float: left; width: 980px;	padding:0px 10px; height: 30px;	margin: 10px auto; }
div.notice div.content { border-right: 2px solid #CCC; border-left: 2px solid #CCC;	height: 25px; padding: 0px 15px; line-height: 25px; }
div.notice .b1f, .b2f, .b3f, .b4f{ font-size:1px; overflow:hidden; display:block; background:#fff; border-right:2px solid #CCC;	border-left:2px solid #CCC; }
div.notice .b1f{ height:2px; margin:0 5px; background:#CCC; }
div.notice .b2f { height:1px; margin:0 3px;	border-right-width:2px;	border-left-width:2px; }
div.notice .b3f{ height:1px; margin:0 2px; }
div.notice .b4f{ height:1px; margin:0 1px; }

div.bar { float: left; width: 958px; margin: 10px auto;	display: table; }
div.bar input.send { width:80px; }
div.bar input.btn { width:80px }
div.bar input.btn:hover { background:#CCC; cursor:pointer }
div.bar input{ font-size: 12px; width: 120px; border: 1px solid #CCC; }
div.bar div.content { border-right: 2px solid #CCC; border-left: 2px solid #CCC; height: auto; padding:0px 15px; line-height: 25px; }
div.bar .b1f, .b2f, .b3f, .b4f { font-size:1px;	overflow:hidden; display:block;	background:#fff; border-right:2px solid #CCC; border-left:2px solid #CCC; }
div.bar .b1f { height:2px; margin:0 5px; background:#CCC; }
div.bar .b2f { height:1px; margin:0 3px; border-right-width:2px; border-left-width:2px; }
div.bar .b3f{ height:1px; margin:0 2px; }
div.bar .b4f{ height:1px; margin:0 1px; }

div.site { height: 15px; width: 950px; float: left;	padding: 10px 25px;	font-size: 12px; position:relative; }
div.main { display: table; width: 980px; float: left; height: auto;	padding: 0px 10px; margin-bottom: 10px; }
a.x { background:url(../img/x.png) no-repeat center center; height: 20px; width: 20px; display: block; position: relative; float: right; }
a.x:hover { background-image: url(../img/x_hover.png); }
a.mail { background:url(../img/mail.png) no-repeat 1px; background-size:16px; padding-left:20px; }
div.main a.add { background:url(../img/add.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.add:hover { background-image:url(../img/add_hover.png); }
div.main a.edit { background:url(../img/edit.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.edit:hover {	background-image:url(../img/edit_hover.png); }
div.main input.edit { width:50px; height:25px; border:none;	background-image:url(../img/edit.png); }
div.main input.edit:hover {	background-image:url(../img/edit_hover.png); }
div.main a.edit1 { background:url(../img/edit1.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.edit1:hover { background-image:url(../img/edit1_hover.png); }
div.main a.del { background:url(../img/del.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.del:hover { background-image:url(../img/del_hover.png); }
div.main a.save { background:url(../img/save.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.save:hover {	background-image:url(../img/save_hover.png); }
div.main a.amount {	background:url(../img/amount.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.amount:hover { background-image:url(../img/amount_hover.png); }
div.main a.amount1 { background:url(../img/amount1.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.amount1:hover { background-image: url(../img/amount1_hover.png); }
div.main a.account { background:url(../img/account.png) no-repeat center center; height: 25px; width: 100px; display: block; }
div.main a.account:hover { background-image: url(../img/account_hover.png); }
div.main a.agree { background:url(../img/agree.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.agree:hover { background-image:url(../img/agree_hover.png); }
div.main a.refund { background:url(../img/refund.png) no-repeat center center; height: 25px; width: 50px; display: block; }
div.main a.refund:hover { background-image:url(../img/refund_hover.png); }

div.main a.btn { width:20px; height:20px; display:block;  }
div.main a.edit2 { background:url(../img/btn/btn_add.png) no-repeat center; background-size: 20px 20px; }
div.main a.edit2:hover { background:url(../img/btn/btn_add_h.png) no-repeat center; background-size: 20px 20px; }
div.main a.del1 { background:url(../img/btn/btn_del.png) no-repeat center; background-size: 20px 20px; }
div.main a.del1:hover { background:url(../img/btn/btn_del_h.png) no-repeat center; background-size: 20px 20px; }
div.main a.link { background:url(../img/btn/btn_link.png) no-repeat center; background-size: 20px 20px; }

div.main a.yes { background:url(../img/yes.png) no-repeat center center; height: 25px; width: 25px; display: block; }
div.main a.no { background:url(../img/no.png) no-repeat center center; height: 25px; width: 25px; display: block; }

div.main a.back { background:url(../img/back.png) no-repeat center center; height: 25px; width: 100px; display: block; }
div.main a.back:hover {	background-image:url(../img/back_hover.png); }
div.main a.it { background:url(../img/it.png) no-repeat center center; height: 25px; width: 60px; display: block; }
div.main a.it:hover { background-image:url(../img/it_hover.png); }
div.main a.ad {	background:url(../img/ad.png) no-repeat center center; height: 25px; width: 60px; display: block; }
div.main a.ad:hover { background-image:url(../img/ad_hover.png); }
div.main a.mk {	background:url(../img/mk.png) no-repeat center center; height: 25px; width: 60px; display: block; }
div.main a.mk:hover { background-image:url(../img/mk_hover.png); }
div.main div.title { height: 30px; float: left; width: 958px; padding-right: 20px; background-color: #ccdfeb; border: 1px solid #999; }
div.main div.title span.name { height: 30px; width: 740px; float: left; font-size: 16px; font-weight: bolder;	line-height: 30px; }
div.main div.title span.switch { height: 30px; width: 30px; text-align: center; float: left; font-size: 18px;	line-height: 30px; font-weight: bolder;	color: #000; display: block; text-decoration: none; background-color: #FFF; margin-right: 20px; }
div.main div.title span.function { float: right; padding: 2px 0 2px; }
div.main div.list { float: left; width: 958px; height: auto; overflow-y: hidden; overflow-x: auto; border: 1px solid #999; border-top:none;	padding: 10px; }
div.main div.list div.num {	text-align:right; padding: 5px 10px; width: 938px; color:#F00; font-weight:bolder; float:left; }
div.main div.list div.file { width:457px; height:175px; float:left; border:1px solid #ccc; margin:5px; padding:5px; overflow-x:hidden; overflow-y:auto; }
div.main div.list div.description { float: left; width: 958px; height: auto; white-space: normal; display: table; word-break:break-all; }
div.main div.list div.bottom { float: left; width: 938px; height: 20px; white-space: normal; display: table; text-align: right; line-height: 20px; }
div.main div.list font.date { font-size: 12px; color: #666;	border:none; }
div.main div.list a { text-decoration: none; }
div.main div.list table .topbar { background-color:#0cc; font-weight:bolder; text-align: center; color:#FFF }
div.main div.list table img { border:none; }
div.main div.list table .topbar a { color:#FFF }
div.main div.list table .topbar a:hover { text-decoration: underline; }
div.main div.list table.default tr { background:#fff }
div.main div.list tr { background-color: #F0FFFF; }
div.main div.list tr.line {	background-color: #C4FFFF; }
div.main div.list tr.hover { background-color: #0FF; }
div.main div.list tr.important { background-color:#F00 }
div.main div.list td { padding: 2px 5px; }
div.main div.list div.rs_search { margin: 20px 0; }
div.main div.list div.rs_tree {	float:left; width:400px; height:400px; overflow-x:hidden; overflow-y:auto; border:solid 1px #ccc; }
div.main div.list div.rs_page {	float:right; width:525px; height:380px; border:solid 1px #ccc; padding:10px; overflow-y:auto; overflow-x:hidden; }
div.main div.list div.reader { float:left;width:177px;margin:3px;padding:3px;border:solid 1px #ccc;text-align:center; white-space:nowrap; overflow:hidden }
div.main div.list table.form { width:100%;}
div.main div.list table.form tr { background:#FFF }
div.main div.list table.form tr th { text-align:right; vertical-align:top}
div.main div.list table.form tr font { color:#F00}

div.page { height: 30px; width: auto; margin:10px 0px; float: left;	text-align: left; line-height: 30px; display: table; }
div.page a { text-align: center; text-decoration: none;	margin: 0px 3px; font-weight: bolder; color: #FFF; background-color: #CCC; border: 2px solid #999;	font-size: 12px; padding: 3px; }
div.page a.empty { color: #000; background-color: #FFF;	font-size: 12px; }

div.bottom { width: 980px; float: left;	padding: 10px; display: table; height: 10px; }

div.main div.list div.search { border:1px solid #ccc; margin-bottom:10px; overflow-x:auto;}
div.main div.list div.search { white-space:nowrap; }
div.main div.list div.search input { width:80px }
div.main div.list div.search input.btn:hover { background:#CCC; cursor:pointer }
div.main div.list div.search input.search { background:url(../img/btn/btn_search.png) no-repeat 2px 2px; background-size: 15px 15px; padding-left:20px; }
div.main div.list div.search input.date { background:url(../img/btn/btn_date.png) no-repeat 2px 2px; background-size: 15px 15px; padding-left:20px; width:70px}
div.main div.list {}

/*分頁按鈕*/
div.page_num { width:100%; height:30px; margin-top:10px; float:left; }
div.page_num div.page_num_1 { width:auto; float:left; font-weight:bolder; color:#F00; line-height:30px; padding-left:10px }
div.page_num div.page_num_2 { width:auto; float:right; }
div.page_num div.page_num_2 div.page_total { width:auto; height:20px; float:left; border: 1px solid #ccc; margin:2px; padding:0 5px; line-height:20px}
div.page_num div.page_num_2 a { width:30px; height:30px; background:url(../img/btn/btn_num.png) no-repeat center top; display:block; position:relative; float:left; text-align:center; line-height:26px; font-weight:bolder; color:#666; text-decoration:none }
div.page_num div.page_num_2 a:hover { background-image:url(../img/btn/btn_num_h.png); cursor:pointer; }
div.page_num div.page_num_2 a.first { background-image:url(../img/btn/btn_first.png) }
div.page_num div.page_num_2 a.first:hover { background-image:url(../img/btn/btn_first_h.png) }
div.page_num div.page_num_2 a.prev { background-image:url(../img/btn/btn_prev.png); margin-right:10px; }
div.page_num div.page_num_2 a.prev:hover { background-image:url(../img/btn/btn_prev_h.png) }
div.page_num div.page_num_2 a.next { background-image:url(../img/btn/btn_next.png); margin-left:10px; }
div.page_num div.page_num_2 a.next:hover { background-image:url(../img/btn/btn_next_h.png) }
div.page_num div.page_num_2 a.last { background-image:url(../img/btn/btn_last.png) }
div.page_num div.page_num_2 a.last:hover { background-image:url(../img/btn/btn_last_h.png) }
div.page_num div.page_num_2 a.active { background:url(../img/btn/btn_num_a.png) no-repeat center 1px}
div.page_num div.page_num_2 input { width:30px; margin:2px; float:left; }

/* 右邊浮動menu */
div.rightmenu { float:right; height:100px; position:relative }
div.e_menu { width:150px; height:auto; display:table; position: absolute; left:0px; top:100px; }
div.e_menu div.e_menu1 { float:left; width:150px; height:15px; background: url(../img/emenu1.png) center top no-repeat; }
div.e_menu div.e_menu2 { float:left; width:120px; height:auto; background: url(../img/emenu2.png) center top repeat; padding:15px; }
div.e_menu div.e_menu3 { float:left; width:150px; height:15px; background: url(../img/emenu3.png) center top no-repeat; }
div.e_menu2 table { text-align:center }
div.e_menu2 a { text-decoration:none; font-size:14px; color:#999; font-weight:bolder }
div.e_menu2 a:hover { color:#666; }

/* 公告跑馬燈 */
div#abgne_marquee { position: relative;	overflow: hidden; width: 950px;	height: 25px; font-weight: bolder; }
div#abgne_marquee ul, div#abgne_marquee li { margin: 0;	padding: 0;	list-style: none; }
div#abgne_marquee ul { position: absolute; left: 30px; }
div#abgne_marquee ul li div.text1{ float:left;width:100px;margin-right:10px }
div#abgne_marquee ul li div.text2{ float:left;width:740px;}
div#abgne_marquee ul li div.text3{ height:23px;float:left;width:30px;border:1px solid #999;color:#999;padding-left:5px;padding-right:5px}
div#abgne_marquee ul li a { font-size:14px;	height: 25px; line-height: 25px; text-decoration: none; }
div#abgne_marquee div.marquee_btn { position: absolute;	cursor: pointer; }
div#abgne_marquee div#marquee_next_btn { left: 5px; }
div#abgne_marquee div#marquee_prev_btn { right: 5px; }

/* 月曆 */
table.calendar { background-color: #FFF; width: 100%; font-weight: bolder; text-align: center; }
table.calendar td { background-color: #F0FFFF; border: 1px solid #0FF; margin: 0px; padding: 0px; }
table.calendar td:hover { background-color: #0FF; }
table.calendar td div.number { width:120px;	padding: 1px 0;	margin: 2px 0; font-weight: bolder; }
table.calendar td ul { margin:0px; padding:0px; }
table.calendar td ul a { width:113px; height:15px; display:block; color: #333; }
table.calendar td ul a:hover { text-decoration: underline; }
table.calendar td ul li { padding:2px 2px; width:113px; font-size: 12px; margin:5px 0 5px; background-color: #FFF; border: 2px solid #CCC; text-align: left; white-space:nowrap; overflow:hidden; display:block; }
table.calendar td ul li div { float:left; padding:2px; height:60px;	display:block; overflow:hidden; }

/* 提示視窗 */
div.tip { width: 212px;	padding-top: 37px; overflow: hidden; display: none;	position: absolute;	z-index: 500; background-image: url(../img/tip/tipTop.png);	background-repeat: no-repeat; background-position: top;	font-size: 12px; }
div.tip span { font-size: 18px;	font-weight: bolder; text-align: center; width: 100%; float:left; }
.tipMid { padding: 0 25px 20px 25px; background-image: url(../img/tip/tipMid.png); background-repeat: repeat-y; }
.tipMid img { margin: 3px 0px 3px; }
.tipBtm { height: 32px;	background-image: url(../img/tip/tipBtm.png); background-repeat: no-repeat;	background-position: bottom; }