/* slider */
.slider {
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
    background: url(../images/slider-bg.png) center -100px no-repeat;
    z-index: 0;
}

.slider-arrow {
    position: absolute;
    content: "";
    width: 56px;
    height: 56px;
}

.slider .arrow1:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: -5px;
    top: -45px;
    background: url(../images/slider/arrow1.png) no-repeat;
}

.slider .arrow2:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 80px;
    top: 20px;
    background: url(../images/slider/arrow2.png) no-repeat;
}

.slider .arrow3:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: -45px;
    top: 5px;
    background: url(../images/slider/arrow3.png) no-repeat;
}

.slider .arrow4:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 150px;
    top: -40px;
    background: url(../images/slider/arrow4.png) no-repeat;
}

.slider .arrow5:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 100px;
    top: 20px;
    background: url(../images/slider/arrow5.png) no-repeat;
}

.slider .arrow6:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 180px;
    top: -40px;
    background: url(../images/slider/arrow4.png) no-repeat;
}

.slider .arrow7:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 80px;
    top: 35px;
    background: url(../images/slider/arrow7.png) no-repeat;
}

.slider .arrow8:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    left: 100px;
    top: -40px;
    background: url(../images/slider/arrow4.png) no-repeat;
}

.slider #slide1 {
    width: 358px;
    height: 291px;
}

.slider #slide1 .text1 {
    left: 50px;
    top: 360px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide1 .text2 {
    left: 58px;
    top: 380px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
    text-align: center;
}

.slider #slide1 .text3 {
    left: 66px;
    top: 400px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
    text-align: center;
}

.slider #slide1 .twilight__handler {
    left: 49px;
    top: 62px;
    width: 187px;
    height: 291px;
}

.slider #slide1 .twilight__image-box {
    left: 56px;
    top: 35px;
    width: 168px;
}

.slider #slide2 {
    width: 381px;
    height: 299px;
}

.slider #slide2 .text1 {
    left: 200px;
    top: 40px;
    color: #FFF;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide2 .text2 {
    left: 230px;
    top: 60px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
    text-align: center;
}

.slider #slide2 .twilight__handler {
    left: 76px;
    top: 66px;
    width: 197px;
    height: 247px;
}

.slider #slide2 .twilight__image-box {
    left: 60px;
    top: 66px;
}

.slider #slide3 {
    width: 348px;
    height: 246px;
}

.slider #slide3 .text1 {
    left: 10px;
    top: 45px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide3 .text2 {
    left: 23px;
    top: 65px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide3 .twilight__handler {
    left: -13px;
    top: 61px;
    width: 252px;
    height: 199px;
}

.slider #slide3 .twilight__image-box {
    left: 7px;
    top: 80px;
}

.slider #slide4 {
    width: 497px;
    height: 185px;
}

.slider #slide4 .text1 {
    left: -30px;
    top: 56px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide4 .text2 {
    left: -10px;
    top: 76px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide4 .twilight__handler {
    left: 14px;
    top: 88px;
    width: 186px;
    height: 169px;
}

.slider #slide4 .twilight__image-box {
    left: 0px;
    top: 80px;
}

.slider #slide5 {
    width: 405px;
    height: 323px;
}

.slider #slide5 .text1 {
    left: 300px;
    top: 70px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide5 .text2 {
    left: 320px;
    top: 90px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
    text-align: center;
}

.slider #slide5 .twilight__handler {
    left: 255px;
    top: 113px;
    width: 237px;
    height: 300px;
}

.slider #slide5 .twilight__image-box {
    left: 226px;
    top: 113px;
}

.slider #slide6 {
    width: 401px;
    height: 333px;
}

.slider #slide6 .text1 {
left: 50px;
top: 370px;
font-size: 18px;
color: #62a8d5;
font-family: Cambria;
font-weight: 700;
}

.slider #slide6 .text2 {
left: 90px;
top: 390px;
font-size: 14px;
color: #62a8d5;
font-family: Cambria;
font-weight: 700;
}

.slider #slide6 .twilight__handler {
    left: 240px;
    top: 80px;
    width: 235px;
    height: 333px;
}

.slider #slide6 .twilight__image-box {
left: 220px;
top: 80px;
}

.slider #slide7 {
width: 400px;
height: 370px;
}

.slider #slide7 .text1 {
left: 20px;
top: 390px;
font-size: 18px;
color: #62a8d5;
font-family: Cambria;
font-weight: 700;
}

.slider #slide7 .text2 {
left: 76px;
top: 410px;
font-size: 14px;
color: #62a8d5;
font-family: Cambria;
font-weight: 700;
}

.slider #slide7 .twilight__handler {
    left: 228px;
    top: 109px;
    width: 213px;
    height: 302px;
}

.slider #slide7 .twilight__image-box {
left: 210px;
top: 100px;
}

.slider #slide8 {
width: 500px;
height: 346px;
}

.slider #slide8 .text1 {
    left: 36px;
    top: 370px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide8 .text2 {
    left: -5px;
    top: 390px;
    font-size: 18px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide8 .text3 {
    left: 40px;
    top: 410px;
    font-size: 14px;
    color: #62a8d5;
    font-family: Cambria;
    font-weight: 700;
}

.slider #slide8 .twilight__handler {
    left: 187px;
    top: 119px;
    width: 174px;
    height: 318px;
}

.slider #slide8 .twilight__image-box {
    left: 144px;
    top: 100px;
    width: 242px;
}