body {font-family: 'Helvetica'; margin:0; padding:0; font-size:14px; text-align:justify; line-height:30px; word-spacing: 2px; user-select: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } a {color: #000033; text-decoration:none;} h2{color:#333399} .Holder-Header .Header,.HomePage .Holder-Top .Top,.HomePage .Middle,.Holder-Bottom .Bottom,.Holder-Footer .Footer {width: 1214px; margin: 0 auto;} .HomePage .Holder-Product .Pro{width: 1214px; margin: 0 auto} .Phone {color: #fff; font-weight: bold; position: fixed; right: 0; bottom: 0; padding: 10px 10px 10px 25px; z-index: 100; margin: 0 10px 10px 0; border-radius: 5px; box-shadow: 0 0 5px #000; background:url("../images/WebPage/SmallIcons.png") no-repeat 5px -336px #ff0033;} #popup-modal #content iframe{width: 100%; height: 500px; max-width: 100vw; max-height: 56.25vw;} .Holder-Billboard{margin-top: 109px; width: 100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2} .Holder-Header{width: 100%; background: url(../images/WebPage/BgHeader.png) repeat 0 0; position: fixed; z-index: 20; padding-top: 8px; box-shadow: 0 0 5px #000; top: 0} .Holder-Header .Header .Logo{float:left; margin:10px 0 5px; width: 197px} .Holder-Header .Header .Resize{ display: none; float: right;margin: 23px 0 17px 0} .Holder-Header .Header .Resize .Search{background:url(../images/WebPage/BigIcons.png) no-repeat 0 -275px; width: 30px; height: 28px; float: left;} .Holder-Header .Header .Resize .HolderSub-Search{display: none;position: absolute;right: 0; width: 100%; background-color: #000034; z-index: 100; top: 68px; padding: 15px 0} .Holder-Header .Header .Resize .HolderSub-Search input[type=text]{width: 295px; margin-right: 10px; padding: 5px 0} .Holder-Header .Header .Resize .Menu{background:url(../images/WebPage/BigIcons.png) no-repeat 0 -351px; width: 29px; height: 24px;float:left; margin-left: 28px;} .Holder-Header .Header .Resize .Sub-Menu{display: none; position: absolute;right: 0;width: 100%; background-color: #000034; top: 66px; z-index: 12; opacity: 0.9} .Holder-Header .Header .Resize .Sub-Menu ul {list-style: none;margin: 0; padding:0;} .Holder-Header .Header .Resize .Sub-Menu ul li{border-bottom:1px solid #4a4a6e;padding:8px 0 } .Holder-Header .Header .Resize .Sub-Menu ul li a{color: #fff; width: 445px; margin: 0 auto; display: block; background:url(../images/WebPage/Icons.png) no-repeat 0 15px; padding-left: 5%} .Holder-Header .Header .ColR {float:right; width:740px} .Holder-Header .Header .ColR .Search-Link {width:310px; margin:0 0 20px auto} .Holder-Header .Header .ColR .Search-Link .Link {float: left;} .Holder-Header .Header .ColR .Search-Link .Link a{float:left; margin-right:14px} .Holder-Header .Header .ColR .Search-Link .Search {float:right; width: 225px} .Holder-Header .Header .ColR .Search-Link .Search input[type="submit"] { background: url(../images/WebPage/BigIcons.png) no-repeat 0 -419px; width: 28px; height: 27px; float: right;} .Holder-Header .Header .ColR .Search-Link .Search input[type="text"]{border: 1px solid #e1e2e3; padding:5px 2px; width:190px; float: left;} .Holder-Header .Header ul.Menu{padding: 0; margin: 0} .Holder-Header .Header ul.Menu > li{list-style: none; float: left; font-size:16px; padding: 6px 14px 15px; position: relative; } .Holder-Header .Header ul.Menu > li.last{padding-right:0;} .Holder-Header .Header ul.Menu .Sub{min-width: 310px; min-height: 200px; border-top:4px solid #ff0033; border-bottom: 4px solid #ff0033; position: absolute; top: 46px; visibility:hidden;opacity:0;box-shadow: 0 0 12px #969696 inset } .Holder-Header .Header ul.Menu .Sub.SubAboutus{ background: url(../images/WebPage/SubMenu-Aboutus.png) no-repeat right center;left: 0;} .Holder-Header .Header ul.Menu .Sub.SubSolutions{ background: url(../images/WebPage/SubMenu-Solutions.png) no-repeat right center;left: 0;} .Holder-Header .Header ul.Menu .Sub.SubSupport{ background: url(../images/WebPage/SubMenu-Support2-en.png) no-repeat right center; left: -127px} .Holder-Header .Header ul.Menu .Sub.SubSupport .Col{float: none;width: 180px} .Holder-Header .Header ul.Menu .Sub.SubContactus{ background: url(../images/WebPage/SubMenu-Contactus.png) no-repeat left center; right: 0} .Holder-Header .Header ul.Menu .Sub.SubProduct{left: -39px; width: 600px; background: url(../images/WebPage/BgHeader.png) repeat 0 0} .Holder-Header .Header ul.Menu .Sub ul li{list-style: none; line-height: 35px; font-size:13px;} .Holder-Header .Header ul.Menu .Sub ul li a{color: #000; font-size: 15px; padding: 0 0 0 8px; display: block;} .Holder-Header .Header ul.Menu .Sub .Col{float: left; width: 150px; padding: 0;position: relative;} .Holder-Header .Header ul.Menu .Sub .Col01{border-right: 1px solid #e2e2e2;} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro01{ background: url(../images/WebPage/SubMenu-ups.png) no-repeat right bottom; background-size:45%;} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro01 .Colups02{width: 150px} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro01 .Colups03{width: 110px} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro02{ background: url(../images/WebPage/SubMenu-Battery.png) no-repeat right bottom; background-size:65%;} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro02 .Col{width: 175px} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro03{ background: url(../images/WebPage/SubMenu-Charger.png) no-repeat right bottom; background-size:45%;} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro04{ background: url(../images/WebPage/SubMenu-Inverter.png) no-repeat right bottom; background-size:30%;} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro05{ background: url(../images/WebPage/SubMenu-Board.png) no-repeat right bottom; background-size:40%;} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub02{float: left; width: 453px; min-height: 400px} .Holder-Header .Header ul.Menu .Sub.SubProduct .Title{ float: left; padding:0 0 10px 0; border-right: 2px solid #ff0033; box-shadow:-4px 2px 10px #bcbcbc; height: 400px; width: 128px } .Holder-Header .Header ul.Menu .Sub.SubProduct .Title li{padding: 5px 0} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub02 li a{font-weight: bold;} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub03{padding: 0 0 0 14px} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub03 li{ line-height: 33px; background: url(../images/WebPage/Icons.png) no-repeat left -580px;} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub03 li a{font-size: 13px; font-weight: normal;} .Holder-Header .Header ul.Menu .Sub.SubProduct .ui-state-active,.Holder-Header .Header ul.Menu .Sub.SubProduct .Sub03 li:hover,.Holder-Header .Header ul.Menu .Sub.SubProduct .Sub02 li:hover > a,.Holder-Header .Header ul.Menu .Sub ul li:hover > a{background-color: #ff0033} .Holder-Header .Header ul.Menu .Sub ul li:hover{background: transparent;} .Holder-Header .Header ul.Menu li:hover .Sub{opacity: 1; visibility: visible; transition-duration:0.7s} .Holder-Header .Header ul.Menu li:hover{background-color:#ff0033; border-radius: 2px 2px 0 0;} .Holder-Header .Header ul.Menu li:hover a{color: #fff} input[type=text] {border: 1px solid #e1e2e3; padding:12px 10px;border-radius: 4px; width: 320px;} select{border: 1px solid #e1e2e3; padding:9px 10px;border-radius: 4px; width: 340px;background:url(../images/WebPage/BigIcons.png) no-repeat right 0; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;} /*for IE10*/ select::-ms-expand{display: none;} select:focus{background-position: right -43px} textarea{width:684px ; height:106px; padding: 12px 10px; border-radius: 4px;border: 1px solid #e1e2e3; } input[type="submit"]{width:185px ; background-color:#ff0033; color: #fff; text-align: center; border:0; font-weight: bold; height: 53px; border-radius: 4px} .HomePage .Border-Sep,.InnerPage.ContactHolder .Border-Sep,.InnerPage.FAQHolder .Border-Sep{border-top:2px dotted #999; width:442px; margin:30px auto 20px} .HomePage .Top .Col{ float:left; width:393px; margin-right:17px; height:266px; position:relative;} .HomePage .Top .Col01{background:url(../images/WebPage/Service.jpg) no-repeat center center;} .HomePage .Top .Col02{background:url(../images/WebPage/Area-Activity.jpg) no-repeat center center;} .HomePage .Top .Col03{background:url(../images/WebPage/Certeficate.jpg) no-repeat center center; margin-right:0} .HomePage .Top .Col .Title{width:301px; height:45px; position:absolute; bottom:0; background-color:#ff0033; opacity:0.89; padding:15px 22px 0 70px; color:#fff;transition-duration:1s; overflow:hidden} .HomePage .Top .Col .Title p{min-height: 50px} .HomePage .Top .Col01 .Title{ background:url(../images/WebPage/Service-Ico.png) no-repeat 10px 7px #ff0033;} .HomePage .Top .Col02 .Title{ background:url(../images/WebPage/Activity-Ico.png) no-repeat 10px 10px #ff0033;} .HomePage .Top .Col03 .Title{ background:url(../images/WebPage/Certeficate-Ico.png) no-repeat 10px 10px #ff0033;} .HomePage .Top .Col .Title h3{ margin:0} .HomePage .Top .Col .Title .More{color:#000033; background:url(../images/WebPage/Icons.png) no-repeat right -248px; display:block; margin:0 0 0 auto; width:57px} .HomePage .Top .Col:hover .Title{height:251px; transition-duration:1s;} .HomePage h2{text-align:center; margin: 15px 0 30px; color:#333399; font-family: time; font-size:23px;} .HomePage .Middle h2{color: #ff0033; font-family: time; font-size:23px;} .HomePage .Middle .Col{width:100%} .HomePage .Middle .Col p{margin:5px 0 0 } .HomePage .Middle .Col .Title{ color:#333399} .HomePage .Middle .Col img{ float:left; width: 170px} .HomePage .Middle .Col .Description{float:right; width:1030px; position:relative; padding-bottom: 22px} .HomePage .Middle h3{ margin:0} .HomePage .Middle .Col.Article{display: none;} .HomePage .Middle .Col .More{color:#ff0033; background:url(../images/WebPage/Icons.png) no-repeat right -63px; width:48px; position:absolute; right:0; bottom:0} .HomePage .Holder-Main{background-color:#dfe0e1; width:100%} .HomePage .Main{background:url(../images/WebPage/Pic-Wallpaper.jpg) no-repeat fixed center bottom;width:1214px; margin:0 auto; padding:1px 0 25px; background-size: 1214px 100%} .HomePage .Main p{font-size: 18px; text-align:center; } .HomePage ul.Pro{padding:0 } .HomePage .Pro .owl-carousel .Title{background-color: #ff0033; width: 228px; height: 18px; position: absolute;bottom: 0; color: #fff; padding:18px 0 18px 7px; } .HomePage .Holder-Logos{width: 100%; background-color: #ededed; padding: 30px 0} .HomePage .Holder-Logos .Brand{width: 550px; margin:0 auto;} .Customer.owl-carousel .owl-item div,.Brand.owl-carousel .owl-item div{border:0;} .HomePage .Holder-Logos .Logos .Ico{float: left;} .HomePage .Holder-Logos .Brand.Logos .Last{margin-right: 0} .HomePage .Holder-Logos .Brand .Ico{width:140px ; height:45px; } .HomePage .Holder-Logos .Logos .Ico img{position: absolute; bottom: 0; left: auto } .HomePage .Holder-Logos .Customer{width: 1050px; margin:0 auto;} .HomePage .Holder-Logos .Customer .Ico{width:88px ; height:90px } .Holder-NewsLetter{width: 100%; background-color: #000033; padding:13px 0 18px 0; color: #fff } .Holder-NewsLetter .NewsLetter{width: 1060px; margin: 0 auto} .Holder-NewsLetter span{ font-size: 22px; margin-right: 10px } .Holder-NewsLetter .TexBo{float: right;} .Holder-NewsLetter input[type="text"]{width: 284px; height: 38px; border:1px solid #000033; padding:0 13px; margin-right: 4px; border-radius: 2px} .Holder-NewsLetter input[type="text"].Incorrect{background:url(../images/WebPage/Icons.png) no-repeat right -175px #fff; border:1px solid #ff0033;} .Holder-NewsLetter button,.Holder-Header .Header .Resize .HolderSub-Search input[type=submit]{ width: 164px; height: 39px; color: #fff; background-color: #ff0033; border:0; font-weight: bold; } .Holder-NewsLetter input[type=reset]{display: none;} .Holder-Bottom{ background-color: #eaeaea; width: 100%; transition-duration: 0.6s} .Holder-Bottom .location{float: left;background:url('../images/WebPage/location.png') no-repeat center center; width: 700px; height: 240px; background-size: cover; display: block; } .Holder-Bottom .Info{float: right; width: 412px; color: #4c4c4c; padding-top: 20px;} .Holder-Bottom .Info .Title{color:#ff0033; text-align: left; font-size: 19px;} .Holder-Bottom .Info .address,.InnerPage.ContactHolder .Information .address{background:url('../images/WebPage/SmallIcons.png') no-repeat left -515px; padding-left: 25px;} .Holder-Bottom .Info .mail,.InnerPage.ContactHolder .Information .mail{background:url('../images/WebPage/SmallIcons.png') no-repeat left -439px; padding-left: 25px;} .Holder-Bottom .Info .tell,.InnerPage.ContactHolder .Information .tell{background:url('../images/WebPage/SmallIcons.png') no-repeat left -167px; padding-left: 25px; margin:15px 0;} .Holder-Footer{background-color: #d0d0d0; width: 100%; padding:5px 0;font-weight: bold; } .Holder-Footer .CopyWrite{float: left; padding: 20px 0} .Holder-Footer .Iso{float: right;} /**********Begin Billboard*************/ .HomePage #Billboard {position: relative; height:586px; } .HomePage #Billboard ul, .HomePage #slideshow li {margin: 0; padding: 0; list-style-type: none; width: 100%;} .HomePage #Billboard ul.MobileBill{display: none;} .slideshow_item {position: absolute; right: 0; top: 0; list-style-type: none; width:100%;} .slideshow_item img { margin: 0 auto; width: 1216px; height: 586px; display: block; padding: 0;} /**********End Billboard***************/ .Clr { clear: both;} /*******************Begin Tabs**********************/ .HomePage .Holder-Product .Bg-title,.InnerPage.ContactHolder .Bg-title,.InnerPage.AgentsHolder .Bg-title{ width: 100%; background-color: #ff0033; padding: 2px 0 0; margin-bottom: 35px} .HomePage .Holder-Product.ui-tabs .ui-tabs-nav li,.HomePage .AgentsHolder.ui-tabs .ui-tabs-nav li{ list-style: none; padding: 6px 46px 13px 23px; float: left;} .HomePage .Holder-Product .ui-tabs-nav li a,.InnerPage.ContactHolder .ui-tabs-nav li a,.InnerPage.AgentsHolder .ui-tabs-nav li a{color: #fff} .HomePage .Holder-Product.ui-tabs .ui-state-active,.InnerPage.ContactHolder .ui-tabs .ui-state-active,.InnerPage.AgentsHolder .ui-tabs .ui-state-active{background-color: #fff;} .HomePage .Holder-Product.ui-tabs .ui-state-active a,.InnerPage.ContactHolder .ui-tabs .ui-state-active a,.InnerPage.AgentsHolder .ui-tabs .ui-state-active a{color: #333399} .InnerPage.ContactHolder .Bg-title ul,.InnerPage.AgentsHolder .Bg-title ul{margin: 0; padding: 5px 0 0 10px} .InnerPage.ContactHolder .Holder-Main .ui-tabs .ui-tabs-nav li,.InnerPage.AgentsHolder .Holder-Main .ui-tabs .ui-tabs-nav li{ list-style: none; padding: 2px 35px 10px 20px; float: left;} /*******************Begin Inner page**********************/ .InnerPage .Holder-Billboard .Billboard{width: 1214px; margin: 0 auto; height: 386px;} .InnerPage.NewsHolder .Holder-Billboard{background-color: #d5e5f1;} .InnerPage.NewsHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/News_en-Bill.png'); background-repeat: no-repeat; background-position: right top;} .InnerPage.NewsDetailHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/NewsDetail-Bill.png'); background-repeat: no-repeat; background-position: left top;} .InnerPage .Holder-Main{width: 1168px; margin: -130px auto 0;} .InnerPage .Holder-Main .Main{background-color:#fff; box-shadow: 0 0 20px #747474; padding:10px 30px 20px; min-height: 400px } .InnerPage .Holder-Main h1{color: #000033; margin-top: 0; text-shadow: 0 0 1px; font-size: 24px; font-family:"time";} .InnerPage .Holder-Main .Main .Navigation{margin-bottom:25px;} .InnerPage .Holder-Main .Main .Navigation a,.MiddlePage .Holder-Main .Main .Navigation a{background:url('../images/WebPage/Icons.png') no-repeat right -450px; padding:0 15px 0 8px; color: #2f3a8c; float: left; font-family: time} .InnerPage .Holder-Main .Main .Navigation a.Last,.MiddlePage .Holder-Main .Main .Navigation a.Last{background:none; cursor: context-menu; } .InnerPage.NewsHolder .Holder-Main .Main .NewsList,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList{float:left;border-bottom: 2px dotted #999; width: 528px; margin:0 25px 20px 0; padding:10px 5px 30px; transition-duration: 1s; position: relative; height: 165px;} .InnerPage.NewsHolder.Details .Main img{max-width: 600px; max-height: 500px} .InnerPage.NewsHolder.Details .Main a{color: #2f3a8c} .InnerPage.NewsHolder .Holder-Main .Main .NewsList a,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList a{color: #333399} .InnerPage.NewsHolder .Holder-Main .Main .NewsList:hover,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList:hover{box-shadow: 0 0 28px #ccc; transition-duration: 0.5s; border-bottom-color: #fff;} .InnerPage.NewsHolder .Holder-Main .Main .NewsList:nth-child(2n+1),.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList:nth-child(2n+1){margin-right: 0} .InnerPage.NewsHolder .Holder-Main .Main .NewsList img,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList img{ float: left; max-width: 190px; max-height: 160px } .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description{float: right; width: 325px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description p,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description p{height: 92px; overflow: hidden;} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Title,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Title{color: #333399; font-weight: bold; font-size: 15px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .More,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .More{position: absolute; right: 10px; bottom:5px; background:url("../images/WebPage/Icons.png") no-repeat scroll right -63px; color: #ff0033; width: 48px } .InnerPage.NewsDetailHolder .Holder-Billboard{background-color: #f0f0f0;} .InnerPage.AlbumHolder .Holder-Billboard{background-color: #abaaab;} .InnerPage.AlbumHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Albume_en-Bill.png'); background-repeat: no-repeat; background-position:left -20px;} .InnerPage.HistoryHolder .Holder-Main h1,.InnerPage.IntroduceHolder .Holder-Main h1,.MiddlePage.Aboutus .Holder-Main h1,.InnerPage.AgentsHolder .Holder-Main h1{color: #fff;} .InnerPage.CerteficateHolder .Holder-Billboard{background-color: #dee0e1;} .InnerPage.CerteficateHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Certeficate.png'); background-repeat:no-repeat; background-position:right center;} .InnerPage.AlbumHolder .AlbumeList,.InnerPage.CerteficateHolder .popup{float: left; width: 352px; position: relative; height: 238px; margin: 0 24px 24px 0} .InnerPage.AlbumHolder .AlbumeList:nth-child(3n+1),.InnerPage.CerteficateHolder .popup:nth-child(3n+1){margin-right: 0} .InnerPage.AlbumHolder .AlbumeList img,.InnerPage.CerteficateHolder .popup img{ width: 352px; height: 238px; box-shadow: 0 0 8px #000 } .InnerPage.AlbumHolder .AlbumeList .Title,.InnerPage.CerteficateHolder .popup .Title{position: absolute;background-color:#ff0033; color: #fff; bottom: 0; padding: 7px 10px; width: 332px } .InnerPage.AlbumHolder .lSSlideWrapper .lSFade > *{bottom: 10px} .InnerPage.ComplainHolder .Holder-Billboard{background-color: #f2f2f1;} .InnerPage.ComplainHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/ComplainingBill_en.png'); background-repeat: no-repeat; background-position: left top;} .InnerPage.ServiceHolder .Holder-Billboard{background-color: #eef2f5;} .InnerPage.ServiceHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/ServiceBill.png'); background-repeat: no-repeat; background-position: right top;} .InnerPage.ContactHolder .Holder-Billboard{background-color: #619dbb;} .InnerPage.ContactHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Contactus2-en-Bill.png'); background-repeat: no-repeat; background-position: left top;} .InnerPage.ContactHolder .Information{float: left; width: 600px} .InnerPage.ContactHolder .QR{float: right; color: #619dbb; width: 170px} .InnerPage.ContactHolder .QR{display: block;} .InnerPage.ContactHolder .QR img{width: 100%} .InnerPage.ContactHolder .Information .tell{margin: 0;} .InnerPage.ContactHolder .Information .fax{background:url('../images/WebPage/SmallIcons.png') no-repeat left 5px;padding-left: 25px;} .InnerPage.ContactHolder .Information .attach{background:url('../images/WebPage/attach-Icon.png') no-repeat left center;padding-left: 25px; color: #ff0033; display: inline-block;} .InnerPage.ContactHolder iframe{width: 100%; height: 290px; border: 0; margin-top: 30px} .InnerPage.FAQHolder .Holder-Billboard{background-color:#f3ece4 ;} .InnerPage.FAQHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/FAQ-Bill.png'); background-repeat: no-repeat; background-position: right top;} #accordion,#accordionserv{margin: 0; padding: 0; list-style: none;} .InnerPage.FAQHolder .FalqList,.InnerPage.AgentsHolder .AgentsList{background-color: #f7f7f7; border: 1px solid #d1d1d1; margin-bottom: 10px; padding: 15px} .InnerPage.FAQHolder .FalqList h3.Question,.InnerPage.AgentsHolder .AgentsList h3.Province{margin:0;background: url(../images/WebPage/SmallIcons.png) no-repeat right -302px; color: #000032 } .InnerPage .ui-accordion-header-active{background: url(../images/WebPage/SmallIcons.png) no-repeat right -269px !important} .InnerPage.FAQHolder .FalqList .Answer,.InnerPage.AgentsHolder .AgentsList .Agents{color:#4c4c4c; } .InnerPage.AgentsHolder .AgentsList .SliderAgents{border-bottom: 1px dotted #ccc} .InnerPage.AgentsHolder .AgentsList .SliderAgents:last-child{border-bottom: 0} .InnerPage .Holder-Main .Main .Form .Txt{float: left; width: 368px; margin-bottom: 30px} .InnerPage .Holder-Main .Main .Form .TxtArea{float: left; width: 737px} .InnerPage .Holder-Main .Main .Form input[type=text],.InnerPage .Holder-Main .Main .Form textarea,.InnerPage .Holder-Main .Main .Form select{margin-right:2px;} .InnerPage .Holder-Main .Main .Form span{color: #ff0033; font-size: 17px;} .InnerPage .Holder-Main .Main .Form .CaptchaImg{width: 220px; margin: 0 auto; height: 59px;} .InnerPage .Holder-Main .Main .Form input[type="submit"]{margin: 0 21px 0 auto; display: block;} .InnerPage .Holder-Main .Main .Form .CaptchaCode{float: left; width: 361px} .InnerPage .Holder-Main .Main .Message{color: #ff0033; text-align: center;} .InnerPage.IntroduceHolder .Holder-Billboard{background-color: #181c2c;} .InnerPage.IntroduceHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/IntroducePorsoo-Bill.png'); background-repeat: no-repeat; background-position: right 0;} .InnerPage.HistoryHolder .Holder-Billboard{background-color: #2d3625;} .InnerPage.HistoryHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/History-Bill.png'); background-repeat: no-repeat; background-position: right -80px;} .InnerPage.ArticleHolder .Holder-Billboard{background-color: #e2e4e3;} .InnerPage.ArticleHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Article-Bill.png'); background-repeat: no-repeat; background-position: right -45px;} .InnerPage.Error .Holder-Billboard{background-color: #010204;} .InnerPage.Error .Holder-Billboard .Billboard{background-image:url('../images/WebPage/404-Bill.jpg'); background-repeat: no-repeat; background-position: center;} .InnerPage .BigImg{max-width: 600px; max-height: 500px} .InnerPage.FAQHolder .MediumImg{max-width: 300px;} .InnerPage.FAQHolder .SmallImg{max-width: 150px;} .InnerPage.FAQHolder .VerySmallImg{max-width: 100px;} .InnerPage.ProDetailHolder .Holder-Billboard{ background-color: #eaeaea; width: 100%; height: 200px } .InnerPage.ProDetailHolder .Head-Holder{color: #fff; margin: 0 auto} .InnerPage.ProDetailHolder .Head-Holder .Pro-Title{float: left; background:url("../images/WebPage/Head-Product_en.png") no-repeat right top #ff0033 ; width: 835px;color: #fff; margin: 0; padding: 35px; border-right: 4px solid #fff} .InnerPage.ProDetailHolder .Head-Holder .Tell{background-color: #2f3a8c; float: right; width: 258px; text-align: center; text-align: center; padding: 35px 0; font-size: 16px} .InnerPage.ProDetailHolder .Holder-Main{margin-top:-160px } .InnerPage.ProDetailHolder .Main .Pro-Row{margin-bottom: 30px} .InnerPage.ProDetailHolder .Main .Pro-Row .Features{float: left; width: 580px} .InnerPage.ProDetailHolder .Main .Pro-Row .Features h2{margin-top: 0} .InnerPage.ProDetailHolder .Main .Pro-Row .Features ul{list-style-type: none; margin: 0; padding: 0} .InnerPage.ProDetailHolder .Main .Pro-Row .Features ul li:before{ content: "• "; color: red; font-size: 20px;} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics{float: right; width: 500px} .InnerPage.ProDetailHolder .Main .Pro-Row .Attachment{background-color: #ff0033; color: #fff; display: block; padding:3px 0; border-radius: 4px;width: 145px; text-align: center; margin: 20px 0 0} .InnerPage.ProDetailHolder.BatteryHolder .Main .Pro-Row .Attachment{margin: 0} .InnerPage.ProDetailHolder.BatteryHolder .Specific table tr:hover{background-color: #fff} .InnerPage.ProDetailHolder .Specific table{width: 100%} .InnerPage.ProDetailHolder .Specific table tr td{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} .InnerPage.ProDetailHolder .Specific table tr td.First{border-left:1px solid #d1d1d1; width: 205px; background-color: #eaeaea} .InnerPage.ProDetailHolder .Specific table tr.First td{border-top:1px solid #d1d1d1} .InnerPage.ProDetailHolder .Specific table tr th.Bg{background-color: #ff0033; color: #fff; font-size: 19px} .InnerPage.ProDetailHolder .Specific table tr:hover{background-color: #ffe0e6} .InnerPage.ProDetailHolder .SimilarPro{ height: 265px; border:1px solid #d7d7d7; position: relative;overflow: hidden; direction: ltr; display: block;} .InnerPage.ProDetailHolder .SimilarPro img{max-width: 160px; max-height: 180px} .InnerPage.ProDetailHolder .SimilarPro .Description{position: absolute;bottom: 0;background-color: #ff0033; opacity: 0.8; transition-duration: 0.7s; height: 0; width: 84%; margin: 0; padding: 10px 8%; color: #fff} .InnerPage.ProDetailHolder .SimilarPro .Title{width: 94%; padding: 8px 3%; background-color: #ff0033; color: #fff; position: absolute; bottom: 0; margin: 0; font-size: 15px} .InnerPage.ProDetailHolder .SimilarPro:hover .Description{height: 245px} .InnerPage.PartnerHolder .Holder-Billboard{background-color: #dde2e3;} .InnerPage.PartnerHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/partners-Bill.png'); background-repeat: no-repeat; background-position: left top;} .InnerPage.PartnerHolder .Partner .Head{background-color: #eaeaea; border:1px solid #bebebe; padding:0 20px;margin-bottom: 20px} .InnerPage.PartnerHolder .Partner{margin-bottom: 40px} .InnerPage.PartnerHolder .Partner .Head h2{float: left; color: #ff0033} .InnerPage.PartnerHolder .Partner .Head .Logo{float: right; margin: 8px 0; max-height: 45px; max-width: 140px} .InnerPage.Maintenance .Holder-Billboard{background-color: #a2a5a7;} .InnerPage.Maintenance .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Maintenance-Bill.jpg'); background-repeat: no-repeat; background-position: right bottom;} .InnerPage .imgDescript,.MiddlePage .imgDescript{display:block; text-align:center;font-size:12px; margin:0;} .InnerPage.ProductListHolder .Holder-Main .FilterHolder{width: 200px; float: left; background-color: #fff; padding: 0 15px 15px; box-shadow: 0 0 20px #747474; font-size: 14px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder select{width: 200px; padding:5px 10px; margin-bottom: 15px; background: url(../images/WebPage/BigIcons.png) no-repeat right -195px } .InnerPage.ProductListHolder .Holder-Main .FilterHolder select:focus{background-position: right -225px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder input[type="text"]{padding:8px 10px ; width: 177px; margin-bottom: 15px} .InnerPage.ProductListHolder .Holder-Main .Main{float: right; width: 895px; padding:10px 15px 20px } .InnerPage.ProductListHolder .Holder-Billboard{background-color: #b4b4b2;} .InnerPage.ProductListHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/DataCenter_en-Bill.png'); background-repeat: no-repeat; background-position: right top;} .InnerPage.ProductListHolder .List{float: left; width: 207px; position: relative; height: 250px; margin: 0 18px 24px 0; border: 1px solid #d7d7d7; overflow: hidden;} .InnerPage.ProductListHolder .TotalProduct::after{content: ""; clear: both;} .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(4n){margin-right: 0} .InnerPage.ProductListHolder .TotalProduct .ls2{margin-right: 29px} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(5n){margin-right: 0} .InnerPage.ProductListHolder .List img{ max-width: 160px; max-height: 170px; position: absolute; bottom: 60px; right: 35px } .InnerPage.ProductListHolder .List .Title{position: absolute;background-color:#ff0033; color: #fff; bottom: 0; padding: 7px 5px; width: 197px; height: 25px;transition-duration: 1s; opacity: 0.89 } .InnerPage.ProductListHolder .List .Title ul{padding:0 12px; margin: 0 } .InnerPage.ProductListHolder .List:hover .Title{height: 236px; transition-duration: 1s} .InnerPage.ProductListHolder.ProductList2 .Holder-Main .Main{float: none; width: 100%;} .InnerPage.DatacenterHolder .Holder-Billboard{background-color: #b4b4b2;} .InnerPage.DatacenterHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/DataCenter_en-Bill.png'); background-repeat: no-repeat; background-position: right top;} .InnerPage.BankiHolder .Holder-Billboard{background-color: #e2e2e2;} .InnerPage.BankiHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Banki-Bill.png'); background-repeat: no-repeat; background-position: center top;} .InnerPage.ComputerHolder .Holder-Billboard{background-color: #f8f8f8;} .InnerPage.ComputerHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Computer-Bill.png'); background-repeat: no-repeat; background-position: center top;} .InnerPage.MedicalHolder .Holder-Billboard{background-color: #e2e2e2;} .InnerPage.MedicalHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/MedicalBill.png'); background-repeat: no-repeat; background-position: center top;} .InnerPage.TelecommHolder .Holder-Billboard{background-color: #9ec3ec;} .InnerPage.TelecommHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Telecommunication_enBill.png'); background-repeat: no-repeat; background-position: center top;} .InnerPage.IndustrialHolder .Holder-Billboard{background-color: #ddd3cd;} .InnerPage.IndustrialHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/IndustrialBill.png'); background-repeat: no-repeat; background-position: right top;} .InnerPage.AdministrativeHolder .Holder-Billboard{background-color: #c8905b;} .InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Home-Bill.png'); background-repeat: no-repeat; background-position: center top;} .InnerPage.DatacenterHolder .pic-Descript{width:440px;margin:0 auto;display:block;} .InnerPage.AgentsHolder .Main img{width: 70%} .InnerPage.AgentsHolder .Main .more-Accordion{background:url(../images/WebPage/SmallIcons.png) no-repeat right -302px; color:#333399; display:block;} .InnerPage.AgentsHolder .Holder-Billboard{background-color:#000d25 ;} .InnerPage.AgentsHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Agents-Bill.png'); background-repeat:no-repeat; background-position: right top;} .InnerPage.SearchHolder .Holder-Billboard{background-color: #c6c6c8;} .InnerPage.SearchHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Search-Bill.png'); background-repeat: no-repeat; background-position: left -20px;} .InnerPage.SearchHolder .Main .Search{ background-color: #f7f7f7; border: 1px solid #d0d0d0;padding: 10px; margin-bottom: 10px } .InnerPage.SearchHolder .Main .Search a{color: #ff0033} .InnerPage .owl-carousel{width: 1108px} /*******************Begin Middle page**********************/ .MiddlePage.ProductHolder .List{width: 265px; border: 1px solid #d2d2d2; float: left; margin:0 36px 50px 0; overflow: hidden; font-size: 13px} .MiddlePage.ProductHolder .Holder-Pro-Li .List:nth-child(4n){margin-right:0 } .MiddlePage.ProductHolder .List h2{background-color: #ff0033; margin: 0; padding: 0 0 5px 5px;} .MiddlePage.ProductHolder .List h2 a{color: #fff; font-size: 14px; font-weight: normal;} .MiddlePage.ProductHolder .List .Pic{position: relative;width:100% ; height: 200px;} .MiddlePage.ProductHolder .List .Pic img{max-width:230px ; max-height:170px; position: absolute; transition-duration: 0.8s;right: 15px; top: 15px} .MiddlePage.ProductHolder .List .Pic:hover img.Def{right: -250px; transition-duration: 0.8s;} .MiddlePage.ProductHolder .List .SubPro{background-color: #f1f1f1; margin: 0; padding: 0 5px; list-style: none; min-height: 150px; position: relative;} .MiddlePage.ProductHolder .List .SubPro li{background:url(../images/WebPage/Icons.png) no-repeat left -580px; padding-left: 10px; white-space: nowrap; overflow: hidden;} .MiddlePage.ProductHolder .List .SubPro .More{background:url(../images/WebPage/Icons.png) no-repeat right -532px; color: #fe1140;position: absolute;right: 8px; padding-right: 10px; bottom: 0 } .Accordion-pro#accordion{margin-bottom:20px;} .Accordion-pro .more-Accordion{background:url(../images/WebPage/SmallIcons.png) no-repeat right -302px #f7f7f7; border:1px solid #d1d1d1; width:110px; text-align:center;margin:0 0 0 auto; display:block; font-size:0.65rem;} .Accordion-pro .Accordion-desc{background-color:#f7f7f7; border:1px solid #d1d1d1; padding:10px;} .InnerPage .ui-accordion-header-active{background-color:#f7f7f7 !important;;} .MiddlePage .Holder-Main .Main .Navigation{margin: 10px 0 25px;} .MiddlePage .Holder-Billboard .Billboard{width: 1214px; margin: 0 auto; height: 494px;} .MiddlePage .Holder-Main{width: 1200px; margin: 0 auto 20px; position: relative;} .MiddlePage .Holder-Main h1{position: absolute; top: -80px; text-shadow: 0 0 1px; color: #000033; width: 100%; font-size:26px; font-family: time} .MiddlePage .MiddleBoxList{float: left; width: 373px; position: relative; height: 263px; margin: 0 35px 30px 0; border: 1px solid #e2e2e2; overflow: hidden;} .MiddlePage .MiddleBoxList:nth-child(3n+1){margin-right: 0} .MiddlePage .MiddleBoxList img{ width: 373px;height: 263px } .MiddlePage .MiddleBoxList img.Second{display: none;} .MiddlePage .MiddleBoxList .Descript{position: absolute;background-color:#ff0033; bottom: 0; padding: 15px 10px; width: 354px; height: 25px;transition-duration: 1s; opacity: 0.89;color: #fff;} .MiddlePage .MiddleBoxList .Descript h2{color: #fff;margin: 0; font-size: 19px; font-weight: normal; } .MiddlePage .MiddleBoxList:hover .Descript{height: 235px; transition-duration: 1s} .MiddlePage.Aboutus .Holder-Billboard .Billboard{background:url('../images/WebPage/AboutPorsoo-Bill.png') no-repeat center bottom;} .MiddlePage.Aboutus .Holder-Billboard{background-color: #0d0c10;} .MiddlePage.Support .Holder-Billboard .Billboard{background:url('../images/WebPage/Support-Bill.jpg') no-repeat left bottom;} .MiddlePage.Support .Holder-Billboard{background-color: #c39782;} .MiddlePage.Solutions .Holder-Billboard .Billboard{background:url('../images/WebPage/Solutions-Bill.png') no-repeat left center;} .MiddlePage.Solutions .Holder-Billboard{background-color: #c0c0c0;} .MiddlePage.Contactus .Holder-Billboard .Billboard{background:url('../images/WebPage/Contactus-Bill.png') no-repeat left top;} .MiddlePage.Contactus .Holder-Billboard{background-color: #e3ded9;} .MiddlePage.ProductHolder .Holder-Billboard{position: relative;} .MiddlePage.ProductHolder .Holder-Billboard ul{margin: 0} .MiddlePage.ProductHolder .slideshow_item img{ height: 494px} /***************Begin slider in inner page*******************/ .AlbumHolder .lSSlideWrapper:after{border-top: 2px dotted #999;margin-bottom: 60px} .ProDetailHolder .Pro-Pics .lSSlideWrapper{border: 1px solid #dedede; height: 425px;margin-bottom: 15px} .ProDetailHolder .Pro-Pics .lslide > img{max-width: 340px; max-height: 300px; } .ProDetailHolder .lSSlideWrapper .lSFade{height:400px } .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery img{height:auto;width:auto;max-width: 80%; max-height: 60px; padding: 0 10%; position: absolute; bottom: 11px} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li a{border: 1px solid #dedede; display: block;height: 80px; position: relative; } .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li.active,.ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li:hover {border:none; transition-duration: 0; border-radius: 0} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li.active a,.ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li:hover a {border:1px solid #bbb; opacity: 1; transition-duration:0.5s} .ProDetailHolder .lSSlideOuter .lSPager.lSGallery li{opacity: 0.4} /*************Jquery Popup for Certeficate page**********************/ .overlay{background:rgba(0,0,0,.9);position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:9999}#popup-modal{z-index:99999;box-sizing:border-box;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}#popup-modal #content{width:1000px;box-sizing:border-box;margin: 0 auto; position: relative; top: 10%}#popup-modal #content img{max-width:1000px; max-height: 800px; display: block; margin: 0 auto}#popup-modal #arrows-container{position:absolute;height:100%;width:95%;top:0;padding:0 2%;right:0}#popup-modal #arrow-left,#popup-modal #arrow-right{z-index:1;box-sizing:border-box;float:right;height:auto;cursor:pointer;width:80px;position:relative;top:45%}#popup-modal #arrow-right{float:left}#popup-modal #arrow-left:after{background:url(../images/WebPage/SlideArrow.png) no-repeat right 0;background-size:cover;padding:50%;position:absolute;content:""}#popup-modal #arrow-right:after{background:url(../images/WebPage/SlideArrow.png) no-repeat left center;background-size:cover;padding:50%;position:absolute;content:""} /***************Begin Agents Map*******************/ .InnerPage.AgentsHolder .West-Azerbaijan { position: absolute; left: 4%;top: 6%;} .InnerPage.AgentsHolder .East-Azerbaijan {position: absolute; left: 13%;top: 8%;} .InnerPage.AgentsHolder .Ardabil {position: absolute;left: 20%;top: 4%;} .InnerPage.AgentsHolder .Gilan {position: absolute;left: 26%;top: 15%;} .InnerPage.AgentsHolder .Mazandaran {position: absolute;left: 40%;top: 21%;} .InnerPage.AgentsHolder .Golestan {position: absolute;left: 55%;top: 17%;} .InnerPage.AgentsHolder .North-Khorasan { position: absolute;left: 67%;top: 13%;} .InnerPage.AgentsHolder .Razavi-Khorasan {position: absolute;left: 78%; top: 22%;} .InnerPage.AgentsHolder .South-Khorasan {position: absolute;left: 75%;top: 41%;} .InnerPage.AgentsHolder .Semnan {position: absolute; left: 54%; top: 28%;} .InnerPage.AgentsHolder .Sistan-and-Baluchestan { position: absolute;left: 84%;top: 72%;} .InnerPage.AgentsHolder .Yazd { position: absolute;left: 53%;top: 49%;} .InnerPage.AgentsHolder .Kerman { position: absolute;left: 68%;top: 59%;} .InnerPage.AgentsHolder .Isfahan {position: absolute;left: 42%;top: 38%;} .InnerPage.AgentsHolder .Hormozgan {position: absolute;left: 62%;top: 75%;} .InnerPage.AgentsHolder .Fars {position: absolute;left: 48%;top: 66%;} .InnerPage.AgentsHolder .Bushehr {position: absolute;left: 36%;top: 66%;} .InnerPage.AgentsHolder .Khuzestan {position: absolute;left: 26%;top: 51%;} .InnerPage.AgentsHolder .Kohgiluyeh-and-Boyer-Ahmad {position: absolute;left: 35%;top: 55%;} .InnerPage.AgentsHolder .Chaharmahal-and-Bakhtiari { position: absolute;left: 34%;top: 47%;} .InnerPage.AgentsHolder .Ilam {position: absolute;left: 13%;top: 40%;} .InnerPage.AgentsHolder .Kermanshah { position: absolute;left: 14%;top: 34%;} .InnerPage.AgentsHolder .Lorestan {position: absolute;left: 23%;top: 38%;} .InnerPage.AgentsHolder .Markazi {position: absolute;left: 29%;top: 30%;} .InnerPage.AgentsHolder .Hamadan {position: absolute;left: 24%;top: 29%;} .InnerPage.AgentsHolder .Kurdistan {position: absolute;left: 15%;top: 25%;} .InnerPage.AgentsHolder .Zanjan {position: absolute;left: 23%;top: 22%;} .InnerPage.AgentsHolder .Qazvin { position: absolute;left: 30%;top: 22%;} .InnerPage.AgentsHolder .Tehran {position: absolute;left: 39%;top: 25%;} .InnerPage.AgentsHolder .Tehran .sub-map{visibility: visible; opacity: 1;} .InnerPage.AgentsHolder .Alborz {position: absolute;left: 35%;top: 23.5%;} .InnerPage.AgentsHolder .Qom {position: absolute;left: 36%;top: 30%;} .InnerPage.AgentsHolder .Kish {position: absolute;left: 52%;top: 84%;} .InnerPage.AgentsHolder .map-container {position: relative;width:1000px; margin: 0 auto} .InnerPage.AgentsHolder .map-container img {width: 100%;height: 100%;} .InnerPage.AgentsHolder .map-container > i {color: #75f966;text-shadow: 3px 3px 12px #272634;cursor: pointer;} .InnerPage.AgentsHolder .map-container > i:hover {color: #42ade0 !important;text-shadow: 3px 3px 12px #272634; transition: all 0.5s;} .InnerPage.AgentsHolder .sub-map { visibility: hidden; width: 220px;background: rgb(225,225,225,0.9);color: #000; border:1px solid #000; border-radius: 6px;padding: 5px; position: absolute; z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.4s; font-family: 'Vaziri','Helvetica'} .InnerPage.AgentsHolder .sub-map::after { content: ""; position: absolute; top: 100%;left: 27%; margin-left: -5px; border-width: 5px;border-style: solid;border-color: rgb(225,225,225,0.9) transparent transparent transparent;} .InnerPage.AgentsHolder #tabs-1 .sub-map p:nth-child(4n),.InnerPage.AgentsHolder #tabs-2 .sub-map p:nth-child(5n){border-bottom: 1px dotted #000} .InnerPage.AgentsHolder #tabs-1 .sub-map p:last-child,.InnerPage.AgentsHolder #tabs-2 .sub-map p:last-child{border-bottom: 0} .InnerPage.AgentsHolder .mobaccordion{display: none;} /****************Pagination********************/ .pagination{ margin: 20px 0 20px auto; width: 100px; } .pagination li.disabled,.pagination li.active{color:#000} .pagination li,.pagination li a{list-style: none; float: left; margin: 0 3px; color:red} @media screen and (max-width:1279px) and (min-width: 960px){ .Holder-Header .Header,.HomePage .Holder-Top .Top,.HomePage .Middle,.Holder-NewsLetter .NewsLetter,.Holder-Bottom .Bottom,.Holder-Footer .Footer,.HomePage .Holder-Logos .Customer{ width: 940px; } .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub02{width: 420px;} .Holder-Header .Header ul.Menu .Sub.SubProduct{width: 560px;left: -48px} .Holder-Header .Header .ColR{width: 675px} .Holder-Header .Header ul.Menu > li{padding: 6px 10px 15px} .HomePage .slideshow_item img{width: 940px; height: 455px} .HomePage #Billboard{height: 455px} .HomePage .Top .Col{width: 300px; height: 205px} .HomePage .Top .Col .Title{width: 240px; height:38px ; padding:6px 10px 0 50px } .HomePage .Top .Col .Title p{margin: 0} .HomePage .Top .Col:hover .Title{height:199px;} .HomePage .Top .Col03 .Title{background:url(../images/WebPage/Certeficate-Ico2.png) no-repeat 5px 5px #ff0033;} .HomePage .Top .Col02 .Title{background:url(../images/WebPage/Activity-Ico2.png) no-repeat 5px 5px #ff0033;} .HomePage .Top .Col01 .Title{background:url(../images/WebPage/Service-Ico2.png) no-repeat 5px 5px #ff0033;} .HomePage .Top .Col .Title .More{background-position:right -249px; width: 49px} .Holder-Product .owl-carousel .owl-item div{width: 224px; height: 255px} .HomePage .Pro .owl-carousel .Title{width: 217px} .HomePage .Holder-Product .Pro, .HomePage .Holder-Product .owl-carousel{width: 912px} .HomePage .Middle .Col .Description{width: 760px} .HomePage .Middle .Col .More{ background-position:right -141px;width: 49px} .HomePage .Main{width: 940px; background-size:940px 100%; } .HomePage .Border-Sep{margin: 20px auto 15px} .Holder-NewsLetter input[type="text"]{width: 244px} .Holder-NewsLetter span{font-size: 19px;} .Holder-Bottom .location{width: 500px} .MiddlePage.Aboutus .Holder-Billboard .Billboard,.MiddlePage.Solutions .Holder-Billboard .Billboard,.MiddlePage.Contactus .Holder-Billboard .Billboard,.MiddlePage.Support .Holder-Billboard .Billboard{background-size: cover} .MiddlePage .Holder-Billboard .Billboard{width: 940px; height: 430px;} .MiddlePage .Holder-Main{width: 925px} .MiddlePage .MiddleBoxList{ width: 295px; height: 200px; margin: 0 15px 15px 0 } .MiddlePage .MiddleBoxList img{ width: 295px; height: 200px } .MiddlePage .MiddleBoxList .Descript{padding: 3px 10px 12px; width: 275px} .MiddlePage .MiddleBoxList:hover .Descript{height: 185px} .MiddlePage .Holder-Main .Main{min-height: auto} .MiddlePage .slideshow_item img{width: 940px} .MiddlePage.ProductHolder .slideshow_item img{height: 430px} .MiddlePage.ProductHolder .List{width: 218px; margin: 0 15px 40px 0} .MiddlePage.ProductHolder .List .Pic img{max-width:190px ; right:10px } .MiddlePage .Holder-Main .Main .Navigation{margin-bottom: 15px} .InnerPage .Holder-Main{width: 940px; margin: -88px auto 0} .InnerPage .Holder-Main .Main{padding:10px 20px 20px } .InnerPage .Holder-Billboard .Billboard{width:960px ; height:330px } .InnerPage .Holder-Main .Main .Navigation{margin-bottom: 15px} .InnerPage .Holder-Billboard .Billboard{background-size: 100%} .InnerPage.ProDetailHolder .Holder-Billboard{height: 170px} .InnerPage.ProDetailHolder .Holder-Main{margin-top: -130px} .InnerPage.ProDetailHolder .Head-Holder .Pro-Title{background:url("../images/WebPage/Head-Product2_en.png") no-repeat right top #ff0033 ; width: 658px; padding: 30px 35px;} .InnerPage.ProDetailHolder .Head-Holder .Tell{width: 208px;padding: 30px 0;} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics{width: 448px} .InnerPage.ProDetailHolder .Main .Pro-Row .Features{width: 445px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder,.InnerPage.ProductListHolder .Holder-Main .FilterHolder select{width: 190px} .InnerPage.ProductListHolder .Holder-Main .Main{width: 683px} .InnerPage.ProductListHolder .List{width: 212px} .InnerPage.ProductListHolder .List .Title{width: 202px} .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(3n){margin-right: 0} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(4n){margin-right: 0} /*When min-width=1279px => .ls1:nth-child(4n)=0 . now .ls1:nth-child(4n) Should not be 0 Unless .ls1:nth-child(3*4n)*/ .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(4n):not(:nth-child(12n)){margin-right: 18px} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(5n):not(:nth-child(20n)){margin-right: 17px} .InnerPage.ProductListHolder .TotalProduct .ls2{margin-right: 17px} .InnerPage.ProductListHolder.ProductList2 .Holder-Main .Main{width: 910px} .InnerPage .owl-carousel{width:900px} .InnerPage.AlbumHolder .AlbumeList, .InnerPage.CerteficateHolder .popup{width:290px ; height:200px; margin: 0 10px 10px 0 } .InnerPage.AlbumHolder .AlbumeList img, .InnerPage.CerteficateHolder .popup img{width: 290px; height: 200px} .InnerPage.AlbumHolder .AlbumeList .Title, .InnerPage.CerteficateHolder .popup .Title{width: 270px; padding: 4px 10px} .InnerPage.AdministrativeHolder .Holder-Main h1,.InnerPage.ServiceHolder .Holder-Main h1{color:#f7f7f7 ; text-shadow: 0 0 5px #000} .ProDetailHolder .Pro-Pics .lslide > img{max-width:310px; max-height:270px } .InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-position: left top;} input[type="text"]{width: 250px} select{width: 270px} textarea{width: 550px} .InnerPage .Holder-Main .Main .Form .Txt{width: 300px; margin-bottom: 25px} .InnerPage .Holder-Main .Main .Form .TxtArea{width: 600px} .InnerPage .Holder-Main .Main .Form .CaptchaCode{width: 289px} .InnerPage .Holder-Main .Main .Form input[type="submit"]{width: 170px; height: 49px; margin:0 27px 0 auto } .InnerPage.NewsHolder .Holder-Main .Main .NewsList, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList{ width: 425px } .InnerPage.NewsHolder .Holder-Main .Main .NewsList img, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList img{max-height: 140px; max-width: 140px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description{width: 275px} #popup-modal #content img,#popup-modal #content{max-width: 750px; max-height: 600px} #popup-modal #arrow-left:after{background:url(../images/WebPage/SlideArrow2.png) no-repeat;} #popup-modal #arrow-left, #popup-modal #arrow-right{width: 60px; top: 40%} .InnerPage.AlbumHolder .lSSlideWrapper::after,.InnerPage .lightSlider{margin: 0 0 35px 0} .InnerPage.ContactHolder .Bg-title ul{padding: 2px 0 0 5px} .InnerPage.AgentsHolder .map-container{width: 100%} } @media screen and (max-width:959px) and (min-width: 768px){ body{font-size: 14px;} .Holder-Header .Header,.HomePage .Holder-Top .Top,.HomePage .Middle,.HomePage .Holder-Product .Pro,.Holder-NewsLetter .NewsLetter,.Holder-Bottom .Bottom,.Holder-Footer .Footer,.HomePage .Holder-Logos .Customer, .HomePage .Holder-Product .owl-carousel{ width: 748px; } .MiddlePage.Aboutus .Holder-Billboard .Billboard,.MiddlePage.Solutions .Holder-Billboard .Billboard,.MiddlePage.Contactus .Holder-Billboard .Billboard,.MiddlePage.Support .Holder-Billboard .Billboard{background-size: cover} .HomePage .Main{ width: 748px; background-size:748px 100%; } .HomePage .Main p{font-size: 17px;; } .Holder-Header .Header .Logo{width: 160px} .Holder-Billboard{margin-top:94px } .HomePage #Billboard{height: 360px} .Holder-Header .Header ul.Menu > li{font-size: 14px;padding: 6px 7px 10px} .Holder-Header .Header ul.Menu .Sub{min-width: 250px; min-height: 150px} .Holder-Header .Header ul.Menu .Sub ul.Col{width: 120px} .Holder-Header .Header ul.Menu .Sub ul li a{font-size: 13px} .Holder-Header .Header ul.Menu .Sub.SubProduct{left: -48px; width: 535px} .Holder-Header .Header ul.Menu .Sub.SubProduct .Title{width: 120px} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub02{width: 410px} .Holder-Header .Header ul.Menu .Sub.SubProduct .Sub03 li a{font-size: 12px} .Holder-Header .Header ul.Menu .Sub.SubProduct ul.Col{width: 149px} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro01 .Colups03{width: 100px} .Holder-Header .Header ul.Menu .Sub.SubProduct .pro01 .Colups02{width: 150px} .Holder-Header .Header .ColR{width: 565px} .HomePage .slideshow_item img{width: 748px; height: 360px} .HomePage .Border-Sep,.InnerPage.ContactHolder .Border-Sep,.InnerPage.FAQHolder .Border-Sep{width: 345px; border-top:1px dotted #999; margin: 20px auto} .HomePage .Top .Col{width: 240px; height:165px;} .HomePage .Top .Col03 .Title{background:url(../images/WebPage/Certeficate-Ico3.png) no-repeat 5px 10px #ff0033; width: 200px !important; padding: 10px 12px 0 28px !important} .HomePage .Top .Col02 .Title{background:url(../images/WebPage/Activity-Ico3.png) no-repeat 5px 10px #ff0033;} .HomePage .Top .Col01 .Title{background:url(../images/WebPage/Service-Ico3.png) no-repeat 5px 10px #ff0033;} .HomePage .Top .Col01,.HomePage .Top .Col02{margin-right: 10px} .HomePage .Top .Col .Title{width: 188px; height: 33px; padding: 10px 12px 0 40px} .HomePage .Top .Col .Title .More{background-position: right -390px; width: 48px; margin: -5px 0 0 auto} .HomePage .Top .Col .Title p{ margin: 0; line-height: 20px } .HomePage .Top .Col:hover .Title{height:155px;} .HomePage .Middle .Col img{width: 148px;} .HomePage h2{margin: 15px 0 25px} .HomePage .Middle .Col .Description{width: 590px; line-height: 26px} .HomePage .Middle .Col .More{background-position:right -322px; width: 48px} .Holder-Product .owl-carousel .owl-item div{width:180px; height: 200px} .HomePage .Pro .owl-carousel .Title{width: 174px; height: 18px; padding: 14px 0 14px 7px} .HomePage .Pro .owl-carousel .owl-item img{ right:30px ; bottom:55px; max-width: 140px; max-height: 135px } .HomePage .Pro .owl-carousel .owl-nav .owl-prev{background:url(../images/WebPage/arrows3.png) left center; width: 34px; height: 35px} .HomePage .Pro .owl-carousel .owl-nav .owl-next{background:url(../images/WebPage/arrows3.png) right center; width: 34px; height: 35px} .HomePage .Holder-Product .Pro, .HomePage .Holder-Product .owl-carousel{width: 744px} .Holder-NewsLetter span{font-size: 15px; margin-right: 0} .Holder-NewsLetter input[type="text"]{width: 195px; padding: 0 10px; margin-right: 0; height: 30px} .Holder-NewsLetter button,.Holder-Header .Header .Resize .HolderSub-Search input[type=submit]{width: 130px; height: 39px} .Holder-Bottom .location{width: 400px; height: 195px; background:url(../images/WebPage/location2.png) no-repeat 0 0; } .Holder-Bottom .Info .Title{font-size: 15px} .Holder-Bottom .Info{width: 320px; padding-top: 10px;} .MiddlePage .MiddleBoxList{width: 235px; height: 195px; margin-right: 13px} .MiddlePage .MiddleBoxList img{width: 235px; height: 195px} .MiddlePage .MiddleBoxList .Descript{width: 215px;padding:8px 10px } .MiddlePage .Holder-Billboard .Billboard{width: 748px; height: 350px;} .MiddlePage .Holder-Main{width: 740px} .MiddlePage .MiddleBoxList:hover .Descript{height: 180px} .MiddlePage .Holder-Main h1{top: -65px; font-size:22px;} .MiddlePage .MiddleBoxList .Descript h2{font-size: 15px} .MiddlePage .MiddleBoxList .Descript p{margin: 0} .MiddlePage.ProductHolder .List{width: 235px; margin: 0 14px 50px 0} .MiddlePage.ProductHolder .List .Pic img{max-width: 200px} .MiddlePage.ProductHolder .slideshow_item img{height: 350px; width: 748px;} .MiddlePage.ProductHolder .Holder-Pro-Li .List:nth-child(4n){margin-right:15px } .MiddlePage.ProductHolder .Holder-Pro-Li .List:nth-child(3n){margin-right: 0} .Holder-Header .Header .ColR .Search-Link .Search input[type="submit"] { background-position: left bottom; width: 23px; height: 22px;} .Holder-Header .Header .ColR .Search-Link .Search input[type="text"]{padding:2px; width:150px;} .Holder-Header .Header .ColR .Search-Link .Search{width: 180px} .Holder-Header .Header .ColR .Search-Link{width: 260px; margin: 0 0 13px auto} .Holder-Header .Header .ColR .Search-Link .Link a{margin-right: 10px} .InnerPage .Holder-Main{width: 748px; margin: -70px auto 0 } .InnerPage .Holder-Main .Main{padding: 10px 20px 20px} .InnerPage .Holder-Main .Main .Navigation{margin-bottom: 15px} .InnerPage .Holder-Billboard .Billboard{width:768px; height:268px; background-size:100%; } h1,.InnerPage .Holder-Main h1{font-size: 20px} .InnerPage.ServiceHolder .Holder-Main h1,.InnerPage.ComputerHolder .Holder-Main h1,.InnerPage.AdministrativeHolder .Holder-Main h1{color:#f7f7f7 ; text-shadow: 0 0 5px #000} h2{font-size: 17px; margin: 15px 0 5px} .InnerPage.ProDetailHolder .Holder-Billboard{height: 120px} .InnerPage.ProDetailHolder .Holder-Main{margin-top: -100px} .InnerPage.ProDetailHolder .Head-Holder .Pro-Title{background:url("../images/WebPage/Head-Product3_en.png") no-repeat right top #ff0033 ; width: 485px; padding: 35px;} .InnerPage.ProDetailHolder .Head-Holder .Tell{width: 149px;padding: 20px;} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics{width: 340px} .InnerPage.ProDetailHolder .Main .Pro-Row .Features{width: 350px} .InnerPage.ProductListHolder.ProductList2 .Holder-Main .Main{width: 718px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder{width: 160px; padding: 0 10px 15px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder select{width: 100%; padding:4px 1% } .InnerPage.ProductListHolder .Holder-Main .Main{width: 530px} .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(3n){margin-right: 0} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(4n){margin-right: 0} /*When min-width=1279px => .ls1:nth-child(4n)=0 . now .ls1:nth-child(4n) Should not be 0 Unless .ls1:nth-child(3*4n)*/ .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(4n):not(:nth-child(12n)){margin-right: 7px} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(5n):not(:nth-child(20n)){margin-right: 9px} .InnerPage.ProductListHolder .TotalProduct .ls2{margin-right: 9px} .InnerPage.ProductListHolder .List{width: 170px; height: 195px;margin: 0 7px 24px 0} .InnerPage.ProductListHolder .List .Title{width: 168px; font-size: 12px; padding: 3px 0 7px 2px} .InnerPage.ProductListHolder .List:hover .Title{height: 185px} .InnerPage.ProductListHolder .List img{bottom:40px; max-width:115px ; max-height:145px; right: 30px } .ProDetailHolder .Pro-Pics .lSSlideWrapper{height: 265px} .ProDetailHolder .Pro-Pics .lslide > img{max-width:235px ; max-height:180px } .ProDetailHolder .lSSlideWrapper .lSFade{height:260px } .ProDetailHolder .lSSlideWrapper .lSFade > *{bottom: 55px} .ProDetailHolder .lSAction > a{background-image: url('../images/WebPage/arrows3.png'); width: 34px; height: 35px; margin-top:-30px;} .ProDetailHolder .lSAction > .lSNext{background-position: -34px 0} .ProDetailHolder .lightSlider{margin: 0} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li a{height: 50px} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery img{max-height: 40px; bottom: 7px} .InnerPage .owl-carousel{width:720px} .InnerPage.ProDetailHolder .SimilarPro{height: 190px} .InnerPage.ProDetailHolder .SimilarPro img{right: 20px; max-width: 140px; max-height: 120px; bottom: 50px} .InnerPage.ProDetailHolder .SimilarPro .Title{font-size: 12px; padding: 0 3%} .InnerPage.ProDetailHolder .SimilarPro:hover .Description{height: 170px} .InnerPage .Holder-Main .Main .Form .CaptchaCode{width: 333px} .InnerPage .Holder-Main .Main .Form .Txt{width: 354px} .InnerPage .Holder-Main .Main .Form .TxtArea{width: 355px} textarea{width: 310px; height: 160px;padding:8px 10px} .InnerPage .Holder-Main .Main .Form input[type="submit"]{width: 130px; height: 39px} input[type="text"]{width: 310px;padding:8px 10px} select{width: 330px;padding:7px 10px;background-position: right -106px;} select:focus{background-position:right -141px;} .InnerPage.ContactHolder .Bg-title ul{padding: 2px 0 0 5px} .InnerPage.ContactHolder iframe{height: 230px} .InnerPage.ContactHolder .Information{width: 540px} .InnerPage.ContactHolder .QR{width: 140px; font-size: 12px} .InnerPage.PartnerHolder .Partner .Head{padding: 0 10px} .InnerPage.PartnerHolder .Partner .Head .Logo{max-width: 110px} .InnerPage.NewsHolder.Details .Main img{max-width: 450px; max-height: 350px} .InnerPage .BigImg{max-width: 400px; max-height: 300px} .InnerPage.FAQHolder .MediumImg{max-width: 250px;} .InnerPage.FAQHolder .SmallImg{max-width: 100px;} .InnerPage.FAQHolder .VerySmallImg{max-width: 90px;} .InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-position: left top;} .InnerPage.AlbumHolder .AlbumeList, .InnerPage.CerteficateHolder .popup{width:229px ; height:150px; margin: 0 8px 8px 0 } .InnerPage.AlbumHolder .AlbumeList img, .InnerPage.CerteficateHolder .popup img{width: 229px; height: 150px} .InnerPage.AlbumHolder .AlbumeList .Title, .InnerPage.CerteficateHolder .popup .Title{width: 209px; padding: 4px 10px} .InnerPage.CerteficateHolder .Holder-Billboard .Billboard{background-size: cover; background-position: left bottom} .InnerPage .lightSlider{margin: 0 0 30px 0} .AlbumHolder .lSSlideWrapper::after {margin-bottom:30px} .InnerPage.AlbumHolder .lslide > img{max-width: 550px; max-height: 400px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList{width: 100%; height: auto; margin: 0; padding: 15px 5px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList img, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList img{max-width: 135px; max-height:120px; } .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description{width: 560px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description p, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description p{height: auto; overflow: unset;} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .More, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .More{bottom: 10px; background-position: right -142px; } .InnerPage.DatacenterHolder .pic-Descript{width:300px;} #popup-modal #content img,#popup-modal #content{max-width: 500px; max-height: 400px} #popup-modal #arrow-left:after{background:url(../images/WebPage/SlideArrow2.png) no-repeat;} #popup-modal #arrow-left, #popup-modal #arrow-right{width: 60px; top: 30%} .InnerPage.AgentsHolder .map-container{width: 100%} } @media screen and (max-width:767px) and (min-width: 480px){ .Holder-Header .Header,.HomePage .Holder-Top .Top,.HomePage .Middle,.Holder-NewsLetter .NewsLetter,.Holder-Bottom .Bottom,.Holder-Footer .Footer,.HomePage .Holder-Logos .Customer{ width: 460px; } .MiddlePage.Aboutus .Holder-Billboard .Billboard,.MiddlePage.Solutions .Holder-Billboard .Billboard,.MiddlePage.Contactus .Holder-Billboard .Billboard,.MiddlePage.Support .Holder-Billboard .Billboard{background-size: cover} .HomePage .Main{ width: 460px; background-size:460px 100%; } .HomePage .Main p{font-size: 16px;; } .HomePage .ui-tabs .ui-tabs-nav li{padding: 6px 10px 13px} .Holder-Header .Header .Logo{width: 150px} .Holder-Header .ColR{display: none;} .Holder-Header .Header .Resize{display: block;} .Holder-Header{padding-top: 0; position: static;} .Holder-Header .Header .Resize .HolderSub-Search .Sub-Search{width: 460px; margin: 0 auto} .Holder-Billboard{margin-top: 0} .HomePage #Billboard{height: 315px} .HomePage #Billboard ul.MobileBill{display: block;} .HomePage #Billboard ul.Bill{display: none;} .HomePage .slideshow_item img{height: 315px; width: 460px} .HomePage .Border-Sep{width: 460px;border-top: 2px dotted #999; margin: 20px auto} .HomePage .Top .Col{float: none; width: 453px; height: 240px; background-size: cover; margin: 0 0 9px 0} .HomePage .Top .Col .Title{height: auto; width: 371px; padding: 10px 22px 0 60px; opacity: 0.78; top: 0} .HomePage .Top .Col:hover .Title{height: 230px} .HomePage .Top .Col03 .Title{background:url(../images/WebPage/Certeficate-Ico.png) no-repeat 5px 10px #ff0033;} .HomePage .Top .Col02 .Title{background:url(../images/WebPage/Activity-Ico.png) no-repeat 5px 10px #ff0033;} .HomePage .Top .Col01 .Title{background:url(../images/WebPage/Service-Ico.png) no-repeat 5px 10px #ff0033;} .HomePage .Middle .Col{float: none; width: 454px} .HomePage .Middle .Col img{width: 160px; height: 114px} .Holder-Product .owl-carousel .owl-item div{width: 208px; height: 218px} .HomePage .Holder-Product .Pro, .HomePage .Holder-Product .owl-carousel{width: 422px;} .HomePage .Pro .owl-carousel .Title{width: 201px} .HomePage .owl-carousel .owl-item img{max-height: 100px;max-width: 120px} .HomePage .Holder-Product.ui-tabs .ui-tabs-nav li{padding: 6px 15px 13px 15px} .HomePage .Holder-Logos .Customer img, .HomePage .Holder-Logos .Customer .Ico{width: 87px; height: 83px} .HomePage .Holder-Logos .Brand{width: 460px} .Holder-NewsLetter span{font-size: 18px} .Holder-NewsLetter .TexBo{width: 250px;} .Holder-NewsLetter input[type="text"]{width: 230px; margin-right: 0; padding: 0 10px; height: 30px} .Holder-Header .Header .Resize .HolderSub-Search input[type="submit"]{width: 145px; height: 32px} .Holder-NewsLetter button{display: block;margin: 0 0 0 auto;width: 130px; height: 39px } .Holder-NewsLetter input[placeholder="Email"]{margin: 10px 0} .Holder-Bottom .location{float: none; width: 100%; height: 200px} .Holder-Bottom .Info{width: 390px; float: none; margin: -60px auto 0; padding-bottom: 10px} .Holder-Bottom .Info .Title{font-size: 19px; color: ; text-align: center; color: #ff0033;} .Holder-Bottom .Info .tell{margin: 10px 0} .Holder-Footer .CopyWrite{font-size:12px } .HomePage .Middle .Col .Description{width: 275px} .HomePage .Middle .Col .More{width: 47px;background-position: right -320px;} .MiddlePage .Holder-Main{width: 440px; margin: 30px auto 20px} .MiddlePage .Holder-Main h1{top: -80px; font-size:23px;} .MiddlePage .MiddleBoxList{width: 100%; height: 140px;margin: 0 0 15px 0} .MiddlePage .MiddleBoxList img{width: 100%; height: 140px;} .MiddlePage .MiddleBoxList img.Second{display: block} .MiddlePage .MiddleBoxList img.First{display: none} .MiddlePage .MiddleBoxList .Descript{padding:0 2% 5px; width: 96%} .MiddlePage .MiddleBoxList .Descript h2{font-size:15px;} .MiddlePage .MiddleBoxList:hover .Descript{height: 25px} .MiddlePage .Holder-Billboard .Billboard, .MiddlePage.ProductHolder .slideshow_item img{width: 460px; height: 219px;} .MiddlePage.ProductHolder .Holder-Pro-Li .List:nth-child(n){margin:0 15px 30px 0 } .MiddlePage.ProductHolder .Holder-Pro-Li .List:nth-child(2n){margin-right: 0} .MiddlePage.ProductHolder .List{width: 207px; font-size: 13px} .MiddlePage.ProductHolder .List .Pic{height:170px;} .MiddlePage.ProductHolder .List .Pic:hover img.Def{right: 15px} .MiddlePage.ProductHolder .List .Pic img{max-width:180px ; max-height:150px } .InnerPage .Holder-Main .Main{min-height: 200px; padding: 15px 15px 20px} .InnerPage.ArticleHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Article2-Bill.png'); background-position: left 0} .InnerPage .BigImg{max-width: 350px; max-height: 350px} .InnerPage.FAQHolder .MediumImg{max-width: 200px;} .InnerPage.FAQHolder .SmallImg{max-width: 80px;} .InnerPage.FAQHolder .VerySmallImg{max-width: 700px;} .InnerPage.NewsHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/News2-Bill.png'); } .InnerPage.IntroduceHolder .Holder-Billboard .Billboard{background: url('../images/WebPage/IntroducePorsoo2-Bill.png') no-repeat center bottom} .InnerPage.HistoryHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/History2-Bill.png'); background-position: left 0} .InnerPage.AlbumHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Albume2_en-Bill.png'); background-position: left 0} .InnerPage.CerteficateHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Certeficate2.png'); background-position: left 0} .InnerPage.AgentsHolder .Main img{width: 90%} .InnerPage.AgentsHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Agents2-Bill.png'); background-position: left 0} .InnerPage.DatacenterHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/DataCenter2_en-Bill.png'); background-position: left 0} .InnerPage.ComputerHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Computer2-Bill.png'); background-position: left 0} .InnerPage.TelecommHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Telecommunication2Bill.png'); background-position: left 0} .InnerPage.BankiHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Banki2-Bill.png'); background-position: left 0} .InnerPage.IndustrialHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Industrial2Bill.png'); background-position: left 0} .InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Home2-Bill.png'); background-position: left 0} .InnerPage.PartnerHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/partners2-Bill.png');} .InnerPage.ComplainHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Complaining2Bill_en.png');} .InnerPage.FAQHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/FAQ2-Bill.png');} .InnerPage.ContactHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Contactus2-Bill2.png'); background-position: left top;} .InnerPage.SearchHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Search2-Bill.png'); background-position: left top;} .InnerPage.ContactHolder .Holder-Billboard{background-color: #cfedfe} .InnerPage.FAQHolder .FalqList h3.Question{background-position:right -672px; } .InnerPage .ui-accordion-header-active{background-position:right -642px !important;} .InnerPage .Holder-Main{width: 460px; margin: -65px auto 0} .InnerPage .Holder-Billboard .Billboard{width:480px; height:225px; background-size:100% 100% } .InnerPage.ProDetailHolder .Holder-Billboard{height: 60px} .InnerPage.ProDetailHolder .Holder-Main{margin-top: -50px} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics{width: 420px} .InnerPage.ProDetailHolder .Head-Holder .Pro-Title{background:#ff0033; width: 65%; padding: 25px 2%; border-right: 1% solid #fff} .InnerPage.ProDetailHolder .Head-Holder .Tell{width: 30%; padding: 10px 0;font-size: 14px;} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics,.InnerPage.ProDetailHolder .Main .Pro-Row .Features{float: none; width: 100%} .InnerPage.ProDetailHolder .Specific table tr:hover{background-color: #fff} .InnerPage.ProDetailHolder .lSSlideOuter .lSGallery li{float: none; margin-bottom: 10px} .InnerPage.ProDetailHolder .lSSlideOuter::after{content: ""; clear: both;} .InnerPage.ProDetailHolder .SimilarPro:hover .Description{height: 0} .InnerPage.ProductListHolder .Holder-Main .FilterHolder{width: 430px; margin-bottom: 10px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder select{width: 200px; margin-right:23px } .InnerPage.ProductListHolder .Holder-Main .FilterHolder select:nth-child(2n+1){margin-right: 0} .InnerPage.ProductListHolder .Holder-Main .FilterHolder .Ch{float: left; margin-right: 10px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder form::after{clear: both; content: ""} .InnerPage.ProductListHolder .Holder-Main .Main,.InnerPage.ProductListHolder.ProductList2 .Holder-Main .Main{width: 430px} .InnerPage.ProductListHolder .TotalProduct .List{width: 205px; height: 235px; margin-right: 12px} .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(2n){margin-right: 0} .InnerPage.ProductListHolder .TotalProduct .ls1:nth-child(2n){margin-right: 0} .InnerPage.ProductListHolder .TotalProduct .ls2{margin-right:15px } .InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(5n):not(:nth-child(10n)){margin-right:15px } .InnerPage.ProductListHolder .List .Title{width: 196px} .InnerPage.ProductListHolder .List:hover .Title{height: 25px} .InnerPage.ProductListHolder .List img{max-width: 150px; max-height: 165px} .Main .Navigation{display: none;} .ProDetailHolder .Pro-Pics .lSSlideWrapper{width: 340px; float: left;} .ProDetailHolder .Pro-Pics .lslide > img{max-width: 310px} .ProDetailHolder .lSSlideOuter .lSPager.lSGallery{float: right; width: 50px} .InnerPage.ProDetailHolder .Specific table tr td{font-size:13px;} .InnerPage.ProDetailHolder .Specific table tr th.Bg{font-size: 18px} .InnerPage.ProDetailHolder .Specific table tr td.First{width: 120px} .InnerPage.ProDetailHolder .SimilarPro img{right: 30px} .InnerPage .owl-carousel{width: 410px} h1, .InnerPage .Holder-Main h1{font-size: 18px;color:#f7f7f7 ; text-shadow: 0 0 5px #000;} .InnerPage.ComplainHolder .Holder-Main h1,.InnerPage.FAQHolder .Holder-Main h1,.InnerPage.NewsHolder .Holder-Main h1{color: #000033} h2{font-size: 16px; margin: 15px 0 10px} .InnerPage .Holder-Main .Main .Form .Txt,.InnerPage .Holder-Main .Main .Form .TxtArea,.InnerPage .Holder-Main .Main .Form .CaptchaCode{width: 100%; margin-bottom: 16px} textarea,input[type=text]{width: 90%; padding: 8px 10px} select{width: 96%; background-position:right -106px; padding: 7px 10px} select:focus{background-position:right -141px } .InnerPage .Holder-Main .Main .Form input[type="submit"]{width: 130px; height: 39px; margin-right: 20px} .InnerPage.ContactHolder .Bg-title ul{padding: 2px 0 0 5px} .InnerPage.ContactHolder .Information{width: 100%;} .InnerPage.ContactHolder .QR{display: none;} .InnerPage.ContactHolder iframe{height: 150px} .InnerPage.ContactHolder .Border-Sep,.InnerPage.FAQHolder .Border-Sep{width: 420px;border-top: 2px dotted #999} .InnerPage.PartnerHolder .Partner{margin-bottom: 30px} .InnerPage.PartnerHolder .Partner .Head .Logo{max-width: 90px} .InnerPage.NewsHolder.Details .Main img{max-width: 300px; max-height: 250px} .InnerPage .BigImg{max-width: 80%; max-height: none} .InnerPage.FAQHolder .MediumImg{max-width: 60%; max-height: none} .InnerPage.NewsHolder .Holder-Main .Main .NewsList, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList{width: 100%; min-height: 145px; height: auto; margin: 0; padding: 15px 0} .InnerPage.NewsHolder .Holder-Main .Main .NewsList img, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList img{max-width: 135px; max-height:120px; } .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description{width: 285px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description p, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description p{height: auto; overflow: unset;margin: 0} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .More, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .More{bottom: 0; background-position:right -143px; right: 0} .InnerPage.NewsHolder .Holder-Main .Main .NewsList:hover,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList:hover{box-shadow: none; border-bottom-color: #999;} .InnerPage.AlbumHolder .AlbumeList, .InnerPage.CerteficateHolder .popup{width:210px ; height:140px; margin: 0 8px 8px 0 } .InnerPage.AlbumHolder .AlbumeList img, .InnerPage.CerteficateHolder .popup img{width: 210px; height: 140px} .InnerPage.AlbumHolder .AlbumeList .Title, .InnerPage.CerteficateHolder .popup .Title{width: 200px; padding: 0 5px} .InnerPage.AlbumHolder .AlbumeList:nth-child(3n+1), .InnerPage.CerteficateHolder .popup:nth-child(3n+1){margin-right: 8px} .InnerPage.AlbumHolder .AlbumeList:nth-child(2n+1),.InnerPage.CerteficateHolder .popup:nth-child(2n+1){margin-right: 0} .InnerPage.AlbumHolder .lslide > img{max-width: 400px; max-height:265px} .InnerPage.AlbumHolder .lSSlideWrapper::after,.InnerPage .lightSlider{margin: 0 0 20px 0} .InnerPage.AlbumHolder .lSAction > .lSPrev{left: 0} .InnerPage.AlbumHolder .lSAction > .lSNext{right: 0} .InnerPage.AlbumHolder .lSSlideOuter .lSPager.lSGallery img{height: 65px;} .InnerPage.DatacenterHolder .pic-Descript{width:200px;} #popup-modal #content img,#popup-modal #content{max-width: 350px; max-height: 250px} #popup-modal #arrow-left:after{background:url(../images/WebPage/SlideArrow3.png) no-repeat;} #popup-modal #arrow-left, #popup-modal #arrow-right{width: 45px; top: 22%} video{max-width: 400px} .InnerPage.AgentsHolder .map-container{display: none;} .InnerPage.AgentsHolder .mobaccordion{display: block;} } @media screen and (max-width:479px){ .MiddlePage.Aboutus .Holder-Billboard .Billboard,.MiddlePage.Solutions .Holder-Billboard .Billboard,.MiddlePage.Contactus .Holder-Billboard .Billboard,.MiddlePage.Support .Holder-Billboard .Billboard{background-size: 100%} .Holder-Header{padding-top: 0; position: static;} .Holder-Billboard{margin-top: 0} .HomePage #Billboard{height: 315px} .HomePage #Billboard ul.MobileBill{display: block;} .HomePage #Billboard ul.Bill{display: none;} .HomePage .slideshow_item img{height: 315px; width: 100%; padding: 0} .HomePage .Pro .owl-carousel .Title{width: 95%; padding: 7px 2% 10px 3%} .HomePage .owl-carousel .owl-item img{max-height: 140px; max-width: 155px} .HomePage .Holder-Product.ui-tabs .ui-tabs-nav li{padding: 6px 5% 13px; width: 40%} .HomePage .Holder-Product.ui-tabs .ui-tabs-nav li:nth-child(3){display: none;} .HomePage .Holder-Logos .Customer img, .HomePage .Holder-Logos .Customer .Ico{width: 87px; height: 83px} .Holder-NewsLetter input[placeholder="Email"]{margin: 10px 0} .Holder-Bottom .location{float: none; width: 100%; height: 170px} .Holder-Bottom .Info .tell{margin: 10px 0} .HomePage .Middle .Col .More{width: 48px; background-position:right -321px} .MiddlePage .MiddleBoxList img.Second{display: block} .MiddlePage .MiddleBoxList img.First{display: none} .MiddlePage .MiddleBoxList .Descript{padding:0 2% 5px; width: 96%} .MiddlePage .MiddleBoxList .Descript h2{font-size:15px;} .MiddlePage .MiddleBoxList:hover .Descript{height: 25px} .MiddlePage.ProductHolder .List .SubPro{padding: 0 3px} .MiddlePage.ProductHolder .List .SubPro li{padding-left: 7px} .InnerPage.HistoryHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/History2-Bill.png'); background-position: left 0} .InnerPage.AlbumHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Albume2_en-Bill.png'); background-position: left 0} .InnerPage.CerteficateHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Certeficate2.png'); background-position: left bottom} .InnerPage.AgentsHolder .Main img{width: 90%} .InnerPage.AgentsHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Agents2-Bill.png'); background-position: left 0} .InnerPage.DatacenterHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/DataCenter2_en-Bill.png'); background-position: left 0} .InnerPage.ComputerHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Computer2-Bill.png'); background-position: left 0} .InnerPage.TelecommHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Telecommunication2Bill.png'); background-position: left 0} .InnerPage.BankiHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Banki2-Bill.png'); background-position: left 0} .InnerPage.IndustrialHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Industrial2Bill.png'); background-position: left 0} .InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/Home2-Bill.png'); background-position: left 0} .InnerPage.PartnerHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/partners2-Bill.png');} .InnerPage.ComplainHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Complaining2Bill_en.png');} .InnerPage.FAQHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/FAQ2-Bill.png');} .InnerPage.ContactHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Contactus2-Bill2.png'); background-position: left center;} .InnerPage.SearchHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Search2-Bill.png'); background-position: left top;} .InnerPage.ContactHolder .Holder-Billboard{background-color: #b1dff8} .InnerPage.FAQHolder .FalqList h3.Question{background-position:right -672px } .InnerPage .ui-accordion-header-active{background-position:right -642px !imporatnt } .InnerPage.ProDetailHolder .Holder-Billboard{height: 60px} .InnerPage.ProDetailHolder .Holder-Main{margin-top: -50px} .InnerPage.ProDetailHolder .Main .Pro-Row .Pro-Pics{width: 100%; float: none;} .InnerPage.ProDetailHolder .Head-Holder .Tell{width: 30%; padding: 10px 0;} .InnerPage.ProDetailHolder .lSSlideOuter .lSGallery li{float: none; margin-bottom: 10px} .InnerPage.ProDetailHolder .lSSlideOuter::after{content: ""; clear: both;} .InnerPage.ProDetailHolder .Specific table tr:hover{background-color: #fff} .InnerPage.ProductListHolder .Holder-Main .FilterHolder form::after{clear: both; content: ""} .ProDetailHolder .lSSlideOuter .lSPager.lSGallery{float: right; width: 50px} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery img{max-height: 70%} h1, .InnerPage .Holder-Main h1{font-size: 18px; font-weight: normal; color:#f7f7f7 ; text-shadow: 0 0 5px #000} .InnerPage.ComplainHolder .Holder-Main h1,.InnerPage.FAQHolder .Holder-Main h1,.InnerPage.NewsHolder .Holder-Main h1{color: #000033} .MiddlePage .Holder-Main h1{top: -75px; font-size:19px;} h2{font-size: 17px; margin: 5px 0} textarea,input[type=text]{width: 85%; padding:7px } select{width: 91%; padding:6px;background-position: right -106px } select:focus{background-position: right -141px;} .InnerPage .Holder-Main .Main .Form .Txt,.InnerPage .Holder-Main .Main .Form .TxtArea,.InnerPage .Holder-Main .Main .Form .CaptchaCode{width: 100%; margin-bottom: 16px} .HomePage .Border-Sep,.InnerPage.ContactHolder .Border-Sep,.InnerPage.FAQHolder .Border-Sep{width: 100%} .Holder-Header .Header,.HomePage .Holder-Top .Top,.HomePage .Middle,.Holder-Bottom .Bottom,.Holder-Footer .Footer{ width: 94%; padding: 0 3% } .Holder-Header .ColR{display: none;} .Holder-Header .Header .Logo{width: 150px} .Holder-Header .Header .Resize{display: block;} .Holder-Header .Header .Resize .HolderSub-Search .Sub-Search{width: 94%; margin: 0 auto} .Holder-Header .Header .Resize .HolderSub-Search input[type="text"]{width: 75%; margin-right: 2%} .Holder-Header .Header .Resize .HolderSub-Search input[type="submit"]{width: 20%; height: 28px} .Holder-NewsLetter .NewsLetter{width: 250px} .HomePage .Holder-Logos .Brand,.HomePage .Holder-Logos .Customer{width: 300px} .Holder-NewsLetter span{display: block; margin-bottom: 15px; text-align: center; font-size: 19px} .Holder-NewsLetter input[type="text"]{width: 95%; margin-right: 0; padding: 0 2% 0 3%; height: 30px} .Holder-NewsLetter button{display: block;margin: 0 auto; height: 30px; width: 120px} .Holder-NewsLetter .TexBo{width: 100%; float: none;} .HomePage .Main{width: 94%; background-size: cover; padding:1px 3% 25px } .HomePage .Main p{font-size: 16px;} .Holder-Header .Header .Resize .Sub-Menu ul li a{width: 85%} .HomePage h2{margin: 15px 0 5px} .HomePage .Top .Col{width: 100%;float: none; height: 240px; background-size: cover; margin: 0 0 9px 0} .HomePage .Top .Col .Title{width: 78%; padding: 10px 5% 0 17%;height: auto; opacity: 0.78; top: 0} .HomePage .Top .Col:hover .Title{height: auto;} .HomePage .Top .Col01 .Title{ background-position: 2% 7px;} .HomePage .Top .Col02 .Title{ background-position:2% 10px;} .HomePage .Top .Col03 .Title{ background-position:2% 10px;} .HomePage .Middle .Col{width: 100%; float: none;} .HomePage .Middle .Col img{max-width:250px; display:block; margin:0 auto; float:none; height:auto; width:auto; max-height:200px} .HomePage .Middle .Col .Description{width: 100%; float: none;} .HomePage .Middle .Col .Title{margin: 5px 0} .HomePage .ui-tabs .ui-tabs-nav li{padding: 5px 4px 10px} .HomePage .Holder-Logos .Brand .Ico, .HomePage .Holder-Logos .Brand .Ico img{max-width: 140px; max-height: 40px} .HomePage .Holder-Product .Pro, .HomePage .Holder-Product .owl-carousel{width: 210px} .Holder-Product .owl-carousel .owl-item div{width: 208px; height: 218px} .HomePage .Holder-Product .ui-tabs-nav{width: 94%} .Holder-Bottom .Bottom{width: 100%; padding: 0} .Holder-Bottom .Info{width: 94%; margin:0 auto; float: none;padding:0 0 10px 0} .Holder-Footer .CopyWrite{text-align: center; float: none; padding: 10px 0; font-size: 12px;} .Holder-Footer .Iso{float: none; margin: 0 auto; display: block;max-width: 60px} .Holder-Bottom .Info .Title{font-size: 17px;text-align: center; margin: 0 0 5px 0} .MiddlePage .Holder-Main{width: 95%; margin: 30px auto 20px} .MiddlePage.ProductHolder .Holder-Main{width: 65%} .MiddlePage .Holder-Billboard .Billboard, .MiddlePage.ProductHolder .slideshow_item img{width: 100%; height: 160px} .MiddlePage.ProductHolder .List{width: 100%;margin: 0 0 30px 0} .MiddlePage.ProductHolder .List .Pic{height:160px;} .MiddlePage.ProductHolder .List .Pic:hover img.Def{right: 15px} .MiddlePage.ProductHolder .List .Pic img{top:8px; right: 15px; max-height: 145px} .MiddlePage .MiddleBoxList{width:100%;height: 100px; margin: 0 0 20px 0} .MiddlePage .MiddleBoxList img{width:100%;height: 100px} .InnerPage.IntroduceHolder .Holder-Billboard .Billboard{background-image: url('../images/WebPage/IntroducePorsoo2-Bill.png'); background-size: 100% 100%} .InnerPage .Holder-Main{width: 94%; margin: -65px auto 0} .InnerPage .Holder-Billboard .Billboard{width:100%; height:170px; background-size:100% 100% } .InnerPage .Holder-Main .Main{padding: 10px 4% 20px; min-height: 200px} .ProDetailHolder .Pro-Pics .lSSlideWrapper{width: 80%; float: left;} .ProDetailHolder .Pro-Pics .lSSlideWrapper,.ProDetailHolder .lSSlideWrapper .lSFade{height: 180px} .ProDetailHolder .Pro-Pics .lSSlideOuter .lSPager.lSGallery li a{height: 50px} .ProDetailHolder .Pro-Pics .lslide > img{max-height: 140px; max-width: 70%} .ProDetailHolder .lSSlideWrapper .lSFade > *{bottom: 20px} .InnerPage.ProDetailHolder .Head-Holder .Pro-Title{ border-right:1px solid #fff; background:#ff0033; width: 65%; padding: 10px 2%; } .InnerPage.ProDetailHolder .Head-Holder .Tell span{display: none} .InnerPage.ProDetailHolder .Main .Pro-Row .Features{width: auto; float: none;} .InnerPage.ProDetailHolder .Main .Pro-Row .Attachment{width: 120px} .InnerPage.ProDetailHolder .Specific table tr td{font-size: 13px} .InnerPage.ProDetailHolder .Specific table tr th.Bg{font-size: 15px} .InnerPage.ProDetailHolder .Specific table tr td.First{width: 100px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder{width: 94%; padding: 0 3% 10px;margin-bottom: 10px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder select{width: 46%; margin:0 5% 5px 0; padding: 3px} .InnerPage.ProductListHolder .Holder-Main .FilterHolder select:nth-child(2n+1){margin-right: 0} .InnerPage.ProductListHolder .Holder-Main .FilterHolder .Ch{float: none;} .InnerPage.ProductListHolder .Holder-Main .Main,.InnerPage.ProductListHolder.ProductList2 .Holder-Main .Main{width: 94%; padding: 10px 3% 20px} .InnerPage.ProductListHolder .TotalProduct .List{width: 47%; height: 160px; margin-right:4% } .InnerPage.ProductListHolder .List .Title{width: 98%; padding: 3px 0 3px 2%; font-size: 12px; height: auto;} .InnerPage.ProductListHolder .List:hover .Title{height: auto;} .InnerPage.ProductListHolder .List .Title ul{display: none;} .InnerPage.ProductListHolder .List img{max-width: 65%; max-height: 110px; right: 20%; bottom: 45px} .InnerPage.ProductListHolder .TotalProduct .List:nth-child(3n),.InnerPage.ProductListHolder .TotalProduct .ls2:nth-child(5n){margin-right:4% } .InnerPage.ProductListHolder .TotalProduct .List:nth-child(2n){margin-right: 0} .InnerPage .owl-carousel{width: 100%} .InnerPage.ProDetailHolder .SimilarPro{height: 160px} .InnerPage.ProDetailHolder .SimilarPro img{max-width: 80%; max-height:115px ; bottom: 40px; right: 10%} .InnerPage.ProDetailHolder .SimilarPro .Title{padding: 5px 3%; font-size: 13px} .InnerPage.ProDetailHolder .SimilarPro:hover .Description{height: 0} .ProDetailHolder .lSAction > a{display: none;} .Main .Navigation{display: none;} .InnerPage .Holder-Main .Main .Form input[type="submit"]{width: 120px; height: 30px;margin-right: 20px} .InnerPage.ContactHolder .Bg-title ul{padding: 2px 0 0 5px} .InnerPage.ContactHolder .Information{width: 100%;} .InnerPage.ContactHolder .QR{display: none;} .InnerPage.ContactHolder iframe{height: 150px} .InnerPage.ContactHolder .Holder-Main .ui-tabs .ui-tabs-nav li{padding: 2px 20px 10px 10px} .InnerPage.PartnerHolder .Partner{margin-bottom: 20px} .InnerPage.PartnerHolder .Partner .Head .Logo{display: none;} .InnerPage.PartnerHolder .Partner .Head h2{margin:10px 0 } .InnerPage.NewsHolder.Details .Main img{max-width: 90%; max-height: auto; height:auto} .InnerPage .BigImg{max-width: 100%;max-height: none} .InnerPage.FAQHolder .MediumImg{max-width: 90%;max-height: none} .InnerPage.FAQHolder .SmallImg{max-width: 50%;} .InnerPage.FAQHolder table .SmallImg{max-width: 100%;} .InnerPage.FAQHolder .VerySmallImg{max-width: 50px;} .InnerPage.AlbumHolder .AlbumeList, .InnerPage.CerteficateHolder .popup{width: 280px; height: 190px; float: none;display: block; margin:0 auto 7px } .InnerPage.AlbumHolder .AlbumeList img, .InnerPage.CerteficateHolder .popup img{width: 280px; height: 190px} .InnerPage.AlbumHolder .AlbumeList .Title, .InnerPage.CerteficateHolder .popup .Title{width:270px ; padding:2px 5px } .InnerPage.AlbumHolder .AlbumeList:nth-child(3n+1),.InnerPage.CerteficateHolder .popup:nth-child(3n+1){margin: 0 auto 7px} .InnerPage.AlbumHolder .lslide > img{max-width: 280px; max-height:200px} .InnerPage.AlbumHolder .lightSlider{margin: 0 0 20px 0} .InnerPage.AlbumHolder .lSSlideWrapper::after{margin-bottom: 30px} .InnerPage.AlbumHolder .lSAction > a{top: 40%; opacity: 1} .InnerPage.AlbumHolder .lSAction > .lSPrev{left: 0} .InnerPage.AlbumHolder .lSAction > .lSNext{right: 0} .InnerPage.AlbumHolder .lSSlideOuter .lSPager.lSGallery img{height: 45px} .InnerPage.ArticleHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/Article2-Bill.png'); background-position: right 0} .InnerPage.NewsHolder .Holder-Billboard .Billboard{background-image:url('../images/WebPage/News2-Bill.png');} .InnerPage.NewsHolder .Holder-Billboard{background-color: #eaf1f7} .InnerPage.NewsHolder .Holder-Main .Main .NewsList, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList{width: 100%; height: auto; margin: 5px 0; padding: 10px 0 24px} .InnerPage.NewsHolder .Holder-Main .Main .NewsList img, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList img{max-width: 100%; max-height:120px; } .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description{width: 100%} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .Description p, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .Description p{margin: 0; height: auto; overflow: unset;} .InnerPage.NewsHolder .Holder-Main .Main .NewsList .More, .InnerPage.ArticleHolder .Holder-Main .Main .ArticleList .More{bottom: 0; background-position:right -142; right: 0} .InnerPage.NewsHolder .Holder-Main .Main .NewsList:hover,.InnerPage.ArticleHolder .Holder-Main .Main .ArticleList:hover{box-shadow: none; border-bottom-color: #999;} .InnerPage.DatacenterHolder .pic-Descript{width:70%;} #popup-modal #content img,#popup-modal #content{width: 85%; max-height: 350px; padding: 0;} #popup-modal #arrow-left:after{background:url(../images/WebPage/SlideArrow3.png) no-repeat;} #popup-modal #arrow-left, #popup-modal #arrow-right{width: 45px; top: 27%} video{max-width: 90%} .InnerPage.AgentsHolder .map-container{display: none;} .InnerPage.AgentsHolder .mobaccordion{display: block;} } @media screen and (max-width:319px){ .Holder-Header .Header .Logo{width: 50%} .Holder-Header .Header .Resize .Menu{margin-left: 7px} .HomePage .Top .Col{height: 175px} .HomePage .Top .Col:hover .Title{height: 165px} .HomePage .Holder-Logos .Brand, .HomePage .Holder-Logos .Customer,.HomePage .Holder-NewsLetter .NewsLetter{width: 94%;} .HomePage .Holder-Logos .Brand .Ico, .HomePage .Holder-Logos .Brand .Ico img{width: 90%} .HomePage .Holder-NewsLetter button{width: 45%} .HomePage .Top .Col .Title{background-size: 12%} .HomePage .Top .Col .Title p{margin: 0; line-height: 23px} .HomePage .Top .Col .Title .More{margin: -10px 0 0 auto} .HomePage .Holder-Product.ui-tabs .ui-tabs-nav li{padding: 6px 2% 13px; width: 46%} .MiddlePage.Aboutus .Holder-Billboard .Billboard,.MiddlePage.Solutions .Holder-Billboard .Billboard,.MiddlePage.Contactus .Holder-Billboard .Billboard, .MiddlePage.Support .Holder-Billboard .Billboard,.InnerPage.IntroduceHolder .Holder-Billboard .Billboard,.InnerPage.HistoryHolder .Holder-Billboard .Billboard, .InnerPage.AlbumHolder .Holder-Billboard .Billboard, .InnerPage.AgentsHolder .Holder-Billboard .Billboard,.InnerPage.TelecommHolder .Holder-Billboard .Billboard, .InnerPage.BankiHolder .Holder-Billboard .Billboard,.InnerPage.IndustrialHolder .Holder-Billboard .Billboard,.InnerPage.AdministrativeHolder .Holder-Billboard .Billboard{background-size: cover} .InnerPage.ArticleHolder .Holder-Billboard .Billboard{background-size: 100% 86%} .InnerPage.CerteficateHolder .Holder-Billboard .Billboard{background-position:right top } .ProDetailHolder .Pro-Pics .lSSlideWrapper{width: 75%} .MiddlePage.ProductHolder .Holder-Main{width: 90%} .InnerPage.ProductListHolder .TotalProduct .List{width: 100%; margin:0 0 15px 0 } .InnerPage.AlbumHolder .AlbumeList, .InnerPage.CerteficateHolder .popup{width: 100%; } .InnerPage.AlbumHolder .AlbumeList img, .InnerPage.CerteficateHolder .popup img{width: 100%;} .InnerPage.AlbumHolder .AlbumeList .Title, .InnerPage.CerteficateHolder .popup .Title{width:96%; padding:2px 2% } .InnerPage.AlbumHolder .lSSlideOuter .lSAction{display: none;} .InnerPage.AlbumHolder .lightSlider{margin-bottom: 10px} .InnerPage.AlbumHolder .lSSlideWrapper::after {margin-bottom: 20px} .InnerPage.ContactHolder .Holder-Main .ui-tabs .ui-tabs-nav li{padding: 2px 8px 10px} .Holder-NewsLetter .NewsLetter{width: 90%; padding:0 3% } }