/* reset */
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,
font,
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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-weight: normal;
box-sizing: border-box;
}
::-webkit-validation-bubble-message {
display: none;
}
html {
font-size: 62.5% ! important;
-webkit-text-size-adjust: 100% ! important;
-ms-text-size-adjust: 100% ! important;
overflow-y: scroll;
}
@media only screen and (max-width: 1740px) {
html {
font-size: 52% ! important;
}
html.viewmode {
font-size: 62.5% ! important;
}
}
@media only screen and (max-width: 1440px) {
html {
font-size: 45% ! important;
}
html.viewmode {
font-size: 62.5% ! important;
}
}
@media only screen and (max-width: 1240px) {
html {
font-size: 44.5% ! important;
}
}
@media only screen and (max-width: 1000px) {
html {
font-size: 44.5% ! important;
}
}
body {
line-height: 1;
font-size: 1.4rem ! important;
}
ol,
ul {
list-style: none;
}
body {
height: 100vh;
margin-bottom: 0;
}
.awaiting {
background: url(../images/svg/ionic-ios-information-circle-outline_o.svg) no-repeat center 2.0rem;
background-size: auto 6.6rem;
padding: 12.0rem 0 2.0rem 0;
line-height: 1.6em;
text-align: center;
}
/* fonts */
.tt_zen {
ime-mode: active;
}
.tt_han {
ime-mode: inactive;
}
.tt_en {
ime-mode: disabled;
}
.tt_num {
ime-mode: disabled;
}
.header .headerInner {
position: fixed;
top: 0;
height: 5rem;
width: 100%;
background: #6FCC73;
filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.6));
z-index: 1030;
margin: 0;
padding: 0;
}
.headerInner .HeaderLeft {
float: left;
position: static;
}
.headerInner .HeaderLeft .headerLogo {
position: absolute;
padding: 0 0;
top: 0;
left: 1.5rem;
}
.headerInner .HeaderLeft .headerLogo.otlog {
left: 1.0rem;
}
.headerInner .HeaderLeft .headerLogo p {
margin: 0;
height: 5.0rem;
width: 11.4rem;
background: url(../images/logo.png) no-repeat left center;
background-size: 11.4rem 4.0rem;
cursor: pointer;
text-indent: 100%;
overflow: hidden;
}
.headerInner .HeaderRight {
position: absolute;
padding: 0 0;
top: 0;
right: 0;
}
.headerInner .HeaderRight .HeaderNav {
position: absolute;
top: 0;
right: 6.6rem;
height: 5.0rem;
width: 5.0rem;
background: url(../images/svg/ionic-md-settings.svg) no-repeat center center;
background-size: 2.5remx 2.5rem;
cursor: pointer;
}
.headerInner .HeaderRight .appBlock {
position: absolute;
top: 5.5rem;
right: 5.0rem;
width: 20.0rem;
background: #fff;
filter: drop-shadow(0 3px 0.6rem rgba(0, 0, 0, 0.4));
border-radius: 0.2rem;
display: none;
}
.appBlock dl {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.appBlock dt {
display: block;
padding: 0 0 0 0;
border-bottom: 1px solid #fff;
}
.appBlock dt a {
padding: 0 0;
text-decoration: none;
}
.appBlock dt span {
line-height: 4.0rem;
color: #fff;
display: block;
text-align: left;
padding: 0 0 0 1.5rem;
background: #6FCC73 url(../images/svg/material-keyboard-arrow-right.svg) no-repeat right center;
background-size: auto 2.0rem;
}
.appBlock dt span:focus,
.appBlock dt span:hover {
background: #94D197 url(../images/svg/material-keyboard-arrow-right.svg) no-repeat right center;
background-size: auto 2.0rem;
}
.headerInner .HeaderRight .HeaderUser {
top: 0;
right: 1.5rem;
position: absolute;
height: 5.0rem;
width: 5.0rem;
background: url(../images/svg/awesome-user.svg) no-repeat center center;
background-size: 2.5rem 2.5rem;
cursor: pointer;
}
.headerInner .acountBlock {
position: absolute;
top: 5.5rem;
right: 1.0rem;
width: 24.0rem;
background: #6FCC73;
list-style: none;
background-clip: padding-box;
-webkit-box-shadow: 0 3px 0.6rem rgba(0, 0, 0, 0.175);
box-shadow: 0 3px 0.6rem rgba(0, 0, 0, 0.175);
padding: 0 0 1.0rem 0;
margin: 0.2rem 0 0;
display: block;
color: #fff;
display: none;
}
.headerInner .acountBlock ul {
float: left;
min-width: 23.8rem;
margin-top: 0.2rem;
margin-bottom: 0;
font-size: 1.4rem;
text-align: left;
}
.headerInner .acountBlock li {
overflow: hidden;
position: relative;
}
.headerInner .acountBlock li a {
text-decoration: none;
color: #fff;
}
.headerInner .acountBlock li a:focus,
.headerInner .acountBlock li a:hover {
color: #1e9cd7;
}
.headerInner .acountBlock li a {
display: block;
clear: both;
font-weight: 400;
line-height: 2.4rem;
color: #fff;
white-space: nowrap;
text-decoration: none;
}
.headerInner .acountBlock .account,
.headerInner .acountBlock .ver {
display: flex;
align-items: center;
padding: 0.7rem 1.6rem 0.3rem 1.6rem;
line-height: 2.4rem;
font-size: 1.6rem;
}
.headerInner .acountBlock .divider {
background-color: rgba(0, 0, 0, 0.12);
}
.headerInner .acountBlock .divider {
height: 0.1rem;
margin: 0.9rem 0;
overflow: hidden;
background-color: #e5e5e5;
}
header .HeaderRight .HeaderUser {
position: absolute;
padding: 0.5rem 1.0rem;
top: 0;
right: 1.0rem;
cursor: pointer;
}
header .HeaderRight .HeaderUser i {
margin: 0;
height: 4.0rem;
width: 4.0rem;
line-height: 4.0rem;
text-align: center;
color: #fff !important;
cursor: pointer;
}
.container {
max-width: 100% !important;
padding: 0 ! important;
height: 100vh;
}
.container .loginBg {
background: url(../images/loginbg.jpg) no-repeat center center;
background-size: cover;
width: 100%;
height: 100vh;
padding: 5.0rem 0;
position: relative;
}
.container .loginBg .loginWindow {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20.0rem;
margin-left: -25.0rem;
width: 50.0rem;
min-height: 35.0rem;
background: #fff;
filter: drop-shadow(0 3px 0.6rem rgba(0, 0, 0, 0.4));
padding: 2.0rem 1.5rem;
}
.container .loginBg .WinTitle {
font-size: 1.8rem;
font-weight: bold;
}
.container .loginBg .winFloat {
width: 100%;
height: 4.5rem;
}
.container .loginBg .winFloat .wFloatLeft {
float: left;
width: 70%;
height: 4.0rem;
line-height: 4.0rem;
}
.container .loginBg .winFloat .wFloatRight {
float: right;
width: 30%;
height: 4.0rem;
line-height: 4.0rem;
}
.container .loginBg .winFloat .wFloatRight button {
width: 100%;
background: #000;
}
.container .loginBg .winText {
width: 100%;
padding-top: 1.0rem;
}
.container .loginBg .winText p {
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.SideNav {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 20.0rem;
height: 100%;
background: #EFEFEF;
}
.SideNav ul {
padding: 5.0rem 0 0 0;
border-right: 1px solid #EFEFEF;
}
.SideNav li {
position: relative;
height: 5.1rem;
background: #fff;
border-bottom: 1px solid #EFEFEF;
}
.SideNav dl {
display: none;
z-index: 2;
position: absolute;
top: 0;
left: 19.8rem;
width: 20.0rem;
border-left: 1px solid #EFEFEF;
border-right: 1px solid #EFEFEF;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6));
}
.SideNav dl.cate {
display: none;
z-index: 2;
position: absolute;
top: 0;
left: 19.9rem;
width: 20.0rem;
border-left: 1px solid #EFEFEF;
border-right: 1px solid #EFEFEF;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6));
background: none;
}
.SideNav li:focus dl.cate,
.SideNav li:hover dl.cate {
display: block;
background: #E6FFE4;
}
.SideNav li dl.cate dt:focus dl,
.SideNav li dl.cate dt:hover dl {
display: block;
}
.SideNav dl dt {
position: relative;
height: 5.1rem;
background: #fff;
border-bottom: 1px solid #EFEFEF;
}
.SideNav dl dd {
height: 5.1rem;
background: #fff;
border-bottom: 1px solid #EFEFEF;
}
.SideNav li a {
height: 5.0rem;
line-height: 5.0rem;
color: #000;
font-size: 1.6rem;
display: block;
background: url(../images/svg/nav_arrow.svg) no-repeat right center;
background-size: auto 2.0rem;
}
.SideNav li .cont a {
background: #fff url(../images/svg/awesome-clipboard-list.svg) no-repeat right 1rem center;
background-size: auto 2.5rem;
}
.SideNav li a:focus,
.SideNav li a:hover,
.SideNav li a.active {
background: #E6FFE4 url(../images/svg/nav_arrow.svg) no-repeat right center;
background-size: auto 2.0rem;
text-decoration: none;
}
.SideNav li .cont a:focus,
.SideNav li .cont a:hover,
.SideNav li .cont a.active {
background: #E6FFE4 url(../images/svg/awesome-clipboard-list.svg) no-repeat right 1rem center;
background-size: auto 2.5rem;
}
.SideNav li p {
padding: 0 0 0 4.5rem;
}
.SideNav li.nav01 p {
background: url(../images/svg/material-dashboard.svg) no-repeat 1.5rem center;
background-size: auto 2.0rem;
}
.SideNav li.nav02 p {
background: url(../images/svg/ionic-md-time.svg) no-repeat 1.5rem center;
background-size: auto 2.0rem;
}
.SideNav li.nav03 p {
background: url(../images/svg/metro-clipboard.svg) no-repeat 1.5rem center;
background-size: auto 2.0rem;
}
.SideNav li.nav04 p {
background: url(../images/svg/summarize_black.svg) no-repeat 1.5rem center;
background-size: auto 2.0rem;
}
.SideNav li.nav05 p {
background: url(../images/svg/open-graph.svg) no-repeat 1.5rem center;
background-size: auto 2.0rem;
}
.SideNav li dt p {
padding: 0 0 0 5rem;
background: none ! important;
}
.SideNav li dd p {
padding: 0 0 0 1rem;
background: none ! important;
}
.SideNav li .cate a p {
background: url(../images/svg/material-exit-to-app.svg) no-repeat 1.5rem center ! important;
background-size: auto 2rem ! important;
}
.SideNav li .cont a p {
background: none ! important;
}
.SideNav .logout {
position: absolute;
bottom: 6.5rem;
left: 1.0rem;
cursor: pointer;
}
.SideNav .logout button {
width: 18.0rem;
background: #000 url(../images/svg/metro-exit.svg) no-repeat right center;
background-size: auto 2.0rem;
color: #fff !important;
border-color: #1861ac;
text-align: center;
vertical-align: middle;
padding: 0.6rem 1.2rem;
font-size: 1.6rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.navbar {
margin: 10.0rem 0 0 0;
}
.ContentField {
padding: 5.0rem 0 0 20.0rem;
}
.viewmode .ContentField {
padding: 0 0 0 0;
}
.rednum {
color: #ff0000;
}
.ContentField .TitleBorder {
line-height: 2.0rem;
background: #EFEFEF;
width: 100%;
padding: 1.5rem 2.0rem 1.5rem 2.0rem;
font-size: 1.6rem;
}
.viewmode .ContentField .TitleBorder {
display: none;
}
.ContentField .MainContent {
padding: 2.0rem;
width: 100%;
}
.ContentField .MainContent .etcBox {
width: 100%;
border: 1px solid #FFD95E;
background: #FBF8D1;
padding: 1.0rem 1.0rem 0 1.0rem;
margin-bottom: 1.5rem;
min-height: 7.5rem;
}
.ContentField .MainContent .alertBox {
position: static;
width: 100%;
border: 1px solid #FF5E5E;
background: #FBD1D1;
padding: 1.0rem 1.0rem 0 1.0rem;
margin-bottom: 1.5rem;
min-height: 7.5rem;
display: none;
}
.ContentField .MainContent .alertBox.active {
position: static;
display: block;
}
.ContentField .MainContent .alertBox .text-danger {
color: #000 ! important;
}
.ContentField .MainContent .InformationBox {
width: 100%;
border: 1px solid #B1B1B1;
background: #F3F3F3;
padding: 1.0rem 1.0rem 0 1.0rem;
margin-bottom: 1.5rem;
min-height: 7.5rem;
}
.ContentField .MainContent .etcBox li,
.ContentField .MainContent .alertBox li,
.ContentField .MainContent .InformationBox li {
font-size: 1.4rem;
line-height: 2.0rem;
padding: 0 0 0.5rem 0;
}
.ContentField .MainContent .etcBox li.liText,
.ContentField .MainContent .alertBox li.liText,
.ContentField .MainContent .InformationBox li.liText {
font-size: 1.4rem;
line-height: 2.0rem;
padding: 2.0rem 0 2.0rem 0;
}
.ContentField .MainContent .etcBox li.edituser,
.ContentField .MainContent .alertBox li.edituser,
.ContentField .MainContent .InformationBox li.edituser {
font-size: 1.2rem;
line-height: 1.6rem;
padding: 0 0 0 0;
}
.ContentField .frontTitle {
width: 100%;
border-bottom: 1px solid #6FCC73;
line-height: 6.0rem;
color: #6FCC73;
font-size: 2.0rem;
padding: 0 0 0 8.0rem;
margin: 0 0 1.0rem;
background: url(../images/svg/material-exit-to-app.svg) no-repeat 2.0rem center;
background-size: auto 3.0rem;
}
.ContentField .frontMenu {
margin: 0 0 3.0rem 0;
padding: 1.0rem 2.0rem 0 2.0rem;
}
.ContentField .frontMenu li {
display: inline-block;
vertical-align: top;
text-align: center;
padding: 0 0;
width: 14.4rem;
}
.ContentField .frontMenu li.arrow {
height: 9.4rem;
width: 3.0rem;
background: url(../images/svg/awesome-arrow-right_o.svg) no-repeat center center;
background-size: auto 3.0rem;
}
.ContentField .frontMenu li.sps {
height: 9.4rem;
width: 3.0rem;
}
.ContentField .frontMenu li a:focus,
.ContentField .frontMenu li a:hover {
opacity: 0.6;
text-decoration: none;
}
.ContentField .frontMenu li p {
text-align: center;
color: #000;
padding: 1.0rem 0;
line-height: 2.0rem;
font-size: 1.6rem;
}
.ContentField .dashFrame {
padding: 1.0rem 0 0 0;
}
.ContentField .dashFrame .dashbox {
padding: 0 0 2.0rem 0;
vertical-align: top;
}
.ContentField .dashFrame .dashbox .dashcolumnouter {
display: inline-block;
padding-right: 2.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumnouter_wide {
width: 68.0rem;
display: inline-block;
padding-right: 2.0rem;
}
.ContentField .dashFrame .dashbox .dashOuter {
display: inline-block;
vertical-align: top;
width: 32.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn {
display: inline-block;
vertical-align: top;
width: 32.0rem;
margin: 0 2.0rem 2.0rem 0;
border: 1px solid #c2c2c2;
border-radius: 10px;
padding: 1rem;
background: #fff;
filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dashOuter.dashOuter_wide {
display: inline-block;
vertical-align: top;
width: 68.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn.dashcolumn_wide {
display: inline-block;
vertical-align: top;
width: 66.0rem;
margin: 0 2.0rem 2.0rem 0;
border: 1px solid #c2c2c2;
border-radius: 10px;
padding: 1rem;
background: #fff;
filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle {
position: relative;
width: 100%;
border-bottom: 1px solid #6FCC73;
line-height: 4.0rem;
color: #6FCC73;
font-size: 2.0rem;
padding: 0 0 0 4.0rem;
margin: 0 0 1.0rem;
background: url(../images/svg/ionic-md-list-box.svg) no-repeat left center;
background-size: auto 3.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle span {
font-size: 2.6rem;
font-weight: bold;
color: #5dc461;
padding: 0 0.2rem 0 0;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle a span {
color: #5dc461;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle a {
color: #6FCC73;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle p {
position: absolute;
bottom: 0;
right: 0.2rem;
font-size: 1.2rem;
color: #000;
line-height: 4.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle.icon-list {
margin: 0 0 1.0rem;
background: url(../images/svg/awesome-list-ul.svg) no-repeat left center;
background-size: auto 2.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo {
display: inline-block;
vertical-align: top;
width: 49%;
height: 7.0rem;
text-align: right;
padding: 1.0rem 0 1.0rem 1.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-info {
background: url(../images/svg/awesome-info-circle_blue.svg) no-repeat 0.5rem center;
background-size: auto 4.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-check {
background: url(../images/svg/awesome-check-circle_green.svg) no-repeat 0.5rem center;
background-size: auto 4.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p {
font-size: 1.3rem;
line-height: 3.5rem;
padding-right: 1.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .wscroll {
overflow: auto;
max-height: 30.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul {
margin: 0 0 1.0rem 0;
/*border-top: 1px solid #D1D1D1;
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;*/
}
.ContentField .dashFrame .dashbox .dashcolumn ul li {
border-bottom: 1px solid #D1D1D1;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a {
display: block;
padding: 1.0rem 4.0rem 1.0rem 1.5rem;
line-height: 2.0rem;
font-size: 1.2rem;
color: #000;
background: url(../images/svg/material-mode-edit.svg) no-repeat right center;
background-size: auto 1.8rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a:focus,
.ContentField .dashFrame .dashbox .dashcolumn ul li a:hover {
background: #E6FFE4 url(../images/svg/material-mode-edit.svg) no-repeat right center;
background-size: auto 1.8rem;
text-decoration: none;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate {
background: #00b1ff;
color: #fff;
padding: 0 5px;
border-radius: 0.2rem;
font-size: 1.1rem;
margin-right: 0.2rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate2 {
background: #FF8000;
color: #fff;
padding: 0 5px;
border-radius: 0.2rem;
font-size: 1.1rem;
margin-right: 0.2rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .etcText {
padding: 0 0 0.5rem 0;
font-size: 1.2rem;
line-height: 2.0rem;
}
.ContentField .colmnCt {
display: table;
width: 100%;
max-width: 172.0rem;
margin-bottom: 2.0rem;
}
.ContentField .colmnCt.btArrow {
margin-bottom: 5.0rem;
}
.ContentField .colmnCt .searchBox {
display: table-cell;
width: 60%;
vertical-align: top;
}
.ContentField .colmnCt .searchBox.column_12 {
display: table-cell;
width: 100%;
vertical-align: top;
}
.ContentField .colmnCt .searchBox.column_6 {
display: table-cell;
width: 50%;
vertical-align: top;
}
.ContentField .colmnCt .searchBox.column_6:last-child {
border-left: 0;
padding-right: 0;
}
.ContentField .colmnCt .colmnCtLiBox {
position: relative;
display: table-cell;
width: 40%;
vertical-align: top;
}
.ContentField .colmnCt .colmnCtLiBox:last-child {
padding-left: 1.5rem;
}
.ContentField .colmnCt .colmnCtLiBox:first-child {
padding-right: 1.5rem;
}
.ContentField .colmnCt .colmnCtLiBox .materialArrow {
position: absolute;
background: url(../images/svg/material-play-arrow.svg) no-repeat center center;
background-size: auto 2.0rem;
width: 100%;
height: 3.0rem;
}
.ContentField .colmnCt .colmnCtLiBox .materialArrowB {
position: absolute;
background: url(../images/svg/material-play-arrow_b.svg) no-repeat center center;
background-size: auto 2.0rem;
width: 100%;
height: 3.0rem;
}
.tdScroll {
overflow: auto;
}
.tdScroll.tdsc-h_100 {
height: 10.0rem;
}
.tdScroll.tdsc-h_150 {
height: 15.0rem;
}
.tdScroll.tdsc-h_250 {
height: 25.0rem;
}
.btn {
font-size: 1.6rem;
}
.ContentField .searchBox {
position: relative;
max-width: 172.0rem;
border: 1px solid #D5D5D5;
background: #FBFBFB;
padding: 1.0rem 1.0rem 1.0rem 1.0rem;
margin-bottom: 1.5rem;
}
.ContentField .searchBox.psiSm {
text-align: center;
vertical-align: middle;
}
.ContentField .searchBox li {
padding: 0 0 1.0rem 0;
}
.ContentField .searchBox .formBox {
display: inline-block;
font-size: 0;
width: 21.5rem;
padding: 0 2.0rem 0 0;
vertical-align: top;
}
.ContentField .searchBox .tLabelUl .formBox {
display: inline-block;
font-size: 0;
width: auto;
padding: 0 0 0 0;
}
.ContentField .searchBox .tLabelUl .formBox .tLabelth {
display: inline-block;
width: 15.0rem;
background: #BEEFAD;
padding: 1.1rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: right;
vertical-align: top;
}
.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_200x {
width: 20.0rem;
}
.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_220x {
width: 22.0rem;
}
.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_240x {
width: 24.0rem;
}
.ContentField .searchBox .tLabelUl .formBox .tLabelth span {
color: #ff0000;
padding: 0 0 0 0.5rem;
}
.ContentField .searchBox .formBox.wi_30 {
width: 31.5rem;
}
.ContentField .searchBox .formBox.wi_40 {
width: 43.5rem;
}
.ContentField .searchBox .formBox.wi_40 .formInput.inblock {
display: inline-block;
width: 20.0rem;
}
.ContentField .searchBox .formBox.wi_40 .formInput.inblock {
display: inline-block;
width: 20.0rem;
}
.ContentField .searchBox .formBox.wi_40 .formInput.inblock:first-child {
width: 19.0rem;
padding: 0 1.0rem 0 0;
}
.ContentField .searchBox .tLabelUl .formBox .formInput {
display: inline-block;
/* width: calc(100% - 150px);*/
padding-left: 1.0rem;
}
.ContentField .searchBox .tLabelUl .formBox .formInput.wi_100 {
width: 10.0rem;
}
.ContentField .searchBox .tLabelUl .formBox .formInput.wi_150 {
width: 15.0rem;
}
.ContentField .searchBox .formBox .formInput.inblock {
display: inline-block;
}
.ContentField .searchBox .formBox .formInput.inbText {
font-size: 1.4rem;
padding: 0 1.0rem 0 0;
}
.ContentField .searchBox .formBox .formInput input {
border: 1px solid #D9D9D9;
line-height: 3.0rem;
width: 100%;
padding: 0 2.0rem 0 0.5rem;
font-size: 1.6rem;
}
.ContentField .searchBox .formBox .formInput input.popse {
padding-right: 3.8rem;
}
.ContentField .searchBox .formBox.seBtnBox .formInput input {
border: 1px solid #D9D9D9;
line-height: 3.0rem;
width: 100%;
padding: 0 0 0 0.5rem;
}
.ContentField .searchBox .formBox .formTxt {
display: inline-block;
color: #000;
line-height: 3.0rem;
width: 2.4rem;
text-align: left;
font-size: 1.4rem;
}
.ContentField .searchBox .formBox .formInput .date input {
background: url(../images/svg/ico_cal.svg) no-repeat right 0.3rem center;
background-size: auto 2.0rem;
border-radius: 4px;
}
.ContentField .formInput input.wi_20 {
width: 20%;
}
.ContentField .formInput input.wi_25 {
width: 25%;
}
.ContentField .formInput input.wi_30 {
width: 30%;
}
.ContentField .formInput input.wi_40 {
width: 43%;
}
.ContentField .searchBox hr {
border-top: 1px solid #D5D5D5;
margin: 1.0rem 0 1.0rem 0;
}
.ContentField .clearBtn {
position: absolute;
top: 1.0rem;
right: 1.0rem;
width: 9.0rem;
height: 3.0rem;
line-height: 2.8rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.4rem;
border: 1px solid #A8A8A8;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.ContentField .clearBottom.clearBtn {
top: auto;
bottom: 1.0rem;
right: 1.0rem;
}
.ContentField .clearBtn span {
padding: 0 2.5rem 0 0;
background: url(../images/svg/open-reload.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.ContentField .fText {
padding: 0 0 2.0rem 0;
font-size: 1.2rem;
line-height: 1.4;
}
.ContentField .fText span {
color: #FF0000;
}
.ContentField .tableTop {
position: relative;
padding: 0 0 1.5rem;
width: 100%;
min-height: 4.5rem;
}
.ContentField .tableTop .tableTopRight {
position: absolute;
top: 0;
right: 0;
line-height: 3.0rem;
}
.ContentField .tableTop .tableTopRight .totalCount {
display: inline-block;
}
.ContentField .tableTop .tableTopRight .totalSize {
display: inline-block;
padding-left: 5.0rem;
}
.ContentField .tableTop .tableTopRight .totalSize .form-group {
display: inline-block;
}
.ContentField .flRight {
position: absolute;
right: 1.0rem;
bottom: 1.0rem;
text-align: right;
}
.ContentField .searchBtn {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.ContentField .searchBtnr {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #FF0000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.ContentField .searchBtn span,
.ContentField .searchBtnr span {
padding: 0 3.0rem 0 3.0rem;
background: url(../images/svg/ionic-ios-search.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.ContentField .pupdateBtn {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
display: block;
margin: 0 auto;
}
.ContentField .pupdateBtn span {
padding: 0 3.0rem 0 3.0rem;
background: url(../images/svg/metro-lock.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.ContentField .pupdateunBtn {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.ContentField .pupdateunBtn span {
padding: 0 3.0rem 0 3.0rem;
background: url(../images/svg/metro-unlock.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.ContentField .aggregateBtn {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000;
}
.ContentField .aggregateBtn span {
padding: 0 3.0rem 0 3.0rem;
background: url(../images/svg/open-graph_w.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.ContentField .posBottom.searchBtn,
.ContentField .posBottom.pupdateBtn,
.ContentField .posBottom.pupdateunBtn,
.ContentField .posBottom.aggregateBtn {
position: absolute;
bottom: 1.0rem;
left: 1.0rem;
}
.ContentField .flRight .importexcelBtn,
.ContentField .flRight .exportexcelBtn {
display: inline-block;
margin-left: 1.0rem;
background: #000000;
width: 18.0rem;
height: 3.5rem;
cursor: pointer;
color: #fff;
text-align: center;
font-size: 1.6rem;
line-height: 3.5rem;
box-shadow: 0.2rem 0.2rem 4px gray;
}
.ContentField .flRight .importexcelBtn span {
padding: 0 3.0rem 0 0;
background: url(../images/svg/upload_white_24dp.svg) no-repeat right center;
background-size: auto 2.0rem;
}
.ContentField .flRight .exportexcelBtn span {
padding: 0 3.0rem 0 0;
background: url(../images/svg/file_download_white_24dp.svg) no-repeat right center;
background-size: auto 2.0rem;
}
.ContentField .form_btn a:focus,
.ContentField .form_btn .searchBtn:focus,
.ContentField .form_btn .searchBtnr:focus,
.ContentField .form_btn .pupdateBtn:focus,
.ContentField .form_btn .pupdateunBtn:focus,
.ContentField .form_btn .clearBtn:focus,
.ContentField .form_btn .importexcelBtn:focus,
.ContentField .form_btn .exportexcelBtn:focus,
.ContentField .form_btn a:hover,
.ContentField .form_btn .searchBtn:hover,
.ContentField .form_btn .searchBtnr:hover,
.ContentField .form_btn .pupdateBtn:hover,
.ContentField .form_btn .pupdateunBtn:hover,
.ContentField .form_btn .clearBtn:hover,
.ContentField .form_btn .importexcelBtn:hover,
.ContentField .form_btn .exportexcelBtn:hover {
background: #939393;
}
.ContentField .searchBox .LtPrice {
text-align: right;
}
.ContentField .searchBox .LtPrice .LtTable {
float: right;
display: table;
}
.ContentField .searchBox .LtPrice:after,
.ContentField .searchBox .LtPrice:before {
clear: both;
content: "";
display: block;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr {
display: table-cell;
min-width: 25.0rem;
padding-right: 5.0rem;
padding-left: 1.5rem;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr:last-child {
padding-right: 0;
min-width: 20.0rem;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerLG {
border-left: 0.5rem solid #B2DE66;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerG {
border-left: 0.5rem solid #66DE72;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerR {
border-left: 0.5rem solid #DE6E66;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr .LtrPrice {
font-size: 3.0rem;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr:last-child .LtrPrice {
color: #DE6E66;
}
.ContentField .searchBox .LtPrice .LtTable .LtTr .LtrText {
color: #717171;
font-size: 1.4rem;
}
.createBtn:after,
.createBtn:before,
.lprintBtn:after,
.lprintBtn:before,
.lcsvBtn:after,
.lcsvBtn:before {
clear: both;
content: "";
display: block;
}
.ContentField .lprintBtn,
.ContentField .lcsvBtn,
.ContentField .listBtn,
.ContentField .createBtn {
float: left;
display: inline-block;
height: 3.0rem;
line-height: 3.0rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
margin-right: 1.0rem;
}
.ContentField .listBtn {
background: #009788;
}
.ContentField .listBtn a,
.ContentField .createBtn a {
display: block;
color: #fff;
text-decoration: none;
}
.ContentField .createBtn span {
animation-duration: 3s;
padding: 0 4.0rem 0 2.0rem;
background: url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
background-size: auto 1.4rem;
}
.ContentField .listBtn span {
padding: 0 4.0rem 0 2.0rem;
background: url(../images/svg/w_material-list.svg) no-repeat right 1.0rem center;
background-size: auto 1.4rem;
}
.ContentField .lprintBtn span {
padding: 0 4.0rem 0 2.0rem;
background: url(../images/svg/ico_print.svg) no-repeat right 1.0rem center;
background-size: auto 1.4rem;
}
.ContentField .lcsvBtn span {
padding: 0 4.0rem 0 2.0rem;
background: url(../images/svg/file_download_white_24dp.svg) no-repeat right 1.0rem center;
background-size: auto 1.4rem;
}
.ContentField .searchBtn:focus,
.ContentField .searchBtnr:focus,
.ContentField .createBtn:focus,
.ContentField .lprintBtn:focus,
.ContentField .lcsvBtn:focus,
.ContentField .clearBtn:focus,
.ContentField .searchBtn:hover,
.ContentField .searchBtnr:hover,
.ContentField .createBtn:hover,
.ContentField .lprintBtn:hover,
.ContentField .lcsvBtn:hover,
.ContentField .clearBtn:hover {
background: #939393;
}
.ContentField .listBtn:focus,
.ContentField .listBtn:hover {
background: #07ccb7;
}
.ContentField .listTable {
width: 100%;
text-align: center;
margin: 0 0 1.0rem 0;
}
.ContentField .listTable caption.calert {
font-size: 2.0rem;
caption-side: top;
color: #f00;
line-height: 2;
}
.ContentField .listTable.middleTable {
width: 100%;
max-width: 1050px;
margin: 2.0rem 0 0 0;
}
.ContentField .colmnCtLiBox .listTable {
margin: 0 0 0 0;
}
.ContentField .listTable.formview {
width: 100%;
text-align: center;
margin: 2.0rem 0 1.0rem 0;
}
.ContentField .listTable.middleTable caption {
caption-side: top;
padding-bottom: 0.5rem;
}
.ContentField .listTable th {
background: #6FCC73;
line-height: 2.0rem;
padding: 1.0rem 0.5rem;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}
.ContentField .listTable.fntSml th {
font-size: 1.3rem;
}
.ContentField .listTable thead .jplist {
display: none;
}
.ContentField .listTable thead th.active {
background: #37933b;
position: relative;
}
.ContentField .listTable thead th.active::after {
content: " ";
position: absolute;
top: 3px;
left: 5%;
width: 90%;
border-top: 1px solid #fff;
}
.ContentField .listTable thead th.desc.active::after {
top: auto;
bottom: 3px;
}
.ContentField .listTable thead th.sort {
cursor: pointer;
}
.ContentField .listTable thead th.sort:hover {
cursor: pointer;
background: #53b457;
}
.ContentField .listTable th.borderNone,
.ContentField .listTable th:last-child {
border-right: none;
}
.ContentField .listTable th.al_l {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
.ContentField .listTable th.al_c {
text-align: center;
padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}
.ContentField .listTable th.al_r {
text-align: right;
padding: 1.0rem 1.0rem 1.0rem 1.0rem;
}
.ContentField .listTable.fntSml th.al_l {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}
.ContentField .listTable.fntSml th.al_c {
text-align: center;
padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}
.ContentField .listTable.fntSml th.al_r {
text-align: right;
padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}
.ContentField .listTable.fntSml th.av_m {
vertical-align: middle;
}
.ContentField .listTable th.ltspc {
max-width: 3.0rem;
width: 1.9rem;
padding: 0 0 0 0;
}
.ContentField .listTable.fntSml td {
font-size: 1.3rem;
}
.ContentField .listTable td.ltspc {
max-width: 3.0rem;
width: 1px;
padding: 0 0 0 0;
border-left: none;
border-right: none;
}
.ContentField .listTable tr {
background: #fff;
}
.ContentField .listTable tbody .jplist.hide {
display: none;
}
.ContentField .listTable tbody .jplist.hide.show {
display: table-row;
}
.ContentField .listTable tr:nth-child(even) {
background: #F8F8F8;
}
.ContentField .listTable tr.bg1 {
background: #EBFFD1;
}
.ContentField .listTable tr.bg1 .av_m {
background: #fff;
}
.ContentField .listTable tr.bg1:nth-child(even) .av_m {
background: #F8F8F8;
}
.ContentField .listTable tr.bg2 {
background: #FFFEEC;
}
.ContentField .listTable tr.bg3 {
background: #fff;
}
.ContentField .listTable tr.tLink {
cursor: pointer;
}
.ContentField .listTable tr.tLink:focus .al_l,
.ContentField .listTable tr.tLink:focus .al_c,
.ContentField .listTable tr.tLink:focus .al_r,
.ContentField .listTable tr.tLink:hover .al_l,
.ContentField .listTable tr.tLink:hover .al_c,
.ContentField .listTable tr.tLink:hover .al_r {
background: #DAFFA2;
}
.ContentField .listTable tr td {
padding: 0.2rem 1.0rem;
line-height: 2.0rem;
border-bottom: 1px solid #fff;
border-right: 1px solid #CBCBCB;
}
.ContentField .listTable tr td .deleteLink {
width: 2.0rem;
height: 2.0rem;
background: url(../images/svg/k_material-delete.svg) no-repeat center center;
background-size: auto 2.0rem;
}
.ContentField .listTable tr td .deleteLink:focus,
.ContentField .listTable tr td .deleteLink:hover {
opacity: 0.6;
}
.ContentField .listTable td.nav_td {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
background: #AAE6AD;
}
.ContentField .listTable td.nav_td .nancount {
display: inline-block;
width: 2.0rem;
text-align: right;
padding-right: 1.0rem;
line-height: 2.3rem;
}
.ContentField .listTable td.nav_td .listedit {
display: inline-block;
width: 2.0rem;
height: 2.3rem;
background: url(../images/svg/k_material-list.svg) no-repeat center center;
background-size: auto 2.0rem;
margin-right: 0.5rem;
cursor: pointer;
}
.ContentField .listTable td.nav_td .listcopy {
display: inline-block;
width: 2.0rem;
height: 2.3rem;
background: url(../images/svg/k_material-copy.svg) no-repeat center center;
background-size: auto 2.0rem;
margin-right: 0.5rem;
cursor: pointer;
}
.ContentField .listTable td.nav_td .listdelete {
display: inline-block;
width: 2.0rem;
height: 2.3rem;
background: url(../images/svg/k_material-delete.svg) no-repeat center center;
background-size: auto 1.8rem;
cursor: pointer;
}
.ContentField .listTable td.nav_td .listedit:focus,
.ContentField .listTable td.nav_td .listcopy:focus,
.ContentField .listTable td.nav_td .listdelete:focus,
.ContentField .listTable td.nav_td .listedit:hover,
.ContentField .listTable td.nav_td .listcopy:hover,
.ContentField .listTable td.nav_td .listdelete:hover {
opacity: 0.6;
}
.ContentField .listTable .ui-sortable-placeholder td {
display: none ! important;
}
/*jfde01*/
.ContentField .listTable .milist .jfde01 {
display: none;
}
.ContentField .listTable .sylist .jfde01 {
display: none;
}
.ContentField .listTable .jfde01 {
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde01 select {
width: auto;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*jfde02*/
.ContentField .listTable .milist .jfde02 {
display: none;
}
.ContentField .listTable .sylist .jfde02 {
display: none;
}
.ContentField .listTable .jfde02 {
text-align: left;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
position: relative;
}
.ContentField .listTable .jfde02 input {
width: 100%;
width: calc(100% - 3.6rem);
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
}
.ContentField .listTable .jfde02 .popsearch {
position: absolute;
top: 1px;
right: 0;
background: #fff;
height: 4.3rem;
width: 3.8rem;
text-align: center;
line-height: 3.8rem;
cursor: pointer;
background: url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
background-size: auto 2.0rem;
}
.ContentField .listTable .jfde02 .popsearch:focus,
.ContentField .listTable .jfde02 .popsearch:hover {
background: #dfdfdf;
background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
background-size: auto 2.0rem;
}
.ContentField .listTable .jfde02 option {
background: #ff0000;
width: 200px;
}
#selectlistsupp,
#selectlistcust,
#selectlistitem {
position: absolute;
top: 0;
left: 0;
color: #fff;
width: 20.0rem;
}
#selectlistsupp .selectlcInner,
#selectlistcust .selectlcInner {
background: #fff;
width: 30.0rem;
max-height: 20.0rem;
overflow: auto;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
#selectlistitem .selectliInner {
background: #fff;
width: 20.0rem;
max-height: 20.0rem;
overflow: auto;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
#selectlistsupp .selectlcInner ul,
#selectlistcust .selectlcInner ul,
#selectlistitem .selectliInner ul {
display: block;
padding: 0;
margin: 0;
}
#selectlistsupp .selectlcInner ul li,
#selectlistcust .selectlcInner ul li,
#selectlistitem .selectliInner ul li {
display: block;
border-bottom: 1px solid #dfdfdf;
color: #000;
font-size: 1.2rem;
cursor: pointer;
line-height: 3.5rem;
height: 3.5rem;
overflow: hidden;
padding: 0 1.0rem;
}
#selectlistitem .selectliInner ul li span {
display: inline-block;
/* width:2.0rem;*/
text-align: right;
padding: 0 0.5rem 0 0;
}
#selectlistsupp .selectlcInner ul li:focus,
#selectlistcust .selectlcInner ul li:focus,
#selectlistitem .selectliInner ul li:focus,
#selectlistsupp .selectlcInner ul li:hover,
#selectlistcust .selectlcInner ul li:hover,
#selectlistitem .selectliInner ul li:hover {
background: #fdfdfd;
color: #666;
}
/*jfde03*/
.ContentField .listTable .milist .jfde03 {
display: none;
}
.ContentField .listTable .sylist .jfde03 {
display: none;
}
.ContentField .listTable .jfde03 {
text-align: left;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde03 input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
}
/*jfdezan*/
.ContentField .listTable .milist .jfdezan {
display: none;
}
.ContentField .listTable .sylist .jfdezan {
display: none;
}
.ContentField .listTable .jfdezan {
text-align: right;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
background: rgba(0, 0, 0, 0.04);
}
.ContentField .listTable .jfdezan input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
text-align: right;
}
/*jfde04*/
.ContentField .listTable .milist .jfde04 {
display: none;
}
.ContentField .listTable .sylist .jfde04 {
display: none;
}
.ContentField .listTable .jfde04 {
text-align: right;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde04 input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
text-align: right;
}
/*jfde05*/
.ContentField .listTable .milist .jfde05 {
display: none;
}
.ContentField .listTable .sylist .jfde05 {
display: none;
}
.ContentField .listTable .jfde05 {
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde05 select {
width: auto;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*jfde06*/
.ContentField .listTable .milist .jfde06 {
display: none;
}
.ContentField .listTable .sylist .jfde06 {
display: none;
}
.ContentField .listTable .jfde06 {
text-align: right;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde06 input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
text-align: right;
}
/*jfde07*/
.ContentField .listTable .milist .jfde07 {
display: none;
}
/*jfde08*/
.ContentField .listTable .milist .jfde08 {
display: none;
}
.ContentField .listTable .sylist .jfde08 {
display: none;
}
.ContentField .listTable .jfde08 {
text-align: right;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde08 input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
text-align: right;
}
/*jfde09*/
.ContentField .listTable .milist .jfde09 {
display: none;
}
.ContentField .listTable .sylist .jfde09 {
display: none;
}
.ContentField .listTable .jfde09 {
text-align: left;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde09 input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
}
/*jfde10*/
.ContentField .listTable .milist .jfde10 {
display: none;
}
.ContentField .listTable .sylist .jfde10 {
display: none;
}
.ContentField .listTable .jfde10 {
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde10 select {
width: auto;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*jfde11*/
.ContentField .listTable .delist .jfde11 {
display: none;
}
.ContentField .listTable .milist .jfde11 {
display: none;
}
/*jfde12*/
.ContentField .listTable .delist .jfde12 {
display: none;
}
.ContentField .listTable .milist .jfde12 {
display: none;
}
/*jfde13*/
.ContentField .listTable .milist .jfde13 {
display: none;
}
.ContentField .listTable .sylist .jfde13 {
display: none;
}
.ContentField .listTable .jfde13 {
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfde13 select {
width: auto;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ContentField .listTable .jfdeetc {
text-align: right;
padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}
.ContentField .listTable .jfdeetc input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
text-align: right;
}
.ContentField .listTable .jfdeetc select {
width: auto;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*jf_komi*/
.ContentField .listTable .delist .jf_komi {
display: none;
}
.ContentField .listTable .sylist .jf_komi {
display: none;
}
.ContentField .listTable .jf_komi {
text-align: left;
}
.ContentField .listTable .jf_komi input {
width: 100%;
border: none;
font-size: 1.4rem;
line-height: 4.0rem;
padding: 0 0;
background: none;
}
.ContentField .listTable td.al_l {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
.ContentField .listTable td.av_m {
vertical-align: middle;
}
.ContentField .listTable .al_cc {
text-align: center;
padding: 0 0.5rem 0 1.0rem;
}
.ContentField .listTable .al_cc .formInput {
text-align: center;
padding: 0 0 0 0;
}
.ContentField .listTable .al_cc .formInput .chklabel {
margin-bottom: 0;
position: absolute;
top: -2.5rem;
left: calc(50% - 1.0rem);
}
.ContentField .listTable td.al_r {
text-align: right;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
.listTable .th-w_5p {
width: 5%;
}
.listTable .th-w_6p {
width: 6%;
}
.listTable .th-w_7p {
width: 7%;
}
.listTable .th-w_8p {
width: 8%;
}
.listTable .th-w_9p {
width: 9%;
}
.listTable .th-w_10p {
width: 10%;
}
.listTable .th-w_14p {
width: 14%;
}
.listTable .th-w_50x {
width: 5.0rem;
}
.listTable .th-w_60x {
width: 6.0rem;
}
.listTable .th-w_70x {
width: 7.0rem;
}
.listTable .th-w_80x {
width: 8.0rem;
}
.listTable .th-w_90x {
width: 9.0rem;
}
.listTable .th-w_95x {
width: 9.5rem;
}
.listTable .th-w_100x {
width: 10.0rem;
}
.listTable .th-w_110x {
width: 11.0rem;
}
.listTable .th-w_120x {
width: 12.0rem;
}
.listTable .th-w_130x {
width: 13.0rem;
}
.listTable .th-w_150x {
width: 15.0rem;
}
.listTable .th-w_200x {
width: 20.0rem;
}
.listTable .th-w_250x {
width: 25.0rem;
}
.ContentField .searchTable {
border-top: 1px solid #dfdfdf;
padding-top: 10px;
}
.ContentField .searchTable li {
position: relative;
width: 100%;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 1.4rem;
}
.ContentField .searchTable li .stlImg {
width: 100%;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 10px;
margin-bottom: 10px;
}
.ContentField .searchTable li .stlLeft .stlTitle {
font-size: 1.8rem;
padding-bottom: 0.8rem;
}
.ContentField .searchTable li .stlLeft dl {
display: block;
width: 100%;
padding-bottom: 0.8em;
}
.ContentField .searchTable li .stlLeft dl dt {
display: inline-block;
width: 10.0rem;
}
.ContentField .searchTable li .stlLeft dl dd {
display: inline-block;
max-width: 30rem;
;
}
.ContentField .searchTable li .stlCenter .inlstitle {
display: inline-block;
}
.ContentField .searchTable li .stlCenter .inlstext {
display: inline-block;
padding-right: 20px;
}
.ContentField .searchTable li .stlFlReft {
position: absolute;
top: 0;
right: 0;
}
.ContentField .searchTable li .stlFlReft .lgStatus {
text-align: right;
font-size: 2.0rem;
}
.ContentField .formInput {
position: relative;
padding: 0 2.0rem 0 0;
}
.ContentField .formInput.sp_1em {
padding: 0 2.5rem 0 0;
margin: 0 2.0rem 0 0;
}
.ContentField .formInput.r_0 {
padding-right: 0;
}
.ContentField .formInput .chklabel {
min-width: 2.0rem;
margin: 10px 10px 10px 0;
}
.ContentField .formInput.r_0 label {
padding-right: 0;
margin-bottom: 0;
min-width: 2.0rem;
}
.ContentField .formInput input {
height: 4.0rem;
line-height: 4.0rem;
width: 100%;
padding: 0 0 0 0.5rem;
box-sizing: border-box;
display: inline-block;
}
.ContentField .formInput input[type="checkbox"] {
height: 2.0rem;
line-height: 2.0rem;
width: 20px;
}
.ContentField .formInput .deText {
height: 2.0rem;
line-height: 4.0rem;
}
.ContentField .formInput select {
padding-left: 0.5rem;
}
.ContentField .formInput select.popse {
width: calc(100% - 3.6rem);
}
.ContentField .formInput input.wi_20 {
width: 20%;
}
.ContentField .formInput input.wi_25 {
width: 25%;
}
.ContentField .formInput input.wi_30 {
width: 30%;
}
.ContentField .formInput input.wi_40 {
width: 43%;
}
.ContentField .formInput span {
display: block;
position: absolute;
right: 0.5rem;
top: 0;
line-height: 4.0rem;
}
.ContentField .form-check {
line-height: 4.0rem;
}
.ContentField .formInput input[type="text"]:disabled,
.ContentField .formInput input[type="number"]:disabled {
background: #fff;
border: none;
}
.ContentField .formInput input[type="text"]:disabled.disabledinput {
background: #EFEFEF;
}
.ContentField .formInput select:disabled {
background: #fff;
border: none;
padding-left: 0;
}
.ContentField .formInput .sTex {
position: absolute;
top: 0;
right: 0;
height: 3.8rem;
text-align: left;
line-height: 3.8rem;
}
.ContentField .formInput .popsearch {
position: absolute;
top: 0;
right: 2.0rem;
background: #fff;
height: 3.8rem;
width: 3.8rem;
text-align: center;
border: 1px solid #dfdfdf;
line-height: 3.8rem;
cursor: pointer;
background: #000 url(../images/svg/ionic-ios-search.svg) no-repeat center center;
background-size: auto 2.0rem;
border-radius: 0px 3px 3px 0;
}
.ContentField .searchBox .formBox .formInput .popsearch {
height: 4.0rem;
}
.ContentField .formInput .popsearch:focus,
.ContentField .formInput .popsearch:hover {
background: #dfdfdf;
background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
background-size: auto 2.0rem;
}
.rest {
position: relative;
}
.ContentField .qes {
position: absolute;
right: -1.0rem;
top: 0;
width: 2.0rem;
height: 4.0rem;
background: url(../images/svg/awesome-info-circle_o.svg) no-repeat center center;
background-size: auto 2.0rem;
cursor: pointer;
}
.ContentField .sp_1em .qes {
right: -2.0rem;
}
.ContentField .qes .qestext {
z-index: 9999;
position: absolute;
top: 50%;
left: 1.0rem;
padding: 1.0rem 1.5rem;
border: 1px solid #ffb516;
background: #ffe59e;
width: 30.0rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
border-radius: 2px;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: left;
color: #000;
}
.rest .qestext {
z-index: 9999;
position: absolute;
top: 100%;
left: 10%;
padding: 1.0rem 1.5rem;
border: 1px solid #ffb516;
background: #ffe59e;
width: 25.0rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
border-radius: 2px;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: left;
color: #000;
}
.ContentField .formConsole {
position: relative;
padding: 0 0 1.0rem 0;
}
.ContentField .formConsole .defaultCodefield div {
display: inline-block;
line-height: 3.0rem;
}
.ContentField .formConsole .defaultCodefield .codefTitle {
font-size: 1.4rem;
padding: 0 1.0rem 0 0;
}
.ContentField .formConsole .defaultCodefield .codeFInput {
line-height: 2.8rem;
}
.ContentField .formConsole .defaultCodefield .codeFInput input {
line-height: 2.8rem;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.ContentField .formConsole .defaultCodefield .printstatus {
background: #ACACAC;
color: #fff;
cursor: pointer;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
font-size: 1.4rem;
line-height: 2.0rem;
padding: 0.5rem 1.0rem;
margin: 0 0 0 1.5rem;
}
.ContentField .formConsole .defaultCodefield .printstatus.true {
background: #FF8000;
}
.ContentField .formConsole .defaultCodefield .sendstatus {
background: #FF8000;
color: #fff;
cursor: pointer;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
font-size: 1.4rem;
line-height: 2.0rem;
padding: 0.5rem 1.0rem;
margin: 0 0 0 1.5rem;
}
.ContentField .formConsole .defaultCodefield .dispsatus {
background: #ACACAC;
color: #fff;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
font-size: 1.4rem;
line-height: 2.0rem;
padding: 0.5rem 1.0rem;
margin: 0 0 0 1.5rem;
}
.ContentField .formConsole .flBtn {
position: absolute;
top: 0;
right: 0;
}
.ContentField .formConsole .flBtn dt {
display: inline-block;
padding: 0 0 0 0.5rem;
;
}
.ContentField .formConsole .flBtn dt div {
height: 3.0rem;
background: #000;
color: #fff;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
cursor: pointer;
}
.ContentField .formConsole .flBtn dt div.removeBtn {
background: #000 url(../images/svg/ico_delete.svg) no-repeat center center;
background-size: auto 1.7rem;
line-height: 2.5rem;
font-size: 1.2rem;
padding: 0 0.6rem 0 0.6rem;
}
.ContentField .formConsole .flBtn dt div.copyBtn {
background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
line-height: 2.5rem;
font-size: 1.2rem;
padding: 0 3.0rem 0 1.0rem;
}
.ContentField .formConsole .flBtn dt div.printBtn {
background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
padding: 0 3.0rem 0 1.0rem;
line-height: 2.5rem;
font-size: 1.2rem;
}
.ContentField .formConsole .flBtn dt div.leaseprintBtn {
background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
padding: 0 3.0rem 0 1.0rem;
line-height: 2.5rem;
font-size: 1.2rem;
}
.ContentField .formConsole .flBtn dt div.purchaorderchangeBtn {
background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
padding: 0 3.0rem 0 1.0rem;
line-height: 2.5rem;
font-size: 1.2rem;
}
.ContentField .formConsole .flBtn dt div.futurechangeBtn {
background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
padding: 0 3.0rem 0 1.0rem;
line-height: 2.5rem;
font-size: 1.2rem;
}
.ContentField .formConsole .flBtn dt.printList div {
background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
background-size: auto 1.7rem;
padding: 0 3.5rem 0 1.5rem;
line-height: 2.5rem;
font-size: 1.2rem;
}
.ContentField .formConsole .flBtn dt.printList {
position: relative;
}
.ContentField .formConsole .flBtn dt.printList dl {
display: none;
;
}
.ContentField .formConsole .flBtn dt.printList:hover dl {
display: block;
position: absolute;
right: 0;
top: 3rem;
z-index: 2;
}
.ContentField .formConsole .flBtn dt.printList dd {
display: block;
padding: 0 0 0 0.5rem;
width: 14rem;
}
.ContentField .formConsole .flBtn .printList dd div {
height: 4.0rem;
padding: 0 1.5rem 0 1.5rem;
background: #009788;
/*background:#009788 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;*/
background-size: auto 1.7rem;
color: #fff;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
cursor: pointer;
line-height: 4rem;
}
.ContentField .formConsole .flBtn dt div:hover {
opacity: 0.6;
}
.ContentField .formConsole .flBtn .printList dd div:hover {
opacity: 1;
background: #00d5c0;
/*background:#00d5c0 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;*/
background-size: auto 1.7rem;
}
.ContentField .formTable .inTable {
width: 100%;
display: table;
}
.ContentField .formTable .inTable .inTableLeft {
width: 55%;
display: table-cell;
vertical-align: top;
}
.ContentField .formTable .inTable .inTableRight {
width: 45%;
display: table-cell;
vertical-align: top;
}
.ContentField .formTable .inTable .inTableRight .formInput {
padding: 0 0 0 0;
}
.ContentField .formTable .tblTitle {
width: 24.0rem;
padding: 1.2rem 1.0rem;
line-height: 2.0rem;
font-size: 1.8rem;
text-align: lefy;
vertical-align: top;
min-width: 24.0rem;
}
.ContentField .formTable .tblLine {
border-top: 1px solid #dddddd;
width: 100%;
margin: 2.0rem 0;
}
.ContentField .formTable .tblLTitle {
width: 100%;
margin: 2.0rem 0 0 0;
border: 1px solid #dfdfdf;
padding: 1.2rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
background: #f8f8f8;
}
.ContentField .formTable .tblLBox {
width: 100%;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 1.0rem 1.0rem;
background: #f8f8f8;
}
.ContentField .formTable .tblBody {
width: 100%;
display: table;
border-bottom: 1px solid #fff;
min-height: 5.0rem;
}
.ContentField .formTable .tblBody .tablSn {
width: 100%;
display: table-cell;
padding: 0.5rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: right;
}
.ContentField .formTable .tblBody .tablGr {
width: 24.0rem;
display: table-cell;
background: #6FCC73;
border: 1px solid #fff;
color: #fff;
padding: 1.1rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: left;
vertical-align: middle;
min-width: 24.0rem;
}
.ContentField .formTable .tblBody .tablTh {
width: 24.0rem;
display: table-cell;
background: #BEEFAD;
padding: 1.1rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
text-align: right;
vertical-align: top;
min-width: 24.0rem;
}
.ContentField .formTable .inTable .inTableLeft .tblBody .tablTh,
.ContentField .formTable .inTable .inTableRight .tblBody .tablTh {
width: 20.0rem;
min-width: 20.0rem;
}
.ContentField .formTable .inTable .inTableLeft .tblBody.tbWdate .tablTh:nth-child(3) {
width: 15.0rem;
min-width: 15.0rem;
}
.ContentField .formTable .tblBody .tablTh span {
color: #ff0000;
padding: 0 0 0 0.5rem;
}
.ContentField .formTable .tblBody .tablTd {
display: table-cell;
padding: 0.2rem 1.0rem;
line-height: 2.0rem;
font-size: 1.4rem;
vertical-align: top;
}
.ContentField .formTable .inTable .inTableLeft .tblBody.tbWdate .tablTd:nth-child(2) {
width: 21.5rem;
}
.ContentField .formTable .tblBody .tablTd.col_10 {
width: 10%;
min-width: 12.5rem;
}
.ContentField .formTable .tblBody .tablTd.col_20 {
width: 20%;
min-width: 25.0rem;
}
.ContentField .formTable .tblBody .tablTd:nth-child(2) {
padding: 0.2rem 1.0rem 0.2rem 1.0rem;
}
.ContentField .formTable .tblBody .tablTd.colorGr {
background: #6FCC73;
border: 1px solid #fff;
color: #fff;
vertical-align: middle;
width: 10%;
}
.ContentField .formTable .tblBody .tablTd.colorTh {
background: #BEEFAD;
vertical-align: center;
width: 10%;
}
.ContentField .formTable .tblBody:nth-child(odd) .tablTd.colorTd {
background: #F8F8F8;
}
.ContentField .formTable .tblBody .tablTd.colorTd {
vertical-align: center;
width: 10%;
}
.ContentField .formTable .tblBody .tablTd.colorTh div {
line-height: 2.0rem;
padding: 0.9rem 0;
}
.ContentField .formTable .tblBody .tablTd .col_50px {
width: 5.0rem;
min-width: 5.0rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_7 {
width: 7%;
min-width: 7rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_10 {
width: 10%;
min-width: 10rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_15 {
width: 15%;
min-width: 10rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_20 {
width: 20%;
min-width: 15.0rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_25 {
width: 25%;
min-width: 20.0rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_30 {
width: 30%;
min-width: 30.0rem;
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .col_pdc {
padding-right: 0;
}
.ContentField .formTable .tblBody .tablTd .formInput:last-child {
padding-right: 0;
}
.ContentField .formTable .tblBody .tablTd .formInput:first-child {
padding-right: 2rem;
}
.ContentField .formTable .tblBody .tablTd .al_l {
text-align: left;
}
.ContentField .formTable .tblBody .tablTd .al_c {
text-align: center;
}
.ContentField .formTable .tblBody .tablTd .al_r {
text-align: right;
}
.ContentField .formTable .tblBody .tablTd .inblock {
display: inline-block;
}
.ContentField .formTable .tblBody .tablTd .inbText {
font-size: 1.4rem;
padding: 0 1.0rem 0 0;
}
.ContentField .formTable .tblBody .linkinput {
cursor: pointer;
}
.ContentField .formTable .tblBody .tablTd .date input {
background: url(../images/svg/ico_cal.svg) no-repeat right 0.3rem center;
background-size: auto 2.0rem;
}
.ContentField .formTable .tblBody .tablSn input {
height: 4.0rem;
line-height: 4.0rem;
width: 15.0rem;
padding: 0 1.0rem 0 0.5rem;
box-sizing: border-box;
border: 1px solid #ced4da;
text-align: right;
}
.ContentField .formTable .tblBody .tablSn input.disabledinput {
background: #EFEFEF;
}
.ContentField .formTable .tblBody .tablTd .tablImage {
max-width: 20.0rem;
}
.ContentField .formTable .tblBody .tablTd .tablImage img {
width: 100%;
}
.ContentField .formTable .createCell {
padding: 1.0rem 0;
color: #A7A7A7;
font-size: 1.2rem;
text-align: left;
}
.ContentField .StatusRight {
padding: 2.5rem 2rem 1.0rem 0;
font-size: 1.8rem;
text-align: right;
}
.ContentField .btnCell,
.ContentField .formTable .btnCell {
padding: 2.5rem 0 5.0rem 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ContentField .topbtnCell,
.ContentField .formTable .topbtnCell {
padding: 0 0 0.5rem 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ContentField .btnCell.btnCellLeft,
.ContentField .formTable .btnCell.btnCellLeft {
justify-content: left;
padding: 0.5rem 0 4.0rem 0;
margin-bottom: -5.0rem;
}
.ContentField .topbtnCell.btnCellRight,
.ContentField .formTable .topbtnCell.btnCellRight {
justify-content: right;
}
.ContentField .formTable .btnCell .createCells {
padding: 1.0rem 0;
color: #A7A7A7;
font-size: 1.2rem;
text-align: left;
}
.ContentField .btnCell .submitBtnBox,
.ContentField .topbtnCell .submitBtnBox {
display: inline-block;
vertical-align: top;
padding: 0 1.0rem 0 0;
}
.ContentField .btnCell .submitBtnBox input,
.ContentField .topbtnCell .submitBtnBox input {
width: 20.0rem;
height: 3.0rem;
background: #000;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000 url(../images/svg/ionic-ios-checkmark-circle.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: pointer;
font-size: 1.4rem;
}
.ContentField .formTable .btnCell .submitBtnBox input:disabled,
.ContentField .formTable .topbtnCell .submitBtnBox input:disabled {
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.0));
background: #c6c6c6 url(../images/svg/ionic-ios-checkmark-circle.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: default;
opacity: 1;
}
.ContentField .btnCell .submitBtnBox input:focus,
.ContentField .btnCell .submitBtnBox input:hover,
.ContentField .topbtnCell .submitBtnBox input:focus,
.ContentField .topbtnCell .submitBtnBox input:hover {
opacity: 0.6;
}
.ContentField .btnCell .submitBtnBox input:disabled:hover,
.ContentField .topbtnCell .submitBtnBox input:disabled:hover {
opacity: 1;
}
.ContentField .formTable .btnCell .ClearBtnBox {
display: inline-block;
vertical-align: top;
padding: 0 1.0rem;
}
.ContentField .formTable .btnCell .ClearBtnBox input {
width: 20.0rem;
height: 3.0rem;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000 url(../images/svg/open-reload.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: pointer;
font-size: 1.4rem;
}
.ContentField .formTable .btnCell .ClearBtnBox input:focus,
.ContentField .formTable .btnCell .ClearBtnBox input:hover {
opacity: 0.6;
}
.ContentField .btnCell .BackBtnBox {
display: inline-block;
vertical-align: top;
padding: 0 1.0rem;
}
.ContentField .btnCell .BackBtnBox input {
width: 20.0rem;
height: 3.0rem;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #6d6d6d url(../images/svg/arrow_back_white_24dp.svg) no-repeat 13.0rem center;
background-size: auto 2.0rem;
cursor: pointer;
}
.ContentField .btnCell .BackBtnBox input:focus,
.ContentField .btnCell .BackBtnBox input:hover {
opacity: 0.6;
}
.ContentField .formTable .btnCell .DeleteBtnBox {
display: inline-block;
vertical-align: top;
padding: 0 1.0rem;
}
.ContentField .formTable .btnCell .DeleteBtnBox input {
width: 20.0rem;
height: 3.0rem;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #e92600 url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: pointer;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:disabled {
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0));
background: #f8b7aa url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: default;
opacity: 1;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:focus,
.ContentField .formTable .btnCell .DeleteBtnBox input:hover {
opacity: 0.6;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:disabled:hover {
opacity: 1;
}
.ContentField .formTable .btnCell .DeleteBtnBox {
display: inline-block;
vertical-align: top;
padding: 0 1.0rem;
}
.ContentField .formTable .btnCell .DeleteBtnBox input {
width: 20.0rem;
height: 3.0rem;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #e92600 url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: pointer;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:disabled {
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0));
background: #f8b7aa url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
background-size: auto 1.4rem;
cursor: default;
opacity: 1;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:focus,
.ContentField .formTable .btnCell .DeleteBtnBox input:hover {
opacity: 0.6;
}
.ContentField .formTable .btnCell .DeleteBtnBox input:disabled:hover {
opacity: 1;
}
.ContentField .col_60px {
width: 6.0rem;
box-sizing: border-box;
}
.ContentField .col_7 {
width: 7%;
box-sizing: border-box;
}
.ContentField .col_10 {
width: 10%;
box-sizing: border-box;
}
.ContentField .col_20 {
width: 20%;
box-sizing: border-box;
}
.ContentField .col_30 {
width: 30%;
box-sizing: border-box;
}
.ContentField .col_40 {
width: 40%;
box-sizing: border-box;
}
.ContentField .col_50 {
width: 50%;
box-sizing: border-box;
}
.ContentField .col_60 {
width: 60%;
box-sizing: border-box;
}
.Popagenation {
width: 100%;
align-items: center;
display: flex;
justify-content: center;
padding-bottom: 30px;
}
.Popagenation.topnation {
padding-bottom: 0;
position: absolute;
width: 50%;
margin-left: 25%;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #009788;
border-color: #009788;
}
.page-link {
color: #009788;
}
.TotaloTable {
padding-bottom: 1.0rem;
}
.TotalbTable {
float: right;
display: table;
}
.TotalbTable.rmargin70 {
margin-right: 9.0rem;
}
.TotalbTable.rmargin100 {
margin-right: 10.0rem;
}
.TotalbTable.rmargin200 {
margin-right: 20.0rem;
}
.TotaloTable:after,
.TotaloTable:before {
clear: both;
content: "";
display: block;
}
.TotalbTable .TotalbTableTh {
width: 10.0rem;
display: table-cell;
background: #BEEFAD;
line-height: 2.0rem;
padding: 0.5rem 1.0rem;
border-right: 1px solid #BEEFAD;
border-bottom: 1px solid #BEEFAD;
border-top: 1px solid #BEEFAD;
color: #000;
text-align: right;
font-size: 1.4rem;
}
.TotalbTable .TotalbTableTh.Tric {
vertical-align: middle;
text-align: center;
}
.TotalbTable .TotalbTableTd {
display: table-cell;
text-align: right;
padding: 0.5rem 0.5rem 0.4rem 0.5rem;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
}
.TotalbTable .tableTri {
display: table-cell;
border-bottom: 1px solid #D9D9D9;
}
.TotalbTable .tableTriTr .TotalbTableTd {
background: #FFF;
}
.TotalbTable .tableTriTr.bg1 .TotalbTableTd {
background: #EBFFD1;
}
.TotalbTable .tableTriTr.bg2 .TotalbTableTd {
background: #FFFEEC;
}
.TotalbTable.fntSml .TotalbTableTd,
.TotalbTable.fntSml .TotalbTableTh {
font-size: 1.3rem;
}
.TotalbTable .TotalbTableTd.th-w_50x {
width: 5.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_60x {
width: 6.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_70x {
width: 7.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_80x {
width: 8.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_90x {
width: 9.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_95x {
width: 9.5rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_100x {
width: 10.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_110x {
width: 11.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_120x {
width: 12.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_130x {
width: 13.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_140x {
width: 14.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_150x {
width: 15.0rem;
box-sizing: border-box;
}
.TotalbTable .TotalbTableTd.th-w_200x {
width: 20.0rem;
box-sizing: border-box;
}
.TotalTable {
width: 100%;
display: table;
}
.TotalTable .putBody {
display: table-cell;
}
.TotalTable .totaloBody {
position: relative;
width: 25%;
display: table-cell;
padding: 0 0 0 1.0rem;
}
.TotalTable .taxtotaltBody {
width: 25%;
display: table-cell;
padding: 0 0 0 1.0rem;
}
.TotalTable .totaltBody {
width: 25%;
display: table-cell;
padding: 0 0 0 1.0rem;
}
.TotalTable .TotalITable {
width: 100%;
display: table;
margin: 0 0 0.2rem 0;
}
.TotalTable .TotalITable .TotalTableTh {
width: 15.0rem;
display: table-cell;
background: #BEEFAD;
line-height: 2.0rem;
padding: 0.5rem 1.0rem;
border-right: 1px solid #BEEFAD;
border-bottom: 1px solid #BEEFAD;
border-top: 1px solid #BEEFAD;
color: #000;
text-align: right;
font-size: 1.4rem;
}
.TotalTable .TotalITable .TotalTableTd {
display: table-cell;
text-align: right;
padding: 0 1.0rem 0 1.0rem;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
}
.TotalTable .listputBtn {
position: relative;
width: 10.0rem;
height: 3.0rem;
}
.TotalTable .listputBtn .lpbtn {
width: 10.0rem;
height: 3.0rem;
background: #000;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0 2.0rem 0 0;
font-size: 1.4rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000 url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
background-size: auto 1.4rem;
cursor: pointer;
}
.TotalTable .listputBtn .lpbtn:focus,
.TotalTable .listputBtn .lpbtn:hover {
opacity: 0.6;
}
.TotalTable .listputBtn ul,
.TotalTable .listputBtn.hide ul {
display: none;
}
.TotalTable .listputBtn ul.active,
.TotalTable .listputBtn:hover ul {
display: block;
position: absolute;
top: 0px;
left: 10.0rem;
background: #000;
width: 10.0rem;
z-index: 100;
}
.TotalTable .listputBtn ul li {
text-align: left;
border-bottom: 1px solid #dfdfdf;
padding: 0 0.5rem;
font-size: 1.4rem;
line-height: 3.0rem;
color: #fff;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000 url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
background-size: auto 1.2rem;
cursor: pointer;
}
.TotalTable .refreshTotalBtn {
position: absolute;
right: 0;
width: 10.0rem;
height: 3.0rem;
background: #000;
color: #fff;
text-align: center;
border: none;
border-radius: 0.2rem;
line-height: 3.0rem;
padding: 0 1.0rem 0 1.0rem;
font-size: 1.4rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
background: #000;
background-size: auto 1.4rem;
cursor: pointer;
}
.TotalTable .refreshTotalBtn:focus,
.TotalTable .listputBtn li:focus,
.TotalTable .refreshTotalBtn:hover,
.TotalTable .listputBtn li:hover {
opacity: 0.6;
}
.TotalTable .s_input {
border: none;
text-align: right;
width: 100%;
}
/* ページネーション */
.ContentField .pagination-container {
padding: 0 0 2.0rem 0;
}
.ContentField .pagination-container .pagination {
height: 3.0rem;
}
.ContentField .pagination-container .pagination li {
float: left;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
line-height: 2.8rem;
width: 3.0rem;
text-align: center;
background: #DAFFA2;
}
.ContentField .pagination-container .pagination li:first-child {
border-left: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.ContentField .pagination-container .pagination li a {
display: block;
line-height: 2.8rem;
width: 100%;
text-align: center;
background: #fff;
color: #434343;
}
.ContentField .pagination-container .pagination li a:focus,
.ContentField .pagination-container .pagination li a:hover {
text-decoration: none;
background: #DAFFA2;
}
/* モーダル */
#alertbg {
top: 0;
left: 0;
position: fixed;
height: 100vh;
width: 100%;
display: none;
z-index: 9999999;
}
#alertbg .bginner {
top: 0;
left: 0;
position: fixed;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.6);
align-items: center;
display: flex;
justify-content: center;
}
#alertbg .alertModal {
position: relative;
height: 30.0rem;
width: 40.0rem;
background: #fff;
z-index: 9999999;
filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
}
#alertbg .alertModal .amTitle {
height: 5.0rem;
width: 100%;
background: #6FCC73;
line-height: 5.0rem;
color: #fff;
position: relative;
font-size: 1.8rem;
padding: 0 2.5rem;
}
#alertbg .alertModal .amInner {
width: 100%;
padding: 2.0rem 2.0rem;
}
#alertbg .alertModal .amInner .amIcon {
height: 10.0rem;
width: 100%;
padding: 0 0;
background: url(../images/svg/ionic-ios-information-circle-outline_o.svg) no-repeat center center;
background-size: auto 6.6rem;
}
#alertbg .alertModal .amInner .amIcon.icon_Del {
background: url(../images/svg/k_material-delete.svg) no-repeat center center;
background-size: auto 6.6rem;
}
#alertbg .alertModal .amInner .amText {
text-align: left;
font-size: 1.4rem;
}
#alertbg .alertModal .amInner .amBtn {
position: absolute;
right: 2.0rem;
bottom: 2.0rem;
width: 100%;
}
#alertbg .alertModal .amInner .amBtn .okBtn {
float: right;
height: 3.0rem;
width: 10.0rem;
line-height: 3.0rem;
background: #000 url(../images/svg/w_ionic-md-checkmark.svg) no-repeat 6.5rem center;
background-size: auto 1.7rem;
color: #fff;
text-align: left;
padding: 0 0 0 2.0rem;
filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
cursor: pointer;
}
#alertbg .alertModal .amInner .amBtn .closeBtn {
float: right;
height: 3.0rem;
width: 10.0rem;
line-height: 2.8rem;
color: 000;
text-align: center;
padding: 0 0 0 0;
background: #fff;
border: 1px solid #828282;
margin: 0 0 0 2.0rem;
filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
cursor: pointer;
}
#alertbg .okBtn:focus,
#alertbg .closeBtn:focus,
#alertbg .okBtn:hover,
#alertbg .closeBtn:hover {
opacity: 0.6;
}
/* NEWSET */
.authbg {
background: url(../images/loginbg.jpg) no-repeat center center;
background-size: cover;
}
.footer {
position: fixed;
bottom: 0;
width: 100%;
line-height: 3.0rem;
font-size: 1.2rem;
z-index: 2;
}
.footer .container {
height: 3.0rem;
background: #000;
color: #fff;
text-align: center;
}
/* upload*/
.ddarea {
width: 100%;
height: 30.0rem;
border: 3px solid #5a5a5a;
border-radius: 1.0rem;
text-align: center;
overflow: hidden;
background: #fff;
color: #000;
padding: 0 0 0 0;
}
.ddarea:hover {
cursor: pointer;
}
.contentUpload.done .ddarea:hover {
cursor: default;
}
.contentUpload.done .ddarea {
border: 3px solid #5a5a5a;
}
.contentUpload .ddarea .upFileBox {
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
.contentUpload .ddarea .upFileInner {
/* border: 3px dashed #5a5a5a;*/
border-radius: 1.0rem;
width: 100%;
padding: 2.5rem 0 0 0;
height: 26.0rem;
}
.ddarea .icon {
background: url(../images/svg/insert_link2_icon.svg) no-repeat center center;
background-size: 6.0rem auto;
width: 6.0rem;
height: 3.5rem;
margin: 0 auto 2.0rem auto;
}
.contentUpload.done .ddarea .icon {
display: none;
}
.contentUpload.done .text,
.contentUpload.done .fileBtn {
display: none;
}
.ddarea div {
text-align: center;
color: #4d4d4d;
font-size: 2.4rem;
line-height: 3.4rem;
}
.ddarea div .fileBtn {
width: 12.5rem;
height: 3.5rem;
background: #000;
border-radius: 0.5rem;
color: #fff;
text-align: center;
line-height: 3.5rem;
font-size: 1.2rem;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
cursor: pointer;
margin: 1.0rem auto 0 auto;
}
.contentUpload .filesSet {
width: auto;
margin: 0 auto;
display: none;
}
.contentUpload .filesSet p {
font-size: 1.6rem;
padding: 0 0 2.0rem 0;
}
.contentUpload .filesSet .upFileText {
padding: 0 0 0 0;
}
/*モーダル*/
.modal-header {
background: #6FCC73;
border-bottom: none;
}
.modal-header .modal-title {
color: #fff;
}
#ErrorModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_error.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#DeletcheckModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_del.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#BasecheckModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#BaseModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#CreateModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#UpdateModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#DeleteModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#MessageModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
#PrintcheckModal .modal-body {
padding-top: 12rem;
background: url(../images/svg/modal_i_print.svg) no-repeat center top 2.5rem;
background-size: auto 8rem;
}
.modal-body {
line-height: 3.2rem;
}
/*ローディングモーダル*/
.moform {
padding: 0 0 0 0;
position: relative;
}
.moform .windowBtn {
position: absolute;
top: 1.0rem;
right: 1.0rem;
width: 9.0rem;
height: 3.0rem;
line-height: 2.8rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.4rem;
border: 1px solid #A8A8A8;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.moform .searchBox {
position: relative;
max-width: 172.0rem;
border: 1px solid #D5D5D5;
background: #FBFBFB;
padding: 1.0rem 1.0rem 1.0rem 1.0rem;
margin-bottom: 1.5rem;
}
.moform .searchBox li {
padding: 0 0 1.0rem 0;
}
.moform .searchBox .formBox {
display: inline-block;
font-size: 0;
width: 21.5rem;
padding: 0 2.0rem 0 0;
}
.moform .searchBox .formBox.wi_30 {
width: 31.5rem;
}
.moform .searchBox .formBox .formInput input {
border: 1px solid #D9D9D9;
line-height: 3.0rem;
width: 100%;
padding: 0 2.0rem 0 0.5rem;
}
.moform .formInput input.wi_20 {
width: 20%;
}
.moform .formInput input.wi_25 {
width: 25%;
}
.moform .formInput input.wi_30 {
width: 30%;
}
.moform .formInput input.wi_40 {
width: 43%;
}
.moform .searchBtn {
width: 30.0rem;
height: 3.5rem;
line-height: 3.5rem;
background: #000;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
border: none;
filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}
.moform .searchBtn:focus,
.moform .searchBtn:hover {
opacity: 0.6;
}
.moform .searchBtn span {
padding: 0 3.0rem 0 3.0rem;
background: url(../images/svg/ionic-ios-search.svg) no-repeat right center;
background-size: auto 1.6rem;
}
.moformlistsc {
overflow-y: auto;
height: 20.0rem;
}
.moformlist .listTable {
width: 100%;
text-align: center;
margin: 0 0 0 0;
}
.moformlist .listTable.formview {
width: 100%;
text-align: center;
margin: 2.0rem 0 1.0rem 0;
}
.moformlist .listTable th {
background: #6FCC73;
line-height: 2.0rem;
padding: 1.0rem 0.5rem;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}
.moformlist .listTable thead .jplist {
display: none;
}
.moformlist .listTable th:last-child {
border-right: none;
}
.moformlist .listTable th.al_l {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
.moformlist .listTable th.al_c {
text-align: center;
padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}
.moformlist .listTable th.al_r {
text-align: right;
padding: 1.0rem 1.0rem 1.0rem 1.0rem;
}
.moformlist .listTable tr {
background: #fff;
}
.moformlist .listTable tr:nth-child(even) {
background: #F8F8F8;
}
.moformlist .listTable tr.tLink {
cursor: pointer;
}
.moformlist .listTable tr.tLink:focus .al_l,
.moformlist .listTable tr.tLink:focus .al_c,
.moformlist .listTable tr.tLink:focus .al_r,
.moformlist .listTable tr.tLink:hover .al_l,
.moformlist .listTable tr.tLink:hover .al_c,
.moformlist .listTable tr.tLink:hover .al_r {
background: #DAFFA2;
}
.moformlist .listTable tr td {
padding: 0.2rem 1.0rem;
line-height: 2.0rem;
border-bottom: 1px solid #fff;
border-right: 1px solid #CBCBCB;
}
.moformlist .listTable tr td:last-child {
border-right: none;
}
.moformlist .listTable td.al_l {
text-align: left;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
.moformlist .listTable td.al_r {
text-align: right;
padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}
/*ローディングモー
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* ローディングの背景部分のCSS */
.loader {
background: #6fcc73;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
animation: loaderfade 0.5s linear 10s 1 normal forwards, loaderwidth 0.1s linear 1.5s 1 normal forwards;
}
@keyframes loaderfade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loaderwidth {
0% {
width: 0;
}
100% {
width: 0;
}
}
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
background: #ffffff;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader-animation {
height: 1.0rem;
left: 50%;
margin: -0.5rem 0 0 -0.5rem;
position: absolute;
top: 50%;
width: 1.0rem;
color: #ffffff;
text-indent: -9999em;
font-size: 1.0rem;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader-animation:before,
.loader-animation:after {
position: absolute;
top: 0;
content: '';
}
.loader-animation:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader-animation:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
.datepicker {
z-index: 1030 !important;
font-size: 1.4rem;
}