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

/* index */
#menu{width: 90%;top: 2%;margin-top: 20px;left: 5%;}
#menu-Mini{display: none;}
#menu-Larg{display: block;}
#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;}
#settings{display: none;}
#copy-Footer{display: none;opacity: 0;}

/* design */
#copy-Header{display: none;opacity: 0;}
#page-Category{width: 1000px;margin-left: -500px;overflow: scroll;overflow-x: hidden;}
#pages-Category{width: 1000px;margin-left: -500px;overflow: hidden;overflow-x: hidden;}
#PC1{width: 300px;margin-left: 30px;margin-top: 10px;}
#PC2{width: 300px;margin-left: 340px;margin-top: 10px;}
#PC3{width: 300px;margin-left: 650px;margin-top: 10px;}
#PC4{width: 300px;margin-left: 30px;margin-top: 220px;}
#PC5{width: 300px;margin-left: 340px;margin-top: 220px;}
#PC6{width: 300px;margin-left: 650px;margin-top: 220px;}
#DF{width: 540px;left: 50%;margin-left: -270px;overflow: scroll;overflow-x: hidden;}
#code{width: 250px;height: 30px;left: 0px;}
#name{width: 250px;left: 0px;}
#mobile{width: 250px;left: 0px;}
#typeOfDesign{width: 262px;left: 0px;}
#description{width: 270px;margin-top: 0px;margin-left: 270px;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: 330px;}
#BDF1{opacity: 0;display: none;}
#BDF2{opacity: 1;}

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

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

/* archiveWood */
#DA{width: 1100px;left: 50%;margin-left: -555px;margin-top: 250px;}
.DD{width: 350px;height: 230px;overflow: hidden;cursor: pointer;border-radius: 10px;}
.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: 380px;margin-top: 0px;}
#D3{margin-left: 760px;margin-top: 0px;}
#D4{margin-left: 0px;margin-top: 335px;}
#D5{margin-left: 380px;margin-top: 335px;}
#D6{margin-left: 760px;margin-top: 335px;}
#D7{margin-left: 0px;margin-top: 670px;}
#D8{margin-left: 380px;margin-top: 670px;}
#D9{margin-left: 760px;margin-top: 670px;}
#D10{margin-left: 0px;margin-top: 1005px;}
#D11{margin-left: 380px;margin-top: 1005px;}
#D12{margin-left: 760px;margin-top: 1005px;}
#D13{margin-left: 0px;margin-top: 1340px;}
#D14{margin-left: 380px;margin-top: 1340px;}
#D15{margin-left: 760px;margin-top: 1340px;}
#D16{margin-left: 0px;margin-top: 1675px;}
#D17{margin-left: 380px;margin-top: 1675px;}
#D18{margin-left: 760px;margin-top: 1675px;}
#D19{margin-left: 0px;margin-top: 2010px;}
#D20{margin-left: 380px;margin-top: 2010px;}

#B1{margin-left: 0px;margin-top: 235px;}
#B2{margin-left: 380px;margin-top: 235px;}
#B3{margin-left: 760px;margin-top: 235px;}
#B4{margin-left: 0px;margin-top: 570px;}
#B5{margin-left: 380px;margin-top: 570px;}
#B6{margin-left: 760px;margin-top: 570px;}
#B7{margin-left: 0px;margin-top: 905px;}
#B8{margin-left: 380px;margin-top: 905px;}
#B9{margin-left: 760px;margin-top: 905px;}
#B10{margin-left: 0px;margin-top: 1240px;}
#B11{margin-left: 380px;margin-top: 1240px;}
#B12{margin-left: 760px;margin-top: 1240px;}
#B13{margin-left: 0px;margin-top: 1575px;}
#B14{margin-left: 380px;margin-top: 1575px;}
#B15{margin-left: 760px;margin-top: 1575px;}
#B16{margin-left: 0px;margin-top: 1910px;}
#B17{margin-left: 380px;margin-top: 1910px;}
#B18{margin-left: 760px;margin-top: 1910px;}
#B19{margin-left: 0px;margin-top: 2245px;}
#B20{margin-left: 380px;margin-top: 2245px;}

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

/* employee */
#cover{position: fixed;z-index: 1000;width: 250px;}
#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: 25px;}
#cover-Employee{margin-left: 265px;}