#main {
    background: url('img/bg.jpg');
    text-align: center
}
#progress {
    background: #4c7fac
}
#sc_content {
    width: 435px;
    height: 540px;
    right: 20px;
    top: 125px;
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px #bdbdbd
}
.en #sc_content {
    left: 20px;
    text-align: left;

}
#sc_content_text_only {
    width: 1100px;
    height: 540px;
    right: 20px;
    top: 125px;
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px #bdbdbd
}
#sc_img {
    left: 20px;
    top: 125px
}
.sc_vid {
    left: 15px;
    top: 130px
}
.en .sc_vid {
    left: 490px
}
.sc_vid video {
    border-color: #fff;
    border-style: solid;
    border-width: 5px;
    border-radius: 12px;
    background-color: #fff;
    width: 640px;
    height: 545px
}
#next,
#prev {
    width: 220px;
    height: 58px;
    bottom: 15px;
    display: none
}
#next {
    bottom: 15px;
    left: 15px;
    background: url('img/next.png') no-repeat;
    opacity: .8
}
#prev {
    right: 15px;
    background: url('img/prev.png') no-repeat;
    opacity: .8
}
.en #next {
    left: 920px;
    background: url('img/next_en.png') no-repeat;
    background-size: 220px 58px
}
.en #prev {
    left: 15px;
    background: url('img/prev_en.png') no-repeat;
    background-size: 220px 58px
}
#sc_img div {
    border-color: #fff;
    display: none;
    border-style: solid;
    border-width: 5px;
    border-radius: 12px;
	background: white;
}
.en #sc_img {
    left: 490px
}
.sc_imgn1 {
    width: 640px;
    height: 545px
}
#sc_img .sc_imgn2 {
    width: 640px;
    height: 265px
}
#sc_img .sc_imgn2:nth-child(2) {
    top: 283px
}
#sc_img .sc_imgn3 {
    left: 325px;
    width: 310px;
    height: 265px
}
#sc_img .sc_imgn3:nth-child(2) {
    left: 0
}
#sc_img .sc_imgn3:nth-child(3) {
    top: 280px;
    width: 640px;
    left: 0
}
#sc_img .sc_imgn4 {
    left: 325px;
    width: 310px;
    height: 265px
}
.en #sc_img .sc_imgn4 {
    left: 0
}
#sc_img .sc_imgn4:nth-child(2) {
    left: 0
}
.en #sc_img .sc_imgn4:nth-child(2) {
    left: 325px
}
#sc_img .sc_imgn4:nth-child(3) {
    top: 283px;
    left: 325px
}
.en #sc_img .sc_imgn4:nth-child(3) {
    left: 0
}
#sc_img .sc_imgn4:nth-child(4) {
    top: 283px;
    left: 0
}
.en #sc_img .sc_imgn4:nth-child(4) {
    left: 325px
}
@media(max-height:780px) {
    #sc_content {
        width: 351px;
        height: 315px;
        right: 15px;
        top: 114px
    }
    .en #sc_content {
        left: 15px
    }
    #sc_content_text_only {
        width: 855px;
        height: 315px;
        right: 15px;
        top: 114px
    }
    #sc_img {
        left: 15px;
        top: 115px
    }
    .sc_vid {
        top: 115px
    }
    .en .sc_vid {
        left: 420px
    }
    .sc_vid video {
        width: 450px;
        height: 315px
    }
    #next,
    #prev {
        width: 155px;
        height: 40px;
        bottom: 11px
    }
    #next {
        left: 15px;
        background-size: 100% auto
    }
    #prev {
        right: 15px;
        background-size: 100% auto
    }
    .en #next {
        left: 730px;
        background-size: 155px 40px
    }
    .en #prev {
        left: 15px;
        background-size: 155px 40px
    }
    .en #sc_img {
        left: 395px
    }
    .sc_imgn1 {
        width: 450px;
        height: 315px
    }
    #sc_img .sc_imgn2 {
        width: 473px;
        height: 146px
    }
    #sc_img .sc_imgn2:nth-child(2) {
        top: 168px
    }
    #sc_img .sc_imgn3 {
        left: 254px;
        width: 232px;
        height: 144px
    }
    #sc_img .sc_imgn3:nth-child(2) {
        left: 0
    }
    #sc_img .sc_imgn3:nth-child(3) {
        top: 170px;
        width: 486px;
        left: 0
    }
    #sc_img .sc_imgn4 {
        left: 254px;
        width: 232px;
        height: 144px
    }
    #sc_img .sc_imgn4:nth-child(2) {
        left: 0
    }
    .en #sc_img .sc_imgn4:nth-child(2) {
        left: 250px
    }
    #sc_img .sc_imgn4:nth-child(3) {
        top: 170px;
        left: 254px
    }
    #sc_img .sc_imgn4:nth-child(4) {
        top: 170px
    }
    .en #sc_img .sc_imgn4:nth-child(4) {
        left: 250px
    }
}
#title {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    min-width: 290px;
    font-size: 30px;
    position: relative;
    background-color: #eb8c38;
    color: #FFF;
    padding: 0 30px;
    border-radius: 15px;
    text-align: center;
    top: 25px;
    max-width: none;
    z-index: 5;
    right: 0
}
#title:before {
    content: '';
    position: absolute;
    background: url(img/shadow.png) no-repeat center bottom;
    width: 216px;
    height: 15px;
    bottom: -11px;
    right: -15px;
    z-index: 0
}
#title:after {
    content: '';
    position: absolute;
    background: url(img/icon.png) no-repeat center bottom;
    width: 135px;
    height: 61px;
    background-size: 135px 61px;
    bottom: -11px;
    left: -15px;
    right: auto;
    z-index: 0
}
.en #title:before {
    background: url(img/shadow_en.png) no-repeat center bottom;
    width: 180px;
    height: 15px;
    bottom: -15px;
    left: -35px
}
.en #title:after {
    background: url(img/icon_en.png) no-repeat center bottom;
    width: 135px;
    height: 61px;
    background-size: 135px 61px;
    bottom: -20px;
    right: -15px;
    left: auto
}
@media(max-height:780px) {
    #title {
        line-height: 50px;
        min-width: 270px;
        font-size: 22px;
        top: 15px;
        height: 50px;
        right: -5px
    }
    .en #title:before {
        left: -41px;
        bottom: -13px;
        height: 14px;
        right: auto
    }
    .en #title:after {
        width: 105px;
        height: 45px;
        bottom: -15px;
        background-size: 105px 45px;
        right: -11px;
        left: auto
    }
    #title:before {
        right: -45px;
        bottom: -10px;
        left: auto
    }
    #title:after {
        width: 105px;
        height: 45px;
        bottom: -8px;
        background-size: 105px 45px
    }
}