@charset "utf-8";
/*-------------------------------------------------------------- main layout css style*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, /* Ann */
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0px;
	padding:0px;
	font-family:"Verdana", "Geneva", "sans-serif", "微軟正黑體";
	font-weight:bold;
	border:none;
}

html, body {height:100%; position:relative;}
body{background:#d9d9d9 url(../img/top_bg.png) repeat-x;}
input, textarea{border:1px solid #a9a9a9; outline:none; padding:1px; color:#555555;}
select{border:1px solid #a9a9a9; outline:none; color:#555555;}
input[type="checkbox"]{vertical-align:middle;}
li{display: inline;}
a{text-decoration:none; cursor:pointer;}
.clear{clear:both;}
.seprate-line{border-bottom:1px solid #d9d9d9; margin:15px 0;}
.dark-blue{color:#004d6d;}
.color-red{color:#F00;}
#box{background:#FFF; min-height:100%; width:990px; margin:0 auto; position:relative;}
h1.title{height:36px; line-height:36px; color:#FFF; padding:0 10px; position:relative;}
h1.title a{color:#ffffff;}
span.explanation{font-size:12px;}

/*-------------------------------------------------------------------------- header */
#top{width:980px;height:30px;padding:5px; position: relative;}
#member-login{height:30px; float:left; color:#959595;}
#member-login img{height:30px; margin-right:10px; vertical-align: middle;}
#header-line{width:990px; height:4px;}
#banner{width:990px; height:105px; position:relative;}
#nav{height:30px; line-height:30px; float:right;}
#nav ul{margin-left:15px;}
#nav ul li{padding:0 5px 0 12px; color:#000000;}
#nav ul li a{color:#000000;}
#nav ul li a:hover{color:#ffc000;}
#nav-menu{width:990px; height:39px; line-height:40px;}
#nav-menu ul li{border-right:1px dotted #ffffff; padding:0 10px 0 7px;}
#nav-menu ul li:last-child{border-right:none;}
#nav-menu ul li a{color:#ffffff;}
#nav-menu ul li a:hover{color:#ffc000;}

/*-------------------------------------------------------------------------- main content */
#wrap{padding-bottom:90px;}
#main-content{width:880px; height:auto; background:url(../img/main_bg.png) repeat-y; padding:20px 40px 1px 70px; position:relative;}
#main-content .content{margin-top:20px;}
#bottom-bg{width:990px; height:35px; background:url(../img/main_bg_bottom.png) no-repeat;}
#page-root, #page-root a{color:#595959;}
#page-root .seprate-line{width:650px; border-bottom:1px solid #d9d9d9; margin:15px 0;}
h1.title-grey{height:35px; line-height:35px; background:#d1d1d1; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#2a2a2a; position:relative;
text-align:center;}
#change-style{width:145px; height:68px; background:url(../img/page_style.png) no-repeat; position:absolute; top:0px; right:40px;
padding:5px 12px 6px 15px;}
#change-style .style-setting{width:142px; height:26px; padding-left:2px; line-height:26px; margin-bottom:8px;}
#change-style .style-setting span{display:inline-block; width:47px; text-align:center; color:#ffffff;}
#change-style .style-option{width:90px; float:right;}
#change-style .font-style a:hover{color:#F00;}
#change-style .font-style a.selected{color:#766338;}
#change-style .color-style{height:21px;}
#change-style .color-style a{display:inline-block; width:15px; height:15px; border:1px solid #c3b9a1;}
#change-style .color-style a.blue-style{background:#3993b5;}
#change-style .color-style a.green-style{background:#7fa346;}
#change-style .color-style a.brown-style{background:#7e5142;}

/*-------------------------------------------------------------------------- classification */
#classification{margin-bottom:20px;}
#classification p{line-height:22px;}
#classification p.c-title{padding-bottom:5px;}
#classification p a{color:blue;}
#classification p a:hover{text-decoration:underline;}
#classification .class-table{display:table; width:650px;}
#classification .class-row{display:table-row;}
#classification .cell-search{display:table-cell; width:22px; padding:5px 0;}
#classification .cell-text{display:table-cell; width:298px; padding:5px 5px 5px 0; vertical-align:top;}
#classification .cell-new{display:table-cell; width:320px; padding:5px 5px 5px 0;}
#classification .cell-text a, #classification .cell-new a{color:blue;}
#classification .cell-text a:hover, #classification .cell-new a:hover{text-decoration:underline;}

/*-------------------------------------------------------------------------- search */
#search{margin-bottom:20px;}
#search-title{float:left; margin-right:45px;}
#search-title span{height:32px; display:block; line-height:32px;}
#search-input{float:left; margin:5px 0 0 0;}
#search-input div{height:32px;}
#search-input select{width:106px;}
#search-input input[type="text"]{width:210px;}
#search-input .date input{width:125px; vertical-align:6px; margin-right:5px;}
#search-input .start-day, #search-input .end-day{width:23px; height:23px; display:inline-block; margin-left:2px; vertical-align:middle;}
#search-input .single-advanced-search select, #search-input .single-advanced-search input{margin-bottom:5px;}
#search-input .other-btn{position:relative;}
#search-input .other-btn .advanced-search{display:inline-block;}
#search-input .other-btn .single-search{display:none;}
#search-input .other-btn .btn{margin-right:10px;}
#search-input .other-btn .branch-list{width:530px; height:auto; position:absolute; padding:10px; background: #fff; text-align:left; display:none; opacity:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; top:42px; left:0px; z-index:20;}
#search-input .other-btn .branch-list div{height:auto;}
#search-input .other-btn .branch-list .arrow{width:470px; height:14px; position:absolute; top:-11px; left:0px;}
#search-input .other-btn .branch-list .branch-table{display:table; border-collapse:collapse; width:100%;}
#search-input .other-btn .branch-list .branch-row{display:table-row;}
#search-input .other-btn .branch-list .cell-checkbox{display:table-cell; width:15px; padding:5px 0;}
#search-input .other-btn .branch-list .cell-text{display:table-cell; width:245px; padding:5px 5px 5px 0;}

/*-------------------------------------------------------------------------- table */
table.fill-form{margin:0 auto;}
table.fill-form caption{color:#F00;text-align:left;}
/*table.fill-form tbody tr th{min-width:120px;}*/
table.fill-form tbody tr th, table.fill-form tbody tr td{text-align:left; padding:15px 10px 15px 0; border-bottom:1px solid #d9d9d9;}
table.fill-form tbody tr td{max-width:435px; word-break: break-all;}
table.fill-form tbody tr td input[type="text"], table.fill-form tbody tr td input[type="password"]{width:225px;}
table.fill-form tbody tr td select{width:230px;}
table.fill-form tbody tr td textarea{width:225px; height:100px;}
table.fill-form tbody tr td.text-center{text-align:center;}
table.fill-form tbody tr.last th, table.fill-form tbody tr.last td{border-bottom:none;}

table.list{width:100%; border-collapse:collapse; border-spacing:0;}
table.list thead tr th{padding:5px 10px; color:#FFF; text-align:left;}
table.list tbody tr td{padding:10px; text-align:left; font-weight:normal;}

/*-------------------------------------------------------------------------- page */
.chg-page{text-align:center;}
.chg-page a{width:27px; height:27px; color:#494949; position:relative;}
.chg-page .page{margin:0 5px;}
.chg-page .page:hover{color:#9f9f9f;}
.chg-page .selected{color:#9f9f9f; text-decoration:underline;}
.chg-page .first-page{vertical-align:-7px; display:inline-block; background:url(../img/page_first.png) no-repeat;}
.chg-page .prev-page{vertical-align:-7px; margin-right:5px; display:inline-block; background:url(../img/page_prev.png) no-repeat;}
.chg-page .next-page{vertical-align:-7px; margin-left:5px; display:inline-block; background:url(../img/page_next.png) no-repeat;}
.chg-page .last-page{vertical-align:-7px; display:inline-block; background:url(../img/page_last.png) no-repeat;}
.chg-page .first-page:active, .chg-page .prev-page:active,
.chg-page .next-page:active, .chg-page .last-page{top:1px;}

/*-------------------------------------------------------------------------- 左側收合選單 */
#sub-menu{width:330px;height:auto;position:fixed;z-index:10; top:188px; left:-247px;}
#sub-menu .sub-content{width:247px;height:auto;float:left;}
#sub-menu .sub-search h2{width:215px;height:34px;line-height:34px;color:#fff;padding-left:32px;position:relative;}
#sub-menu .sub-search h2 a{color:#FFF;}
#sub-menu .sub-search .show-content{display:none;}
#sub-menu .sub-search ul{width:220px;margin:0 auto 10px;}
#sub-menu .sub-search ul .edit-tag:hover{text-decoration:underline;}
#sub-menu .sub-search ul li{display:block;color:#313131;padding:10px 19px;position:relative;}
#sub-menu .sub-search ul li a{color:#313131;word-break:break-all;}
#sub-menu .sub-search ul li a:hover{color:#F00;}
#sub-menu .sub-search ul li.sub-title{margin-left:20px;padding-left:0px;}
#sub-menu .sub-search ul li .delete{width:19px;height:19px;display:inline-block;position:absolute;right:0px;top:10px;}
#sub-menu .sub-btn{text-align:center; margin-bottom:10px;}
#sub-menu .sort h3{width:215px;height:34px;line-height:34px;color:#2f2f2f;background:url(../img/sub_menu_grey.png) no-repeat;padding-left:32px;position:relative;}
#sub-menu .sub-search h2 .open, #sub-menu .sort h3 .open{width:17px;height:18px;background:url(../img/icon_1.png) no-repeat;display:inline-block;position:absolute;right:14px;top:8px;}
#sub-menu .sub-search h2 .close, #sub-menu .sort h3 .close{width:17px;height:18px;background:url(../img/icon_2.png) no-repeat;display:inline-block;position:absolute;right:14px;top:8px;}
#sub-menu .sort-content{display:none;}
#sub-menu .sort-content ul li{padding:0 19px;margin:10px 0;position:relative;}
#sub-menu .sort-content ul li.last{padding-right:42px;}
#sub-menu .sort-content ul li .left{display:inline-block;width:19px;height:18px;position:absolute;top:0px;right:20px;}
#sub-menu .sort-content ul li .right{display:inline-block;width:19px;height:18px;position:absolute;top:0px;right:0px;}
#sub-menu .sort-content ul li .left:active, #sub-menu .sort-content ul li .right:active{top:1px;}
#sub-menu .out{display:inline-block;width:70px;height:70px;color:#fff;text-align:center;padding-top:10px;}
#sub-menu .pack{display:inline-block;width:68px;height:70px;margin:0 0 0 -9px;color:#fff;text-align:center;padding:10px 0 0 10px; line-height:17px; display:none;}

/*-------------------------------------------------------------------------- footer */
#footer{width:100%; height:64px; border-bottom:25px solid #808080; position:relative; margin-top:-90px;}
#footer .copyright{width:990px; height:65px; font-size:15px; font-weight:bold; line-height:64px; text-align:center; background:#565656;
color:#ffffff; margin:0 auto;}