@charset "utf-8";
/* CSS Document */


#BrandStorySide{ position:fixed; z-index:30;  top:50%;left:-58px; margin-top:-120px; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
#BrandStorySide:hover{left:0;}
#BrandStorySide   li{
    position: relative;
    display: block;
    width: 83px;
    height: 19px;
    cursor: pointer;
    font-size: 12px;
    line-height: 19px;
    color: #b2b2b2;
    margin: 5px 0 0 10px;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
}


#BrandStorySide li span {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 50%;
    right: 8px;
    top: 7px;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-property: background-color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
}
#BrandStorySide  li.over,#BrandStorySide  li:hover {
    color: #212121;
}
#BrandStorySide li.over  span,#BrandStorySide li:hover  span {
    background-color: #222;
}

#section1{ height:700px; }
#section2{ height:700px;}
#section3{ height:700px;}
#section4{ height:1100px;}
#section5{ height:700px;}
#section6{ height:900px;}
#section7{ height:700px;}
#section8{ height:700px;}
#section9{ height:700px;}
#section10{ height:700px; }

.sk-tit,.sk-txt{ position:absolute; z-index: 100;}
.sk-img{ padding:25px; background-color:#fff;position: absolute;z-index: 100; }
.sectionBrand{width:990px; position:relative;}
#BrandStory{width:990px;margin: 0 auto;z-index:1;height:8300px;padding-bottom:10px;overflow: hidden;}
#sk-1{ width:400px; height:98px; z-index:2; left:50%; margin-left:-200px;}
#sk-2{ width:455px; height:395px; z-index:3; left:50%; margin-left:-520px;}
#sk-3{ width:464px; height:113px; z-index:4; left:50%; margin-left:8px;}
#sk-4{ width:489px; height:228px; z-index:5; left:50%; margin-left:-68px; }

#sk-5{ width:400px; height:101px; z-index:2; left:50%; margin-left:-200px;}
#sk-6{ width:546px; height:397px; z-index:3; left:50%; margin-left:-500px;}
#sk-7{ width:337px; height:62px; z-index:4; left:50%; margin-left:107px;}
#sk-8{ width:353px; height:85px; z-index:5; left:50%; margin-left:-470px;}
#sk-9{ width:496px; height:347px; z-index:4; left:50%; margin-left:-56px;}

#sk-10{ width:434px; height:110px; z-index:2; left:50%; margin-left:-217px;}
#sk-11{ width:385px; height:81px; z-index:3; left:50%;  margin-left:-457px;}
#sk-12{ width:501px; height:338px; z-index:4; left:50%; margin-left:-76px;}
#sk-13{ width:384px; height:199px; z-index:5; left:50%; margin-left:-413px;}
#sk-14{ width:139px; height:18px; z-index:4; left:50%;  margin-left:41px;}

#sk-15{ width:400px; height:112px; z-index:2; left:50%; margin-left:-200px;}
#sk-16{ width:215px; height:211px; z-index:3; left:50%; margin-left:-457px;}
#sk-17{ width:230px; height:247px; z-index:4; left:50%; margin-left:-495px;}
#sk-18{ width:344px; height:470px; z-index:5; left:50%; margin-left:-206px;}
#sk-19{ width:251px; height:193px; z-index:4; left:50%; margin-left:175px;}
#sk-20{ width:291px; height:205px; z-index:2; left:50%; margin-left:194px;}
#sk-21{ width:368px; height:112px; z-index:3; left:50%; margin-left:-197px;}
#sk-22{ width:516px; height:315px; z-index:4; left:50%; margin-left:-478px;}
#sk-23{ width:317px; height:86px; z-index:5; left:50%;  margin-left:122px;}

#sk-24{ width:548px; height:119px; z-index:2; left:50%; margin-left:-274px;}
#sk-25{ width:308px; height:341px; z-index:3; left:50%; margin-left:-475px;}
#sk-26{ width:308px; height:304px; z-index:4; left:50%; margin-left:-152px;}
#sk-27{ width:292px; height:244px; z-index:5; left:50%; margin-left:175px;}
#sk-28{ width:582px; height:128px; z-index:4; left:50%; margin-left:-288px;}

#sk-29{ width:495px; height:110px; z-index:2; left:50%; margin-left:-246px;}
#sk-30{ width:450px; height:321px; z-index:3; left:50%; margin-left:-478px;}
#sk-31{ width:329px; height:112px; z-index:4; left:50%; margin-left:-462px;}
#sk-32{ width:544px; height:390px; z-index:5; left:50%; margin-left:-97px;}
#sk-33{ width:156px; height:298px; z-index:1; left:50%; margin-left:200px;}

#sk-34{ width:438px; height:110px; z-index:2; left:50%; margin-left:-219px;}
#sk-35{ width:524px; height:367px; z-index:3; left:50%; margin-left:-482px;}
#sk-36{ width:355px; height:140px; z-index:4; left:50%; margin-left:91px;}
#sk-37{ width:450px; height:217px; z-index:5; left:50%; margin-left:0px;}

#sk-38{ width:514px; height:112px; z-index:2; left:50%; margin-left:-257px;}
#sk-40{ width:405px; height:213px; z-index:3; left:50%;  margin-left:29px;}
#sk-39{ width:448px; height:307px; z-index:4; left:50%;margin-left:-441px;}
#sk-41{ width:372px; height:90px; z-index:5; left:50%; margin-left:29px;}

#sk-42{ width:436px; height:108px; z-index:2; left:50%; margin-left:-218px;}
#sk-43{ width:390px; height:319px; z-index:3; left:50%;  margin-left:-465px;}
#sk-44{ width:454px; height:87px; z-index:4; left:50%;margin-left:-10px;}
#sk-45{ width:383px; height:269px; z-index:5; left:50%; margin-left:-101px;}
#sk-46{ width:398px; height:278px; z-index:5; left:50%; margin-left:-546px;}

#sk-47{ width:364px; height:160px; z-index:2; left:50%; margin-left:-182px;}
#sk-48{ width:330px; height:137px; z-index:3; left:50%;  margin-left:-488px;}
#sk-49{ width:599px; height:384px; z-index:4; left:50%;margin-left:-133px;}
#sk-50{ width:355px; height:397px; z-index:5; left:50%; margin-left:-448px;}
#sk-51{ width:451px; height:230px; z-index:1; left:50%; margin-left:20px;}