﻿
#FocusTV {
    width: 100%;
    height: 600px;
    background-image: url(/UsersData/0/u1/_System/honey/god-1-1.jpg);
    /*background-image: url(/Content/Home/images/focusbg.jpg);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 8px 0 rgba(0,0,0,0.20);
    background-color: #7a8ea1;
}
#FocusTV > div {
    margin:0 auto;
    width:1200px;
    max-width:100%;
}
#FocusTV > div video {
    margin-top: 90px;
    width: 720px;
    border-radius:32px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
h2 {
    font-size:20px;
    font-weight:bold;
}
.owl-carousel .item {
    width:380px;
    height:380px;
    background-color:rgba(255,255,255,0.6);
    border-radius:16px;
    padding:15px;
    word-break:break-all;
}
.Part1C {
    background-image: url(/Content/Shared/cy/bg3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Part1 {
    padding: 100px 0 120px 0;
}
.Part1 .item,
.Part3 .item {
    position:relative;
    text-align:center;
    padding:30px;
    word-break:break-all;
}
.Part1 .item h4,
.Part3 .item h4 {
    font-size:20px;
    font-weight:bold;
    padding:0;
    margin:0;
}
.Part1 .item h5,
.Part3 .item h5 {
    font-size:16px;
    font-weight:normal;
    padding:0;
    margin:20px 0;
    color:black;
}
.Part1 .item a,
.Part3 .item a {
    color:#0066b2;
}
.Part1 .item .more,
.Part3 .item .more {
    position:absolute;
    text-align:center;
    left:30px;
    right:30px;
    bottom:50px;
}
.Part1 .item .more a,
.Part3 .item .more a {
    font-size:14px;
    color:black;
}
.Part2C {
    background-image: url(/Content/Shared/cy/bg2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Part2 {
    padding: 100px 0 120px 0;
}
.Part2 #CaptionBox {
    color:white;
    background-color:#c7d6df;
    height:50px;
    margin-top:40px;
    padding:0;
    width:100%;
}
.Part2 #CaptionBox .active {
    background-color:#8aa0ae;
}
.Part2 #CaptionBox .hide {
    display:none;
}
.Part2 #CaptionBox div {
    cursor:pointer;
    padding:10px;
}
.Part2 #ProductBox,
.Part2 #ServiceBox {
    margin-top:25px;
}
.Part2 #ProductBox .item,
.Part2 #ServiceBox .item {
    height:auto;
    background-color:rgba(255,255,255,0.6);
    border-radius:16px;
    max-height: 415px;
    overflow: hidden;
}
.Part2 #ProductBox .item > div,
.Part2 #ServiceBox .item > div {
    padding:5px 0;
}
.Part2 #ProductBox img,
.Part2 #ServiceBox img {
    max-width:100%;
    width:100%;
    height:380px;
    border-radius:16px;
    opacity:0.75;
}
.Part2 #ProductBox img:hover,
.Part2 #ServiceBox img:hover {
    opacity:1;
}
.Part2 #ProductBox .MarLeft,
.Part2 #ServiceBox .MarLeft {
    margin-left:30px;
}
.Part3C {
    background-image: url(/Content/Shared/cy/bg3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Part3 {
    padding: 100px 0 120px 0;
}
.Part4C {
    background-image: url(/Content/Shared/cy/bg5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Part4 {
    padding: 100px 0 120px 0;
}
.Part4 #NewsBox {
    margin-top:25px;
}
.Part4 #NewsBox .item {
    position:relative;
    padding:30px;
    height:380px;
    background-color:rgba(0, 0, 0, 0.2);
    border-radius:16px;
    word-break:break-all;
}
.Part4 #NewsBox .item .caption {
    color:#318fcd;
    font-weight:bold;
    font-size:26px;
    padding-bottom:10px;
}
.Part4 #NewsBox .item h4 {
    font-size:18px;
    font-weight:bold;
    padding:0;
    margin:0;
}
.Part4 #NewsBox .item h5 {
    font-size:14px;
    font-weight:normal;
    padding:0;
    margin:0;
}
.Part4 #NewsBox .item a {
    color:white;
    display:block;
    margin-top:10px;
}
.Part4 #NewsBox .item .more {
    position:absolute;
    text-align:right;
    right:30px;
    bottom:30px;
}
.Part4 #NewsBox .item .more a {
    font-size:14px;
    color:#318fcd;
    display:inline;
    font-weight:bold;
}
.Part4 #NewsBox .MarLeft {
    margin-left:30px;
}
.Part4 #NewsBox a {
    color:white;
}
.Part4 #NewsBox a:hover {
    color:#ffeaea;
}
