body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form,
img,
dl,
dt,
dd,
table,
th,
td,
blockquote,
fieldset,
div,
strong,
label,
em {
    margin: 0;
    padding: 0;
    border: 0;
}

ul,
ol,
li {
    list-style: none;
}

input,
button {
    margin: 0;
    font-size: 12px;
    vertical-align: middle;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333;
    margin: 0 auto
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.row-content {
    width: 1150px;
    margin: 0 auto;
    text-align: left;
    clear: both
}

.showcase.cloud {
    position: relative;
    height: 466px
}

.showcase.cloud .container {
    width: 1150px;
    height: 464px;
    overflow: hidden;
    position: relative;
}

.showcase.cloud .slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 1150px;
    height: 520px
}

.showcase.cloud .slide .content-main-visual {
    width: 900px;
    height: 520px;
    overflow: hidden;
    position: relative;
    margin-right: 2px;
}

.showcase.cloud .slide .content-main-visual a {
    display: none;
    width: 900px;
    height: 520px;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0
}

.showcase.cloud .slide .content-main-visual a.pc {
    display: block
}

.showcase.cloud .slide .content-main-visual a.tablet {
    display: none
}

.showcase.cloud .slide .content-main-visual a.smartphone {
    display: none
}

.showcase.cloud .slide .content-main-visual a img {
    width: 900px;
    height: 520px
}

.showcase.cloud .slide .content-main-feature {
    height: 366px;
    width: 240px;
    position: absolute;
    top: 0;
    left: 910px
}

.showcase.cloud .slide .content-main-feature .feature {
    width: 240px;
    height: 94px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.showcase.cloud .slide .content-main-feature .feature a {
    padding-top: 0;
    display: block;
    width: 240px;
    height: 91px;
    position: relative;
    background-image: none;
    opacity: 1;
    filter: alpha(opacity=60);
    color: #000
}

.showcase.cloud .slide .content-main-feature .feature a:hover {
    background-image: none
}

.showcase.cloud .slide .content-main-feature .feature a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background: linear-gradient(to right, red, white);
}

.showcase.cloud .slide .content-main-feature .feature a.current {
    background: none;
    background: linear-gradient(to right, red, white);
}

.showcase.cloud .slide .content-main-feature .feature a img {
    width: 240px;
    height: 91px;
    margin: 0 auto
}

.showcase.cloud .slide .content-main-feature .feature a img.tablet {
    display: none
}

.showcase.cloud .slide .content-main-feature .feature a img.mobile {
    display: none
}

.showcase.cloud .slide .content-main-feature .feature a span {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 220px;
    height: 100%;
    text-align: left;
    padding: 10px;
    color: #fff;
    font-size: 15px;
}

.showcase.cloud .slide .content-main-feature .azure {
    background-color: transparent
}

.showcase.cloud .slide .content-main-feature .brick {
    background-color: transparent
}

.showcase.cloud .slide .content-main-feature .gray {
    background-color: transparent
}

.showcase.cloud .slide .content-main-feature .green {
    background-color: transparent
}

.showcase.cloud .slide .content-main-feature .dark-azure {
    background-color: #0088C4
}

.showcase.cloud .slide .content-main-feature .dark-brick {
    background-color: #6F0B01
}

.showcase.cloud .slide .content-main-feature .dark-gray {
    background-color: #272727
}

.showcase.cloud .slide .content-main-feature .dark-green {
    background-color: #308900
}

.showcase.cloud .slide .content-main-feature .azure a {
    background-color: #49b8da
}

.showcase.cloud .slide .content-main-feature .brick a {
    background-color: #A83513
}

.showcase.cloud .slide .content-main-feature .gray a {
    background-color: #646464
}

.showcase.cloud .slide .content-main-feature .green a {}

.showcase.cloud .slide .content-main-feature .azure a:hover,
.showcase.cloud .slide .content-main-feature .azure a.current {
    background-color: #75C3EF;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .azure a:hover span,
.showcase.cloud .slide .content-main-feature .azure a.current span {
    background-color: #75C3EF;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .brick a:hover,
.showcase.cloud .slide .content-main-feature .brick a.current {
    background-color: #A83513;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .brick a:hover span,
.showcase.cloud .slide .content-main-feature .brick a.current span {
    background-color: #A83513;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .gray a:hover,
.showcase.cloud .slide .content-main-feature .gray a.current {
    background-color: #646464;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .gray a:hover span,
.showcase.cloud .slide .content-main-feature .gray a.current span {
    background-color: #646464;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .green a:hover,
.showcase.cloud .slide .content-main-feature .green a.current {
    background-color: #6FBB00;
    color: #fff
}

.showcase.cloud .slide .content-main-feature .green a:hover span,
.showcase.cloud .slide .content-main-feature .green a.current span {
    background-color: #e0861a;
    color: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.showcase.cloud .slide .content-main-feature .feature a.current {
    opacity: 1;
    filter: alpha(opacity=100)
}

.showcase.cloud .slide .content-main-feature .feature a .timerLine {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 122px;
    height: 7px
}

.showcase.cloud .slide .content-main-feature .feature a.current .timerLine {
    display: block
}