@charset "utf-8";
div.title {
    color:#212121;
    text-align:center;
}
div.title>h2>span {
    color: #0866a9;
    font-size: 1.2rem;
}
div.Wtitle{ color:#fff;text-align:center;text-shadow: 0.1em 0.1em 0.2em black;}
div.Wtitle>h2>span {
    color: #fff;
    font-size: 1.2rem;
    text-shadow: 0.1em 0.1em 0.2em black;
}



div.Next{text-align: center;}
div.Next button{
    padding: 0px;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.2rem;
    text-align: center;
    line-height: .75rem;
    background: none;
    border: 2px #0866a9 solid;
    color: #0866a9
}

div.WNext{text-align: center;}
div.WNext button{
    padding: 0px;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.2rem;
    text-align: center;
    line-height: .75rem;
    background: none;
    border: 2px #fff solid;
    color: #fff;
}


/*服務項目*/
#service{
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.8) 100%), url(../images/service-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    }

#service .editor{color: #fff}


/*客戶案例*/
#case{background: #ededed}
dl.Caseitem figure{
 border: 1px solid #ccc;
 border-radius: .25rem;
 padding: .75rem;
 background: #fff;
}

dl.Caseitem>dd>figure>p {overflow: hidden;}
dl.Caseitem>dd>figure>p>img {
    transition: all 1s ease-out;
}
dl.Caseitem>dd>figure:hover>p>img {
    transform: scale(1.2,1.2);
}
dl.Caseitem>dd>figure{margin-bottom: 0px}
dl.Caseitem>dd>figure>figcaption {padding: .75rem 1rem;}

div.caseinfo p{color:#ff3a1e;margin-bottom: 0}
div.caseinfo h4 {
    font-weight: 400;
}
button.link{ padding: 0px;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.2rem;
    text-align: center;
    line-height: .75rem;
    background: #a0a0a0;
    border:1px solid #a0a0a0;
    color: #fff;}
button.link:hover{
    background: #0866a9;
    border:1px solid #0866a9;
    }

/*聯絡我們*/
#contact{
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 100%, rgba(0,0,0,0.9) 100%), url(../images/contact-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    }
dl.contactInfo dd{color:#fff;padding-top: .5rem;text-shadow: 0.1em 0.1em 0.2em black}
dl.contactInfo span{color:#ff3a1e}
div.contacttitle h3{border-left: 3px #fff solid;padding-left: .5rem; color: #fff;text-shadow: 0.1em 0.1em 0.2em black;}
.form label{color: #fff;text-shadow: 0.1em 0.1em 0.2em black}
.Code img{width: 130px}


/*slide*/
    .jssora055 {display:block;position:absolute;cursor:pointer;}
    .jssora055 .a {fill:none;stroke:#fff;stroke-width:960;stroke-miterlimit:10;}
    .jssora055:hover {opacity:.8;}
    .jssora055.jssora055dn {opacity:.5;}
    .jssora055.jssora055ds {opacity:.3;pointer-events:none;}

    div#jssor {
        width:1920px;
        height:800px;
        margin:0 auto;
        overflow:hidden;
        visibility:hidden;
        position:relative;
        top:0px;
        left:0px;
    }
    div[data-u="loading"] {
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.7);
        text-align:center;
        position:absolute;
        top:0px;
        left:0px;
    }
    div[data-u="loading"] img {
        width:38px;
        height:38px;
        margin-top:-19px;
        position:relative;
        top:50%;
    }
    div[data-u="slides"] {
        width:1920px;
        height:800px;
        cursor: hand;
        overflow:hidden;
        position:relative;
        top:0px;
        left:0px;
    }
    div[data-u="arrowleft"],
    div[data-u="arrowright"] {
        width:55px;
        height:55px;
        top:0px;
    }
    div[data-u="arrowleft"] {left:25px;}
    div[data-u="arrowright"] {right:25px;}
    div[data-u="arrowleft"] svg,
    div[data-u="arrowright"] svg {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
    }
    div.lightbox>a {
        background: #f90;
        border-radius: .25rem;
        padding: .25rem
    }
    div.lightbox>a:hover {
        background: #ccc
    }
    .lity-content {background: #fff}