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

#detail { line-height:22px; width:100%; min-height:250px; height: auto !important;height:250px;}
#detail img{ max-width:100%;}
#detail .dbox{ border:#ECECFB solid 2px; padding:10px 20px 30px 20px; margin-bottom:10px; background:#FFF; position:relative;}
#detail .dbox:hover{ border:#BB2130 solid 2px;}

#detail .dboxa{ border:#666 dotted 1px; padding:10px; margin-bottom:10px; background:#85B200;}

#detail .myfunc{ background:#FFF; position:absolute; right:0px; bottom:0px; padding:1px 0px 1px 1px; height:26px;}
#detail .myfunc img{ margin:1px; float:left;}
#detail .myssort{background:#008CAA url(../sys_icon/section/png/sort.png) 0px 0px no-repeat ; position:absolute; left:1px; bottom:1px; height:24px; width:24px; cursor:move;}
#detail .myssort:hover{background:#008CAA url(../sys_icon/section/png/sort.png) 0px 0px no-repeat ; position:absolute; left:1px; bottom:1px; height:24px; width:65px; cursor:move;}

#detail h1, .detailcontent h1{ color:#698C00; font-size:18px; font-weight:600; margin:0; padding: 20px 0px 10px 0px; border:none; background:none;}
#detail *, .detailcontent *{ line-height:30px; font-size:16px; font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Century Gothic, Helvetica, Arial, Verdana, 新細明體; font-weight: normal;}
#detail p, .detailcontent p { padding:0px 0px 0px 0px;}
#detail .imgLeft, .detailcontent .imgLeft{ float:left; padding:0px 10px 10px 0px; margin: 0px 10px 10px 0px;}
#detail .imgRight, .detailcontent .imgRight{ float:right; padding:0px 0px 10px 10px; margin: 0px 0px 10px 10px;}
#detail .imgCenter, .detailcontent .imgCenter{ display:block; margin:10px auto 20px auto;}
#detail ul, .detailcontent ul {list-style-type: disc; display: table; margin-bottom:10px;margin-left:15px;}
#detail ol, .detailcontent ol {list-style-type: decimal; display: table; margin-bottom:10px; margin-left:15px;}
.detailcontent ul li ul, .detailcontent ol li ul {margin-left:25px;}
#detail ul li, #detail ol li, .detailcontent ul li, .detailcontent ol li{margin-left:0px;}
.detailcontent a:hover{ text-decoration:underline; color:#535362}
.detailcontent--{min-height:250px; height: auto !important;height:250px;}

#detail a, .detailcontent a{ color:#8C2300;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#detail a:hover, .detailcontent a:hover{ color:#698C00; text-decoration:none;}


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}


/*按鈕*/
.myfunc button{ height:24px; border:none; cursor:pointer; margin:0px; color:#FFF; border-right:#FFF solid 1px;}
.myfunc .insert{ background:#DE4353 url(../sys_icon/section/png/insert.png) 0 0 no-repeat; width:100px; float:left; margin-left:0px;}
.myfunc .insert:hover{background:#BB2130 url(../sys_icon/section/png/insert.png) 0 0 no-repeat;width:100px;}
.myfunc .edit{ background:#6A9931 url(../sys_icon/section/png/edit.png) 0 0 no-repeat; width:100px; float:left; margin-left:0px;}
.myfunc .edit:hover{background:#486921 url(../sys_icon/section/png/edit.png) 0 0 no-repeat;width:100px;}
.myfunc .del_img{ background:#D16154 url(../sys_icon/section/png/del_img.png) 0 0 no-repeat; width:100px; float:left; margin-left:0px;}
.myfunc .del_img:hover{background:#B33D2F url(../sys_icon/section/png/del_img.png) 0 0 no-repeat;width:100px;}
.myfunc .del{ background:#585872 url(../sys_icon/section/png/del.png) 0 0 no-repeat; width:100px; float:left; margin-left:0px;}
.myfunc .del:hover{background:#313140 url(../sys_icon/section/png/del.png) 0 0 no-repeat;width:100px;}

/*effect new*/
/*.myfunc .insert,.myfunc .edit,.myfunc .del_img,.myfunc .del{ background-color:#757584}*/
.myfunc .insert,.myfunc .edit,.myfunc .del_img,.myfunc .del{width:24px;}

/*table*/
.table1 {border-top:#DFDEDE solid 1px;}
.table1 td{ border-bottom:#DFDEDE solid 1px; padding:5px;}
.table1 td+td{border-left:#DFDEDE solid 1px;}
.table1 p{ padding:0; margin:0;}