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

body{ margin:0px; font-size:14px; color:#444; font-family:'微软雅黑'; background-color:#fafafa;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#D93600;}
.red{ color:#D93600;}
.green{ color:#090;}
.bodymain{ margin:80px 25px 10px; width:1270px; position:relative;}
.box{border:1px solid #e6e6e6; margin-top:10px; background-color:#fefefe; padding:15px 10px;}
.clr{ clear:both;}
.main{ padding:70px 20px 10px;}


/*top*/
#top{text-align:right; line-height:60px; padding-right:60px;}
.err{ border:1px solid #F30; background-color:#F90;}
/* menu*/
#logo{ height:106px; width:188px; overflow:hidden; background-color:#FE5653;}
#menu ul{ list-style:none; margin:0px; padding:0px;}
#menu{ list-style:none;margin:0px; padding:0px; width:188px;    overflow: auto;height: 600px; }
#menu li a{ display:block; height:35px; background-color:#565C5C; color:#fff; line-height:35px; padding-left:30px; border-bottom:1px solid #474B4C; border-top:1px solid #7B7E75 ;border-left:5px solid #565C5C;}
#menu li a:hover{ background-color:#6B6E75; border-left:5px solid #F60;}
#menu li ul li a{  background-color:#E5E5E5; color:#444;border-top:1px solid #f9f9f9; border-bottom:1px solid #CCC;}
#menu li ul li a:hover{ background-color:#f9f9f9;}
.sub_menu{ display:none;}

/*work*/
#nav{ height:60px;  line-height:60px; padding-left:45px; background: url(images/home.png) no-repeat 25px center;background-color:#F5F5F5; border-top:1px solid #f9f9f9; position:fixed; z-index:999; top:0px; width:100%;}
.list th{ height:45px; line-height:45px; background-color:#e9e9e9; font-weight:normal; text-align:left; padding:0 5px;}
.list td{ height:35px; line-height:35px; padding:0 5px; }
.list tr{ }
.list tr:hover{ background-color:#FCF0C1;}

#pageList{ text-align:right;}
a.pageNum{ display:inline-block; width:28px; height:28px; line-height:28px;   text-align:center; border:1px solid #CCC ;margin:0 3px; }
a.pageControl{  display:inline-block; width:55px; height:28px; line-height:28px; border:1px solid #CCC ; margin:0 5px;  text-align:center; }
a.cur{ background-color:#F30; color:#FFF;}
a.unavailable{ color:#bbb;}

table .th td{ border:1px solid #d6d6d6;}
#search{ padding:10px 0;}
table.table_content td{  vertical-align:middle; padding:5px; font-size:14px; }
textarea.intro{ width:670px;}

.button{ display:inline-block; padding:0 30px; height:35px; background-color:#44B549; color:#FFF; border:0px; cursor:pointer; font-size:14px; line-height:35px;font-family:'微软雅黑'; border-radius:5px;}
.button:hover{ background-color:#2F9833; color:#FFF;}
.bodymain  input[type="text"]{ padding:3px;}
input.write,input.orange,input.green{ display:inline; padding:0 30px; height:35px; background-color:#44B549; color:#FFF; border:0px; cursor:pointer; font-size:14px; line-height:35px;font-family:'微软雅黑'; border-radius:5px;}

.write{  background-color:#f0f0f0; color:#222;}
.write:hover{ background-color:#E6E7EC;}

.readonly{  background-color:#f0f0f0; color:#888;}
.readonly:hover{ background-color:#f0f0f0; color:#888; cursor:default;}


input.orange{  background-color:#F76303;}
input.orange:hover{ background-color:#F24B04;}
input.green{  background-color:#44B549;}
input.green:hover{ background-color:#2F9833;}

input.list{ background: url(images/list.png) no-repeat 10px center #fefefe; color:#555; border:1px solid #CCC;}
input.list:hover{ background-color:#f9f9f9;}
input.next{ background:url(images/next.png) no-repeat 10px center #44B549;}

input[type="text"]{  border:1px solid #E7E7EB; height:20px; line-height:20px; padding:2px 5px; background-color:#FFF; font-family:'微软雅黑'; color:#222;}
input[type="submit"].disabled{ background-color:#CCC; cursor:auto;}
input[type="range"]{width:240px;}
textarea{border:1px solid #E7E7EB; line-height:20px; padding:2px 5px;  font-family:'微软雅黑'; color:#222;}
select{border:1px solid #E7E7EB; height:26px; line-height:26px; padding:2px 5px; background-color:#FFF; font-family:'微软雅黑'; color:#222;}
.preview{ float:left;}

#step{ padding-top:40px; padding-left:20px; padding-bottom:20px; border:1px solid #e6e6e6; margin-top:10px; background-color:#FFF;}
#step ul{ list-style:none; height:20px; background:url(images/step_l.jpg) repeat-x center; margin:0; padding:0; width:830px;}
#step ul li{ float:left; background:url(images/step_d.jpg) no-repeat left; width:162px; position:relative; height:20px;}
#step ul li div{ position:absolute; top:-22px; left:-8px; }
#step ul li.end{ width:20px; background-color:#FFF;}
#step ul li.past{ background-image:url(images/step_d2.jpg);}
#step ul li.now{ background-image:url(images/step_d3.jpg);}

#show{  border:1px solid #e6e6e6; padding:5px; list-style:none; margin:0; background-color:#FFF; margin-top:10px; }
#show li{ float:left; margin:2px; width:200px; padding:1px; height:140px;  border:1px solid #eee; background-color:#f9f9f9; overflow:hidden; position:relative;}
#show li img{ width:200px;line-height:140px;text-align:center; cursor:pointer;}
#show li input{ width:200px; position:absolute; color:#555; border:1px solid #eee; left:1px; bottom:1px; z-index:10; height:28px; line-height:28px; text-align:center;}
#show li input.gay{ color:#CCC;}
.pic_delete{ position:absolute; height:16px; width:16px; top:2px; right:2px; background:url(images/ico_delete.png) no-repeat;cursor:pointer; z-index:11;}
.pic_delete:hover{background:url(images/ico_delete1.png) no-repeat;}

#show li .pic_type{position:absolute; height:20px; top:2px; left:2px;  z-index:11; background-color:#FFF;}
#show li .set_cover{position:absolute; height:20px; padding:0 5px; bottom:30px; left:2px;  z-index:11; background-color:#F00; color:#FFF; display:none;}





.pic_preview , #pic_preview, #video_preview{  border:1px solid #ccc; padding:5px; margin-top:10px; width:658px;}
.pic_preview img , #pic_preview img, #video_preview video{ max-width:658px;}
.text_preview{ color:#CCC; text-align:center}

.box_title{ float:left; width:700px; padding-left:20px;}
.boxTitle{ height:30px; background-color:#f9f9f9; line-height:30px; border:1px solid #ddd; cursor:pointer; padding:0 10px;}
.boxTitle:hover{ background-color:#f5f5f5;}
input.readonly{ border:1px solid #FFF; color:#555; display:none;}


.updateBox{height:106px; width:848px; overflow:hidden; margin-top:10px; border-bottom:1px solid #E0E0E0; }

.loginDiv{ width:500px; margin:0 auto; line-height:35px;}
input.username{ background:url(images/username.jpg) no-repeat 5px center #FFFFFF;width:200px;padding-left:20px;}
input.password{background:url(images/password.jpg) no-repeat 5px center #FFFFFF;width:200px;padding-left:20px; }
input.input{ height:22px; line-height:22px; border:1px solid #e9e9e9; color:#a8a8a8;}
.dest{clear:both; border-bottom:1px solid #e0e0e0;}
.dest a{ display:block; float:left; padding:0 5px;  margin:5px; border:1px solid #FFF; border-bottom-color:#EEE; }
.dest a.selected{ background-color:#F60; color:#FFF;}
#addBox{ background-color:#fefefe; display:none; }

.locked{ color:#aaa;}
.deleted{text-decoration:line-through;}

.list td.cur{ background-color:#f9f9f0;}
.list td.px{ cursor:pointer;}
.list td.desc{ background:url(images/desc.png) no-repeat right center #f9f9f0;}
.list td.asc{ background:url(images/asc.png) no-repeat  right center #f9f9f0;}

.infophoto img{height:120px;}

#chapter{ position:absolute; top:10px; left:720px; width:400px; background-color:#fefefe; border:1px solid #e5e5e5; padding:10px 20px; box-shadow:0 0 5px #ddd;}
#chapterList dl dt{ line-height:24px; float:left;margin:0; padding:0;}
#chapterList dl dt img{ margin-right:5px;}
#chapterList dl dt a.cur{ color:#F30;}
#chapterList dl dd{ float:right; margin:0; padding:0;}
a.add{float:right; font-weight:normal; display:inline-block; border:1px solid #e5e5e5; background-color: #393; color:#FFF; border-radius:5px; padding:2px 10px;}
a.add:hover{ background-color:#3C3;}

.tree dl:nth-child(2){}
.tree dl{ margin:0px; clear:both; border-bottom:1px dotted #CCCCCC; line-height:28px;}
.tree dl:hover{ background-color:#f3f3f3;}
.tree dl dt img{vertical-align:middle;}
.tree dl dt{ float:left;}
.tree dl dd{ float:right; padding:0px;}
.grayed{ color:#999;text-decoration:line-through;}

#gov_search_suggest{ position:absolute; background-color:#FFF; width:510px; border:1px solid #e5e5e5; display:none;}
#gov_search_suggest ul{ margin:0; list-style:none; padding:0;}
#gov_search_suggest ul li{ padding-left:10px; line-height:25px; margin:0;}

a.hotelList{ cursor:pointer; display:block; float:left; width:330px; border:1px solid #e0e0e0; background-color:#f0f0f0; padding:2px 5px; margin:5px; border-radius:3px;}
a.hotelList:hover{ color:#555; border-color:#FCCCC2; }
a.selected{ border-color:#FCCCC2; background:url(images/iconfont-duihao.png) no-repeat 328px center #FFF0F0;}

.victor,.novictor{ height:32px; width:32px; display:inline-block; background:url(images/icon_jiangbei.png) no-repeat;}
.victor{ background-position:-32px 0;}
.magazine{ background: url(images/iconfont-wenjian.png) no-repeat left center; display:inline-block; padding-left:20px;}
.maga img{ width:152px; height:196px; margin:5px; border:1px solid #e0e0e0;}

#hotelName{ height:30px;}

#hotelSearchList a{cursor:pointer; display:block; float:left; width:330px; border:1px solid #e5e5e5; background-color:#f5f5f5; padding:5px; margin:5px; border-radius:3px;}
#hotelSearchList a:hover{background-color:#FFF0F0; color:#555; border-color:#FCCCC2; }

#photoList{ margin-left:-10px; margin-right:-10px; margin-top:20px;}
#photoList dl{ float:left; width:220px; border:1px solid #e0e0e0; margin:10px;}
#photoList dl:hover{ box-shadow:0 0 3px #F30;}
#photoList dl dt img{ width:220px; height:120px;}
#photoList dl dd{ margin:0; padding:5px; position:relative; }
span.worksName,span.author,span.worksNumber{ display:block; line-height:20px;}