@charset "utf-8";
footer {margin-top: 3rem}
input, select, textarea {
    width: 100%;
    background: #fff;
    border: #ccc 1px solid;
    border-radius: .25rem;
    color: #333;
    padding: .3rem .6rem
}
input:hover, select:hover, textarea:hover {
    border: #a40182 1px solid;
    outline: none
}
input:focus, select:focus, textarea:focus {
    border: #115fad 1px solid;
    outline: none
}
input::placeholder {color: #666}

input[type="checkbox"], input[type="radio"] {width: inherit !important}

button {background: #115fad; border-radius: .25rem; color: #fff; padding: .75rem 1.5rem}
button:hover {background: #a40182; color: #fff}

/*editor*/
div.editor {}
div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor p {line-height: 1.75rem; letter-spacing: .05rem}
div.editor ul li, div.editor ol li {margin-bottom: 1.25rem}
div.editor ol li {list-style: decimal}
div.editor ol li p {margin-bottom: 0}
div.editor h5 {font-weight: 600; color: #0379bf; margin-bottom: 1rem}

section.container {margin-top: 1rem}

h1.title {
    border-bottom: #2c3e50 3px solid;
    font-size: 2rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 1rem;
    padding-top: .75rem;
    padding-bottom: .5rem
}
h1.title>i {font-size: 2.5rem}

div.about>h1>i {color: #019300}
div.products>h1>i {color: #b81b43}
div.case>h1>i {color: #5b3bb6}
div.service>h1>i {color: #d83610}
div.contact>h1>i {color: #115fad}

dl.leftList {background: url(../images/bg-ind-prod-list.png) 50% top no-repeat; padding-top: 1rem}
dl.leftList>dd {margin-left: 1rem; margin-right: 1rem}
dl.leftList>dt>i {font-size: 1.75rem; color: #ff7000; margin-right: .5rem}
dl.leftList>dd {
    background: url(../images/icon-prod-list.png) left 1.25rem no-repeat;
    border-bottom: #000 1px dashed;
    margin-bottom: 0;
    padding: 1rem 0 .75rem 1.5rem
}
dl.leftList>dd>a {font-weight:400}
dl.leftList>dd>a>span {color: #ca5d03}
dl.leftList>dd:last-child {border-bottom: none}
/*mobile*/
.dropdown>a {
    width: 100%; background: #103a68 !important;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem
}
div.dropdown-menu {width: 93%; background: rgba(255, 255, 255, 0.9)}
a.dropdown-item {border-bottom: #ddd 1px solid; margin-bottom: .5rem; padding: 0 .75rem .5rem}
a.dropdown-item>span {color: #ca5d03}

dl.cubeList {}
dl.cubeList>dt {border-bottom: #ddd 1px solid; margin-bottom: 1.5rem}
dl.cubeList>dd {}
dl.cubeList>dd>figure {position: relative; margin-bottom: .5rem}
dl.cubeList>dd>figure>img {border: #ddd 1px solid}
dl.cubeList>dd>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 30%;
    position: absolute
}
dl.cubeList>dd>figure>figcaption>img {width: 35%}
dl.cubeList>dd>figure:hover>figcaption {display: block}
dl.cubeList>dd>p {
    font-size: .95rem;
    font-weight: 500;
    color: #5b3bb6;
    margin-bottom: 0
}

dl.products>dd {margin-bottom: 1.5rem}
dl.products>dd>figure>figcaption {background: rgba(16, 58, 104, 0.8)}
dl.products>dd>p {font-weight: 500; color: #b81b43}

dl.case>dd>figure>figcaption {background: rgba(91, 59, 182, 0.8)}
dl.case>dd>p {color: #5b3bb6}

/*detail*/
dd.caseIntro {}
dd.caseIntro>p {font-size: 1.5rem !important; margin-bottom: .75rem !important}
dd.caseIntro>ul {}
dd.caseIntro>ul>li {
    border-bottom: #eee 1px solid;
    list-style: circle;
    margin-bottom: .75rem;
    padding-bottom: .75rem
}

/*contact*/
dl.form {}
dl.form>dt {text-align: right; padding-top: .3rem}
dl.form>dd {}
dl.form>dd:last-child {text-align: center}
div.maps>iframe {width: 100%}