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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-weight:normal;background: transparent;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
ul, li, dl, dt, dd, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
border{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none; color: inherit;}
a:active,a:hover {outline: 0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1rem 0;padding: 0;}
input, select {vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}
button{cursor: pointer;overflow: visible;}
input[type="radio"] {vertical-align: text-bottom;box-sizing: border-box;padding: 0;}
input[type="checkbox"] {vertical-align: bottom;box-sizing: border-box; padding: 0; }
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

.clear{clear: both;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

html,body{width: 100%;height: 100%;min-width: 640px;background: url(../images/second.jpg) repeat-y;}
html{font-family: Helvetica,arial,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size: 15px;color: #666;}
body{font-size:1rem;background-color: #fff;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.header{width: 100%; height: 90px; padding: 5px 0px; background-color: #005539; text-align: left; color: #fff;position: relative;}
.main{width: 90%;margin: 2rem auto;}
.logo{position: absolute;right: 1rem;top: 1rem;}



/*login*/
.login_header{height: auto;background-color: #005539;padding: 20px;}
.login{margin-left: 8rem;}
.login dl{margin: 2rem 0rem;clear: both;}
.login dt{float: left;width: 5rem;;line-height: 2rem;}
.login li{float: left;}



/*btns*/
button, .button{background-color:#999; color:#fff;border:0px;padding:.5rem 1rem;margin:0px .2rem; position:relative;vertical-align: bottom;}
button:hover{background-color:#666;}
table button{padding: .5rem;}
.btnbox{padding-top: 2rem;}
.btn_underline{text-decoration: underline;background-color: inherit;color: #999;}
.btn_underline:hover{text-decoration: underline;background-color: inherit;color: #333;}


/*width*/
.w100{width: 90%;margin: 0 auto;}
.w15{width: 15rem;}
.w12{width: 12rem;}
.w10{width: 10rem;}
.w8{width: 8rem;}
.w2{width: 2rem;}


/*input/textarea/select*/
input[type="text"]{border: 1px solid #999;height: 2rem;text-indent: .5rem;vertical-align: middle;}
input[type="checkbox"]{margin-right: .2rem; height: 1rem;width: 1rem;vertical-align: middle;}
.input_all{width: 100%;}
textarea{height: 5rem;width:30rem;border: 1px solid #999; vertical-align: top;}
table textarea{width: 95%;margin: 0 auto;}
table input[type="text"]{margin: 0px auto;width: 90%;}
select{height:2rem;}


/*tip*/
.tip{font-size: .875rem;color: #6f900a;margin: 0px .5rem;}



/*content*/
.content{width: auto;width: calc(100% - 190px);margin-left: 170px;}
.content dl{width: 100%;}
.content dt{min-height: 25px; line-height: 25px;}


/*crumb*/
.crumb{display: block;margin: 2rem auto;border-bottom: 1px solid #ddd;color: #000;overflow: hidden;height: 3rem;}
.crumb dt{float: left;}
.crumb dd{float: right;}


/*login/out*/
.now{width: auto; height: 30px; position: absolute; top: 4.5rem; right: 1.5rem; color: #ccc;z-index: 10;font-size: 0.875rem;}
.signout a{color: #ccc;}
.signout a:hover{color: #f18f18;}


/*page*/
.tablenumber{width:auto; margin:20px auto 50px; text-align:center; clear:both;}
.tablenumber .num{color:#666;}
.tablenumber .num li{display:inline-block; margin:0px 5px; cursor:pointer;padding: 0px .5rem;}
.tablenumber .num li:hover, .no{color:#f18f18; font-weight:bold;}


.editlist>li{margin-bottom: 1rem;}
.editlist>li>ul{margin: 1rem 0rem;}

/*submenu*/
.submenu li{float: left;width: 49.5%;height: 2rem; text-align: center;line-height: 2rem;border: 1px solid #ccc;margin-bottom: 2rem;}
.submenu .here{background-color: #666; color: #fff;}

/*editor*/
.editor{width:97%;height: 20rem;margin-bottom: 1rem;}


/*table*/
.listtable{width: 100%; text-align: center; margin: 5px 0px 20px;}
.listtable tr:first-child{color: #fff; background-color: #5f5f5f; height: 40px;}
.listtable tr:first-child>td{border: 1px solid #424242;}
.listtable td{vertical-align: middle; min-height: 30px; table-layout:fixed; border: 1px solid #c8c8c8; line-height: 1.385rem; max-width: 130px; padding: 5px;}


/*headermenu*/
.mainmenu{width: auto; margin:65px 0px 0px 150px; height: 30px; min-width: 470px;}
.mainmenu li{display: inline-block; height: 30px; line-height: 30px; bottom: 0px; text-align: center; color: #fff; padding: 0px 5px;}
.mainmenu li:hover{background-color: #6f900a; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -o-border-top-right-radius: 5px;}
.mainmenu .here, .mainmenu .here:hover{color: #424242; background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; padding: 0px 10px;}

/*secondmenu*/
.secondmenu{width: 150px; height: 100%; background-color:#d6d6d6; position: absolute; top: 100px; z-index: 1; color: #424242; text-align: left;}
.secondmenu .menu{margin: 0px auto 0px; height: auto;}
.secondmenu .menu dt{line-height: 35px; min-height: 35px; padding: 0px 15px; border-bottom: 1px solid #c8c8c8;}
.secondmenu .menu dt:hover{background-color: #b0b0b0; color: #fff;}
.secondmenu .menu a{color: #424242;}
.secondmenu .menu .here{background-color: #a1a1a1; color: #fff;}

/*fontawesome*/

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.231rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-sign-out:before {  content: "\f08b"; margin-left: 3px;}
.fa-check:before {  content: "\f00c";}
.fa-times:before {  content: "\f00d";}
.fa-calendar:before {  content: "\f073";margin: 0px 1rem;}

/*--Jim--*/

.subject_op,.case_subject_op{margin: 0.667rem auto; margin-bottom: 1rem;}
.subject_op button,.case_subject_op button{background-color: #fff; color: black; border: 0.067rem solid #999; padding: 0.667rem 3.333rem;margin-bottom: .5rem;}
.subject_op button:hover,.case_subject_op button:hover{background-color: #666; color: #fff}
.case_subject_op .here,.subject_op .here{background-color: #666; color: #fff;}
.subject_op button:last-child{background-color: #999; color: #fff; padding: 0.333rem 0.667rem; vertical-align: bottom; border: none;}
.subject_op button:last-child:hover{background-color: #666;}
.little_img{width: 42rem; padding: 0.667rem;}
.little_img dd{display: inline-block; text-align: center; margin-bottom: 1.333rem;}
.little_img dd:nth-child(3n+2){margin: 0 1.333rem;}
.little_img li{position: relative; width: 12.067rem; height: 6.200rem; border: 0.067rem solid; display: inline-block;}
.little_img button{background-color: black; color: white; padding: 0.133rem; text-align: center; font-weight: bold; position: absolute; right: 0; margin: 0;}
.little_img dd p input{width: 6.667rem;}

/*--Jim editlist--*/

.editlist .black{color: black; font-weight: bold;}
.editlist .num{color: red;}
.editlist .carry{color: #008000;}
.editlist li h1{display: inline-block;}
.editlist select{margin-right: 1.333rem;}
.editlist input[type="radio"]{margin-left: .5rem; vertical-align: middle;}
.editlist textarea{margin-left: .5rem}
.editlist .hide, .editlist .hide2{display: none;}
.editlist .align{margin-left: 4.800rem;}
.editarea{width: 33.333rem; height: 20rem;}

/*--Jim goods--*/

.goods{width: 13.333rem; height: 1.467rem;}




.measurebox p{margin: 1rem 0;font-weight: bold;}
.measurebox.banner ul{display: inline-block;margin: 1rem 1rem 1rem 0;padding: 1rem;border: 1px solid #ccc;}
.measurebox.banner ul li{margin-bottom: .5rem;}
.measurebox.marqee ul li{margin-bottom: .5rem;}
.measurebox.work ul li{margin-bottom: .5rem;}
.measurebox.marqee ul li input[type="text"]:first-of-type{margin-right: 1rem;}