html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}a img{border:none}html,body,.container{height:100%}.clear{zoom:1;clear:both}.clear:after{content:'';display:block;clear:both;visibility:hidden;height:0}.float-left{float:left}.float-right{float:right}body{font-family:Helvetica Neue,Helvetica,Arial,Microsoft Jhenghei;background:url(../../images/bg-repeat-2.png);display:none}input,select,option{font-family:Helvetica Neue,Helvetica,Arial,Microsoft Jhenghei}button{border:none;outline:none}.container,.header-container{width:1200px;margin:0 auto}.header{position:fixed;float:left;height:64px;width:100%;background-color:#fff;z-index:5}.header>.header-container>a:first-child{width:245px;height:64px;line-height:64px;text-align:center;display:inline-block;overflow:hidden}.header.guardian{background-color:#000;color:#fff}.header-logo{vertical-align:middle}.header-help,.header-logout,.header-user,.header-swich-panel{float:right;margin-top:20px;position:relative}.header-help,.header-logout,.header-swich-panel{margin-right:19px;cursor:pointer;transition:opacity .5s linear}.header-help:hover,.header-logout:hover,.header-swich-panel:hover{opacity:.6}.user-profile{margin-right:10px;cursor:pointer;opacity:1;transition:all .5s linear}.user-profile:hover{opacity:.6}.user-profile img{float:left}.user-profile span{float:left;font-size:13px;margin:0 13px;line-height:30px}.trans-reverse{transform:rotate(180deg)}.trans-vertical{transform:rotate(90deg)}.profile-img{border:1px solid #c2c2c2;border-radius:50%;width:30px;height:30px}.profile-pointer{margin-top:13px}.profile-2nd{width:200px;box-shadow:-2px 2px 4px 2px rgba(0,0,0,.2);display:none;position:absolute;right:0;top:55px}.profile-2nd li{color:#707070;min-height:39px;line-height:39px;background-color:#fff;border-bottom:1px solid #c2c2c2;cursor:pointer;transition:opacity .2s linear}.profile-2nd li:hover{background-color:#ddd}.profile-2nd li img{float:left;margin:11px 15px 0}.profile-2nd li a{display:inline-block;width:100%;text-decoration:none;color:#707070}.profile-2nd li.account_buy img{margin:17px 15px 20px 11px}.profile-2nd li.account_buy span{display:block;line-height:20px;padding-top:10px;padding-bottom:10px}.profile-2nd li div{display:inline-block;max-width:138px;vertical-align:middle;word-break:break-word}.profile-2nd li div:nth-child(2n){padding:10px;padding-left:0;line-height:25px}.account_link i,.account_notification i,.account_buy i,.logout i,.smart-alert i{width:16px;line-height:20px;padding:10px 15px}.account_link span,.account_notification span,.account_buy span,.logout span,.smart-alert span{line-height:20px;padding:10px}.account_link i,.account_buy i{font-size:18px}.account_notification .fa-bell{color:#5d5d5d}.logout i{font-size:20px}aside{position:relative;float:left;z-index:3;top:64px;width:245px;min-height:calc(100% - 64px);background-color:#434343}aside .menu{font-size:16px}.menu-panel-name{height:40px;background-color:#282828;border-bottom:1px solid #626262}.menu-panel-name span{max-width:155px;float:left;margin-top:13px;padding:0 0 1px 26px;color:#fff;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.menu-panel-name i{float:left;padding-left:5px;margin-top:13px;cursor:pointer;color:#727272;transition:all .2s linear}.menu-panel-name i:hover{transform:scale(1.2)}.menu a{font-size:14px}.menu-profile{width:100%;min-height:60px;background-color:inherit;border-bottom:1px solid #626262;cursor:pointer}.menu-profile span{float:left;margin-top:26px;color:#fff;font-size:18px;width:129px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.menu-profile-box{float:left;width:100%;box-sizing:border-box;margin-top:0;padding-left:0;height:60px;display:grid;grid-template-columns:80px calc(100% - 106px) 26px}.menu-profile-box .panel_name{font-size:16px;margin-top:0;-ms-flex-item-align:center;align-self:center;white-space:nowrap}.menu-profile-box span{margin-top:0;-ms-flex-item-align:center;align-self:center}.menu-profile-img{float:left;width:40px;height:40px;border-radius:50%;position:relative;margin:10px 13px 0 26px}.menu-profile-edit{float:right;margin-right:13px;transition:all .2s linear}.menu-profile-edit:hover{transform:scale(1.2)}.menu-list{float:left;width:100%}.menu-list>li{width:100%;background-color:#434343;color:#727272;font-size:14px;line-height:60px}.menu-item-img{-ms-flex-item-align:center;align-self:center;float:left;height:-moz-fit-content;height:fit-content;margin:10px 4px 0 30px;opacity:50%}.menu-item-pointer{-ms-flex-item-align:center;align-self:center;float:right;height:-moz-fit-content;height:fit-content;margin-left:6px}.submenu-style{display:none;line-height:35px;background-image:linear-gradient(to bottom,#101010 0,#2a2a2a 49%,#101010 100%)}.submenu-style li{padding-left:77px;cursor:pointer;transition:background-color .2s linear}.submenu-style li:hover{background-color:#282828}.submenu-style a{display:inline-block;width:100%;color:#727272;text-decoration:none}.submenu-selected{color:#fff!important}.menu-highlight{background-image:linear-gradient(to bottom,#101010 0,#2a2a2a 49%,#101010 100%);color:#fff}.menu-highlight .menu-item-img{opacity:100%}.menu .menu-profile,.menu-list li,.menu-highlight{font-size:16px}.menu .menu-profile .panel_name,.menu-list li .panel_name,.menu-highlight .panel_name{font-size:16px;line-height:18px}.menu-copyright-box{width:100%;padding:30px 15px;box-sizing:border-box;float:left}.menu-copyright,.menu-version{color:#727272;font-size:12px;line-height:20px}.menu-item-box{cursor:pointer;transition:all .5s linear;display:grid;width:inherit;grid-template-columns:80px calc(100% - 106px) 26px;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}.menu-item-box:hover{background-color:#5e5d5d;color:#fff}.menu-item-box:hover .menu-item-img{opacity:100%}.menu-item-box span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-logout-box{text-align:center}.menu-logout-box img:hover{cursor:pointer;opacity:.5}article{position:relative;float:left;width:955px;min-height:100%;background:url(../../images/bg-repeat.jpg);background-size:100%;background-repeat:repeat-y;box-sizing:border-box}.nowpage{width:100%;margin-top:64px;box-sizing:border-box;padding-top:30px;padding-left:30px}.nowpage .nowpage-name,.nowpage .nowpage-dash,.nowpage .nowpage-subname{padding:0;font-size:16px;color:#fff}.contact-box{margin:auto;width:80%!important;box-sizing:border-box;margin-bottom:47px}.contact-box .climax-btn-blue{line-height:55px!important}.contact-title{font-size:28px}.contact-txt{display:block;margin-top:40px;margin-bottom:10px;font-size:14px}.ion-chatboxes,.ion-earth,.ion-email,.ion-android-call,.ion-ios-time{font-size:36px;display:-ms-flexbox;display:flex;float:left;margin:11px 0 0 17px}.contact-icon-1:after,.contact-icon-2:after,.contact-icon-3:after{content:'';display:block;float:left;width:34px;height:36px;margin:11px 0 0 17px}.contact-icon-1:after{background:url(../../images/icon-contact-1.png) no-repeat}.contact-icon-2:after{background:url(../../images/icon-contact-2.png) no-repeat}.contact-icon-3:after{background:url(../../images/icon-contact-3.png) no-repeat}#dialog-pincode .climax-dialog-container,#dialog-master-code .climax-dialog-container,#dialog-bypass-list .climax-dialog-container{width:358px}#dialog-pincode .climax-dialog-container.bypass-list,#dialog-master-code .climax-dialog-container.bypass-list,#dialog-bypass-list .climax-dialog-container.bypass-list{width:550px}#dialog-contact{text-align:center;vertical-align:middle}#dialog-contact:before{height:100%;vertical-align:middle;content:'';display:inline-block}#dialog-contact .climax-dialog-container{overflow:hidden;display:inline-block;height:auto!important}#dialog-contact .climax-dialog-container .contact-box{text-align:left}#dialog-choose-bypassType .climax-dialog-container{width:450px;height:400px;border-radius:4px;box-shadow:2px 2px 8px 0 rgba(0,0,0,.5);text-align:center}#dialog-choose-bypassType .climax-dialog-content{padding:0 30px;box-sizing:border-box}#dialog-choose-bypassType .climax-dialog-content button{width:200px;height:40px}#dialog-choose-bypassType .climax-dialog-content #permanentlyType{margin-top:80px}#dialog-choose-bypassType .climax-dialog-content #temporarilyTpye{margin-top:70px}#dialog-choose-bypassType .dialog-title{margin-top:-15px;margin-bottom:0;height:45px;font-size:28px;text-align:left;color:#333;box-shadow:inset 0 -1px 0 0 #c8c8c8}.pincode-txt{margin-top:40px;margin-bottom:23px;text-align:center}.pincode-six-txt{margin-bottom:23px;text-align:center}.pincode-box{margin:0 auto;box-sizing:border-box;text-align:center}.pincode-box span{display:inline-block;margin:0 8px;height:23px;width:23px;border:1px solid #a4a4a4;background-color:rgba(87,87,87,.2);border-radius:3px;box-shadow:inset 0 2px 2px 1px rgba(105,109,116,.7)}.pincode-box input{width:262px;text-align:center;padding-left:0;font-size:60px;color:#4a4a4a;cursor:default}.pincode-box .pincode-clear-icon{cursor:pointer;position:absolute;margin-left:-25px;margin-top:8px}span.enter-pingcode{background-color:#52555b;border-color:#3e3e3f;box-shadow:0 1px 1px 1px rgba(105,109,116,.7)}.pincode-num-box{float:left;box-sizing:border-box;width:276px;margin:20px 40px}.pincode-num-box span,.pincode-num-box button{float:left;display:inline-block;margin:0 9px 17px;height:74px;width:74px;color:#fff;font-size:40px;line-height:74px;text-align:center;cursor:pointer;opacity:1;border-radius:50%;transition:opacity .2s linear;outline:none}.pincode-num-box span:hover,.pincode-num-box button:hover{opacity:.6}.num-none{background:transparent;cursor:default!important;pointer-events:none}.num-none:hover{opacity:1}.num-blue{background-image:radial-gradient(ellipse at center,#2cd3f7 0,#00a8d8 100%);box-shadow:0 4px 2px 2px #016e8d}.num-blue:active{box-shadow:inset 0 4px 2px 2px #016e8d}.num-gray{background-image:radial-gradient(ellipse at center,#626262 0,#393939 100%);box-shadow:0 4px 2px 2px #262626}.num-gray:active{box-shadow:inset 0 4px 2px 2px #262626}button.num-sp-font,span.num-sp-font{font-size:17px}.num-back{float:left;margin-left:22px;margin-top:30px}.m-l-5{margin-left:5px}.m-l-25{margin-left:25px}.m-r-10{margin-right:10px!important}.txt-l{text-align:left}.txt-r{text-align:right}.txt-c{text-align:center}.font-red{color:#f00}.font-blue{color:#b1ddff}.font-orange{color:#f68a3a}.font-green{color:#71b313}.font-purple{color:#a545cb}.font-white{color:#fff}.font-light-blue{color:#4a90e2!important}.font-dim-gray{color:#707070!important}.block-mini{width:120px}.block-small{width:157px}.block-mid{width:200px}.block-big{width:270px}.block-huge{width:330px}.block-sp{width:200px;margin-left:30px}.w-mini{width:50px}.w-small{width:80px}.w-nor-small{width:100px}.w-nor{width:120px}.w-big{width:195px}.w-huge{width:300px}.w-60{width:60px!important}.w-50{width:50px!important}.w-140{width:140px!important}.w-150{width:150px!important}.twoLine{line-height:15px!important}.f-r{float:right}.f-l{float:left}.h-80{height:80px}.pad-l-200{padding-left:200px}.mg-t-5{margin-top:5px}.mg-r-5{margin-right:5px}.mg-l-10{margin-left:10px}.mg-l-200{margin-left:200px}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;   -moz-user-select:none;        user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;box-shadow:0 5px 4px 2px #2c2d30;background-image:linear-gradient(to bottom,#60646b 0,#424449 100%);transition:opacity .2s linear}.btn:active{box-shadow:inset 3px 3px 5px 2px #2c2d30}.btn:hover{text-decoration:none;opacity:.8}.btn-default{color:#fff}.btn-default:hover{border-color:#adadad}.btn-group{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn{position:relative;float:left}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.btn .btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.empty-tips{position:relative;top:200px;padding:0 70px;font-size:20px}.empty-tips h4{line-height:30px}.empty-tips a{text-decoration:none;color:#06c0e7;transition:all .2s linear}.empty-tips a:hover{font-size:22px}.terms-box{line-height:20px;font-size:12px}.terms-box label{cursor:pointer;color:#0bc0e7;text-decoration:underline}.terms-box p{color:#fff}.privacy-box{line-height:20px;font-size:14px}.privacy-box label{cursor:pointer;color:#0bc0e7;text-decoration:underline}.inline-disp{display:inline-block!important}.status{position:absolute;top:35px;right:35px}.light-bar,.light-bar--shutter{margin:33px 15px 0}.light-min,.light-max{float:left;margin-top:30px;cursor:pointer;transition:all .2s linear}.light-min:hover,.light-max:hover{transform:scale(1.2)}.light-max--light{margin-top:25px}.bg-color-blue{background-color:#b1ddff}.bg-color-orange{background-color:#f68a3a}.bg-color-purple{background-color:#a545cb}.bg-color-green{background-color:#71b313}.node-bk-red{background-color:#e13400}.node-bk-yellow{background-color:#f5a623}.node-bk-blue{background-color:#6090c1}.node-bk-gray{background-color:#9b9b9b}.font-size-10{font-size:10px}.line-height-30{line-height:30px}.truncate-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.climax-block{border-radius:5px;background-color:rgba(0,0,0,.55);font-size:14px;color:#e5e5e5}.climax-block-white{background:#eee;font-size:14px;color:#4a4a4a}.climax-title-gray{padding-left:25px;color:#fff;font-size:15px;font-weight:700;line-height:35px;background-color:rgba(49,49,49,.55)}.climax-title{padding-left:10px;color:#fff;font-size:14px;font-weight:400;line-height:40px;height:40px;background-color:rgba(0,0,0,.8);border-top-radius:5px;border-radius:5px 5px 0 0}.climax-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);z-index:100;display:none}.climax-loading-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);z-index:100}.climax-dialog-container{width:600px;height:auto;margin:0 auto;background:#eee;box-shadow:2px 2px 20px 5px #000;border-radius:4px;display:table;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.climax-dialog-close{float:right;margin-top:15px;margin-right:15px;cursor:pointer}.climax-dialog-close:hover{opacity:.5}.climax-dialog-content{width:100%;padding:10px 0;font-size:14px;color:#000}.climax-dialog-title{width:450px;height:40px;font-size:28px;margin:0 58px 25px 60px;box-shadow:inset 0 -1px 0 0 #6f6f6f}.climax-dialog-row{width:100%;line-height:50px;font-size:18px;margin-left:65px;margin-bottom:25px}.climax-dialog-row>label{float:left;width:140px}.climax-dialog-row>input{float:left;width:300px;background-color:rgba(255,255,255,.7);padding-left:15px}#dialog-login-timeout .climax-dialog-content,#dialog-alert-message .climax-dialog-content,.dialog-msg-box .climax-dialog-content{padding:2em 0;width:100%;text-align:center;line-height:45px;color:#000}#dialog-login-timeout .climax-dialog-content h2,#dialog-alert-message .climax-dialog-content h2,.dialog-msg-box .climax-dialog-content h2{margin:0;font-size:14px;padding:0 20px 10px}.dialog-msg-box .climax-dialog-container .btn-left{margin:20px 0 20px 65px}.dialog-msg-box .climax-dialog-container .btn-right{margin:20px 65px 20px 0}#dialog-preview-image .climax-dialog-container{padding:5px 15px;width:640px}#dialog-preview-image .climax-dialog-close{margin-right:3px}#dialog-preview-image .climax-dialog-footer{text-align:center;margin:25px}#dialog-preview-image .climax-dialog-footer button{line-height:35px;height:35px}.mobile-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);z-index:1000;display:none}.mobile-dialog-container{position:absolute;top:0;bottom:0;left:0;right:0;width:80%;height:40%;margin:auto;box-shadow:2px 2px 20px 5px #000}.mobile-dialog-close{float:right;margin-top:15px;margin-right:15px;cursor:pointer}.mobile-dialog-close:hover{opacity:.5}.mobile-dialog-content{padding-top:50px;width:100%;text-align:center;font-size:18px;line-height:45px;color:#000}.mobile-dialog-content span{font-size:28px}.climax-btn-blue,.mini-btn,.small-btn{cursor:pointer;color:#fff;font-size:14px;line-height:40px;text-align:center;border-radius:5px;box-shadow:0 5px 4px 2px #016e8d;background-image:linear-gradient(to bottom,#2cd3f7 0,#00a8d8 100%);transition:opacity .2s linear}.climax-btn-blue:hover,.mini-btn:hover,.small-btn:hover{opacity:.8}.climax-btn-blue:active,.mini-btn:active,.small-btn:active{box-shadow:inset 3px 3px 5px 2px #016e8d}.climax-btn-blue-without-height-limit{cursor:pointer;color:#fff;font-size:18px;text-align:center;border-radius:5px;box-shadow:0 5px 4px 2px #016e8d;background-image:linear-gradient(to bottom,#2cd3f7 0,#00a8d8 100%);transition:opacity .2s linear}.climax-btn-blue-without-height-limit:hover{opacity:.8}.climax-btn-blue-without-height-limit:active{box-shadow:inset 3px 3px 5px 2px #016e8d}.climax-btn-gray{cursor:pointer;color:#fff;font-size:14px;line-height:40px;text-align:center;border-radius:5px;box-shadow:0 5px 4px 2px #2c2d30;background-image:linear-gradient(to bottom,#60646b 0,#424449 100%);transition:opacity .2s linear}.climax-btn-gray:hover{opacity:.8}.climax-btn-gray:active{box-shadow:inset 3px 3px 5px 2px #2c2d30}.climax-btn-gray-without-height-limit{cursor:pointer;color:#fff;font-size:18px;text-align:center;border-radius:5px;box-shadow:0 5px 4px 2px #2c2d30;background-image:linear-gradient(to bottom,#60646b 0,#424449 100%);transition:opacity .2s linear}.climax-btn-gray-without-height-limit:hover{opacity:.8}.climax-btn-gray-without-height-limit:active{box-shadow:inset 3px 3px 5px 2px #2c2d30}.climax-btn-red{cursor:pointer;color:#fff;font-size:14px;line-height:40px;text-align:center;border-radius:5px;box-shadow:0 5px 4px 2px #8d0101;background-image:linear-gradient(to bottom,#f58c8c 0,#ff4343 100%);transition:opacity .2s linear}.climax-btn-red:hover{opacity:.8}.climax-btn-red:active{box-shadow:inset 3px 3px 5px 2px #8d0101}.mini-btn,.small-btn{line-height:30px;height:30px;width:80px;font-size:14px;box-shadow:0 2px 2px 2px #016e8d}.general-btn{min-width:120px;height:40px;font-size:14px}.small-btn{width:150px}.btn-left{float:left;width:120px}.btn-right{float:right;width:120px}.btn-center{width:120px;margin:15px auto}.btn-enter-password{float:left;min-width:120px;padding:0 10px}.climax-input{padding:0;display:block;height:50px;line-height:50px;font-size:14px;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;box-shadow:0 2px 2px 2px #b4b4b4 inset}.climax-input-gray{padding:0;color:#000;border:1px;font-size:14px;padding-left:10px;border-radius:5px;box-sizing:border-box;background-color:#bababa;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset}.climax-input-gray:read-only{color:#909090}.climax-scrollbar::-webkit-scrollbar{width:5px;background-image:none;background-color:transparent}.climax-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#4a4a4a;min-height:10px!important;height:10px!important}.climax-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#424242}.white-scrollbar::-webkit-scrollbar{width:5px;background-image:none;background-color:transparent}.white-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#d9d9d9;min-height:10px!important;height:10px!important}.white-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#e4e4e4}.climax-select{float:left;height:40px;line-height:40px;font-size:18px;color:#000;outline:0;border:0;padding-left:5px;background-color:#bababa;border-radius:5px;box-sizing:border-box;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset}.climax-select option{background-color:#fff}.climax-select:disabled{color:#909090}.climax-select-small{float:left;height:30px;line-height:30px;font-size:14px;color:#000;outline:0;border:0;padding-left:5px;background-color:#bababa;border-radius:5px;box-sizing:border-box;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset}.climax-select-small option{background-color:#fff}.climax-select-small:disabled{color:#909090}.climax-btn-back-container{cursor:pointer;float:left;margin-top:30px;width:100%;height:60px;padding:0 45px;box-sizing:border-box}.climax-btn-back{cursor:pointer;float:left;margin-top:10px;height:40px;line-height:40px;font-size:18px;transition:all .2s linear}.climax-btn-back img{float:left;margin-top:8px;margin-right:14px}.climax-btn-back:hover{transform:scale(1.1)}.climax-input-error{border:1px solid #f00!important}.climax-loading-box{position:absolute;top:0;bottom:0;left:0;right:0;width:155px;height:155px;margin:auto;text-align:center;border-radius:50%;box-shadow:5px 5px 20px 5px #000;background-image:radial-gradient(ellipse at center,#2f2f2f 0,#121212 100%)}.climax-loading-txt{font-size:14px;color:#999;margin-top:66px}.climax-loading-glow{position:absolute;top:0;bottom:0;left:0;right:0;width:180px;height:180px;margin:auto;animation-name:keepRotate;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}.no-disp{display:none}.loading{position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px}.loading .loadingText{color:#fff;margin-left:-15px;margin-top:-24px}.loading .maskedCircle{width:20px;height:20px;border-radius:12px;border:3px solid #fff}.loading .mask{width:12px;height:12px;overflow:hidden}.loading .spinner{position:absolute;left:1px;top:1px;width:26px;height:26px;animation-name:keepRotate;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}#dialog-terms .climax-dialog-container{width:900px;height:600px}.terms-content{font-family:Open Sans,sans-serif;line-height:20px;letter-spacing:.3px;width:100%}.terms-content>span{width:100%;padding-bottom:15px;text-align:center;font-size:28px;display:inline-block}.terms-content div{width:93%;margin-left:5%;height:500px;overflow-y:scroll;font-size:15px}.terms-content div h3{font-weight:700;line-height:32px}.terms-content div p{padding:0 20px 10px 0;text-align:justify}.terms-content div ul{list-style:disc}.terms-content div ul li{margin:10px 0}.terms-content div ul li i{font-size:5px}.terms-content div.custom-247{width:93%;margin-left:5%;height:500px;overflow-y:scroll;font-size:15px}.terms-content div.custom-247 h3{font-weight:700;line-height:32px}.terms-content div.custom-247 h4{font-weight:700;line-height:28px}.terms-content div.custom-247 h5{font-weight:700;line-height:24px}.terms-content div.custom-247 p{padding:0 20px 10px 0;text-align:justify}.terms-content div.custom-247 ul{list-style:disc;padding:0 20px}.terms-content div.custom-247 ul li{display:list-item;margin:10px 0}.terms-content div.custom-247 ul li i{font-size:5px}.dialog-notification .climax-dialog-container{height:100px;border-radius:20px;background:rgba(250,115,115,.85)}.dialog-notification .climax-dialog-container i{position:relative;right:15px;top:10px;margin:0}.dialog-notification .climax-dialog-content h2{line-height:100px;font-size:38px;color:#fff;text-align:center}.dialog-notification .climax-dialog-content a{text-decoration:none}.dialog-notification .dialog-title{margin-bottom:0}.climax-white-dialog-content{width:75%;height:auto;margin:auto;margin-top:-10px}.climax-white-dialog-content .climax-btn-gray,.climax-white-dialog-content .climax-btn-blue{margin:20px auto}.climax-white-dialog-title{font-size:28px;line-height:42px;padding-bottom:10px;box-shadow:inset 0 -1px 0 0 #6f6f6f}.climax-white-dialog-row{height:50px;padding-top:10px;color:#4a4a4a;font-size:16px}.climax-white-dialog-row label{width:128px;display:inline-block;padding:10px 2px 10px 10px}.climax-white-dialog-input{width:205px;padding-left:15px;box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3);border:0;display:inline-block;height:35px}.climax-white-dialog-select{display:inline-block;vertical-align:middle;width:205px;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3);background:#fff url(../../images/pointer.png) no-repeat 90% 50%}.climax-white-dialog-select select{width:205px;padding-left:15px;height:35px;color:#4a4a4a;font-size:16px;border:none;box-shadow:none;background:transparent;background-image:none;-moz-appearance:none;appearance:none}@keyframes keepRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.news-btn,.news-btn-hover{position:fixed;z-index:10;right:0;top:100px;cursor:pointer}.news-btn-hover{width:90px;height:60px;right:-90px;transition:all .3s ease}.news-container{position:fixed;z-index:10;right:-350px;top:100px;width:350px;height:750px;transition:all .3s ease;border-top-left-radius:9px;border-bottom-left-radius:9px;background-image:linear-gradient(to bottom,#60646b 0,#424449 100%)}.news-btn-close{float:right;margin-top:20px;margin-right:20px;cursor:pointer;transition:all .3s ease}.news-btn-close:hover{transform:scale(1.2)}.news-title{float:left;width:280px;margin-top:28px;margin-left:25px;margin-bottom:25px;font-size:48px;color:#fff}.news-box{float:left;margin-left:25px;padding-right:30px;width:280px;height:635px;overflow-y:auto;overflow-x:hidden}.news-item{float:left;width:280px;color:#fff;border-top:1px solid #939498}.news-item img{float:left;max-width:280px;max-height:165px;margin:23px auto 20px}.news-main{font-size:24px;margin-bottom:15px}.news-sub{font-size:14px;line-height:22px;margin-bottom:24px}.news-scrollbar::-webkit-scrollbar{width:12px;background-image:none;background-color:transparent}.news-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#46484b}.news-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444549}.slider-minus{float:left;margin-top:30px;margin-right:13px;cursor:pointer;transition:all .2s linear}.slider-minus:hover{transform:scale(1.2)}.light-bar,.light-bar--shutter{float:left;margin-top:33px;width:170px;height:5px;cursor:pointer;background:rgba(0,0,0,.1)}.slider-plus{float:left;margin-top:26px;margin-left:15px;cursor:pointer;transition:all .2s linear}.slider-plus:hover{transform:scale(1.2)}.slider-plus{margin-top:30px;margin-right:7px}.slider-bar-mini{float:left;margin-top:33px;margin-left:28px;width:150px;height:5px;cursor:pointer;background:rgba(0,0,0,.1)}.slider-btn{position:absolute;right:14px;margin:20px auto;cursor:pointer}.slider-btn .slider-btn-img{float:left}.ui-slider .ui-slider-handle{height:20px;width:20px;top:-8px;border:none!important;cursor:pointer;border-radius:10px;box-shadow:1px 1px 5px 2px rgba(0,0,0,.5);outline:none}#meter-block,#thermostat-block,#btn-refresh-schedule,#thermostat-schedule-block,#thermostat-add-schedule-block{display:none}.meter-detail-row{display:-ms-flexbox;display:flex;width:100%;height:73px;line-height:73px;margin:12px 0;padding:0 50px;box-sizing:border-box;position:relative}.meter-detail-row li{height:73px;line-height:73px}.meter-detail-row .detail-icon{-ms-flex:1;flex:1}.meter-detail-row .detail-icon.light{background-position:0 6.5px}.meter-detail-row .detail-icon img{margin:.5px -10px}.meter-detail-row .detail-name{-ms-flex:4;flex:4;font-size:20px}.meter-detail-row .detail-name span{margin-left:15px;display:inline-block;color:#959595}.meter-detail-row .detail-area{-ms-flex:1;flex:1;font-size:20px;margin-left:15px;color:#959595}.meter-detail-row .label-device-room .device-room{cursor:pointer;position:absolute;width:36px;height:36px;top:30%;right:50px}.meter-detail-row .label-device-room .device-set-room{right:50px}.meter-detail-row .label-device-room .device-set-room .room_more_option{top:170%;right:10%}.meter-detail-row .label-device-room .device-set-room .btn_room_more_option{display:-ms-flexbox;display:flex}.meter-box{float:left;width:800px;height:320px;margin-left:50px;padding:18px;box-sizing:border-box;border-radius:5px;box-shadow:0 4px 2px 2px rgba(0,0,0,.52);background-color:rgba(112,112,112,.5)}.meter-box-title{display:-ms-flexbox;display:flex;margin-bottom:20px;-ms-flex-pack:justify;justify-content:space-between;padding-left:25px}.meter-power-box{display:-ms-flexbox;display:flex;width:400px;height:70px;border-radius:10px;background-color:rgba(255,255,255,.2);-ms-flex-align:center;align-items:center}.usage-box{display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;width:200px;height:60px;padding-left:17px;-ms-flex-pack:space-evenly;justify-content:space-evenly}.usage-box:first-child{box-shadow:inset -1px 0 0 0 #9b9b9b}.usage-box div{font-size:18px;color:#e6e6e6;font-family:OpenSans}.usage-box span{font-size:24px;color:#face00}.meter-label-box{display:-ms-flexbox;display:flex;width:282px;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between}.meter-label-box span{width:73px;font-size:12px;color:#9b9b9b;font-family:OpenSans}.icon-label{width:40px;height:14px;background-color:rgba(250,206,0,.15);border:solid 1px rgba(250,206,0,.7)}.meter-chart{position:relative;float:left;width:680px;height:200px}.th-title-row{position:relative;width:100%;padding:20px 0;line-height:50px;font-size:20px;color:#fff;border-bottom:1px solid #717171}.th-title-row span{float:left}.th-title-row .status{width:50px;left:34px;top:18px}.th-title-row:after{content:'';display:block;clear:both}.th-icon{float:left;margin-left:35px;margin-right:10px;width:50px}.th-gray{margin-left:15px;color:#999}.th-btn{float:right;margin-top:5px;margin-right:70px;width:60px}.th-mode{float:left;width:150px;margin-left:45px;padding-top:32px;padding-right:24px}.th-mode img{display:block;margin-top:20px;cursor:pointer}.th-mode span{display:block;margin-left:5px;margin-top:35px}.th-mode button{cursor:pointer;width:95px;height:48px;margin-top:20px;font-size:1.2em;font-weight:700}.th-mode button span{margin:0;color:#c3c3c3;text-shadow:0 2px #000}.th-mode button.mode-btn{background-size:100%;background:url(../../images/btn-mode-off.png) no-repeat}.th-mode button.mode-btn.on{background:url(../../images/btn-mode-on.png) no-repeat}.th-mode button.mode-btn.on span.cool-mode{color:#35aaed;text-shadow:0 1px 30px #2cd3f7}.th-mode button.mode-btn.on span.heat-mode{color:#ff8836;text-shadow:0 1px 30px #ff8836}.th-mode button.mode-btn.on span.auto-mode{color:#6cae0f;text-shadow:0 1px 30px #94ff00}.th-mode button.mode-btn.on span.away-mode{color:#ac4fd5;text-shadow:0 1px 30px #b100ff}.radiator-mode{margin-left:70px}.radiator-mode span{margin-top:35px}.radiator-mode,.radiator-mode-toggle{float:left;width:95px}.radiator-mode span,.radiator-mode-toggle span{display:block;margin-left:5px;margin-bottom:16px}.radiator-mode button,.radiator-mode-toggle button{width:95px;height:48px;margin-top:5px;font-size:16px;font-weight:700}.radiator-mode button span,.radiator-mode-toggle button span{margin:0}.radiator-mode button.mode-btn,.radiator-mode-toggle button.mode-btn{cursor:pointer;background-size:100%;background:url(../../images/btn-th-sd-off.png) no-repeat}.radiator-mode button.mode-btn span,.radiator-mode-toggle button.mode-btn span{color:#c3c3c3;text-shadow:0 2px #000}.radiator-mode button.mode-btn-on,.radiator-mode-toggle button.mode-btn-on{cursor:pointer;background:url(../../images/btn-th-sd-on.png) no-repeat}.radiator-mode button.mode-btn-on span.off-mode,.radiator-mode-toggle button.mode-btn-on span.off-mode,.radiator-mode button.mode-btn-on span.heating-mode,.radiator-mode-toggle button.mode-btn-on span.heating-mode,.radiator-mode button.mode-btn-on span.boost-mode,.radiator-mode-toggle button.mode-btn-on span.boost-mode,.radiator-mode button.mode-btn-on span.schedule-mode,.radiator-mode-toggle button.mode-btn-on span.schedule-mode,.radiator-mode button.mode-btn-on span.full-mode,.radiator-mode-toggle button.mode-btn-on span.full-mode,.radiator-mode button.mode-btn-on span.eco-mode,.radiator-mode-toggle button.mode-btn-on span.eco-mode,.radiator-mode button.mode-btn-on span.away-mode,.radiator-mode-toggle button.mode-btn-on span.away-mode{color:#fea52b;text-shadow:0 1px 30px #fea52b}.radiator-mode button.mode-btn-disable,.radiator-mode-toggle button.mode-btn-disable{cursor:pointer;background:url(../../images/btn-th-sd-off.png) no-repeat;opacity:.2}.radiator-mode button.mode-btn-disable span.off-mode,.radiator-mode-toggle button.mode-btn-disable span.off-mode,.radiator-mode button.mode-btn-disable span.heating-mode,.radiator-mode-toggle button.mode-btn-disable span.heating-mode,.radiator-mode button.mode-btn-disable span.boost-mode,.radiator-mode-toggle button.mode-btn-disable span.boost-mode,.radiator-mode button.mode-btn-disable span.schedule-mode,.radiator-mode-toggle button.mode-btn-disable span.schedule-mode,.radiator-mode button.mode-btn-disable span.full-mode,.radiator-mode-toggle button.mode-btn-disable span.full-mode,.radiator-mode button.mode-btn-disable span.eco-mode,.radiator-mode-toggle button.mode-btn-disable span.eco-mode,.radiator-mode button.mode-btn-disable span.away-mode,.radiator-mode-toggle button.mode-btn-disable span.away-mode{color:#c3c3c3;opacity:.5;text-shadow:0 1px 30px #000}.radiator-boost-mode-stop,.radiator-schedule-mode-stop{position:absolute;right:4%}.radiator-boost-mode-stop:hover,.radiator-schedule-mode-stop:hover{transform:scale(1.1)}.radiator-boost-mode-stop{top:25%}.radiator-schedule-mode-stop{top:62%}.radiator-offset{position:relative;top:-110px;left:228px}.radiator-offset-no-setpoint{position:relative;top:40px;left:335px}.radiator-offset-click{cursor:pointer}.th-temperature-panel{float:left;width:460px;height:320px}.bg-circle{position:relative;width:230px;height:230px;left:87px;top:70px;background-color:rgba(0,0,0,.1);border:1px solid #4e4e4e;border-radius:115px;box-shadow:inset 1px 2px 5px 5px rgba(0,0,0,.6)}.main-circle{position:relative;left:23px;top:23px;width:180px;height:180px;text-align:center;border:3px solid rgba(255,255,255,.5);border-radius:90px;background-image:radial-gradient(ellipse at center,#5bc3fe 0,#0087d5 89%);transition:all .4s linear}.main-circle span{display:block;color:#fff}.circle-txt-1{margin-top:20px;font-size:28px}.circle-txt-2{margin-top:5px;font-size:58px}.circle-txt-3{margin-top:5px;font-size:36px}.circle-bg-1{background-image:radial-gradient(ellipse at center,#8fcf29 0,#589c00 89%)}.circle-bg-3{background-image:radial-gradient(ellipse at center,#5bc3fe 0,#0087d5 89%)}.circle-bg-4{background-image:radial-gradient(ellipse at center,#ff9962 0,#ff7709 89%)}.circle-bg-240{background-image:radial-gradient(ellipse at center,#c470f9 0,#922baf 89%)}.circle-bg-999{background-image:radial-gradient(ellipse at center,#717171 0,#191919 89%)}.set-point-single{position:relative;top:-120px;left:285px;width:144px;height:144px;border:3px solid #a4a4a4;text-align:center;color:#666;border-radius:72px;background-image:linear-gradient(to bottom,#dcdcdc 0,#999 100%);box-shadow:2px 5px 5px 5px rgba(0,0,0,.4)}.left-double{top:-270px;left:20px}.right-double{left:335px}.center-double{left:135px}.point-1{font-size:14px;margin-top:25px}.point-2{width:100%;margin-top:3px;color:#333}.point-down,.point-up{float:left;color:#000;font-weight:700;font-size:30px;width:36px;margin-top:15px;cursor:pointer;transition:all .2s linear;background:none}.point-down:hover,.point-up:hover{transform:scale(1.5)}.point-txt{float:left;width:70px;font-size:30px;margin-top:10px}.point-3{width:100%;color:#000;font-size:24px;margin-top:5px}.th-option{float:left;width:150px;padding-top:35px;padding-left:24px;font-size:14px}.th-option-row{display:inline-table;float:left;width:-moz-max-content;width:max-content;height:40px;margin-bottom:15px}.th-option-row span{float:left;margin-top:10px;line-height:20px;margin-right:10px}.th-option-row img:first-child{float:left;margin-top:10px;margin-right:8px}.remote-group{float:left;margin:-25px 0 0 30px;display:inline-block;vertical-align:top;text-align:center;padding-right:50px}.remote-group span{position:absolute;margin-top:12px!important;margin-left:25px;cursor:pointer}.remote-group span img:hover{transform:scale(1.1)}.remote{width:42px;position:relative;display:block;cursor:pointer;margin-top:15px;margin-bottom:10px;text-align:right}.remote input{position:absolute;z-index:-1;opacity:0}.remote_indicator{position:absolute;width:16px;height:16px;background:#ddd}.remote--radio .remote_indicator{border-radius:50%}.remote input:checked~.remote_indicator{background:#4a90e2}.remote input:checked~.remote_indicator:after{display:block}.remote_indicator:after{position:absolute;display:none;content:''}.remote--radio .remote_indicator:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.remote-fill{height:290px}.remote-option-btns{float:left;width:85%;margin-top:10px;text-align:center;padding-bottom:5px}.remote-option-btns div,.remote-option-btns button{display:inline-block;height:40px;line-height:40px;text-align:center;width:120px;margin:0 10px}.btn-toggle,.btn-auto{float:right;cursor:pointer}.th-option-btns{position:relative;float:left;margin-top:-10px}.th-option-btns img,.th-option-btns button{margin-bottom:6px;cursor:pointer}.th-option-btns button{color:#c3c3c3;text-shadow:0 2px #000;width:150px;height:38px;font-weight:700;background:url(../../images/btn-th-sd-off.png) no-repeat}.th-option-btns button.on,.th-option-btns button.boost-btn-on{background:url(../../images/btn-th-sd-on.png) no-repeat}.th-option-btns button.on span.hold-sch,.th-option-btns button.boost-btn-on span.hold-sch{color:#ff2626;text-shadow:0 1px 30px #f00}.th-option-btns button.on span.normal-sch,.th-option-btns button.boost-btn-on span.normal-sch,.th-option-btns button.on span.no-sch,.th-option-btns button.boost-btn-on span.no-sch,.th-option-btns button.on span.fan-auto,.th-option-btns button.boost-btn-on span.fan-auto,.th-option-btns button.on span.fan-on,.th-option-btns button.boost-btn-on span.fan-on,.th-option-btns button.on span.remote-off,.th-option-btns button.boost-btn-on span.remote-off,.th-option-btns button.on span.remote-on,.th-option-btns button.boost-btn-on span.remote-on,.th-option-btns button.on span.boost-on,.th-option-btns button.boost-btn-on span.boost-on{color:#fea52b}.remote-setting{position:absolute;top:8%;right:6%;width:30px;height:26px}.remote-setting:hover{transform:scale(1.1)}.schedule-btn-box{cursor:pointer;float:right;margin-top:10px;height:40px;line-height:40px;font-size:18px;transition:all .2s linear}.schedule-btn-box span{float:left}.schedule-btn-box img{float:left}.schedule-btn-box:hover{transform:scale(1.1)}.schedule-btn-box img:first-child{margin-top:12px;margin-right:8px}.schedule-btn-box img:last-child{margin-top:8px;margin-left:14px}#thermostat-block .climax-btn-back-container{cursor:default!important}#thermostat-schedule-block .climax-btn-back-container{cursor:default!important}.sh-reference{width:175px;height:280px;padding-top:30px}.reference-row{padding-left:40px;margin-bottom:17px}.reference-row span{float:left;line-height:30px}.reference-row span:first-child{width:30px;height:30px;margin-right:15px;border-radius:15px}.sh-bg-blue{background-color:#00a7f4}.sh-bg-orange{background-color:#f68a3a}.sh-bg-green{background-color:#70d27f}.sh-bg-purple{background-color:#8957a1}.add-option-block{float:left;width:100%;box-sizing:border-box;padding-left:100px}.option-title{display:block;margin-top:19px;margin-bottom:17px}.add-option-mode{float:left;width:180px}.add-option-mode div{float:left;width:100%;margin-bottom:17px}.add-option-mode input{cursor:pointer;float:left;margin-top:7px;margin-right:7px;width:17px;height:17px}.add-option-mode label{cursor:pointer;float:left;width:75px;height:30px;padding-left:15px;line-height:30px;font-size:14px;color:#fff;border-radius:13px}.add-option-date{float:left;width:180px}.add-option-date div{float:left;width:100%;margin-bottom:6px}.add-option-date img{float:left;margin-top:4px;margin-right:14px;cursor:pointer}.add-option-date>div>span{float:left;line-height:30px;font-size:14px}.add-option-others{float:left;width:170px}.add-option-others select,.add-option-others input{display:block;width:155px;float:none;margin-bottom:22px}.add-option-others .option-title{margin-bottom:10px}.add-option-point{float:left;width:115px}.add-option-point select{display:block;width:100px;float:none;margin-bottom:22px}.add-option-point .option-title{margin-bottom:10px}.add-option-btns{float:left;width:100%;margin-top:10px;text-align:center;padding-bottom:5px}.add-option-btns div,.add-option-btns button{display:inline-block;height:40px;line-height:40px;text-align:center;width:120px;margin:0 10px}#thermostat-add-schedule-block .climax-btn-back-container{margin-top:-10px;cursor:default!important}.sh-chart{position:relative;float:left;margin-top:30px;margin-bottom:3px;width:675px;height:280px}.sh-chart-box{position:relative;margin-left:95px}.sh-item{position:absolute;font-size:14px;color:#fff;line-height:29px;width:44px;height:29px;text-align:center;cursor:pointer;border:1px outset;opacity:.85;border-radius:15px;transition:opacity .4s linear}.sh-item:hover{opacity:1;z-index:999}.sh-popup{position:absolute;width:166px;z-index:5;display:none}.sh-popup>div{float:left;width:100%;text-align:center}.sh-popup-content{background-color:#fff;border-radius:15px;box-shadow:2px 2px 5px 5px rgba(0,0,0,.4)}.sh-popup-pointer{margin-top:-15px}.popup-row{height:20px;line-height:20px;color:#fff;font-size:12px;margin:7px 6px 4px;width:154px;border-radius:8px}.sh-popup-temp-row{line-height:30px;margin:0 6px;padding:8px 0;border-bottom:1px solid #e5e5e5}.sh-popup-temp-row span,.sh-popup-temp-row img{float:left}.sh-popup-temp-row img{cursor:pointer;transition:opacity .2s linear}.sh-popup-temp-row img:hover{opacity:.6}.sh-popup-temp-row span:first-child{width:47px;color:#898989;font-size:12px}.sh-popup-temp-txt{width:45px;font-size:24px;font-weight:700;color:#000}.sh-popup-btns span{display:inline-block;cursor:pointer;width:74px;height:20px;line-height:22px;margin:6px 3px 12px;font-size:10px;text-align:center;color:#fff;border-radius:9px;transition:opacity .2s linear}.sh-popup-btns span:hover{opacity:.8}.btn-bg-red{box-shadow:0 4px 2px 2px #a60303;background-color:#ff2525}.btn-bg-red:active{box-shadow:inset 3px 3px 5px 2px #a60303}.btn-bg-gray{box-shadow:0 4px 2px 2px #2c2d30;background-color:#565960}.btn-bg-gray:active{box-shadow:inset 3px 3px 5px 2px #2c2d30}.popup-time-txt,.popup-time-start,.popup-time-end{margin-right:3px}.popup-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;display:none}#thermostat-schedule-block,#thermostat-block{float:left;position:relative;width:100%}.sh-week-list{position:absolute;left:0}.sh-week-list li{line-height:36px;height:36px;font-size:16px;text-align:right}.sh-week-list img{float:right;margin-top:9px;margin-left:10px;cursor:pointer;transition:all .2s linear}.sh-week-list img:hover{transform:scale(1.2)}.sh-week-list span{color:#ffa729}.white_line{position:absolute;top:0;left:66px;width:600px}.white_line li{width:100%;height:35px;border-top:1px solid #737373}.white_line li:last-child{border-bottom:1px solid #737373}.m_white_line{position:absolute;top:7px;left:0;width:680px}.m_white_line li{width:100%;height:25px;border-top:1px solid #fff}.m_white_line li:last-child{border-bottom:1px solid #fff}.hours_line{position:absolute;top:242px;left:66px;width:600px}.hours_line li{float:left;width:48px;margin-right:21px;text-align:center;font-size:16px;line-height:20px}.hours_line li span{display:inline-block;width:7px;height:7px;background-color:#fff;border-radius:50%}.hours_line li:last-child{margin-right:0}.m_hours_line{position:absolute;top:170px;left:0}.m_hours_line li{float:left;width:20px;margin-right:8.5px;text-align:center;color:#848484}.m_hours_line li:last-child{margin-right:0}.meter-usage-row{float:left;width:100%;margin-bottom:15px}.meter-value-row{float:left;width:34px}.meter-value-row li{height:26px;text-align:center;color:#848484}.meter-bar{position:absolute;background-color:#face00;height:30px;width:11px;bottom:37px}.tooltip a{position:relative;float:left;width:100%;height:100%;z-index:5}.tooltip a:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;left:0;top:-26px;content:"";height:0;width:0;opacity:0;transition:all .4s ease}.tooltip a:after{border-radius:5px;background:#fff;color:#000;position:absolute;left:-5px;top:-50px;content:attr(data-tooltip);white-space:nowrap;padding:5px 15px;opacity:0;transition:all .4s ease}.tooltip a:hover:before{top:-10px;margin-bottom:10%;opacity:1}.tooltip a:hover:after{top:-34px;opacity:1}.tooltip{position:absolute;background-color:#fff;color:#000;float:left;width:50px;text-align:center;height:30px;line-height:30px;top:-25px!important;border-radius:20px;display:none}.tooltip:after{content:'';position:absolute;top:25px;left:15px;width:0;height:0;border-top:15px solid;border-left:10px solid transparent;border-right:10px solid transparent;color:#fff}.th-display-mode-row{position:absolute;right:85px}.th-display-mode-row span{display:inline;float:none;font-size:14px}.th-mode-bar{width:780px;height:25px;font-size:12px;margin-left:35px;margin-top:10px}.th-mode-bar div{float:left}.th-mode-bar .th-mode-text{width:60px;height:20px;position:relative;top:4px;text-align:center}.th-mode-bar .th-mode-tab{border:1px solid #fff;color:#fff;cursor:pointer;float:left;width:60px;height:20px;text-align:center;font-weight:blod}.th-mode-bar .th-mode-tab div{text-align:center;width:100%;height:50%;margin-top:5px}.th-mode-bar .th-mode-tab-right{border-radius:0 5px 5px 0}.th-mode-bar .th-mode-tab-left{border-radius:5px 0 0 5px}.th-mode-bar .th-mode-tab-active{background:#fff;color:#000}.th-mode-bar .th-mode-edit-cool{background:#4a90e2}.th-mode-bar .th-mode-edit-heat{background:#f66b3a}.th-mode-bar .th-mode-edit-auto{background:#7ed321}.th-mode-bar .th-mode-tab-edit{color:#fff;float:left;padding:0 6px;height:20px;border:1px solid #fff;border-radius:5px}.th-mode-bar .th-mode-tab-edit div{text-align:center;width:100%;height:50%;margin-top:5px}.th-mode-bar .th-mode-config{display:none;float:right;cursor:pointer}.clear{clear:both}.edit-popup-menu-copyto{border-bottom:1px solid #9b9b9b}.edit-popup-menu-week-select{text-transform:uppercase;height:100%}.th-week-schedule-edit-day-bar{width:120px;height:24px;border-bottom:1px solid #9b9b9b;background:#ddd;cursor:pointer}.th-week-schedule-edit-day-bar div{width:94%;height:100%;line-height:25px;margin-left:7%}.th-week-schedule-edit-day-bar div img{margin-right:5px}.edit-popup-menu-24h{border-bottom:1px solid #9b9b9b}.th-schedule{margin-left:30px;font-size:12px}.th-schedule .th-week-bar{width:860px;height:30px;margin-top:10px}.th-schedule .th-week-bar:nth-child(1){margin-top:10px}.th-schedule .th-week-bar div{float:left}.th-schedule .th-week-bar .th-week3{position:relative;left:100px}.th-schedule .th-week-bar .schedule-edit-box{position:relative;width:0;left:720px}.th-schedule .th-week-bar .th-week-schedule-edit{padding:12px 10px;cursor:pointer}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu{position:absolute;right:-25px;top:-10px;background:#ddd;color:#000;min-width:120px;z-index:9;float:none}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu i{position:relative;right:5px}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-btn-bar{width:120px;height:24px;border-bottom:1px solid #9b9b9b;background:#ddd;text-align:center}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-btn-bar .th-week-schedule-edit-btn-center{display:inline-block;float:none;margin:0 auto}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-btn-bar .th-week-cancel-btn{cursor:pointer;font-size:11px;margin-top:3px;padding:3px;border:1px solid #9d9d9d;border-radius:4px}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-btn-bar .th-week-ok-btn{cursor:pointer;font-size:11px;margin-top:3px;margin-left:10px;padding:3px;border:1px solid #6c6c6c;background:#6c6c6c;border-radius:4px;color:#fff}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div{cursor:pointer;height:24px;min-width:120px;width:auto;position:relative}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div:nth-child(1){border-bottom:1px solid #9b9b9b}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .th-week-schedule-edit-popup-menu-text{width:120px;box-sizing:border-box;position:relative;padding:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:none}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .arrow-right{float:right;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;position:relative;left:-8px}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .arrow-down{float:right;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .th-week-24h-center{float:none;width:90px;margin:0 auto}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .th-week-24h-center input{float:left;text-align:center;border-radius:4px;border:1px solid #9b9b9b;width:65px;margin-top:3px}.th-schedule .th-week-bar .th-week-schedule-edit-popup-menu .th-week-schedule-edit-popup-menu-div .th-week-24h-center .timeEntry-control{margin-top:4px;margin-left:3px}.th-schedule .th-week-bg{display:none;position:absolute;left:90px;width:720px;height:30px;background-image:url(../../../assets/images/automation/icon-schedule-timebar-auto.png);background-size:100% 100%}.th-schedule .th-week-text{text-transform:uppercase;box-sizing:border-box;width:60px;padding:8px 0 8px 20px;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a}.th-schedule .th-week-setpoint{cursor:pointer}.th-schedule .th-week-setpoint-auto-text span{font-size:10px}.th-schedule .th-week-setpoint-auto-text span:nth-child(1){color:#f66b3a}.th-schedule .th-week-setpoint-auto-text span:nth-child(2){color:#4a90e2}.th-schedule .th-week-setpoint-cool-text span{font-size:10px}.th-schedule .th-week-setpoint-cool-text span:nth-child(1){color:#4a90e2}.th-schedule .th-week-setpoint-heat-text span{font-size:10px}.th-schedule .th-week-setpoint-heat-text span:nth-child(1){color:#f66b3a}.th-schedule .point-text{border-radius:6px;background:#fff;position:absolute;top:5px;padding:2px 3px;width:32px;text-align:center}.th-schedule .heat-color{background-color:#f66b3a}.th-schedule .cool-color{background-color:#4a90e2}.th-schedule .th-setpoint-text{padding:3px;border-radius:4px;border:solid 1px #fff;text-align:center}.th-schedule .th-week-setpoint-edit-popup-auto{height:140px;top:-142px}.th-schedule .th-week-setpoint-edit-popup-cool-heat{height:104px;top:-109px}.th-schedule .th-week-setpoint-edit-popup{position:absolute;left:-111px;width:220px;z-index:99;border:1px solid #ddd;background-color:#363636;border-radius:7px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li{width:220px;height:30px;padding-top:2px;padding-bottom:2px;border-bottom:1px solid #4a4a4a}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li:nth-child(4){border:none}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-week-edit-center{float:none;height:80%;width:90%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 auto;margin-top:3px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-week-edit-center input{float:left;width:70px;margin-left:25px;border-radius:3px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-week-edit-center .timeEntry-control{margin-left:3px;margin-top:2px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-setpoint-slider{height:3px;margin-left:10px;width:100px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-setpoint-number,.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-li .th-week-delete{position:absolute;right:20px}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-shape1{float:left;position:relative;z-index:98;left:100px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #363636}.th-schedule .th-week-setpoint-edit-popup .th-week-setpoint-edit-popup-shape2{float:left;position:relative;z-index:97;left:81px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ddd}.th-schedule .th-week-setpoint-edit-popup .th-week-ok-btn{float:none;cursor:pointer;text-align:center;font-size:11px;max-width:40px;margin:0 auto;padding:3px;border:1px solid #6c6c6c;background:#6c6c6c;border-radius:4px;color:#fff}.th-schedule .th-week-setpoint-display-popup-auto{top:-102px;height:96px}.th-schedule .th-week-setpoint-display-popup-cool-heat{top:-71px;height:64px}.th-schedule .th-week-setpoint-display-popup-cool-heat .heat-row{box-shadow:none!important}.th-schedule .th-week-setpoint-display-popup{position:relative;z-index:99;width:130px;border:1px solid #ddd;background-color:#363636;border-radius:7px}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-shape1{float:left;position:relative;z-index:4;left:69px;top:-1px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #363636}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-shape2{float:left;position:relative;z-index:3;left:50px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ddd}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li{width:130px;height:28px;padding-top:2px;padding-bottom:2px;box-shadow:inset 0 -1px 0 0 #4a4a4a}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li:nth-child(3){box-shadow:none}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li .th-week-close{height:10px;width:10px;right:5px;position:absolute;cursor:pointer}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li:nth-child(1) div:nth-child(1){position:relative;top:7px;margin-left:10px}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li .th-setpoint-text{position:relative;top:4px;margin-left:10px;text-align:center}.th-schedule .th-week-setpoint-display-popup .th-week-setpoint-display-popup-li div:nth-child(2){position:relative;width:30%;top:8px;float:right;margin-right:10px}.th-week-timeline{width:720px;border-bottom:1px solid #fff;margin-left:88px;margin-top:20px}.th-week-timeline .th-circle{float:left;width:7px;height:7px;position:relative;top:-3px;background-color:#fff;border-radius:50%;margin-left:23px}.th-week-timeline .th-circle div{width:10px;text-align:center;position:relative;top:10px}.th-week-timeline .th-circle:nth-child(1){margin-left:0}.th-week-timeline .th-circle:nth-child(n+10) div{left:-4px}.th-edit-popup-time{text-align:center}.hidden{display:none}.heat-bar,.cool-bar{background:#aaabab;border:0}.ui-widget-header{background:#4a90e2}.heat-bar,.cool-bar{width:240px}.select-copy-day{background:#4a4a4a;color:#fff}.th-week-setpoint-edit-popup-mask{position:absolute;top:0;background-color:#000;z-index:4;left:0;opacity:.4;display:none;width:100%;height:100%}#btn-schedule-apply{display:none;height:35px;line-height:35px;text-align:center;width:120px;margin-left:250px;margin-top:15px}.timepicker_wrap .action-prev,.timepicker_wrap .action-next{width:4px;height:4px;padding:7px}.timepicker_wrap .prev{background-position:50% -5%}.timepicker_wrap .next{background-position:50% 105%}.timepicker_wrap .time,.timepicker_wrap .mins{width:20px;height:80px;margin:0 5px}.timepicker_wrap .ti_tx,.timepicker_wrap .mi_tx{width:20px!important}.timepicker_wrap input{width:18px!important;margin-left:0!important}.timepicker_wrap{top:27px!important;left:17px!important}.th-week-24h-center .timepicker_wrap{width:60px;left:-8px!important}.th-hover-stop{pointer-events:none}.de-power-first{margin:auto;width:-moz-fit-content;width:fit-content;font-size:16px}#thermostat-block .de-power-first{padding:152px 0}#hue-block .de-power-first{padding:58px 0}.bg-rectangle{position:relative;width:460px;height:290px;top:32px;border-left:1px solid #686868;border-right:1px solid #686868}.bg-rectangle .boost-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#9b9b9b;font-size:18px}.main-rectangle{position:relative;top:90px;width:220px;height:180px;transition:all .4s linear}.main-rectangle span{color:#fff}.rectangle-bg-center{left:120px}.rectangle-bg-left{left:41px}.on-boost{top:60px}.rectangle-txt-1{display:block;margin-top:20px;font-size:14px}.rectangle-txt-2{margin-top:5px;font-size:96px}.rectangle-txt-3{margin-top:5px;font-size:14px}.set-point-rectangle{position:relative;top:-140px;left:285px;width:140px;height:144px;text-align:center;font-size:14px;color:#fff;background:#545454;border-radius:8px}.set-point-rectangle .no-offset{top:-110px}.rectangle-point-title{width:120px;border-bottom:1px solid #686868;padding:10px 10px 6px;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;font-size:14px}.rectangle-single{height:105px}.rectangle-double{height:165px}.th-option-btns{position:relative;float:left;margin-top:-10px}.th-option-select .climax-select-thermode{float:left;height:36px;line-height:18px;color:#000;outline:0;border:0;padding-left:5px;background-color:#bababa;border-radius:5px;box-sizing:border-box;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset;font-size:14px;width:142px;cursor:pointer;padding-left:15px;color:#979797;background:linear-gradient(180deg,#6f737b 0,#424449 100%);border-radius:24px}.th-option-select .climax-select-thermode option{background-color:#fff}.th-option-select .climax-select-thermode option{background:#545454;color:#fff;font-size:14px}.rectangle-point-heat,.rectangle-point-cool,.rectangle-point-general{padding:10px}.rectangle-point-heat .thermode-cool-setpoint-select,.rectangle-point-cool .thermode-cool-setpoint-select,.rectangle-point-general .thermode-cool-setpoint-select,.rectangle-point-heat .thermode-heat-setpoint-select,.rectangle-point-cool .thermode-heat-setpoint-select,.rectangle-point-general .thermode-heat-setpoint-select,.rectangle-point-heat .thermode-general-setpoint-select,.rectangle-point-cool .thermode-general-setpoint-select,.rectangle-point-general .thermode-general-setpoint-select{float:left;height:50px;line-height:18px;color:#000;outline:0;border:0;padding-left:5px;background-color:#bababa;border-radius:5px;box-sizing:border-box;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset;font-size:14px;width:120px;cursor:pointer;padding-left:50px;margin-bottom:10px;background:linear-gradient(180deg,#6f737b 0,#424449 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 1px 2px rgba(255,255,255,.3);border:1px solid #1d1e20;border-radius:8px;color:#fff;background-repeat:no-repeat;background-position:left center}.rectangle-point-heat .thermode-cool-setpoint-select option,.rectangle-point-cool .thermode-cool-setpoint-select option,.rectangle-point-general .thermode-cool-setpoint-select option,.rectangle-point-heat .thermode-heat-setpoint-select option,.rectangle-point-cool .thermode-heat-setpoint-select option,.rectangle-point-general .thermode-heat-setpoint-select option,.rectangle-point-heat .thermode-general-setpoint-select option,.rectangle-point-cool .thermode-general-setpoint-select option,.rectangle-point-general .thermode-general-setpoint-select option{background-color:#fff}.rectangle-point-heat .thermode-cool-setpoint-select option,.rectangle-point-cool .thermode-cool-setpoint-select option,.rectangle-point-general .thermode-cool-setpoint-select option,.rectangle-point-heat .thermode-heat-setpoint-select option,.rectangle-point-cool .thermode-heat-setpoint-select option,.rectangle-point-general .thermode-heat-setpoint-select option,.rectangle-point-heat .thermode-general-setpoint-select option,.rectangle-point-cool .thermode-general-setpoint-select option,.rectangle-point-general .thermode-general-setpoint-select option{background:#545454;color:#fff}.rectangle-point-cool .thermode-cool-setpoint-select{background-image:url(../../../assets/images/icon/icon_TMST_setpoint_cool.png)}.rectangle-point-heat .thermode-heat-setpoint-select{background-image:url(../../../assets/images/icon/icon_TMST_setpoint_heat.png)}.rectangle-point-general .thermode-general-setpoint-select{background-image:url(../../../assets/images/icon/icon_TMST_setpoint_general.png)}.setpoint-img{position:relative;top:-45px;left:15px;width:45px;height:45px}.thermode-style-0{color:#979797!important}.thermode-style-1,.thermode-style-10,.thermode-style-14{color:#7ed321!important}.thermode-style-3,.thermode-style-6,.thermode-style-8{color:#35aaed!important}.thermode-style-240{color:#fff!important}.thermode-style-4,.thermode-style-11,.thermode-style-241,.thermode-style-242{color:#fea52b!important}.detail-feature{width:395px;margin-left:30px}.upic5-box{font-size:15px;display:inline-block;-ms-flex-align:left;align-items:left;margin-left:50px}.upic5-box img{margin:0}.upic5-box #btn-back-upic5 img{margin-top:15px;margin-right:20px}.upic5-box .detail-row{padding:0;opacity:.6;display:-ms-inline-flexbox;display:inline-flex;background-color:rgba(49,49,49,.55);border-bottom:1px solid #6f6f6f;border-top:0}.upic5-box .detail-row li{line-height:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.upic5-box .detail-row li:first-child{-ms-flex-pack:center;justify-content:center}.upic5-box .detail-row .break-word-wrap{word-wrap:break-word;line-height:20px}.upic5-box .detail-row .break-word-wrap span{display:block}.upic5-box .detail-row:hover{opacity:1;background-color:rgba(155,155,155,.2)}.upic5-box .detail-no{width:30px;height:60px}.upic5-box .detail-deviceType{width:270px;height:60px}.upic5-box .detail-ledNo{width:120px;height:60px}.upic5-box .detail-img{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.upic5-box .detail-img img{float:left;margin-top:0!important}.upic5-box .active{opacity:1;background-image:linear-gradient(to bottom,#101010,#2a2a2a 52%,#101010)}.upic-control-block{position:absolute;display:inline-block;padding-top:30px;padding-left:40px;width:325px}.upic-control-block div{float:left;display:inline-block;width:105px;height:105px}.upic-control-block div img:hover{cursor:pointer;background-color:rgba(155,155,155,.2);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter');filter:brightness(2)}.upic-control-block div:nth-child(4),.upic-control-block div:nth-child(6),.upic-control-block div:nth-child(7),.upic-control-block div:nth-child(9),.upic-control-block div:nth-child(5),.upic-control-block div:nth-child(8){height:104px;border-top:1px solid #717171}.upic-control-block div:nth-child(5),.upic-control-block div:nth-child(8){width:103px;border-left:1px solid #717171;border-right:1px solid #717171}.upic-control-block .upic-btn-num{position:absolute;margin-top:10px;margin-left:10px;color:#878787}.upic5-edit-box{font-size:15px;display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-align:center;align-items:center}.upic5-edit-box select,.upic5-edit-box img,.upic5-edit-box input{margin-top:15px}.upic5-edit-box img{margin-right:15px}.upic5-edit-box .detail-row{padding:0;display:-ms-flexbox;display:flex;background-color:rgba(49,49,49,.55);border-bottom:1px solid #6f6f6f;border-top:0}.upic5-edit-box .detail-row li{line-height:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.upic5-edit-box .detail-row li:first-child{-ms-flex-pack:center;justify-content:center}.upic5-edit-box .detail-no{width:120px;height:50px}.upic5-edit-box .detail-deviceType,.upic5-edit-box .detail-customizeName{width:260px;height:50px}.upic5-edit-box .detail-ledNo{width:160px;height:50px}.upic5-edit-box .detail-img{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.upic5-edit-box .detail-img img{width:50px;float:left;margin-top:0!important}.upic-control-box .detail-img img{margin-top:10px}.upic-control-box .detail-function{width:345px}.upic-control-box .detail-function img{margin-top:15px;padding:0;float:left;cursor:pointer}.upic-control-box .detail-function img:nth-child(2),.upic-control-box .detail-function img:nth-child(5){padding-left:5px}.upic-control-box .detail-function img:nth-child(4),.upic-control-box .detail-function img:nth-child(6){padding-right:5px}.upic-control-box .detail-deviceType{width:50px}.upic-back-container{margin:15px 0;text-align:center}.upic-back-container span{margin-top:5px}.upic-back-container button{margin-top:5px;line-height:40px;width:120px}.upic-content{display:inline-block;width:420px;padding-top:10px;box-shadow:0 10px 5px -5px #000}.upic-content .upic-edit-icon{cursor:pointer}.upic-content ul:last-child{border-bottom:0}.upic-content #upic-header{display:-ms-flexbox;display:flex;padding-left:0;height:35px}.upic-content #upic-header li{height:35px;font-family:OpenSans;font-size:14px}.upic-content #upic-header img{margin:10px;width:16px;height:16px}.upic-content #upic-header li:nth-child(1){width:30px}.upic-content #upic-header li:nth-child(2){width:270px}.upic-content #upic-header li:nth-child(3){width:84px}.upic-edit-content{width:800px;padding-top:10px;box-shadow:0 10px 5px -5px #000}.upic-edit-content ul:last-child{border-bottom:0}.upic-edit-content #upic-header{display:-ms-flexbox;display:flex;padding-left:0;height:35px}.upic-edit-content #upic-header li{font-family:OpenSans;font-size:14px}.upic-edit-content #upic-header li:nth-child(1){width:110px;padding-left:10px}.upic-edit-content #upic-header li:nth-child(2),.upic-edit-content #upic-header li:nth-child(3){width:260px}.upic-edit-content #upic-header li:nth-child(4){width:160px}.upic-secom-content{width:600px}.upic-secom-content #upic-header li:nth-child(1){width:110px;padding-left:10px}.upic-secom-content #upic-header li:nth-child(2){width:260px}.upic-secom-content #upic-header li:nth-child(3){width:160px}.upic5-device-select{height:30px;width:180px;margin-top:0!important}.upic5-customizeName-dropdown{height:30px;width:240px;margin-top:0!important}.upic5-led-select{height:30px;width:140px;margin-top:0!important}.detail-wss-feature{width:425px;margin-top:10px}.detail-wss-feature img{cursor:pointer}#wss-block .climax-btn-back-container{margin-top:30px!important}.automation-room-detail-section #wss-block .climax-btn-back-container{height:50px;margin-top:0!important}#container-scenes .menu-highlight{font-size:14px}.wss-container{float:left;margin:0 50px 0 62px;width:788px}.wss-container .scenes-button{cursor:pointer;float:left;width:40px;margin-top:20px}.wss-container .scenes-button img{margin-bottom:10px;opacity:.2}.wss-container .scenes-button .selected-img{opacity:1}.wss-container .scenes-box{width:800px;background-color:rgba(116,116,116,.5)}.wss-container .scenes-box .climax-title{border-radius:5px 5px 0 0;font-size:14px}.wss-container .scene-submit{float:left;width:100%;text-align:center;font-size:14px;font-weight:blod;height:50px;line-height:3px;color:#e5e5e5}.wss-container .btn-center{margin-bottom:0;margin-right:20px}.wss-container .scene-main{float:left;width:320px;height:365px;margin:25px 15px 0 30px;border:1px solid #000;background-color:rgba(49,49,49,.55)}.wss-container .scene-main .climax-title{line-height:35px}.wss-container #container-scenes{float:left;width:100%;height:325px;overflow:auto}.wss-container .scene-row{float:left;width:100%;height:59px;line-height:60px;border-bottom:1px solid #6e6e6e;cursor:pointer}.wss-container .scene-row li{float:left;height:65px;line-height:65px}.wss-container #container-scenes ul:last-child{border-bottom:none}.wss-container .s-delete{display:none}.wss-container .s-radio{padding-left:10px;width:20px}.wss-container .s-icon{padding-left:10px;width:55px}.wss-container .s-txt{width:200px}.wss-container .s-btn{display:none}.wss-container .scene-sub,.wss-container .scene-main-add{float:left;width:400px;height:380px;box-sizing:border-box}.wss-container .scene-main{margin:20px 0 0 22px}.wss-container .scene-sub{margin-left:10px;background:none}.wss-container .sub-title{float:left;width:100%;height:0;margin-top:20px;box-sizing:border-box}.wss-container .sub-icon{float:left;margin-right:15px}.wss-container .sub-txt{float:left;font-size:20px;line-height:38px}.wss-container .sub-block{float:left;width:100%;margin-bottom:28px;background-color:rgba(49,49,49,.55)}.wss-container .sb-title{float:left;width:100%;padding-left:15px;box-sizing:border-box;background-color:rgba(0,0,0,.8)}.wss-container .sub-content{float:left;width:100%;height:325px}.wss-container .sub-content-row,.wss-container .sub-content-row-condition{float:left;width:100%;height:60px;font-size:14px;box-shadow:inset 0 -1px 0 #4a4a4a;box-sizing:border-box;padding:0 10px}.wss-container .sub-content-row--has-icon li:first-child,.wss-container .sub-content-row-condition--has-icon li:first-child{line-height:100%}.wss-container .sub-content-row li,.wss-container .sub-content-row-condition li{padding:10px 0;float:left}.wss-container .sub-content-row li.h-80,.wss-container .sub-content-row-condition li.h-80{height:80px}.wss-container .sub-content-row-condition{padding-bottom:55px}.wss-container .content-delete{width:35px}.wss-container .content-delete img{margin-top:17px;margin-left:5px;cursor:pointer;display:none}.wss-container .content-icon{width:50px;float:left}.wss-container .content-icon img{width:40px!important;height:40px!important}.wss-container .content-icon .device-icon{width:40px;height:40px;border-radius:20px;display:inline-block}.wss-container .content-name{float:left}.wss-container .content-left,.wss-container .content-select{float:left;color:#a2a2a2;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wss-container .content-left span,.wss-container .content-select span{display:block;line-height:15px}.wss-container .content-left span:last-child,.wss-container .content-select span:last-child{display:contents!important}.wss-container .content-right,.wss-container .context-schedule{float:right!important;text-align:right;width:160px}.wss-container .content-right span,.wss-container .context-schedule span{line-height:17px;display:block}.wss-container .content-right select{float:none}.wss-container .content-select{height:43px!important;margin-left:44px}.wss-container .content-select select{width:215px}.wss-container .txt-white{color:#fff}.wss-container .txt-gap{margin-left:5px;margin-right:3px}.wss-container .sub-content-row-condition .content-left{width:auto}.wss-container .sub-content-row-condition .content-right{width:150px}.wss-container .sub-content-row-condition .context-schedule{width:100%;margin-top:-15px}.wss-container .txt-schedule{line-height:0}.wss-container .delete-btns-box{width:100%;margin:50px 0;text-align:center;display:none}.wss-container .delete-btns-box div{display:inline-block;margin:0 10px}.wss-container #deleteBox-scene{float:left}.wss-container .scene-main-add-box{padding:0 24px 50px}.wss-container .wss-font{font-size:15px;font-weight:blod;text-align:center}.wss-container .wss-empty-1{padding-top:10px}.wss-container .wss-empty-2{height:280px}.scene-icon{background-color:#f5a623;width:75px;height:75px;border:solid 3px #fff;border-radius:75px;display:inline-block}.scene-icon--s{width:35px;height:35px;border:solid 2px #fff;border-radius:35px}.scene-icon img{vertical-align:top}.s-icon .scene-icon{margin-top:13px}.sub-title .scene-icon{margin-right:15px;float:left}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-text,.third-text{margin-bottom:6px}.one-line .txt-white{line-height:40px!important}.second-text{color:#9b9b9b}.fourth-text .fourth-icon{width:24px;height:24px;padding-left:8px}.fourth-text .fourth-sub-text{display:inline-block;position:relative;top:-7px}.hue-icon{margin:0 10px 0 35px;float:left}.hue-icon-background{width:50px;height:50px;border-radius:25px;display:block}.hue-icon-background img{margin:0}.hue-status{background-color:#fcecdc;width:70px;height:70px;margin-right:10px;border:2px solid #fff;border-radius:8px;line-height:66px;text-align:center;vertical-align:top;font-size:36px;display:inline-block;box-sizing:border-box;display:none}.hue-container{position:relative;height:415px}.hue-container .hue-tab{width:490px;margin:0 auto}.hue-container .hue-colorpicker,.hue-container .hue-preset{text-align:center}.hue-tab{padding:10px 0;text-align:center}.hue-tab ul{width:100%;display:inline-block;overflow:hidden}.hue-tab li{width:calc(33.3% - 2px);height:20px;border:1px solid #ebebeb;line-height:20px;float:left;cursor:pointer}.hue-tab li:first-child{width:calc(33.3% - 1px);border-right:0;border-radius:5px 0 0 5px}.hue-tab li:last-child{width:calc(33.3% - 1px);border-left:0;border-radius:0 5px 5px 0}.hue-tab li.active{background-color:#ebebeb;color:#070707}.hue-container-only-whites{position:relative;height:415px}.hue-container-only-whites .hue-tab-only-whites{width:490px;margin:0 auto}.hue-container-only-whites .hue-colorpicker{text-align:center}.hue-tab-only-whites{padding:10px 0;text-align:center}.hue-tab-only-whites ul{width:100%;display:inline-block;overflow:hidden}.hue-tab-only-whites li{width:99%;height:20px;border:1px solid #ebebeb;line-height:20px;float:left;border-radius:5px}.hue-bar{padding:20px 0;text-align:center}.hue-bar>*{display:inline-block}.hue-bar img{width:auto!important;height:auto!important;margin-bottom:-5px}.hue-bar .light-bar{width:380px;margin:0 15px;float:none}.hue-bar .light-bar .ui-widget-header{background:#4a90e2}.hue-bar__status{padding-left:10px}.hue-control{text-align:center;display:none}.hue-colorpicker{position:relative;display:inline-block}.hue-colorpicker__icon{width:72px;font-size:72px;position:absolute;top:calc(50% - 36px);left:calc(50% - 36px)}.hue-colorpicker__cursor{background-color:#000;width:14px;height:14px;border:1px solid #fff;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);position:absolute;display:none}.hue-preset{width:470px;display:inline-block}.hue-preset__content{background-image:url(../../images/automation/hue/preset.png);width:400px;height:40px;margin:15px auto}.hue-preset__item{width:44px;height:40px;float:left;cursor:pointer}.hue-preset__item.active,.hue-preset__item:hover{background-image:url(../../images/automation/hue/preset-selected.png)}.hue-preset__item1.active,.hue-preset__item1:hover{background-position:-2px 0}.hue-preset__item2.active,.hue-preset__item2:hover{background-position:-46px 0}.hue-preset__item3.active,.hue-preset__item3:hover{background-position:-90px 0}.hue-preset__item4.active,.hue-preset__item4:hover{background-position:-134px 0}.hue-preset__item5.active,.hue-preset__item5:hover{background-position:-178px 0}.hue-preset__item6.active,.hue-preset__item6:hover{background-position:-222px 0}.hue-preset__item7.active,.hue-preset__item7:hover{background-position:-266px 0}.hue-preset__item8.active,.hue-preset__item8:hover{background-position:-310px 0}.hue-preset__item9.active,.hue-preset__item9:hover{background-position:-354px 0}.control-device-row.hue{width:100%;padding:10px;box-sizing:border-box}.control-device-row .hue-bar{width:400px;padding:20px 0 20px 10px}.control-device-row .hue-bar .light-bar{width:300px}.control-device-row .hue-bar img{margin-bottom:-8px}.rule-list__item.hue_control{line-height:100%}.rule-list__item .hue-bar{padding-top:25px}.rule-list__item .hue-bar .light-bar{width:180px}.rule-list__item.hue_control,.control-device-row.hue_control{padding-left:34px}.hue-submit{position:absolute;height:40px;width:900px;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.vertical-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.vertical-container .vertical-middle{display:inline-block;vertical-align:middle}.vertical-container .vertical-top{display:inline-block;vertical-align:top}.vertical-container .vertical-middle-device-type{display:inline-block;top:10px}.hide{display:none!important}.float-align-container{position:relative;height:100%}.float-align-container>.float-align-middle{position:relative;top:50%;transform:translateY(-50%)}.device-list-delete-mode .device-row>div{height:80px}.device-list-delete-mode .device-row.row-count-1>div{height:80px}.device-list-delete-mode .device-row.row-count-2>div{height:160px}.device-list-delete-mode .device-row.row-count-3>div{height:240px}.device-list-delete-mode .device-row.row-count-4>div{height:320px}.device-list-delete-mode .device-row.row-count-5>div{height:400px}.device-list-delete-mode .device-row .device-remove-icon{width:25px;margin:0 -15px 0 4px;opacity:1;max-height:100%;max-width:25px;transition:opacity 500ms ease 0s,max-width 0s,max-height 0s,margin 0s}.device-list-delete-mode .device-row .device-more{opacity:0;max-width:0;max-height:0;overflow:hidden;margin:0;transition:all 0s ease 0s}.device-list-delete-mode div.extra-device-remove{opacity:1;max-height:80px;max-width:100%;transition:opacity 500ms ease 0s,max-width 0s,max-height 0s,margin 0s;display:block;width:100%;height:80px;margin:0;text-align:center}div.extra-device-remove{width:100%;height:80px;text-align:center;opacity:0;max-width:0;max-height:0;overflow:hidden;margin:0;transition:max-width 0s ease 500ms,max-height 0s ease 500ms,opacity 500ms ease 0s,margin 0s ease 500ms}div.extra-device-remove span.btn-left,div.extra-device-remove span.btn-right{display:inline-block;float:none;margin:15px 20px}div.extra-device-remove .btn-left,div.extra-device-remove .btn-right{height:40px}.device-row{border-top:1px solid #6f6f6f;position:relative}.device-row>div{display:inline-block;box-sizing:border-box;vertical-align:top;height:80px;position:relative}.device-row>div .break-word-wrap{word-wrap:break-word;line-height:20px}.device-row>div .break-word-wrap span{display:block}.device-row .device-remove-icon{opacity:0;max-width:0;max-height:0;overflow:hidden;transition:max-width 0s ease 500ms,max-height 0s ease 500ms,opacity 500ms ease 0s,margin 0s ease 500ms;z-index:5;margin:0}.device-row .device-remove-icon img{cursor:pointer}.device-row:first-child{border:0}.device-row.fault{background-image:linear-gradient(to right,rgba(227,27,39,0) 14%,rgba(227,27,39,.22) 41%,rgba(227,27,39,.47) 100%)}.device-row.fault li,.device-row.fault div,.device-row.fault span{color:#fff!important}.device-row.bypass{background-image:linear-gradient(to right,#cdad00 14%,#cdad00 41%,#cdad00 100%)}.device-row.bypass li,.device-row.bypass div,.device-row.bypass span{color:#fff!important}.device-row.row-room-name{height:90px}.device-row.row-room-name li{height:90px}.device-row.row-count-1>div{height:80px}.device-row.row-count-2>div{height:160px}.device-row.row-count-3>div{height:240px}.device-row.row-count-4>div{height:320px}.device-row.row-count-5>div{height:400px}.device-icon{width:90px;text-align:center;position:relative;z-index:1}.device-icon .light{background-image:url(../../images/automation/icon-device-light.png);background-repeat:no-repeat;background-size:50px}.device-icon .light.meter{background-image:url(../../images/automation/icon-device-meter-light.png)}.device-icon .hue{width:50px;height:50px;border-radius:30px}.device-icon span{position:relative}.device-icon img{width:50px;height:50px}.device-icon img.light-shining{opacity:0;transition:opacity .2s linear}.device-icon img.status{position:absolute;bottom:0;right:0}.device-icon img.status.low_b{top:0}.device-icon img.status.bypass,.device-icon img.status.rssi,.device-icon img.status.connect,.device-icon img.status.delay{top:0;z-index:1}.device-icon img.status.fault{top:0;z-index:2}.device-name{font-size:14px;width:225px}.device-name span{max-width:220px;display:block}.device-fault{width:140px}.device-fault>span{max-width:135px;display:block;line-height:20px}.device-status{width:530px}.device-status span{display:inline-block}.device-status .device-status-text{font-size:15px}.device-status .device-status-percent{width:45px;font-size:15px;text-align:right;white-space:nowrap}.device-status .device-status-slider{width:190px}.device-status .device-status-color{width:30px;text-align:center}.device-status .device-status-switch{text-align:center;position:relative}.device-status .device-status-switch img{display:inline;cursor:pointer}.device-status .device-status-switch img.toggle-btn{width:45px;height:30px}.device-status .device-status-switch img.toggle-btn:active{opacity:.6}.device-status .device-status-switch .device-status-away{margin-right:0;cursor:default}.device-status .device-status-main{width:50px;font-size:15px;text-align:left}.device-status .device-status-power{font-size:15px}.device-status .device-status-temp{width:50px;font-size:15px}.device-status .device-status-humi{width:60px;font-size:15px}.device-status .device-status-setpoint-range{line-height:20px}.device-status .device-status-setpoint-range span{display:block;font-size:15px}.device-status .device-status-setpoint-range .device-status-setpoint-container{display:-ms-flexbox;display:flex;width:90px;line-height:40px}.device-status .device-status-total-energy img,.device-status .device-status-wss img{vertical-align:middle;cursor:pointer}.device-status .device-status-wss{float:right;position:relative;top:20px}.device-status .device-status-total-energy{font-size:15px}.device-status .width-85{width:85px!important}.device-status .device-status-aqs{width:95px;padding:0 6px;box-sizing:border-box;vertical-align:middle}.device-status .device-status-aqs span{font-size:15px}.device-status .device-status-aqs .mr-10{margin-right:10px}.device-status .device-status-aqs .mr-auto{margin-right:auto}.device-status .device-status-aqs:first-child{padding-left:0}.device-status .device-status-aqs:last-child{padding-right:0}.device-status .device-status-aqs *{box-sizing:border-box}.device-status .device-status-shutter-switch{font-size:0}.device-status .device-status-shutter-switch img.slider-btn-img{margin-right:-4px;cursor:pointer;vertical-align:middle;display:inline-block;width:40px;height:32px}.device-status .device-status-dbt{padding:0 14px}.device-status .device-status-dbt .device-status-dbt-red{width:30px;height:30px;margin-top:6px;border-radius:50%;cursor:pointer;background-color:#bf0017;border:1px solid #ddd}.device-status .device-status-dbt .device-status-dbt-green{width:30px;height:18px;border-radius:5px;margin-top:6px;cursor:pointer;background-color:#7ed321;border:1px solid #ddd}.device-status .device-status-gdc{height:54px;padding:11px 14px}.device-status .device-status-gdc img{padding-top:15px;cursor:pointer}.device-status .device-status-upic{vertical-align:top;height:365px;font-size:0}.device-status .device-status-upic .device-status-upic-item{vertical-align:middle;height:73px;display:block}.device-status .device-status-upic .device-status-upic-item>*{vertical-align:middle;display:inline-block}.device-status .device-status-upic .device-status-upic-item>* img{display:inline-block;cursor:pointer}.device-status .device-status-upic .device-status-upic-item>* img:nth-child(1){margin-left:5px}.device-status .device-status-upic .device-status-upic-item>* img:nth-child(2){margin-left:5px}.device-status .device-status-upic .device-status-upic-item>* img:nth-child(5){margin-left:5px}.device-status .device-status-upic .device-status-upic-item>* img:nth-child(7){margin-left:5px}.device-status.device-status-layout-shutter .device-status-shutter-switch{float:right;height:100%;margin-right:5px}.device-status.device-status-layout-hue .device-status-color{margin:0 0 0 30px}.device-status.device-status-layout-hue .device-status-switch{float:right}.device-status.device-status-layout-switch .device-status-switch-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;box-sizing:border-box}.device-status.device-status-layout-switch .device-status-switch{float:right}.device-status.device-status-layout-lux .device-status-text{width:90px;text-align:left}.device-status.device-status-layout-thermostat .device-status-switch{float:right}.device-status.device-status-layout-thermostat .device-status-now{margin-right:30px}.device-status.device-status-layout-thermostat .device-status-now-tmst{font-size:14px;margin-right:10px;color:#fff!important;width:43px}.device-status.device-status-layout-thermostat img{margin-right:10px}.device-status.device-status-layout-thermostat .switch{margin-right:0}.device-status .device-status-label{border-radius:4px;color:#fff!important;white-space:nowrap;font-size:14px;height:26px;line-height:25px;margin-right:10px;text-align:center;width:80px}.device-status .device-status-rs{margin:0 16px}.device-status .device-status-rs:first-child{margin-left:0}.device-status .device-status-rs img{margin-right:10px}.device-status .device-status-co2{width:70px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between;vertical-align:middle;-ms-flex-align:center;align-items:center}.device-status .device-status-co2 .mr-10{margin-right:10px}.device-status .device-status-co2 .mr-auto{margin-right:auto}.device-status .device-status-lmht{margin:100 12px}.device-status .device-status-lmht:first-child{margin-left:0}.device-status .device-status-lmht img{margin-right:10px}.device-status .device-status-lmht .device-status-lmht-temp,.device-status .device-status-lmht .device-status-lmht-humi{width:45px;font-size:15px}.device-more{opacity:1;max-height:100%;max-width:12px;transition:all 0ms ease 500ms;position:relative;height:100%;width:auto}.device-more:before{content:"";display:inline-block;height:100%;vertical-align:middle}.device-more img{display:inline-block;vertical-align:middle;cursor:pointer;transition:all .2s linear}.device-more img:hover{transform:scale(1.5)}.bg-color-auto{background-color:#7ed321}.bg-color-heat{background-color:#fea52b}.bg-color-cool{background-color:#35aaed}.bg-color-away{background-color:#9013fe}.bg-color-off{background-color:#979797}.js-status-fault{cursor:pointer}.device-area-name{margin-bottom:6px}.device-type-text{display:inline-block;transform:scale(.5);color:#9b9b9b;width:160px;min-width:160px;position:absolute;bottom:5px;left:-32px;font-size:16px}.aqs-container{margin-top:25px;height:310px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:wrap;flex-flow:wrap}.aqs-container .status-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;width:740px;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.aqs-container .status-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:5px;background-color:#555;width:360px;height:80px;padding:15px 10px 15px 20px;border-radius:6px;box-sizing:border-box}.aqs-container .status-container .icon{margin-right:70px}.aqs-container .status-container .more{margin-left:auto;cursor:pointer;transition:all .2s linear}.aqs-container .status-container .more:hover{transform:scale(1.5)}.aqs-container .status-container div{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.aqs-container .status-container div .value-span{width:140px;font-size:28px;text-align:right;margin-right:10px}.aqs-container .status-container div .unit-span{font-size:14px}.climax-btn-back-container{margin-top:70px}.climax-btn-back{font-size:14px}.schedule-btn-box{font-size:14px}.menu-profile{min-height:59px;background-color:inherit}.automation-list{width:900px;height:200px;margin:10px auto 20px;border:1px solid #000}.automation-device-list-section{height:150px}.climax-title{font-size:14px}.automation-btn-left,.automation-btn-right{float:left;width:40px;height:185px;text-align:center}.automation-btn-left img,.automation-btn-right img{margin-top:80px;cursor:pointer;opacity:.5;transition:all .2s linear}.automation-btn-left img:hover{margin-right:10px;opacity:1}.automation-btn-right img:hover{margin-left:10px;opacity:1}.automation-stage{float:left;width:820px!important;box-sizing:border-box}.device-item-box{float:left;width:110px;margin:0 27px;cursor:pointer;opacity:.5;transition:opacity .2s linear}.device-item-box:hover{opacity:1}.device-item-box img{display:block;width:60px;height:60px;margin:10px auto 16px}.device-item-box span{display:block;text-align:center;font-size:16px;margin-bottom:15px}.automation-stage.automation-device{float:none;width:auto!important;margin:0!important;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.automation-stage.automation-device .device-item-box{float:none;width:auto;margin:0}.automation-stage.automation-device .device-item-box .device-item-name{font-size:14px}div.device-selected{opacity:1}.automation-detail{width:900px;margin:0 auto;border:1px solid #000;display:table}.automation-detail.full-height{height:765px}.automation-detail.full-height .detail-box{height:730px}.device-row .device-status span{font-size:14px}.detail-box{float:left;width:100%;height:495px;overflow-y:auto}.detail-box ul:last-child{border-bottom:none}.detail-row{display:inline-block;width:100%;padding:5px 0;border-top:1px solid #6f6f6f;position:relative}.detail-row:first-child{border:0}.detail-row.fault{background-image:linear-gradient(to right,rgba(227,27,39,0) 14%,rgba(227,27,39,.22) 41%,rgba(227,27,39,.47) 100%)}.detail-row.fault li,.detail-row.fault div,.detail-row.fault span{color:#fff!important}.detail-row.bypass{background-image:linear-gradient(to right,#cdad00 14%,#cdad00 41%,#cdad00 100%)}.detail-row.bypass li,.detail-row.bypass div,.detail-row.bypass span{color:#fff!important}.detail-row.row-room-name{height:90px}.detail-row.row-room-name li{height:90px}.detail-row li{float:left;height:73px;line-height:73px}.detail-row li.break-word-wrap{word-wrap:break-word;height:43px;line-height:20px;padding:15px 0}.detail-row.row-count-1{height:73px}.detail-row.row-count-2{height:146px}.detail-row.row-count-3{height:219px}.detail-row.row-count-4{height:292px}.detail-row.row-count-5{height:365px}.detail-row.row-count-5 .detail-feature{height:365px}.detail-icon{width:100px;position:relative}.detail-icon.light{height:73px;background-image:url(../../images/automation/icon-device-light.png);background-repeat:no-repeat;background-position:20px 6.5px;background-size:60px}.detail-icon.light.meter{background-image:url(../../images/automation/icon-device-meter-light.png)}.detail-icon img{width:60px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}.detail-icon img.light-shining{opacity:0;transition:opacity .2s linear}.detail-icon img.status{position:absolute}.detail-icon img.status.low_b{top:calc(50% - 30px);left:calc(50% - 30px)}.detail-icon img.status.bypass{top:calc(50% - 30px);left:calc(50% - 30px);z-index:1}.detail-icon img.status.fault{top:calc(50% - 30px);left:calc(50% - 30px);z-index:2}.detail-title li{display:inline-block}.detail-title .detail-device{width:223px;margin-left:90px}.detail-title .detail-fault{width:140px}.detail-title .detail-status{width:275px}.detail-title .detail-deviceNo{width:150px}.detail-title .detail-deviceType{width:250px}.detail-title .detail-customizeName{width:240px}.detail-title .detail-ledNo{width:100px}.detail-fault{width:110px}.detail-fault span{display:block;position:relative;top:50%;transform:translateY(-50%);line-height:20px}.detail-name{font-size:14px;width:225px}.detail-name span{display:block}.detail-percent{width:80px;font-size:18px;text-align:right;padding-right:15px;white-space:nowrap}.detail-adjust{width:205px!important}.detail-adjust .switch{cursor:pointer;margin:19px auto;width:60px;display:block}.detail-desc{width:330px}.detail-desc--taiseia{width:250px}.detail-desc .desc-gap,.detail-desc .desc-status{line-height:43px}.detail-slider{width:330px;position:relative}.detail-btn,.detail-lock{width:80px;text-align:center}.detail-btn img,.detail-lock img{cursor:pointer;margin-top:19px}.detail-btn img.switch,.detail-lock img.switch,.detail-btn img.taiseia-switch,.detail-lock img.taiseia-switch{width:60px}.detail-btn img.toggle-btn,.detail-lock img.toggle-btn{width:45px;height:30px}.detail-btn img.toggle-btn:active,.detail-lock img.toggle-btn:active{opacity:.6}.lock-txt{color:#e60012}.unlock-txt{color:#67e104}.detail-more{width:25px;text-align:center;position:absolute;right:15px}.detail-more img{cursor:pointer;margin-top:25px;transition:all .2s linear}.detail-more img:hover{transform:scale(1.5)}.desc-gap{margin-right:30px}.room-item-box{float:left;width:175px;height:142px;margin:18px 15px 0;box-sizing:border-box}.room-img{float:left;width:175px;height:110px;cursor:pointer}.room-pos{float:left;width:135px;height:32px;line-height:32px}.room-edit{float:left;cursor:pointer;margin-top:10px;transition:all .2s linear;display:none}.room-edit:hover{transform:scale(1.2)}.room-delete{float:left;cursor:pointer;margin-top:10px;margin-left:8px;display:none;transition:all .2s linear}.room-delete:hover{transform:scale(1.2)}.owl-theme .owl-controls{margin-top:3px!important}.room-empty{float:left;width:820px}.room-empty span{line-height:170px;font-size:14px}.empty-tips{font-size:14px}.room-selected{border:3px solid #91dc30;box-shadow:1px 1px 8px 5px rgba(0,0,0,.5)}.btn-user-add{float:right;margin-right:9px;margin-top:9px;cursor:pointer;transition:all .2s linear}.btn-user-add:hover{transform:scale(1.2)}.climax-dialog-container{width:564px}.add-room-box{padding:0 60px;box-sizing:border-box}.room-device-add,.room-device-delete{float:right;margin-top:9px;margin-right:12px;cursor:pointer;width:16px;height:16px;transition:all .2s linear}.room-device-add:hover,.room-device-delete:hover{transform:scale(1.2)}.hover-stop{opacity:.5;pointer-events:none}.dialog-title{color:#000;font-size:28px;margin-bottom:28px}.addRoom-row{width:100%;line-height:50px;font-size:14px;margin-bottom:20px}.addRoom-row>label{float:left;width:140px}.addRoom-row>input{float:left;width:300px;background-color:rgba(255,255,255,.7);padding-left:15px}.room-upload-box{display:inline-block;width:300px;color:#a0a0a0;background-color:rgba(255,255,255,.7);overflow:hidden}.room-upload-box span{float:left;margin-left:15px;font-size:14px}.room-upload-box img{float:right;margin-right:14px;margin-top:13px;cursor:pointer}.device-type-box{float:left;width:330px;height:240px;overflow-y:auto;border:1px solid #ccc;background-color:rgba(255,255,255,.7);border-radius:6px;box-sizing:border-box}.device-type-row{float:left;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #ddd}.device-type-row input{margin:22px 6px 18px;float:left;cursor:pointer}.device-type-row label{margin-left:12px;line-height:20px;font-size:14px}.device-detail{font-family:Helvetica;float:left;line-height:17px;color:#6b6b6b}.device-detail span{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.device-detail .device-sub-title{color:#9b9b9b}.room-delete-box{padding:0 100px;text-align:center;box-sizing:border-box}.room-delete-box div{text-align:center;margin:45px 0 50px}#dialog-delete-room .climax-dialog-container{height:300px}#dialog-add-room .climax-dialog-container,#dialog-edit-room .climax-dialog-container,#dialog-add-device .climax-dialog-container,#dialog-device-add-room .climax-dialog-container{width:568px;height:370px}#dialog-add-room .climax-dialog-container .dialog-title,#dialog-edit-room .climax-dialog-container .dialog-title,#dialog-add-device .climax-dialog-container .dialog-title,#dialog-device-add-room .climax-dialog-container .dialog-title{width:450px;height:40px;font-size:28px;box-shadow:inset 0 -1px 0 0 #6f6f6f}#dialog-add-device .climax-dialog-container{width:510px;height:400px}#dialog-add-device .climax-dialog-container .climax-dialog-close{top:15px;right:15px;margin:0;position:relative}.extra-device-remove{float:left;width:328px;margin-right:280px;margin-left:280px}.extra-device-remove div{margin:15px 20px}.extra-device-remove .btn-left,.extra-device-remove .btn-right{height:40px;line-height:40px}.upload-img{position:absolute;overflow:hidden;right:65px}.upload-img input[type=file]{display:block;position:absolute;top:0;right:0;opacity:0;height:50px;cursor:pointer}.color-slider{float:left}.color-slider .cp-container{width:200px;margin:5px 0}.color-slider .cp-marker{background:url(../../images/icon-hue-slider.png);background-size:cover;box-shadow:0 0 0 0;border-radius:0;height:32px;margin-left:-9px;width:16px;top:-2px}.thermo-tmp-status{float:left;height:43px;padding:15px 0;line-height:20px}.thermo-tmp-status span.thermo-setting{display:block}.aqs_co2,.aqs_pm25{position:relative;font-family:Helvetica;font-size:13px;text-align:center!important}.aqs_co2 .text-style-1{font-size:11px}.aqs_bg_pm25{width:182px;height:22px}.aqs_bg{width:16px;height:16px;border-radius:50%;border:2px solid #fff}#scs-block .climax-btn-back-container{margin-top:30px}.automation-room-detail-section #scs-block .scs-container{height:380px}.automation-room-detail-section #hue-block .hue-container,.automation-room-detail-section #hue-block .hue-container-only-whites{height:380px}.scs-container{padding:10px 50px 0;height:415px;position:relative}.scs-container .rule-list__item:first-child{width:auto!important;height:auto!important;display:block!important}.scs-container .rule-list__item select{border-radius:5px}.scs-container .sub-block{width:800px}.scs-container .scs-submit,.scs-container .wcs-submit{position:absolute;bottom:0;width:800px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}#scs-block,#wcs-block,#hue-block{float:left;position:relative;width:100%}.taiseia-hvac-list{width:60%;padding:30px 0;margin:0 auto;font-size:14px}.taiseia-hvac-list li{line-height:50px;border-bottom:1px solid #4a4a4a}.taiseia-hvac-list li:last-child{border:0}.taiseia-hvac-list__title{width:25%;display:inline-block}.taiseia-hvac-list__btn{font-size:16px;position:relative;display:inline-block;cursor:pointer}.taiseia-hvac-list__btn.disabled span{opacity:.3}.taiseia-hvac-list__btn input{display:none}.taiseia-hvac-list__btn input:checked+span{background:#4a90e2;color:#fff}.taiseia-hvac-list__btn span{background:linear-gradient(to bottom,#d0d0d0,#dfdfdf);width:60px;height:26px;padding:0 10px;margin-right:5px;border-radius:13px;line-height:26px;display:block;color:#000;text-align:center;vertical-align:middle;box-sizing:border-box}.taiseia-hvac-list__bar{display:inline-block!important;float:none!important}.taiseia-hvac-list__bar-value{padding-left:10px}.light-bar,.light-bar--shutter{width:120px}.sub-block{float:left;width:100%;margin-bottom:28px;background-color:#4c4c4c}.sb-title{float:left;width:100%;padding-left:15px;box-sizing:border-box;background-color:#868686}.rule-list{width:calc(100% - 10px);padding:8px 0;margin:0 5px;display:inline-block;border-top:1px solid #707070;box-sizing:border-box}.rule-list:first-child{border:0}.rule-list input,.rule-list select{width:120px}.rule-list input{height:30px;padding:0 10px}.rule-list select{float:none!important}.rule-list__item{padding:4px;line-height:30px;display:none;float:left;box-sizing:border-box}.rule-list__item.delete img{vertical-align:middle}.rule-list__item:first-child{width:30px;height:30px;text-align:center}.rule-list__item.no,.rule-list__item.type{display:block}.rule-list__item.area select{width:80px}.rule-list__item.zone select,.rule-list__item.scene select{width:220px}.rule-list__item.switch{width:auto;display:none}.rule-list__item.hue_colorpicker,.rule-list__item.tmst2,.rule-list__item.taiseia_hvac{width:100%;padding-left:35px}.rule-list__item.hue_colorpicker .cp-container .cp-slider,.rule-list__item.tmst2 .cp-container .cp-slider,.rule-list__item.taiseia_hvac .cp-container .cp-slider{width:235px;display:inline-block}.rule-list__item.http_request input{width:400px}.rule-list__item .select2{vertical-align:top}.rule-list__item span.icon{height:30px;padding:0 10px;margin:0 5px;line-height:30px;border-radius:5px;display:inline-block;vertical-align:top}.rule-list__item span.icon--cool,.rule-list__item span.icon--heat{color:#fff}.rule-list__item span.icon--cool{background-color:#2b8dff}.rule-list__item span.icon--heat{background-color:#ff6700}.rule-list__control{width:calc(100% - 20px);padding:20px 0 30px;margin:10px;border-top:1px solid #707070;text-align:center;float:left;display:none}.rule-list__control>*{display:inline-block}.select2-selection{background-color:#bababa!important;height:30px!important;border:0!important;border-radius:5px!important;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3) inset}.select2-selection__rendered{color:#000!important}.select2-selection__arrow{height:28px!important}.select2-selection__arrow b{border-color:#000 transparent transparent!important}.select2-results{background-color:#bababa}.select2-results__option{width:100%;font-size:14px;border-bottom:1px solid #a9a9a9;float:left}.select2-results__option:last-child{border:0}.select2-results__option,.select2-results__option *{box-sizing:border-box}.select2-results__option .option-image,.select2-results__option .option-text{float:left}.select2-results__option .option-image--scene{background-color:#f5a623;border:solid 2px #fff;border-radius:40px}.select2-results__option .option-image--scene img{height:36px!important}.select2-results__option .option-image img{height:40px}.select2-results__option .option-text{width:calc(100% - 40px);padding-left:10px;line-height:40px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.select2-results ul{overflow-x:hidden}.th-title-row{border-bottom:none;box-shadow:inset 0 -1px 0 #4a4a4a;width:800px;left:50px;font-size:14px}.th-title-row img.light-shining{opacity:0;transition:opacity .2s linear}.th-title-row img.status{position:absolute;bottom:7px;margin:0}.th-title-row img.low_b{left:72px;width:14px;height:21px;top:53px}.th-title-row img.bypass{z-index:1}.th-title-row img.fault{left:36px;z-index:2}.th-title-row img.device-room{cursor:pointer;position:absolute;width:36px;height:36px;top:30%;right:30px}.device-set-room{position:absolute;display:none;height:36px;top:30%;right:30px;padding:0 5px;border-radius:20px;background-color:rgba(74,74,74,.4);border:solid 1px #4a4a4a;-ms-flex-align:center;align-items:center;box-sizing:border-box}.device-set-room .icon_added_to_room{width:26px}.device-set-room .device_room_name{padding:0 4px;-ms-flex-positive:1;flex-grow:1;font-family:OpenSans;font-size:14px;color:#9b9b9b}.device-set-room .btn_room_more_option{position:relative}.device-set-room .btn_room_more_option img{width:10px;height:16px;cursor:pointer}.room_more_option{position:absolute;display:none;width:225px;height:110px;min-height:54px;right:-25px;top:42px;background-color:#313131;border-radius:8px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-size:12px;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start;z-index:99}.room_more_option:before{content:'';position:absolute;top:-12px;right:24px;width:0;height:0;border-style:solid;border-width:0 6px 12px;border-color:transparent transparent #313131}.room_more_option :hover{background-color:#ddd}.room_more_option div{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:Helvetica;font-size:14px;background:linear-gradient(180deg,#60646b 0,#424449 100%);box-shadow:0 2px 4px #2c2d30;color:#fff;margin:0 20px;width:185px;min-height:27px;line-height:27px;box-shadow:inset 0 -1px 0 0 #9b9b9b;border-radius:5px;position:relative;-ms-flex-pack:center;justify-content:center}.room_more_option #remove_device_room{margin-top:20px;height:30px}.room_more_option #change_device_room{margin-top:10px;height:30px}.device-remove-icon{float:left;margin:5px 0 0 4px}.add-room-box .climax-btn-gray,.add-device-box .climax-btn-gray{pointer-events:none}.room-dialog-title{width:450px;height:40px;font-size:28px;margin:0 58px 25px 60px;box-shadow:inset 0 -1px 0 0 #6f6f6f}.device-addRoom-row{width:100%;line-height:50px;font-size:14px;margin-left:65px;margin-bottom:25px}.device-addRoom-row>label{float:left;width:100px}.device-addRoom-row>input{float:left;width:300px;background-color:rgba(255,255,255,.7);padding-left:15px}.btn-save{width:120px;height:40px;margin-bottom:30px!important;line-height:40px}.room-add-box .climax-btn-blue,.room-add-box .climax-btn-gray{margin:0 auto}.room-add-box .climax-btn-gray{pointer-events:none}.room-detail-row{width:290px;height:40px;border-bottom:1px solid #e5e5e5;margin-left:2px}.room-detail-row li p{font-family:Helvetica;margin:0 35px;line-height:17px;font-size:14px;color:#4a4a4a}.room-detail{margin:11px}.room-row{width:42px;position:relative;display:block;cursor:pointer;margin-top:15px;margin-bottom:10px;text-align:right}.room-row input{position:absolute;z-index:-1;opacity:0}.room-row p{margin:0 30px}.room_indicator{position:absolute;width:16px;height:16px;background:#ddd;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.5)}.room--radio .room_indicator{border-radius:50%}.room-row input:checked~.room_indicator{background:#4a90e2;box-shadow:none}.room-row input:checked~.room_indicator:after{display:block}.room_indicator:after{position:absolute;display:none;content:''}.room--radio .room_indicator:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#fff}.empty-btn-back{float:left;width:100%;height:60px;padding:0 45px;box-sizing:border-box}.empty-container{height:340px}.history-options-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:20px}.history-options-container .history-options-list{width:675px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:40px;box-shadow:inset 0 -1px 0 0 #686868;padding:0 10px;box-sizing:border-box}.history-options-container .history-options-list select{width:200px;height:30px;padding:0 6px 0 10px;border-radius:5px;border:solid 1px #ccc;background-color:#fff;font-size:14px;margin-right:10px}.history-options-container .history-options-list .date-container,.history-options-container .history-options-list .range-container{display:none}.history-options-container .history-options-list .date-container .picker-wapper,.history-options-container .history-options-list .range-container .picker-wapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:385px;-ms-flex-pack:justify;justify-content:space-between}.history-options-container .history-options-list .date-container .input-wrapper,.history-options-container .history-options-list .range-container .input-wrapper{border-radius:5px;border:solid 1px #ccc;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:160px;height:30px}.history-options-container .history-options-list .date-container .input-wrapper img,.history-options-container .history-options-list .range-container .input-wrapper img{margin:0 5px}.history-options-container .history-options-list .date-container .input-wrapper input,.history-options-container .history-options-list .range-container .input-wrapper input{width:130px;height:30px;border:0;background-color:#fff;font-size:12px;color:#000;font-size:14px;padding:0 5px;box-sizing:border-box;cursor:pointer}.history-options-container .history-options-list .date-container img:last-child,.history-options-container .history-options-list .range-container img:last-child{cursor:no-drop;margin:0 10px;opacity:.3}.history-chart-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.history-chart-container .no-data-wrapper{height:260px;font-size:12px;color:#ddd;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;-ms-flex-pack:center;justify-content:center}.history-chart-container .chart-wrapper{width:655px}.history-chart-container .bottom-border{height:15px;width:675px;box-shadow:inset 0 -1px 0 0 #686868}#dialog-device-error-info .climax-dialog-container{width:450px;padding:0 30px;box-sizing:border-box}#dialog-device-error-info .info-row{height:200px;overflow-y:auto}#dialog-device-error-info .info-row li{height:50px;font-size:14px;text-align:left;color:#d0021b;box-shadow:inset 0 -1px 0 0 #c8c8c8;line-height:50px;padding-left:10px}#dialog-device-error-info .dialog-title{margin:21px 0 0;height:45px;font-size:28px;text-align:left;color:#333;box-shadow:inset 0 -1px 0 0 #c8c8c8;width:390px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dialog-device-error-info .info-row li:last-child{border-bottom:none}#dialog-device-error-info .info-row li span:first-child{float:left}#dialog-device-error-info .info-row li span:last-child{float:left;text-align:left}#dialog-device-error-info .btn-center{width:120px;cursor:pointer;color:#fff;font-size:14px;font-weight:400;line-height:40px;text-align:center;border-radius:5px;margin:70px 0 25px 36%}#dialog-device-error-info .btn-center:hover{opacity:.8}#dialog-device-error-info .btn-center:active{box-shadow:inset 3px 3px 5px 2px #595959}.automation-device-detail-section{height:620px}.automation-device-detail-section .detail-box{height:585px}.automation-device-detail-section .climax-btn-back-container{margin-top:140px}.automation-device-detail-section .schedule-back-container,.automation-device-detail-section .empty-btn-back{margin-top:125px}.automation-device-detail-section .scs-back-container{margin-top:90px}.automation-room-detail-section{height:570px}.automation-room-detail-section .detail-box{height:535px}.automation-room-detail-section .climax-btn-back-container{margin-top:90px}.automation-room-detail-section .schedule-back-container,.automation-room-detail-section .empty-btn-back{margin-top:70px}.automation-room-detail-section .scs-back-container{margin-top:40px}#hue-block .climax-btn-back-container{margin-top:30px}.sub-title{color:#9b9b9b}.add-device-box{padding:0 30px;box-sizing:border-box}.add-device-box .dialog-title{margin-bottom:10px}.add-device-icon-row{position:relative;width:80px;height:60px}.add-device-icon-row span{width:80px}.add-device-icon-row img{width:40px;height:40px;padding:6px 20px 2px}.add-device-icon-row .device-type-text{display:inline-block;transform:scale(.5);color:#9b9b9b;width:140px;min-width:140px;position:absolute;bottom:0;left:-30px;font-size:16px;text-align:center}.device-type-row .aling-center-text{line-height:40px}.device-name-row{padding:11px 0 0 10px;font-size:14px}.device-name-row .device-name-title{margin-bottom:6px}.addRoom-device-content>label{float:left;width:100px;margin-left:10px;margin-right:10px}@media screen and (max-width:1200px){.header-container{width:100%}}