.ms-preload {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: fixed; z-index: 50000; background-color: rgb(238, 238, 238);
}
.spinner {
	margin: auto; animation:sk-rotate 2s linear infinite; left: 0px; top: 0px; width: 60px; height: 60px; text-align: center; right: 0px; bottom: 0px; position: absolute;
}
.dot1 {
	border-radius: 100%; animation:sk-bounce 2s ease-in-out infinite; top: 0px; width: 60%; height: 60%; display: inline-block; position: absolute; background-color: rgb(96, 125, 139);
}
.dot2 {
	border-radius: 100%; animation:sk-bounce 2s ease-in-out infinite; top: 0px; width: 60%; height: 60%; display: inline-block; position: absolute; background-color: rgb(96, 125, 139);
}
.dot2 {
	top: auto; bottom: 0px; animation-delay: -1s;
}

/*
    For this site only
*/
.ocs-banner {
    margin: 0px auto;
    max-width: 1200px;
}

    .ocs-banner img {
        cursor: pointer;
    }

.ocs-block {
    background: rgb(255, 255, 255);
    padding: 19px 12px;
    margin-top: 24px;
}

.ocs-common-bar {
    background: url("../images/common-bar.jpg") no-repeat left top;
    height: 34px;
    line-height: 34px;
}

    .ocs-common-bar h2 {
        color: rgb(0, 0, 0);
        padding-top: 3px;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold;
    }

        .ocs-common-bar h2 em {
            font-family: Arial;
            font-size: 16px;
            font-weight: normal;
            display: block;
        }



.ocs-item {
}

    .ocs-item .ocs-c {
        border-radius: 3px;
        border: 1px solid rgb(221, 221, 222);
        border-image: none;
        margin-top: 25px;
        position: relative;
        -webkit-border-radius: 3px;
    }

        .ocs-item .ocs-c .ocs-tit {
            background: url("../images/tag.png") no-repeat 10px rgb(231, 231, 232);
            height: 38px;
            color: rgb(51, 51, 51);
            line-height: 38px;
            overflow: hidden;
            padding-left: 25px;
            font-size: 14px;
            margin-top: 1px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

    .ocs-item .ocs-b-line {
        background: rgb(201, 202, 203);
        width: 100%;
        height: 2px;
        margin-top: 6px;
    }

    .ocs-item:hover .ocs-b-line {
        background: rgb(0, 189, 227);
    }

    .ocs-item .ocs-c img {
        width: 100%;
    }

.ocs-block2 {
}

    .ocs-block2 .ocs-common-bar {
        margin-bottom: 20px;
    }

.ocs-block3 {
}

    .ocs-block3 a {
        padding: 10px 20px;
        line-height: 25px;
        border-bottom-color: rgb(230, 230, 230);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
    }

        .ocs-block3 a:link {
            color: rgb(114, 113, 113);
        }

        .ocs-block3 a:visited {
            color: rgb(114, 113, 113);
        }

        .ocs-block3 a:hover {
            color: rgb(36, 168, 218);
        }

    .ocs-block3 .ocs-date em {
        background: url("../images/new.png") no-repeat;
        width: 21px;
        height: 9px;
        margin-left: 25px;
        display: inline-block;
    }

    .ocs-block3 .ocs-more a {
        background: rgb(51, 201, 233);
        padding: 2px 10px;
        border-radius: 2px;
        color: rgb(255, 255, 255);
        font-size: 12px;
        margin-top: 10px;
        float: right;
    }

.ocs-pathinfo {
    margin-top: 15px;
    margin-bottom: 10px;
}

    .ocs-pathinfo span {
        color: gray
    }

.ocs-sub-banner {
    border: 1px solid #ddddde;
    background: #fff;
    margin-top: 10px
}


.ocs-bl-4 {
    padding-left: 12px;
}

.ocs-bl-4 {
    border-left: 4px solid #27a3df;
}

.ocs-bb-1, .ocs-bb-4 {
    padding-top: 8px;
}

.ocs-bb-1 {
    border-bottom: 1px solid #ddd;
}

.ocs-bb-4 {
    border-bottom: 4px solid #7adbff;
}

.ocs_more_right {
    display: block;
    text-align: right;
    color: #ff0000;
    text-transform: uppercase;
    padding-right: 7px;
    margin-left: 20px;
}

.ocs-contactus {
    padding: 20px;
}

    .ocs-contactus .row {
    }

    .ocs-contactus .ocs-text {
        line-height: 24px;
    }

    .ocs-contactus .ocs-option {
        margin-top: 20px;
    }

        .ocs-contactus .ocs-option .ocs-tit {
            font-size: 18px;
            font-weight: bold;
        }

        .ocs-contactus .ocs-option .ocs-c {
            margin-top: 10px;
            padding: 20px;
            line-height: 24px;
            border: 1px solid #ddd;
            max-height: 300px;
            overflow-y: auto;
        }

    .ocs-contactus .ocs-option2 {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid #ddd;
    }

        .ocs-contactus .ocs-option2 .ocs-c {
            padding: 20px;
            line-height: 24px;
            border: 1px solid #ddd;
        }

        .ocs-contactus .ocs-option2 .ocs-tit {
            font-size: 18px;
            font-weight: bold;
        }

        .ocs-contactus .ocs-option2 ul {
            width: 100%;
            margin-top: 5px;
        }

            .ocs-contactus .ocs-option2 ul li {
                width: 100%;
                float: left;
                line-height: 30px;
                margin-top: 15px;
                font-size: 27px;
            }

                .ocs-contactus .ocs-option2 ul li.li-phone {
                    background: url(../images/static/phone.png) no-repeat left center;
                    padding-left: 40px;
                }

                .ocs-contactus .ocs-option2 ul li.li-fax {
                    background: url(../images/static/fax.png) no-repeat left center;
                    padding-left: 40px;
                }

                .ocs-contactus .ocs-option2 ul li.li-mail {
                    background: url(../images/static/mail.png) no-repeat left center;
                    padding-left: 40px;
                }

        .ocs-contactus .ocs-option2 p.ocs-t {
            width: 100%;
            clear: both;
            padding-top: 10px;
        }
        

.table-hover > tbody > tr:hover {
    background-color: blue;
    color:white;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: cyan;
}