.boxClear {clear: both;} body{font-family: "PromptRegular";} a {text-decoration: none;color: #000;display: initial;} ul {margin: 0;padding: 0;} ul li {list-style: none;} .clear {clear: both;} .linetext2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ line-height: X; /* fallback */ max-height: X*N; /* fallback */} .linetext6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* number of lines to show */ line-height: X; /* fallback */ max-height: X*N; /* fallback */} /*btn*/ .btnAll{width: 195px;height: 40px;line-height: 40px;text-align: center;font-family: "PromptRegular";font-size: 12px;overflow: hidden;position: relative;} .btnAll .borderTop{width: 40px;height: 40px;background-color: #fe6786;position: absolute;right: -24px;top: -28px;transform: rotate(-40deg);} .btnAll .borderBottom{width: 40px;height: 40px;background-color: #fe6786;position: absolute;right: -24px;bottom: -28px;transform: rotate(-50deg);} .btnAll .borderFull{width: 195px;height: 40px;background-color: #fe6786;position: absolute;right: -195px;top: 0px;transition: 0.3s;} .btnAll:hover .borderFull{right: 0px;} .btnAllW{background-color: #fff;color: #000;} .btnAllG{background-color: #55ccd4;color: #fff;} .textTitle54{font-family: "CenturyGothic";font-size: 54px;font-weight: bold;line-height: 0.8;} .textTitle48{font-family: "CenturyGothic";font-size: 48px;font-weight: bold;line-height: 0.8;} .cGreenOut{color: #55ccd4;} .cGreenOut span{color: #fe6786;} .cWhiteOut{color: #fff;} .cWhiteOut span{color: #fe6786;} /*btn*/ #headerTop{padding: 0 0 0px;border-bottom: 5px solid #55ccd4;background-color: #fff;position: relative;z-index: 20;} #headerTop .boxContact{margin: 18px 0 13px;font-family: "PromptRegular";} #headerTop .boxContact .iconFacebook{width: 7px;float: left;} #headerTop .boxContact .iconLine{width: 27px;margin: 3px 0 0 18px;float: left;} #headerTop .boxContact .iconTel{width: 14px;margin: 0 0 0 18px;float: left;} #headerTop .boxContact .boxTel{font-size: 11px;margin: 0 0 0 17px;float: left;} #headerTop .boxContact .boxTel:hover{text-decoration: underline;color: #000;} #headerTop .boxContact .boxLang{float: left;margin: -1px 0 0 35px;font-size: 12px;} #headerTop .boxContact .boxLang .active{font-family: "PromptBold";color: #fe6786;} #headerTop .boxContact .boxLang .active:hover{color: #fe6786;} #headerTop .boxContact .boxLang span:hover{text-decoration: underline;color: #000;} #headerTop .boxContact .iconLang{width: 21px;float: left;margin: 2px 0 0 11px;} #headerTop .logo{max-width: 150px;width: 100%;margin: 45px 0 0;} #headerTop .ulMian{margin: -16px 0 0 0;} #headerTop .ulMian .liMain{float: left;font-family: "PromptRegular";font-size: 11px;margin: 0 7px;padding:0 7px 12px;position: relative;} #headerTop .ulMian .liMain:hover .liSub{display: block;} #headerTop .ulMian .liMain .borderActive{width: 100%;position: absolute;height: 5px;background-color: #fe6786;left: 0;top: 28px;opacity: 0;} #headerTop .ulMian .liMain.active{font-family: "PromptBold";} #headerTop .ulMian .liMain.active span{color: #55ccd4;} #headerTop .ulMian .liMain.active .borderActive{opacity: 1;} #headerTop .ulMian .liMain:first-child{margin-left: 0;} #headerTop .ulMian .liMain:last-child{margin-right: 0;} #headerTop .ulMian .liMain a:hover span{color: #55ccd4;} #headerTop .ulSub{position: absolute;width: 100%;padding: 5px 0 0;top: 28px;display: none;right: 60px;} #headerTop .ulSub .liSub{padding: 13px 25px;background-color: #fff;min-width: 215px;font-size: 12px;} #headerTop .ulSub .liSub:hover{background-color: #e2e2e2;color: #fe6786;} #headerTop .ulSub .liSub.active{background-color: #e2e2e2;color: #fe6786;} #headerTop .liMain:hover .ulSub{display: block;} #headerMO .tabBarTop{position: fixed;top: 0;height: 60px;background-color: #fff;border-bottom: 3px solid #fe6786;display: none;z-index: 100;width: 100%;} #headerMO .tabBarTop .logo{width: 150px;margin: 18px 0 0 0;float: left;} #headerMO .tabBarTop .iconMenu{float: right;width: 33px;margin: 18px 0 0 0;} #popupMenu{font-family: "PromptLight";width: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;z-index: 10001;height: 100%;display: none;overflow-y: scroll;} #popupMenu .container{max-width: 820px;min-height: 100%;background: rgba(255,255,255,0.9);} #popupMenu .icon-close{cursor: pointer;float: right;width: 27px;} #popupMenu .ulhead{font-size: 16px;color: #000;} #popupMenu .ml100px {margin-left: 30px;} #popupMenu .mr100px {margin-right: 30px;} #popupMenu .ulhead .liHead.active{background: #55ccd4;color: #fff;} #popupMenu .ulhead a{color: #000;} #popupMenu .ulhead a:hover{text-decoration: underline;} #popupMenu .ulhead .liHead.active a{color: #fff;} #popupMenu .ulhead .liHead span{cursor: pointer;} #popupMenu .ulsub{font-size: 15px;display: none;} #popupMenu .ulsub.active{display: block;} #popupMenu .ulsub {display: none;} #popupMenu .ulsub li .active{color: #55ccd4!important;} #popupMenu .sitemap{color:#000;} #popupMenu .sitemap a{color: #000;font-size: 16px;} #popupMenu .sitemap a.active{color:#55ccd4;} #popupMenu .boxSocial{float: right;} #popupMenu .boxSocial img{width: 23px;} #popupMenu .boxSocial .icon-face{margin-right: 0;margin-top: 3px;} #popupMenu .boxSocial .icon-in{margin:0 10px;margin-top: 3px;} #popupMenu .boxSocial .icon-line{margin-left: 10px;margin-top: 3px;} #footerTop .tabBg{height: 43px;position: absolute;width: 100%;top: 0;background-color: #c2edef;} #footerTop{background-color: #55ccd4;padding: 0 0 20px;} #footerTop .item{margin-top: 17px;font-size: 12px;font-family: "PromptLight";text-align: center;} #footerTop .item:hover{text-decoration: underline!important;} #footerTop .item.active a{font-family: "PromptBold";color: #fe6786;} #footerTop .itemSub{font-family: "PromptRegular";font-size: 12px;margin: 13px 0 7px;} #footerTop .itemSub:hover a{color: #fff;} #footerTop .boxCall{position: absolute;right: 0;width: 280px;bottom: 0;} #footerTop .boxCall .boxIcon{width: 100%;overflow: hidden;} #footerTop .boxCall .boxIcon .footerFace{float: left;width: 10px;margin: 0 0 0 205px;} #footerTop .boxCall .boxIcon .footerLine{float: left;width: 33px;margin: 5px 0 0 30px;} #footerTop .boxCall .boxTel{width: 100%;overflow: hidden;margin: 13px 0 0;} #footerTop .boxCall .boxTel .footerTel{float: left;width: 28px;margin: 0 0 0 0;} #footerTop .boxCall .boxTel .text{float: left;margin: 0 0 0 21px;color: #fff;font-family: "PromptMedium";font-size: 18px;} #footerTop .boxCall .boxTel .text a{color: #fff;} #footerB{height: 44px;background-color: #fe6786;color: #fff;font-family: "PromptRegular";font-size: 12px;} #footerB .text{margin: 15px 0 0 0;float: left;} #footerB .logo{height: 44px;width: 225px;background-color: #fff;float: right;position: relative;} #footerB .logo img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 150px;} #main{padding: 0 0 80px;overflow: hidden;} #main .boxCreate{position: relative;z-index: 10;height: 521px;padding: 95px 0 0 0;background-image: url("../images/frontend/crateBg.png");background-repeat: no-repeat;background-position: center;background-size: contain;} #main .boxCreate .boxDetail{margin: 0px 0 0 55px;} #main .pageOtherTop .boxDetail{margin: 175px 0 0 55px;} #main .boxCreate .boxDetail .text1{font-family: "CenturyGothic";font-size: 25px;} #main .boxText2Top{font-family: "CenturyGothic";overflow: hidden;margin-top: 7px;} #main .boxText2Top .text2{font-size: 32px;float: left;margin: 8px 6px 0 0;} #main .boxText2Top .boxIn{font-size: 43px;font-weight: bold;float: left;background-color: #fe6786;border-right: 8px solid #55ccd4;line-height: 0.9;padding: 8px 20px 11px 11px;color: #fff;} #main .boxCreate .boxDetail .detail{font-family: "PromptLight";font-size: 15px;margin-top: 22px;} #main .boxCreate .imgLight{position: absolute;width: 299px;top: 33px;right: 140px;} #main .boxWhoWeAre{overflow: hidden;position: relative;z-index: 0;background-color: #55ccd4;padding: 0 0 0;background-image: url("../images/frontend/bgWhoAreWe.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: -126px;} #main .boxWhoWeAre .imgWhoAreWe{position: absolute;top: 30px;left: 0;width: 628px;z-index: 0;} #main .boxWhoWeAre .boxDetail{margin: 0 0 0 60px;} #main .boxWhoWeAre .text1{font-family: "CenturyGothic";font-size: 26px;color: #fff;font-weight: bold;margin: 80px 0 0 0;} #main .boxWhoWeAre .text1 span{font-size: 32px;} #main .boxWhoWeAre .text2{font-family: "CenturyGothic";font-size: 26px;color: #fff;margin: -8px 0 0 148px;} #main .boxWhoWeAre .detail{max-width: 580px;margin: 42px 0 0 120px;font-family: "PromptLight";font-size: 13px;} #main .boxWhoWeAre .btnAll{margin: 39px 144px 0 0;float:right;} #main .boxWhoWeAre .text3{margin: 35px 0 0 120px;} #main .boxWhoWeAre .text3 span{color: #fe6786;} #main .boxVision{padding: 0 0 30px;position: relative;} #main .boxVision .boxHeart{width: 60%;float: left;} #main .boxVision .picAll{width: 20%;max-width: 196px;float: left;} #main .boxVision .boxContent{text-align: center;} #main .boxVision .boxContent .icon{display: block;margin:35px auto 10px;height: 37px;} #main .boxVision .boxContent .title{font-size: 16px;font-family: "PromptMedium";color: #fe6786;} #main .boxVision .boxContent .detail{max-width: 400px;width: 100%;font-family: "PromptLight";font-size: 12px;margin: 15px auto 20px;display: block;} #main .boxVision .boxMess{width: 60%;float: left;} #main .boxVision .boxMark{float: left;width: 20%;height: 1px;} #main .boxFriend {overflow: hidden;} #main .boxFriend .item{min-height: 360px;} #main .boxFriend .item1{background-position: right center;background-size: cover;background-image: url('../images/frontend/tree.jpg');} #main .boxFriend .boxHover{width: 100%;height: 100%;opacity: 0;transition: 0.3s;} #main .boxFriend .item:hover .boxHover{opacity: 1;} #main .boxFriend .item1 .boxHover{background-color: #ffe2e8;} #main .boxFriend .item2 .boxHover{background-color: #ddf5f6;} #main .boxFriend .item2{background-position: left center;background-size: cover;background-image: url('../images/frontend/friend.jpg');} #main .boxFriend .boxDetail{max-width: 470px;margin:55px auto 0;text-align: center;width: 100%;padding: 0 15px 25px;} #main .boxFriend .item1 .boxImgMo{height: 305px;background-position: right center;background-size: cover;background-image: url('../images/frontend/tree.jpg');display: none;} #main .boxFriend .item2 .boxImgMo{height: 305px;background-position: left center;background-size: cover;background-image: url('../images/frontend/friend.jpg');display: none;} #main .boxFriend .item1 .boxDetail{float: right;} #main .boxFriend .item2 .boxDetail{float: left;} #main .boxFriend .boxDetail .title{font-size: 28px;font-family: "PromptMedium";} #main .boxFriend .boxDetail .title2{font-family: "PromptLight";font-size: 21px;} #main .boxFriend .item1 .boxDetail .title{color: #fe6786;} #main .boxFriend .item2 .boxDetail .title{color: #55ccd4;} #main .boxFriend .boxDetail .detail{font-size: 12px;font-family: "PromptLight";margin-top: 22px;} #main .boxFriend .boxDetail .btnAll{display: block;margin:65px auto 30px ;} #main .boxCEO{background-color: #fff;padding: 36px 0 46px;} #main .boxCEO .ceo{width: 100%;} #main .boxCEO .name{font-family: "CenturyGothic";font-size: 26px;margin-top: 35px;line-height: 1;} #main .boxCEO .position{font-family: "CenturyGothic";font-size: 21px;margin-top: 5px;} #main .boxCEO .detail{font-family: "PromptLight";font-size: 14px;margin-top: 45px;} #main .boxCEO .btnAll{margin: 80px auto 20px;display: block;} #main .boxCEO .boxDetailB{text-align: center;max-width: 570px;width: 100%;display: block;margin: 35px auto 0px;font-family: "PromptLight";font-size: 22px;} #main .boxDesign .title{text-align: center;margin-top: 40px;background-color: #55ccd4;padding: 35px 0;} #main .boxDesign .boxBg{background-color: #f7f7f7;margin-top: 0;} #main .boxDesign .title1{font-family: "CenturyGothic";font-size: 29px;margin: 0 0 0 0;} #main .boxDesign .title2{font-family: "PromptLight";font-size: 18px;margin: 5px 0 0 0;} #main .boxDesign .btnAll{margin: 55px 0 0px 0;} #main .boxDesign .boxBg{background-size: cover;background-position: center;background-image: url('../images/frontend/design.jpg');} #main .boxDesign .boxDetail{padding: 95px 0 45px;margin: 0 0 0 20px;} #main .boxDesign .boxAllItem .item{border-radius: 90px;width: 162px;height: 162px;background-color: #55ccd4;display: block;margin: auto;position: relative;} #main .boxDesign .boxAllItem .itemR{background-color: #fe6786;} #main .boxDesign .boxAllItem{display: block;max-width: 815px;margin:40px auto 0; } #main .boxDesign .boxAllItem .item img{position: absolute;display: block;max-width: 70px;max-height: 70px;bottom: 72px;left: 0;right: 0;margin: auto;} #main .boxDesign .boxAllItem .item .text{text-align: center;text-align: center;padding-top: 98px;color: #fff;font-family: "CenturyGothic";font-size: 15px;} #main .boxGallery{background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);padding: 70px 0 35px;} #main .boxGallery .boxl{float: left;max-width: 340px;width: 40%;} #main .boxGallery .boxc{float: left;max-width: 275px;width: 32.3%;margin: 0 2%;} #main .boxGallery .boxr{float: left;max-width: 200px;width: 23.6%;} #main .boxGallery .pic{margin: 0 0 15px;width: 100%;} #main .boxGallery .box{display: block;width: max-content;margin: auto;} #main .boxGallery .btnAll{display: block;margin:35px auto 0;} #main .boxClient .title{text-align: center;margin-top: 40px;} #main .boxClient .detail{font-size: 18px;font-family: "PromptLight";margin-top: 25px;text-align: center;} #main .boxClient .boxLogo{height: 100px;margin: auto;position:relative;width: 100%;display: grid;place-items: center;overflow: hidden;} #main .boxClient .boxLogo .slide-track{display: flex;} #main .boxClient .boxLogo .slide{height: 100px;width: 115px;display: flex;align-items: center;padding: 15px;} #main .boxClient .boxLogo .slide img{width: 100%;} #main .boxClient .boxLogo .hide{display: none;} #main .boxClient .boxImgClient{height: 400px;width: 1555px;margin: 30px auto 0;display: block;background-size: cover;background-position: center;background-image: url('../images/frontend/clientImg.jpg');} #main .boxBlog{margin-top: 50px;position: relative;} #main .tabTopAll{position: absolute;background-color: #55ccd4;padding: 10px 0;width: 50%;height: 59px;top: 0px;z-index: -1;margin-left: -12px;} #main .titleAllTab{width: 100%;background-color: #55ccd4;padding: 10px 0;margin: 0 0 15px;font-family: "PromptRegular";} #main .boxBlog .blog{max-width: 870px;width: 100%;display: block;margin:25px auto 26px;} #main .boxBlog .blog .boxImg{width: 100%;height: 400px;background-size: cover;background-position: center;} #main .boxBlog .boxDetailBlog{padding: 25px 0 0;} #main .boxBlog .boxDetailBlog .date{font-family: "PromptLight";font-size: 12px;} #main .boxBlog .boxDetailBlog .titleBlog{font-family: "CenturyGothic";font-size: 25px;margin: 20px 0 0 0;} #main .boxBlog .boxDetailBlog .detailBlog{font-family: "PromptLight";font-size: 13px;margin-top: 35px;} #main .boxBtnRead{width: 105px;height: 30px;line-height: 30px;color: #fff;text-align: center;font-family: "PromptLight";font-size: 12px;margin: 35px 0 0;background-color: #fe6786;transition: 0.3s;} #main .boxBtnRead:hover{background-color: #55ccd4;} #main .boxBlog .subBlog{margin-bottom: 26px;} #main .boxBlog .subBlog .boxImg{margin-bottom: 26px;height: 280px;margin: 0;} #main .boxBlog .subBlog .boxDetailBlog .titleBlog{margin: 10px 0 0 0;} #main .boxBlog .subBlog .boxDetailBlog .detailBlog{margin: 15px 0 0 0;} #main .pageOtherTop{background-position: top center;background-size: cover;height: 410px;} #main .boxMenuOther ul li{float: left;font-size: 12px;font-family: "PromptLight";color: #868686;margin-left: 5px;} #main .boxMenuOther ul li a{color: #868686;} #main .boxMenuOther ul li a:hover{text-decoration: underline!important;} #main .blogHilight .btnAll{width: 145px;} #main .blogHilight .BlogHiFirst{margin: 15px 0 50px;} #main .boxItemImgBlog{position:relative;background-size: cover;background-position: center;} #main .boxItemImgBlog .bg{width: 100%;opacity: 0;} #main .blogHilight .BlogHiFirst .blogHiSe{display: none;} #main .blogHilight .BlogHiFirst .boxItemImgBlog{max-width: 870px;float: right;} #main .blogHilight .BlogHiFirst .detail{font-size: 12px;font-family: "PromptLight";color: #868686;float: right;max-width: 870px;margin-top: 10px;} #main .blogHilight .BlogHiFirst .boxTitle{position: absolute;padding: 25px;background-color: #c8eff1;opacity: 0.9;width: 390px;top: 100px;left: 0;font-family: "PromptLight";color: #000;} #main .blogHilight .BlogHiFirst .boxTitle .date{font-size: 14px;} #main .blogHilight .BlogHiFirst .boxTitle .title{margin-top: 35px;font-size: 22px;line-height: 1.3;} #main .blogHilight .BlogHiFirst .boxTitle .author{font-size: 12px;margin-top: 20px;} #main .blogHilight .BlogHiFirst .boxTitle .btnAll{margin-top: 52px;} #main .blogHilight .blogHiSe{margin: 30px 0 0 0;} #main .blogHilight .blogHiSe .boxDetail{padding: 10px 20px 15px;background-color: #efebe4;font-family: "PromptLight";color: #000;min-height: 100px;} #main .blogHilight .blogHiSe .boxDetail .date{font-size: 12px;} #main .blogHilight .blogHiSe .boxDetail .name{font-size: 18px;font-family: "PromptMedium";line-height: 1.3;margin-top: 10px;} #main .blogHilight .blogHiSe .btnAll{float:right;} #main .titleOtherBlog{font-family: "CenturyGothic";font-size: 30px;font-weight: bold;margin-top: 30px;} #main .titleOtherBlog .title{color: #55ccd4;background-color: #fff;padding-right: 17px;width: fit-content;position: relative;} #main .titleOtherBlog .title span{color: #fe6786;} #main .titleOtherBlog .tab{background-color: #c2edef;height: 10px;position: absolute;top: 17px;right: 0;width: 95%;z-index: 0;} #main .titleOtherBlog .tabOut{background-color: #c2edef;height: 10px;position: absolute;top: 17px;right: 0;width: 50%;z-index: 0;} #main .blog .seeAll{text-align: right;font-size: 13px;font-family: "PromptLight";text-decoration: underline;margin-top: 20px;} #main .blog .seeAll a:hover{color: #55ccd4;} #main .blog .cateogry{text-align: center;font-family: "CenturyGothic";font-size: 20px;font-weight: bold;margin-top: 40px;} #main .blog .item{margin: 15px 0 0 0;} #main .blog .item .date{font-size: 13px;font-family: "PromptLight";margin-top: 7px;} #main .blog .item .name{font-size: 16px;font-family: "PromptMedium";line-height: 1.3;margin-top: 10px;height: 42px;} #main .blog .item .boxBtnRead{margin-top: 15px;} #main .blogDetail .titleBlog{text-align: center;font-family: "CenturyGothic";font-size: 25px;font-weight: bold;margin-top: 27px;color: #55ccd4;} #main .blogDetail .boxAllSocial{overflow: hidden;margin-top: 20px;} #main .blogDetail .boxAllSocial .date{float: left;font-size: 13px;font-family: "PromptLight";} #main .blogDetail .boxAllSocial .boxShare{float: right;overflow: hidden;} #main .blogDetail .boxAllSocial .boxShare .icon{float: left;width: 22px;margin:0 7px 0 0 ;} #main .blogDetail .boxBlogDetail{margin-top: 25px;font-family: "PromptRegular";font-size: 14px;line-height: 1.8;} #main .blogDetail .boxBlogDetail img{max-width: 100%;height: auto;} #main .boxTitleAll .titleBLogCate{font-size: 20px;line-height: 1.9;} #main .boxContact{margin-top: 30px;font-family: "PromptLight";font-size: 13px;} #main .boxContact .name{font-family: "PromptMedium";} #main .boxContact .detail{margin-top: 3px;} #main .boxContact .detail span{font-family: "PromptMedium";color: #fe6786;} #main .boxContact .boxHotLine{padding: 23px 27px;background-color: #c1edee;overflow: hidden;width: max-content;float: right;} #main .boxContact .boxHotLine .contactTel{width: 27px;float: left;} #main .boxContact .boxHotLine .text{font-family: "PromptMedium";color: #000;float: left;margin: -3px 0 0 17px;font-size: 20px;} #main .boxContact .googleMap{width: 100%;} #main .boxClient .textBoxLeft{font-family: "CenturyGothic";font-size: 25px;padding: 120px 0 0;} #main .boxClient .boxTopImg{margin-top:-30px;height: 385px;background-size: cover;background-position: center;background-image: url('../images/frontend/clientImgRight.jpg');} #main .boxClient .boxDetail{font-size: 13px;font-family: "PromptLight";text-align: center;} #main .boxClient .bg{height: 385px;position:absolute;right: -30px;width: 50%;background-color: #c2edef;} #main .boxClient .boxWrite{padding: 25px 0;background-color: #fe6786;max-width: 1000px;display: block;margin: 40px auto 0;} #main .boxClient .boxWrite .detailWrite{text-align: center;color: #fff;font-family: "PromptLight";font-size: 18px;} #main .boxClient .boxClientSlide .listItem{position: relative;float: left;width: 20%;} #main .boxClient .boxClientSlide .single-item{max-width: 800px;display: block;margin: 15px auto 0;} #main .boxClient .boxClientSlide .single-itemMo{max-width: 800px;display: none;margin: 15px auto 0;} #main .boxClient .boxClientSlide .listItem .item{width: 85px;height: 85px;display: block;margin:25px auto 0;position: relative;} #main .boxClient .boxClientSlide .listItem .item img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;} #main .boxClient .boxClientSlide .slick-prev,#main .boxClient .boxClientSlide .slick-next{width: 27px;height: 50px;} #main .boxClient .boxClientSlide .slick-prev{background: url('../images/frontend/arrowl.jpg');background-size: cover;} #main .boxClient .boxClientSlide .slick-next{background: url('../images/frontend/arrowr.jpg');background-size: cover;} #main .boxClient .slick-prev:hover:before,#main .boxClient .slick-prev:focus:before,#main .boxClient .slick-next:hover:before,#main .boxClient .slick-next:focus:before{opacity: 0;} #main .boxClient .slick-prev:before,#main .boxClient .slick-next:before{content: none;} #main .boxClient .slick-prev{left: -50px;} #main .boxClient .slick-next{right: -50px;} #main .boxServiceDe{padding: 30px 0;background-color: #fcfcfc;margin-top: 30px;} #main .boxServiceDe .boxAllItem{margin-top: 0;} #main .boxServiceDe .boxAllItem .item{cursor: pointer;} #main .boxService .titleService{text-align: center;font-family: "CenturyGothic";font-size: 27px;font-weight: bold;margin-top: 35px;color: #55ccd4;} #main .boxService .titleServiceRed{color: #fe6786;} #main .boxService .boxImg{margin-top: 30px;height: 400px;width: 100%;background-size: cover;background-position: center;} #main .boxService .detail{margin-top: 30px;color: #000;text-align: center;font-family: "PromptRegular";font-size: 19px;} @media (min-width: 1200px){ .container {max-width: 1000px;} #main .containerBlogHi {max-width: 1250px;} } @media (max-width: 1950px) { #main .boxCreate {background-size: cover;} } @media (max-width: 1750px) { } @media (max-width: 1400px) { } @media (max-width: 1199px) { } @media (max-width: 992px) {/*ipad*/ #headerTop .logo {margin: 15px 0 0;} #headerTop .ulMian {margin: 15px 0 0 0;} #headerTop .ulMian .liMain .borderActive{top: 29px;} #headerTop .ulSub {top: 29px;} #main .boxGallery .box{width: 100%;} #main .tabTopAll {height: 58px;} #footerTop .tabBg {height: 60px;} #main .boxContact .boxHotLine .text {font-size: 18px;} #main .boxContact .boxHotLine {padding: 16px 19px;} #main .boxContact .boxHotLine .contactTel {width: 20px;} /*slide logo*/ #main .boxClient .boxLogo .slide-track{width: calc(115px*18);} #main .boxClient .boxLogo .slide-track{animation: scroll 50s linear infinite;} @keyframes scroll{ 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-115px*9)); } } /*slide logo*/ #main .boxClient .boxTopImg{margin-top: 0;} #main .boxClient .bg{display: none;} #main .boxClient .slick-prev{left: -15px;} #main .boxClient .slick-next{right: -15px;} } @media (max-width: 767px) {/*mobile*/ #headerTop{display: none;} #headerMO .tabBarTop{display: block;} #main {padding: 60px 0 80px;} #main .boxCreate .boxDetail {margin: 0px 0 0 0px;} #main .pageOtherTop .boxDetail{margin: 120px 0 0 0px;} #main .boxText2Top .text2 {font-size: 27px;} #main .boxText2Top .boxIn {font-size: 32px;} #main .boxCreate .boxDetail .text1 {font-size: 23px;} #main .boxWhoWeAre .boxDetail {margin: 0 0 0 0;} #main .boxWhoWeAre {margin-top: -125px;z-index: 11;} #main .boxWhoWeAre .text1 {margin: 60px 0 0 0;font-size: 22px;} #main .boxWhoWeAre .text1 span {font-size: 27px;} #main .boxWhoWeAre .text2 {font-size: 23px;margin: -4px 0 0 0px;} #main .boxWhoWeAre .detail {margin: 40px 0 0 0;} #main .boxWhoWeAre .text3 {margin: 35px 0 0 0px;} .textTitle54 {font-size: 48px;} .textTitle48{font-size: 39px;} #main .boxVision {z-index: 15;} #main .boxVision .boxContent{width: 100%;} #main .boxVision .picAll{width: 50%;} #main .boxVision .picAll3{float: none;display: block;margin: auto;} #main .boxFriend .boxDetail .title {font-size: 26px;} #main .boxFriend .boxDetail .title2{font-size: 20px;} #main .boxFriend .item .boxImgMo{display: block;} #main .boxCEO .textTitle54{margin: 25px 0 0 0;} #main .boxCEO .detail {margin-top: 25px;} #main .boxCEO .name {font-size: 24px;} #main .boxCEO .btnAll {margin: 50px auto 20px;} #main .boxCEO .boxDetailB {margin: 20px auto 0px;font-size: 20px;} #main .boxDesign .title{line-height: 1.1;} #main .boxDesign .title1 {font-size: 26px;} #main .boxDesign .title2 {font-size: 16px;} #main .boxDesign .boxAllItem .item{margin-bottom: 25px;} #main .boxGallery {padding: 20px 0 35px;} #main .tabTopAll {height: 53px;width: 100%;margin-left: 0;} #main .boxFriend .item1 .boxHover{opacity: 1;} #main .boxFriend .item2 .boxHover{opacity: 1;} #main .boxBlog .subBlog {margin-bottom: 50px;} #main .boxBlog .blog {margin-bottom: 50px;} #main .boxTitleAll .titleBLogCate {line-height: 1.9;background: none;} #footerTop .tabBg{display: none;} #footerTop .item{font-size: 18;font-weight: bold;text-align: left;padding-left: 15px;} #footerTop .boxCall{position: relative;display: block;margin: 35px auto 10px;} #footerB .text{float: none;text-align: center;} #footerB{height: auto;} #footerB .logo{float: none;display: block;margin: 15px auto 0;} #main .boxContact .boxHotLine {margin-top: 30px;float: left;} #main .boxClient .textBoxLeft{padding-top: 20px;font-size: 22px;} #main .boxClient .boxTopImg{margin-top: 20px;} #main .boxClient .boxClientSlide .single-item{display: none;} #main .boxClient .boxClientSlide .single-itemMo{display: block;} #main .boxClient .boxClientSlide .listItem{width: 33.33%;} #main .boxClient .boxClientSlide .slick-prev, #main .boxClient .boxClientSlide .slick-next {width: 19px;height: 38px;} #main .boxClient .slick-next {right: 0px;} #main .boxClient .slick-prev {left: 0px;} #main .boxClient .boxClientSlide .listItem .item {width: 80px;height: 80px;margin: 20px auto 0;} #main .pageOtherTop {height: 330px;} #main .boxService .titleService {font-size: 24px;} #main .boxService .boxImg {margin-top: 25px;height: 340px;} #main .boxService .detail {margin-top: 25px;font-size: 17px;} #main .blogHilight .BlogHiFirst .boxTitle{display: none;} #main .blogHilight .BlogHiFirst .detail{display: none;} #main .blogHilight .BlogHiFirst .blogHiSe{float: left;margin: 0;display: block;} #main .boxDesign .boxAllItem .item {width: 150px;height: 150px;} #main .boxDesign .boxAllItem .item img {max-width: 60px;max-height: 60px;bottom: 66px;} #main .boxDesign .boxAllItem .item .text {padding-top: 95px;font-size: 14px;} #main .boxClient .boxImgClient {height: 350px;width: 100%;} } @media (max-width: 575px) {/*mobile small*/ #main .boxGallery .boxl{width: 100%;max-width: 100%;} #main .boxGallery .boxc{width: 100%;max-width: 100%;} #main .boxGallery .boxr{width: 100%;max-width: 100%;} #main .boxGallery {padding: 10px 0 35px;} #main .boxClient .detail{font-size: 16px;} #main .tabTopAll {height: 46px;} .textTitle48 {font-size: 32px;} }