.sidebarmain.ec-colorswitcher{left:0}.ec-colorswitcher{padding:0;width:260px;background:#fcfcfc;z-index:99999999999;position:fixed;left:-260px;top:25%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ec-handle{position:absolute;right:-40px;top:0;background-color:#fff;width:40px;height:40px;color:#333;text-align:center;border:1px solid #e9e9e9;font-size:20px}.ec-handle i{line-height:38px}.ec-colorswitcher h3{padding:10px 0 10px 20px;font-size:18px;background-color:#fff;margin:0;border-top:1px solid #e9e9e9}.ec-colorswitcher h6{color:#777}.ec-switcherarea{padding:15px 20px 20px 15px;float:left;width:100%}.ec-switcherarea ul.ec-switcher{margin-left:-2px}.ec-switcherarea .ec-switcher li{float:left;list-style:none;padding-left:5px;margin-bottom:5px;text-align:center;width:20%}.ec-switcherarea .ec-switcher li a{float:left;width:100%;height:20px}.layout-btn{margin-left:-7px}.layout-btn a{float:left;width:50%;padding:0 0 0 7px;margin-bottom:15px}.layout-btn a span{background-color:#f05a66;color:#fff;float:left;padding:10px;text-align:center;transition:all .4s ease-in-out 0s;width:100%}.layout-btn a span:hover{opacity:.7}.ec-background,.ec-pattren{float:left;width:100%;padding:14px 0 0 0}.ec-background a,.ec-pattren a{float:left;width:20%;padding:0 0 5px 5px;height:45px}.ec-background a img,.ec-pattren a img{box-shadow:0 0 0 1px #ddd;width:100%}.ec-background a img{height:100%}.background-wrap,.pattren-wrap{margin-left:-5px}.cs-color-1{background:#0b96be}.cs-color-2{background:#41c3ac}.cs-color-3{background:#af4d32}.cs-color-4{background:#1abc9c}.cs-color-5{background:#f05a66}.cs-color-6{background:#9b59b6}.cs-color-7{background:#34495e}.cs-color-8{background:#e67e22}.cs-color-9{background:#c0392b}.cs-color-10{background:#336e7b}