diff --git a/docs/css/doc.css b/docs/css/doc.css index b43daf0c087bbbbf9f0c0442c05ec0e0f23c54d7..cc9fb985fe12a46624493132413a8fa6c18dc7a1 100644 --- a/docs/css/doc.css +++ b/docs/css/doc.css @@ -1,8 +1,8 @@ /*! - * ZUI: Document - v1.9.2 - 2020-07-09 + * ZUI: Document - v1.9.2 - 2021-03-18 * http://openzui.com * GitHub: https://github.com/easysoft/zui.git - * Copyright (c) 2020 cnezsoft.com; Licensed MIT + * Copyright (c) 2021 cnezsoft.com; Licensed MIT */ .colorset { @@ -2426,11 +2426,7 @@ body { opacity: .65; } #navDownloadLink { - filter: alpha(opacity=0); - opacity: 0; - -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); - -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1); - transition: opacity .2s cubic-bezier(.175, .885, .32, 1); + visibility: hidden; } #navbar { padding: 20px 0; @@ -2487,8 +2483,7 @@ body { } #navbar .navbar-collapse.in #navDownloadLink, #navbar .navbar-collapse.collapsing #navDownloadLink { - filter: alpha(opacity=100); - opacity: 1; + visibility: visible; } #navbar .navbar-collapse.in:before, #navbar .navbar-collapse.collapsing:before { @@ -4538,8 +4533,7 @@ body.compact-mode.compact-mode-in #navbar .navbar-collapse.collapsing .navbar-na display: inline; } body.compact-mode.compact-mode-in #navDownloadLink { - filter: alpha(opacity=100); - opacity: 1; + visibility: visible; } body.compact-mode.compact-mode-in #compactTogger { top: 1px; diff --git a/docs/css/doc.min.css b/docs/css/doc.min.css index e4a5661b67edfdcbded66cc176a91f678fcaea5e..db84cd8b681aa38185c505868f042e46e8721cc2 100644 --- a/docs/css/doc.min.css +++ b/docs/css/doc.min.css @@ -1,6 +1,6 @@ /*! - * ZUI: Document - v1.9.2 - 2020-07-09 + * ZUI: Document - v1.9.2 - 2021-03-18 * http://openzui.com * GitHub: https://github.com/easysoft/zui.git - * Copyright (c) 2020 cnezsoft.com; Licensed MIT - */.colorset{padding-top:20px;padding-bottom:10px;border-bottom:1px dashed #e6e6e6}.colorset:after,.colorset:before{display:table;content:" "}.colorset:after{clear:both}.color-tile{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;border:1px solid rgba(0,0,0,.5)}.color-tile:after,.color-tile:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.color-tile:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.color-tile:hover:after,.color-tile:hover:before{opacity:1}.colorset .color-primary{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#3280fc;border:1px solid rgba(0,0,0,.5);border-color:#0462f7}.colorset .color-primary:after,.colorset .color-primary:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-primary:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-primary:hover:after,.colorset .color-primary:hover:before{opacity:1}.colorset .color-primary:after,.colorset .color-primary:before{color:#fff}.colorset .color-primary:after{content:"#3280fc"}.colorset .color-primary:before{content:"color-primary"}.colorset .color-primary:hover:before{content:"217,97%,59%"}.colorset .color-secondary{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#145ccd;border:1px solid rgba(0,0,0,.5);border-color:#10479f}.colorset .color-secondary:after,.colorset .color-secondary:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-secondary:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-secondary:hover:after,.colorset .color-secondary:hover:before{opacity:1}.colorset .color-secondary:after,.colorset .color-secondary:before{color:#fff}.colorset .color-secondary:after{content:"#145ccd"}.colorset .color-secondary:before{content:"color-secondary"}.colorset .color-secondary:hover:before{content:"217,82%,44%"}.colorset .color-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ebf2f9;border:1px solid rgba(0,0,0,.5);border-color:#c4d8ed}.colorset .color-pale:after,.colorset .color-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-pale:hover:after,.colorset .color-pale:hover:before{opacity:1}.colorset .color-pale:after,.colorset .color-pale:before{color:#353535}.colorset .color-pale:after{content:"#ebf2f9"}.colorset .color-pale:before{content:"color-pale"}.colorset .color-pale:hover:before{content:"210,54%,95%"}.colorset .color-fore{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#353535;border:1px solid rgba(0,0,0,.5);border-color:#1c1c1c}.colorset .color-fore:after,.colorset .color-fore:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-fore:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-fore:hover:after,.colorset .color-fore:hover:before{opacity:1}.colorset .color-fore:after,.colorset .color-fore:before{color:#fff}.colorset .color-fore:after{content:"#353535"}.colorset .color-fore:before{content:"color-fore"}.colorset .color-fore:hover:before{content:"0,0%,21%"}.colorset .color-back{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-back:after,.colorset .color-back:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-back:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-back:hover:after,.colorset .color-back:hover:before{opacity:1}.colorset .color-back:after,.colorset .color-back:before{color:#353535}.colorset .color-back:after{content:"#fff"}.colorset .color-back:before{content:"color-back"}.colorset .color-back:hover:before{content:"0,0%,100%"}.colorset .color-gray-darker{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#222;border:1px solid rgba(0,0,0,.5);border-color:#090909}.colorset .color-gray-darker:after,.colorset .color-gray-darker:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-darker:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-darker:hover:after,.colorset .color-gray-darker:hover:before{opacity:1}.colorset .color-gray-darker:after,.colorset .color-gray-darker:before{color:#fff}.colorset .color-gray-darker:after{content:"#222222"}.colorset .color-gray-darker:before{content:"color-gray-darker"}.colorset .color-gray-darker:hover:before{content:"0,0%,14%"}.colorset .color-gray-dark{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#333;border:1px solid rgba(0,0,0,.5);border-color:#1a1a1a}.colorset .color-gray-dark:after,.colorset .color-gray-dark:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-dark:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-dark:hover:after,.colorset .color-gray-dark:hover:before{opacity:1}.colorset .color-gray-dark:after,.colorset .color-gray-dark:before{color:#fff}.colorset .color-gray-dark:after{content:"#333333"}.colorset .color-gray-dark:before{content:"color-gray-dark"}.colorset .color-gray-dark:hover:before{content:"0,0%,20%"}.colorset .color-gray{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:grey;border:1px solid rgba(0,0,0,.5);border-color:#666}.colorset .color-gray:after,.colorset .color-gray:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray:hover:after,.colorset .color-gray:hover:before{opacity:1}.colorset .color-gray:after,.colorset .color-gray:before{color:#fff}.colorset .color-gray:after{content:"#808080"}.colorset .color-gray:before{content:"color-gray"}.colorset .color-gray:hover:before{content:"0,0%,50%"}.colorset .color-gray-light{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddd;border:1px solid rgba(0,0,0,.5);border-color:#c4c4c4}.colorset .color-gray-light:after,.colorset .color-gray-light:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-light:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-light:hover:after,.colorset .color-gray-light:hover:before{opacity:1}.colorset .color-gray-light:after,.colorset .color-gray-light:before{color:#353535}.colorset .color-gray-light:after{content:"#dddddd"}.colorset .color-gray-light:before{content:"color-gray-light"}.colorset .color-gray-light:hover:before{content:"0,0%,87%"}.colorset .color-gray-lighter{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#e5e5e5;border:1px solid rgba(0,0,0,.5);border-color:#cbcbcb}.colorset .color-gray-lighter:after,.colorset .color-gray-lighter:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-lighter:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-lighter:hover:after,.colorset .color-gray-lighter:hover:before{opacity:1}.colorset .color-gray-lighter:after,.colorset .color-gray-lighter:before{color:#353535}.colorset .color-gray-lighter:after{content:"#e5e5e5"}.colorset .color-gray-lighter:before{content:"color-gray-lighter"}.colorset .color-gray-lighter:hover:before{content:"0,0%,90%"}.colorset .color-gray-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1f1f1;border:1px solid rgba(0,0,0,.5);border-color:#d7d7d7}.colorset .color-gray-pale:after,.colorset .color-gray-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-pale:hover:after,.colorset .color-gray-pale:hover:before{opacity:1}.colorset .color-gray-pale:after,.colorset .color-gray-pale:before{color:#353535}.colorset .color-gray-pale:after{content:"#f1f1f1"}.colorset .color-gray-pale:before{content:"color-gray-pale"}.colorset .color-gray-pale:hover:before{content:"0,0%,95%"}.colorset .color-white{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-white:after,.colorset .color-white:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-white:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-white:hover:after,.colorset .color-white:hover:before{opacity:1}.colorset .color-white:after,.colorset .color-white:before{color:#353535}.colorset .color-white:after{content:"#fff"}.colorset .color-white:before{content:"color-white"}.colorset .color-white:hover:before{content:"0,0%,100%"}.colorset .color-black{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#000;border:1px solid rgba(0,0,0,.5);border-color:#000}.colorset .color-black:after,.colorset .color-black:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-black:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-black:hover:after,.colorset .color-black:hover:before{opacity:1}.colorset .color-black:after,.colorset .color-black:before{color:#fff}.colorset .color-black:after{content:"#000"}.colorset .color-black:before{content:"color-black"}.colorset .color-black:hover:before{content:"0,0%,0%"}.colorset .color-red{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ea644a;border:1px solid rgba(0,0,0,.5);border-color:#e53d1c}.colorset .color-red:after,.colorset .color-red:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-red:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-red:hover:after,.colorset .color-red:hover:before{opacity:1}.colorset .color-red:after,.colorset .color-red:before{color:#fff}.colorset .color-red:after{content:"#ea644a"}.colorset .color-red:before{content:"color-red"}.colorset .color-red:hover:before{content:"10,79%,60%"}.colorset .color-yellow{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1a325;border:1px solid rgba(0,0,0,.5);border-color:#d5890e}.colorset .color-yellow:after,.colorset .color-yellow:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-yellow:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-yellow:hover:after,.colorset .color-yellow:hover:before{opacity:1}.colorset .color-yellow:after,.colorset .color-yellow:before{color:#fff}.colorset .color-yellow:after{content:"#f1a325"}.colorset .color-yellow:before{content:"color-yellow"}.colorset .color-yellow:hover:before{content:"37,88%,55%"}.colorset .color-green{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#38b03f;border:1px solid rgba(0,0,0,.5);border-color:#2c8931}.colorset .color-green:after,.colorset .color-green:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-green:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-green:hover:after,.colorset .color-green:hover:before{opacity:1}.colorset .color-green:after,.colorset .color-green:before{color:#fff}.colorset .color-green:after{content:"#38b03f"}.colorset .color-green:before{content:"color-green"}.colorset .color-green:hover:before{content:"124,52%,45%"}.colorset .color-blue{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#03b8cf;border:1px solid rgba(0,0,0,.5);border-color:#028b9d}.colorset .color-blue:after,.colorset .color-blue:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-blue:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-blue:hover:after,.colorset .color-blue:hover:before{opacity:1}.colorset .color-blue:after,.colorset .color-blue:before{color:#fff}.colorset .color-blue:after{content:"#03b8cf"}.colorset .color-blue:before{content:"color-blue"}.colorset .color-blue:hover:before{content:"187,97%,41%"}.colorset .color-brown{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#bd7b46;border:1px solid rgba(0,0,0,.5);border-color:#996337}.colorset .color-brown:after,.colorset .color-brown:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-brown:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-brown:hover:after,.colorset .color-brown:hover:before{opacity:1}.colorset .color-brown:after,.colorset .color-brown:before{color:#fff}.colorset .color-brown:after{content:"#bd7b46"}.colorset .color-brown:before{content:"color-brown"}.colorset .color-brown:hover:before{content:"27,47%,51%"}.colorset .color-purple{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#8666b8;border:1px solid rgba(0,0,0,.5);border-color:#6c4aa1}.colorset .color-purple:after,.colorset .color-purple:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-purple:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-purple:hover:after,.colorset .color-purple:hover:before{opacity:1}.colorset .color-purple:after,.colorset .color-purple:before{color:#fff}.colorset .color-purple:after{content:"#8666b8"}.colorset .color-purple:before{content:"color-purple"}.colorset .color-purple:hover:before{content:"263,37%,56%"}.colorset .color-light{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-light:after,.colorset .color-light:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-light:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-light:hover:after,.colorset .color-light:hover:before{opacity:1}.colorset .color-light:after,.colorset .color-light:before{color:#353535}.colorset .color-light:after{content:"#fff"}.colorset .color-light:before{content:"color-light"}.colorset .color-light:hover:before{content:"0,0%,100%"}.colorset .color-dark{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#353535;border:1px solid rgba(0,0,0,.5);border-color:#1c1c1c}.colorset .color-dark:after,.colorset .color-dark:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-dark:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-dark:hover:after,.colorset .color-dark:hover:before{opacity:1}.colorset .color-dark:after,.colorset .color-dark:before{color:#fff}.colorset .color-dark:after{content:"#353535"}.colorset .color-dark:before{content:"color-dark"}.colorset .color-dark:hover:before{content:"0,0%,21%"}.colorset .color-success{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#38b03f;border:1px solid rgba(0,0,0,.5);border-color:#2c8931}.colorset .color-success:after,.colorset .color-success:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-success:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-success:hover:after,.colorset .color-success:hover:before{opacity:1}.colorset .color-success:after,.colorset .color-success:before{color:#fff}.colorset .color-success:after{content:"#38b03f"}.colorset .color-success:before{content:"color-success"}.colorset .color-success:hover:before{content:"124,52%,45%"}.colorset .color-warning{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1a325;border:1px solid rgba(0,0,0,.5);border-color:#d5890e}.colorset .color-warning:after,.colorset .color-warning:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-warning:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-warning:hover:after,.colorset .color-warning:hover:before{opacity:1}.colorset .color-warning:after,.colorset .color-warning:before{color:#fff}.colorset .color-warning:after{content:"#f1a325"}.colorset .color-warning:before{content:"color-warning"}.colorset .color-warning:hover:before{content:"37,88%,55%"}.colorset .color-danger{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ea644a;border:1px solid rgba(0,0,0,.5);border-color:#e53d1c}.colorset .color-danger:after,.colorset .color-danger:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-danger:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-danger:hover:after,.colorset .color-danger:hover:before{opacity:1}.colorset .color-danger:after,.colorset .color-danger:before{color:#fff}.colorset .color-danger:after{content:"#ea644a"}.colorset .color-danger:before{content:"color-danger"}.colorset .color-danger:hover:before{content:"10,79%,60%"}.colorset .color-info{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#03b8cf;border:1px solid rgba(0,0,0,.5);border-color:#028b9d}.colorset .color-info:after,.colorset .color-info:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-info:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-info:hover:after,.colorset .color-info:hover:before{opacity:1}.colorset .color-info:after,.colorset .color-info:before{color:#fff}.colorset .color-info:after{content:"#03b8cf"}.colorset .color-info:before{content:"color-info"}.colorset .color-info:hover:before{content:"187,97%,41%"}.colorset .color-important{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#bd7b46;border:1px solid rgba(0,0,0,.5);border-color:#996337}.colorset .color-important:after,.colorset .color-important:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-important:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-important:hover:after,.colorset .color-important:hover:before{opacity:1}.colorset .color-important:after,.colorset .color-important:before{color:#fff}.colorset .color-important:after{content:"#bd7b46"}.colorset .color-important:before{content:"color-important"}.colorset .color-important:hover:before{content:"27,47%,51%"}.colorset .color-special{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#8666b8;border:1px solid rgba(0,0,0,.5);border-color:#6c4aa1}.colorset .color-special:after,.colorset .color-special:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-special:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-special:hover:after,.colorset .color-special:hover:before{opacity:1}.colorset .color-special:after,.colorset .color-special:before{color:#fff}.colorset .color-special:after{content:"#8666b8"}.colorset .color-special:before{content:"color-special"}.colorset .color-special:hover:before{content:"263,37%,56%"}.colorset .color-success-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddf4df;border:1px solid rgba(0,0,0,.5);border-color:#b6e8bb}.colorset .color-success-pale:after,.colorset .color-success-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-success-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-success-pale:hover:after,.colorset .color-success-pale:hover:before{opacity:1}.colorset .color-success-pale:after,.colorset .color-success-pale:before{color:#353535}.colorset .color-success-pale:after{content:"#ddf4df"}.colorset .color-success-pale:before{content:"color-success-pale"}.colorset .color-success-pale:hover:before{content:"125,51%,91%"}.colorset .color-warning-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff0d5;border:1px solid rgba(0,0,0,.5);border-color:#ffdea2}.colorset .color-warning-pale:after,.colorset .color-warning-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-warning-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-warning-pale:hover:after,.colorset .color-warning-pale:hover:before{opacity:1}.colorset .color-warning-pale:after,.colorset .color-warning-pale:before{color:#353535}.colorset .color-warning-pale:after{content:"#fff0d5"}.colorset .color-warning-pale:before{content:"color-warning-pale"}.colorset .color-warning-pale:hover:before{content:"39,100%,92%"}.colorset .color-danger-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ffe5e0;border:1px solid rgba(0,0,0,.5);border-color:#ffbaad}.colorset .color-danger-pale:after,.colorset .color-danger-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-danger-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-danger-pale:hover:after,.colorset .color-danger-pale:hover:before{opacity:1}.colorset .color-danger-pale:after,.colorset .color-danger-pale:before{color:#353535}.colorset .color-danger-pale:after{content:"#ffe5e0"}.colorset .color-danger-pale:before{content:"color-danger-pale"}.colorset .color-danger-pale:hover:before{content:"10,100%,94%"}.colorset .color-info-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddf3f5;border:1px solid rgba(0,0,0,.5);border-color:#b6e5e9}.colorset .color-info-pale:after,.colorset .color-info-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-info-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-info-pale:hover:after,.colorset .color-info-pale:hover:before{opacity:1}.colorset .color-info-pale:after,.colorset .color-info-pale:before{color:#353535}.colorset .color-info-pale:after{content:"#ddf3f5"}.colorset .color-info-pale:before{content:"color-info-pale"}.colorset .color-info-pale:hover:before{content:"185,55%,91%"}.colorset .color-important-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f7ebe1;border:1px solid rgba(0,0,0,.5);border-color:#ecd0b9}.colorset .color-important-pale:after,.colorset .color-important-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-important-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-important-pale:hover:after,.colorset .color-important-pale:hover:before{opacity:1}.colorset .color-important-pale:after,.colorset .color-important-pale:before{color:#353535}.colorset .color-important-pale:after{content:"#f7ebe1"}.colorset .color-important-pale:before{content:"color-important-pale"}.colorset .color-important-pale:hover:before{content:"27,58%,93%"}.colorset .color-special-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f5eeff;border:1px solid rgba(0,0,0,.5);border-color:#d7bbff}.colorset .color-special-pale:after,.colorset .color-special-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-special-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-special-pale:hover:after,.colorset .color-special-pale:hover:before{opacity:1}.colorset .color-special-pale:after,.colorset .color-special-pale:before{color:#353535}.colorset .color-special-pale:after{content:"#f5eeff"}.colorset .color-special-pale:before{content:"color-special-pale"}.colorset .color-special-pale:hover:before{content:"265,100%,97%"}.colorset .color-1{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f9f9f9;border:1px solid rgba(0,0,0,.5);border-color:#dfdfdf}.colorset .color-1:after,.colorset .color-1:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-1:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-1:hover:after,.colorset .color-1:hover:before{opacity:1}.colorset .color-1:after,.colorset .color-1:before{color:#353535}.colorset .color-1:after{content:"#f9f9f9"}.colorset .color-1:before{content:"color-1"}.colorset .color-1:hover:before{content:"0,0%,98%"}.colorset .color-2{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.5);border-color:#dcdcdc}.colorset .color-2:after,.colorset .color-2:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-2:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-2:hover:after,.colorset .color-2:hover:before{opacity:1}.colorset .color-2:after,.colorset .color-2:before{color:#353535}.colorset .color-2:after{content:"#f5f5f5"}.colorset .color-2:before{content:"color-2"}.colorset .color-2:hover:before{content:"0,0%,96%"}.icon-xuanxuan{display:inline-block!important;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA2FBMVEUAAAD/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/////9vn/RIT/8/j/vNP/psT/ocH/Z5v/5u//4uz/3ej/uNH/sMv/qsf/m73/lrr/kLb/h7D/gaz/b6H/+Pv/3+r/3un/0uH/yNr/w9f/dqX/YZf/XJT/TIr/eaf/eKaGVdyFAAAAJ3RSTlMABePE+jMU772tmvd2Khry7N3XyZWBZlEmIQ/o0qSOfIuFQV1YPA7HJZ3+AAAB90lEQVRIx5WV6UKrMBCFJ9Cyldbutbt6lym0WrXu+3av7/9GymASQqDQ71fO5JBtkgE06n3PadmVit1yvH4dCqjODFQwZlXIZ2BiBuYgb3Ru1zCzZmGHFcylcsggRaODW+k0QGHfwAKMfd1f/gurhSVoWWK/DpbC4Tv3MSa8eFgep0zHQXARcuEDMaz96MvFN9eK/zoKXXJVG0LElOtl1HuKSU6j0FLIKV02IRfEB0re45AMRJexK9QL9V6h5IoizzLQBWC2UHfUfYaSM4rcyYDN4A9Kzqn/U+g30o+Y4Ah6CXVPhqeQH3M8wD0m6IGblCfkOFGUmhkX2opekeeW2rfUfkWFNuypgQ25Vut/61XcCtX+JmCKm2AhCW60pwSYZh1I/1rrrUFztxnGMFF0GK98872HTdxClQm4in7VTmmFqWP1lduv54GUxIe6lulzkeknPdNVAEOqRzK8Cf0/HgAlBgD0drmtvaiE1bh6znkPLzILVM4O1Bf3jpKP1IubQYQ1LvumxxYQg7JVQ9R9j9elINDq0vJB1CUPOMzEEpgMBKNOsb8zggQjs3B88kuYt93vMUjjb/llNX9DBlUj7w/XtSCbedYke90h5DJ00m7311/YSt/my3bcg36VQSHWFAkTSnPUpsVAedg8WlcDdsCatyc5y/8Ck4QB40D1b8oAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}.icon-10x{font-size:140px}@media (min-width:992px){.col-md-d5{width:20%}}.slide-in-up-100{position:relative;top:100px}.slide-in-up-100.in{top:0}.slide-in-right-50{position:relative;left:50px}.slide-in-right-50.in{left:0}.grow-up-in-height.show{height:0;overflow:hidden}.grow-up-in-height.show.in{height:auto}.margin-zero{margin:0!important}@-webkit-keyframes glow{0%{border-color:rgba(71,164,71,.9);-webkit-box-shadow:0 0 12px rgba(71,164,71,.1)}100%{border-color:#1a801a;-webkit-box-shadow:0 0 18px rgba(26,128,26,.8),0 0 12px rgba(71,164,71,.5)}}.example{position:relative;padding:20px;margin:0 0 15px;border:1px solid #ddd;border-style:solid;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.example [contenteditable]:focus,.example:focus{outline:0;-webkit-box-shadow:0 1px 15px rgba(0,0,0,.5);box-shadow:0 1px 15px rgba(0,0,0,.5);-webkit-animation-name:glow;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}.example.no-padding{padding:0}.example.borderless{border:none}.example>:last-child{margin-bottom:0}pre{position:relative;padding:10px 20px;margin-bottom:15px;border-color:#ddd;border-radius:0}pre em{display:inline-block;font-weight:700}pre:hover em{background-color:#ffe5e0}pre>code:before{position:absolute;top:4px;right:4px;display:inline-block;padding:0 4px;font-size:12px;line-height:16px;color:#fff;pointer-events:none;background-color:#bbb;background-color:rgba(0,0,0,.15);border-radius:2px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}pre:hover>code:before{opacity:0}pre>code.lang-javascript:before,pre>code.lang-js:before{content:'javascript'}pre>code.lang-html:before{content:'html'}pre>code.lang-css:before{content:'css'}pre.linenums{padding:10px}.example+pre,pre+pre{margin:-15px 0 15px;border:1px solid #ddd;border-top:none;border-radius:0}.copyable{position:relative}.btn-copy-code{position:absolute;top:3px;right:3px;width:28px;height:28px;padding:3px 0;line-height:20px;text-shadow:none;background-color:rgba(255,255,255,.5);border-radius:3px;opacity:0}.btn-copy-code>.icon{line-height:20px}.btn-copy-code:hover{color:#145ccd;background-color:#fff;border-color:#3280fc}.copyable.fixed-copy-btn>.btn-copy-code,.copyable:hover>.btn-copy-code,pre:hover>.btn-copy-code{opacity:1}.nav-examples.nav-tabs>li>a{border-radius:0}.nav-examples+.example{border-top-color:transparent}a.avatar{display:block;width:40px;height:40px;margin-top:5px!important;font-size:30px;line-height:40px;color:#aaa!important;text-align:center;background-color:#e5e5e5;border-radius:4px}body>.tooltip{z-index:9999}a.avatar>i{font-size:28px}a.avatar:hover{text-decoration:none}.loader{height:0;padding:0;overflow:hidden;color:grey;text-align:center;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.loader>.icon{display:block;width:50px;height:50px;margin:0 auto;font-size:42px;line-height:50px}.loader.loading,.loader.with-error{height:auto;padding:80px 0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.loader.loading>.error-text{display:none}.loader.with-error>.icon-spin{-webkit-animation:none;-o-animation:none;animation:none}.loader.with-error>.icon-spin:before{content:'\e664'}.loader.with-error>.error-text{display:inline}.loader.with-error>.loading-text{display:none}.template{display:none}.path-zui-36{position:relative;display:inline-block;width:36px;height:36px;overflow:hidden;background-color:#fff;border-radius:18px}.path-zui-36:after,.path-zui-36:before{position:absolute;left:11px;display:block;width:14px;height:4px;content:' ';border:2px solid #3280fc}.path-zui-36:before{top:9px;border-bottom:none}.path-zui-36:after{top:23px;border-top:none}.path-zui-36 .path-1,.path-zui-36 .path-1:after,.path-zui-36 .path-1:before,.path-zui-36 .path-2,.path-zui-36 .path-2:before{position:absolute;display:block;width:2px;height:2px;content:' ';background-color:#3280fc}.path-zui-36 .path-1{top:19px;left:15px}.path-zui-36 .path-1:before,.path-zui-36 .path-2:before{top:2px;left:-2px}.path-zui-36 .path-1:after{top:-2px;left:2px}.path-zui-36 .path-2{top:13px;left:21px}.path-btn{border-radius:0}.path-btn:active,.path-btn:focus{background:0 0;outline:0}.path-btn:after,.path-btn:before,.path-btn>.path-1,.path-btn>.path-1:after,.path-btn>.path-1:before{position:absolute;top:18px;left:19px;display:block;width:10px;height:2px;content:' ';border:2px solid grey;border:2px solid rgba(0,0,0,.4);-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}.path-btn:after{top:26px}.path-btn>.path-1{top:22px;left:23px}.path-btn>.path-1:after,.path-btn>.path-1:before{top:-2px;left:-4px;width:6px}.path-btn>.path-1:after{top:2px}.path-btn:hover{background-color:#e5e5e5;background-color:rgba(0,0,0,.1)}.path-btn:hover:after,.path-btn:hover:before,.path-btn:hover>.path-1,.path-btn:hover>.path-1:after,.path-btn:hover>.path-1:before{border-color:#353535;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.path-btn:hover:before{top:26px}.path-btn:hover:after{top:18px}.path-btn:hover>.path-1{left:15px}.path-btn:hover>.path-1:before{top:2px;left:-4px}.path-btn:hover>.path-1:after{top:-2px;left:-4px}.path-btn.path-close-btn:after,.path-btn.path-close-btn:before,.path-btn.path-close-btn>.path-1,.path-btn.path-close-btn>.path-1:after,.path-btn.path-close-btn>.path-1:before{border-top:0;border-bottom:0}.path-btn.path-close-btn>.path-1{border-right:0}body{-webkit-transition:background .2s cubic-bezier(.175,.885,.32,1);-o-transition:background .2s cubic-bezier(.175,.885,.32,1);transition:background .2s cubic-bezier(.175,.885,.32,1)}#header{padding-top:80px;margin-bottom:20px;color:#fff;-webkit-transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1);transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1)}#header small{filter:alpha(opacity=65);opacity:.65}#navDownloadLink{filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1)}#navbar{padding:20px 0;border-bottom:none;-webkit-transition:padding-top .4s cubic-bezier(.175,.885,.32,1);-o-transition:padding-top .4s cubic-bezier(.175,.885,.32,1);transition:padding-top .4s cubic-bezier(.175,.885,.32,1)}#navbar>.container{position:relative}#navbar.navbar-inverse{background:0 0}#navbar.navbar-inverse .navbar-toggle{border:none;border-radius:0}#navbar .navbar-nav>li>a{height:40px;line-height:20px;border-radius:4px}#navbar .navbar-nav>li>a:focus,#navbar .navbar-nav>li>a:hover{background-color:rgba(0,0,0,.2)}#navbar .navbar-nav>li>a>.icon{position:relative;top:2px;display:inline-block;font-size:18px}#navbar .navbar-brand{position:relative;padding-left:58px}#navbar .path-zui-36{position:absolute;top:0;left:10px}#navbar .navbar-collapse.collapsing,#navbar .navbar-collapse.in{position:relative;float:right;width:150px;margin-top:10px;overflow:visible;background-color:#fff;border:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}#navbar .navbar-collapse.collapsing #navDownloadLink,#navbar .navbar-collapse.in #navDownloadLink{filter:alpha(opacity=100);opacity:1}#navbar .navbar-collapse.collapsing:before,#navbar .navbar-collapse.in:before{position:absolute;top:-20px;right:20px;display:block;width:0;height:0;content:' ';border-color:transparent transparent #fff transparent;border-style:dashed dashed solid dashed;border-width:10px}#navbar .navbar-collapse.collapsing .navbar-nav>li>a,#navbar .navbar-collapse.in .navbar-nav>li>a{color:#353535;filter:alpha(opacity=0);opacity:0}#navbar .navbar-collapse.in .navbar-nav>li>a{filter:alpha(opacity=100);opacity:1}#compactTogger{display:none;font-size:18px}#heading{position:relative;overflow:hidden;text-align:center}#heading>h1{margin-top:0;font-size:48px;font-weight:400}#heading>p{filter:alpha(opacity=65);opacity:.65}#download{padding-top:20px;text-align:center}#download>.btn-lg{margin-bottom:15px;border-color:#e5e5e5;border-color:rgba(255,255,255,.65)}#download>.btn-lg+.btn{margin-left:10px}#download>.btn-lg>.icon{position:relative;top:-1px;margin-right:-3px;margin-left:6px}#download>.btn-lg.btn-white{color:#3280fc;background:#fff;opacity:.9}#download>.btn-lg.btn-white:active,#download>.btn-lg.btn-white:focus,#download>.btn-lg.btn-white:hover{color:#145ccd;opacity:1}#search{max-width:800px;padding:60px 20px 70px;margin:0 auto}#searchForm{position:relative}#searchForm>.icon{position:absolute;top:14px;left:14px;display:block;width:16px;height:16px;color:#fff;text-align:center;filter:alpha(opacity=65);opacity:.65}#searchInput{padding-left:40px;color:#fff;background:0 0;border:1px solid #e5e5e5;border-color:rgba(255,255,255,.6);border-radius:21px}#searchInput::-webkit-input-placeholder{color:#e5e5e5}#searchInput::-moz-placeholder{color:#e5e5e5}#searchInput:-ms-input-placeholder{color:#e5e5e5}#searchInput::placeholder{color:#e5e5e5}#searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}#searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}#searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}#searchInput::placeholder{color:rgba(255,255,255,.5)}#searchInput:focus{background-color:rgba(255,255,255,.1);border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(51,51,51,.275);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(51,51,51,.275)}#searchHelpBtn{position:absolute;top:3px;right:4px;width:36px;height:36px;padding:0;line-height:36px;color:#fff;text-align:center;filter:alpha(opacity=65);border-radius:20px;outline:0;opacity:.65}#searchHelpBtn:active,#searchHelpBtn:focus,#searchHelpBtn:hover{background-color:grey;background-color:rgba(0,0,0,.5)}#searchHelpBtn>.icon{font-size:18px}#search.with-query-text #searchHelpBtn>.icon:before{content:'\d7'}#ad{padding-bottom:20px;margin-top:-50px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}#ad>a{position:relative;display:block;width:340px;padding:10px;margin:0 auto;overflow:hidden;font-size:14px;color:#fff;background:rgba(0,0,0,.15);border-radius:4px;opacity:.8}#ad>a:after,#ad>a:before{position:absolute;top:0;bottom:0;left:0;width:100px;content:' ';background-color:rgba(255,255,255,.2);opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,-o-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s,-o-transform .3s;-webkit-transform:skewX(-45deg) translate(-120px,0);-ms-transform:skewX(-45deg) translate(-120px,0);-o-transform:skewX(-45deg) translate(-120px,0);transform:skewX(-45deg) translate(-120px,0)}#ad>a:after{top:20px;right:0;width:auto;background-color:rgba(0,0,0,.1);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}#ad>a:focus,#ad>a:hover{text-decoration:none;background:rgba(0,0,0,.2);-webkit-box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.15) 0 1px 4px;box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.15) 0 1px 4px;opacity:1}#ad>a:focus:before,#ad>a:hover:before{opacity:1;-webkit-transform:skewX(-45deg) translate(360px,0);-ms-transform:skewX(-45deg) translate(360px,0);-o-transform:skewX(-45deg) translate(360px,0);transform:skewX(-45deg) translate(360px,0)}#xuanxuan{position:relative!important;padding-right:0!important;padding-left:33px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+)!important;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#xuanxuan .icon-xuanxuan{position:absolute;top:9px;left:10px;display:block!important}#xuanxuan:hover{background-color:transparent!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyMjAwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzgyMDZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDk3MDAwMDAwMDAwMDAwMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWMwMGQ3IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=)!important}body.ad-hover.ad-xuanxuan #download .btn-primary,body.ad-hover.ad-xuanxuan #header{background-color:#912bff!important;-webkit-transition:.5s background-color;-o-transition:.5s background-color;transition:.5s background-color}body.ad-hover.ad-xuanxuan #download .btn-white{color:#912bff!important}#grid{position:relative}#grid>.container>.row>.col.hide{display:block;width:0;padding:0;filter:alpha(opacity=0);opacity:0}#grid>.container>.row+.row{padding-top:10px;border-top:1px solid #f1f1f1}#grid .chapter{margin-bottom:30px}#grid .chapter-heading>h4{margin-bottom:15px}#grid .chapter-heading>h4>.name{cursor:pointer}#grid .chapter-heading>h4>.name:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e6dd';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter-heading>h4>.name:hover:after{left:0;filter:alpha(opacity=100);opacity:1}#grid .card{display:none;margin-bottom:0;background-color:#fff;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);-o-transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),transform .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),transform .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1)}#grid .card.show{display:block}#grid .card.choosed{border-color:grey}#grid .card.choosed:before{position:absolute;top:0;right:-100%;display:block;padding:3px 8px;color:#fff;content:'Enter';border-radius:0 3px 0 3px;-webkit-transition:right .1s cubic-bezier(.175,.885,.32,1);-o-transition:right .1s cubic-bezier(.175,.885,.32,1);transition:right .1s cubic-bezier(.175,.885,.32,1)}#grid .card[data-target=external].choosed:before{content:'Enter'}#grid .card[data-target=""].choosed:before{display:none}#grid .card.open,#grid .card:hover{border-color:#e5e5e5}#grid .card.open{margin-bottom:5px}#grid .card.section-new>.card-heading:before,#grid .card.section-update>.card-heading:before{position:absolute;top:5px;left:5px;z-index:12;display:block;width:29px;height:9px;content:' ';background:#f1a325 url(data:image/gif;base64,R0lGODlhHQATAIAAAP///////yH5BAEAAAEALAAAAAAdABMAAAJBjI+py+0JTAQ0RPlQnefa3FnT9nnZxUkjiJVky8byTNf2TaOi2qFbFSoJU7oPBAPkUJIqk86jbBUhU6bRZ8JpHwUAOw==) no-repeat 0 -10px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}#grid .card.section-new>.card-heading:before{width:18px;background-color:#ea644a;background-position:0 0}#grid .card-heading{position:relative;padding:8px 8px 8px 50px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>.icon{position:absolute;top:5px;left:10px;z-index:10;width:30px;height:30px;font-style:normal;line-height:28px;text-align:center;background-position:center;-webkit-background-size:contain;background-size:contain;border:1px solid #f1f1f1;border-radius:16px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>.icon.with-img{background-color:transparent!important;filter:alpha(opacity=80);background-repeat:no-repeat;-webkit-background-size:75% 75%;background-size:75%;opacity:.8}#grid .card-heading>.icon.with-img:hover{filter:alpha(opacity=100);opacity:1}#grid .card-heading>.icon:before{position:relative}#grid .card-heading>h5{padding:5px 0;margin:0;font-size:15px;font-weight:400;line-height:15px;-webkit-transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);-o-transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>h5>a.name{color:#353535}#grid .card-heading>small{position:relative;display:none;min-height:18px;max-height:48px;font-size:12px;white-space:normal}#grid .card-heading:hover>.btn-toggle{right:0;width:64px}#grid .card-heading.hover{background-color:#f1f1f1}#grid .card-heading.hover>.icon{color:#fff;background-color:grey}#grid .card.choosed .card-heading>h5,#grid .card.open .card-heading>h5{font-weight:700}#grid .card-content{height:0;padding:0 10px;overflow:hidden;-webkit-transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1);-o-transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1);transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1)}#grid .card-content>ul{position:relative;padding:0;margin:0;list-style:none}#grid .card-content>ul:before{position:absolute;top:-10px;bottom:14px;left:15px;z-index:5;display:block;content:' ';filter:alpha(opacity=0);border-left:1px dotted #e5e5e5;opacity:0}#grid .card-content>ul>li{position:relative;padding:0}#grid .card-content>ul>li>a{display:block;padding:5px 0 5px 40px;color:#353535;border-radius:4px}#grid .card-content>ul>li>a>.icon{display:inline-block;width:20px;text-align:center}#grid .card-content>ul>li>a:active,#grid .card-content>ul>li>a:focus,#grid .card-content>ul>li>a:hover{text-decoration:none}#grid .card-content>ul>li>a[href^='#search/']:before{position:absolute;top:2px;left:3px;z-index:100;display:block;width:24px;height:24px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;line-height:22px;color:grey;text-align:center;text-transform:none;content:'\e603';background-color:#e5e5e5;border-radius:12px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .card-content>ul>li.active>a,#grid .card-content>ul>li>a:hover{color:#353535;background-color:#f1f1f1}#grid .card-content>ul>li:before{position:absolute;top:10px;left:12px;z-index:12;display:block;width:8px;height:8px;content:' ';background-color:#e5e5e5;border-radius:4px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);transition:transform .1s cubic-bezier(.175,.885,.32,1),background-color .1s cubic-bezier(.175,.885,.32,1);transition:transform .1s cubic-bezier(.175,.885,.32,1),background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1)}#grid .card-content>ul>li:after{position:absolute;top:14px;left:15px;z-index:11;display:block;width:20px;content:' ';border-bottom:1px dotted #e5e5e5}#grid .card-content>ul>li.active:before,#grid .card-content>ul>li:hover:before{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}#grid .card-content>ul[data-view=icons]:after,#grid .card-content>ul[data-view=icons]:before{display:table;content:" "}#grid .card-content>ul[data-view=icons]:after{clear:both}#grid .card-content>ul[data-view=icons]>li{float:left}#grid .card-content>ul[data-view=icons]>li:after,#grid .card-content>ul[data-view=icons]>li:before{display:none}#grid .card-content>ul[data-view=icons]>li>a{position:relative;width:30px;height:30px;padding:5px;overflow:hidden;text-indent:-999em}#grid .card-content>ul[data-view=icons]>li>a:hover{z-index:1;-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}#grid .card-content>ul[data-view=icons]>li>a>.icon{position:absolute;top:0;left:0;display:block;width:100%;height:30px;line-height:30px;text-indent:0}#grid .card-content>ul[data-view=icons]>li.control-icon-shaped>a{width:60px}#grid .section-search{height:0;padding:0}#grid .section-search:before{position:absolute;top:0;right:0;display:block;height:30px;padding:0 10px;line-height:30px;color:#ea644a;content:"没有找到,请更改关键字重新检索。";background-color:#ffe5e0}#grid .card.section-preview-show .section-search:before{display:none}#grid .section-preview{height:0;padding:0;background-color:#f1f1f1}#grid .section-preview.icon-preview>.icons{min-height:140px}#grid .section-preview.icon-preview>.icons>.icon{display:inline-block;margin:0 15px;line-height:1;text-align:center}#grid .section-preview.icon-preview>h3{padding:0 10px}#grid .section-preview.icon-preview>pre{max-width:400px;margin-left:10px}#grid .section-preview.show-shaped-icon .icon-10x{font-size:56px}#grid .section-preview.show-shaped-icon .icon-5x{font-size:42px}#grid .section-preview.show-shaped-icon .icon-2x{font-size:28px}#grid .card.open .card-heading>.icon:after{position:absolute;top:36px;left:18px;display:block;height:999px;content:' ';border-left:1px dotted #e5e5e5}#grid .card.open .card-heading>small{max-height:none}#grid .card.open .card-content{height:auto;padding:10px;border-top:1px dashed #f1f1f1;-webkit-box-shadow:inset 0 10px 64px rgba(0,0,0,.03);box-shadow:inset 0 10px 64px rgba(0,0,0,.03)}#grid .card.open .card-content.section-preview,#grid .card.open .card-content.section-search{height:0;padding:0}#grid .card.open .card-content>ul:before{filter:alpha(opacity=100);opacity:1}#grid .card.open.without-topics .card-heading>.icon:after{display:none}#grid .card.open.without-topics .card-content{height:0;padding:0;border-top:none}#grid .chapter[data-accent=blue] .chapter-heading{color:#03b8cf}#grid .chapter[data-accent=blue] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=blue] .card.choosed{border-color:#ddf3f5;border-color:rgba(3,184,207,.6);-webkit-box-shadow:0 1px 6px rgba(3,184,207,.3);box-shadow:0 1px 6px rgba(3,184,207,.3)}#grid .chapter[data-accent=blue] .card.choosed:before{background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading>.icon{color:#03b8cf;border-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=blue] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=blue] .card-heading.hover{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading.hover>.icon{color:#fff;background-color:#03b8cf;border-color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=blue] .card-heading:hover>h5>.name{color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=blue] .card-heading>.btn-toggle{color:#03b8cf;background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading>.btn-toggle:hover{color:#ddf3f5;cursor:pointer;background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li:before{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-content>ul>li:hover:before{background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li:hover:after{border-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li>a[href^='#search/']:before{color:#03b8cf;background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-content>ul>li.active>a,#grid .chapter[data-accent=blue] .card-content>ul>li>a:hover{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .color-accent{color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=blue] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=blue] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=blue] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=primary] .chapter-heading{color:#3280fc}#grid .chapter[data-accent=primary] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=primary] .card.choosed{border-color:#ebf2f9;border-color:rgba(50,128,252,.6);-webkit-box-shadow:0 1px 6px rgba(50,128,252,.3);box-shadow:0 1px 6px rgba(50,128,252,.3)}#grid .chapter[data-accent=primary] .card.choosed:before{background-color:#3280fc}#grid .chapter[data-accent=primary] .card-heading>.icon{color:#3280fc;border-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=primary] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=primary] .card-heading.hover{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading.hover>.icon{color:#fff;background-color:#3280fc;border-color:#3280fc}#grid .chapter[data-accent=primary] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=primary] .card-heading:hover>h5>.name{color:#3280fc}#grid .chapter[data-accent=primary] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=primary] .card-heading>.btn-toggle{color:#3280fc;background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading>.btn-toggle:hover{color:#ebf2f9;cursor:pointer;background-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li:before{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-content>ul>li:hover:before{background-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li:hover:after{border-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li>a[href^='#search/']:before{color:#3280fc;background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-content>ul>li.active>a,#grid .chapter[data-accent=primary] .card-content>ul>li>a:hover{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .color-accent{color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=primary] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=primary] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=primary] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=yellow] .chapter-heading{color:#f1a325}#grid .chapter[data-accent=yellow] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=yellow] .card.choosed{border-color:#fff0d5;border-color:rgba(241,163,37,.6);-webkit-box-shadow:0 1px 6px rgba(241,163,37,.3);box-shadow:0 1px 6px rgba(241,163,37,.3)}#grid .chapter[data-accent=yellow] .card.choosed:before{background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading>.icon{color:#f1a325;border-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=yellow] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=yellow] .card-heading.hover{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading.hover>.icon{color:#fff;background-color:#f1a325;border-color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=yellow] .card-heading:hover>h5>.name{color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=yellow] .card-heading>.btn-toggle{color:#f1a325;background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading>.btn-toggle:hover{color:#fff0d5;cursor:pointer;background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li:before{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-content>ul>li:hover:before{background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li:hover:after{border-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[href^='#search/']:before{color:#f1a325;background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-content>ul>li.active>a,#grid .chapter[data-accent=yellow] .card-content>ul>li>a:hover{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .color-accent{color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=yellow] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=yellow] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=green] .chapter-heading{color:#38b03f}#grid .chapter[data-accent=green] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=green] .card.choosed{border-color:#ddf4df;border-color:rgba(56,176,63,.6);-webkit-box-shadow:0 1px 6px rgba(56,176,63,.3);box-shadow:0 1px 6px rgba(56,176,63,.3)}#grid .chapter[data-accent=green] .card.choosed:before{background-color:#38b03f}#grid .chapter[data-accent=green] .card-heading>.icon{color:#38b03f;border-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=green] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=green] .card-heading.hover{background-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading.hover>.icon{color:#fff;background-color:#38b03f;border-color:#38b03f}#grid .chapter[data-accent=green] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=green] .card-heading:hover>h5>.name{color:#38b03f}#grid .chapter[data-accent=green] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=green] .card-heading>.btn-toggle{color:#38b03f;background-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading>.btn-toggle:hover{color:#ddf4df;cursor:pointer;background-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li:before{background-color:#ddf4df}#grid .chapter[data-accent=green] .card-content>ul>li:hover:before{background-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li:hover:after{border-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li>a[href^='#search/']:before{color:#38b03f;background-color:#ddf4df}#grid .chapter[data-accent=green] .card-content>ul>li.active>a,#grid .chapter[data-accent=green] .card-content>ul>li>a:hover{background-color:#ddf4df}#grid .chapter[data-accent=green] .color-accent{color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=green] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=green] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=green] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=red] .chapter-heading{color:#ea644a}#grid .chapter[data-accent=red] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=red] .card.choosed{border-color:#ffe5e0;border-color:rgba(234,100,74,.6);-webkit-box-shadow:0 1px 6px rgba(234,100,74,.3);box-shadow:0 1px 6px rgba(234,100,74,.3)}#grid .chapter[data-accent=red] .card.choosed:before{background-color:#ea644a}#grid .chapter[data-accent=red] .card-heading>.icon{color:#ea644a;border-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=red] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=red] .card-heading.hover{background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading.hover>.icon{color:#fff;background-color:#ea644a;border-color:#ea644a}#grid .chapter[data-accent=red] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=red] .card-heading:hover>h5>.name{color:#ea644a}#grid .chapter[data-accent=red] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=red] .card-heading>.btn-toggle{color:#ea644a;background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading>.btn-toggle:hover{color:#ffe5e0;cursor:pointer;background-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li:before{background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-content>ul>li:hover:before{background-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li:hover:after{border-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li>a[href^='#search/']:before{color:#ea644a;background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-content>ul>li.active>a,#grid .chapter[data-accent=red] .card-content>ul>li>a:hover{background-color:#ffe5e0}#grid .chapter[data-accent=red] .color-accent{color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=red] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=red] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=red] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=brown] .chapter-heading{color:#bd7b46}#grid .chapter[data-accent=brown] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=brown] .card.choosed{border-color:#f7ebe1;border-color:rgba(189,123,70,.6);-webkit-box-shadow:0 1px 6px rgba(189,123,70,.3);box-shadow:0 1px 6px rgba(189,123,70,.3)}#grid .chapter[data-accent=brown] .card.choosed:before{background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading>.icon{color:#bd7b46;border-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=brown] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=brown] .card-heading.hover{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading.hover>.icon{color:#fff;background-color:#bd7b46;border-color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=brown] .card-heading:hover>h5>.name{color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=brown] .card-heading>.btn-toggle{color:#bd7b46;background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading>.btn-toggle:hover{color:#f7ebe1;cursor:pointer;background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li:before{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-content>ul>li:hover:before{background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li:hover:after{border-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li>a[href^='#search/']:before{color:#bd7b46;background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-content>ul>li.active>a,#grid .chapter[data-accent=brown] .card-content>ul>li>a:hover{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .color-accent{color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=brown] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=brown] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=brown] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=purple] .chapter-heading{color:#8666b8}#grid .chapter[data-accent=purple] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=purple] .card.choosed{border-color:#f5eeff;border-color:rgba(134,102,184,.6);-webkit-box-shadow:0 1px 6px rgba(134,102,184,.3);box-shadow:0 1px 6px rgba(134,102,184,.3)}#grid .chapter[data-accent=purple] .card.choosed:before{background-color:#8666b8}#grid .chapter[data-accent=purple] .card-heading>.icon{color:#8666b8;border-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=purple] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=purple] .card-heading.hover{background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading.hover>.icon{color:#fff;background-color:#8666b8;border-color:#8666b8}#grid .chapter[data-accent=purple] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=purple] .card-heading:hover>h5>.name{color:#8666b8}#grid .chapter[data-accent=purple] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=purple] .card-heading>.btn-toggle{color:#8666b8;background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading>.btn-toggle:hover{color:#f5eeff;cursor:pointer;background-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li:before{background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-content>ul>li:hover:before{background-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li:hover:after{border-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li>a[href^='#search/']:before{color:#8666b8;background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-content>ul>li.active>a,#grid .chapter[data-accent=purple] .card-content>ul>li>a:hover{background-color:#f5eeff}#grid .chapter[data-accent=purple] .color-accent{color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=purple] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=purple] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=purple] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.input-query-focus #grid .card.choosed:before{right:0}body.query-enabled #grid>.container>.row+.row{padding-top:0;border-top:none}body.query-enabled[data-query=icons] #section-control-icons .card-heading>.icon:before{content:'\e603'}body.query-enabled[data-query=icons] #grid .card.open .card-content.section-search,body.query-enabled[data-query=icons] #grid .card.open.section-preview-show .card-content.section-preview{height:auto;padding:10px}body.query-enabled[data-query=icons] #grid .card.open.section-preview-show .section-preview.icon-preview{padding:20px 10px 10px}@media (min-width:768px){body.query-enabled #grid[data-show-col='1']>.container>.row>.col{float:none;width:100%;margin:0 auto}body.query-enabled #grid[data-show-col='1']>.container>.row>.col.hide{width:0}}@media (min-width:992px){body.query-enabled #grid[data-show-col='1']>.container>.row>.col{float:none;max-width:780px;margin:0 auto}body.query-enabled #grid[data-show-col='1']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='2']>.container>.row>.col{width:50%}body.query-enabled #grid[data-show-col='2']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='3']>.container>.row>.col{width:33.33333333%}body.query-enabled #grid[data-show-col='3']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='4']>.container>.row>.col{width:25%}body.query-enabled #grid[data-show-col='4']>.container>.row>.col.hide{width:0}}#page{position:fixed;top:60px;right:0;bottom:0;left:0;z-index:1000;display:none;overflow-y:auto;background-color:#fff}#page .loader{-webkit-transition:none;-o-transition:none;transition:none}#pageHeader{position:relative;height:60px;padding:0;background-color:#f1f1f1;border-bottom:1px solid #e5e5e5}#pageHeader>.container{position:relative;padding:12px 20px 12px 54px}#pageHeader>.container>.icon{position:absolute;top:12px;left:6px;z-index:10;width:36px;height:36px;font-style:normal;line-height:36px;color:grey;text-align:center;background-color:#e5e5e5;border-radius:18px}#pageHeader>.container>h2{padding:10px 0;margin:0;font-size:20px;line-height:16px}#pageHeader>.container>h2>a.name{color:#353535}#pageHeader>.container>h2>a.name:hover{color:#353535;text-decoration:none;cursor:normal}#pageHeader>.path-max-btn{right:48px;width:36px}#pageCloseBtn{position:absolute;top:5px;right:15px;width:48px;height:48px;border-radius:4px}#pageReloadBtn{position:absolute;top:5px;right:70px;display:none;width:48px;height:48px;color:grey}#pageReloadBtn:hover{color:#353535}#pageBody{position:absolute;top:60px;bottom:0;width:100%;padding:15px 0;overflow-y:auto}#pageAttrs{padding:0 0 10px 23px;margin:0 0 20px 21px;border-bottom:4px double #f1f1f1}#pageAttrs .badge{float:left;min-width:40px;padding:6px 10px;margin-right:10px;line-height:20px;text-align:center;background-color:#f1f1f1;filter:alpha(opacity=80);border-radius:4px;opacity:.8;-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}#pageAttrs .badge.btn{border:none}#pageAttrs .badge[data-toggle=dropdown]{position:relative}#pageAttrs .badge[data-toggle=dropdown]:before{position:absolute;right:1px;bottom:1px;display:block;width:0;height:0;content:' ';border-color:transparent transparent #ccc transparent;border-style:solid;border-width:0 0 6px 6px;border-bottom-color:rgba(0,0,0,.15);-webkit-transition:border .2s cubic-bezier(.175,.885,.32,1);-o-transition:border .2s cubic-bezier(.175,.885,.32,1);transition:border .2s cubic-bezier(.175,.885,.32,1)}#pageAttrs .badge[data-toggle=dropdown]:hover:before{border-bottom-color:rgba(0,0,0,.35)}#pageAttrs .badge.pull-right{margin-right:0;margin-left:10px}#pageAttrs .badge:hover{text-decoration:none;background-color:#e5e5e5;filter:alpha(opacity=100);opacity:1}#pageAttrs .badge.badge-zui{color:#3280fc;background-color:#ebf2f9}#pageAttrs .badge.badge-zui:hover{background-color:#d7e5f3}#pageAttrs .badge.badge-lite{color:#03b8cf;background-color:#ddf3f5}#pageAttrs .badge.badge-lite:active,#pageAttrs .badge.badge-lite:focus,#pageAttrs .badge.badge-lite:hover{background-color:#c9ecef}#pageAttrs .badge.badge-lib{color:#38b03f;background-color:#ddf4df}#pageAttrs .badge.badge-lib:hover{background-color:#caeecd}#pageAttrs .badge.badge-party{color:#ea644a;background-color:#ffe5e0}#pageAttrs .badge.badge-party:hover{background-color:#ffd0c6}#pageAttrs .badge.badge-bootstrap{color:#8666b8;background-color:#f5eeff}#pageAttrs .badge.badge-bootstrap:hover{background-color:#e6d5ff}#pageAttrs .badge.badge-custom{color:#bd7b46;background-color:#f7ebe1}#pageAttrs .badge.badge-custom:hover{background-color:#f2decd}#pageAttrs .badge.badge-code{color:#3280fc;background-color:#ebf2f9}#pageAttrs .badge.badge-code:hover{background-color:#d7e5f3}#pageAttrs .badge.badge-code:hover:before{border-bottom-color:#3280fc}#pageAttrs .badge.badge-code[data-type=has-source-bundles] .badge-code-pkgs{display:inline-block;margin-left:8px}#pageAttrs .dropdown-menu{padding-top:0;overflow:hidden}#pageAttrs .dropdown-menu>li>a{position:relative;padding-right:10px;padding-left:30px}#pageAttrs .dropdown-menu>li>a:before{position:absolute;top:9px;left:15px;display:block;width:8px;height:8px;content:' ';background:#ddd;border-radius:4px}#pageAttrs .dropdown-header{padding-right:15px;padding-left:15px;color:#999}#pageAttrs .dropdown-header.primary-header{padding-top:8px;padding-bottom:8px;color:#fff;color:#3280fc;background-color:#ebf2f9}#pageAttrs .dropdown-header.primary-header[data-type=source]{color:#03b8cf}#pageAttrs .dropdown-header.primary-header[data-type=bundles]{color:#38b03f}@media (max-width:767px){#pageAttrs{padding-bottom:10px;padding-left:0;margin:0 0 10px 0}#pageAttrs>.pull-right{margin:0 0 5px 5px!important}#pageAttrs .badge{min-width:30px;padding:5px;margin-right:5px;margin-left:0}#pageAttrs>.badge{margin-bottom:5px}}#pageContent{position:relative;padding-left:44px}#pageContent:before{position:absolute;top:-250px;bottom:0;left:20px;display:block;content:' ';border-left:1px dotted #e5e5e5}#pageContent>section{position:relative}#pageContent>section:before{position:absolute;top:28px;bottom:-25px;left:-24px;display:block;content:' ';border-left:1px dotted transparent}#pageContent>section:last-child:before{bottom:0}#pageContent>section>header{position:relative;padding-top:20px;padding-bottom:10px}#pageContent>section>header>h3{display:inline-block;margin:0;cursor:pointer}#pageContent>section>header>h3:after,#pageContent>section>header>h3:before{position:absolute;top:25px;left:-24px;content:' ';-webkit-transition:background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .2s cubic-bezier(.175,.885,.32,1);transition:background-color .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section>header>h3:before{display:none;width:1px;height:7px}#pageContent>section>header>h3:after{top:28px;left:-27px;width:7px;height:1px}#pageContent>section>header:before{position:absolute;top:23px;left:-29px;display:block;width:11px;height:11px;content:' ';background-color:#ddd;border-radius:5px;-webkit-transition:background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .2s cubic-bezier(.175,.885,.32,1);transition:background-color .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section>header:after{position:absolute;top:28px;left:-18px;display:block;width:16px;content:' ';border-bottom:1px dotted #e5e5e5}#pageContent>section.hover>header h3:after,#pageContent>section.hover>header h3:before{background-color:#fff}#pageContent>section.hover.collapsed>header>h3:before{display:block}#pageContent>section>article{height:auto;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section.collapsed:before{display:none}#pageContent>section.collapsed>article{height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0}#pageContent>article>.alert,#pageContent>section>article>.alert{border:none;border-radius:0}#pageContent>article>.alert code,#pageContent>section>article>.alert code{background-color:rgba(255,255,255,.2);border-color:rgba(0,0,0,.1)}#pageTogger{position:absolute;bottom:-36px;left:15px;z-index:10;width:19px;height:19px;padding:0;color:#ddd;background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;outline:0}#pageTogger:after,#pageTogger:before{position:absolute;top:4px;left:4px;display:block;content:' ';background-color:#ddd;-webkit-transition:background-color .4s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .4s cubic-bezier(.175,.885,.32,1);transition:background-color .4s cubic-bezier(.175,.885,.32,1)}#pageTogger:before{left:8px;display:none;width:1px;height:9px}#pageTogger:after{top:8px;width:9px;height:1px}@media (max-width:767px){#pageTogger{display:none}}#page.page-collapsed #pageTogger:before{display:block}#page.loading #pageTogger{display:none}#page.loading #pageContent{filter:alpha(opacity=0);opacity:0}body.compact-mode #compactTogger{position:relative;top:-60px;display:inline-block;margin-left:8px;filter:alpha(opacity=0);opacity:0;-webkit-transition:top .2s cubic-bezier(.175,.885,.32,1);-o-transition:top .2s cubic-bezier(.175,.885,.32,1);transition:top .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #heading{-webkit-transition:height .2s cubic-bezier(.175,.885,.32,1);-o-transition:height .2s cubic-bezier(.175,.885,.32,1);transition:height .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #search{position:absolute;top:12px;right:220px;left:180px;z-index:1050;max-width:500px;padding:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #searchInput{height:36px;font-size:14px;border-width:1px}body.compact-mode #searchForm{filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}body.compact-mode #searchForm>.icon{top:10px}body.compact-mode #searchHelpBtn{top:3px;right:3px;width:30px;height:30px;line-height:30px}body.compact-mode #header{position:fixed;top:0;right:0;left:0;z-index:1010;height:483px}body.compact-mode #headContainer>.container{position:relative}body.compact-mode #grid{margin-top:503px;-webkit-transition:margin-top .2s cubic-bezier(.175,.885,.32,1);-o-transition:margin-top .2s cubic-bezier(.175,.885,.32,1);transition:margin-top .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #ad{opacity:0}body.compact-mode.compact-mode-in #navbar{padding-top:10px}body.compact-mode.compact-mode-in #navbar .navbar-nav>li>a{width:40px;padding:10px;text-align:center}body.compact-mode.compact-mode-in #navbar .navbar-nav>li>a>span{display:none}body.compact-mode.compact-mode-in #navbar .navbar-collapse.collapsing .navbar-nav>li>a,body.compact-mode.compact-mode-in #navbar .navbar-collapse.in .navbar-nav>li>a{width:auto;padding:10px 15px;text-align:left}body.compact-mode.compact-mode-in #navbar .navbar-collapse.collapsing .navbar-nav>li>a>span,body.compact-mode.compact-mode-in #navbar .navbar-collapse.in .navbar-nav>li>a>span{display:inline}body.compact-mode.compact-mode-in #navDownloadLink{filter:alpha(opacity=100);opacity:1}body.compact-mode.compact-mode-in #compactTogger{top:1px;filter:alpha(opacity=100);opacity:1}@media (min-width:768px){body.compact-mode.compact-mode-in #langSwitcher>a{padding:10px 0!important}[lang=zh-cn] body.compact-mode.compact-mode-in #langSwitcher>a{width:50px!important}body.compact-mode.compact-mode-in #langSwitcher>a>.icon{display:none}body.compact-mode.compact-mode-in #langSwitcher>a>span{display:inline-block!important;padding:0 3px;line-height:20px;color:#3280fc;background:#fff;border-radius:5px}}body.compact-mode.compact-mode-in #header{height:60px;padding:0}body.compact-mode.compact-mode-in #heading{height:0;filter:alpha(opacity=0);opacity:0}body.compact-mode.compact-mode-in #search{filter:alpha(opacity=100);opacity:1}body.compact-mode.compact-mode-in #searchForm{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.compact-mode.compact-mode-in #grid{margin-top:70px}body.compact-mode.compact-mode-in #ad{display:none}body.page-show{overflow:hidden}body.page-show #header{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:background-color .4s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .4s cubic-bezier(.175,.885,.32,1);transition:background-color .4s cubic-bezier(.175,.885,.32,1)}body.page-show #compactTogger:before{content:'\e60b'}body.page-show #page{display:block;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}body.page-show #grid,body.page-show #page{-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),transform .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),transform .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1)}body.page-show.page-show-in #page{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.page-show.page-show-in #grid{top:100px;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}body.page-show[data-page-accent=blue] #pageHeader>.wrapper>.icon{color:#fff;background-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section>header:before{background-color:#ddf3f5}body.page-show[data-page-accent=blue] #pageContent>section.hover>header:before{background-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover>header:after{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover>header>h3{color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover:before{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageTogger:hover{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageTogger:hover:after,body.page-show[data-page-accent=blue] #pageTogger:hover:before{background-color:#03b8cf}body.page-show[data-page-accent=primary] #pageHeader>.wrapper>.icon{color:#fff;background-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section>header:before{background-color:#ebf2f9}body.page-show[data-page-accent=primary] #pageContent>section.hover>header:before{background-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover>header:after{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover>header>h3{color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover:before{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageTogger:hover{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageTogger:hover:after,body.page-show[data-page-accent=primary] #pageTogger:hover:before{background-color:#3280fc}body.page-show[data-page-accent=yellow] #pageHeader>.wrapper>.icon{color:#fff;background-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section>header:before{background-color:#fff0d5}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header:before{background-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header:after{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header>h3{color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover:before{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageTogger:hover{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageTogger:hover:after,body.page-show[data-page-accent=yellow] #pageTogger:hover:before{background-color:#f1a325}body.page-show[data-page-accent=green] #pageHeader>.wrapper>.icon{color:#fff;background-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section>header:before{background-color:#ddf4df}body.page-show[data-page-accent=green] #pageContent>section.hover>header:before{background-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover>header:after{border-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover>header>h3{color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover:before{border-color:#38b03f}body.page-show[data-page-accent=green] #pageTogger:hover{border-color:#38b03f}body.page-show[data-page-accent=green] #pageTogger:hover:after,body.page-show[data-page-accent=green] #pageTogger:hover:before{background-color:#38b03f}body.page-show[data-page-accent=red] #pageHeader>.wrapper>.icon{color:#fff;background-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section>header:before{background-color:#ffe5e0}body.page-show[data-page-accent=red] #pageContent>section.hover>header:before{background-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover>header:after{border-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover>header>h3{color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover:before{border-color:#ea644a}body.page-show[data-page-accent=red] #pageTogger:hover{border-color:#ea644a}body.page-show[data-page-accent=red] #pageTogger:hover:after,body.page-show[data-page-accent=red] #pageTogger:hover:before{background-color:#ea644a}body.page-show[data-page-accent=brown] #pageHeader>.wrapper>.icon{color:#fff;background-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section>header:before{background-color:#f7ebe1}body.page-show[data-page-accent=brown] #pageContent>section.hover>header:before{background-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover>header:after{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover>header>h3{color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover:before{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageTogger:hover{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageTogger:hover:after,body.page-show[data-page-accent=brown] #pageTogger:hover:before{background-color:#bd7b46}body.page-show[data-page-accent=purple] #pageHeader>.wrapper>.icon{color:#fff;background-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section>header:before{background-color:#f5eeff}body.page-show[data-page-accent=purple] #pageContent>section.hover>header:before{background-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover>header:after{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover>header>h3{color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover:before{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageTogger:hover{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageTogger:hover:after,body.page-show[data-page-accent=purple] #pageTogger:hover:before{background-color:#8666b8}@media (max-width:767px){#navbar .navbar-nav>li>a{border-radius:0}#search{padding:30px 10px 40px}#ad{margin-top:-20px}#ad>a{width:250px}#grid .col{width:100%}#page{top:0;z-index:1015}#pageContent{padding-left:0}#pageContent:before{display:none}#pageHeader>.container{padding-left:60px}#pageHeader>.container>.icon{left:15px}#pageContent>section:before{display:none}#pageContent>section>header:after,#pageContent>section>header:before{display:none}#pageContent>section>header>h3{position:relative}#pageContent>section>header>h3:before{display:none}#pageContent>section>header>h3:after{top:1px;right:-12px;left:auto;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e651';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#pageContent>section.collapsed>header>h3:after{content:'\e650'}body.compact-mode #header{height:433px}body.compact-mode #grid{margin-top:463px}body.compact-mode #navbar .navbar-brand .brand-title,body.compact-mode #navbar .navbar-brand .zui-version{display:none}body.compact-mode #navbar .navbar-brand #compactTogger{left:-12px;margin-left:0}body.compact-mode #search{right:60px;left:80px}body.compact-mode #searchInput::-webkit-input-placeholder{color:transparent}body.compact-mode #searchInput::-moz-placeholder{color:transparent}body.compact-mode #searchInput:-ms-input-placeholder{color:transparent}body.compact-mode #searchInput::placeholder{color:transparent}body.page-show #navbar .navbar-toggle{margin-right:0}body.input-query-focus.compact-mode #search{right:10px;left:10px}body.input-query-focus.compact-mode #searchInput::-webkit-input-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::-moz-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput:-ms-input-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput::placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #navbar .navbar-brand,body.input-query-focus.compact-mode #navbar .navbar-toggle{display:none}}body[data-page=basic-theme] #pageHeader,body[data-page=basic-theme] #pageHeader>.container>h2>a.name{color:#fff;background-color:#3280fc}body[data-page=basic-theme] #pageHeader{border-color:#0462f7}body[data-page=basic-theme].page-show[data-page-accent=primary] #pageHeader>.wrapper>.icon{background-color:#0462f7}body[data-page=basic-theme] .path-btn:after,body[data-page=basic-theme] .path-btn:before,body[data-page=basic-theme] .path-btn>.path-1,body[data-page=basic-theme] .path-btn>.path-1:after,body[data-page=basic-theme] .path-btn>.path-1:before{border-color:#ddd;border-color:rgba(255,255,255,.7);-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}#changeViewWrapper{display:none}@media (min-width:1280px){#changeViewWrapper{position:fixed;top:14px;right:15px;z-index:1030;display:block}#changeViewBtn{min-width:32px;padding:5px;background-color:rgba(0,0,0,.1);border-color:#fff;border-color:rgba(0,0,0,0)}#changeViewBtn:active,#changeViewBtn:focus,#changeViewBtn:hover{background-color:rgba(0,0,0,.2)}body.view-double.compact-mode-in.page-open #changeViewBtn{color:#666}body.view-double.compact-mode-in.page-open[data-page=basic-theme] #changeViewBtn{color:#fff}body.view-double.compact-mode-in.page-open #navbar{top:0;left:0;width:360px;padding:10px 0!important;margin-bottom:0}body.view-double.compact-mode-in.page-open #navbar .navbar-header{float:none}body.view-double.compact-mode-in.page-open #navbar .navbar-toggle{display:block;float:right;margin-right:0}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse{display:none!important}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in{display:block!important;width:140px}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing:before,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in:before{right:10px}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-right,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-right{float:none!important;margin-right:0}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-nav>li,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-nav>li{float:none}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-nav>li>a,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-nav>li>a{border-radius:0}body.view-double.compact-mode-in.page-open #navbar #compactTogger,body.view-double.compact-mode-in.page-open #navbar .brand-title{display:none}body.view-double.compact-mode-in.page-open #headContainer{position:absolute;top:0;right:0;left:0}body.view-double.compact-mode-in.page-open #headContainer>.container{width:100%!important}body.view-double.compact-mode-in.page-open #search{right:60px;left:auto;width:120px;padding:0;-webkit-transition:width .2s;-o-transition:width .2s;transition:width .2s}body.view-double.compact-mode-in.page-open #searchInput::-webkit-input-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput::-moz-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput:-ms-input-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput::placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open.input-query-focus #search{width:240px}body.view-double.compact-mode-in.page-open.input-query-focus #navbar .zui-version{display:none}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open #header{position:fixed;top:0;left:0;width:360px;height:60px;padding-top:60px}body.view-double.compact-mode-in.page-open #pageLoader{max-width:1160px}body.view-double.compact-mode-in.page-open #grid{position:fixed;top:60px;bottom:0;left:0;width:360px;padding:10px 0;margin-top:0;overflow-y:auto;border-right:1px solid #ddd;opacity:1!important;-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}body.view-double.compact-mode-in.page-open #grid>.container{width:100%!important}body.view-double.compact-mode-in.page-open #grid>.container .row>.col{width:100%}body.view-double.compact-mode-in.page-open #grid .chapter{margin-bottom:10px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-10x{font-size:70px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-5x{font-size:42px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-2x{font-size:28px}body.view-double.compact-mode-in.page-open #pageCloseBtn{display:none}body.view-double.compact-mode-in.page-open #pageReloadBtn{right:15px}body.view-double.compact-mode-in.page-open #page{position:fixed;top:0;right:0;bottom:0;left:360px;display:block!important}body.view-double.compact-mode-in.page-open #pageHeader>.container{margin:0 auto 0 15px}body.view-double.compact-mode-in.page-open #pageBody>.container{margin:0 auto 0 10px}body.view-double.compact-mode-in.page-open>footer{position:fixed;bottom:0;left:0;width:340px;background:rgba(255,255,255,.9)}body.view-double.compact-mode-in.page-open>footer>.container{width:100%!important}body.view-double.compact-mode-in.page-open>footer hr{display:none}body.view-double.compact-mode-in.page-open>footer p{height:20px;margin:0;line-height:20px}}@-webkit-keyframes scale-shape{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-o-keyframes scale-shape{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}20%{opacity:1;-o-transform:scale(1);transform:scale(1)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes scale-shape{0%{opacity:0;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}#changeViewModal .modal-dialog{max-width:450px;overflow:hidden}#changeViewModal .modal-body{padding:0}#changeViewModal .view-shape{position:absolute;top:15px;left:20px;width:120px;height:100px;background-color:#fff;border:1px solid #ddd}#changeViewModal .view-option-single .view-shape:after,#changeViewModal .view-option-single .view-shape:before{position:absolute;top:0;display:block;content:' '}#changeViewModal .view-option-single .view-shape:before{right:0;left:0;height:10px;background:grey}#changeViewModal .view-option-single .view-shape:after{top:12px;right:10px;bottom:0;left:10px;background:#ddd}#changeViewModal .view-option-single .view-shape .s-1{position:absolute;top:13px;right:11px;bottom:0;left:11px;z-index:1;background:#fafafa}#changeViewModal .view-option-single .view-shape .s-1:after,#changeViewModal .view-option-single .view-shape .s-1:before{position:absolute;top:5px;right:5px;left:5px;display:block;height:30px;content:' ';border-top:5px solid #aaa;border-bottom:5px solid #bbb}#changeViewModal .view-option-single .view-shape .s-1:after{top:17px;right:30px;border-color:#ccc}#changeViewModal .view-option-double .view-shape:after,#changeViewModal .view-option-double .view-shape:before{position:absolute;top:0;left:0;display:block;width:40px;content:' '}#changeViewModal .view-option-double .view-shape:before{height:10px;background:grey}#changeViewModal .view-option-double .view-shape:after{top:10px;bottom:0;background:#ddd}#changeViewModal .view-option-double .view-shape .s-1{position:absolute;top:0;right:0;bottom:0;left:42px;z-index:1;background:#fafafa}#changeViewModal .view-option-double .view-shape .s-1:after,#changeViewModal .view-option-double .view-shape .s-1:before{position:absolute;top:5px;right:5px;left:5px;display:block;height:30px;content:' ';border-top:5px solid #aaa;border-bottom:5px solid #bbb}#changeViewModal .view-option-double .view-shape .s-1:after{top:17px;right:30px;border-color:#ccc}#changeViewModal .view-option{position:relative;display:block;min-height:130px;padding:15px;padding-left:160px;cursor:pointer}#changeViewModal .view-option>.title{margin-bottom:5px;font-size:14px;font-weight:700;color:#333;opacity:.7}#changeViewModal .view-option.active,#changeViewModal .view-option:active,#changeViewModal .view-option:focus,#changeViewModal .view-option:hover{color:#3280fc;text-decoration:none;background-color:#ebf2f9}#changeViewModal .view-option.active .view-shape:before,#changeViewModal .view-option:active .view-shape:before,#changeViewModal .view-option:focus .view-shape:before,#changeViewModal .view-option:hover .view-shape:before{background:#3280fc}#changeViewModal .view-option.active .view-shape .s-1,#changeViewModal .view-option:active .view-shape .s-1,#changeViewModal .view-option:focus .view-shape .s-1,#changeViewModal .view-option:hover .view-shape .s-1{-webkit-animation:scale-shape 2s infinite linear normal;-o-animation:scale-shape 2s infinite linear normal;animation:scale-shape 2s infinite linear normal}#changeViewModal .view-option.active>.title,#changeViewModal .view-option:active>.title,#changeViewModal .view-option:focus>.title,#changeViewModal .view-option:hover>.title{opacity:1}#changeViewModal .view-option.active{background:#ebf2f9}#changeViewModal .view-option.active>.title:after{display:inline-block;margin-left:5px;font-weight:400;color:#3280fc;content:'(当前)'}[lang=en] #changeViewModal .view-option.active>.title:after{content:'(Current)'}#changeViewModal .view-option.active .view-shape{border-color:#3280fc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #97befd;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #97befd} \ No newline at end of file + * Copyright (c) 2021 cnezsoft.com; Licensed MIT + */.colorset{padding-top:20px;padding-bottom:10px;border-bottom:1px dashed #e6e6e6}.colorset:after,.colorset:before{display:table;content:" "}.colorset:after{clear:both}.color-tile{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;border:1px solid rgba(0,0,0,.5)}.color-tile:after,.color-tile:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.color-tile:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.color-tile:hover:after,.color-tile:hover:before{opacity:1}.colorset .color-primary{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#3280fc;border:1px solid rgba(0,0,0,.5);border-color:#0462f7}.colorset .color-primary:after,.colorset .color-primary:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-primary:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-primary:hover:after,.colorset .color-primary:hover:before{opacity:1}.colorset .color-primary:after,.colorset .color-primary:before{color:#fff}.colorset .color-primary:after{content:"#3280fc"}.colorset .color-primary:before{content:"color-primary"}.colorset .color-primary:hover:before{content:"217,97%,59%"}.colorset .color-secondary{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#145ccd;border:1px solid rgba(0,0,0,.5);border-color:#10479f}.colorset .color-secondary:after,.colorset .color-secondary:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-secondary:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-secondary:hover:after,.colorset .color-secondary:hover:before{opacity:1}.colorset .color-secondary:after,.colorset .color-secondary:before{color:#fff}.colorset .color-secondary:after{content:"#145ccd"}.colorset .color-secondary:before{content:"color-secondary"}.colorset .color-secondary:hover:before{content:"217,82%,44%"}.colorset .color-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ebf2f9;border:1px solid rgba(0,0,0,.5);border-color:#c4d8ed}.colorset .color-pale:after,.colorset .color-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-pale:hover:after,.colorset .color-pale:hover:before{opacity:1}.colorset .color-pale:after,.colorset .color-pale:before{color:#353535}.colorset .color-pale:after{content:"#ebf2f9"}.colorset .color-pale:before{content:"color-pale"}.colorset .color-pale:hover:before{content:"210,54%,95%"}.colorset .color-fore{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#353535;border:1px solid rgba(0,0,0,.5);border-color:#1c1c1c}.colorset .color-fore:after,.colorset .color-fore:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-fore:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-fore:hover:after,.colorset .color-fore:hover:before{opacity:1}.colorset .color-fore:after,.colorset .color-fore:before{color:#fff}.colorset .color-fore:after{content:"#353535"}.colorset .color-fore:before{content:"color-fore"}.colorset .color-fore:hover:before{content:"0,0%,21%"}.colorset .color-back{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-back:after,.colorset .color-back:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-back:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-back:hover:after,.colorset .color-back:hover:before{opacity:1}.colorset .color-back:after,.colorset .color-back:before{color:#353535}.colorset .color-back:after{content:"#fff"}.colorset .color-back:before{content:"color-back"}.colorset .color-back:hover:before{content:"0,0%,100%"}.colorset .color-gray-darker{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#222;border:1px solid rgba(0,0,0,.5);border-color:#090909}.colorset .color-gray-darker:after,.colorset .color-gray-darker:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-darker:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-darker:hover:after,.colorset .color-gray-darker:hover:before{opacity:1}.colorset .color-gray-darker:after,.colorset .color-gray-darker:before{color:#fff}.colorset .color-gray-darker:after{content:"#222222"}.colorset .color-gray-darker:before{content:"color-gray-darker"}.colorset .color-gray-darker:hover:before{content:"0,0%,14%"}.colorset .color-gray-dark{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#333;border:1px solid rgba(0,0,0,.5);border-color:#1a1a1a}.colorset .color-gray-dark:after,.colorset .color-gray-dark:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-dark:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-dark:hover:after,.colorset .color-gray-dark:hover:before{opacity:1}.colorset .color-gray-dark:after,.colorset .color-gray-dark:before{color:#fff}.colorset .color-gray-dark:after{content:"#333333"}.colorset .color-gray-dark:before{content:"color-gray-dark"}.colorset .color-gray-dark:hover:before{content:"0,0%,20%"}.colorset .color-gray{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:grey;border:1px solid rgba(0,0,0,.5);border-color:#666}.colorset .color-gray:after,.colorset .color-gray:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray:hover:after,.colorset .color-gray:hover:before{opacity:1}.colorset .color-gray:after,.colorset .color-gray:before{color:#fff}.colorset .color-gray:after{content:"#808080"}.colorset .color-gray:before{content:"color-gray"}.colorset .color-gray:hover:before{content:"0,0%,50%"}.colorset .color-gray-light{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddd;border:1px solid rgba(0,0,0,.5);border-color:#c4c4c4}.colorset .color-gray-light:after,.colorset .color-gray-light:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-light:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-light:hover:after,.colorset .color-gray-light:hover:before{opacity:1}.colorset .color-gray-light:after,.colorset .color-gray-light:before{color:#353535}.colorset .color-gray-light:after{content:"#dddddd"}.colorset .color-gray-light:before{content:"color-gray-light"}.colorset .color-gray-light:hover:before{content:"0,0%,87%"}.colorset .color-gray-lighter{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#e5e5e5;border:1px solid rgba(0,0,0,.5);border-color:#cbcbcb}.colorset .color-gray-lighter:after,.colorset .color-gray-lighter:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-lighter:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-lighter:hover:after,.colorset .color-gray-lighter:hover:before{opacity:1}.colorset .color-gray-lighter:after,.colorset .color-gray-lighter:before{color:#353535}.colorset .color-gray-lighter:after{content:"#e5e5e5"}.colorset .color-gray-lighter:before{content:"color-gray-lighter"}.colorset .color-gray-lighter:hover:before{content:"0,0%,90%"}.colorset .color-gray-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1f1f1;border:1px solid rgba(0,0,0,.5);border-color:#d7d7d7}.colorset .color-gray-pale:after,.colorset .color-gray-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-gray-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-gray-pale:hover:after,.colorset .color-gray-pale:hover:before{opacity:1}.colorset .color-gray-pale:after,.colorset .color-gray-pale:before{color:#353535}.colorset .color-gray-pale:after{content:"#f1f1f1"}.colorset .color-gray-pale:before{content:"color-gray-pale"}.colorset .color-gray-pale:hover:before{content:"0,0%,95%"}.colorset .color-white{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-white:after,.colorset .color-white:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-white:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-white:hover:after,.colorset .color-white:hover:before{opacity:1}.colorset .color-white:after,.colorset .color-white:before{color:#353535}.colorset .color-white:after{content:"#fff"}.colorset .color-white:before{content:"color-white"}.colorset .color-white:hover:before{content:"0,0%,100%"}.colorset .color-black{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#000;border:1px solid rgba(0,0,0,.5);border-color:#000}.colorset .color-black:after,.colorset .color-black:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-black:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-black:hover:after,.colorset .color-black:hover:before{opacity:1}.colorset .color-black:after,.colorset .color-black:before{color:#fff}.colorset .color-black:after{content:"#000"}.colorset .color-black:before{content:"color-black"}.colorset .color-black:hover:before{content:"0,0%,0%"}.colorset .color-red{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ea644a;border:1px solid rgba(0,0,0,.5);border-color:#e53d1c}.colorset .color-red:after,.colorset .color-red:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-red:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-red:hover:after,.colorset .color-red:hover:before{opacity:1}.colorset .color-red:after,.colorset .color-red:before{color:#fff}.colorset .color-red:after{content:"#ea644a"}.colorset .color-red:before{content:"color-red"}.colorset .color-red:hover:before{content:"10,79%,60%"}.colorset .color-yellow{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1a325;border:1px solid rgba(0,0,0,.5);border-color:#d5890e}.colorset .color-yellow:after,.colorset .color-yellow:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-yellow:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-yellow:hover:after,.colorset .color-yellow:hover:before{opacity:1}.colorset .color-yellow:after,.colorset .color-yellow:before{color:#fff}.colorset .color-yellow:after{content:"#f1a325"}.colorset .color-yellow:before{content:"color-yellow"}.colorset .color-yellow:hover:before{content:"37,88%,55%"}.colorset .color-green{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#38b03f;border:1px solid rgba(0,0,0,.5);border-color:#2c8931}.colorset .color-green:after,.colorset .color-green:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-green:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-green:hover:after,.colorset .color-green:hover:before{opacity:1}.colorset .color-green:after,.colorset .color-green:before{color:#fff}.colorset .color-green:after{content:"#38b03f"}.colorset .color-green:before{content:"color-green"}.colorset .color-green:hover:before{content:"124,52%,45%"}.colorset .color-blue{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#03b8cf;border:1px solid rgba(0,0,0,.5);border-color:#028b9d}.colorset .color-blue:after,.colorset .color-blue:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-blue:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-blue:hover:after,.colorset .color-blue:hover:before{opacity:1}.colorset .color-blue:after,.colorset .color-blue:before{color:#fff}.colorset .color-blue:after{content:"#03b8cf"}.colorset .color-blue:before{content:"color-blue"}.colorset .color-blue:hover:before{content:"187,97%,41%"}.colorset .color-brown{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#bd7b46;border:1px solid rgba(0,0,0,.5);border-color:#996337}.colorset .color-brown:after,.colorset .color-brown:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-brown:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-brown:hover:after,.colorset .color-brown:hover:before{opacity:1}.colorset .color-brown:after,.colorset .color-brown:before{color:#fff}.colorset .color-brown:after{content:"#bd7b46"}.colorset .color-brown:before{content:"color-brown"}.colorset .color-brown:hover:before{content:"27,47%,51%"}.colorset .color-purple{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#8666b8;border:1px solid rgba(0,0,0,.5);border-color:#6c4aa1}.colorset .color-purple:after,.colorset .color-purple:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-purple:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-purple:hover:after,.colorset .color-purple:hover:before{opacity:1}.colorset .color-purple:after,.colorset .color-purple:before{color:#fff}.colorset .color-purple:after{content:"#8666b8"}.colorset .color-purple:before{content:"color-purple"}.colorset .color-purple:hover:before{content:"263,37%,56%"}.colorset .color-light{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff;border:1px solid rgba(0,0,0,.5);border-color:#e6e6e6}.colorset .color-light:after,.colorset .color-light:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-light:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-light:hover:after,.colorset .color-light:hover:before{opacity:1}.colorset .color-light:after,.colorset .color-light:before{color:#353535}.colorset .color-light:after{content:"#fff"}.colorset .color-light:before{content:"color-light"}.colorset .color-light:hover:before{content:"0,0%,100%"}.colorset .color-dark{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#353535;border:1px solid rgba(0,0,0,.5);border-color:#1c1c1c}.colorset .color-dark:after,.colorset .color-dark:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-dark:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-dark:hover:after,.colorset .color-dark:hover:before{opacity:1}.colorset .color-dark:after,.colorset .color-dark:before{color:#fff}.colorset .color-dark:after{content:"#353535"}.colorset .color-dark:before{content:"color-dark"}.colorset .color-dark:hover:before{content:"0,0%,21%"}.colorset .color-success{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#38b03f;border:1px solid rgba(0,0,0,.5);border-color:#2c8931}.colorset .color-success:after,.colorset .color-success:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-success:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-success:hover:after,.colorset .color-success:hover:before{opacity:1}.colorset .color-success:after,.colorset .color-success:before{color:#fff}.colorset .color-success:after{content:"#38b03f"}.colorset .color-success:before{content:"color-success"}.colorset .color-success:hover:before{content:"124,52%,45%"}.colorset .color-warning{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f1a325;border:1px solid rgba(0,0,0,.5);border-color:#d5890e}.colorset .color-warning:after,.colorset .color-warning:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-warning:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-warning:hover:after,.colorset .color-warning:hover:before{opacity:1}.colorset .color-warning:after,.colorset .color-warning:before{color:#fff}.colorset .color-warning:after{content:"#f1a325"}.colorset .color-warning:before{content:"color-warning"}.colorset .color-warning:hover:before{content:"37,88%,55%"}.colorset .color-danger{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ea644a;border:1px solid rgba(0,0,0,.5);border-color:#e53d1c}.colorset .color-danger:after,.colorset .color-danger:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-danger:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-danger:hover:after,.colorset .color-danger:hover:before{opacity:1}.colorset .color-danger:after,.colorset .color-danger:before{color:#fff}.colorset .color-danger:after{content:"#ea644a"}.colorset .color-danger:before{content:"color-danger"}.colorset .color-danger:hover:before{content:"10,79%,60%"}.colorset .color-info{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#03b8cf;border:1px solid rgba(0,0,0,.5);border-color:#028b9d}.colorset .color-info:after,.colorset .color-info:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-info:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-info:hover:after,.colorset .color-info:hover:before{opacity:1}.colorset .color-info:after,.colorset .color-info:before{color:#fff}.colorset .color-info:after{content:"#03b8cf"}.colorset .color-info:before{content:"color-info"}.colorset .color-info:hover:before{content:"187,97%,41%"}.colorset .color-important{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#bd7b46;border:1px solid rgba(0,0,0,.5);border-color:#996337}.colorset .color-important:after,.colorset .color-important:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-important:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-important:hover:after,.colorset .color-important:hover:before{opacity:1}.colorset .color-important:after,.colorset .color-important:before{color:#fff}.colorset .color-important:after{content:"#bd7b46"}.colorset .color-important:before{content:"color-important"}.colorset .color-important:hover:before{content:"27,47%,51%"}.colorset .color-special{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#8666b8;border:1px solid rgba(0,0,0,.5);border-color:#6c4aa1}.colorset .color-special:after,.colorset .color-special:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-special:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-special:hover:after,.colorset .color-special:hover:before{opacity:1}.colorset .color-special:after,.colorset .color-special:before{color:#fff}.colorset .color-special:after{content:"#8666b8"}.colorset .color-special:before{content:"color-special"}.colorset .color-special:hover:before{content:"263,37%,56%"}.colorset .color-success-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddf4df;border:1px solid rgba(0,0,0,.5);border-color:#b6e8bb}.colorset .color-success-pale:after,.colorset .color-success-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-success-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-success-pale:hover:after,.colorset .color-success-pale:hover:before{opacity:1}.colorset .color-success-pale:after,.colorset .color-success-pale:before{color:#353535}.colorset .color-success-pale:after{content:"#ddf4df"}.colorset .color-success-pale:before{content:"color-success-pale"}.colorset .color-success-pale:hover:before{content:"125,51%,91%"}.colorset .color-warning-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#fff0d5;border:1px solid rgba(0,0,0,.5);border-color:#ffdea2}.colorset .color-warning-pale:after,.colorset .color-warning-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-warning-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-warning-pale:hover:after,.colorset .color-warning-pale:hover:before{opacity:1}.colorset .color-warning-pale:after,.colorset .color-warning-pale:before{color:#353535}.colorset .color-warning-pale:after{content:"#fff0d5"}.colorset .color-warning-pale:before{content:"color-warning-pale"}.colorset .color-warning-pale:hover:before{content:"39,100%,92%"}.colorset .color-danger-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ffe5e0;border:1px solid rgba(0,0,0,.5);border-color:#ffbaad}.colorset .color-danger-pale:after,.colorset .color-danger-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-danger-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-danger-pale:hover:after,.colorset .color-danger-pale:hover:before{opacity:1}.colorset .color-danger-pale:after,.colorset .color-danger-pale:before{color:#353535}.colorset .color-danger-pale:after{content:"#ffe5e0"}.colorset .color-danger-pale:before{content:"color-danger-pale"}.colorset .color-danger-pale:hover:before{content:"10,100%,94%"}.colorset .color-info-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#ddf3f5;border:1px solid rgba(0,0,0,.5);border-color:#b6e5e9}.colorset .color-info-pale:after,.colorset .color-info-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-info-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-info-pale:hover:after,.colorset .color-info-pale:hover:before{opacity:1}.colorset .color-info-pale:after,.colorset .color-info-pale:before{color:#353535}.colorset .color-info-pale:after{content:"#ddf3f5"}.colorset .color-info-pale:before{content:"color-info-pale"}.colorset .color-info-pale:hover:before{content:"185,55%,91%"}.colorset .color-important-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f7ebe1;border:1px solid rgba(0,0,0,.5);border-color:#ecd0b9}.colorset .color-important-pale:after,.colorset .color-important-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-important-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-important-pale:hover:after,.colorset .color-important-pale:hover:before{opacity:1}.colorset .color-important-pale:after,.colorset .color-important-pale:before{color:#353535}.colorset .color-important-pale:after{content:"#f7ebe1"}.colorset .color-important-pale:before{content:"color-important-pale"}.colorset .color-important-pale:hover:before{content:"27,58%,93%"}.colorset .color-special-pale{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f5eeff;border:1px solid rgba(0,0,0,.5);border-color:#d7bbff}.colorset .color-special-pale:after,.colorset .color-special-pale:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-special-pale:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-special-pale:hover:after,.colorset .color-special-pale:hover:before{opacity:1}.colorset .color-special-pale:after,.colorset .color-special-pale:before{color:#353535}.colorset .color-special-pale:after{content:"#f5eeff"}.colorset .color-special-pale:before{content:"color-special-pale"}.colorset .color-special-pale:hover:before{content:"265,100%,97%"}.colorset .color-1{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f9f9f9;border:1px solid rgba(0,0,0,.5);border-color:#dfdfdf}.colorset .color-1:after,.colorset .color-1:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-1:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-1:hover:after,.colorset .color-1:hover:before{opacity:1}.colorset .color-1:after,.colorset .color-1:before{color:#353535}.colorset .color-1:after{content:"#f9f9f9"}.colorset .color-1:before{content:"color-1"}.colorset .color-1:hover:before{content:"0,0%,98%"}.colorset .color-2{position:relative;display:block;float:left;width:160px;height:160px;margin-right:10px;margin-bottom:10px;color:#fff;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.5);border-color:#dcdcdc}.colorset .color-2:after,.colorset .color-2:before{position:absolute;bottom:0;left:0;display:block;width:100%;height:24px;padding:0 5px;font-size:12px;line-height:24px;color:rgba(255,255,255,.7);text-align:left;opacity:.5;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)}.colorset .color-2:after{top:0;bottom:auto;color:rgba(255,255,255,.9);text-align:right;text-transform:uppercase;background-color:transparent}.colorset .color-2:hover:after,.colorset .color-2:hover:before{opacity:1}.colorset .color-2:after,.colorset .color-2:before{color:#353535}.colorset .color-2:after{content:"#f5f5f5"}.colorset .color-2:before{content:"color-2"}.colorset .color-2:hover:before{content:"0,0%,96%"}.icon-xuanxuan{display:inline-block!important;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA2FBMVEUAAAD/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/QIH/////9vn/RIT/8/j/vNP/psT/ocH/Z5v/5u//4uz/3ej/uNH/sMv/qsf/m73/lrr/kLb/h7D/gaz/b6H/+Pv/3+r/3un/0uH/yNr/w9f/dqX/YZf/XJT/TIr/eaf/eKaGVdyFAAAAJ3RSTlMABePE+jMU772tmvd2Khry7N3XyZWBZlEmIQ/o0qSOfIuFQV1YPA7HJZ3+AAAB90lEQVRIx5WV6UKrMBCFJ9Cyldbutbt6lym0WrXu+3av7/9GymASQqDQ71fO5JBtkgE06n3PadmVit1yvH4dCqjODFQwZlXIZ2BiBuYgb3Ru1zCzZmGHFcylcsggRaODW+k0QGHfwAKMfd1f/gurhSVoWWK/DpbC4Tv3MSa8eFgep0zHQXARcuEDMaz96MvFN9eK/zoKXXJVG0LElOtl1HuKSU6j0FLIKV02IRfEB0re45AMRJexK9QL9V6h5IoizzLQBWC2UHfUfYaSM4rcyYDN4A9Kzqn/U+g30o+Y4Ah6CXVPhqeQH3M8wD0m6IGblCfkOFGUmhkX2opekeeW2rfUfkWFNuypgQ25Vut/61XcCtX+JmCKm2AhCW60pwSYZh1I/1rrrUFztxnGMFF0GK98872HTdxClQm4in7VTmmFqWP1lduv54GUxIe6lulzkeknPdNVAEOqRzK8Cf0/HgAlBgD0drmtvaiE1bh6znkPLzILVM4O1Bf3jpKP1IubQYQ1LvumxxYQg7JVQ9R9j9elINDq0vJB1CUPOMzEEpgMBKNOsb8zggQjs3B88kuYt93vMUjjb/llNX9DBlUj7w/XtSCbedYke90h5DJ00m7311/YSt/my3bcg36VQSHWFAkTSnPUpsVAedg8WlcDdsCatyc5y/8Ck4QB40D1b8oAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}.icon-10x{font-size:140px}@media (min-width:992px){.col-md-d5{width:20%}}.slide-in-up-100{position:relative;top:100px}.slide-in-up-100.in{top:0}.slide-in-right-50{position:relative;left:50px}.slide-in-right-50.in{left:0}.grow-up-in-height.show{height:0;overflow:hidden}.grow-up-in-height.show.in{height:auto}.margin-zero{margin:0!important}@-webkit-keyframes glow{0%{border-color:rgba(71,164,71,.9);-webkit-box-shadow:0 0 12px rgba(71,164,71,.1)}100%{border-color:#1a801a;-webkit-box-shadow:0 0 18px rgba(26,128,26,.8),0 0 12px rgba(71,164,71,.5)}}.example{position:relative;padding:20px;margin:0 0 15px;border:1px solid #ddd;border-style:solid;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.example [contenteditable]:focus,.example:focus{outline:0;-webkit-box-shadow:0 1px 15px rgba(0,0,0,.5);box-shadow:0 1px 15px rgba(0,0,0,.5);-webkit-animation-name:glow;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}.example.no-padding{padding:0}.example.borderless{border:none}.example>:last-child{margin-bottom:0}pre{position:relative;padding:10px 20px;margin-bottom:15px;border-color:#ddd;border-radius:0}pre em{display:inline-block;font-weight:700}pre:hover em{background-color:#ffe5e0}pre>code:before{position:absolute;top:4px;right:4px;display:inline-block;padding:0 4px;font-size:12px;line-height:16px;color:#fff;pointer-events:none;background-color:#bbb;background-color:rgba(0,0,0,.15);border-radius:2px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}pre:hover>code:before{opacity:0}pre>code.lang-javascript:before,pre>code.lang-js:before{content:'javascript'}pre>code.lang-html:before{content:'html'}pre>code.lang-css:before{content:'css'}pre.linenums{padding:10px}.example+pre,pre+pre{margin:-15px 0 15px;border:1px solid #ddd;border-top:none;border-radius:0}.copyable{position:relative}.btn-copy-code{position:absolute;top:3px;right:3px;width:28px;height:28px;padding:3px 0;line-height:20px;text-shadow:none;background-color:rgba(255,255,255,.5);border-radius:3px;opacity:0}.btn-copy-code>.icon{line-height:20px}.btn-copy-code:hover{color:#145ccd;background-color:#fff;border-color:#3280fc}.copyable.fixed-copy-btn>.btn-copy-code,.copyable:hover>.btn-copy-code,pre:hover>.btn-copy-code{opacity:1}.nav-examples.nav-tabs>li>a{border-radius:0}.nav-examples+.example{border-top-color:transparent}a.avatar{display:block;width:40px;height:40px;margin-top:5px!important;font-size:30px;line-height:40px;color:#aaa!important;text-align:center;background-color:#e5e5e5;border-radius:4px}body>.tooltip{z-index:9999}a.avatar>i{font-size:28px}a.avatar:hover{text-decoration:none}.loader{height:0;padding:0;overflow:hidden;color:grey;text-align:center;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}.loader>.icon{display:block;width:50px;height:50px;margin:0 auto;font-size:42px;line-height:50px}.loader.loading,.loader.with-error{height:auto;padding:80px 0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.loader.loading>.error-text{display:none}.loader.with-error>.icon-spin{-webkit-animation:none;-o-animation:none;animation:none}.loader.with-error>.icon-spin:before{content:'\e664'}.loader.with-error>.error-text{display:inline}.loader.with-error>.loading-text{display:none}.template{display:none}.path-zui-36{position:relative;display:inline-block;width:36px;height:36px;overflow:hidden;background-color:#fff;border-radius:18px}.path-zui-36:after,.path-zui-36:before{position:absolute;left:11px;display:block;width:14px;height:4px;content:' ';border:2px solid #3280fc}.path-zui-36:before{top:9px;border-bottom:none}.path-zui-36:after{top:23px;border-top:none}.path-zui-36 .path-1,.path-zui-36 .path-1:after,.path-zui-36 .path-1:before,.path-zui-36 .path-2,.path-zui-36 .path-2:before{position:absolute;display:block;width:2px;height:2px;content:' ';background-color:#3280fc}.path-zui-36 .path-1{top:19px;left:15px}.path-zui-36 .path-1:before,.path-zui-36 .path-2:before{top:2px;left:-2px}.path-zui-36 .path-1:after{top:-2px;left:2px}.path-zui-36 .path-2{top:13px;left:21px}.path-btn{border-radius:0}.path-btn:active,.path-btn:focus{background:0 0;outline:0}.path-btn:after,.path-btn:before,.path-btn>.path-1,.path-btn>.path-1:after,.path-btn>.path-1:before{position:absolute;top:18px;left:19px;display:block;width:10px;height:2px;content:' ';border:2px solid grey;border:2px solid rgba(0,0,0,.4);-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}.path-btn:after{top:26px}.path-btn>.path-1{top:22px;left:23px}.path-btn>.path-1:after,.path-btn>.path-1:before{top:-2px;left:-4px;width:6px}.path-btn>.path-1:after{top:2px}.path-btn:hover{background-color:#e5e5e5;background-color:rgba(0,0,0,.1)}.path-btn:hover:after,.path-btn:hover:before,.path-btn:hover>.path-1,.path-btn:hover>.path-1:after,.path-btn:hover>.path-1:before{border-color:#353535;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.path-btn:hover:before{top:26px}.path-btn:hover:after{top:18px}.path-btn:hover>.path-1{left:15px}.path-btn:hover>.path-1:before{top:2px;left:-4px}.path-btn:hover>.path-1:after{top:-2px;left:-4px}.path-btn.path-close-btn:after,.path-btn.path-close-btn:before,.path-btn.path-close-btn>.path-1,.path-btn.path-close-btn>.path-1:after,.path-btn.path-close-btn>.path-1:before{border-top:0;border-bottom:0}.path-btn.path-close-btn>.path-1{border-right:0}body{-webkit-transition:background .2s cubic-bezier(.175,.885,.32,1);-o-transition:background .2s cubic-bezier(.175,.885,.32,1);transition:background .2s cubic-bezier(.175,.885,.32,1)}#header{padding-top:80px;margin-bottom:20px;color:#fff;-webkit-transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1);transition:padding .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1),background-color .2s cubic-bezier(.175,.885,.32,1)}#header small{filter:alpha(opacity=65);opacity:.65}#navDownloadLink{visibility:hidden}#navbar{padding:20px 0;border-bottom:none;-webkit-transition:padding-top .4s cubic-bezier(.175,.885,.32,1);-o-transition:padding-top .4s cubic-bezier(.175,.885,.32,1);transition:padding-top .4s cubic-bezier(.175,.885,.32,1)}#navbar>.container{position:relative}#navbar.navbar-inverse{background:0 0}#navbar.navbar-inverse .navbar-toggle{border:none;border-radius:0}#navbar .navbar-nav>li>a{height:40px;line-height:20px;border-radius:4px}#navbar .navbar-nav>li>a:focus,#navbar .navbar-nav>li>a:hover{background-color:rgba(0,0,0,.2)}#navbar .navbar-nav>li>a>.icon{position:relative;top:2px;display:inline-block;font-size:18px}#navbar .navbar-brand{position:relative;padding-left:58px}#navbar .path-zui-36{position:absolute;top:0;left:10px}#navbar .navbar-collapse.collapsing,#navbar .navbar-collapse.in{position:relative;float:right;width:150px;margin-top:10px;overflow:visible;background-color:#fff;border:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}#navbar .navbar-collapse.collapsing #navDownloadLink,#navbar .navbar-collapse.in #navDownloadLink{visibility:visible}#navbar .navbar-collapse.collapsing:before,#navbar .navbar-collapse.in:before{position:absolute;top:-20px;right:20px;display:block;width:0;height:0;content:' ';border-color:transparent transparent #fff transparent;border-style:dashed dashed solid dashed;border-width:10px}#navbar .navbar-collapse.collapsing .navbar-nav>li>a,#navbar .navbar-collapse.in .navbar-nav>li>a{color:#353535;filter:alpha(opacity=0);opacity:0}#navbar .navbar-collapse.in .navbar-nav>li>a{filter:alpha(opacity=100);opacity:1}#compactTogger{display:none;font-size:18px}#heading{position:relative;overflow:hidden;text-align:center}#heading>h1{margin-top:0;font-size:48px;font-weight:400}#heading>p{filter:alpha(opacity=65);opacity:.65}#download{padding-top:20px;text-align:center}#download>.btn-lg{margin-bottom:15px;border-color:#e5e5e5;border-color:rgba(255,255,255,.65)}#download>.btn-lg+.btn{margin-left:10px}#download>.btn-lg>.icon{position:relative;top:-1px;margin-right:-3px;margin-left:6px}#download>.btn-lg.btn-white{color:#3280fc;background:#fff;opacity:.9}#download>.btn-lg.btn-white:active,#download>.btn-lg.btn-white:focus,#download>.btn-lg.btn-white:hover{color:#145ccd;opacity:1}#search{max-width:800px;padding:60px 20px 70px;margin:0 auto}#searchForm{position:relative}#searchForm>.icon{position:absolute;top:14px;left:14px;display:block;width:16px;height:16px;color:#fff;text-align:center;filter:alpha(opacity=65);opacity:.65}#searchInput{padding-left:40px;color:#fff;background:0 0;border:1px solid #e5e5e5;border-color:rgba(255,255,255,.6);border-radius:21px}#searchInput::-webkit-input-placeholder{color:#e5e5e5}#searchInput::-moz-placeholder{color:#e5e5e5}#searchInput:-ms-input-placeholder{color:#e5e5e5}#searchInput::placeholder{color:#e5e5e5}#searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}#searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}#searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}#searchInput::placeholder{color:rgba(255,255,255,.5)}#searchInput:focus{background-color:rgba(255,255,255,.1);border-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(51,51,51,.275);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(51,51,51,.275)}#searchHelpBtn{position:absolute;top:3px;right:4px;width:36px;height:36px;padding:0;line-height:36px;color:#fff;text-align:center;filter:alpha(opacity=65);border-radius:20px;outline:0;opacity:.65}#searchHelpBtn:active,#searchHelpBtn:focus,#searchHelpBtn:hover{background-color:grey;background-color:rgba(0,0,0,.5)}#searchHelpBtn>.icon{font-size:18px}#search.with-query-text #searchHelpBtn>.icon:before{content:'\d7'}#ad{padding-bottom:20px;margin-top:-50px;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}#ad>a{position:relative;display:block;width:340px;padding:10px;margin:0 auto;overflow:hidden;font-size:14px;color:#fff;background:rgba(0,0,0,.15);border-radius:4px;opacity:.8}#ad>a:after,#ad>a:before{position:absolute;top:0;bottom:0;left:0;width:100px;content:' ';background-color:rgba(255,255,255,.2);opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,-o-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s,-o-transform .3s;-webkit-transform:skewX(-45deg) translate(-120px,0);-ms-transform:skewX(-45deg) translate(-120px,0);-o-transform:skewX(-45deg) translate(-120px,0);transform:skewX(-45deg) translate(-120px,0)}#ad>a:after{top:20px;right:0;width:auto;background-color:rgba(0,0,0,.1);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}#ad>a:focus,#ad>a:hover{text-decoration:none;background:rgba(0,0,0,.2);-webkit-box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.15) 0 1px 4px;box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.15) 0 1px 4px;opacity:1}#ad>a:focus:before,#ad>a:hover:before{opacity:1;-webkit-transform:skewX(-45deg) translate(360px,0);-ms-transform:skewX(-45deg) translate(360px,0);-o-transform:skewX(-45deg) translate(360px,0);transform:skewX(-45deg) translate(360px,0)}#xuanxuan{position:relative!important;padding-right:0!important;padding-left:33px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+)!important;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#xuanxuan .icon-xuanxuan{position:absolute;top:9px;left:10px;display:block!important}#xuanxuan:hover{background-color:transparent!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyMjAwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzgyMDZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDk3MDAwMDAwMDAwMDAwMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWMwMGQ3IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=)!important}body.ad-hover.ad-xuanxuan #download .btn-primary,body.ad-hover.ad-xuanxuan #header{background-color:#912bff!important;-webkit-transition:.5s background-color;-o-transition:.5s background-color;transition:.5s background-color}body.ad-hover.ad-xuanxuan #download .btn-white{color:#912bff!important}#grid{position:relative}#grid>.container>.row>.col.hide{display:block;width:0;padding:0;filter:alpha(opacity=0);opacity:0}#grid>.container>.row+.row{padding-top:10px;border-top:1px solid #f1f1f1}#grid .chapter{margin-bottom:30px}#grid .chapter-heading>h4{margin-bottom:15px}#grid .chapter-heading>h4>.name{cursor:pointer}#grid .chapter-heading>h4>.name:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e6dd';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter-heading>h4>.name:hover:after{left:0;filter:alpha(opacity=100);opacity:1}#grid .card{display:none;margin-bottom:0;background-color:#fff;border-color:#fff;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);-o-transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),transform .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1);transition:border .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1),transform .1s cubic-bezier(.175,.885,.32,1),top .1s cubic-bezier(.175,.885,.32,1),left .1s cubic-bezier(.175,.885,.32,1),opcity .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1)}#grid .card.show{display:block}#grid .card.choosed{border-color:grey}#grid .card.choosed:before{position:absolute;top:0;right:-100%;display:block;padding:3px 8px;color:#fff;content:'Enter';border-radius:0 3px 0 3px;-webkit-transition:right .1s cubic-bezier(.175,.885,.32,1);-o-transition:right .1s cubic-bezier(.175,.885,.32,1);transition:right .1s cubic-bezier(.175,.885,.32,1)}#grid .card[data-target=external].choosed:before{content:'Enter'}#grid .card[data-target=""].choosed:before{display:none}#grid .card.open,#grid .card:hover{border-color:#e5e5e5}#grid .card.open{margin-bottom:5px}#grid .card.section-new>.card-heading:before,#grid .card.section-update>.card-heading:before{position:absolute;top:5px;left:5px;z-index:12;display:block;width:29px;height:9px;content:' ';background:#f1a325 url(data:image/gif;base64,R0lGODlhHQATAIAAAP///////yH5BAEAAAEALAAAAAAdABMAAAJBjI+py+0JTAQ0RPlQnefa3FnT9nnZxUkjiJVky8byTNf2TaOi2qFbFSoJU7oPBAPkUJIqk86jbBUhU6bRZ8JpHwUAOw==) no-repeat 0 -10px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}#grid .card.section-new>.card-heading:before{width:18px;background-color:#ea644a;background-position:0 0}#grid .card-heading{position:relative;padding:8px 8px 8px 50px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>.icon{position:absolute;top:5px;left:10px;z-index:10;width:30px;height:30px;font-style:normal;line-height:28px;text-align:center;background-position:center;-webkit-background-size:contain;background-size:contain;border:1px solid #f1f1f1;border-radius:16px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>.icon.with-img{background-color:transparent!important;filter:alpha(opacity=80);background-repeat:no-repeat;-webkit-background-size:75% 75%;background-size:75%;opacity:.8}#grid .card-heading>.icon.with-img:hover{filter:alpha(opacity=100);opacity:1}#grid .card-heading>.icon:before{position:relative}#grid .card-heading>h5{padding:5px 0;margin:0;font-size:15px;font-weight:400;line-height:15px;-webkit-transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);-o-transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1);transition:padding .1s cubic-bezier(.175,.885,.32,1),color .1s cubic-bezier(.175,.885,.32,1)}#grid .card-heading>h5>a.name{color:#353535}#grid .card-heading>small{position:relative;display:none;min-height:18px;max-height:48px;font-size:12px;white-space:normal}#grid .card-heading:hover>.btn-toggle{right:0;width:64px}#grid .card-heading.hover{background-color:#f1f1f1}#grid .card-heading.hover>.icon{color:#fff;background-color:grey}#grid .card.choosed .card-heading>h5,#grid .card.open .card-heading>h5{font-weight:700}#grid .card-content{height:0;padding:0 10px;overflow:hidden;-webkit-transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1);-o-transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1);transition:padding .1s cubic-bezier(.175,.885,.32,1),height .1s cubic-bezier(.175,.885,.32,1)}#grid .card-content>ul{position:relative;padding:0;margin:0;list-style:none}#grid .card-content>ul:before{position:absolute;top:-10px;bottom:14px;left:15px;z-index:5;display:block;content:' ';filter:alpha(opacity=0);border-left:1px dotted #e5e5e5;opacity:0}#grid .card-content>ul>li{position:relative;padding:0}#grid .card-content>ul>li>a{display:block;padding:5px 0 5px 40px;color:#353535;border-radius:4px}#grid .card-content>ul>li>a>.icon{display:inline-block;width:20px;text-align:center}#grid .card-content>ul>li>a:active,#grid .card-content>ul>li>a:focus,#grid .card-content>ul>li>a:hover{text-decoration:none}#grid .card-content>ul>li>a[href^='#search/']:before{position:absolute;top:2px;left:3px;z-index:100;display:block;width:24px;height:24px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;line-height:22px;color:grey;text-align:center;text-transform:none;content:'\e603';background-color:#e5e5e5;border-radius:12px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .card-content>ul>li.active>a,#grid .card-content>ul>li>a:hover{color:#353535;background-color:#f1f1f1}#grid .card-content>ul>li:before{position:absolute;top:10px;left:12px;z-index:12;display:block;width:8px;height:8px;content:' ';background-color:#e5e5e5;border-radius:4px;-webkit-transition:background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1);transition:background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1);transition:transform .1s cubic-bezier(.175,.885,.32,1),background-color .1s cubic-bezier(.175,.885,.32,1);transition:transform .1s cubic-bezier(.175,.885,.32,1),background-color .1s cubic-bezier(.175,.885,.32,1),-webkit-transform .1s cubic-bezier(.175,.885,.32,1),-o-transform .1s cubic-bezier(.175,.885,.32,1)}#grid .card-content>ul>li:after{position:absolute;top:14px;left:15px;z-index:11;display:block;width:20px;content:' ';border-bottom:1px dotted #e5e5e5}#grid .card-content>ul>li.active:before,#grid .card-content>ul>li:hover:before{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}#grid .card-content>ul[data-view=icons]:after,#grid .card-content>ul[data-view=icons]:before{display:table;content:" "}#grid .card-content>ul[data-view=icons]:after{clear:both}#grid .card-content>ul[data-view=icons]>li{float:left}#grid .card-content>ul[data-view=icons]>li:after,#grid .card-content>ul[data-view=icons]>li:before{display:none}#grid .card-content>ul[data-view=icons]>li>a{position:relative;width:30px;height:30px;padding:5px;overflow:hidden;text-indent:-999em}#grid .card-content>ul[data-view=icons]>li>a:hover{z-index:1;-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}#grid .card-content>ul[data-view=icons]>li>a>.icon{position:absolute;top:0;left:0;display:block;width:100%;height:30px;line-height:30px;text-indent:0}#grid .card-content>ul[data-view=icons]>li.control-icon-shaped>a{width:60px}#grid .section-search{height:0;padding:0}#grid .section-search:before{position:absolute;top:0;right:0;display:block;height:30px;padding:0 10px;line-height:30px;color:#ea644a;content:"没有找到,请更改关键字重新检索。";background-color:#ffe5e0}#grid .card.section-preview-show .section-search:before{display:none}#grid .section-preview{height:0;padding:0;background-color:#f1f1f1}#grid .section-preview.icon-preview>.icons{min-height:140px}#grid .section-preview.icon-preview>.icons>.icon{display:inline-block;margin:0 15px;line-height:1;text-align:center}#grid .section-preview.icon-preview>h3{padding:0 10px}#grid .section-preview.icon-preview>pre{max-width:400px;margin-left:10px}#grid .section-preview.show-shaped-icon .icon-10x{font-size:56px}#grid .section-preview.show-shaped-icon .icon-5x{font-size:42px}#grid .section-preview.show-shaped-icon .icon-2x{font-size:28px}#grid .card.open .card-heading>.icon:after{position:absolute;top:36px;left:18px;display:block;height:999px;content:' ';border-left:1px dotted #e5e5e5}#grid .card.open .card-heading>small{max-height:none}#grid .card.open .card-content{height:auto;padding:10px;border-top:1px dashed #f1f1f1;-webkit-box-shadow:inset 0 10px 64px rgba(0,0,0,.03);box-shadow:inset 0 10px 64px rgba(0,0,0,.03)}#grid .card.open .card-content.section-preview,#grid .card.open .card-content.section-search{height:0;padding:0}#grid .card.open .card-content>ul:before{filter:alpha(opacity=100);opacity:1}#grid .card.open.without-topics .card-heading>.icon:after{display:none}#grid .card.open.without-topics .card-content{height:0;padding:0;border-top:none}#grid .chapter[data-accent=blue] .chapter-heading{color:#03b8cf}#grid .chapter[data-accent=blue] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=blue] .card.choosed{border-color:#ddf3f5;border-color:rgba(3,184,207,.6);-webkit-box-shadow:0 1px 6px rgba(3,184,207,.3);box-shadow:0 1px 6px rgba(3,184,207,.3)}#grid .chapter[data-accent=blue] .card.choosed:before{background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading>.icon{color:#03b8cf;border-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=blue] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=blue] .card-heading.hover{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading.hover>.icon{color:#fff;background-color:#03b8cf;border-color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=blue] .card-heading:hover>h5>.name{color:#03b8cf}#grid .chapter[data-accent=blue] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=blue] .card-heading>.btn-toggle{color:#03b8cf;background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-heading>.btn-toggle:hover{color:#ddf3f5;cursor:pointer;background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li:before{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-content>ul>li:hover:before{background-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li:hover:after{border-color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li>a[href^='#search/']:before{color:#03b8cf;background-color:#ddf3f5}#grid .chapter[data-accent=blue] .card-content>ul>li.active>a,#grid .chapter[data-accent=blue] .card-content>ul>li>a:hover{background-color:#ddf3f5}#grid .chapter[data-accent=blue] .color-accent{color:#03b8cf}#grid .chapter[data-accent=blue] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=blue] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=blue] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=blue] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=primary] .chapter-heading{color:#3280fc}#grid .chapter[data-accent=primary] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=primary] .card.choosed{border-color:#ebf2f9;border-color:rgba(50,128,252,.6);-webkit-box-shadow:0 1px 6px rgba(50,128,252,.3);box-shadow:0 1px 6px rgba(50,128,252,.3)}#grid .chapter[data-accent=primary] .card.choosed:before{background-color:#3280fc}#grid .chapter[data-accent=primary] .card-heading>.icon{color:#3280fc;border-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=primary] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=primary] .card-heading.hover{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading.hover>.icon{color:#fff;background-color:#3280fc;border-color:#3280fc}#grid .chapter[data-accent=primary] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=primary] .card-heading:hover>h5>.name{color:#3280fc}#grid .chapter[data-accent=primary] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=primary] .card-heading>.btn-toggle{color:#3280fc;background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-heading>.btn-toggle:hover{color:#ebf2f9;cursor:pointer;background-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li:before{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-content>ul>li:hover:before{background-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li:hover:after{border-color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li>a[href^='#search/']:before{color:#3280fc;background-color:#ebf2f9}#grid .chapter[data-accent=primary] .card-content>ul>li.active>a,#grid .chapter[data-accent=primary] .card-content>ul>li>a:hover{background-color:#ebf2f9}#grid .chapter[data-accent=primary] .color-accent{color:#3280fc}#grid .chapter[data-accent=primary] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=primary] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=primary] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=primary] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=yellow] .chapter-heading{color:#f1a325}#grid .chapter[data-accent=yellow] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=yellow] .card.choosed{border-color:#fff0d5;border-color:rgba(241,163,37,.6);-webkit-box-shadow:0 1px 6px rgba(241,163,37,.3);box-shadow:0 1px 6px rgba(241,163,37,.3)}#grid .chapter[data-accent=yellow] .card.choosed:before{background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading>.icon{color:#f1a325;border-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=yellow] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=yellow] .card-heading.hover{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading.hover>.icon{color:#fff;background-color:#f1a325;border-color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=yellow] .card-heading:hover>h5>.name{color:#f1a325}#grid .chapter[data-accent=yellow] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=yellow] .card-heading>.btn-toggle{color:#f1a325;background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-heading>.btn-toggle:hover{color:#fff0d5;cursor:pointer;background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li:before{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-content>ul>li:hover:before{background-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li:hover:after{border-color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[href^='#search/']:before{color:#f1a325;background-color:#fff0d5}#grid .chapter[data-accent=yellow] .card-content>ul>li.active>a,#grid .chapter[data-accent=yellow] .card-content>ul>li>a:hover{background-color:#fff0d5}#grid .chapter[data-accent=yellow] .color-accent{color:#f1a325}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=yellow] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=yellow] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=yellow] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=green] .chapter-heading{color:#38b03f}#grid .chapter[data-accent=green] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=green] .card.choosed{border-color:#ddf4df;border-color:rgba(56,176,63,.6);-webkit-box-shadow:0 1px 6px rgba(56,176,63,.3);box-shadow:0 1px 6px rgba(56,176,63,.3)}#grid .chapter[data-accent=green] .card.choosed:before{background-color:#38b03f}#grid .chapter[data-accent=green] .card-heading>.icon{color:#38b03f;border-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=green] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=green] .card-heading.hover{background-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading.hover>.icon{color:#fff;background-color:#38b03f;border-color:#38b03f}#grid .chapter[data-accent=green] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=green] .card-heading:hover>h5>.name{color:#38b03f}#grid .chapter[data-accent=green] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=green] .card-heading>.btn-toggle{color:#38b03f;background-color:#ddf4df}#grid .chapter[data-accent=green] .card-heading>.btn-toggle:hover{color:#ddf4df;cursor:pointer;background-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li:before{background-color:#ddf4df}#grid .chapter[data-accent=green] .card-content>ul>li:hover:before{background-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li:hover:after{border-color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li>a[href^='#search/']:before{color:#38b03f;background-color:#ddf4df}#grid .chapter[data-accent=green] .card-content>ul>li.active>a,#grid .chapter[data-accent=green] .card-content>ul>li>a:hover{background-color:#ddf4df}#grid .chapter[data-accent=green] .color-accent{color:#38b03f}#grid .chapter[data-accent=green] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=green] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=green] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=green] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=red] .chapter-heading{color:#ea644a}#grid .chapter[data-accent=red] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=red] .card.choosed{border-color:#ffe5e0;border-color:rgba(234,100,74,.6);-webkit-box-shadow:0 1px 6px rgba(234,100,74,.3);box-shadow:0 1px 6px rgba(234,100,74,.3)}#grid .chapter[data-accent=red] .card.choosed:before{background-color:#ea644a}#grid .chapter[data-accent=red] .card-heading>.icon{color:#ea644a;border-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=red] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=red] .card-heading.hover{background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading.hover>.icon{color:#fff;background-color:#ea644a;border-color:#ea644a}#grid .chapter[data-accent=red] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=red] .card-heading:hover>h5>.name{color:#ea644a}#grid .chapter[data-accent=red] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=red] .card-heading>.btn-toggle{color:#ea644a;background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-heading>.btn-toggle:hover{color:#ffe5e0;cursor:pointer;background-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li:before{background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-content>ul>li:hover:before{background-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li:hover:after{border-color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li>a[href^='#search/']:before{color:#ea644a;background-color:#ffe5e0}#grid .chapter[data-accent=red] .card-content>ul>li.active>a,#grid .chapter[data-accent=red] .card-content>ul>li>a:hover{background-color:#ffe5e0}#grid .chapter[data-accent=red] .color-accent{color:#ea644a}#grid .chapter[data-accent=red] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=red] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=red] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=red] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=brown] .chapter-heading{color:#bd7b46}#grid .chapter[data-accent=brown] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=brown] .card.choosed{border-color:#f7ebe1;border-color:rgba(189,123,70,.6);-webkit-box-shadow:0 1px 6px rgba(189,123,70,.3);box-shadow:0 1px 6px rgba(189,123,70,.3)}#grid .chapter[data-accent=brown] .card.choosed:before{background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading>.icon{color:#bd7b46;border-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=brown] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=brown] .card-heading.hover{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading.hover>.icon{color:#fff;background-color:#bd7b46;border-color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=brown] .card-heading:hover>h5>.name{color:#bd7b46}#grid .chapter[data-accent=brown] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=brown] .card-heading>.btn-toggle{color:#bd7b46;background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-heading>.btn-toggle:hover{color:#f7ebe1;cursor:pointer;background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li:before{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-content>ul>li:hover:before{background-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li:hover:after{border-color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li>a[href^='#search/']:before{color:#bd7b46;background-color:#f7ebe1}#grid .chapter[data-accent=brown] .card-content>ul>li.active>a,#grid .chapter[data-accent=brown] .card-content>ul>li>a:hover{background-color:#f7ebe1}#grid .chapter[data-accent=brown] .color-accent{color:#bd7b46}#grid .chapter[data-accent=brown] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=brown] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=brown] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=brown] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#grid .chapter[data-accent=purple] .chapter-heading{color:#8666b8}#grid .chapter[data-accent=purple] .chapter-heading .icon{filter:alpha(opacity=80);opacity:.8}#grid .chapter[data-accent=purple] .card.choosed{border-color:#f5eeff;border-color:rgba(134,102,184,.6);-webkit-box-shadow:0 1px 6px rgba(134,102,184,.3);box-shadow:0 1px 6px rgba(134,102,184,.3)}#grid .chapter[data-accent=purple] .card.choosed:before{background-color:#8666b8}#grid .chapter[data-accent=purple] .card-heading>.icon{color:#8666b8;border-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading>.icon:hover{cursor:pointer}#grid .chapter[data-accent=purple] .card-heading>.icon.text-icon{font-size:12px}#grid .chapter[data-accent=purple] .card-heading.hover{background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading.hover>.icon{color:#fff;background-color:#8666b8;border-color:#8666b8}#grid .chapter[data-accent=purple] .card-heading.hover>.icon:before{color:#fff}#grid .chapter[data-accent=purple] .card-heading:hover>h5>.name{color:#8666b8}#grid .chapter[data-accent=purple] .card-heading>h5>.name:hover{cursor:pointer}#grid .chapter[data-accent=purple] .card-heading>.btn-toggle{color:#8666b8;background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-heading>.btn-toggle:hover{color:#f5eeff;cursor:pointer;background-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li:before{background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-content>ul>li:hover:before{background-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li:hover:after{border-color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li>a[href^='#search/']:before{color:#8666b8;background-color:#f5eeff}#grid .chapter[data-accent=purple] .card-content>ul>li.active>a,#grid .chapter[data-accent=purple] .card-content>ul>li>a:hover{background-color:#f5eeff}#grid .chapter[data-accent=purple] .color-accent{color:#8666b8}#grid .chapter[data-accent=purple] .card-content>ul>li>a[target="_blank"]:after,#grid .chapter[data-accent=purple] .card[data-target=external]>.card-heading>h5>a:after{position:relative;left:-10px;display:inline-block;display:none\9;margin-left:5px;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e684';filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1);transition:transform .2s cubic-bezier(.175,.885,.32,1),opacity .2s cubic-bezier(.175,.885,.32,1),left .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#grid .chapter[data-accent=purple] .card-content>ul>li>a[target="_blank"]:hover:after,#grid .chapter[data-accent=purple] .card[data-target=external]>.card-heading.hover>h5>a:after{left:0;filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.input-query-focus #grid .card.choosed:before{right:0}body.query-enabled #grid>.container>.row+.row{padding-top:0;border-top:none}body.query-enabled[data-query=icons] #section-control-icons .card-heading>.icon:before{content:'\e603'}body.query-enabled[data-query=icons] #grid .card.open .card-content.section-search,body.query-enabled[data-query=icons] #grid .card.open.section-preview-show .card-content.section-preview{height:auto;padding:10px}body.query-enabled[data-query=icons] #grid .card.open.section-preview-show .section-preview.icon-preview{padding:20px 10px 10px}@media (min-width:768px){body.query-enabled #grid[data-show-col='1']>.container>.row>.col{float:none;width:100%;margin:0 auto}body.query-enabled #grid[data-show-col='1']>.container>.row>.col.hide{width:0}}@media (min-width:992px){body.query-enabled #grid[data-show-col='1']>.container>.row>.col{float:none;max-width:780px;margin:0 auto}body.query-enabled #grid[data-show-col='1']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='2']>.container>.row>.col{width:50%}body.query-enabled #grid[data-show-col='2']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='3']>.container>.row>.col{width:33.33333333%}body.query-enabled #grid[data-show-col='3']>.container>.row>.col.hide{width:0}body.query-enabled #grid[data-show-col='4']>.container>.row>.col{width:25%}body.query-enabled #grid[data-show-col='4']>.container>.row>.col.hide{width:0}}#page{position:fixed;top:60px;right:0;bottom:0;left:0;z-index:1000;display:none;overflow-y:auto;background-color:#fff}#page .loader{-webkit-transition:none;-o-transition:none;transition:none}#pageHeader{position:relative;height:60px;padding:0;background-color:#f1f1f1;border-bottom:1px solid #e5e5e5}#pageHeader>.container{position:relative;padding:12px 20px 12px 54px}#pageHeader>.container>.icon{position:absolute;top:12px;left:6px;z-index:10;width:36px;height:36px;font-style:normal;line-height:36px;color:grey;text-align:center;background-color:#e5e5e5;border-radius:18px}#pageHeader>.container>h2{padding:10px 0;margin:0;font-size:20px;line-height:16px}#pageHeader>.container>h2>a.name{color:#353535}#pageHeader>.container>h2>a.name:hover{color:#353535;text-decoration:none;cursor:normal}#pageHeader>.path-max-btn{right:48px;width:36px}#pageCloseBtn{position:absolute;top:5px;right:15px;width:48px;height:48px;border-radius:4px}#pageReloadBtn{position:absolute;top:5px;right:70px;display:none;width:48px;height:48px;color:grey}#pageReloadBtn:hover{color:#353535}#pageBody{position:absolute;top:60px;bottom:0;width:100%;padding:15px 0;overflow-y:auto}#pageAttrs{padding:0 0 10px 23px;margin:0 0 20px 21px;border-bottom:4px double #f1f1f1}#pageAttrs .badge{float:left;min-width:40px;padding:6px 10px;margin-right:10px;line-height:20px;text-align:center;background-color:#f1f1f1;filter:alpha(opacity=80);border-radius:4px;opacity:.8;-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}#pageAttrs .badge.btn{border:none}#pageAttrs .badge[data-toggle=dropdown]{position:relative}#pageAttrs .badge[data-toggle=dropdown]:before{position:absolute;right:1px;bottom:1px;display:block;width:0;height:0;content:' ';border-color:transparent transparent #ccc transparent;border-style:solid;border-width:0 0 6px 6px;border-bottom-color:rgba(0,0,0,.15);-webkit-transition:border .2s cubic-bezier(.175,.885,.32,1);-o-transition:border .2s cubic-bezier(.175,.885,.32,1);transition:border .2s cubic-bezier(.175,.885,.32,1)}#pageAttrs .badge[data-toggle=dropdown]:hover:before{border-bottom-color:rgba(0,0,0,.35)}#pageAttrs .badge.pull-right{margin-right:0;margin-left:10px}#pageAttrs .badge:hover{text-decoration:none;background-color:#e5e5e5;filter:alpha(opacity=100);opacity:1}#pageAttrs .badge.badge-zui{color:#3280fc;background-color:#ebf2f9}#pageAttrs .badge.badge-zui:hover{background-color:#d7e5f3}#pageAttrs .badge.badge-lite{color:#03b8cf;background-color:#ddf3f5}#pageAttrs .badge.badge-lite:active,#pageAttrs .badge.badge-lite:focus,#pageAttrs .badge.badge-lite:hover{background-color:#c9ecef}#pageAttrs .badge.badge-lib{color:#38b03f;background-color:#ddf4df}#pageAttrs .badge.badge-lib:hover{background-color:#caeecd}#pageAttrs .badge.badge-party{color:#ea644a;background-color:#ffe5e0}#pageAttrs .badge.badge-party:hover{background-color:#ffd0c6}#pageAttrs .badge.badge-bootstrap{color:#8666b8;background-color:#f5eeff}#pageAttrs .badge.badge-bootstrap:hover{background-color:#e6d5ff}#pageAttrs .badge.badge-custom{color:#bd7b46;background-color:#f7ebe1}#pageAttrs .badge.badge-custom:hover{background-color:#f2decd}#pageAttrs .badge.badge-code{color:#3280fc;background-color:#ebf2f9}#pageAttrs .badge.badge-code:hover{background-color:#d7e5f3}#pageAttrs .badge.badge-code:hover:before{border-bottom-color:#3280fc}#pageAttrs .badge.badge-code[data-type=has-source-bundles] .badge-code-pkgs{display:inline-block;margin-left:8px}#pageAttrs .dropdown-menu{padding-top:0;overflow:hidden}#pageAttrs .dropdown-menu>li>a{position:relative;padding-right:10px;padding-left:30px}#pageAttrs .dropdown-menu>li>a:before{position:absolute;top:9px;left:15px;display:block;width:8px;height:8px;content:' ';background:#ddd;border-radius:4px}#pageAttrs .dropdown-header{padding-right:15px;padding-left:15px;color:#999}#pageAttrs .dropdown-header.primary-header{padding-top:8px;padding-bottom:8px;color:#fff;color:#3280fc;background-color:#ebf2f9}#pageAttrs .dropdown-header.primary-header[data-type=source]{color:#03b8cf}#pageAttrs .dropdown-header.primary-header[data-type=bundles]{color:#38b03f}@media (max-width:767px){#pageAttrs{padding-bottom:10px;padding-left:0;margin:0 0 10px 0}#pageAttrs>.pull-right{margin:0 0 5px 5px!important}#pageAttrs .badge{min-width:30px;padding:5px;margin-right:5px;margin-left:0}#pageAttrs>.badge{margin-bottom:5px}}#pageContent{position:relative;padding-left:44px}#pageContent:before{position:absolute;top:-250px;bottom:0;left:20px;display:block;content:' ';border-left:1px dotted #e5e5e5}#pageContent>section{position:relative}#pageContent>section:before{position:absolute;top:28px;bottom:-25px;left:-24px;display:block;content:' ';border-left:1px dotted transparent}#pageContent>section:last-child:before{bottom:0}#pageContent>section>header{position:relative;padding-top:20px;padding-bottom:10px}#pageContent>section>header>h3{display:inline-block;margin:0;cursor:pointer}#pageContent>section>header>h3:after,#pageContent>section>header>h3:before{position:absolute;top:25px;left:-24px;content:' ';-webkit-transition:background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .2s cubic-bezier(.175,.885,.32,1);transition:background-color .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section>header>h3:before{display:none;width:1px;height:7px}#pageContent>section>header>h3:after{top:28px;left:-27px;width:7px;height:1px}#pageContent>section>header:before{position:absolute;top:23px;left:-29px;display:block;width:11px;height:11px;content:' ';background-color:#ddd;border-radius:5px;-webkit-transition:background-color .2s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .2s cubic-bezier(.175,.885,.32,1);transition:background-color .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section>header:after{position:absolute;top:28px;left:-18px;display:block;width:16px;content:' ';border-bottom:1px dotted #e5e5e5}#pageContent>section.hover>header h3:after,#pageContent>section.hover>header h3:before{background-color:#fff}#pageContent>section.hover.collapsed>header>h3:before{display:block}#pageContent>section>article{height:auto;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),height .2s cubic-bezier(.175,.885,.32,1)}#pageContent>section.collapsed:before{display:none}#pageContent>section.collapsed>article{height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0}#pageContent>article>.alert,#pageContent>section>article>.alert{border:none;border-radius:0}#pageContent>article>.alert code,#pageContent>section>article>.alert code{background-color:rgba(255,255,255,.2);border-color:rgba(0,0,0,.1)}#pageTogger{position:absolute;bottom:-36px;left:15px;z-index:10;width:19px;height:19px;padding:0;color:#ddd;background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;outline:0}#pageTogger:after,#pageTogger:before{position:absolute;top:4px;left:4px;display:block;content:' ';background-color:#ddd;-webkit-transition:background-color .4s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .4s cubic-bezier(.175,.885,.32,1);transition:background-color .4s cubic-bezier(.175,.885,.32,1)}#pageTogger:before{left:8px;display:none;width:1px;height:9px}#pageTogger:after{top:8px;width:9px;height:1px}@media (max-width:767px){#pageTogger{display:none}}#page.page-collapsed #pageTogger:before{display:block}#page.loading #pageTogger{display:none}#page.loading #pageContent{filter:alpha(opacity=0);opacity:0}body.compact-mode #compactTogger{position:relative;top:-60px;display:inline-block;margin-left:8px;filter:alpha(opacity=0);opacity:0;-webkit-transition:top .2s cubic-bezier(.175,.885,.32,1);-o-transition:top .2s cubic-bezier(.175,.885,.32,1);transition:top .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #heading{-webkit-transition:height .2s cubic-bezier(.175,.885,.32,1);-o-transition:height .2s cubic-bezier(.175,.885,.32,1);transition:height .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #search{position:absolute;top:12px;right:220px;left:180px;z-index:1050;max-width:500px;padding:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #searchInput{height:36px;font-size:14px;border-width:1px}body.compact-mode #searchForm{filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}body.compact-mode #searchForm>.icon{top:10px}body.compact-mode #searchHelpBtn{top:3px;right:3px;width:30px;height:30px;line-height:30px}body.compact-mode #header{position:fixed;top:0;right:0;left:0;z-index:1010;height:483px}body.compact-mode #headContainer>.container{position:relative}body.compact-mode #grid{margin-top:503px;-webkit-transition:margin-top .2s cubic-bezier(.175,.885,.32,1);-o-transition:margin-top .2s cubic-bezier(.175,.885,.32,1);transition:margin-top .2s cubic-bezier(.175,.885,.32,1)}body.compact-mode #ad{opacity:0}body.compact-mode.compact-mode-in #navbar{padding-top:10px}body.compact-mode.compact-mode-in #navbar .navbar-nav>li>a{width:40px;padding:10px;text-align:center}body.compact-mode.compact-mode-in #navbar .navbar-nav>li>a>span{display:none}body.compact-mode.compact-mode-in #navbar .navbar-collapse.collapsing .navbar-nav>li>a,body.compact-mode.compact-mode-in #navbar .navbar-collapse.in .navbar-nav>li>a{width:auto;padding:10px 15px;text-align:left}body.compact-mode.compact-mode-in #navbar .navbar-collapse.collapsing .navbar-nav>li>a>span,body.compact-mode.compact-mode-in #navbar .navbar-collapse.in .navbar-nav>li>a>span{display:inline}body.compact-mode.compact-mode-in #navDownloadLink{visibility:visible}body.compact-mode.compact-mode-in #compactTogger{top:1px;filter:alpha(opacity=100);opacity:1}@media (min-width:768px){body.compact-mode.compact-mode-in #langSwitcher>a{padding:10px 0!important}[lang=zh-cn] body.compact-mode.compact-mode-in #langSwitcher>a{width:50px!important}body.compact-mode.compact-mode-in #langSwitcher>a>.icon{display:none}body.compact-mode.compact-mode-in #langSwitcher>a>span{display:inline-block!important;padding:0 3px;line-height:20px;color:#3280fc;background:#fff;border-radius:5px}}body.compact-mode.compact-mode-in #header{height:60px;padding:0}body.compact-mode.compact-mode-in #heading{height:0;filter:alpha(opacity=0);opacity:0}body.compact-mode.compact-mode-in #search{filter:alpha(opacity=100);opacity:1}body.compact-mode.compact-mode-in #searchForm{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.compact-mode.compact-mode-in #grid{margin-top:70px}body.compact-mode.compact-mode-in #ad{display:none}body.page-show{overflow:hidden}body.page-show #header{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:background-color .4s cubic-bezier(.175,.885,.32,1);-o-transition:background-color .4s cubic-bezier(.175,.885,.32,1);transition:background-color .4s cubic-bezier(.175,.885,.32,1)}body.page-show #compactTogger:before{content:'\e60b'}body.page-show #page{display:block;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}body.page-show #grid,body.page-show #page{-webkit-transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);-o-transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),transform .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1);transition:opacity .2s cubic-bezier(.175,.885,.32,1),transform .2s cubic-bezier(.175,.885,.32,1),top .2s cubic-bezier(.175,.885,.32,1),-webkit-transform .2s cubic-bezier(.175,.885,.32,1),-o-transform .2s cubic-bezier(.175,.885,.32,1)}body.page-show.page-show-in #page{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body.page-show.page-show-in #grid{top:100px;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}body.page-show[data-page-accent=blue] #pageHeader>.wrapper>.icon{color:#fff;background-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section>header:before{background-color:#ddf3f5}body.page-show[data-page-accent=blue] #pageContent>section.hover>header:before{background-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover>header:after{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover>header>h3{color:#03b8cf}body.page-show[data-page-accent=blue] #pageContent>section.hover:before{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageTogger:hover{border-color:#03b8cf}body.page-show[data-page-accent=blue] #pageTogger:hover:after,body.page-show[data-page-accent=blue] #pageTogger:hover:before{background-color:#03b8cf}body.page-show[data-page-accent=primary] #pageHeader>.wrapper>.icon{color:#fff;background-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section>header:before{background-color:#ebf2f9}body.page-show[data-page-accent=primary] #pageContent>section.hover>header:before{background-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover>header:after{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover>header>h3{color:#3280fc}body.page-show[data-page-accent=primary] #pageContent>section.hover:before{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageTogger:hover{border-color:#3280fc}body.page-show[data-page-accent=primary] #pageTogger:hover:after,body.page-show[data-page-accent=primary] #pageTogger:hover:before{background-color:#3280fc}body.page-show[data-page-accent=yellow] #pageHeader>.wrapper>.icon{color:#fff;background-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section>header:before{background-color:#fff0d5}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header:before{background-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header:after{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover>header>h3{color:#f1a325}body.page-show[data-page-accent=yellow] #pageContent>section.hover:before{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageTogger:hover{border-color:#f1a325}body.page-show[data-page-accent=yellow] #pageTogger:hover:after,body.page-show[data-page-accent=yellow] #pageTogger:hover:before{background-color:#f1a325}body.page-show[data-page-accent=green] #pageHeader>.wrapper>.icon{color:#fff;background-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section>header:before{background-color:#ddf4df}body.page-show[data-page-accent=green] #pageContent>section.hover>header:before{background-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover>header:after{border-color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover>header>h3{color:#38b03f}body.page-show[data-page-accent=green] #pageContent>section.hover:before{border-color:#38b03f}body.page-show[data-page-accent=green] #pageTogger:hover{border-color:#38b03f}body.page-show[data-page-accent=green] #pageTogger:hover:after,body.page-show[data-page-accent=green] #pageTogger:hover:before{background-color:#38b03f}body.page-show[data-page-accent=red] #pageHeader>.wrapper>.icon{color:#fff;background-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section>header:before{background-color:#ffe5e0}body.page-show[data-page-accent=red] #pageContent>section.hover>header:before{background-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover>header:after{border-color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover>header>h3{color:#ea644a}body.page-show[data-page-accent=red] #pageContent>section.hover:before{border-color:#ea644a}body.page-show[data-page-accent=red] #pageTogger:hover{border-color:#ea644a}body.page-show[data-page-accent=red] #pageTogger:hover:after,body.page-show[data-page-accent=red] #pageTogger:hover:before{background-color:#ea644a}body.page-show[data-page-accent=brown] #pageHeader>.wrapper>.icon{color:#fff;background-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section>header:before{background-color:#f7ebe1}body.page-show[data-page-accent=brown] #pageContent>section.hover>header:before{background-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover>header:after{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover>header>h3{color:#bd7b46}body.page-show[data-page-accent=brown] #pageContent>section.hover:before{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageTogger:hover{border-color:#bd7b46}body.page-show[data-page-accent=brown] #pageTogger:hover:after,body.page-show[data-page-accent=brown] #pageTogger:hover:before{background-color:#bd7b46}body.page-show[data-page-accent=purple] #pageHeader>.wrapper>.icon{color:#fff;background-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section>header:before{background-color:#f5eeff}body.page-show[data-page-accent=purple] #pageContent>section.hover>header:before{background-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover>header:after{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover>header>h3{color:#8666b8}body.page-show[data-page-accent=purple] #pageContent>section.hover:before{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageTogger:hover{border-color:#8666b8}body.page-show[data-page-accent=purple] #pageTogger:hover:after,body.page-show[data-page-accent=purple] #pageTogger:hover:before{background-color:#8666b8}@media (max-width:767px){#navbar .navbar-nav>li>a{border-radius:0}#search{padding:30px 10px 40px}#ad{margin-top:-20px}#ad>a{width:250px}#grid .col{width:100%}#page{top:0;z-index:1015}#pageContent{padding-left:0}#pageContent:before{display:none}#pageHeader>.container{padding-left:60px}#pageHeader>.container>.icon{left:15px}#pageContent>section:before{display:none}#pageContent>section>header:after,#pageContent>section>header:before{display:none}#pageContent>section>header>h3{position:relative}#pageContent>section>header>h3:before{display:none}#pageContent>section>header>h3:after{top:1px;right:-12px;left:auto;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e651';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#pageContent>section.collapsed>header>h3:after{content:'\e650'}body.compact-mode #header{height:433px}body.compact-mode #grid{margin-top:463px}body.compact-mode #navbar .navbar-brand .brand-title,body.compact-mode #navbar .navbar-brand .zui-version{display:none}body.compact-mode #navbar .navbar-brand #compactTogger{left:-12px;margin-left:0}body.compact-mode #search{right:60px;left:80px}body.compact-mode #searchInput::-webkit-input-placeholder{color:transparent}body.compact-mode #searchInput::-moz-placeholder{color:transparent}body.compact-mode #searchInput:-ms-input-placeholder{color:transparent}body.compact-mode #searchInput::placeholder{color:transparent}body.page-show #navbar .navbar-toggle{margin-right:0}body.input-query-focus.compact-mode #search{right:10px;left:10px}body.input-query-focus.compact-mode #searchInput::-webkit-input-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::-moz-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput:-ms-input-placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::placeholder{color:#e5e5e5}body.input-query-focus.compact-mode #searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #searchInput::placeholder{color:rgba(255,255,255,.5)}body.input-query-focus.compact-mode #navbar .navbar-brand,body.input-query-focus.compact-mode #navbar .navbar-toggle{display:none}}body[data-page=basic-theme] #pageHeader,body[data-page=basic-theme] #pageHeader>.container>h2>a.name{color:#fff;background-color:#3280fc}body[data-page=basic-theme] #pageHeader{border-color:#0462f7}body[data-page=basic-theme].page-show[data-page-accent=primary] #pageHeader>.wrapper>.icon{background-color:#0462f7}body[data-page=basic-theme] .path-btn:after,body[data-page=basic-theme] .path-btn:before,body[data-page=basic-theme] .path-btn>.path-1,body[data-page=basic-theme] .path-btn>.path-1:after,body[data-page=basic-theme] .path-btn>.path-1:before{border-color:#ddd;border-color:rgba(255,255,255,.7);-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1);-o-transition:all .2s cubic-bezier(.175,.885,.32,1);transition:all .2s cubic-bezier(.175,.885,.32,1)}#changeViewWrapper{display:none}@media (min-width:1280px){#changeViewWrapper{position:fixed;top:14px;right:15px;z-index:1030;display:block}#changeViewBtn{min-width:32px;padding:5px;background-color:rgba(0,0,0,.1);border-color:#fff;border-color:rgba(0,0,0,0)}#changeViewBtn:active,#changeViewBtn:focus,#changeViewBtn:hover{background-color:rgba(0,0,0,.2)}body.view-double.compact-mode-in.page-open #changeViewBtn{color:#666}body.view-double.compact-mode-in.page-open[data-page=basic-theme] #changeViewBtn{color:#fff}body.view-double.compact-mode-in.page-open #navbar{top:0;left:0;width:360px;padding:10px 0!important;margin-bottom:0}body.view-double.compact-mode-in.page-open #navbar .navbar-header{float:none}body.view-double.compact-mode-in.page-open #navbar .navbar-toggle{display:block;float:right;margin-right:0}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse{display:none!important}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in{display:block!important;width:140px}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing:before,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in:before{right:10px}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-right,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-right{float:none!important;margin-right:0}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-nav>li,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-nav>li{float:none}body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.collapsing>.navbar-nav>li>a,body.view-double.compact-mode-in.page-open #navbar .navbar-collapse.in>.navbar-nav>li>a{border-radius:0}body.view-double.compact-mode-in.page-open #navbar #compactTogger,body.view-double.compact-mode-in.page-open #navbar .brand-title{display:none}body.view-double.compact-mode-in.page-open #headContainer{position:absolute;top:0;right:0;left:0}body.view-double.compact-mode-in.page-open #headContainer>.container{width:100%!important}body.view-double.compact-mode-in.page-open #search{right:60px;left:auto;width:120px;padding:0;-webkit-transition:width .2s;-o-transition:width .2s;transition:width .2s}body.view-double.compact-mode-in.page-open #searchInput::-webkit-input-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput::-moz-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput:-ms-input-placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open #searchInput::placeholder{color:transparent;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}body.view-double.compact-mode-in.page-open.input-query-focus #search{width:240px}body.view-double.compact-mode-in.page-open.input-query-focus #navbar .zui-version{display:none}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::-moz-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput:-ms-input-placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open.input-query-focus #searchInput::placeholder{color:rgba(255,255,255,.5)}body.view-double.compact-mode-in.page-open #header{position:fixed;top:0;left:0;width:360px;height:60px;padding-top:60px}body.view-double.compact-mode-in.page-open #pageLoader{max-width:1160px}body.view-double.compact-mode-in.page-open #grid{position:fixed;top:60px;bottom:0;left:0;width:360px;padding:10px 0;margin-top:0;overflow-y:auto;border-right:1px solid #ddd;opacity:1!important;-webkit-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}body.view-double.compact-mode-in.page-open #grid>.container{width:100%!important}body.view-double.compact-mode-in.page-open #grid>.container .row>.col{width:100%}body.view-double.compact-mode-in.page-open #grid .chapter{margin-bottom:10px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-10x{font-size:70px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-5x{font-size:42px}body.view-double.compact-mode-in.page-open #grid .section-preview.icon-preview>.icons>.icon.icon-2x{font-size:28px}body.view-double.compact-mode-in.page-open #pageCloseBtn{display:none}body.view-double.compact-mode-in.page-open #pageReloadBtn{right:15px}body.view-double.compact-mode-in.page-open #page{position:fixed;top:0;right:0;bottom:0;left:360px;display:block!important}body.view-double.compact-mode-in.page-open #pageHeader>.container{margin:0 auto 0 15px}body.view-double.compact-mode-in.page-open #pageBody>.container{margin:0 auto 0 10px}body.view-double.compact-mode-in.page-open>footer{position:fixed;bottom:0;left:0;width:340px;background:rgba(255,255,255,.9)}body.view-double.compact-mode-in.page-open>footer>.container{width:100%!important}body.view-double.compact-mode-in.page-open>footer hr{display:none}body.view-double.compact-mode-in.page-open>footer p{height:20px;margin:0;line-height:20px}}@-webkit-keyframes scale-shape{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-o-keyframes scale-shape{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}20%{opacity:1;-o-transform:scale(1);transform:scale(1)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes scale-shape{0%{opacity:0;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}20%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}#changeViewModal .modal-dialog{max-width:450px;overflow:hidden}#changeViewModal .modal-body{padding:0}#changeViewModal .view-shape{position:absolute;top:15px;left:20px;width:120px;height:100px;background-color:#fff;border:1px solid #ddd}#changeViewModal .view-option-single .view-shape:after,#changeViewModal .view-option-single .view-shape:before{position:absolute;top:0;display:block;content:' '}#changeViewModal .view-option-single .view-shape:before{right:0;left:0;height:10px;background:grey}#changeViewModal .view-option-single .view-shape:after{top:12px;right:10px;bottom:0;left:10px;background:#ddd}#changeViewModal .view-option-single .view-shape .s-1{position:absolute;top:13px;right:11px;bottom:0;left:11px;z-index:1;background:#fafafa}#changeViewModal .view-option-single .view-shape .s-1:after,#changeViewModal .view-option-single .view-shape .s-1:before{position:absolute;top:5px;right:5px;left:5px;display:block;height:30px;content:' ';border-top:5px solid #aaa;border-bottom:5px solid #bbb}#changeViewModal .view-option-single .view-shape .s-1:after{top:17px;right:30px;border-color:#ccc}#changeViewModal .view-option-double .view-shape:after,#changeViewModal .view-option-double .view-shape:before{position:absolute;top:0;left:0;display:block;width:40px;content:' '}#changeViewModal .view-option-double .view-shape:before{height:10px;background:grey}#changeViewModal .view-option-double .view-shape:after{top:10px;bottom:0;background:#ddd}#changeViewModal .view-option-double .view-shape .s-1{position:absolute;top:0;right:0;bottom:0;left:42px;z-index:1;background:#fafafa}#changeViewModal .view-option-double .view-shape .s-1:after,#changeViewModal .view-option-double .view-shape .s-1:before{position:absolute;top:5px;right:5px;left:5px;display:block;height:30px;content:' ';border-top:5px solid #aaa;border-bottom:5px solid #bbb}#changeViewModal .view-option-double .view-shape .s-1:after{top:17px;right:30px;border-color:#ccc}#changeViewModal .view-option{position:relative;display:block;min-height:130px;padding:15px;padding-left:160px;cursor:pointer}#changeViewModal .view-option>.title{margin-bottom:5px;font-size:14px;font-weight:700;color:#333;opacity:.7}#changeViewModal .view-option.active,#changeViewModal .view-option:active,#changeViewModal .view-option:focus,#changeViewModal .view-option:hover{color:#3280fc;text-decoration:none;background-color:#ebf2f9}#changeViewModal .view-option.active .view-shape:before,#changeViewModal .view-option:active .view-shape:before,#changeViewModal .view-option:focus .view-shape:before,#changeViewModal .view-option:hover .view-shape:before{background:#3280fc}#changeViewModal .view-option.active .view-shape .s-1,#changeViewModal .view-option:active .view-shape .s-1,#changeViewModal .view-option:focus .view-shape .s-1,#changeViewModal .view-option:hover .view-shape .s-1{-webkit-animation:scale-shape 2s infinite linear normal;-o-animation:scale-shape 2s infinite linear normal;animation:scale-shape 2s infinite linear normal}#changeViewModal .view-option.active>.title,#changeViewModal .view-option:active>.title,#changeViewModal .view-option:focus>.title,#changeViewModal .view-option:hover>.title{opacity:1}#changeViewModal .view-option.active{background:#ebf2f9}#changeViewModal .view-option.active>.title:after{display:inline-block;margin-left:5px;font-weight:400;color:#3280fc;content:'(当前)'}[lang=en] #changeViewModal .view-option.active>.title:after{content:'(Current)'}#changeViewModal .view-option.active .view-shape{border-color:#3280fc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #97befd;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #97befd} \ No newline at end of file diff --git a/src/less/doc.less b/src/less/doc.less index 1372406c06a32b41496a74769f6b30c01d30745b..affda29f990a6ed6df380b47d7f8a22d0c5bc394 100644 --- a/src/less/doc.less +++ b/src/less/doc.less @@ -656,8 +656,7 @@ body { } #navDownloadLink { - .transition-fast(opacity); - .opacity(0); + visibility: hidden; } #navbar { @@ -702,7 +701,7 @@ body { &.in, &.collapsing { #navDownloadLink { - .opacity(1); + visibility: visible; } background-color: #fff; margin-top: 10px; @@ -1985,7 +1984,7 @@ body.compact-mode { } } #navDownloadLink { - .opacity(1); + visibility: visible; } #compactTogger { .opacity(1);