@charset "UTF-8";

.web {
    background: url(images/banner-web.jpeg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}
.app{
    background: url(images/banner-app.jpeg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}
.mall{
    background: url(images/banner-mall.jpeg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}

.contact-us{
    background: url(images/banner-us.jpg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}
.it{
    background: url(images/banner-it.jpg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}
.tvp-banner{
    background: url(images/banner-tvp.png) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    margin-top: 80px;
    height: 350px;
    overflow: hidden;
}
.contact-us-tel .say-hi{
    color:#1a4279;
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 500;
}
.contact-us-addr .in-hk{
    font-size: 4rem;
    line-height: 4.2rem;
}
.contact-us-tel b, .contact-us-addr b, .focus-us-title{
    font-size: 1.3rem;
    line-height: 3rem;
    color: #1a4279;
    font-weight: 600;
    margin-top: 30px;
    display: inline-block;
}
.focus-us{
    padding-top: 30px;
}
.focus-us-link{
    margin-top:20px;
}
.focus-us-link a {
    display: inline-block;
    margin-right: 1rem;
}
.focus-us-link i{
    font-size: 2rem;
    line-height: 2rem;
}
.focus-us-link i:hover{
    color: #1a4279;
}
.contact-us-tel div, .contact-us-addr div{
    font-size: 1.2rem;
    line-height: 3rem;
}

.our-service h2{
    text-align: center;
}
.it-support h2{
    color: #1a4279;
}
.it-support-item {
    border:1px solid #eee;
    padding: 25px;
    margin-bottom: 25px;
    background: #fff;
}
.it-support-item h5{
    margin-top: 5px;
}
.it-support-item P{
    text-align: left!important;
    line-height: 1.5rem;
}
.tvp p,.tvp li{
    line-height: 1.7rem;
}
.tvp b{font-size: 1.2rem;}

.tvp table, .tvp th, .tvp td,
.tvp-fqa table, .tvp-fqa th, .tvp-fqa td
{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}
.tvp th{
    text-align: center;
    font-size: 1.3rem;
    color: #EC7800;
}
.tvp tr:nth-child(even){
    background-color: #f2f2f2;
}
.tvp-fqa h2, .tvp h2{
    color: #EC7800;
}
.tvp-fqa .wt-li{
   background:#f0f0f0;
   padding: 20px 20px 15px 20px;
   margin-top:15px;
}

.section-1 .overlay{
    background: rgba(0, 0, 0, .6);
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.section-1 .overlay h1{
    padding-bottom: 15px;
}

.section-2 .row{
    align-items: center;
}
.section-2 h2, .section-3 h2{
    margin-bottom: 30px;
}
.section-2 img {
    max-height: 420px;
}
.section-2 ul{
    list-style-type: disc;
}
.section-2 ul b {
    padding: 1.2rem 0;
    display: inline-block;
    font-size: 1.2rem;
}
.mall-custom .custom-item {
    border-radius: .375rem;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 40px 20px;
    padding: 50px 40px 20px 40px;
    height: 215px;
    position: relative;  
}
.mall-custom .custom-item:hover{
    box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.2);
}
.mall-custom .custom-item i{
    border-radius: 50%;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
    font-size: 2rem;
    padding:1.5rem;
    position: absolute;
    top: -2.6rem;
    left: 20px;
    background: #fff;
}
.section-3 p{
    text-align: center;
}
.section-3 img {
    max-width: 128px;
}

.section-4 h3{
    color: #1a4279;
}
.section-4 .row{
    align-items: center;
}
.section-4 b{
    line-height: 2.5rem;
    font-size: 1.25rem;
}
.section-4 p{
    line-height: 1.75rem;
}