@charset "utf-8";
/* CSS Document : 0-570 */

.landscape{animation: landscapeMove 1s;animation-fill-mode: forwards;animation-delay: .1s;}
@keyframes landscapeMove {
  from {width: 0%;}
  to {width: 100%;}
}
.landscape-message{animation: landscape-messageMove 1s;animation-fill-mode: forwards;animation-delay: 1.5s;}
@keyframes landscape-messageMove {
  from {opacity: 0;}
  to {opacity: 1;}
}
.menuMini{animation: menuMiniMove .5s;animation-fill-mode: forwards;animation-delay: .1s;}
@keyframes menuMiniMove {
  from {left: -100%;}
  to {left: 3%;}
}

.menuMini-Hide{animation: menuMini-HideMove .5s;animation-fill-mode: backwards;animation-delay: .1s;}
@keyframes menuMini-HideMove {
  from {left: 3%;}
  to {left: -100%;}
}

/* index */
#slideshow{width: 94%;height: 96%;top: 2%;left: 3%;}
#copy-Alls{display: none;}
#BDF1{opacity: 1;}
#BDF2{opacity: 0;display: none;}

/* designArchive */
#DS-Top{left: 50%;margin-left: -20px;}
#DS-TitleGray{width: 300px;font: 2.4em EN4;margin-left: -150px;}
#DS-TitleBlack{width: 300px;height: 50px;font: 1.6em EN3;margin-left: -150px;}
#DS-All{width: 300px;margin-left:-150px;}
#DS-All-Left{position: absolute;width: 300px;height: 1050px;margin-left: 0px;}
#DS-DS1{width: 300px;}
#DS-DS4{width: 300px;}
#DS-DS10{width: 300px;}
#DS-All1{width: 300px;}
#DS-All4{width: 300px;}
#DS-All10{width: 300px;}
#DS-All-Center{position: absolute;width: 300px;height: 1050px;margin-left: 0px;margin-top: 1295px;}
#DS-DS2{width: 300px;}
#DS-DS7{width: 300px;}
#DS-DS9{width: 300px;}
#DS-All2{width: 300px;}
#DS-All7{width: 300px;}
#DS-All9{width: 300px;}
#DS-All-Right{position: absolute;width: 300px;height: 1050px;margin-left: 0px;margin-top: 2562px;}
#DS-DS3{width: 300px;}
#DS-DS5{width: 300px;}
#DS-DS6{width: 300px;}
#DS-DS8{width: 300px;}
#DS-All3{width: 300px;}
#DS-All5{width: 300px;}
#DS-All6{width: 300px;}
#DS-All8{width: 300px;}

/* UP - z-index : 1000 */
#TOP{position: fixed;z-index: 1000;top: 100%;left: 100%;margin-left: -60px;margin-top: 65px;width: 30px;height: 30px;cursor: pointer;
display: block;}

/* portfolioArchive */
#P-All{width: 250px;left: 50%;margin-left:-125px;}
#P-All-Left{width: 250px;margin-left: 0px;margin-top: 0px;}
#P-All-Center{width: 250px;margin-left: 0px;margin-top: 1480px;}
#P-All-Right{width: 250px;margin-left: 0px;margin-top: 2960px;}

/* support */
#support-Back1{display: none;}
#support-Back2{display: block;}

#form{width: 300px;height: auto;left: 50%;margin-left: -150px;}
#supportName{width: 300px;}
#supportMobile{width: 300px;}
#supportDescription{width: 292px;}

/* employee */
#employee-page-Lang{margin-left: -25px;}
#cover-Employee{margin-left: 165px;}