Files
sam-kd/css/index.css
hskwon aca1767eb9 초기 커밋: 5130 레거시 시스템
- URL 하드코딩 → .env APP_URL 기반 동적 URL로 변경
- DB 연결 하드코딩 → .env 기반으로 변경
- MySQL strict mode DATE 오류 수정
2025-12-10 20:14:31 +09:00

2011 lines
29 KiB
CSS

body {
margin:0;
padding:0;
/* background-image:url(../img/main_bg.gif);
background-repeat:repeat-x; */
font-family:"돋움";
font-size:11px;
font-weight:normal;
color:#333333;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 7px 14px;
text-align: center;
font-weight:bold;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 2px 1px;
cursor: pointer;
}
img {
border:0;
}
a {
text-decoration:none;
}
a:hover, a:visited, a:link, a:active {
font-family:"돋움";
font-size:11px;
font-weight:normal;
color:#555555;
}
ul, li {
margin:0;
padding:0;
list-style:none;
}
.clear { clear:both; }
.linespace_10 {
height:5px;
}
#wrap {
width:auto;
margin-left: 10px;
/* border:solid 1px #00ff00; */
}
#header {
height:60px;
/* border:solid 1px #cccccc; */
margin-top:auto ;
}
#logo {
float:left;
margin-left:20px;
margin-top:5px;
}
#moto {
float:left;
margin-left:50px;
margin-top:5px;
}
#content {
margin-top:10px;
width:auto;
height:700px;
}
#main_img {
width:800px;
height:800px;
margin-top:-150px;
float:left;
}
#content #col1 {
float:left;
margin-top:20px;
width:100px;
/* min-height:95%;*/
/* border-right:solid 1px #dddddd; */
}
#left_menu {
float:left;
width:auto;
height:auto;
margin-left:7px;
margin-right:5px;
}
#left_menu #sub_title{
padding-top:10px;
height:30px;
/* border-bottom:solid 1px #dddddd; */
}
#left_menu #sub_title img{
padding-left:3px;
/* padding-top:20px; */
}
#left_menu ul{
padding-left:5px;
padding-top:10px;
padding-bottom:auto;
/* border-bottom:solid 1px #dddddd; */
}
#left_menu li{
padding:3px;
}
#latest {
width:1000px;
}
#latest1 {
width:470px;
height:250px;
float:left;
padding-right:20px;
margin:15px 0 0 20px;
border-right:solid 1px #dddddd;
}
#title_latest1 {
height:30px;
border-bottom:solid 2px #dddddd;
}
#title_latest1 img {
padding-bottom:5px;
}
.latest_box {
margin-top:5px;
/* border-bottom:dotted 1px #dddddd; */
}
.latest_box .col1 {
width:500px;
float:left;
padding:5px 5px 4px 3px;
}
.latest_box .col2 {
width:500px;
float:left;
padding:1px 1px 1px 1px;
}
.latest_box .col3 {
float:left;
padding:5px 5px 4px 3px;
}
#latest2 {
width:470px;
float:left;
margin:15px 0 0 18px;
}
#title_latest2 {
height:30px;
border-bottom:solid 2px #dddddd;
}
#title_latest2 img {
padding-bottom:5px;
}
input::-webkit-input-placeholder {
color: #8597FF;
font-style: italic;
}
input:-ms-input-placeholder {
color: #8597FF;
font-style: italic;
}
textarea::-webkit-input-placeholder {
color:#8597FF;
font-style: italic;
}
textarea:-ms-input-placeholder {
color: #8597FF;
font-style: italic;
}
/* 이미지를 출력하기 위한 방법 */
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
input:disbaled {color:black;}
input:disbaled {background-color:#FAF4CO;}
#work_col2 { /* 견적금액 / 세금계산서 영역 */
margin-top:5px;
width:300px;
float:left;
margin-left:30px;
}
#work_sero2 {
width:1800px;
/*position: relative; top: 50px; left: 10px;*/
}
#estimate_title {
margin-top:5px;
height:30px;
/* border-bottom:solid 1px #cccccc; */
}
#work_title {
margin-top:5px;
margin-left:30px;
min-height:40px;
/*border-bottom:solid 1px #cccccc; */
}
#estimate_text1 { /*왼쪽 공사진행현황 라인 입력 폼 */
margin-top:10px;
width:300px;
height:3000px;
}
#estimate_text1 .sero1{
width:80px;
height:20px;
float:left;
margin-left:5px;
}
#estimate_text1 .sero4444{
width:260px;
height:20px;
float:left;
margin-left:5px;
}
#estimate_text1 .sero111{
width:65px;
height:20px;
float:left;
margin-left:10px;
margin-top:-5px;
}
#estimate_text1 .sero11{
width:120px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text1 .sero2 {
width:60px;
height:20px;
float:left;
margin-top:-5px;
}
#estimate_text1 .sero11{
width:70px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text1 .memo {
float:left;
width:200px;
margin-top:-5px;
}
#estimate_text1 .sero3{
width:60px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text1 .sero4 {
width:50px;
height:20px;
float:left;
margin-top:-5px;
}
#estimate_text1 .nero1{
width:150px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text1 .sero13{
width:25px;
height:20px;
float:left;
margin-left:5px;
}
#estimate_text1 .sero14{
width:40px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 { /* 공사진행현황 오른쪽 입력 폼 CSS */
margin-top:60px;
width:1100px;
height:3000px;
border:solid 1px #cccccc;
}
#estimate_text2 .sero1{
width:70px;
float:left;
margin-left:10px;
}
#estimate_text2 .sero1_11{
width:170px;
height:50px;
float:left;
margin-left:10px;
}
#estimate_text2 .outputmemo{
width:300px;
height:100px;
float:left;
margin-left:10px;
}
#estimate_text2 .clearwidth{ /* 오른쪽 공백 제거 */
width:750px;
height:5px;
float:left;
}
#estimate_text2 .clearwidth2{ /* 오른쪽 공백 제거 */
width:750px;
height:12px;
float:left;
}
#estimate_text2 .sero1_111{ /* 우측 기성청구 이미지 */
width:210px;
height:30px;
float:left;
margin-left:10px;
margin-top:20px;
}
#estimate_text2 .sero1_111_space{ /* 우측 기성청구 이미지 공백 */
width:500px;
height:30px;
float:left;
margin-left:10px;
margin-top:20px;
}
#estimate_text2 .sero1_1{
width:120px;
float:left;
margin-left:10px;
}
#estimate_text2 .sero1_2{
width:70px;
height:20px;
float:left;
margin-left:-70px;
}
#estimate_text2 .sero1_3{
width:70px;
height:20px;
float:left;
margin-left:100px;
}
#estimate_text2 .sero1_1{
width:70px;
height:20px;
float:left;
margin-left:60px;
}
#estimate_text2 .sero_as_step{
width:500px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .sero1111{
width:300px;
height:21px;
float:left;
color:brown;
margin-left:70px;
font-size:20px;
font-weight:bold;
margin-top:5px;
}
#estimate_text2 .sero111{
width:100px;
height:20px;
float:left;
color:brown;
margin-left:80px;
font-size:22px;
font-weight:bold;
}
#estimate_text2 .sero2 {
width:60px;
height:20px;
float:left;
margin-top:-5px;
}
#estimate_text2 .sero2_1 {
width:60px;
height:20px;
float:left;
margin-top:-5px;
margin-left:10px;
}
#estimate_text2 .sero22 {
width:80px;
float:left;
height:20px;
margin-top:-5px;
}
#estimate_text2 .sero222{
width:50px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .sero3 {
width:50px;
height:20px;
float:left;
margin-left:80px;
}
#estimate_text2 .sero33 {
width:40px;
height:20px;
float:left;
margin-left:70px;
}
#estimate_text2 .sero4 {
float:left;
margin-left:10px;
margin-top:-5px;
}
#estimate_text2 .sero5 {
width:50px;
float:left;
margin-left:20px;
}
#estimate_text2 .sero5_1 {
width:50px;
float:left;
margin-left:430px;
}
#estimate_text2 .sero6 {
float:left;
margin-left:10px;
margin-top:-5px;
}
#estimate_text2 .sero66{
width:100px;
float:left;
margin-left:15px;
margin-top:-5px;
font-weight:bold;
}
#estimate_text2 .sero7 {
float:left;
width:100px;
margin-left:5px;
}
#estimate_text2 .sero7_1 {
float:left;
width:50px;
margin-left:5px;
}
#estimate_text2 .sero77 {
float:left;
width:70px;
margin-left:60px;
}
#estimate_text2 .sero8 {
float:left;
width:300px;
margin-top:-5px;
margin-left:10px;
}
#estimate_text2 .sero8_1 {
float:left;
width:500px;
margin-top:-5px;
margin-left:10px;
}
#estimate_text2 .sero8_2 {
float:left;
width:600px;
height:auto;
margin-top:0px;
margin-left:10px;
}
#estimate_text2 .sero9 {
float:left;
width:90px;
margin-left:5px;
}
#estimate_text2 .sero99 {
float:left;
width:70px;
margin-left:15px;
}
#estimate_text2 .sero999 {
float:left;
width:40px;
margin-left:35px;
}
#estimate_text2 .sero10 {
float:left;
width:60px;
margin-left:100px;
}
#estimate_text2 .sero11 {
float:left;
width:60px;
margin-left:280px;
}
#estimate_text2 .sero12 {
float:left;
width:60px;
margin-left:10px;
margin-top:-5px;
}
#estimate_text2 .sero13 {
width:240px;
height:20px;
float:left;
text-align:right;
margin-left:10px;
}
#estimate_text2 .sero14 {
width:40px;
height:20px;
float:left;
text-align:right;
margin-left:5px;
}
#estimate_text2 .nero1{
width:340px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .nero2{
width:150px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .nero3{
width:200px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .nero4{
width:250px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .nero5{
width:130px;
height:20px;
float:left;
margin-left:10px;
}
#estimate_text2 .nero44{ /* 출고리스트 전체 */
overflow:hidden;
height:auto;
width:750px;
float:left;
margin-left:5px;
}
#estimate_text2 .nero10{
width:70px;
height:auto;
margin-left:10px;
}
#estimate_text2 .aa{
width:780px;
height:25px;
float:left;
margin-left:10px;
}
#estimate_text2 .aa1{
width:60px;
float:left;
margin-left:10px;
}
#estimate_text2 .aa2{
width:100px;
float:left;
margin-left:10px;
}
#estimate_text2 .aa3{
width:80px;
float:left;
margin-left:10px;
text-align:left;
}
#estimate_text2 .aa4{
width:460px;
float:left;
margin-left:10px;
text-align:left;
}
#bb{
width:780px;
height:auto;
float:left;
margin-left:10px;
}
#bb1{
width:60px;
float:left;
margin-left:10px;
}
#bb2{
width:100px;
float:left;
margin-left:10px;
}
#bb3{
width:80px;
float:left;
margin-left:10px;
text-align:left;
}
#bb4{
width:460px;
float:left;
margin-left:10px;
text-align:left;
}
#estimate_text2 .displayoutput { /* 출고리스트 */
width:700px;
}
#content #col2 {
width:1200px;
float:left;
margin-left:15px;
}
#firstpage_col {
width:900px;
height:150px;
}
#firstpage_col_as {
width:1100px;
height:100px;
}
#title{
margin-top:15px;
width:auto;
height:20px;
}
#title1{
margin-left:300px;
font-weight:bold;
border-bottom:solid 1px #cccccc;
}
#title11{
margin-left:200px;
width:700px;
font-weight:bold;
border-bottom:solid 1px #cccccc;
}
#title11 #col1{
color:black;
font-weight:bold;
width:50px;
}
#title11 #col2{
color:red;
font-weight:bold;
width:80px;
}
#title2{
margin-left:360px;
font-weight:bold;
border-bottom:solid 1px #cccccc;
}
#title2_sub{
width:620px;
}
/* list css */
#list_search {
height:30px;
padding-top:10px;
}
#list_search #list_search1 {
float:left;
margin-top:2px;
}
#list_search #list_search11 {
float:left;
margin-left:10px;
margin-top:2px;
}
#list_search #list_search111 {
float:left;
margin-top:2px;
margin-left:130px;
}
#list_search #list_search2 {
float:left;
margin-left:70px;
margin-top:4px;
}
#list_search #list_search22 {
float:left;
margin-left:290px;
margin-top:4px;
}
#list_search #list_search3 {
float:left;
margin-left:5px;
margin-top:1px;
}
#list_search #list_search3 select {
width:80px;
height:21px;
border:solid 1px #cccccc;
}
#list_search #list_search4 {
float:left;
margin-left:3px;
}
#list_search #list_search4 input {
width:120px;
height:18px;
border:solid 1px #cccccc;
}
#list_search #list_search5 {
float:left;
margin-left:5px;
margin-top:1px;
}
#list_top_title {
height:30px;
padding:2px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
margin-bottom:2px;
}
#list_top_title li {
display:inline;
}
#list_top_title #list_title1 {
margin-left:5px;
}
#list_top_title #list_title2 {
margin-left:110px;
}
#list_top_title #list_title3 {
margin-left:90px;
}
#list_top_title #list_title4 {
margin-left:35px;
}
#list_top_title #list_title5 { /*공사담당*/
margin-left:50px;
}
#list_top_title #list_title6 {
margin-left:20px;
}
#list_top_title #list_title7 {
margin-left:5px;
}
#list_top_title #list_title11 {
margin-left:10px;
}
#outlist_top_title {
height:30px;
padding:4px;
margin:2px;
padding-top:5px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
font-weight:bold;
}
#outlist_top_title li {
display:inline-block;
}
#outlist_top_title #outlist_title1 {
width:40px;
text-align:left;
}
#outlist_top_title #outlist_title2 {
width:320px;
text-align:center;
}
#outlist_top_title #outlist_title3 {
width:120px;
text-align:center;
}
#outlist_top_title #outlist_title4 {
width:100px;
text-align:center;
}
#outlist_top_title #outlist_title5 {
width:100px;
text-align:center;
}
#outlist_top_title #outlist_title6 {
width:100px;
text-align:center;
}
#outlist_top_title #outlist_title7 {
width:100px;
text-align:center;
}
#outlist_top_title #outlist_title11 {
margin-left:-10px;
}
#aslist_top_title {
width:1100px;
height:30px;
padding:2px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
margin-bottom:2px;
}
#aslist_top_title li {
display:inline;
}
#aslist_top_title #aslist_title1 {
margin-left:5px;
}
#aslist_top_title #aslist_title2 {
margin-left:80px;
}
#aslist_top_title #aslist_title3 {
margin-left:110px;
}
#aslist_top_title #aslist_title4 {
margin-left:10px;
}
#aslist_top_title #aslist_title44 {
margin-left:50px;
}
#aslist_top_title #aslist_title5 {
margin-left:40px;
}
#aslist_top_title #aslist_title6 {
margin-left:10px;
}
#aslist_top_title #aslist_title7 {
margin-left:2px;
}
#aslist_top_title #aslist_title8 {
margin-left:-10px;
}
#aslist_top_title #aslist_title9 {
margin-left:-10px;
}
#aslist_top_title #aslist_title99 {
margin-left:20px;
}
#aslist_top_title #aslist_title10 {
margin-left:20px;
}
#aslist_top_title #aslist_title11 {
margin-left:5px;
}
#list_content {
height:600px;
width:1100px;
}
#list_content_new {
height:800px;
width:100%;
}
#subject_item {
height:18px;
margin:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
}
#subject_item #subject_item1{
float:left;
width:40px;
text-align:center;
}
#subject_item #subject_item2{
float:left;
width:300px;
}
#subject_item #subject_item3{
float:left;
width:110px;
margin-left:2px;
text-align:center;
}
#subject_item #subject_item4{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#subject_item #subject_item5{ /*공사담당*/
float:left;
width:130px;
margin-left:2px;
text-align:center;
}
#subject_item #subject_item6{
float:left;
width:80px;
margin-left:2px;
text-align:center;
}
#subject_item #subject_item7{
float:left;
width:90px;
margin-left:2px;
text-align:center;
}
#subject_item #subject_item8{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#sub_item {
width:1300px;
height:22px;
margin:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
font-size:11px;
font-weight:normal;
}
#sub_item1{
float:left;
width:40px;
text-align:left;
}
#sub_item2{
float:left;
width:320px;
text-align:left;
}
#sub_item3{
float:left;
width:130px;
margin-left:2px;
text-align:center;
}
#sub_item4{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#sub_item5{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#sub_item6{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#sub_item7{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#sub_item8{
float:left;
width:100px;
margin-left:2px;
text-align:center;
}
#assubject_item {
height:18px;
margin:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
}
#assubject_item #assubject_item1{
float:left;
width:40px;
text-align:center;
}
#assubject_item #assubject_item2{
float:left;
width:300px;
}
#assubject_item #assubject_item3{
float:left;
width:110px;
margin-left:2px;
text-align:center;
}
#assubject_item #assubject_item4{
float:left;
width:90px;
margin-left:-10px;
text-align:center;
}
#assubject_item #assubject_item5{
float:left;
width:80px;
margin-left:2px;
color:brown;
font-weight:bold;
text-align:center;
}
#assubject_item #assubject_item6{
float:left;
width:90px;
margin-left:0px;
text-align:center;
}
#assubject_item #assubject_item7{
float:left;
width:90px;
margin-left:-5px;
text-align:center;
}
#assubject_item #assubject_item8{
float:left;
width:50px;
margin-left:2px;
text-align:center;
}
#assubject_item #assubject_item9{
float:left;
width:100px;
margin-left:12px;
text-align:right;
}
#assubject_item #assubject_item10{
float:left;
width:100px;
margin-left:5px;
font-weight:bold;
text-align:center;
}
#assubject_item #assubject_item11{
float:left;
width:80px;
margin-left:10px;
font-weight:bold;
color:green;
text-align:center;
}
#index_aslist {
overflow:hidden;
height:18px;
margin:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
}
#index_aslist #index_aslist1{
float:left;
width:40px;
text-align:center;
}
#index_aslist #index_aslist2{
float:left;
width:300px;
}
#index_aslist #index_aslist3{
float:left;
width:110px;
margin-left:-10px;
text-align:center;
}
#index_aslist #index_aslist4{
float:left;
width:140px;
margin-left:5px;
font-weight:bold;
text-align:center;
}
#index_aslist #index_aslist5{
float:left;
width:80px;
margin-left:2px;
color:brown;
font-weight:bold;
text-align:right;
}
#index_aslist #index_aslist6{
float:left;
width:90px;
margin-left:0px;
text-align:right;
}
#index_aslist #index_aslist7{
float:left;
width:90px;
margin-left:0px;
text-align:center;
}
#index_aslist #index_aslist8{
float:left;
width:50px;
margin-left:2px;
text-align:right;
}
#index_aslist #index_aslist9{
float:left;
width:100px;
margin-left:12px;
text-align:right;
}
#index_aslist #index_aslist11{
float:left;
width:80px;
margin-left:10px;
font-weight:bold;
color:green;
text-align:center;
}
#list_item {
height:20px;
margin-top:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
}
#list_item #list_item1{
float:left;
width:40px;
text-align:center;
}
#list_item #list_item2{
float:left;
width:560px;
}
#list_item #list_item3{
float:left;
width:65px;
text-align:center;
}
#list_item #list_item4{
float:left;
width:80px;
text-align:center;
}
#list_item #list_item5{
float:left;
width:40px;
text-align:center;
}
#page_button {
margin-top:20px;
}
#page_num {
float:left;
width:80%;
margin-top:10px;
text-align:center;
}
#button {
float:left;
width:18%;
text-align:right;
}
/* write_form css */
#write_form_title {
margin-top:20px;
width:99%;
height:20px;
text-align:center;
padding-top:7px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
}
#write_form {
margin-top:10px;
height:80px;
overflow:auto;
}
#write_form #write_row1 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#write_form #write_row2 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#write_form #write_row3 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#write_form #write_row4 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#write_form #write_row5 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#write_form #write_row6 {
width:99%;
height:25px;
margin:2px 0 2px 0;
}
#work_write_form {
margin-top:10px;
height:150px;
overflow:auto;
}
#work_write_form #work_write_row1 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
#work_write_form #work_write_row2 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
#work_write_form #work_write_row3 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
#work_write_form #work_write_row4 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
#work_write_form #work_write_row5 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
#work_write_form #work_write_row6 {
width:99%;
height:20px;
margin:1px 0 1px 0;
}
.write_line {
width:99%;
border-bottom:solid 1px #cccccc;
}
#write_form .col1 {
float:left;
width:120px;
text-align:center;
padding:5px;
background-color:#eeeeee;
}
#write_form #write_row3 .col1 {
height:126px;
padding-top:120px;
}
#write_form .col2 {
float:left;
margin-left: 8px;
margin-top:2px;
}
#write_row1 .col2 {
margin-top:6px;
}
#write_form #write_row1 .col3 {
float:left;
margin-top:4px;
margin-left:100px;
}
#write_row2 .col2 input {
width:650px;
height:17px;
border:solid 1px #cccccc;
}
#write_row3 .col2 textarea {
margin-top:1px;
border:solid 1px #cccccc;
}
#write_row4 .col2 input {
width:300px;
height:19px;
border:solid 1px #cccccc;
}
#write_row5 .col2 input {
width:300px;
height:19px;
border:solid 1px #cccccc;
}
#write_row6 .col2 input {
width:300px;
height:19px;
border:solid 1px #cccccc;
}
#write_button {
margin-top:15px;
width:1000px;
text-align:right;
}
#write_button_renew {
margin-top:2px;
width:1000px;
text-align:right;
}
#write_button_renew2 {
margin-top:2px;
margin-left:2px;
width:1100px;
text-align:left;
}
.delete_ok {
margin:0 0 3px 10px;
}
/* view.php css */
#view_comment {
margin:10px 0 0 10px;
}
#view_title {
height:18px;
padding:10px 8px 8px 8px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
margin-bottom:5px;
}
#view_title1 {
float:left;
width:70%;
}
#view_title2 {
float:left;
width:28%;
text-align:right;
}
#view_content {
width:98%;
min-height:200px;
padding:15px 0 15px 8px;
overflow:hidden;
line-height:150%;
border-bottom:solid 1px #cccccc;
margin-bottom:15px;
}
#work_view_content {
width:90%;
height:40px;
line-height:100%;
overflow:auto;
float:left;
}
#view_button {
width:98%;
text-align:right;
margin-bottom:15px;
}
#work_view_button {
width:55%;
height:60px;
text-align:right;
margin-bottom:10px;
margin-top:10px;
}
/* ripple_work css */
#ripple_work {
width:90%;
float:left;
}
#ripple_work_writer_title {
height:26px;
padding-top:10px;
}
#ripple_writer_title ul {
margin-left:5px;
}
#ripple_writer_title li {
display:inline;
}
#work_writer_title1 {
margin-left:12px;
font-weight:bold;
}
#work_writer_title2 {
margin-left:20px;
}
#work_writer_title3 {
margin-left:540px;
}
#ripple_work_content {
padding:10px;
margin-left:5px;
line-height:150%;
}
.hor_work_line_ripple {
width:80%;
height:1px;
margin-bottom:10px;
border-bottom:solid 3px #efefef;
}
#ripple_work_box {
width:99%;
height:100px;
padding:8px;
margin-left:3px;
margin-bottom:15px;
background-color:#efefef;
}
#ripple_work_box1 {
float:left;
margin:5px;
}
#ripple_work_box2 {
float:left;
margin:5px;
}
#ripple_work_box2 textarea {
border:solid 1px #cccccc;
}
#ripple_work_box3 {
float:left;
margin:5px 0 0 10px;
}
#ripple_work_writer_title {
height:26px;
padding-top:10px;
}
#ripple_work_writer_title ul {
margin-left:5px;
}
#ripple_work_writer_title li {
display:inline;
}
#writer_work_title1 {
margin-left:10px;
font-weight:bold;
}
#writer_work_title2 {
margin-left:20px;
}
/* @group Blink */
.blink {
-webkit-animation: blink 2.0s linear infinite;
-moz-animation: blink 2.0s linear infinite;
-ms-animation: blink 2.0s linear infinite;
-o-animation: blink 2.0s linear infinite;
animation: blink 2.0s linear infinite;
}
@-webkit-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-moz-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-o-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
/* @end */
.img{
position: relative;
background-image: url(/img/aslist.jpg);
height: 800px;
width: 1200px;
/* background-size: cover; */
}
.img-cover{
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index:1;
}
.img .content{
position: absolute;
top:10px;
left:10px;
font-size:1rem;
color: black;
text-align: left;
}
#output_top_title {
width:1100px;
height:30px;
padding:2px;
border-top:solid 2px #aaaaaa;
background-color:#eeeeee;
font-size:11px;
font-weight:normal;
}
#output_title1 {
width:40px;
margin-top:5px;
margin-left:5px;
float:left;
}
#output_title2 {
width:120px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title3 {
width:50px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title33 { /* 접수상태 타이틀 */
width:30px;
margin-top:5px;
margin-left:-5px;
float:left;
text-align:center;
}
#output_title4 { /* 주일/경동 타이틀 */
width:30px;
margin-top:5px;
margin-left:1px;
float:left;
text-align:center;
}
#output_title5 { /* 절곡 발주 이틀 */
width:40px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title6 { /* 모터 발주 이틀 */
width:40px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title7 { /* 현장명 */
width:150px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title8 { /* 수신처 */
width:120px;
margin-top:5px;
margin-left:0px;
float:left;
text-align:center;
}
#output_title9 { /* 주소 */
width:200px;
margin-top:5px;
margin-left:5px;
float:left;
}
#output_title10 { /* 연락처 */
width:80px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title11 { /* 발주담당 */
width:50px;
margin-top:5px;
margin-left:15px;
float:left;
text-align:center;
}
#output_title12 { /* 비고 */
width:200px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#output_title13 { /* 운송방식 */
width:90px;
margin-top:5px;
margin-left:2px;
float:left;
text-align:center;
}
#output_title15 { /* 면적 */
width:90px;
margin-top:5px;
margin-left:0px;
float:left;
text-align:center;
font-weight:bold;
color:red;
}
#output_title16 { /* 틀수 */
width:80px;
margin-top:5px;
margin-left:-30px;
float:left;
text-align:center;
font-weight:bold;
color:brown;
}
#list_content_copy {
height:600px;
width:1100px;
}
#outlist_item {
overflow:hidden;
width:1130px;
height:20px;
margin:2px;
padding:2px;
border-bottom:solid 1px #eeeeee;
font-size:11px;
font-weight:normal;
}
#outlist_item1 {
width:30px;
margin-top:5px;
margin-left:5px;
float:left;
}
#outlist_item2 {
width:120px;
margin-top:5px;
margin-left:5px;
float:left;
}
#outlist_item3 {
width:70px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:left;
}
#outlist_item33 { /* 접수상태 */
width:30px;
margin-top:5px;
margin-left:0px;
float:left;
text-align:center;
}
#outlist_item4 { /* 주일/경동 타이틀 */
width:30px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#outlist_item5 { /* 절곡 발주 이틀 */
width:40px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#outlist_item6 { /* 모터 발주 이틀 */
width:40px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#outlist_item7 {
width:150px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#outlist_item8 { /* 수신처 타이틀 */
width:120px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
}
#outlist_item9 { /* 수신처 주소 */
width:200px;
overflow:hidden;
margin-top:5px;
margin-left:5px;
float:left;
text-align:left;
}
#outlist_item10 { /* 연락처 */
width:90px;
margin-top:5px;
margin-left:5px;
float:left;
}
#outlist_item11 { /* 발주담당 */
width:50px;
margin-top:5px;
margin-left:0px;
float:left;
text-align:center;
}
#outlist_item12 { /* 비고 */
width:300px;
overflow:hidden;
margin-top:5px;
margin-left:10px;
float:left;
text-align:left;
}
#outlist_item13 { /* 운송방식 */
width:90px;
margin-top:5px;
margin-left:2px;
float:left;
text-align:center;
}
#outlist_item15 { /* 면적 */
width:80px;
margin-top:5px;
margin-left:5px;
float:left;
text-align:center;
font-weight:bold;
color:red;
}
#outlist_item16 { /* 틀수 */
width:60px;
margin-top:5px;
margin-left:-20px;
float:left;
text-align:center;
font-weight:bold;
color:brown;
}
#top_board{
margin-top:20px;
width:1100px;
height:50px;
font-size:14px;
font-weight:bold;
}
#top_board0{
margin-top:20px;
width:250px;
display:inline-block;
height:30px;
margin-left:20px;
font-size:15px;
font-weight:bold;
text-align:left;
}
#top_board1{
margin-top:20px;
width:150px;
display:inline-block;
height:25px;
font-size:13px;
font-weight:bold;
text-align:right;
}
#top_board2{
margin-top:20px;
width:40px;
display:inline-block;
height:25px;
font-size:13px;
font-weight:bold;
text-align:center;
color:blue;
}
#top_board3{
margin-top:20px;
width:150px;
display:inline-block;
height:25px;
font-size:13px;
font-weight:bold;
text-align:right;
}
#top_board4{
margin-top:20px;
width:70px;
display:inline-block;
height:25px;
font-size:13px;
font-weight:bold;
text-align:center;
color:brown;
}