@charset "utf-8";
/* CSS Document : 571-768 */

.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%;}
#all{width: 400px;left: -50%;margin-left: -200px;top: 50%;margin-top: -100px;}
#allSubtitle{font: .9em EN3;}
#title{font: 3em EN4;}
#subtitle{font: 1.2em FA2;}
#copy-Alls{display: none;}

/* design */
#page-Category{width: 500px;margin-left: -250px;overflow: scroll;overflow-x: hidden;}
#pages-Category{width: 500px;margin-left: -250px;overflow: scroll;overflow-x: hidden;}
#PC1{width: 240px;margin-left: 5px;margin-top: 10px;}
#PC2{width: 240px;margin-left: 255px;margin-top: 10px;}
#PC3{width: 240px;margin-left: 5px;margin-top: 220px;}
#PC4{width: 240px;margin-left: 255px;margin-top: 220px;}
#PC5{width: 240px;margin-left: 5px;margin-top: 430px;}
#PC6{width: 240px;margin-left: 255px;margin-top: 430px;}
#DF{width: 500px;left: 50%;margin-left: -250px;overflow: hidden;overflow-x: hidden;}
#code{width: 230px;height: 30px;left: 0px;}
#name{width: 230px;left: 0px;}
#mobile{width: 230px;left: 0px;}
#typeOfDesign{width: 242px;left: 0px;}
#description{width: 230px;margin-top: 0px;margin-left: 250px;font: 1.3em FA2;color: #282828;height: 130px;}
#sendFileLabel{margin-top: 160px;margin-left: 0px;}
#sendFileLabelIcon{margin-top: 168px;left: 30px;}
#submits{top: 160px;left: 295px;}
#BDF1{opacity: 1;}
#BDF2{opacity: 0;display: none;}

/* designArchive */
#DS-All{width: 350px;margin-left:-175px;}
#DS-All-Left{position: absolute;width: 350px;height: 1150px;margin-left: 0px;}
#DS-DS1{width: 350px;}
#DS-DS4{width: 350px;}
#DS-DS10{width: 350px;}
#DS-All1{width: 350px;}
#DS-All4{width: 350px;}
#DS-All10{width: 350px;}
#DS-All-Center{position: absolute;width: 350px;height: 1150px;margin-left: 0px;margin-top: 1500px;}
#DS-DS2{width: 350px;}
#DS-DS7{width: 350px;}
#DS-DS9{width: 350px;}
#DS-All2{width: 350px;}
#DS-All7{width: 350px;}
#DS-All9{width: 350px;}
#DS-All-Right{position: absolute;width: 350px;height: 1150px;margin-left: 0px;margin-top: 2967px;}
#DS-DS3{width: 350px;}
#DS-DS5{width: 350px;}
#DS-DS6{width: 350px;}
#DS-DS8{width: 350px;}
#DS-All3{width: 350px;}
#DS-All5{width: 350px;}
#DS-All6{width: 350px;}
#DS-All8{width: 350px;}

/* implement */
#PF{width: 500px;left: -50%;margin-left: -250px;overflow: hidden;overflow-x: hidden;}
#TOP{display: none;}

/* portfolio */
#PC22{width: 240px;left: 50%;margin-left: -120px;margin-top: 10px;}

/* portdolioArchive */
#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;}

/* archiveWood */
#DA{width: 350px;left: 50%;margin-left:-175px;margin-top: 250px;}
.DD{width: 350px;height: 230px;overflow: hidden;cursor: pointer;border-radius: 10px;margin-top: 0px;}
.B{width: 350px;height: 100px;font: .8em EN3;color: #000;margin-top: 5px}
.B-Order{position: absolute;width: 20px;height: 20px;left: 100%;margin-left: -25px;cursor: pointer;}
.B-Code{width: 100%;height: 20px;}
.B-Designed{width: 100%;height: 40px;}
.B-Designed img{border-radius: 50%;width: 35px;height: 35px;}
.B-Designed span{position: absolute;margin-left: 7px;margin-top: 9px;}
.B-Alert{width: 100%;height: 30px;}
.B-Alert img{cursor: pointer;}
.II{width: 350px;;height: 230px;transition: 1.3s;}
.II:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); }
#D1{margin-left: 0px;margin-top: 0px;}
#D2{margin-left: 0px;margin-top: 335px;}
#D3{margin-left: 0px;margin-top: 670px;}
#D4{margin-left: 0px;margin-top: 1005px;}
#D5{margin-left: 0px;margin-top: 1340px;}
#D6{margin-left: 0px;margin-top: 1675px;}
#D7{margin-left: 0px;margin-top: 2010px;}
#D8{margin-left: 0px;margin-top: 2345px;}
#D9{margin-left: 0px;margin-top: 2680px;}
#D10{margin-left: 0px;margin-top: 3015px;}
#D11{margin-left: 0px;margin-top: 3350px;}
#D12{margin-left: 0px;margin-top: 3685px;}
#D13{margin-left: 0px;margin-top: 4020px;}
#D14{margin-left: 0px;margin-top: 4355px;}
#D15{margin-left: 0px;margin-top: 4690px;}
#D16{margin-left: 0px;margin-top: 5025px;}
#D17{margin-left: 0px;margin-top: 5360px;}
#D18{margin-left: 0px;margin-top: 5695px;}
#D19{margin-left: 0px;margin-top: 6030px;}
#D20{margin-left: 0px;margin-top: 6365px;}

#B1{margin-left: 0px;margin-top: 235px;}
#B2{margin-left: 0px;margin-top: 570px;}
#B3{margin-left: 0px;margin-top: 905px;}
#B4{margin-left: 0px;margin-top: 1240px;}
#B5{margin-left: 0px;margin-top: 1575px;}
#B6{margin-left: 0px;margin-top: 1910px;}
#B7{margin-left: 0px;margin-top: 2245px;}
#B8{margin-left: 0px;margin-top: 2580px;}
#B9{margin-left: 0px;margin-top: 2915px;}
#B10{margin-left: 0px;margin-top: 3250px;}
#B11{margin-left: 0px;margin-top: 3585px;}
#B12{margin-left: 0px;margin-top: 3920px;}
#B13{margin-left: 0px;margin-top: 4255px;}
#B14{margin-left: 0px;margin-top: 4590px;}
#B15{margin-left: 0px;margin-top: 4925px;}
#B16{margin-left: 0px;margin-top: 5260px;}
#B17{margin-left: 0px;margin-top: 5595px;}
#B18{margin-left: 0px;margin-top: 5930px;}
#B19{margin-left: 0px;margin-top: 6265px;}
#B20{margin-left: 0px;margin-top: 6600px;}

/* support */
#support-Back1{display: none;}
#support-Back2{display: block;}
#support-Employee{width: 350px;top: 145px;margin-left: -175px;}

/* employee */
#cover{position: fixed;z-index: 1000;width: 200px;}
#emploee-SubTitle{width: 70%;left: 50%;margin-left: -35%;}
#emploee-Chat img{width: 15px;height: 15px;padding: 3px 3px 3px 3px;}
#footer{font: .7em EN3;}
#employee-page-Lang{margin-left: 0px;}
#cover-Employee{margin-left: 215px;}